@charset "UTF-8";
@keyframes msgshake {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  3% {
    transform: translate3d(-20%, 0, 0) rotate3d(0, 0, 1, -10deg);
  }
  6% {
    transform: translate3d(16%, 0, 0) rotate3d(0, 0, 1, 6deg);
  }
  9% {
    transform: translate3d(-12%, 0, 0) rotate3d(0, 0, 1, -6deg);
  }
  12% {
    transform: translate3d(8%, 0, 0) rotate3d(0, 0, 1, 4deg);
  }
  15% {
    transform: translate3d(-4%, 0, 0) rotate3d(0, 0, 1, -2deg);
  }
  18% {
    -webkit-transform: none;
    transform: none;
  }
}
.oc-test-mode-msg {
  position: fixed;
  right: 24px;
  top: 48%;
  width: 166px;
  border: 2px solid #0546DD;
  border-radius: 56px;
  z-index: 99999;
  padding: 16px 12px;
  text-align: center;
  background: linear-gradient(90deg, #EBF1FF 0%, #DFE9FF 100%);
  animation: msgshake 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-delay: 3s;
  pointer-events: none;
}
.oc-test-mode-msg.amsterdamnightlifev2 {
  width: 150px;
}
.oc-test-mode-msg.coenen {
  width: 150px;
}
.oc-test-mode-msg.coenen h4 {
  font-weight: 600;
}
.oc-test-mode-msg.colengov3 {
  width: 164px;
}
.oc-test-mode-msg.colengov3 h4 {
  font-weight: 600;
}
.oc-test-mode-msg h4 {
  font-size: 13px;
  margin-bottom: 4px;
}
.oc-test-mode-msg p {
  font-size: 12px;
}
.oc-test-mode-msg p.warn {
  color: #ec942c;
  margin-top: 4px;
}

/* container */
.image-360-viewer {
  overflow: hidden;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
}
.image-360-viewer__image {
  max-width: 100%;
  height: auto;
}
.image-360-viewer--js-press-active {
  cursor: grabbing;
}

.onecore-picture {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
.onecore-picture::after {
  content: attr(data-recommend);
  width: 100%;
  height: 100%;
  background-color: #eeeeee;
  color: #31343c;
  display: none;
  position: absolute;
  top: 0;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  font-weight: 700;
}
.onecore-picture.placeholder img {
  visibility: hidden;
  opacity: 0;
}
.onecore-picture.placeholder::after {
  display: flex;
}

@media screen and (max-width: 1024px) {
  .onecore-picture::after {
    font-size: 24px;
  }
}
@media screen and (max-width: 743px) {
  .onecore-picture::after {
    font-size: 16px;
    font-weight: 600;
  }
}
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-container-pointer-events {
  touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@font-face {
  font-family: "Graphik";
  src: url("/assetfiles/font/tabledusudv4/graphik/Graphik-Regular.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
  font-weight: 500;
}
@font-face {
  font-family: "Graphik";
  src: url("/assetfiles/font/tabledusudv4/graphik/Graphik-RegularItalic.ttf") format("truetype");
  font-style: italic;
  font-display: swap;
  font-weight: 500;
}
@font-face {
  font-family: "Graphik";
  src: url("/assetfiles/font/tabledusudv4/graphik/Graphik-Medium.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
  font-weight: 600;
}
@font-face {
  font-family: "Graphik";
  src: url("/assetfiles/font/tabledusudv4/graphik/Graphik-MediumItalic.ttf") format("truetype");
  font-style: italic;
  font-display: swap;
  font-weight: 600;
}
@font-face {
  font-family: "Graphik";
  src: url("/assetfiles/font/tabledusudv4/graphik/Graphik-Semibold.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
  font-weight: 700;
}
@font-face {
  font-family: "Graphik";
  src: url("/assetfiles/font/tabledusudv4/graphik/Graphik-Bold.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
  font-weight: 800;
}
@font-face {
  font-family: "Sora";
  src: url("/assetfiles/font/tabledusudv4/sora/Sora-Regular.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
  font-weight: 400;
}
@font-face {
  font-family: "Sora";
  src: url("/assetfiles/font/tabledusudv4/sora/Sora-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
  font-weight: 600;
}
@font-face {
  font-family: "Sora";
  src: url("/assetfiles/font/tabledusudv4/sora/Sora-Bold.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
  font-weight: 700;
}
.ico-svg.instagram {
  width: 24px;
  height: 24px;
}
.ico-svg.instagram svg {
  width: 24px;
  height: 24px;
}
.ico-svg.facebook {
  width: 10px;
  height: 20px;
}
.ico-svg.facebook svg {
  width: 10px;
  height: 20px;
}
.ico-svg.linkedin {
  width: 20px;
  height: 20px;
}
.ico-svg.linkedin svg {
  width: 20px;
  height: 20px;
}
.ico-svg.pinterest {
  width: 17px;
  height: 20px;
}
.ico-svg.pinterest svg {
  width: 17px;
  height: 20px;
}
.ico-svg svg {
  color: #ffffff;
  transition: all 0.3s ease-out;
}

.icon-arr-left {
  width: 9px;
  height: 10px;
  position: relative;
}
.icon-arr-left svg {
  position: absolute;
  left: 0;
  width: 9px;
  height: 10px;
  color: #ffffff;
  transition: all 0.3s ease-out;
}

.icon-arr-right {
  width: 9px;
  height: 10px;
  position: relative;
}
.icon-arr-right svg {
  position: absolute;
  left: 0;
  width: 9px;
  height: 10px;
  color: #e4b760;
  transition: all 0.3s ease-out;
  transform: rotate(180deg);
}

.icon-arr-down {
  width: 8px;
  height: 6px;
  position: relative;
}
.icon-arr-down svg {
  position: absolute;
  width: 8px;
  height: 6px;
  color: #e4b760;
  transition: all 0.3s ease-out;
  transform: rotate(180deg);
  left: 0;
  top: 0px;
}

.icon-info-grey {
  width: 22px;
  height: 22px;
  position: relative;
}
.icon-info-grey svg {
  position: absolute;
  width: 22px;
  height: 22px;
  color: rgb(192, 192, 192);
  left: 0;
  top: 0;
}
.icon-info-grey:hover .tooltip {
  transform: translateY(0) translateX(-80%);
  visibility: visible;
  opacity: 1;
}
.icon-info-grey p {
  font-size: 9px;
  padding: 0px;
}
.icon-info-grey .tooltip {
  position: absolute;
  bottom: 138%;
  left: 50%;
  display: block;
  background-color: #ffffff;
  width: auto;
  padding: 18px 14px;
  border-radius: 6px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  transform: translateY(10%) translateX(-80%);
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
  min-width: 200px;
  height: auto;
}
.icon-info-grey .tooltip p {
  font-size: 10px;
}
.icon-info-grey .tooltip:before {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 80%;
  width: 8px;
  height: 8px;
  background: #ffffff;
  transform: rotate(45deg) translateX(-80%);
}

.icon-info-or {
  width: 22px;
  height: 22px;
  position: relative;
}
.icon-info-or svg {
  position: absolute;
  width: 22px;
  height: 22px;
  color: #e4b760;
  left: 0;
  top: 0;
}

.icon-arr-up {
  width: 8px;
  height: 6px;
  position: relative;
}
.icon-arr-up svg {
  position: absolute;
  width: 8px;
  height: 6px;
  color: #e4b760;
  transition: all 0.3s ease-out;
  transform: rotate(0deg);
  left: 0;
  top: 0px;
}

.icon-heart {
  width: 20px;
  height: 18px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/wishlist-ipfv3.svg#wishlist-obj-ipfv3);
  mask-size: cover;
  background-color: #111c1c;
  transition: all 0.3s ease-out;
}

.icon-heart2 {
  width: 20px;
  height: 18px;
  transition: all 0.3s ease-out;
}

.icon-filters {
  width: 16px;
  height: 16px;
}
.icon-filters svg {
  width: 16px;
  height: 16px;
  color: #444444;
}

.icon-view {
  width: 9px;
  height: 10px;
  margin: 0px 2px;
}
.icon-view svg {
  width: 9px;
  height: 10px;
  color: #000000;
}

.icon-remove {
  width: 16px;
  height: 16px;
  position: relative;
}
.icon-remove svg {
  width: 16px;
  height: 16px;
  color: #000000;
}

.icon-clear {
  width: 24px;
  height: 24px;
  position: relative;
}
.icon-clear svg {
  width: 24px;
  height: 24px;
  color: #000000;
  position: absolute;
}
.icon-clear svg use {
  transform: scale(1.5);
}

.icon-drop {
  width: 7px;
  height: 9px;
  position: relative;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/navmenudrop-bg-ipfv3.svg#navmenudropbg-obj-ipfv3);
  mask-size: cover;
  background-color: #111c1c;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
}
.icon-drop svg {
  position: absolute;
  left: 0;
  width: 7px;
  height: 9px;
  color: #111c1c;
  display: none;
}

.icon-more-menu {
  width: 8px;
  height: 12px;
  position: relative;
}
.icon-more-menu svg {
  position: absolute;
  left: 0;
  width: 8px;
  height: 12px;
  transform: rotate(90deg);
  color: #111c1c;
}

.logo-background {
  width: 320px;
  height: 640px;
}
.logo-background svg {
  width: 320px;
  height: 640px;
}

.icon-goback {
  position: relative;
  margin-top: 8px;
  width: 5px;
  height: 7px;
}
.icon-goback svg {
  position: absolute;
  left: 0;
  width: 5px;
  height: 7px;
  color: #111c1c;
}

.icon-view-new {
  width: 9px;
  height: 10px;
  position: absolute;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/view-ipfv3.svg#view-obj-ipfv3);
}

.icon-account-overview {
  width: 14px;
  height: 18px;
  position: absolute;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/account-overview-ipfv3.svg#account-overview-obj-ipfv3);
}

.icon-account-setting {
  width: 18px;
  height: 18px;
  position: absolute;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/account-setting-ipfv3.svg#account-setting-obj-ipfv3);
}

.icon-account-order {
  width: 16px;
  height: 16px;
  position: absolute;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/account-order-ipfv3.svg#account-order-obj-ipfv3);
}

.icon-account-voucher {
  width: 16px;
  height: 19px;
  position: absolute;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/account-voucher-ipfv3.svg#account-voucher-obj-ipfv3);
}

.icon-account-return {
  width: 19px;
  height: 16px;
  position: absolute;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/account-return-ipfv3.svg#account-return-obj-ipfv3);
}

.icon-account-addressbook {
  width: 16px;
  height: 16px;
  position: absolute;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/account-addressbook-ipfv3.svg#account-addressbook-obj-ipfv3);
}

.icon-account-logout {
  width: 16px;
  height: 16px;
  position: absolute;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/account-logout-ipfv3.svg#account-logout-obj-ipfv3);
}

.icon-quote {
  width: 20px;
  height: 16px;
}
.icon-quote svg {
  width: 20px;
  height: 16px;
}

.icon-schedule {
  width: 24px;
  height: 26px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/schedule-ipfv3.svg#schedule-obj-ipfv3);
}

.icon-video {
  width: 11px;
  height: 12px;
  position: absolute;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/video-ipfv3.svg#video-obj-ipfv3);
}

.icon-pause {
  width: 6px;
  height: 10px;
  position: absolute;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/pause-ipfv3.svg#pause-obj-ipfv3);
}

.icon-pin {
  position: relative;
  width: 11px;
  height: 13px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/pinterestbg-ipfv3.svg#pinterestbg-obj-ipfv3);
  mask-size: cover;
  transition: all 0.35s ease-in-out;
}

.icon-pin2 {
  position: relative;
  width: 17px;
  height: 20px;
}
.icon-pin2 svg {
  color: #111c1c;
  position: absolute;
  top: 0;
  width: 17px;
  height: 20px;
  transform: scale(0.7);
  transition: all 0.35s ease-out;
}
.icon-pin2:hover svg {
  color: #e4b760;
}

.icon-rotate-product-360 {
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-rotate-product-360.active {
  animation: shakeIt 0.5s linear 1s forwards;
}
.icon-rotate-product-360 svg {
  width: 22px;
  height: 9px;
  display: inline-flex;
  position: relative;
}
.icon-rotate-product-360 svg.left {
  top: -2px;
}
.icon-rotate-product-360 svg.right {
  top: -1px;
}
.icon-rotate-product-360 p {
  display: inline-flex;
  font-size: 10px;
  font-weight: bold;
  line-height: 11px;
  margin: 0 8px;
}

.icon-expand,
.icon-search {
  position: relative;
  width: 16px;
  height: 16px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/search-ipfv3.svg#search-obj-ipfv3);
  mask-size: cover;
  transition: all 0.35s ease-in-out;
}

.icon-expand2 {
  position: relative;
  width: 16px;
  height: 16px;
}
.icon-expand2 svg {
  color: #111c1c;
  position: absolute;
  top: 0;
  width: 16px;
  height: 16px;
  transition: all 0.35s ease-out;
}
.icon-expand2:hover svg {
  color: #e4b760;
}

.icon-config {
  position: relative;
  width: 16px;
  height: 14px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/config-ipfv3.svg#config-obj-ipfv3);
  mask-size: cover;
  transition: all 0.35s ease-in-out;
}

.icon-config2 {
  position: relative;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.icon-config2 svg {
  color: #111c1c;
  position: absolute;
  top: 0;
  width: 16px;
  height: 16px;
  transform: scale(2);
  transition: all 0.35s ease-out;
}
.icon-config2:hover svg {
  color: #e4b760;
}

.icon-cart {
  position: relative;
  width: 22px;
  height: 18px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/cart-ipfv3.svg#cart-obj-ipfv3);
  mask-size: cover;
  transition: all 0.35s ease-in-out;
}

.icon-cart-add {
  position: relative;
  width: 20px;
  height: 16px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/cart-add-ipfv3.svg#cart-add-obj-ipfv3);
  mask-size: cover;
  transition: all 0.35s ease-in-out;
  background-color: #000000;
}

.icon-cart-christmas-add {
  position: relative;
  width: 20px;
  height: 16px;
  top: -4px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/ico-christmas-cart-ipfv3.svg#ico-christmas-cart-obj-ipfv3);
  mask-size: cover;
  transition: all 0.35s ease-in-out;
  background-color: #000000;
}

.icon-wishlist {
  position: relative;
  width: 20px;
  height: 18px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/wishlist-ipfv3.svg#wishlist-obj-ipfv3);
  mask-size: cover;
  background-color: #ffffff;
  transition: all 0.35s ease-in-out;
}

.icon-wishlist2 {
  position: relative;
  width: 20px;
  height: 18px;
  transition: all 0.35s ease-in-out;
}
.icon-wishlist2 svg {
  color: #000000;
  position: absolute;
  top: 0;
  width: 20px;
  height: 18px;
  transition: all 0.3s ease-out;
}

.icon-moreinfo {
  position: relative;
  width: 16px;
  height: 16px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/moreinfo-ipfv3.svg#moreinfo-obj-ipfv3);
  mask-size: cover;
  background-color: #111c1c;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
}
.icon-moreinfo:hover {
  background-color: #e4b760;
}

.icon-moreinfo2 {
  position: relative;
  width: 16px;
  height: 16px;
}
.icon-moreinfo2 svg {
  color: #111c1c;
  position: absolute;
  top: 0;
  width: 16px;
  height: 16px;
  transition: all 0.35s ease-out;
}
.icon-moreinfo2:hover svg {
  color: #e4b760;
}
.icon-moreinfo2.disabled svg {
  color: rgb(192, 192, 192);
  cursor: default;
}

.icon-close {
  position: relative;
  width: 8px;
  height: 8px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/closebg-ipfv3.svg#closebg-obj-ipfv3);
  mask-size: cover;
  background-color: #111c1c;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
}
.icon-close:hover {
  background-color: #e4b760;
}

.icon-close-light {
  position: relative;
  width: 13px;
  height: 13px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/closelightbg-ipfv3.svg#closelightbg-obj-ipfv3);
  mask-size: cover;
  background-color: #111c1c;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

.icon-arr-left-bg {
  position: relative;
  width: 9px;
  height: 10px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/arrleftbg-ipfv3.svg#arrleftbg-obj-ipfv3);
  mask-size: cover;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
}

.icon-arr-left-bg2 {
  position: relative;
  width: 9px;
  height: 10px;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
}
.icon-arr-left-bg2 svg {
  color: #111c1c;
  position: absolute;
  top: 0;
  width: 9px;
  height: 10px;
  transition: all 0.35s ease-out;
}

.icon-arr-right-bg {
  position: relative;
  width: 9px;
  height: 10px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/arrleftbg-ipfv3.svg#arrleftbg-obj-ipfv3);
  mask-size: cover;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
  transform: rotate(180deg);
}

.icon-arr-right-bg2 {
  position: relative;
  width: 9px;
  height: 10px;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
  transform: rotate(180deg);
}
.icon-arr-right-bg2 svg {
  color: #111c1c;
  position: absolute;
  top: 0;
  width: 9px;
  height: 10px;
  transition: all 0.35s ease-out;
}

.icon-arr-down-bg {
  position: relative;
  width: 8px;
  height: 6px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/arrupbg-ipfv3.svg#arrupbg-obj-ipfv3);
  mask-size: cover;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
  transform: rotate(180deg);
}

.icon-arr-up-bg {
  position: relative;
  width: 8px;
  height: 6px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/arrupbg-ipfv3.svg#arrupbg-obj-ipfv3);
  mask-size: cover;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
}

.icon-info {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px #111c1c;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 14px;
  margin-top: -4px;
}
.icon-info:hover .tool-tip {
  transform: translateY(0) translateX(-50%);
  visibility: visible;
  opacity: 1;
}
.icon-info p {
  font-size: 9px;
  color: #111c1c;
  padding: 0px;
}
.icon-info .tool-tip {
  position: absolute;
  bottom: 176%;
  left: 50%;
  display: block;
  background-color: #ffffff;
  width: auto;
  padding: 9px 12px;
  border-radius: 6px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  transform: translateY(10%) translateX(-50%);
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
  min-width: 112px;
  height: auto;
}
.icon-info .tool-tip p {
  font-size: 10px;
}
.icon-info .tool-tip:before {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  width: 8px;
  height: 8px;
  background: #ffffff;
  transform: rotate(45deg) translateX(-50%);
}

.icon-calendar {
  position: relative;
  width: 20px;
  height: 20px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/calendar-ipfv3.svg#calendar-obj-ipfv3);
  mask-size: cover;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
  background-color: #000000;
}

.icon-checklist {
  position: relative;
  width: 16px;
  height: 22px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/checklist-ipfv3.svg#checklist-obj-ipfv3);
  mask-size: cover;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
  background-color: #000000;
}

.icon-checked {
  position: relative;
  width: 8px;
  height: 6px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/checked-ipfv3.svg#checked-obj-ipfv3);
  mask-size: cover;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
  background-color: #000000;
}

.icon-undo {
  position: relative;
  width: 18px;
  height: 16px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/undo-ipfv3.svg#undo-obj-ipfv3);
  mask-size: cover;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
  background-color: #000000;
}

.icon-undo2 {
  position: relative;
  width: 18px;
  height: 16px;
  transition: all 0.35s ease-in-out;
}
.icon-undo2 svg {
  color: #000000;
  position: absolute;
  top: 0;
  width: 18px;
  height: 16px;
  transition: all 0.3s ease-out;
}

.icon-play {
  position: relative;
  width: 13px;
  height: 16px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/play-ipfv3.svg#play-obj-ipfv3);
  mask-size: cover;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
  background-color: #ffffff;
  margin-left: 16px;
  border-radius: 4px;
}
.icon-play .play-in {
  position: absolute;
  top: 4px;
  left: 2px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/play-ipfv3.svg#play-obj-ipfv3);
  mask-size: cover;
  transition: all 0.35s ease-in-out;
  background-color: #e4b760;
  width: 6px;
  height: 8px;
}

.icon-download {
  position: relative;
  width: 18px;
  height: 16px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/download-ipfv3.svg#download-obj-ipfv3);
  mask-size: cover;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
  background-color: #ffffff;
}

.icon-chat {
  position: relative;
  width: 32px;
  height: 32px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/chat-ipfv3.svg#chat-obj-ipfv3);
  mask-size: cover;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
  background-color: #3b3b3c;
}

.icon-headset {
  position: relative;
  width: 24px;
  height: 24px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/headset-ipfv3.svg#headset-obj-ipfv3);
  mask-size: cover;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
  background-color: #3b3b3c;
}

.icon-mail {
  position: relative;
  width: 32px;
  height: 32px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/mail-ipfv3.svg#mail-obj-ipfv3);
  mask-size: cover;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
  background-color: #3b3b3c;
}

.icon-minus {
  position: relative;
  width: 10px;
  height: 2px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/minus-ipfv3.svg#minus-obj-ipfv3);
  mask-size: cover;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
  background-color: #111c1c;
}

.icon-plus {
  position: relative;
  width: 10px;
  height: 10px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/plus-ipfv3.svg#plus-obj-ipfv3);
  mask-size: cover;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
  background-color: #111c1c;
}

.icon-job-aplication {
  position: relative;
  width: 40px;
  height: 40px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/job-application-ipfv3.svg#job-application-obj-ipfv3);
  mask-size: cover;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  background-color: #111c1c;
}

.icon-loadmore {
  position: relative;
  width: 48px;
  height: 48px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/loadmore-ipfv3.svg#loadmore-obj-ipfv3);
  mask-size: cover;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  background-color: #111c1c;
}

.icon-3d-bg {
  width: 464px;
  height: 460px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/3d-logo-ipfv3.svg#3d-logo-obj-ipfv3);
  mask-size: cover;
  background-color: #f8f7f3;
}

.icon-rotate {
  position: relative;
  width: 20px;
  height: 16px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/rotate-ipfv3.svg#rotate-obj-ipfv3);
  mask-size: cover;
  background-color: #111c1c;
  transition: all 0.3s ease-in-out;
}

.icon-rotation-circle {
  width: 640px;
  height: 240px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/rotation-circle-ipfv3.svg#rotation-circle-obj-ipfv3);
  mask-size: cover;
  background-color: #aaaaaa;
}

.icon-logo-full-bg {
  position: relative;
  width: 100%;
  height: 100%;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/logo-full-bg-ipfv3.svg#logo-full-bg-obj-ipfv3);
  mask-size: cover;
  transition: all 0.3s ease-in-out;
  transform-origin: center center;
}

.icon-logo-bg {
  width: 100%;
  height: 100%;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/logo-bg-ipfv3.svg#logo-bg-obj-ipfv3);
  mask-size: cover;
  transition: all 0.3s ease-in-out;
  transform-origin: center center;
}

.icon-add-circle {
  position: relative;
  width: 32px;
  height: 32px;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
}
.icon-add-circle svg {
  color: #111c1c;
  position: absolute;
  top: 0;
  width: 32px;
  height: 32px;
  transition: all 0.35s ease-out;
}
.icon-add-circle:hover svg {
  color: #e4b760;
}

.icon-material {
  position: relative;
  width: 24px;
  height: 24px;
  transition: all 0.35s ease-in-out;
}
.icon-material svg {
  color: #515151;
  position: absolute;
  top: 0;
  width: 24px;
  height: 24px;
  transition: all 0.35s ease-out;
}

.icon-legs-finish {
  position: relative;
  width: 24px;
  height: 24px;
  transition: all 0.35s ease-in-out;
}
.icon-legs-finish svg {
  color: #515151;
  position: absolute;
  top: 0;
  width: 24px;
  height: 24px;
  transition: all 0.35s ease-out;
}

.icon-top-finish {
  position: relative;
  width: 24px;
  height: 24px;
  transition: all 0.35s ease-in-out;
}
.icon-top-finish svg {
  color: #515151;
  position: absolute;
  top: 0;
  width: 24px;
  height: 24px;
  transition: all 0.35s ease-out;
}

.icon-colour {
  position: relative;
  width: 24px;
  height: 24px;
  transition: all 0.35s ease-in-out;
}
.icon-colour svg {
  color: #515151;
  position: absolute;
  top: 0;
  width: 24px;
  height: 24px;
  transition: all 0.35s ease-out;
}

.icon-product-info {
  position: relative;
  width: 24px;
  height: 24px;
  transition: all 0.35s ease-in-out;
}
.icon-product-info svg {
  color: #111c1c;
  position: absolute;
  top: 0;
  width: 24px;
  height: 24px;
  transition: all 0.35s ease-out;
}

.icon-shape {
  position: relative;
  width: 24px;
  height: 24px;
  transition: all 0.35s ease-in-out;
}
.icon-shape svg {
  color: #515151;
  position: absolute;
  top: 0;
  width: 24px;
  height: 24px;
  transition: all 0.35s ease-out;
}

.icon-measurement {
  position: relative;
  width: 24px;
  height: 24px;
  transition: all 0.35s ease-in-out;
}
.icon-measurement svg {
  color: #515151;
  position: absolute;
  top: 0;
  width: 24px;
  height: 24px;
  transition: all 0.35s ease-out;
}

.icon-edge-finish {
  position: relative;
  width: 24px;
  height: 24px;
  transition: all 0.35s ease-in-out;
}
.icon-edge-finish svg {
  color: #515151;
  position: absolute;
  top: 0;
  width: 24px;
  height: 24px;
  transition: all 0.35s ease-out;
}

.icon-frame {
  position: relative;
  width: 24px;
  height: 24px;
  transition: all 0.35s ease-in-out;
}
.icon-frame svg {
  color: #515151;
  position: absolute;
  top: 0;
  width: 24px;
  height: 24px;
  transition: all 0.35s ease-out;
}

.icon-check2 {
  position: relative;
  width: 15px;
  height: 11px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/check-icon-v2-ipfv3.svg#check-v2-obj-ipfv3);
  mask-size: cover;
  background-color: #e4b760;
}

.icon-union {
  width: 14px;
  height: 2px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/icon-union-ipfv3.svg#union-obj-ipfv3);
  mask-size: cover;
  background-color: #aeb2b2;
  transform-origin: center center;
}

.ico-reset {
  width: 32px;
  height: 32px;
  -webkit-mask-image: url(/assetfiles/img/tabledusudv4/svgs/reset-ipfv3.svg#reset-obj-ipfv3);
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/reset-ipfv3.svg#reset-obj-ipfv3);
  -webkit-mask-size: cover;
  mask-size: cover;
}

.ico-ar-view {
  width: 24px;
  height: 24px;
}

.ico-3d-config {
  width: 32px;
  height: 32px;
  color: #ffffff;
}
.ico-3d-config svg {
  width: 32px;
  height: 32px;
}

.ico-info-tooltip {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-close-sidebar {
  width: 16px;
  height: 16px;
}
.icon-close-sidebar svg {
  width: 16px;
  height: 16px;
}

.maintenance {
  z-index: 99999;
  position: relative;
}
.maintenance .maintenance-message {
  position: fixed;
  width: 100%;
  display: flex;
  top: -500px;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  transition: all ease-in-out 1s;
  align-items: center;
  padding: 18px 24px;
  border-bottom: 1px solid #efefef;
  left: 0;
  box-sizing: border-box;
}
.maintenance .maintenance-message.active.tablet {
  display: none;
}
.maintenance .maintenance-message.active.mobile {
  display: none;
}
.maintenance .maintenance-message.active.desktop {
  top: 0;
  opacity: 1;
  display: flex;
}
.maintenance .maintenance-message.active.desktop:not(.fixed) {
  position: relative;
}
.maintenance .maintenance-message.active.fixed {
  position: fixed;
}
.maintenance .maintenance-message.desktop ~ .close-btn {
  display: block;
}
.maintenance .maintenance-message:not(.desktop) ~ .close-btn {
  display: none;
}
.maintenance .maintenance-message.position-Bottom {
  top: auto;
  bottom: -500px;
}
.maintenance .maintenance-message.position-Bottom.active {
  bottom: 0;
  opacity: 1;
}
.maintenance .maintenance-message h3 {
  margin: 0;
  font-size: 18px;
  color: #333;
}
.maintenance .maintenance-message p {
  font-size: 12px;
  margin: 0;
  margin-top: 6px;
  color: #747474;
}
.maintenance .maintenance-message .msg {
  padding-right: 12px;
}
.maintenance .maintenance-message .message {
  width: 100%;
  display: flex;
}
.maintenance .maintenance-message .icon-svg {
  display: inline-block;
  margin-right: 16px;
  position: relative;
  top: -2px;
  background-image: none;
  max-width: 40px;
  max-height: 40px;
}
.maintenance .maintenance-message .icon-svg svg {
  width: 18px;
  height: 18px;
}
.maintenance .maintenance-message .icon-svg img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  min-width: 32px;
}
.maintenance .maintenance-message .btn-container {
  display: flex;
  align-items: center;
}
.maintenance .maintenance-message .cls img {
  width: 10px;
  height: auto;
  cursor: pointer;
}
.maintenance .maintenance-message button {
  border: 1px solid #ccc;
  padding: 8px 12px;
  border-radius: 3px;
  outline: none;
  margin-right: 12px;
  font-size: 14px;
  font-weight: normal;
  background-color: #fff;
  cursor: pointer;
  width: max-content;
  height: auto;
}

.notification-widget {
  position: fixed;
  bottom: 32px;
  left: 32px;
  z-index: 90;
}
.notification-widget.right {
  left: auto;
  right: 32px;
}
.notification-widget.right .widget {
  margin-left: auto;
}
.notification-widget .messages .message.active.tablet {
  display: none;
}
.notification-widget .messages .message.active.mobile {
  display: none;
}
.notification-widget .messages .message.active.desktop {
  display: flex;
}
.notification-widget .widget {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  cursor: pointer;
}
.notification-widget .widget .icon {
  display: flex;
  width: 100%;
  height: 100%;
  max-width: 32px;
  max-height: 32px;
  align-items: center;
  justify-content: center;
}
.notification-widget .widget .icon img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.notification-widget .counter {
  display: none;
}

@media screen and (max-width: 1112px) {
  .maintenance .maintenance-message.active.desktop {
    display: none;
  }
  .maintenance .maintenance-message.active.mobile {
    display: none;
  }
  .maintenance .maintenance-message.active.tablet {
    top: 0;
    opacity: 1;
    display: flex;
  }
  .maintenance .maintenance-message.active.tablet:not(.fixed) {
    position: relative;
  }
  .maintenance .maintenance-message.tablet ~ .close-btn {
    display: block;
  }
  .maintenance .maintenance-message:not(.tablet) ~ .close-btn {
    display: none;
  }
  .notification-widget .messages .message.active.desktop {
    display: none;
  }
  .notification-widget .messages .message.active.mobile {
    display: none;
  }
  .notification-widget .messages .message.active.tablet {
    display: flex;
  }
}
@media screen and (max-device-width: 743px) {
  .maintenance .maintenance-message.active.desktop {
    display: none;
  }
  .maintenance .maintenance-message.active.tablet {
    display: none;
  }
  .maintenance .maintenance-message.active.mobile {
    top: 0;
    opacity: 1;
    display: flex;
  }
  .maintenance .maintenance-message.active.mobile:not(.fixed) {
    position: relative;
  }
  .maintenance .maintenance-message.mobile ~ .close-btn {
    display: block;
  }
  .maintenance .maintenance-message:not(.mobile) ~ .close-btn {
    display: none;
  }
  .notification-widget .messages .message.active.desktop {
    display: none;
  }
  .notification-widget .messages .message.active.tablet {
    display: none;
  }
  .notification-widget .messages .message.active.mobile {
    display: flex;
  }
}
@media screen and (max-width: 420px) {
  .maintenance .maintenance-message {
    padding: 12px;
  }
  .maintenance .maintenance-message .msg {
    padding-right: 8px;
  }
  .maintenance .maintenance-message .icon-svg {
    margin-right: 8px;
  }
}
.shop-notification-bar {
  z-index: 5;
}
.shop-notification-bar .maintenance-message {
  background-color: #111c1c;
  border-bottom: none;
  transition: unset;
  padding: 0 24px;
  height: 40px;
  display: none;
}
.shop-notification-bar .maintenance-message .message-container {
  width: 100%;
  display: flex;
  position: relative;
  justify-content: center;
  color: white;
}
.shop-notification-bar .maintenance-message .message-container .trust-pilot-desktop {
  width: 420px;
  position: absolute;
  left: 0;
  top: 3px;
}
.shop-notification-bar .maintenance-message .message-container .msg-items {
  list-style: none;
  display: flex;
  gap: 24px;
}
.shop-notification-bar .maintenance-message .message-container .msg-items li {
  display: flex;
  align-items: center;
}
.shop-notification-bar .maintenance-message .message-container .msg-items li span {
  color: white;
}
.shop-notification-bar .maintenance-message .message-container .msg-items li .icon-svg {
  top: 1px;
  margin-right: 8px;
}
.shop-notification-bar .maintenance-message .message-container .msg-items li .icon-svg svg {
  width: 24px;
  height: 24px;
  color: #ffffff;
}
.shop-notification-bar .maintenance-message .message-container .msg-items li .trust-pilot-tablet {
  display: none;
}
.shop-notification-bar .maintenance-message .message-container .msg-items li .trust-pilot-mobile {
  display: none;
}
.shop-notification-bar .maintenance-message .btn-container {
  background-color: #e5b761;
  border-radius: 3px;
  height: 40px;
  transition: all ease-in-out 0.5s;
  padding-right: 24px;
}
.shop-notification-bar .maintenance-message .btn-container:hover {
  filter: brightness(85%);
}
.shop-notification-bar .maintenance-message .msg {
  padding-left: 60px;
  width: 100%;
}
.shop-notification-bar .maintenance-message .msg-content {
  color: rgb(138, 142, 143);
  text-align: center;
  margin-top: 6px;
}
.shop-notification-bar .maintenance-message p,
.shop-notification-bar .maintenance-message span {
  color: rgb(138, 142, 143);
  text-align: center;
}
.shop-notification-bar .maintenance-message a {
  color: #e4b760;
}
.shop-notification-bar .maintenance-message h3 {
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shop-notification-bar .maintenance-message h3 span {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
}
.shop-notification-bar .maintenance-message h3 .icon-svg {
  top: 1px;
}
.shop-notification-bar .maintenance-message h3 .icon-svg svg {
  width: 20px;
  height: 20px;
}
.shop-notification-bar .maintenance-message button {
  color: #ffffff;
  background-color: transparent;
  border: none;
  margin-right: 0;
  font-size: 12px;
}
.shop-notification-bar .maintenance-message .cls {
  position: relative;
  right: -12px;
  cursor: pointer;
}
.shop-notification-bar .maintenance-message .cls svg {
  width: 10px;
  height: 10px;
}
.shop-notification-bar .maintenance-message .sep {
  height: 18px;
  border-left: 1px solid #fff;
  width: 1px;
}

.notification-widget {
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.5s;
}
.notification-widget.active {
  visibility: visible;
  opacity: 1;
}
.notification-widget.sticky-comp {
  bottom: 128px;
}
.notification-widget.right .messages .message.last::after {
  left: auto;
  right: 24px;
}
.notification-widget .messages {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.notification-widget .messages .message {
  width: 100%;
  max-width: 300px;
  border-radius: 24px;
  box-shadow: 0px 0px 10px 0px #999;
  background-color: #fff;
  padding: 12px 16px;
  white-space: nowrap;
  margin-bottom: 6px;
  position: relative;
  padding-right: 36px;
  flex-direction: column;
  display: none;
}
.notification-widget .messages .message.chat-btn {
  cursor: pointer;
}
.notification-widget .messages .message::after {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  position: absolute;
  bottom: -5px;
  content: " ";
  left: 24px;
  display: none;
}
.notification-widget .messages .message.last {
  margin-bottom: 12px;
}
.notification-widget .messages .message.last::after {
  display: block;
}
.notification-widget .messages .message .title {
  font-size: 12px;
  font-weight: 700;
  white-space: normal;
  cursor: pointer;
}
.notification-widget .messages .message .close-ico {
  display: block;
  cursor: pointer;
  position: absolute;
  right: 14px;
  top: 43%;
}
.notification-widget .messages .message .close-ico svg {
  width: 8px;
  height: 18px;
}
.notification-widget .messages .message .more-ico {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(calc(-50% + 1px));
}
.notification-widget .messages .message .more-ico svg {
  width: 12px;
  height: 12px;
}
.notification-widget .messages .message .msg {
  display: none;
  font-size: 11px;
  white-space: normal;
}
.notification-widget .messages .message .msg p {
  font-size: 11px;
  margin-top: 6px;
}
.notification-widget .messages .message .msg a {
  color: #e4b760;
}
.notification-widget .messages .message .count-down {
  background-color: rgb(247, 247, 247);
  border-radius: 5px;
  padding: 12px;
  width: calc(100% + 30px);
  margin-top: 12px;
  margin-left: -12px;
  margin-bottom: -6px;
  display: none;
}
.notification-widget .messages .message .count-down label {
  color: rgb(138, 141, 141);
  font-size: 11px;
  font-weight: normal;
  display: block;
}
.notification-widget .messages .message .count-down .cd {
  font-weight: 700;
  font-size: 11px;
}
.notification-widget .messages .message.expand {
  border-radius: 5px;
  padding: 18px 24px;
  padding-right: 28px;
}
.notification-widget .messages .message.expand .more-ico {
  display: none;
}
.notification-widget .messages .message.expand .close-ico {
  display: block !important;
  cursor: pointer;
  position: absolute;
  right: 14px;
  top: unset;
}
.notification-widget .messages .message.expand .close-ico svg {
  width: 8px;
  height: 18px;
  color: #848987;
}
.notification-widget .messages .message.expand .msg {
  display: inline-block;
  width: 100%;
}
.notification-widget .messages .message.expand .count-down.active {
  display: block;
}
.notification-widget .widget {
  box-shadow: 0px 0px 10px 0px #999;
}
.notification-widget .widget .icon svg {
  width: 28px;
  height: 28px;
  color: #000000;
}

@media screen and (max-width: 1446px) {
  .shop-notification-bar .maintenance-message.mobile .message-container .msg-items li.show {
    animation: none;
  }
  .shop-notification-bar .maintenance-message .message-container .trust-pilot-desktop {
    display: none;
  }
  .shop-notification-bar .maintenance-message .message-container .msg-items {
    height: 40px;
    width: 100%;
    gap: 0;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
  }
  .shop-notification-bar .maintenance-message .message-container .msg-items li {
    width: 100%;
    height: 40px;
    justify-content: center;
    position: absolute;
    display: none;
    opacity: 0;
  }
  .shop-notification-bar .maintenance-message .message-container .msg-items li.show {
    display: flex;
    opacity: 1;
    animation: show 3s;
  }
  .shop-notification-bar .maintenance-message .message-container .msg-items li .trust-pilot-tablet {
    display: block;
    width: 420px;
  }
  .shop-notification-bar .maintenance-message .message-container .msg-items li .trust-pilot-mobile {
    display: none;
  }
  .shop-notification-bar .maintenance-message .msg {
    padding-left: 0;
  }
  .shop-notification-bar .maintenance-message .btn-container {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 470px) {
  .shop-notification-bar .maintenance-message .message-container .trust-pilot-desktop {
    display: none;
  }
  .shop-notification-bar .maintenance-message .message-container .msg-items li .trust-pilot-tablet {
    display: none;
  }
  .shop-notification-bar .maintenance-message .message-container .msg-items li .trust-pilot-mobile {
    display: block;
  }
}
@keyframes show {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* ==========================================================================
   Theme Colors
   ========================================================================== */
/*
320 (min width)
380 (max width)
480 (max width)
640 (max width)
768 (max width)
991 (max width)
1280 (max width)
1680 (max width)
*/
* {
  box-sizing: border-box;
}

:root {
  --app-height: 100%;
  --color-detail-tooltip-left: 50%;
}

html,
body {
  margin: 0;
  width: 100%;
}
html.disable-overscroll-behavior,
body.disable-overscroll-behavior {
  overscroll-behavior: none;
}
html.fixed-size,
body.fixed-size {
  height: 100vh;
}

body {
  font-family: "Graphik", sans-serif;
  font-weight: 500;
  font-size: 12px;
  overflow-x: hidden;
}
body.fixed-size {
  overflow-y: hidden;
  height: 100vh;
  z-index: -12;
}
body.fixed-overflow, body.disable-scroll {
  overflow: hidden;
}
body.sofa-disablescroll {
  overflow-y: hidden !important;
}
body.relative {
  position: relative;
}
body.td-page {
  overflow-y: auto;
  overflow-x: hidden;
  height: auto;
  width: 100%;
}
body.td-page .notification-box {
  display: none;
}
body.td-page footer {
  display: none;
}
body.magazine-viewer-page {
  overflow-y: auto;
  overflow-x: hidden;
  height: auto;
  width: 100%;
}
body.magazine-viewer-page .notification-box,
body.magazine-viewer-page .notification-widget,
body.magazine-viewer-page .shop-notification-bar,
body.magazine-viewer-page header,
body.magazine-viewer-page footer {
  display: none;
}
body header {
  opacity: 1;
  visibility: visible;
  transition: all ease-in-out 0.5s;
}
body footer {
  opacity: 1;
  visibility: visible;
  transition: all ease-in-out 0.5s;
}
body main {
  opacity: 1;
  visibility: visible;
  transition: all ease-in-out 0.5s;
}
body .maintenance {
  opacity: 1;
  visibility: visible;
  transition: all ease-in-out 0.5s;
}
body .maintenance.shop-notification-bar {
  transition: unset;
}
body.ar-load header {
  opacity: 0;
  visibility: hidden;
}
body.ar-load footer {
  opacity: 0;
  visibility: hidden;
}
body.ar-load main {
  opacity: 0;
  visibility: hidden;
}
body.ar-load .maintenance {
  opacity: 0;
  visibility: hidden;
}
body.kiosk .notification-box,
body.kiosk .notification-widget,
body.kiosk .shop-notification-bar,
body.kiosk header,
body.kiosk footer {
  display: none;
}

main,
p,
ul,
h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0;
}

p {
  font-weight: 500;
}

a {
  text-decoration: none;
  color: #e4b760;
  outline: none;
}

ul li {
  list-style: none;
}

button {
  outline: none;
  font-family: "Graphik", sans-serif;
  cursor: pointer;
  background: unset;
  border: unset;
}

img {
  max-width: 100%;
}

.hide {
  display: none;
}

.hidden {
  display: none !important;
}

.visuallyhidden {
  opacity: 0 !important;
  visibility: hidden !important;
}

.scroll {
  min-height: 100%;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.scroll-x {
  min-height: 100%;
  max-height: 100%;
  overflow-x: auto;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.space-bottom {
  margin-bottom: 100px;
}

.truncate-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 200px;
}

.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.glide.hide-nav .slide-nav {
  display: none !important;
}

.custom_bullets {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  width: fit-content;
}
.custom_bullets .custom_bullet {
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
  border-radius: 50%;
  padding: 0px;
  cursor: pointer;
  outline: 0;
}
.custom_bullets .custom_bullet.active {
  background-color: rgb(17, 28, 28);
  border: none;
}

.popup-screen {
  position: fixed;
  z-index: 7;
  width: 100%;
  height: 100%;
  left: 0px;
  bottom: 0px;
  background-color: rgba(17, 28, 28, 0.25);
  display: none;
  opacity: 0;
}
.popup-screen.active {
  opacity: 1;
  display: block;
}
.popup-screen.product-page {
  z-index: 6;
}

.v3d-simple-preloader-logo {
  background-size: cover;
  display: none;
}

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}

.overlay {
  position: fixed;
  z-index: 6;
  width: 100%;
  height: 100%;
  left: 0px;
  bottom: 0px;
  top: 0px;
  background-color: rgba(17, 28, 28, 0.25);
  display: none;
  opacity: 0;
}
.overlay.active {
  display: block;
  opacity: 1;
}

.no-horizontal-scroll::-webkit-scrollbar-thumb {
  display: none;
}

.obj-action {
  position: fixed;
  width: 220px;
  height: 70px;
  background: #ffffff;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.16);
  z-index: 20;
  display: flex;
  border-radius: 5px;
  padding: 12px;
}
.obj-action.chair, .obj-action.fit {
  width: fit-content;
}
.obj-action:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6.5px 7px 6.5px;
  border-color: transparent transparent #fff transparent;
  content: " ";
  position: absolute;
  top: -6px;
  left: calc(50% - 5px);
}
.obj-action .ac {
  width: 48px;
  height: 48px;
  background: #faf9f7;
  border-radius: 2px;
  position: relative;
  margin-right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.obj-action .ac:last-child {
  margin-right: 0;
}
.obj-action .ac img {
  height: 29px;
}
.obj-action .ac.rf img {
  height: 32px;
}
.obj-action .ac.c img {
  height: 27px;
}
.obj-action .ac.d img {
  height: 30px;
}
.obj-action .ac.rl img {
  height: 32px;
}
.obj-action .ac:hover span {
  visibility: visible;
  opacity: 1;
}
.obj-action .ac span {
  position: absolute;
  background: #111c1c;
  border-radius: 4px;
  color: #fff;
  left: auto;
  top: 100%;
  min-width: 110%;
  text-align: center;
  padding: 4px;
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
  font-weight: 500;
}
.obj-action .ac span:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6.5px 7px 6.5px;
  border-color: transparent transparent #111c1c transparent;
  content: " ";
  position: absolute;
  top: -6px;
  left: calc(50% - 5px);
}
.obj-action.fit .ac {
  width: 46px;
}

.border-line-bottom {
  border-bottom: 1px solid #d8d8d8;
}

@media screen and (max-width: 991px) {
  .container {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 834px) {
  .container {
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media screen and (max-width: 768px) {
  .container {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 700px;
  }
}
@media (min-width: 834px) {
  .container {
    max-width: 770px;
  }
}
@media (min-width: 900px) {
  .container {
    max-width: 834px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1160px;
  }
}
@media (min-width: 1480px) {
  .container {
    max-width: 1424px;
  }
}
main {
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
}
main.collaborate-page, main.category-page, main.product-page, main.cart-page, main.blog-detail-page, main.blog-overview-page, main.display-page, main.contact-page, main.wishlist-page {
  padding-top: 0;
}
main.cart-page.empty {
  padding-top: 152px;
}
main.landing-page .landing-highlight {
  margin-bottom: 94px;
}
main.category-with-filter .category-container, main.category-with-filter-without-banner .category-container {
  display: grid;
  width: 100%;
  grid-template-columns: 266px minmax(0, 1fr);
  gap: 25px;
}
main.category-without-filter .category-container, main.category-without-filter-no-banner .category-container {
  display: grid;
  width: 100%;
  gap: 25px;
  grid-template-columns: minmax(0, 1fr);
}
main.category-without-filter .category-container .category-sidebar-filter, main.category-without-filter-no-banner .category-container .category-sidebar-filter {
  display: none;
}
main.category-without-filter .category-container .category-instant-filters .category-filter-tags, main.category-without-filter-no-banner .category-container .category-instant-filters .category-filter-tags {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
main.category-without-filter .category-container .category-instant-filters .category-row-filters .category-filter-bt, main.category-without-filter-no-banner .category-container .category-instant-filters .category-row-filters .category-filter-bt {
  display: none;
}
main.category-without-filter .category-container .category-product-items .product-box, main.category-without-filter-no-banner .category-container .category-product-items .product-box {
  grid-template-columns: repeat(auto-fill, minmax(344px, 1fr));
}
main.team-page, main.magazine-page, main.suar-overview-page {
  padding-top: 0;
}
main.blog-overview-page.overview-layout-3 {
  padding: 0px;
}
main.blog-detail-page.layout-5 {
  padding: 0px;
}
main.blog-detail-page.layout-5 .hilight-slide.blog-detail-hilight .bt-view {
  display: none;
}
main.blog-detail-page.layout-6 section .how-it-made-video {
  margin-bottom: 40px;
}
main.blog-detail-page.layout-6 section > div:last-child.how-it-made-video {
  margin-bottom: 160px;
}
main.voucher-redeem-page {
  padding-top: 0;
}
main.product-page {
  padding-bottom: 30px;
}
main.product-page.product-info-page .product-info-detail .product-box-bt .bt-config {
  padding: 0px 16px;
}
main.product-page.product-info-page .slider-section.desktop .section-item[data-target=product-showroom] {
  display: none;
}
main.product-page.main-products .product-info-detail .product-box-bt .bt-config p,
main.product-page.main-products .product-info-detail .product-box-bt .bt-config .txt {
  font-weight: 600;
  font-size: 17px;
}
main.product-page.main-products .product-info-sticky .control-box .product-box-bt .bt-config p,
main.product-page.main-products .product-info-sticky .control-box .product-box-bt .bt-config .txt {
  font-weight: 600;
  font-size: 17px;
}
main.configuration-3d-page {
  position: absolute;
  top: 0;
  height: 100vh;
  overflow: hidden;
  width: 100%;
}
main.configuration-new-3d-page {
  height: auto;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 4;
  overflow: visible;
}
main.hide-page {
  z-index: -1;
  height: 0;
  opacity: 0;
  padding: 0px;
}
main.category-with-child-portrait-image, main.category-portrait-image {
  min-height: 500px;
}
main.category-with-child-portrait-image .category-title, main.category-portrait-image .category-title {
  color: #111c1c;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  display: block;
  margin-bottom: 32px;
}
main.category-with-child-portrait-image .category-summary, main.category-portrait-image .category-summary {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 16px;
}
main.category-with-child-portrait-image .category-summary .product-result, main.category-portrait-image .category-summary .product-result {
  display: flex;
  width: fit-content;
  gap: 8px;
}
main.category-with-child-portrait-image .category-summary .product-result b, main.category-portrait-image .category-summary .product-result b {
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
}
main.category-with-child-portrait-image .category-summary .product-result p, main.category-portrait-image .category-summary .product-result p {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
}
main.category-with-child-portrait-image .filters, main.category-portrait-image .filters {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
main.category-with-child-portrait-image .filters .category-row-filters .row-filter, main.category-portrait-image .filters .category-row-filters .row-filter {
  margin-bottom: 24px;
}
main.category-with-child-portrait-image .filters .category-row-filters .category-filter-bt, main.category-portrait-image .filters .category-row-filters .category-filter-bt {
  display: none;
}
main.category-with-child-portrait-image .filters .category-row-filters .filter-block, main.category-portrait-image .filters .category-row-filters .filter-block {
  justify-content: space-between;
}
main .pb-comp {
  padding-bottom: 80px;
}

.collaborate-page .breadcrumb {
  height: 68px;
}
.collaborate-page .breadcrumb .breadcrumb-box {
  height: 68px;
}
.collaborate-page .breadcrumb.float .breadcrumb-box .breadcrumb-list li:last-child p {
  color: #111c1c;
}

.showroom-page .contact-form {
  min-height: unset;
  padding-top: 0px;
  margin-top: -30px;
}
.showroom-page .contact-form .application-form .title-set {
  display: none;
}
.showroom-page .contact-form .application-form .form-set {
  display: none;
}

.cart-page .cart-component-contents {
  display: none;
}
.cart-page .cart-box .cart-title .desc-txt > p {
  display: block;
}
.cart-page .cart-box .cart-title .desc-txt > b {
  display: none;
}
.cart-page .notification-bar {
  display: none;
}
.cart-page .breadcrumb {
  display: none;
}
.cart-page.empty .cart-component-contents {
  display: block;
}
.cart-page.empty .cart-detail {
  display: none;
}
.cart-page.empty .cart-item-list .cart-item {
  display: none;
}
.cart-page.empty .cart-summary {
  display: none;
}
.cart-page.empty .cart-promotion-code {
  display: none;
}
.cart-page.empty .cart-box {
  margin-bottom: 0px;
  min-height: auto;
}
.cart-page.empty .cart-box .cart-detail {
  flex-direction: column;
}
.cart-page.empty .cart-box .cart-title .desc-txt > p {
  display: none;
}
.cart-page.empty .cart-box .cart-title .desc-txt > b {
  display: block;
}
.cart-page.edit .cart-item-list .cart-item {
  display: block;
}

.blog-detail-page .breadcrumb {
  height: 66px;
}
.blog-detail-page .breadcrumb .breadcrumb-box {
  height: 66px;
}
.blog-detail-page .home-new-product-slide {
  padding-top: 146px;
}
.blog-detail-page.layout-3 .home-new-product-slide {
  padding-top: 38px;
  min-height: 600px;
}
.blog-detail-page.layout-3 .home-new-product-slide .new-product-title {
  display: none;
}
.blog-detail-page.layout-4 .home-new-product-slide, .blog-detail-page.layout-5 .home-new-product-slide {
  min-height: 712px;
}
.blog-detail-page.layout-4 .home-new-product-slide .new-product-title, .blog-detail-page.layout-5 .home-new-product-slide .new-product-title {
  display: none;
}
.blog-detail-page.layout-5 .breadcrumb {
  height: 84px;
}
.blog-detail-page.layout-5 .breadcrumb .breadcrumb-box {
  height: 84px;
}
.blog-detail-page.layout-5 .home-new-product-slide {
  padding-top: 135px;
}
.blog-detail-page.layout-5 .blog-more-slides:before {
  top: 188px;
}
.blog-detail-page.layout-5 .blog-more-slides {
  min-height: 1070px;
  padding-top: 38px;
}

@media screen and (max-width: 1024px) {
  main.display-page, main.contact-page {
    padding-top: 0;
  }
  main.wishlist-page {
    padding-top: 0;
  }
  main.blog-detail-page.layout-6 section .how-it-made-video {
    margin-bottom: 32px;
  }
  main.blog-detail-page.layout-6 section .how-it-made-video .video-box {
    padding: 0px 32px;
  }
  main.blog-detail-page.layout-6 section > div:last-child.how-it-made-video {
    margin-bottom: 32px;
  }
  main.landing-page .landing-highlight {
    margin-bottom: 80px;
  }
  .cart-page.empty .cart-box .cart-detail .cart-bt {
    margin-top: 0px;
    height: 88px;
  }
  .blog-detail-page .home-new-product-slide {
    min-height: 740px;
    padding-top: 88px;
  }
  .blog-detail-page .home-new-product-slide .glide .slide-nav {
    bottom: -14px;
  }
  .blog-detail-page .blog-more-slides {
    padding-top: 32px;
  }
  .blog-detail-page .blog-more-slides .slide-box {
    height: 822px;
  }
  .blog-detail-page .blog-more-slides:before {
    top: 124px;
  }
  .blog-detail-page.layout-3 .home-new-product-slide {
    padding-top: 55px;
    min-height: 648px;
  }
  .blog-detail-page.layout-4 .home-new-product-slide {
    min-height: 576px;
  }
  .blog-detail-page.layout-4 .blog-more-slides {
    min-height: 1038px;
    padding-top: 90px;
  }
  .blog-detail-page.layout-4 .blog-more-slides:before {
    top: 205px;
  }
  .blog-detail-page.layout-5 .home-new-product-slide {
    padding-top: 86px;
    min-height: 648px;
  }
  .blog-detail-page.layout-5 .blog-more-slides {
    min-height: 1048px;
    padding-top: 64px;
  }
}
@media screen and (max-width: 1200px) {
  main.category-with-filter .category-container, main.category-with-filter-without-banner .category-container {
    display: flex;
    flex-direction: column;
  }
  main .pb-comp {
    padding-bottom: 64px;
  }
  main.category-without-filter .category-container, main.category-without-filter-no-banner .category-container {
    display: flex;
    flex-direction: column;
  }
  main.category-without-filter .category-container .category-product-items .product-box, main.category-without-filter-no-banner .category-container .category-product-items .product-box {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  main.category-without-filter .category-container .category-product-items .product-box.show-2-col, main.category-without-filter-no-banner .category-container .category-product-items .product-box.show-2-col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  main.category-without-filter .category-container .category-product-items .product-box.show-3-col, main.category-without-filter-no-banner .category-container .category-product-items .product-box.show-3-col {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (max-width: 1112px) {
  main.collaborate-page, main.category-page, main.cart-page {
    padding-top: 0;
  }
  main.landing-page .home-news-letter {
    margin-top: 0px;
  }
}
@media screen and (max-width: 767px) {
  main.collaborate-page, main.category-page, main.product-page, main.cart-page, main.blog-detail-page, main.blog-overview-page, main.wishlist-page, main.team-page, main.magazine-page, main.suar-overview-page {
    padding-top: 0;
  }
  main.display-page, main.contact-page {
    padding-top: 0;
  }
  main.cart-page.empty {
    padding-top: 107px;
  }
  main.category-without-filter .category-container .category-product-items .product-box.show-1-col, main.category-without-filter-no-banner .category-container .category-product-items .product-box.show-1-col {
    grid-template-columns: 1fr;
  }
  main.product-page.sticky {
    opacity: 0;
    visibility: hidden;
  }
  main.configuration-3d-page {
    position: relative;
    overflow: visible;
    height: auto;
  }
  .cart-page.empty .cart-box {
    min-height: 180px;
  }
  .cart-page.empty .cart-box .cart-detail .cart-bt {
    height: 74px;
  }
  .blog-detail-page .home-new-product-slide {
    min-height: 730px;
    padding-top: 40px;
  }
  .blog-detail-page .home-new-product-slide .glide .slide-nav {
    bottom: 20px;
  }
  .blog-detail-page .blog-more-slides {
    min-height: 730px;
    padding-top: 28px;
  }
  .blog-detail-page .blog-more-slides .slide-box {
    height: 630px;
  }
  .blog-detail-page.layout-3 .home-new-product-slide {
    padding-top: 30px;
    min-height: 568px;
  }
  .blog-detail-page.layout-4 .blog-more-slides {
    min-height: 728px;
    padding-top: 28px;
  }
  .blog-detail-page.layout-4 .blog-more-slides:before {
    top: 124px;
  }
  .blog-detail-page.layout-5 .blog-more-slides {
    padding-top: 60px;
    min-height: 767px;
  }
  .blog-detail-page.layout-5 .blog-more-slides:before {
    top: 156px;
  }
  .blog-detail-page.layout-5 .blog-more-slides .slide-box {
    height: 580px;
  }
  .blog-detail-page.layout-5 .blog-more-slides .bg-pattern {
    top: 132px;
    left: 302px;
  }
  .blog-detail-page.layout-5 .home-new-product-slide {
    padding-top: 36px;
    min-height: 580px;
  }
}
@media screen and (min-width: 691px) and (max-width: 900px) and (orientation: landscape) {
  main.configuration-new-3d-page {
    position: relative;
    overflow: hidden;
  }
}
@media screen and (max-width: 743px) {
  main.configuration-new-3d-page {
    position: relative;
    overflow: hidden;
  }
  main.landing-page .landing-highlight {
    margin-bottom: 64px;
  }
  main .pb-comp {
    padding-bottom: 48px;
  }
  main.product-page .breadcrumb .breadcrumb-list li {
    display: none;
  }
  main.product-page .breadcrumb .breadcrumb-list li:nth-last-child(-n+2) {
    display: flex;
  }
}
@media screen and (max-width: 400px) {
  main.category-with-filter .category-container, main.category-with-filter-without-banner .category-container, main.category-without-filter .category-container {
    padding: 0 14px;
  }
}
@media screen and (max-width: 380px) {
  .product-page.product-info-page .product-info-detail .product-box-bt {
    grid-template-columns: 1fr;
  }
  .product-page.product-info-page .product-info-detail .product-box-bt .bt-config {
    max-width: 100%;
    width: fit-content;
  }
}
.bt {
  cursor: pointer;
  border: none;
  display: block;
  appearance: none;
  background-color: unset;
  margin: 0;
  padding: 0;
}

.bt-primary {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: auto;
  padding: 20px 24px;
  border: none;
  border-radius: 100px;
  background-color: #e4b760;
  cursor: pointer;
}
.bt-primary:disabled {
  opacity: 0.7;
  cursor: default;
}

.news-bt {
  position: absolute;
  cursor: pointer;
  right: 0px;
  top: 0px;
  width: 96px;
  height: 50px;
  background-color: #e4b760;
  border-radius: 50px;
  transition: all 0.3s ease-out;
  color: #ffffff;
  font-weight: 600;
  font-size: 13px;
  border: none;
  outline: 0;
  padding: 0 12px;
}
.news-bt:hover {
  background-color: #000000;
}
.news-bt:disabled {
  cursor: default;
}

.bt-route {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.bt-route:hover .icon-arr-down svg {
  animation: menuDown 1s linear forwards;
}
.bt-route:hover .icon-arr-up svg {
  animation: menuUp 1s linear forwards;
}
.bt-route p {
  padding-right: 12px;
  color: #e4b760;
}
.bt-route a {
  color: #e4b760;
}

.bt-product-route,
.bt-continue {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 24px;
}
.bt-product-route p,
.bt-continue p {
  padding-right: 12px;
  font-size: 12px;
  color: #111c1c;
  transition: all 0.3s ease-out;
  font-weight: 600;
}
.bt-product-route .icon-arr-right,
.bt-continue .icon-arr-right {
  position: relative;
}
.bt-product-route .icon-arr-right svg,
.bt-continue .icon-arr-right svg {
  position: absolute;
  left: 0%;
  color: #111c1c;
  fill: #111c1c;
}
.bt-product-route:hover p,
.bt-continue:hover p {
  color: #e4b760;
}
.bt-product-route:hover .icon-arr-right svg,
.bt-continue:hover .icon-arr-right svg {
  color: #e4b760;
  animation: moveNext 0.6s linear forwards;
}

.bt-product-route {
  justify-content: flex-end;
}

.bt-save {
  cursor: pointer;
  height: 24px;
  position: relative;
  width: 70%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.bt-save.active {
  height: 24px;
}
.bt-save.active .save {
  display: none;
}
.bt-save.active .saved {
  display: flex;
  align-items: center;
}
.bt-save.disabled {
  opacity: 0.7;
  cursor: default;
}
.bt-save p {
  font-size: 12px;
  font-weight: 600;
  color: #111c1c;
  transition: all 0.3s ease-out;
  padding-left: 12px;
}
.bt-save .save {
  display: flex;
  transition: all 0.3s ease-out;
  width: 100%;
  align-items: center;
}
.bt-save .save p {
  padding-left: 12px;
  line-height: 16px;
}
.bt-save .save .icon-heart {
  position: relative;
}
.bt-save .save .icon-heart svg {
  position: absolute;
  left: 0%;
  color: #111c1c;
}
.bt-save .save .icon-heart2 {
  position: relative;
}
.bt-save .save .icon-heart2 svg {
  position: absolute;
  left: 0%;
  color: #111c1c;
  width: 20px;
  height: 18px;
}
.bt-save .save .icon-heart2:hover svg {
  color: #e4b760;
}
.bt-save .saved {
  width: 100%;
  transition: all 0.3s ease-out;
  display: none;
}
.bt-save .saved p {
  line-height: 16px;
  margin-right: 2px;
  padding-left: 10px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bt-save .saved .icon-clear {
  position: relative;
}
.bt-save .saved .icon-clear svg {
  position: absolute;
  left: 0%;
  color: #111c1c;
}
.bt-save .undo {
  display: none;
  align-items: center;
}
.bt-save:hover p {
  color: #e4b760;
}
.bt-save:hover .icon-heart {
  background-color: #e4b760;
}
.bt-save:hover .icon-heart2 svg {
  color: #e4b760;
}
.bt-save:hover .icon-clear svg {
  color: #e4b760;
}
.bt-save:hover .icon-undo {
  background-color: #e4b760;
}
.bt-save:hover .icon-undo2 svg {
  color: #e4b760;
}

.bt-view {
  all: unset;
  overflow: hidden;
  height: 64px;
  padding: 0px 32px;
  background-color: #e4b760;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  width: fit-content;
  align-items: center;
  margin: 0 auto;
  transition: all 0.5s ease-out;
  cursor: pointer;
  position: relative;
}
.bt-view span {
  position: absolute;
  display: block;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  filter: brightness(85%);
  z-index: 1;
  transition: width 0.5s, height 0.5s;
}
.bt-view:hover {
  filter: brightness(85%);
}
.bt-view:hover span {
  width: 300px;
  height: 300px;
}
.bt-view p {
  position: relative;
  font-size: 14px;
  color: #ffffff;
  z-index: 2;
  line-height: 64px;
  white-space: nowrap;
}
.bt-view p b {
  font-weight: 700;
}
.bt-view.disabled {
  cursor: default;
}

.circle-bt {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  cursor: pointer;
  background: none;
}

.close-bt {
  width: 8px;
  height: 8px;
}
.close-bt svg {
  width: 8px;
  height: 8px;
  color: #111c1c;
  transition: all 0.3s ease-out;
}

.closelight-bt {
  cursor: pointer;
}
.closelight-bt:hover .icon svg {
  animation: menuUp 1s linear forwards;
}
.closelight-bt .icon {
  width: 13px;
  height: 13px;
  opacity: 1;
  position: relative;
}
.closelight-bt .icon svg {
  position: absolute;
  top: 0;
  width: 13px;
  height: 13px;
  color: #111c1c;
  transition: all 0.3s ease-out;
}
.closelight-bt p {
  font-weight: 600;
  color: #111c1c;
  font-size: 16px;
  padding: 0px 20px;
  transition: all 0.3s ease-out;
}

.close-bt-black {
  cursor: pointer;
}
.close-bt-black:hover .icon svg {
  animation: menuUp 1s linear forwards;
}
.close-bt-black .icon {
  width: 13px;
  height: 13px;
  opacity: 1;
  position: relative;
}
.close-bt-black .icon svg {
  position: absolute;
  top: 0;
  width: 13px;
  height: 13px;
  color: #111c1c;
  transition: all 0.3s ease-out;
}
.close-bt-black p {
  font-weight: 600;
  color: #111c1c;
  font-size: 16px;
  padding: 0px 20px;
  transition: all 0.3s ease-out;
}

.bt-back {
  display: flex;
  width: fit-content;
  cursor: pointer;
}
.bt-back p {
  font-weight: 700;
  font-size: 14px;
  padding-left: 12px;
  line-height: 22px;
}

.bt-icon {
  height: 48px;
  width: fit-content;
  display: flex;
  cursor: pointer;
}
.bt-icon a {
  display: flex;
}
.bt-icon .icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: solid 2px #111c1c;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.25s ease-in-out;
}
.bt-icon .icon .ico {
  transition: 0.25s ease-in-out;
  background-color: #111c1c;
}
.bt-icon p,
.bt-icon a {
  font-size: 16px;
  line-height: 48px;
  color: #111c1c;
  padding: 0px 16px;
  transition: 0.25s ease-in-out;
  font-weight: 600;
}
.bt-icon a {
  color: #111c1c;
  transition: 0.25s ease-in-out;
}
.bt-icon:hover .icon {
  border: solid 2px #e4b760;
}
.bt-icon:hover .icon .ico {
  background-color: #e4b760;
}
.bt-icon:hover p,
.bt-icon:hover a {
  color: #e4b760;
}
.bt-icon:hover a {
  color: #e4b760;
}

.play-video-bt,
.pause-video-bt {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: solid 2px #ffffff;
  transition: all 0.3s ease-out;
}
.play-video-bt .icon-video,
.pause-video-bt .icon-video {
  background-color: #ffffff;
  transition: all 0.3s ease-out;
}
.play-video-bt .icon-pause,
.pause-video-bt .icon-pause {
  background-color: #ffffff;
  transition: all 0.3s ease-out;
}
.play-video-bt:hover,
.pause-video-bt:hover {
  border: solid 2px #e4b760;
}
.play-video-bt:hover .icon-video,
.pause-video-bt:hover .icon-video {
  background-color: #e4b760;
}
.play-video-bt:hover .icon-pause,
.pause-video-bt:hover .icon-pause {
  background-color: #e4b760;
}

.bt-scroll-up:not(.disable):hover .icon-arr-up svg {
  animation: menuUp 0.6s linear forwards;
}
.bt-scroll-up.disable {
  border: solid 2px rgba(17, 28, 28, 0.34);
}
.bt-scroll-up.disable .icon-arr-up svg {
  color: rgba(17, 28, 28, 0.34);
}
.bt-scroll-up .icon-arr-up svg {
  color: #030706;
}

.bt-scroll-down:not(.disable):hover .icon-arr-down svg {
  animation: menuDown 0.6s linear forwards;
}
.bt-scroll-down.disable {
  border: solid 2px rgba(17, 28, 28, 0.34);
}
.bt-scroll-down.disable .icon-arr-down svg {
  color: rgba(17, 28, 28, 0.34);
}
.bt-scroll-down .icon-arr-down svg {
  color: #030706;
}

.bt-expand {
  border: solid 2px #111c1c;
  transition: all 0.3s ease-out;
  position: relative;
  background: #ffffff;
}
.bt-expand .icon-expand {
  background-color: #111c1c;
  transition: all 0.3s ease-out;
}
.bt-expand:not(.active):hover, .bt-expand.active {
  border: solid 2px #e4b760;
}
.bt-expand:not(.active):hover .icon-expand, .bt-expand.active .icon-expand {
  background-color: #e4b760;
}

.bt-expand2 {
  border: solid 2px #111c1c;
  transition: all 0.3s ease-out;
  position: relative;
  background: #ffffff;
}
.bt-expand2 .icon-expand2 {
  transition: all 0.3s ease-out;
}
.bt-expand2:not(.active):hover, .bt-expand2.active {
  border: solid 2px #e4b760;
}
.bt-expand2:not(.active):hover .icon-expand2 svg, .bt-expand2.active .icon-expand2 svg {
  color: #e4b760;
}

.bt-pinterest {
  position: relative;
  border: solid 2px #111c1c;
  transition: all 0.3s ease-out;
  background: #ffffff;
}
.bt-pinterest .icon-pin {
  background-color: #111c1c;
  transition: all 0.3s ease-out;
}
.bt-pinterest .icon-pin2 {
  transition: all 0.3s ease-out;
}
.bt-pinterest:hover {
  border: solid 2px #e4b760;
}
.bt-pinterest:hover .icon-pin {
  background-color: #e4b760;
}
.bt-pinterest:hover .icon-pin2 svg {
  color: #e4b760;
}

.bt-slide-config {
  position: relative;
  border: solid 2px #111c1c;
  transition: all 0.3s ease-out;
  background: #ffffff;
}
.bt-slide-config .icon-config {
  background-color: #111c1c;
  transition: all 0.3s ease-out;
}
.bt-slide-config .icon-config2 {
  transition: all 0.3s ease-out;
}
.bt-slide-config:hover {
  border: solid 2px #e4b760;
}
.bt-slide-config:hover .icon-config {
  background-color: #e4b760;
}
.bt-slide-config:hover .icon-config2 svg {
  color: #e4b760;
}

.bt-config {
  height: 64px;
  background-color: #e4b760;
  padding: 0px 32px;
  display: flex;
  border-radius: 32px;
  width: auto;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.bt-config .icon {
  height: 64px;
  display: flex;
  align-items: center;
}
.bt-config .icon .icon-config,
.bt-config .icon .icon-cart {
  background-color: #ffffff;
}
.bt-config p {
  padding-left: 16px;
  font-size: 14px;
  color: #ffffff;
  line-height: 64px;
}
.bt-config p b {
  font-weight: 700;
}
.bt-config:hover {
  filter: brightness(85%);
}
.bt-config.disabled, .bt-config.out-of-stock {
  cursor: default;
  opacity: 0.75;
}
.bt-config.none-config {
  min-height: 64px;
  height: auto;
  align-items: center;
}
.bt-config.none-config p {
  line-height: 1.2;
}

.bt-wish-list {
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: solid 2px #111c1c;
  transition: all 0.3s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.bt-wish-list .icon-wishlist {
  background-color: #111c1c;
}
.bt-wish-list:hover {
  border: solid 2px #e4b760;
}
.bt-wish-list:hover .icon-wishlist {
  background-color: #e4b760;
}
.bt-wish-list:hover .icon-wishlist2 svg {
  color: #e4b760;
}
.bt-wish-list.disabled {
  opacity: 0.7;
  cursor: default;
}
.bt-wish-list.active {
  border: solid 2px #e4b760;
}
.bt-wish-list.active .icon-wishlist {
  background-color: #e4b760;
}
.bt-wish-list.active .icon-wishlist2 svg {
  color: #e4b760;
}

.bt-with-line {
  height: 50px;
  border-radius: 32px;
  border: solid 2px #111c1c;
  padding: 0px 24px;
  width: fit-content;
  cursor: pointer;
  transition: all 0.3s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
}
.bt-with-line p {
  font-size: 12px;
  color: #111c1c;
  font-weight: 600;
  transition: all 0.3s ease-out;
}
.bt-with-line p b {
  font-weight: 700;
}
.bt-with-line:hover {
  border: solid 2px #e4b760;
}
.bt-with-line:hover p {
  color: #e4b760;
}

.bt-general {
  height: 50px;
  border-radius: 32px;
  padding: 0px 24px;
  width: fit-content;
  cursor: pointer;
  transition: all 0.3s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e4b760;
}
.bt-general p {
  font-size: 12px;
  color: #ffffff;
  font-weight: 600;
  transition: all 0.3s ease-out;
}
.bt-general:hover {
  filter: brightness(85%);
}
.bt-general.disabled {
  opacity: 0.7;
  cursor: default;
}

.bt-read-more {
  cursor: pointer;
}
.bt-read-more p {
  color: #e4b760;
}
.bt-read-more.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
}
.bt-read-more.icon p {
  padding-right: 12px;
}
.bt-read-more.icon:hover svg {
  animation: menuNext 1s linear forwards;
}
.bt-read-more.icon:hover .icon-arr-down svg {
  animation: menuDown 1s linear forwards;
}
.bt-read-more.icon:hover .icon-arr-up svg {
  animation: menuUp 1s linear forwards;
}

.bt-review-read-more {
  cursor: pointer;
}
.bt-review-read-more p {
  color: #e4b760;
}
.bt-review-read-more.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
}
.bt-review-read-more.icon p {
  padding-right: 12px;
}
.bt-review-read-more.icon:hover svg {
  animation: menuNext 1s linear forwards;
}
.bt-review-read-more.icon:hover .icon-arr-down svg {
  animation: menuDown 1s linear forwards;
}
.bt-review-read-more.icon:hover .icon-arr-up svg {
  animation: menuUp 1s linear forwards;
}

.bt-zoom {
  height: 32px;
  padding: 0px 12px;
  background-color: #ffffff;
  display: flex;
  border-radius: 20px;
  align-items: center;
  transition: all 0.35s ease-in-out;
  cursor: zoom-in;
}
.bt-zoom p {
  padding: 0px 8px;
  font-size: 10px;
  font-weight: 600;
  transition: all 0.35s ease-in-out;
  line-height: 32px;
}
.bt-zoom .icon-expand {
  background-color: #111c1c;
  width: 12px;
  height: 12px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/search-ipfv3.svg#search-obj-ipfv3);
  mask-size: 12px auto;
}
.bt-zoom:hover {
  background-color: #e4b760;
}
.bt-zoom:hover p {
  color: #ffffff;
}
.bt-zoom:hover .icon-expand {
  background-color: #ffffff;
}

.bt-remove {
  width: 48px;
  height: 48px;
  border: solid 2px #000000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.35s ease-in-out;
}
.bt-remove:hover {
  border: solid 2px #e4b760;
}
.bt-remove:hover .icon-close {
  background-color: #e4b760;
}

.bt-undo {
  height: 48px;
  width: fit-content;
  padding: 0px 32px 0px 55px;
  border: solid 2px #000000;
  border-radius: 40px;
  float: right;
  position: relative;
  cursor: pointer;
  transition: all 0.35s ease-in-out;
  background: #ffffff;
}
.bt-undo .icon {
  position: absolute;
  left: 24px;
  top: 14px;
}
.bt-undo p {
  line-height: 44px;
  font-size: 12px;
  font-weight: 600;
  transition: all 0.35s ease-out;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 100%;
}
.bt-undo:hover {
  border: solid 2px #e4b760;
}
.bt-undo:hover .icon .icon-undo {
  background-color: #e4b760;
}
.bt-undo:hover p {
  color: #e4b760;
}

.bt-detail-config {
  width: 48px;
  height: 48px;
  border: solid 2px #000000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.35s ease-in-out;
}
.bt-detail-config .icon .icon-config,
.bt-detail-config .icon .icon-arr-up-bg {
  background-color: #000000;
}
.bt-detail-config:hover {
  border: solid 2px #e4b760;
}
.bt-detail-config:hover .icon .icon-config,
.bt-detail-config:hover .icon .icon-arr-up-bg {
  background-color: #e4b760;
}

.bt-load-more {
  height: 48px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.bt-load-more.loading .icon-loadmore {
  background-color: #e4b760;
  animation: spin 800ms infinite linear;
}
.bt-load-more.loading p {
  color: #e4b760;
}
.bt-load-more.loading .load-more {
  display: none;
}
.bt-load-more.loading .loading {
  display: block;
}
.bt-load-more:hover .icon-loadmore {
  background-color: #e4b760;
}
.bt-load-more:hover p {
  color: #e4b760;
}
.bt-load-more p {
  padding: 0px 16px;
  color: #111c1c;
  font-size: 16px;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
}
.bt-load-more .load-more {
  display: block;
}
.bt-load-more .loading {
  display: none;
}

.bt-join {
  height: 40px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.bt-join a {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.bt-join:hover .icon-job-aplication {
  background-color: #e4b760;
}
.bt-join:hover p {
  color: #e4b760;
}
.bt-join p {
  padding: 0px 16px;
  color: #111c1c;
  font-size: 16px;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
}

.bt-rotate {
  height: 48px;
  width: fit-content;
  display: flex;
  align-items: center;
  padding: 0px 16px;
  background-color: #ffffff;
  border-radius: 24px;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
}
.bt-rotate p {
  transition: all 0.3s ease-in-out;
  padding-left: 16px;
  color: #7b7b7b;
  font-size: 12px;
  line-height: 48px;
  font-weight: 600;
}
.bt-rotate p span {
  transition: all 0.3s ease-in-out;
  color: #111c1c;
}

.bt-3d-wishlist {
  appearance: none;
  position: relative;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border: solid 2px #111c1c;
  transition: all 0.3s ease-out;
  display: flex;
  justify-content: unset;
  align-items: center;
  cursor: pointer;
  background-color: #ffffff;
}
.bt-3d-wishlist .icon-wishlist {
  background-color: #111c1c;
}
.bt-3d-wishlist .icon-wishlist2 svg {
  color: #ffffff;
  stroke: #000000;
}
.bt-3d-wishlist.disabled {
  opacity: 0.7;
  cursor: default;
}
.bt-3d-wishlist.active {
  border: solid 2px #e4b760;
}
.bt-3d-wishlist.active .icon-wishlist {
  background-color: #e4b760;
}
.bt-3d-wishlist.active .icon-wishlist2 svg {
  color: #e4b760;
  stroke: #e4b760;
}

@media (hover: hover) and (pointer: fine) {
  .bt-3d-wishlist:hover {
    border: solid 2px #e4b760;
  }
  .bt-3d-wishlist:hover .icon-wishlist {
    background-color: #e4b760;
  }
  .bt-3d-wishlist:hover .icon-wishlist2 svg {
    stroke: #e4b760;
  }
  .bt-primary:hover {
    filter: brightness(85%);
  }
}
::-webkit-scrollbar {
  width: 2px;
  height: 4px;
}

::-webkit-scrollbar-track {
  background: none;
}

::-webkit-scrollbar-thumb {
  background: #111d1d;
}

input,
select,
textarea {
  border: none;
  width: 100%;
  outline: 0;
  font-family: "Graphik";
}

textarea {
  resize: none;
}

input {
  background-color: #ffffff;
  padding: 12px 12px 12px 24px;
  height: 50px;
  font-size: 13px;
  color: rgba(17, 28, 28, 0.4);
  width: 90%;
}

input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  min-width: 100%;
  min-height: 100%;
  cursor: inherit;
  display: block;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  border: none;
}
select:focus {
  outline: 0;
}
select:disabled {
  opacity: 0.7;
}
select option {
  line-height: 30px;
}

.form-block .form-label {
  padding-left: 24px;
  margin-bottom: 10px;
}
.form-block .form-label p {
  font-size: 12px;
  line-height: 20px;
  color: #111c1c;
}
.form-block .form-input input,
.form-block .form-input textarea,
.form-block .form-input .file-upload {
  background-color: #f8f7f4;
  padding: 12px 12px 12px 24px;
  height: 62px;
  font-size: 16px;
  font-weight: 600;
  color: #111c1c;
  width: 100%;
  border-radius: 8px;
  border: 1px solid transparent;
}
.form-block .form-input input::placeholder,
.form-block .form-input textarea::placeholder,
.form-block .form-input .file-upload::placeholder {
  color: #111c1c;
}
.form-block .form-input input:-ms-input-placeholder,
.form-block .form-input textarea:-ms-input-placeholder,
.form-block .form-input .file-upload:-ms-input-placeholder {
  color: #111c1c;
}
.form-block .form-input input::-ms-input-placeholder,
.form-block .form-input textarea::-ms-input-placeholder,
.form-block .form-input .file-upload::-ms-input-placeholder {
  color: #111c1c;
}
.form-block .form-input input.invalid,
.form-block .form-input textarea.invalid,
.form-block .form-input .file-upload.invalid {
  border: red 1px solid;
}
.form-block .form-input input:disabled,
.form-block .form-input textarea:disabled,
.form-block .form-input .file-upload:disabled {
  opacity: 0.7;
}
.form-block .form-input textarea {
  height: 125px;
}
.form-block .form-input .file-upload {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.form-block .form-input .file-upload.disabled {
  opacity: 0.7;
  pointer-events: none;
}
.form-block .form-input .file-upload.disabled input {
  opacity: 0;
}
.form-block .form-input .file-upload p {
  cursor: pointer;
}
.form-block .form-input .suffix {
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
  display: none;
}
.form-block .form-input .email:disabled {
  color: #000;
  opacity: 0.7;
}
.form-block .form-select {
  position: relative;
  margin-bottom: 5px;
}
.form-block .form-select select {
  border: 0px;
  outline: 0px;
  border-radius: 8px;
  width: 100%;
  line-height: 20px;
  padding-left: 24px;
  padding-right: 40px;
  font-size: 16px;
  font-weight: 600;
  background: #f8f7f4;
  height: 62px;
  color: #111c1c;
  text-overflow: ellipsis;
  overflow: hidden;
}
.form-block .form-select select.invalid {
  border: red 1px solid;
}
.form-block .form-select .select-down {
  position: absolute;
  background: transparent;
  right: 24px;
  top: 28px;
  font-size: 0;
}
.form-block .form-select .select-down svg {
  color: #000000;
}
.form-block .form-ratting {
  background-color: #f8f7f4;
  padding: 14px 24px 12px 24px;
  width: 100%;
  border-radius: 8px;
  height: 48px;
}
.form-block .form-ratting .reviews-ratting {
  justify-content: space-between;
}
.form-block .form-ratting .reviews-ratting .stars .empty {
  display: inline-block;
}
.form-block .form-ratting .reviews-ratting .stars .full {
  display: none;
}
.form-block .form-ratting .reviews-ratting .stars .active .empty {
  display: none;
}
.form-block .form-ratting .reviews-ratting .stars .active .full {
  display: inline-block;
}
.form-block .form-ratting .reviews-ratting .stars .star {
  cursor: pointer;
}
.form-block .form-ratting .reviews-ratting .count {
  font-size: 12px;
}
.form-block .form-cond-check .check-area {
  display: grid;
  grid-template-columns: 14px 1fr;
  grid-gap: 12px;
  padding: 0px 5px;
}
.form-block .form-cond-check .cond-check {
  width: 14px;
  height: 14px;
  border: 1px solid #111c1c;
  border-radius: 4px;
  margin-top: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.form-block .form-cond-check .cond-check.active {
  border: 1px solid #e4b760;
  background-color: #e4b760;
}
.form-block .form-cond-check .cond-check.active .icon-checked {
  opacity: 1;
}
.form-block .form-cond-check .cond-check.filled {
  border: 1px solid #e4b760;
}
.form-block .form-cond-check .cond-check.disabled {
  cursor: default;
}
.form-block .form-cond-check .cond-check.disabled .icon-checked {
  cursor: default;
}
.form-block .form-cond-check .cond-check .icon-checked {
  opacity: 0;
  transition: all 0.3s;
  background-color: #ffffff;
}
.form-block .form-cond-check .cond-text .txt {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
}
.form-block.suffix .form-input {
  position: relative;
}
.form-block.suffix .form-input input {
  padding-right: 48px;
}
.form-block.suffix .form-input .suffix {
  position: absolute;
  top: calc(50% - 10px);
  right: 22px;
  pointer-events: none;
  display: block;
}

.custom-select-list {
  position: relative;
}
.custom-select-list.sort-list.active .list-option {
  display: block;
}
.custom-select-list.sort-list .list-option .box-options .box-option {
  padding-left: 20px;
}
.custom-select-list.sort-list .list-option .box-options .box-option.active {
  background-color: #f8f7f3;
}
.custom-select-list.sort-list .list-option .box-options .radio-bt {
  display: none;
}
.custom-select-list.config-price-list .list-option .box-options .box-option {
  padding: 0px 20px;
  justify-content: space-between;
}
.custom-select-list.config-price-list .list-option .box-options .box-option.active {
  background-color: #f8f7f3;
}
.custom-select-list.config-price-list .list-option .box-options .box-option.disabled-by-rule {
  background-color: #f3f4f4;
  opacity: 0.7;
  cursor: not-allowed;
}
.custom-select-list.config-price-list .list-option .box-options .box-option.disabled-by-rule .right {
  display: none;
}
.custom-select-list.config-price-list .list-option .box-options .box-option .disable-info {
  right: 16px;
  top: 4px;
}
.custom-select-list.config-price-list .list-option .box-options .radio-bt {
  display: none;
}
.custom-select-list.config-price-list .list-option .box-options p {
  white-space: nowrap;
}
.custom-select-list.config-price-list .list-option .box-options p.right {
  font-weight: 600;
  float: right;
  padding: 0px;
  padding-left: 4px;
}
.custom-select-list.config-price-list .list-result {
  height: 40px;
  padding: 0px 24px;
}
.custom-select-list.config-price-list .list-result .result-row p {
  padding: 0px;
}
.custom-select-list.config-price-list .list-result .result-row p.right {
  font-weight: 600;
  float: right;
  padding: 0px;
}
.custom-select-list.config-price-list .list-result .result-row p.grey {
  color: #d8d8d8;
}
.custom-select-list.config-price-list .list-select .icon-arr-down {
  right: 22px;
  top: 22px;
}
.custom-select-list.config-price-list .list-select .icon-info-grey {
  position: absolute;
  right: 38px;
}
.custom-select-list.config-price-list .list-select .icon-info-grey .tooltip p {
  font-size: 12px;
  padding: 0;
  color: #000;
  font-weight: normal;
}
.custom-select-list.config-price-list .list-select .icon-info p {
  padding: 0px;
  font-size: 9px;
  line-height: 11px;
}
.custom-select-list.rang-list .list-option .range .rtt {
  display: none;
}
.custom-select-list.rang-list .list-option .range .noUi-horizontal {
  height: 2px;
}
.custom-select-list.rang-list .list-option .range .noUi-target {
  background: #cfd1d0;
  border-radius: 0px;
  border: none;
  box-shadow: none;
  margin: 20px 8px 20px 6px;
}
.custom-select-list.rang-list .list-option .range .noUi-connect {
  background: #000000;
}
.custom-select-list.rang-list .list-option .range .min-max {
  display: flex;
  justify-content: space-between;
  height: 68px;
  padding-top: 10px;
}
.custom-select-list.rang-list .list-option .range .min-max .mm-field {
  width: 102px;
  height: 32px;
  font-size: 12px;
  position: relative;
}
.custom-select-list.rang-list .list-option .range .min-max .mm-field:first-child {
  margin-right: 4px;
}
.custom-select-list.rang-list .list-option .range .min-max .mm-field:first-child .label-txt {
  text-align: left;
  padding-left: 24px;
}
.custom-select-list.rang-list .list-option .range .min-max .mm-field:last-child input {
  text-align: right;
}
.custom-select-list.rang-list .list-option .range .min-max .mm-field:last-child .label-txt {
  text-align: right;
  padding-right: 32px;
}
.custom-select-list.rang-list .list-option .range .min-max .mm-field:last-child .pf {
  left: 6px;
}
.custom-select-list.rang-list .list-option .range .min-max .mm-field input {
  text-align: center;
  background: #f8f7f3;
  border-radius: 4px;
  height: 32px;
  font-size: 12px;
  padding: 12px;
}
.custom-select-list.rang-list .list-option .range .min-max .mm-field .label-txt {
  display: block;
  margin-bottom: 10px;
}
.custom-select-list.rang-list .list-option .range .min-max .mm-field .pf {
  position: absolute;
  top: 33px;
  left: 6px;
}
.custom-select-list.rang-list .list-option .range .min-max .mm-field .sf {
  position: absolute;
  top: 33px;
  right: 14px;
}
.custom-select-list.rang-list .list-option .range .min-max .mm-field.suffix .label-txt {
  text-align: left;
  padding-left: 12px;
  padding-right: 0;
}
.custom-select-list.rang-list .list-option .range .min-max .mm-field.suffix input {
  text-align: left;
  padding-right: 24px;
}
.custom-select-list.rang-list .list-option .range .noUi-handle {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: solid 1px #000000;
  background: #ffffff;
  box-shadow: none;
  right: -8px;
  outline: 0;
}
.custom-select-list.rang-list .list-option .range .noUi-handle:before, .custom-select-list.rang-list .list-option .range .noUi-handle:after {
  display: none;
}
.custom-select-list.view-list {
  width: 120px;
}
.custom-select-list.view-list .list-select .list-set-bt {
  display: flex;
}
.custom-select-list.view-list .list-select .list-set-bt .bt-select-view {
  display: flex;
  padding: 0px 15px;
  height: 24px;
  align-items: center;
}
.custom-select-list.view-list .list-select .list-set-bt-mobile {
  display: none;
}
.custom-select-list.view-list .list-select .list-set-txt {
  display: none;
}
.custom-select-list.view-list .list-select p {
  display: none;
}
.custom-select-list.view-list .list-select .icon-arr-down {
  display: none;
}
.custom-select-list.view-list .list-option.active {
  display: none;
}
.custom-select-list.colour-list .list-option {
  padding-top: 0px;
}
.custom-select-list.colour-list .list-option .box-options {
  padding: 10px 20px 12px;
  display: grid;
  grid-template-columns: repeat(3, 46px);
  grid-gap: 9px;
}
.custom-select-list.colour-list .list-option .box-options .box-option {
  width: 46px;
  height: 34px;
  border-radius: 0px;
  background: red;
  margin: 0px;
  padding-top: 0px;
}
.custom-select-list.colour-list .list-option .box-options .box-option.active .radio-bt {
  border: solid 1px #ffffff;
  opacity: 1;
}
.custom-select-list.colour-list .list-option .box-options .box-option.active .radio-bt:after {
  display: block;
  background-color: #ffffff;
}
.custom-select-list.colour-list .list-option .box-options .box-option.light.active .radio-bt {
  border: solid 1px #111c1f;
}
.custom-select-list.colour-list .list-option .box-options .box-option.light.active .radio-bt:after {
  background-color: #111c1f;
}
.custom-select-list.colour-list .list-option .box-options .box-option .radio-bt {
  top: 3px;
  left: 3px;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.custom-select-list.colour-list .list-option .box-options .box-option p {
  display: none;
}
.custom-select-list.colour-list .list-option .box-options .box-option .color-bg {
  width: 100%;
  height: 100%;
}
.custom-select-list.colour-list .list-option .box-options .box-option .color-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.custom-select-list.toggle-list .list-option .box-options:before {
  background: #e4b760;
}
.custom-select-list.toggle-list .list-option .box-options.roll-over:before {
  background-color: #b99250;
}
.custom-select-list.toggle-list .list-option .box-options.active .box-option.option-3d.option-hover p {
  color: #e4b760;
}
.custom-select-list.toggle-list .list-option .box-options.active .box-option.option-3d.option-hover .icon-arr-right svg {
  color: #e4b760;
}
.custom-select-list.toggle-list .list-option .box-options.active .box-option.option-3d p {
  color: #111c1c;
}
.custom-select-list.toggle-list .list-option .box-options.active .box-option.option-3d .icon-arr-right svg {
  color: #111c1c;
}
.custom-select-list.toggle-list .list-option .box-options.active .box-option.option-2d p {
  color: #ffffff;
}
.custom-select-list.toggle-list .list-option .box-options.active .box-option.option-2d .icon-arr-right svg {
  color: #ffffff;
}
.custom-select-list.toggle-list .list-option .box-options .box-option.option-3d p {
  color: #ffffff;
}
.custom-select-list.toggle-list .list-option .box-options .box-option.option-3d .icon-arr-right svg {
  color: #ffffff;
}
.custom-select-list.toggle-list .list-option .box-options .box-option.option-2d p {
  color: #111c1c;
}
.custom-select-list.toggle-list .list-option .box-options .box-option.option-2d .icon-arr-right svg {
  color: #111c1c;
}
.custom-select-list.toggle-list .list-option .box-options .box-option.option-hover p {
  color: #e4b760;
}
.custom-select-list.toggle-list .list-option .box-options .box-option.option-hover .icon-arr-right svg {
  color: #e4b760;
}
.custom-select-list .list-select {
  position: relative;
  width: 100%;
  height: 48px;
  background-color: #f8f7f4;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  border-radius: 4px;
}
.custom-select-list .list-select.active .icon-arr-down svg {
  transform: rotate(0deg);
}
.custom-select-list .list-select.active .icon-info-grey {
  display: none;
}
.custom-select-list .list-select p {
  font-size: 14px;
  font-weight: 600;
  color: #111c1c;
  padding-left: 24px;
}
.custom-select-list .list-select .icon-arr-down {
  position: absolute;
  right: 14px;
  top: 22px;
}
.custom-select-list .list-select .icon-arr-down svg {
  color: #111c1c;
}
.custom-select-list .list-select .icon-filters {
  position: absolute;
  right: 16px;
  top: 14px;
}
.custom-select-list .list-option {
  position: absolute;
  width: 100%;
  padding: 4px;
  z-index: 5;
  top: 44px;
  left: 0px;
  overflow: hidden;
  border-radius: 4px;
  background-color: #ffffff;
  cursor: pointer;
  display: none;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.08);
  visibility: visible;
}
.custom-select-list .list-option.active {
  display: block;
}
.custom-select-list .list-option .box-options {
  max-height: 180px;
  overflow-y: auto;
  padding-right: 3px;
}
.custom-select-list .list-option .box-options .box-option {
  height: 32px;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  padding-left: 40px;
  cursor: pointer;
  position: relative;
  border-radius: 8px;
  transition: all 0.3s ease-out;
}
.custom-select-list .list-option .box-options .box-option.active .radio-bt {
  border: solid 1px #e4b760;
}
.custom-select-list .list-option .box-options .box-option.active .radio-bt:after {
  display: block;
}
.custom-select-list .list-option .box-options .box-option .radio-bt {
  position: absolute;
  top: 10px;
  left: 20px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: solid 1px #000;
}
.custom-select-list .list-option .box-options .box-option .radio-bt:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e4b760;
  display: none;
}
.custom-select-list .list-option .box-options::-webkit-scrollbar-track {
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  background-color: #f8f7f3;
}
.custom-select-list .list-option .box-options::-webkit-scrollbar {
  width: 6px;
  height: 4px;
  visibility: visible;
  position: absolute;
  top: -9999px;
  top: 0;
  -webkit-overflow-scrolling: auto !important;
}
.custom-select-list .list-option .box-options::-webkit-scrollbar-thumb {
  background-color: #111d1d;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.custom-select-list .list-result {
  position: relative;
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.custom-select-list .list-result .result-row {
  width: 100%;
  position: relative;
}
.custom-select-list .list-result .result-row p {
  display: inline-block;
  float: left;
  font-size: 12px;
  line-height: 18px;
  padding-left: 26px;
  padding-right: 8px;
}
.custom-select-list .list-result .result-row .icon-remove {
  display: inline-block;
  float: left;
  cursor: pointer;
  display: none;
}
.custom-select-list .list-result .result-row .icon-remove.active {
  display: block;
}
.custom-select-list.disabled {
  opacity: 0.7;
  cursor: default;
}
.custom-select-list.disabled .list-select {
  cursor: default;
}

.filter-box-bt {
  height: 40px;
  display: flex;
  padding-top: 12px;
  width: 100%;
}
.filter-box-bt .simple-bt {
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  cursor: pointer;
}
.filter-box-bt .simple-bt:not(.active):hover p {
  color: #e4b760;
}
.filter-box-bt .simple-bt.active p {
  color: #e4b760;
}
.filter-box-bt .simple-bt p {
  font-size: 12px;
  font-weight: 600;
  color: #888d8d;
  transition: all 0.3s ease-out;
}
.filter-box-bt .simple-bt:first-child {
  border-right: solid 2px #e7e9e9;
}

.form-checkboxs {
  padding: 0px 24px;
}
.form-checkboxs.box-edition {
  background: #f6f5f3;
  display: flex;
  align-items: center;
  height: 48px;
  border-radius: 8px;
  min-width: 264px;
  margin-top: 24px;
  margin-bottom: 16px;
}
.form-checkboxs.box-edition .checkbox-item {
  width: 100%;
}
.form-checkboxs.box-edition .checkbox-item.active .icon-check:after {
  width: 2px;
  height: 5px;
  border-width: 0 2px 2px 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.form-checkboxs.box-edition .checkbox-item p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.form-checkboxs.box-edition .checkbox-item p.right {
  margin-left: auto;
}
.form-checkboxs.box-edition .checkbox-item .icon-check {
  height: 20px;
  width: 20px;
  margin-right: 10px;
  min-width: 20px;
}
.form-checkboxs.box-edition .checkbox-item .icon-check:after {
  left: 5px;
  top: 5px;
  width: 6px;
  height: 6px;
}
.form-checkboxs .checkbox-item {
  display: flex;
}
.form-checkboxs .checkbox-item.active .icon-check {
  border: solid 1px #e4b760;
  background-color: #e4b760;
}
.form-checkboxs .checkbox-item.active .icon-check:after {
  content: " ";
  position: absolute;
  left: 9px;
  top: 6px;
  width: 3px;
  height: 7px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: 0%;
}
.form-checkboxs .checkbox-item .icon-check {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  border: solid 1px #000;
  position: relative;
  margin-right: 12px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  min-width: 24px;
}
.form-checkboxs .checkbox-item .icon-check:after {
  content: " ";
  position: absolute;
  left: 6px;
  top: 6px;
  width: 8px;
  height: 8px;
  border: solid 1px #000000;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.form-checkboxs .checkbox-item p {
  font-size: 12px;
  line-height: 24px;
  color: #111c1c;
}

.custom-radio-list {
  position: relative;
  width: 100%;
  font-size: 16px;
}
.custom-radio-list .radio-item input {
  all: initial;
}
.custom-radio-list .radio-item input[type=radio] {
  position: absolute;
  opacity: 0;
}
.custom-radio-list .radio-item input[type=radio] + .radio-label {
  cursor: pointer;
  font-size: 1em;
  display: flex;
  align-items: flex-start;
  line-height: 1.5em;
  padding-left: 30px;
}
.custom-radio-list .radio-item input[type=radio] + .radio-label:before {
  content: "";
  background: #ffffff;
  border-radius: 100%;
  border: 1px solid #111c1c;
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
  left: 26px;
}
.custom-radio-list .radio-item input[type=radio]:checked + .radio-label:before {
  background-color: #e4b760;
  box-shadow: inset 0 0 0 4px #ffffff;
  border-color: #e4b760;
}
.custom-radio-list .radio-item input[type=radio].active + .radio-label:before {
  background-color: #e4b760;
  box-shadow: inset 0 0 0 4px #ffffff;
  border-color: #e4b760;
}
.custom-radio-list .radio-item input[type=radio]:focus + .radio-label:before {
  outline: none;
  border-color: #e4b760;
}
.custom-radio-list .radio-item input[type=radio]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #ffffff;
  border-color: rgb(191.25, 191.25, 191.25);
  background: rgb(191.25, 191.25, 191.25);
}
.custom-radio-list .radio-item input[type=radio] + .radio-label:empty:before {
  margin-right: 0;
}

.custom-checkbox-list .checkbox-item input {
  all: initial;
}
.custom-checkbox-list .checkbox-item input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.custom-checkbox-list .checkbox-item input[type=checkbox] + .checkbox-label {
  cursor: pointer;
  font-size: 12px;
  display: flex;
  align-items: flex-start;
  line-height: 20px;
  position: relative;
  padding-left: 30px;
}
.custom-checkbox-list .checkbox-item input[type=checkbox] + .checkbox-label:before {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  border: 1px solid rgb(180.25, 180.25, 180.25);
  width: 18px;
  height: 18px;
  background: #ffffff;
  border-radius: 4px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.custom-checkbox-list .checkbox-item input[type=checkbox].active + .checkbox-label:before {
  background-color: #e4b760;
  border-color: #e4b760;
}
.custom-checkbox-list .checkbox-item input[type=checkbox].active + .checkbox-label:after {
  content: "";
  background-image: url("/assetfiles/img/tabledusudv4/shared/check-icon.png");
  position: absolute;
  width: 8px;
  height: 7px;
  left: 6px;
  top: 6px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (hover: hover) and (pointer: fine) {
  .custom-select-list.toggle-list .list-option .box-options .box-option:hover {
    background: none;
  }
  .custom-select-list .list-option .box-options .box-option:hover {
    background-color: #f8f7f3;
  }
  .custom-select-list .list-option .box-options .box-option.option-2d.option-hover p {
    color: #e4b760;
  }
  .custom-select-list .list-option .box-options .box-option.option-2d.option-hover .icon-arr-right svg {
    color: #e4b760;
  }
  .form-block .form-cond-check .cond-check:hover {
    border: 1px solid #e4b760;
  }
}
@media screen and (max-width: 767px) {
  .custom-select-list {
    width: 80px;
  }
  .custom-select-list.view-list {
    width: 78px;
  }
  .custom-select-list.view-list .list-select .list-set-bt {
    display: none;
  }
  .custom-select-list.view-list .list-select .list-set-bt-mobile {
    display: flex;
  }
  .custom-select-list.view-list .list-select .list-set-bt-mobile:first-child .bt-select-view {
    padding: 0px 4px;
  }
  .custom-select-list.view-list .list-select .list-set-bt-mobile:last-child .bt-select-view {
    padding: 0px 14px;
  }
  .custom-select-list.view-list .list-select .list-set-bt-mobile .bt-select-view {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 38px;
  }
  .custom-select-list.view-list .list-select .list-set-bt-mobile .bt-select-view:first-child {
    padding: 0px 4px;
    width: 40px;
  }
  .custom-select-list.view-list .list-select .list-set-bt-mobile .bt-select-view:last-child {
    padding: 0px 12px;
  }
  .form-checkboxs.box-edition .checkbox-item p {
    font-size: 12px;
  }
}
.animate-in {
  animation: fadeIn 0.35s;
  transition: all 0.35s linear;
  opacity: 0;
}

.animate-out {
  animation: fadeOut 0.35s;
  transition: all 0.35s linear;
}

.slide-in-left {
  animation: slide-in-left 0.5s linear both;
}

.visuallyhidden {
  opacity: 0;
  z-index: 0;
}

.pulse {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0.4);
  animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes svgFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes moveNext {
  0% {
    opacity: 1;
    left: 0%;
  }
  25% {
    opacity: 0;
    left: 100%;
  }
  26% {
    opacity: 0;
    left: -100%;
  }
  55% {
    opacity: 1;
    left: 0%;
  }
  100% {
    left: 0%;
  }
}
@keyframes moveBack {
  0% {
    opacity: 1;
    left: 0%;
  }
  25% {
    opacity: 0;
    left: -100%;
  }
  26% {
    opacity: 0;
    left: 100%;
  }
  55% {
    opacity: 1;
    left: 0%;
  }
  100% {
    left: 0%;
  }
}
@keyframes btSaveMoveUp {
  0% {
    opacity: 1;
    top: 0%;
  }
  50% {
    opacity: 0;
    top: -100%;
  }
  100% {
    opacity: 0;
    top: 100%;
  }
}
@keyframes btSavedMoveUp {
  0% {
    opacity: 0;
    top: 100%;
  }
  100% {
    opacity: 1;
    top: 0%;
  }
}
@keyframes colorChange {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  51% {
    color: #a0a4a4;
    opacity: 0;
  }
  100% {
    color: #a0a4a4;
    opacity: 1;
  }
}
@keyframes menuUp {
  0% {
    opacity: 1;
    top: 0px;
  }
  25% {
    opacity: 0;
    top: -16px;
  }
  26% {
    opacity: 0;
    top: 16px;
  }
  55% {
    opacity: 1;
    top: 0px;
  }
}
@keyframes menuDown {
  0% {
    opacity: 1;
    top: 0px;
  }
  25% {
    opacity: 0;
    top: 16px;
  }
  26% {
    opacity: 0;
    top: -16px;
  }
  55% {
    opacity: 1;
    top: 0px;
  }
}
@keyframes menuNext {
  0% {
    left: 0px;
  }
  25% {
    left: 16px;
  }
  26% {
    left: -16px;
  }
  55% {
    left: 0px;
  }
  100% {
    left: 0px;
  }
}
@keyframes menuBack {
  0% {
    opacity: 1;
    left: 0px;
  }
  25% {
    opacity: 0;
    left: -16px;
  }
  26% {
    opacity: 0;
    left: 16px;
  }
  55% {
    opacity: 1;
    left: 0px;
  }
  100% {
    left: 0px;
  }
}
@keyframes smoothScroll {
  0% {
    transform: translateY(-140px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes smoothScrollOut {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-140px);
  }
}
@keyframes smoothScrollOut2 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-168%);
  }
}
@keyframes text-bottom-in {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulseProgress {
  0% {
    box-shadow: 0 0 0 0 rgba(17, 28, 28, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(17, 28, 28, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(17, 28, 28, 0);
  }
}
@keyframes nextStepWidth {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes nextStepHeight {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes slide-in-left {
  0% {
    transform: translateX(-140%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    transform: translateX(140%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes moveLeft {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(calc(100% + 24px));
  }
}
@keyframes moveRight {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(calc(-100% - 24px));
  }
}
@keyframes shine {
  to {
    background-position: right -40px top 0;
  }
}
@keyframes shaker {
  0% {
    transform: translate(12px, 0);
  }
  50% {
    transform: translate(-12px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes shakeIt {
  0% {
    margin-left: 0;
    opacity: 0;
  }
  5% {
    margin-left: 0;
    opacity: 0.2;
  }
  14% {
    margin-left: 0;
    opacity: 0.4;
  }
  33% {
    margin-left: 10px;
    opacity: 0.7;
  }
  66% {
    margin-left: -10px;
    opacity: 0.9;
  }
  100% {
    margin-left: 0;
    opacity: 1;
  }
}
@keyframes moveNextNew {
  0% {
    opacity: 1;
    left: 0%;
  }
  25% {
    opacity: 0;
    left: 50%;
  }
  26% {
    opacity: 0;
    left: -50%;
  }
  55% {
    opacity: 1;
    left: 0%;
  }
  100% {
    left: 0%;
  }
}
@keyframes moveBackNew {
  0% {
    opacity: 1;
    left: 0%;
  }
  25% {
    opacity: 0;
    left: -50%;
  }
  26% {
    opacity: 0;
    left: 50%;
  }
  55% {
    opacity: 1;
    left: 0%;
  }
  100% {
    left: 0%;
  }
}
@keyframes moveContinue {
  0% {
    opacity: 1;
    left: 0%;
  }
  25% {
    opacity: 0;
    left: 15%;
  }
  26% {
    opacity: 0;
    left: -15%;
  }
  55% {
    opacity: 1;
    left: 0%;
  }
  100% {
    left: 0%;
  }
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
@keyframes snackbarSlideIn {
  0% {
    transform: translateX(-50%) translateY(400px);
    opacity: 0;
  }
  60% {
    transform: translateX(-50%) translateY(-10px);
  }
  100% {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
  }
}
@keyframes imagePopIn {
  0% {
    transform: scale(0) rotate(-180deg);
    opacity: 0;
  }
  50% {
    transform: scale(1.2) rotate(10deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}
@keyframes contentFadeIn {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes bounce {
  25% {
    transform: rotate(180deg) translateY(0.25rem);
  }
  75% {
    transform: rotate(180deg) translateY(-0.25rem);
  }
}
@keyframes contentFadeInUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes contentFadeOutUp {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-8px);
  }
}
@keyframes menuUpNew {
  0% {
    opacity: 1;
    top: 0px;
  }
  25% {
    opacity: 0;
    top: -8px;
  }
  26% {
    opacity: 0;
    top: 8px;
  }
  55% {
    opacity: 1;
    top: 0px;
  }
}
@keyframes menuDownNew {
  0% {
    opacity: 1;
    top: 0px;
  }
  25% {
    opacity: 0;
    top: 8px;
  }
  26% {
    opacity: 0;
    top: -8px;
  }
  55% {
    opacity: 1;
    top: 0px;
  }
}
@keyframes category-swipe-hint {
  0% {
    opacity: 0;
    transform: translate(0);
  }
  20% {
    opacity: 1;
    transform: translate(-20%);
  }
  50% {
    opacity: 1;
    transform: translate(0);
  }
  75% {
    opacity: 1;
    transform: translate(-20%);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes inspiration-btn-span-collapse {
  from {
    max-width: 200px;
    opacity: 1;
  }
  to {
    max-width: 0;
    opacity: 0;
  }
}
@keyframes inspiration-btn-span-expand {
  from {
    max-width: 0;
    opacity: 0;
  }
  to {
    max-width: 200px;
    opacity: 1;
  }
}
@keyframes inspiration-btn-label-collapse {
  from {
    max-width: 200px;
    opacity: 1;
    padding: 0 8px;
  }
  to {
    max-width: 0;
    opacity: 0;
    padding: 0;
  }
}
@keyframes inspiration-btn-label-expand {
  from {
    max-width: 0;
    opacity: 0;
    padding: 0;
  }
  to {
    max-width: 200px;
    opacity: 1;
    padding: 0 8px;
  }
}
@keyframes inspiration-btn-enter {
  from {
    opacity: 0;
    transform: translate(0, 150%);
  }
  to {
    opacity: 1;
    transform: translate(0, 50%);
  }
}
@keyframes inspiration-btn-enter-mobile {
  from {
    opacity: 0;
    transform: translateY(80px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.swipe-hint-animate {
  animation: category-swipe-hint 2s ease-in-out;
}

@property --ai-trigger-rotation {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes ai-trigger-rotate-glow {
  from {
    --ai-trigger-rotation: 0deg;
  }
  to {
    --ai-trigger-rotation: 360deg;
  }
}
@keyframes ai-trigger-ring-shimmer {
  0% {
    left: -80%;
    opacity: 0;
  }
  20% {
    opacity: 0.8;
  }
  45% {
    left: 130%;
    opacity: 0;
  }
  100% {
    left: 130%;
    opacity: 0;
  }
}
@keyframes ai-trigger-duty-cycle {
  0% {
    opacity: 0;
  }
  2% {
    opacity: var(--ai-trigger-duty-opacity, 1);
  }
  16% {
    opacity: var(--ai-trigger-duty-opacity, 1);
  }
  18% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.t-section-header-1 {
  color: var(--section-header-1-color, #111c1c);
  font-size: var(--section-header-1-font-size, 56px);
  font-weight: 700;
  font-style: normal;
  line-height: var(--section-header-1-line-height, 72px);
}

.t-section-header-2 {
  color: var(--section-header-2-color, #111c1c);
  font-size: var(--section-header-2-font-size, 52px);
  font-weight: 700;
  font-style: normal;
  line-height: var(--section-header-1-line-height, 60px);
}

.t-page-title {
  color: var(--page-title-color, #111c1c);
  font-size: var(--page-title-2-font-size, 24px);
  font-weight: 700;
  font-style: normal;
  line-height: var(--page-title-1-line-height, 32px);
  padding-bottom: 32px;
}

.t-section-banner {
  color: var(--section-banner-color, #111c1c);
  font-size: var(--section-banner-font-size, 44px);
  font-weight: 700;
  font-style: normal;
  line-height: var(--section-banner-line-height, 56px);
}

.t-section-title {
  color: var(--section-title-color, #111c1c);
  font-size: var(--section-title-font-size, 20px);
  font-weight: 700;
  font-style: normal;
  line-height: var(--section-title-line-height, 26px);
}

.t-section-desc {
  color: var(--section-desc-color, rgba(77, 85, 85, 0.75));
  font-size: var(--section-desc-font-size, 16px);
  font-weight: 500;
  font-style: normal;
  line-height: var(--section-desc-line-height, 24px);
  padding-bottom: 24px;
}

@media screen and (max-width: 1200px) {
  .t-section-header-1 {
    --section-header-1-font-size: 40px;
    --section-header-1-line-height: 46px;
  }
}
@media screen and (max-width: 744px) {
  .t-section-header-1 {
    --section-header-1-font-size: 32px;
    --section-header-1-line-height: 40px;
  }
}
.component-section {
  margin-bottom: 80px;
}

.tds-container {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  max-width: min(100% - var(--container-padding, 128px) * 2, var(--container-max-width, 1424px));
}

.container-fluid {
  position: relative;
  max-width: 100%;
  height: 100%;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 1200px) {
  .component-section {
    margin-bottom: 72px;
  }
  .tds-container {
    --container-padding: 32px;
  }
}
@media screen and (max-width: 743px) {
  .component-section {
    margin-bottom: 64px;
  }
  .tds-container {
    --container-padding: 16px;
  }
}
.tds-btn {
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  overflow: hidden;
  color: var(--btn-font-color);
  border: unset;
  transition: all 0.35s;
}
@media (hover: hover) and (pointer: fine) {
  .tds-btn:hover.tds-btn-primary {
    background-color: #b99250;
  }
  .tds-btn:hover.tds-btn-secondary {
    background-color: #f3f4f4;
  }
  .tds-btn:hover.tds-btn-dark {
    background-color: #cdcdcd;
  }
  .tds-btn:hover.tds-btn-light {
    --btn-font-color: #b99250;
  }
  .tds-btn:hover.tds-btn-tertiary {
    background-color: #b99250;
  }
}
.tds-btn svg {
  color: var(--btn-font-color);
  --color-1: var(--btn-font-color);
  --icon-color: var(--btn-font-color);
}
.tds-btn.tds-btn-s {
  height: 40px;
  padding: 0 14px;
}
.tds-btn.tds-btn-m {
  height: 48px;
  padding: 0 24px;
}
.tds-btn.tds-btn-m:hover {
  transition: opacity 0.35s;
}
.tds-btn.tds-btn-l {
  height: 56px;
  padding: 0 32px;
}
.tds-btn.tds-btn-xl {
  height: 64px;
  padding: 0 32px;
}
.tds-btn.tds-btn-primary {
  --btn-font-color: #fff;
  background-color: #e4b760;
}
.tds-btn.tds-btn-secondary {
  --btn-font-color: #111c1c;
  border: 1px solid #4c5555;
  background-color: white;
}
.tds-btn.tds-btn-tertiary {
  --btn-font-color: #111c1c;
  background-color: #e4b760;
}
.tds-btn.tds-btn-dark {
  --btn-font-color: #111c1c;
  background-color: #d8d8d8;
}
.tds-btn.tds-btn-light {
  --btn-font-color: #111c1c;
  background-color: transparent;
}
.tds-btn.disabled.tds-btn-primary, .tds-btn:disabled.tds-btn-primary {
  background-color: #f1dbaf;
}
.tds-btn.disabled.tds-btn-secondary, .tds-btn:disabled.tds-btn-secondary {
  border: 1px solid #aeb2b2;
  --btn-font-color: #aeb2b2;
}
.tds-btn.disabled.tds-btn-tertiary, .tds-btn:disabled.tds-btn-tertiary {
  background-color: #f1dbaf;
  --btn-font-color: #aeb2b2;
}
.tds-btn.disabled.tds-btn-dark, .tds-btn:disabled.tds-btn-dark {
  background-color: #f3f4f4;
  --btn-font-color: #aeb2b2;
}
.tds-btn.disabled.tds-btn-light, .tds-btn:disabled.tds-btn-light {
  --btn-font-color: #aeb2b2;
}
.tds-btn .label-txt {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.tds-btn-circle {
  --btn-font-color: #111c1c;
  width: 40px;
  height: 40px;
  display: inline-flex;
  border: var(--btn-font-color) solid 1px;
  border-radius: 50%;
  position: absolute;
  background-color: transparent;
  justify-content: center;
  align-items: center;
  transition: all 0.35s;
}
.tds-btn-circle.bt-prev .ico-arrow {
  transform: rotate(180deg);
}
.tds-btn-circle.disable {
  --btn-font-color: #aeb2b2;
}
.tds-btn-circle svg {
  width: 16px;
  height: 16px;
  transition: all 0.35s;
  color: var(--btn-font-color);
  --color-1: var(--btn-font-color);
  --icon-color: var(--btn-font-color);
}

.tds-header-1, .title-component h1.heading, .title-component p.heading, .title-component.large .heading {
  font-size: var(--tds-header-1-font-size, 52px);
  line-height: var(--tds-header-1-line-height, 62px);
  font-weight: 700;
}

.tds-header-2, .title-component h2.heading {
  font-size: var(--tds-header-2-font-size, 48px);
  line-height: var(--tds-header-2-line-height, 58px);
  font-weight: 600;
}

.tds-header-3, .title-component h3.heading, .title-component.medium .heading {
  font-size: var(--tds-header-3-font-size, 38px);
  line-height: var(--tds-header-3-line-height, 46px);
  font-weight: 600;
}

.tds-header-4, .title-component h4.heading {
  font-size: var(--tds-header-4-font-size, 32px);
  line-height: var(--tds-header-4-line-height, 40px);
  font-weight: 600;
}

.tds-header-5, .title-component h5.heading, .title-component.small .heading {
  font-size: var(--tds-header-5-font-size, 28px);
  line-height: var(--tds-header-5-line-height, 38px);
  font-weight: 600;
}

.tds-title-medium, .title-component h6.heading {
  font-size: var(--tds-title-medium-font-size, 24px);
  line-height: var(--tds-title-medium-line-height, 28px);
}

.tds-text-xl {
  font-size: var(--tds-text-xl-font-size, 22px);
  line-height: var(--tds-text-xl-line-height, 26px);
}

.tds-text-l {
  font-size: var(--tds-text-l-font-size, 18px);
  line-height: var(--tds-text-l-line-height, 26px);
}

.tds-text-m {
  font-size: var(--tds-text-m-font-size, 16px);
  line-height: var(--tds-text-m-line-height, 24px);
}

.tds-text-s {
  font-size: var(--tds-text-s-font-size, 14px);
  line-height: var(--tds-text-s-line-height, 22px);
}

.tds-text-xs {
  font-size: var(--tds-text-xs-font-size, 12px);
  line-height: var(--tds-text-xs-line-height, 18px);
}

.tds-text-xxs {
  font-size: var(--tds-text-xxs-font-size, 10px);
  line-height: var(--tds-text-xxs-line-height, 16px);
}

.tds-text-xxxs {
  font-size: var(--tds-text-xxxs-font-size, 8px);
  line-height: var(--tds-text-xxxs-line-height, 14px);
}

@media screen and (max-width: 1200px) {
  .tds-header-1, .title-component h1.heading, .title-component p.heading, .title-component.large .heading {
    font-size: var(--tds-header-1-font-size, 40px);
    line-height: var(--tds-header-1-line-height, 48px);
  }
  .tds-header-2, .title-component h2.heading {
    font-size: var(--tds-header-2-font-size, 40px);
    line-height: var(--tds-header-2-line-height, 50px);
  }
  .tds-header-3, .title-component h3.heading, .title-component.medium .heading {
    font-size: var(--tds-header-3-font-size, 34px);
    line-height: var(--tds-header-3-line-height, 42px);
  }
  .tds-header-4, .title-component h4.heading {
    font-size: var(--tds-header-4-font-size, 28px);
    line-height: var(--tds-header-4-line-height, 36px);
  }
  .tds-header-5, .title-component h5.heading, .title-component.small .heading {
    font-size: var(--tds-header-5-font-size, 26px);
    line-height: var(--tds-header-5-line-height, 34px);
  }
  .tds-title-medium, .title-component h6.heading {
    font-size: var(--tds-title-medium-font-size, 22px);
    line-height: var(--tds-title-medium-line-height, 26px);
  }
  .tds-text-xl {
    font-size: var(--tds-text-xl-font-size, 20px);
    line-height: var(--tds-text-xl-line-height, 24px);
  }
  .tds-text-l {
    font-size: var(--tds-text-l-font-size, 16px);
    line-height: var(--tds-text-l-line-height, 24px);
  }
  .tds-text-m {
    font-size: var(--tds-text-m-font-size, 14px);
    line-height: var(--tds-text-m-line-height, 22px);
  }
  .tds-text-s {
    font-size: var(--tds-text-s-font-size, 13px);
    line-height: var(--tds-text-s-line-height, 20px);
  }
  .tds-text-xs {
    font-size: var(--tds-text-xs-font-size, 12px);
    line-height: var(--tds-text-xs-line-height, 18px);
  }
  .tds-text-xxs {
    font-size: var(--tds-text-xxs-font-size, 10px);
    line-height: var(--tds-text-xxs-line-height, 16px);
  }
  .tds-text-xxxs {
    font-size: var(--tds-text-xxxs-font-size, 8px);
    line-height: var(--tds-text-xxxs-line-height, 14px);
  }
}
@media screen and (max-width: 743px) {
  .tds-header-1, .title-component h1.heading, .title-component p.heading, .title-component.large .heading {
    font-size: var(--tds-header-1-font-size, 32px);
    line-height: var(--tds-header-1-line-height, 38px);
  }
  .tds-header-2, .title-component h2.heading {
    font-size: var(--tds-header-2-font-size, 32px);
    line-height: var(--tds-header-2-line-height, 42px);
  }
  .tds-header-3, .title-component h3.heading, .title-component.medium .heading {
    font-size: var(--tds-header-3-font-size, 28px);
    line-height: var(--tds-header-3-line-height, 36px);
  }
  .tds-header-4, .title-component h4.heading {
    font-size: var(--tds-header-4-font-size, 24px);
    line-height: var(--tds-header-4-line-height, 32px);
  }
  .tds-header-5, .title-component h5.heading, .title-component.small .heading {
    font-size: var(--tds-header-5-font-size, 22px);
    line-height: var(--tds-header-5-line-height, 30px);
  }
  .tds-title-medium, .title-component h6.heading {
    font-size: var(--tds-title-medium-font-size, 20px);
    line-height: var(--tds-title-medium-line-height, 26px);
  }
  .tds-text-xl {
    font-size: var(--tds-text-xl-font-size, 18px);
    line-height: var(--tds-text-xl-line-height, 24px);
  }
  .tds-text-l {
    font-size: var(--tds-text-l-font-size, 16px);
    line-height: var(--tds-text-l-line-height, 24px);
  }
  .tds-text-m {
    font-size: var(--tds-text-m-font-size, 14px);
    line-height: var(--tds-text-m-line-height, 22px);
  }
  .tds-text-s {
    font-size: var(--tds-text-s-font-size, 13px);
    line-height: var(--tds-text-s-line-height, 20px);
  }
  .tds-text-xs {
    font-size: var(--tds-text-xs-font-size, 12px);
    line-height: var(--tds-text-xs-line-height, 18px);
  }
  .tds-text-xxs {
    font-size: var(--tds-text-xxs-font-size, 10px);
    line-height: var(--tds-text-xxs-line-height, 16px);
  }
  .tds-text-xxxs {
    font-size: var(--tds-text-xxxs-font-size, 8px);
    line-height: var(--tds-text-xxxs-line-height, 14px);
  }
}
.icon {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  color: inherit;
}
.icon path,
.icon circle,
.icon rect,
.icon line,
.icon polyline,
.icon polygon {
  stroke: currentColor;
  fill: currentColor;
}
.icon[style*="--icon-color"] {
  color: var(--icon-color);
}

.ico-s {
  width: 16px;
  height: 16px;
}

.ico-m {
  width: 32px;
  height: 32px;
}

.icon-xs {
  width: 12px;
  height: 12px;
}

.icon-sm {
  width: 16px;
  height: 16px;
}

.icon-md {
  width: 24px;
  height: 24px;
}

.icon-lg {
  width: 32px;
  height: 32px;
}

.icon-xl {
  width: 40px;
  height: 40px;
}

.icon-2xl {
  width: 48px;
  height: 48px;
}

.icon-primary {
  color: var(--color-primary, #4c5555);
}

.icon-secondary {
  color: var(--color-secondary, #aeb2b2);
}

.icon-success {
  color: var(--color-success, #28a745);
}

.icon-danger {
  color: var(--color-danger, #dc3545);
}

.icon-warning {
  color: var(--color-warning, #ffc107);
}

.icon-info {
  color: var(--color-info, #17a2b8);
}

.icon-light {
  color: var(--color-light, #f8f9fa);
}

.icon-dark {
  color: var(--color-dark, #343a40);
}

.icon-white {
  color: #ffffff;
}

.icon-black {
  color: #000000;
}

.icon-arrow {
  transition: transform 0.2s ease;
}
.icon-arrow.rotate-90 {
  transform: rotate(90deg);
}
.icon-arrow.rotate-180 {
  transform: rotate(180deg);
}
.icon-arrow.rotate-270 {
  transform: rotate(270deg);
}

.btn .icon {
  margin-right: 8px;
}
.btn .icon:last-child {
  margin-right: 0;
  margin-left: 8px;
}
.btn .icon:only-child {
  margin: 0;
}

.accordion-toggle .icon {
  transition: transform 0.3s ease;
}
.accordion-toggle.active .icon, .accordion-item.active .accordion-toggle .icon {
  transform: rotate(180deg);
}

.tab-item .icon {
  display: block;
  margin: 0 auto 8px;
}
.tab-item.active .icon {
  color: var(--color-primary, #4c5555);
}

.icon-hover {
  transition: color 0.2s ease, transform 0.2s ease;
}
.icon-hover:hover {
  color: var(--color-primary, #4c5555);
  transform: scale(1.1);
}

[popover] {
  all: unset;
  box-sizing: border-box;
}

.tds-btn-v3 {
  --btn-bg: transparent;
  --btn-border: transparent;
  --btn-color: #111c1c;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 100px;
  border: 1px solid var(--btn-border);
  border-radius: 15px;
  background-color: var(--btn-bg);
  color: var(--btn-color);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.07px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  transition: background-color 0.35s, border-color 0.35s, color 0.35s;
}
.tds-btn-v3 svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: var(--btn-color);
  --color-1: var(--btn-color);
  --icon-color: var(--btn-color);
}
.tds-btn-v3.tds-btn-v3-s {
  height: 40px;
  padding: 0 14px;
}
.tds-btn-v3.tds-btn-v3-m {
  height: 48px;
  padding: 0 24px;
}
.tds-btn-v3.tds-btn-v3-l {
  height: 56px;
  padding: 0 32px;
}
.tds-btn-v3.tds-btn-v3-xl {
  height: 64px;
  padding: 0 32px;
}
.tds-btn-v3.tds-btn-v3-yellow {
  --btn-bg: #c4a052;
  --btn-color: #ffffff;
}
.tds-btn-v3.tds-btn-v3-white {
  --btn-bg: #ffffff;
  --btn-border: #4c5555;
}
.tds-btn-v3.tds-btn-v3-grey {
  --btn-bg: #eee9df;
}
@media (hover: hover) and (pointer: fine) {
  .tds-btn-v3:hover.tds-btn-v3-yellow {
    --btn-bg: #b0904a;
  }
  .tds-btn-v3:hover.tds-btn-v3-white {
    --btn-bg: #f3f4f4;
  }
  .tds-btn-v3:hover.tds-btn-v3-grey {
    --btn-bg: #d6d2c9;
  }
  .tds-btn-v3:hover.tds-btn-v3-ghost {
    --btn-color: #c4a052;
  }
}
.tds-btn-v3.disabled, .tds-btn-v3:disabled {
  pointer-events: none;
}
.tds-btn-v3.disabled.tds-btn-v3-yellow, .tds-btn-v3:disabled.tds-btn-v3-yellow {
  --btn-bg: #e1cfa8;
}
.tds-btn-v3.disabled.tds-btn-v3-white, .tds-btn-v3:disabled.tds-btn-v3-white {
  --btn-border: #aeb2b2;
  --btn-color: #aeb2b2;
}
.tds-btn-v3.disabled.tds-btn-v3-grey, .tds-btn-v3:disabled.tds-btn-v3-grey {
  --btn-bg: #f7f4ef;
  --btn-color: #aeb2b2;
}
.tds-btn-v3.disabled.tds-btn-v3-ghost, .tds-btn-v3:disabled.tds-btn-v3-ghost {
  --btn-color: #aeb2b2;
}

.accordion-menu {
  transition: all 0.3s ease-in-out;
  opacity: 0;
  max-height: 0;
  transform: translateY(400px);
}
.accordion-menu.active {
  opacity: 1;
  height: 100%;
  max-height: unset;
  transform: translateY(0px);
  transition: 0.5s opacity ease-in, 0.3s transform ease;
}
.accordion-menu .bt-route {
  margin-bottom: 48px;
  margin-top: -5px;
}
.accordion-menu .bt-route p {
  color: #e4b760;
  font-weight: 600;
}
.accordion-menu .content-head {
  margin-bottom: 12px;
  width: 100%;
}
.accordion-menu .content-head p,
.accordion-menu .content-head h2 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #2e2e2e;
}
.accordion-menu .content-title {
  margin-bottom: 24px;
}
.accordion-menu .content-text {
  margin-bottom: 24px;
}
.accordion-menu .content-text.gap20 {
  margin-bottom: 20px;
}
.accordion-menu .content-text h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #2e2e2e;
}
.accordion-menu .content-text p {
  font-size: 16px;
  line-height: 24px;
  color: #2e2e2e;
}
.accordion-menu .content-text p.bold {
  font-weight: 600;
}
.accordion-menu .content-text p span.bold {
  font-weight: 600;
}
.accordion-menu .content-text p span.italic {
  font-style: italic;
}
.accordion-menu .content-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 68px;
  margin-bottom: 76px;
}

@media screen and (max-width: 1024px) {
  .accordion-menu .content-text p,
  .accordion-menu .content-text h3 {
    font-size: 14px;
  }
  .accordion-menu .content-grid {
    grid-template-columns: 1fr;
    grid-gap: 8px;
    margin-bottom: 44px;
  }
  .accordion-menu .bt-route {
    margin-bottom: 30px;
  }
  .accordion-menu .bt-route.rout-section {
    margin-top: 36px;
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 767px) {
  .accordion-menu .content-grid {
    margin-bottom: 28px;
  }
  .accordion-menu .bt-route {
    margin-bottom: 34px;
  }
  .accordion-menu .bt-route.rout-section {
    margin-top: 0px;
  }
}
.accordion-menu-items {
  width: 100%;
  padding-top: 12px;
}
.accordion-menu-items .accordion-menu-item {
  cursor: pointer;
  margin-bottom: 0px;
  min-height: 48px;
}
.accordion-menu-items .accordion-menu-item.active {
  min-height: 64px;
  margin-bottom: 24px;
}
.accordion-menu-items .accordion-menu-item.active .head .qa-icon .icon-plus {
  opacity: 0;
  transition: 0.15s opacity ease-out;
  height: 0;
  transform: translateY(-10px);
}
.accordion-menu-items .accordion-menu-item.active .head .qa-icon .icon-minus {
  opacity: 1;
  transition: 0.15s opacity ease-in;
  height: 2px;
  transform: translateY(0);
}
.accordion-menu-items .accordion-menu-item.active .detail {
  max-height: unset;
  opacity: 1;
  transition: 0.3s opacity ease-in, 0.3s max-height ease;
}
.accordion-menu-items .accordion-menu-item .head {
  display: grid;
  grid-template-columns: 32px 1fr;
  width: 100%;
  min-height: 36px;
}
.accordion-menu-items .accordion-menu-item .head p {
  font-weight: 600;
  color: #2e2e2e;
  font-size: 16px;
  line-height: 26px;
}
.accordion-menu-items .accordion-menu-item .head .qa-icon .icon-minus {
  margin-top: 10px;
  opacity: 0;
  height: 0;
  transform: translateY(10px);
  transition: 0.15s opacity ease-out;
}
.accordion-menu-items .accordion-menu-item .head .qa-icon .icon-plus {
  margin-top: 8px;
  opacity: 1;
  height: 10px;
  transform: translateY(0);
  transition: 0.15s opacity ease-in;
}
.accordion-menu-items .accordion-menu-item .head .highlight {
  color: #e4b760;
}
.accordion-menu-items .accordion-menu-item .detail {
  padding-left: 64px;
  margin-top: 5px;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
}
.accordion-menu-items .accordion-menu-item .detail p {
  color: #2e2e2e;
  font-size: 16px;
  line-height: 24px;
}
.accordion-menu-items .accordion-menu-item .detail .highlight {
  color: #e4b760;
}

@media screen and (max-width: 1024px) {
  .accordion-menu-items {
    margin-bottom: 35px;
  }
  .accordion-menu-items .accordion-menu-item .head p {
    font-size: 14px;
  }
  .accordion-menu-items .accordion-menu-item .detail p {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .accordion-menu-items {
    margin-bottom: 16px;
  }
}
.spinner {
  text-align: center;
}
.spinner img {
  width: 100px;
  height: 100px;
}
.spinner.search-spinner {
  position: absolute;
  top: 190px;
  z-index: 4;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  background: #ffffff;
  display: none;
}
.spinner.search-spinner.active {
  display: block;
}
.spinner.search-spinner img {
  width: 80px;
  height: 80px;
}

.toggle {
  position: relative;
  display: inline-block;
  width: 62px;
  height: 36px;
}
.toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  outline: 0;
}
.toggle .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 5px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.toggle input:checked + .slider {
  background-color: #e4b760;
}
.toggle input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.toggle .slider.round {
  border-radius: 34px;
}
.toggle .slider.round:before {
  border-radius: 50%;
}

header {
  position: sticky;
  width: 100%;
  z-index: 6;
  top: 0;
  font-weight: 600;
  font-size: 16px;
  height: 136px;
}
header .header-bottom {
  display: none;
}
header.menu-hide {
  top: -152px;
}
header.hide {
  visibility: hidden;
}
header.only-logo .header-mobile,
header.only-logo .header-menu-left,
header.only-logo .header-menu {
  display: none !important;
}
header .inner-nav {
  position: absolute;
  top: 35px;
  left: 0px;
  padding: 0px;
  background: #fff;
  z-index: 5;
  display: none;
  transition: all 0.3s ease-in-out;
  padding: 0 16px;
  box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.08);
}
header .inner-nav .inner-item {
  min-width: 164px;
  padding: 8px 0;
  cursor: default;
}
header .inner-nav .inner-item.color-fading > a {
  color: #a0a4a4;
}
header .inner-nav .inner-item.highlight > a {
  color: #e4b760;
}
header .inner-nav .inner-item > a {
  width: 100%;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  white-space: nowrap;
  color: black;
}
header.header-home, header.header-cart {
  background-color: #ffffff;
  height: 152px;
  transition: all 0.3s ease 0s;
  position: fixed;
}
header.header-home.full-height, header.header-cart.full-height {
  height: 152px;
}
header.header-home .header-nav, header.header-cart .header-nav {
  height: auto;
}
header.header-home .header-top, header.header-cart .header-top {
  height: calc(100% - 48px);
  display: block;
}
header.header-home .header-top .header-top-container, header.header-cart .header-top .header-top-container {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  height: 100%;
  justify-content: space-between;
}
header.header-home .header-top .header-menu-left, header.header-cart .header-top .header-menu-left {
  top: unset;
}
header.header-home .header-top .header-menu-left .search, header.header-cart .header-top .header-menu-left .search {
  background-color: #000000;
}
header.header-home .header-top .header-menu-left p, header.header-cart .header-top .header-menu-left p {
  color: #000000;
}
header.header-home .header-top .header-menu, header.header-cart .header-top .header-menu {
  top: unset;
}
header.header-home .header-top .header-menu .wishlist, header.header-cart .header-top .header-menu .wishlist {
  background-color: #000000;
}
header.header-home .header-top .header-menu .calendar svg, header.header-cart .header-top .header-menu .calendar svg {
  color: #000000;
}
header.header-home .header-top .header-menu .account .icon-account2 svg, header.header-cart .header-top .header-menu .account .icon-account2 svg {
  color: #000000;
}
header.header-home .header-top .header-menu .cart.active:before, header.header-cart .header-top .header-menu .cart.active:before {
  content: attr(data-count-item);
  border: solid 1px #e4b760;
  display: flex;
  padding: 2px 4px;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
  background: #e4b760;
  font-size: 8px;
  font-weight: 600;
  color: #fff;
  width: fit-content;
}
header.header-home .header-top .header-menu .cart .icon2 svg, header.header-cart .header-top .header-menu .cart .icon2 svg {
  color: #000000;
}
header.header-home .header-top .header-menu .appointment-button.active:before, header.header-cart .header-top .header-menu .appointment-button.active:before {
  content: attr(data-count-item);
  border: solid 1px #e4b760;
  display: flex;
  padding: 2px 4px;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
  background: #e4b760;
  font-size: 8px;
  font-weight: 600;
  color: #fff;
  width: fit-content;
}
header.header-home .header-top .header-menu .custom-select-list, header.header-cart .header-top .header-menu .custom-select-list {
  color: #111c1c;
}
header.header-home .header-top .header-menu .custom-select-list .list-select p, header.header-cart .header-top .header-menu .custom-select-list .list-select p {
  color: #111c1c;
  line-height: 24px;
  padding-top: 2px;
}
header.header-home .header-top .header-menu .custom-select-list .list-select .icon-arr-down svg, header.header-cart .header-top .header-menu .custom-select-list .list-select .icon-arr-down svg {
  color: #111c1c;
}
header.header-home .header-top .header-menu .language-picker .list-option, header.header-cart .header-top .header-menu .language-picker .list-option {
  z-index: 1;
}
header.header-home .header-top .header-logo, header.header-cart .header-top .header-logo {
  top: unset;
}
header.header-home .header-top .header-logo .logo-box .logo-pc, header.header-cart .header-top .header-logo .logo-box .logo-pc {
  max-width: 260px;
}
header.header-home .header-top .header-logo .logo-box .logo-pc svg, header.header-cart .header-top .header-logo .logo-box .logo-pc svg {
  color: #000000;
}
header.header-home .header-top .header-logo .logo-box .logo-pc img, header.header-cart .header-top .header-logo .logo-box .logo-pc img {
  aspect-ratio: 130/21;
  width: 100%;
  object-fit: cover;
  height: auto;
}
header.header-home .header-top .header-logo .logo-box .logo-pc .icon-logo-full-bg, header.header-cart .header-top .header-logo .logo-box .logo-pc .icon-logo-full-bg {
  background-color: #000000;
}
header.header-home .header-top .header-logo .logo-box .logo-mobile svg, header.header-cart .header-top .header-logo .logo-box .logo-mobile svg {
  color: #000000;
}
header.header-home .header-top .header-logo .logo-box .logo-mobile img, header.header-cart .header-top .header-logo .logo-box .logo-mobile img {
  max-width: 40px;
}
header.header-home .header-top .header-logo .logo-box .logo-mobile .icon-logo-bg, header.header-cart .header-top .header-logo .logo-box .logo-mobile .icon-logo-bg {
  background-color: #000000;
}
header.header-home .header-top .header-mobile, header.header-cart .header-top .header-mobile {
  top: unset;
}
header.header-home .header-top .header-mobile .hamburger-menu svg, header.header-cart .header-top .header-mobile .hamburger-menu svg {
  color: #000000;
}
header.header-home .header-top .header-mobile .hamburger-menu span, header.header-cart .header-top .header-mobile .hamburger-menu span {
  background: #000000;
}
header.header-home .header-top .header-mobile .menu-txt p, header.header-cart .header-top .header-mobile .menu-txt p {
  color: #000000;
}
header.header-home .header-bottom, header.header-cart .header-bottom {
  position: relative;
  display: flex;
  width: 100%;
  height: 48px;
  bottom: 0;
  left: 0;
  border-top: 1px solid #d8d8d8;
  justify-content: center;
  align-items: center;
  padding: 0 32px;
  z-index: 1;
}
header.header-home .header-bottom .quick-nav, header.header-cart .header-bottom .quick-nav {
  display: flex;
  gap: 28px;
  justify-content: center;
  margin-right: 24px;
}
header.header-home .header-bottom .quick-nav.swiper, header.header-cart .header-bottom .quick-nav.swiper {
  width: 100%;
  justify-content: unset;
}
header.header-home .header-bottom .quick-nav .nav-item, header.header-cart .header-bottom .quick-nav .nav-item {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  white-space: nowrap;
  padding: 0 10px;
  color: black;
  width: fit-content;
  position: relative;
  display: flex;
  align-items: center;
}
header.header-home .header-bottom .quick-nav .nav-item.second-chance::after, header.header-cart .header-bottom .quick-nav .nav-item.second-chance::after {
  content: attr(data-count-item);
  position: absolute;
  right: -8px;
  top: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ca644f;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 8px;
  font-weight: 600;
  color: #fff;
}
header.header-home .header-bottom .quick-nav .nav-item .icon-arr-down, header.header-cart .header-bottom .quick-nav .nav-item .icon-arr-down {
  margin-left: 8px;
  display: none;
}
header.header-home .header-bottom .quick-nav .nav-item .icon-arr-down svg, header.header-cart .header-bottom .quick-nav .nav-item .icon-arr-down svg {
  color: #111c1c;
}
header.header-home .header-bottom .quick-nav .nav-item .icon-arr-down-bg, header.header-cart .header-bottom .quick-nav .nav-item .icon-arr-down-bg {
  margin-left: 8px;
  background-color: #000000;
  display: none;
}
header.header-home .header-bottom .quick-nav .nav-item:first-child .inner-item.color-fading a, header.header-cart .header-bottom .quick-nav .nav-item:first-child .inner-item.color-fading a {
  opacity: 0.5;
}
header.header-home .header-bottom .quick-nav .nav-item.active .icon-arr-down svg, header.header-cart .header-bottom .quick-nav .nav-item.active .icon-arr-down svg {
  color: #e4b760;
}
header.header-home .header-bottom .quick-nav .nav-item.highlight-menu, header.header-cart .header-bottom .quick-nav .nav-item.highlight-menu {
  color: #e4b760;
}
header.header-home .header-bottom .quick-nav .nav-item.highlight-menu .icon-arr-down svg, header.header-cart .header-bottom .quick-nav .nav-item.highlight-menu .icon-arr-down svg {
  color: #e4b760;
}
header.header-home .header-bottom .quick-nav .nav-item > a, header.header-cart .header-bottom .quick-nav .nav-item > a {
  color: #000000;
}
header.header-home .header-bottom .quick-nav .nav-item > a.active, header.header-cart .header-bottom .quick-nav .nav-item > a.active {
  color: #e4b760;
}
header.header-home .header-bottom .quick-nav .nav-item.active > a, header.header-cart .header-bottom .quick-nav .nav-item.active > a {
  color: #e4b760;
}
header.header-home .header-bottom .quick-nav .nav-item.active > a .icon-arr-down svg, header.header-cart .header-bottom .quick-nav .nav-item.active > a .icon-arr-down svg {
  color: #e4b760;
}
header.header-home .header-bottom .quick-nav .nav-item.highlight-menu > a, header.header-cart .header-bottom .quick-nav .nav-item.highlight-menu > a {
  color: #e4b760;
}
header.header-home .header-bottom .quick-nav .nav-item.active, header.header-cart .header-bottom .quick-nav .nav-item.active {
  color: #e4b760;
}
header.header-home .header-bottom .quick-nav .nav-item.active .icon-arr-down svg, header.header-cart .header-bottom .quick-nav .nav-item.active .icon-arr-down svg {
  color: #e4b760;
}
header.header-home .header-bottom .quick-nav .nav-item.active .inner-nav, header.header-cart .header-bottom .quick-nav .nav-item.active .inner-nav {
  display: inline-block;
}
header.header-home .header-bottom.nav-slider, header.header-cart .header-bottom.nav-slider {
  justify-content: unset;
  padding-right: 120px;
}
header.header-home .right-button, header.header-cart .right-button {
  background: transparent;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-left: 10px;
}
header.header-home .right-button.fixed, header.header-cart .right-button.fixed {
  right: 0;
  position: absolute;
  margin-left: 0;
}
header.header-home .right-button.fixed .view-more, header.header-cart .right-button.fixed .view-more {
  padding-right: 38px;
}
header.header-home .right-button.fixed:before, header.header-cart .right-button.fixed:before {
  display: inline-block;
}
header.header-home .right-button:before, header.header-cart .right-button:before {
  height: 100%;
  width: 50px;
  content: "";
  pointer-events: none;
  background: linear-gradient(to left, #ffffff 20%, rgba(255, 255, 255, 0) 80%);
  display: none;
}
header.header-home .right-button .view-more, header.header-cart .right-button .view-more {
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 100%;
  background: #ffffff;
  padding-right: 10px;
}
header.header-home .right-button .view-more p, header.header-cart .right-button .view-more p {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
header.header-home .right-button .view-more .icon-arr-right, header.header-cart .right-button .view-more .icon-arr-right {
  margin-left: 8px;
}
header.header-home .right-button .view-more .icon-arr-right svg, header.header-cart .right-button .view-more .icon-arr-right svg {
  left: 0%;
  color: #111c1c;
}
header.show {
  display: block;
}
header.active {
  height: 136px;
}
header.active .header-top .header-menu-left .search {
  background-color: #000000;
}
header.active .header-top .header-menu .wishlist {
  background-color: #000000;
}
header.active .header-top .header-menu .calendar svg {
  color: #000000;
}
header.active .header-top .header-menu .account .icon-account2 svg {
  color: #000000;
}
header.active .header-top .header-menu .cart.active::before {
  content: attr(data-count-item);
  border: solid 1px #e4b760;
  display: flex;
  padding: 2px 4px;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
  background: #e4b760;
  font-size: 8px;
  font-weight: 600;
  color: #fff;
  width: fit-content;
}
header.active .header-top .header-menu .cart .icon2 svg {
  color: #000000;
}
header.active .header-top .header-menu .appointment-button.active:before {
  content: attr(data-count-item);
  border: solid 1px #e4b760;
  display: flex;
  padding: 2px 4px;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
  background: #e4b760;
  font-size: 8px;
  font-weight: 600;
  color: #fff;
  width: fit-content;
}
header.active .header-top .header-menu .custom-select-list {
  color: #111c1c;
}
header.active .header-top .header-menu .custom-select-list .list-select p {
  color: #111c1c;
}
header.active .header-top .header-menu .custom-select-list .list-select .icon-arr-down svg {
  color: #111c1c;
}
header.active .header-top .header-logo .logo-box .logo-pc svg {
  color: #000000;
}
header.active .header-top .header-logo .logo-box .logo-pc img {
  max-width: 260px;
}
header.active .header-top .header-logo .logo-box .logo-pc .icon-logo-full-bg {
  background-color: #000000;
}
header.active .header-top .header-logo .logo-box .logo-mobile svg {
  color: #000000;
}
header.active .header-top .header-logo .logo-box .logo-mobile img {
  max-width: 40px;
}
header.active .header-top .header-logo .logo-box .logo-mobile .icon-logo-bg {
  background-color: #000000;
}
header.active .header-top .header-mobile .hamburger-menu svg {
  color: #000000;
}
header.active .header-top .header-mobile .hamburger-menu span {
  background: #000000;
}
header.active .header-top .header-mobile .menu-txt p {
  color: #000000;
}
header.active a {
  color: #000000;
}
header.fixed {
  position: sticky;
  animation: smoothScroll 0.3s forwards ease-out;
}
header.fixed.menu-out {
  animation: smoothScrollOut 0.3s forwards ease-in;
}
header.fixed:not(.header-home), header.fixed:not(.header-cart) {
  position: fixed;
}
header.fixed:not(.header-home) .header-top, header.fixed:not(.header-cart) .header-top {
  background: #ffffff;
}
header.full-height {
  height: 100%;
}
header.header-category {
  height: 136px;
}
header.header-category.fixed {
  position: fixed;
  animation: smoothScroll 1s forwards;
}
header.header-category.fixed.menu-out {
  animation: smoothScrollOut 0.4s forwards ease-in;
}
header.header-category.fixed .header-top {
  background: #ffffff;
  height: 136px;
}
header.header-category.full-height {
  height: 100%;
}
header.header-voucher-redeem {
  height: 96px;
}
header.header-voucher-redeem.fixed {
  position: fixed;
  animation: smoothScroll 1s forwards;
}
header.header-voucher-redeem.fixed.menu-out {
  animation: smoothScrollOut 0.4s forwards ease-in;
}
header.header-voucher-redeem.fixed .header-top {
  background: #ffffff;
  height: 136px;
}
header.header-voucher-redeem .header-top .header-menu-left,
header.header-voucher-redeem .header-top .header-mobile,
header.header-voucher-redeem .header-top .header-menu {
  display: none;
}
header.header-collaborate {
  height: 136px;
}
header.header-collaborate.fixed {
  position: fixed;
  animation: smoothScroll 1s forwards;
}
header.header-collaborate.fixed.menu-out {
  animation: smoothScrollOut 0.4s forwards ease-in;
}
header.header-collaborate.fixed .header-top {
  background: #ffffff;
  height: 136px;
}
header.header-collaborate.full-height {
  height: 100%;
}
header.header-3d-configuration .header-top {
  background: none;
}
header.header-3d-configuration .header-top .header-top-container {
  max-width: 1556px;
}
header.header-3d-configuration .header-top .header-mobile {
  left: 0;
}
header.header-3d-configuration .header-top .header-mobile .menu-txt p {
  font-size: 14px;
}
header.header-3d-configuration .header-top .close-bt-configuration {
  position: absolute;
  right: 64px;
  top: 62px;
  z-index: 5;
  transition: 0.3s;
  cursor: pointer;
}
header.header-3d-configuration .header-top .close-bt-configuration.disable {
  opacity: 0;
  top: -16px;
}
header.header-3d-configuration .header-top .close-bt-configuration p {
  font-size: 14px;
  padding: 0px 16px;
  line-height: 18px;
}
header.header-3d-configuration .header-top .close-bt-configuration .icon {
  width: 13px;
  height: 13px;
  opacity: 1;
  position: relative;
}
header.header-3d-configuration .header-top .close-bt-configuration .icon svg {
  position: absolute;
  top: 0;
  width: 13px;
  height: 13px;
  color: #111c1c;
  transition: all 0.3s ease-out;
}
header.header-3d-configuration .header-nav .select-lang {
  display: none;
}
header.header-3d-new-configuration .header-top {
  background: none;
}
header.header-showroom, header.header-how-it-made, header.header-interior-advise, header.header-overview-layout-3, header.header-detail-layout-5, header.header-interior-advise-form, header.header-absolute {
  position: absolute;
}
header.header-showroom.no-headline, header.header-how-it-made.no-headline, header.header-interior-advise.no-headline, header.header-overview-layout-3.no-headline, header.header-detail-layout-5.no-headline, header.header-interior-advise-form.no-headline, header.header-absolute.no-headline {
  position: relative;
}
header.header-showroom .header-top, header.header-how-it-made .header-top, header.header-interior-advise .header-top, header.header-overview-layout-3 .header-top, header.header-detail-layout-5 .header-top, header.header-interior-advise-form .header-top, header.header-absolute .header-top {
  background-color: unset;
}
header.header-showroom .header-top .header-logo .logo-box .logo-pc img, header.header-how-it-made .header-top .header-logo .logo-box .logo-pc img, header.header-interior-advise .header-top .header-logo .logo-box .logo-pc img, header.header-overview-layout-3 .header-top .header-logo .logo-box .logo-pc img, header.header-detail-layout-5 .header-top .header-logo .logo-box .logo-pc img, header.header-interior-advise-form .header-top .header-logo .logo-box .logo-pc img, header.header-absolute .header-top .header-logo .logo-box .logo-pc img {
  filter: invert(1);
}
header.header-showroom .header-top .header-logo .logo-box .logo-mobile img, header.header-how-it-made .header-top .header-logo .logo-box .logo-mobile img, header.header-interior-advise .header-top .header-logo .logo-box .logo-mobile img, header.header-overview-layout-3 .header-top .header-logo .logo-box .logo-mobile img, header.header-detail-layout-5 .header-top .header-logo .logo-box .logo-mobile img, header.header-interior-advise-form .header-top .header-logo .logo-box .logo-mobile img, header.header-absolute .header-top .header-logo .logo-box .logo-mobile img {
  filter: invert(1);
}
header.header-showroom.active .header-logo .logo-box .logo-pc img, header.header-how-it-made.active .header-logo .logo-box .logo-pc img, header.header-interior-advise.active .header-logo .logo-box .logo-pc img, header.header-overview-layout-3.active .header-logo .logo-box .logo-pc img, header.header-detail-layout-5.active .header-logo .logo-box .logo-pc img, header.header-interior-advise-form.active .header-logo .logo-box .logo-pc img, header.header-absolute.active .header-logo .logo-box .logo-pc img {
  filter: unset;
}
header.header-showroom.active .header-logo .logo-box .logo-mobile img, header.header-how-it-made.active .header-logo .logo-box .logo-mobile img, header.header-interior-advise.active .header-logo .logo-box .logo-mobile img, header.header-overview-layout-3.active .header-logo .logo-box .logo-mobile img, header.header-detail-layout-5.active .header-logo .logo-box .logo-mobile img, header.header-interior-advise-form.active .header-logo .logo-box .logo-mobile img, header.header-absolute.active .header-logo .logo-box .logo-mobile img {
  filter: unset;
}
header.show-only-logo {
  height: 136px;
  margin-top: 0 !important;
}
header.show-only-logo .header-top .header-logo .logo-box .logo-pc svg {
  color: #000000;
}
header.show-only-logo .header-top .header-logo .logo-box .logo-pc img {
  max-width: 260px;
}
header.show-only-logo .header-top .header-logo .logo-box .logo-pc .icon-logo-full-bg {
  background-color: #000000;
}
header.show-only-logo .header-top .header-logo .logo-box .logo-mobile svg {
  color: #000000;
}
header.show-only-logo .header-top .header-logo .logo-box .logo-mobile img {
  max-width: 96px;
}
header.show-only-logo .header-top .header-logo .logo-box .logo-mobile .icon-logo-bg {
  background-color: #000000;
}
header.show-only-logo .header-top .header-mobile {
  display: none;
}
header.show-only-logo .header-top .header-menu-left {
  display: none;
}
header.show-only-logo .header-top .header-menu {
  display: none;
}
header .containner {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
header a {
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s ease-out;
}
header .hidden {
  opacity: 0;
  pointer-events: none;
  display: block;
}
header .header-nav {
  position: fixed;
  background: #ffffff;
  top: 0;
  left: -478px;
  height: auto;
  z-index: 6;
  width: 478px;
  transition: all 0.3s ease-out;
}
header .header-nav.active {
  left: 0;
}
header .header-nav.not-ready {
  opacity: 0;
  visibility: hidden;
}
header .header-nav a {
  color: #111c1c;
}
header .header-nav .header-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 46px 64px 0px 64px;
}
header .header-nav .custom-select-list .list-select {
  background-color: transparent;
  gap: 8px;
  display: flex;
  justify-content: flex-end;
}
header .header-nav .custom-select-list .list-select p {
  font-weight: 600;
  padding-left: 0;
  color: #111c1c;
  line-height: 24px;
  padding-top: 2px;
}
header .header-nav .custom-select-list .list-select .icon-arr-down {
  position: unset;
  margin-top: 2px;
  width: 16px;
  height: 16px;
}
header .header-nav .custom-select-list .list-select .icon-arr-down svg {
  position: unset;
  color: #111c1c;
  margin: 5px;
}
header .header-nav .custom-select-list .list-select.active::before {
  content: " ";
  width: calc(100% - 10px);
  position: absolute;
  height: 1px;
  background-color: #e8e8e8;
  bottom: 4px;
  left: -4px;
}
header .header-nav .custom-select-list .list-select.active p {
  color: #111c1c;
  font-weight: 600;
}
header .header-nav .custom-select-list .list-select.active .icon-arr-down svg {
  color: #111c1c;
  transform: rotate(180deg);
}
header .header-nav .custom-select-list .list-select img {
  width: 20px;
  height: 20px;
}
header .header-nav .custom-select-list .list-option {
  padding: 8px;
  width: max-content;
  border-radius: 20px;
  top: 0;
  left: auto;
  right: 0;
}
header .header-nav .custom-select-list .list-option .box-options {
  padding-right: 0;
}
header .header-nav .custom-select-list .list-option .box-options .box-option:first-child {
  border-bottom: 1px solid #f3f4f4;
}
header .header-nav .custom-select-list .list-option .box-options .box-option {
  padding: 0;
  border-radius: 0;
  margin-bottom: 0;
  gap: 8px;
}
header .header-nav .custom-select-list .list-option .box-options .box-option .flag {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 8px;
}
header .header-nav .custom-select-list .list-option .box-options .box-option .flag .active {
  color: #111c1c;
}
header .header-nav .custom-select-list .list-option .box-options .box-option.active p {
  color: #111c1c;
}
header .header-nav .custom-select-list .list-option .box-options .box-option p,
header .header-nav .custom-select-list .list-option .box-options .box-option a {
  font-size: 14px;
  font-weight: 600;
  color: #9fa3a4;
  line-height: 24px;
  padding-top: 2px;
}
header .header-nav .custom-select-list .list-option .box-options .box-option:hover {
  background-color: #fff;
}
header .header-nav .custom-select-list .list-option .box-options .box-option:hover p,
header .header-nav .custom-select-list .list-option .box-options .box-option:hover a {
  color: #111c1c;
}
header .header-nav .custom-select-list .list-option .box-options .box-option img {
  width: 20px;
  height: 20px;
}
header .header-nav .custom-select-list .list-option .box-options .box-option .icon-arr-up {
  margin-left: auto;
}
header .header-nav .custom-select-list .list-option .box-options .box-option .icon-arr-up svg {
  color: #111c1c;
}
header .header-nav .closelight-bt {
  display: flex;
  left: 130px;
  top: 62px;
  z-index: 3;
}
header .header-nav .select-lang {
  position: absolute;
  left: 288px;
  top: 62px;
  display: flex;
  z-index: 3;
  display: none;
}
header .header-nav .select-lang p,
header .header-nav .select-lang a {
  font-weight: 600;
  font-size: 14px;
  color: #a0a4a4;
  padding-right: 26px;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
header .header-nav .select-lang p.active,
header .header-nav .select-lang a.active {
  color: #111c1c;
}
header .header-nav .header-nav-main {
  height: 100dvh;
  overflow: hidden;
  padding-top: 160px;
}
header .header-nav .header-nav-main .nav-main-box {
  position: relative;
  z-index: 2;
  height: calc(100dvh - 200px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 12px;
  -webkit-overflow-scrolling: touch;
}
header .header-nav .header-nav-main .nav-main {
  transition: 0.5s ease;
}
header .header-nav .header-nav-main .nav-main.nav-hidden {
  margin-left: -478px;
}
header .header-nav .header-nav-main .nav-main li {
  width: 100%;
  height: auto;
  padding-left: 128px;
  display: flex;
  transition: opacity 2.2s ease-out;
  align-items: center;
  margin-bottom: 16px;
}
header .header-nav .header-nav-main .nav-main li.underline .main-txt.active:after {
  content: " ";
  position: absolute;
  height: 2px;
  width: calc(100% - 256px);
  top: 250px;
  left: 50%;
  transform: translateX(-50%);
  background: #000;
  transition: all 0.8s ease-out;
  display: none;
}
header .header-nav .header-nav-main .nav-main li.rollover:hover > .icon-drop svg {
  animation: menuNext 1s linear forwards;
}
header .header-nav .header-nav-main .nav-main li.rollover:hover > .icon-drop {
  animation: menuNext 1s linear forwards;
}
header .header-nav .header-nav-main .nav-main li.color-fading a {
  color: #a0a4a4;
}
header .header-nav .header-nav-main .nav-main li.color-fading .icon-drop svg {
  color: #a0a4a4;
}
header .header-nav .header-nav-main .nav-main li a {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  color: #111c1c;
  transition: all 0.5s ease;
}
header .header-nav .header-nav-main .nav-main li a.grey {
  color: #a0a4a4 !important;
}
header .header-nav .header-nav-main .nav-main li a.grey + .icon-drop {
  background-color: #a0a4a4 !important;
}
header .header-nav .header-nav-main .nav-main li a.grey + .icon-drop svg {
  color: #a0a4a4 !important;
}
header .header-nav .header-nav-main .nav-main li a.main-txt {
  margin-left: -478px;
  transition: all 0.5s ease-in;
}
header .header-nav .header-nav-main .nav-main li a.main-txt.active {
  margin-left: 0px;
  transition: all 1s ease-out;
}
header .header-nav .header-nav-main .nav-main li a.main-txt.highlight {
  color: #e4b760;
}
header .header-nav .header-nav-main .nav-main li a.child-txt {
  margin-left: -478px;
  transition: all 0.5s ease-in;
  opacity: 0;
}
header .header-nav .header-nav-main .nav-main li a.child-txt.active {
  margin-left: 0px;
  transition: all 0.5s;
  opacity: 1;
}
header .header-nav .header-nav-main .nav-main li a.child-txt.active.hidden {
  opacity: 0;
  display: block;
  transition: opacity 0.5s ease-out;
}
header .header-nav .header-nav-main .nav-main .icon-drop {
  margin-left: 16px;
}
header .header-nav .header-nav-main .nav-main .icon-drop.highlight {
  background-color: #e4b760;
}
header .header-nav .header-nav-main .nav-main .child-container {
  position: absolute;
  left: -478px;
  width: 478px;
  transition: all 1s ease-in;
  top: -32px;
}
header .header-nav .header-nav-main .nav-main .child-container.active {
  visibility: visible;
  opacity: 1;
  left: 0;
  transition: all 0.5s ease-out;
}
header .header-nav .header-nav-main .nav-main .child-container .bt-back {
  position: absolute;
  left: 128px;
  top: 44px;
}
header .header-nav .header-nav-main .nav-main .child-container .bt-back:hover svg {
  animation: menuBack 1s linear forwards;
}
header .header-nav .header-nav-main .nav-main .child-content {
  position: relative;
  margin-top: 96px;
  margin-left: -478px;
  width: 478px;
  transition: all 1.5s ease-in;
}
header .header-nav .header-nav-main .nav-main .child-content.active {
  margin-left: 0;
  transition: all 0.5s ease-out;
}
header .header-nav .header-nav-main .nav-main .nav-child {
  position: absolute;
  left: -478px;
  width: 478px;
  top: 0px;
  transition: all 1s ease-in;
}
header .header-nav .header-nav-main .nav-main .nav-child.active {
  left: 0;
  transition: all 0.5s ease-out;
}
header .header-nav .more-menu {
  position: absolute;
  z-index: 3;
  right: 32px;
  top: calc(100% - 82px);
  height: 50px;
  width: 50px;
  transition: all 0.1s;
}
header .header-nav .more-menu.active-go-top .circle-bt .icon-arr-down svg {
  transform: rotate(0deg);
}
header .header-nav .more-menu .circle-bt {
  border: solid 2px #000000;
}
header .header-nav .more-menu .circle-bt .icon-arr-down svg {
  color: #000000;
}
header .header-nav .more-menu .icon-more-menu {
  cursor: pointer;
  width: 100%;
}
header .header-nav .more-menu .icon-more-menu svg {
  left: calc(50% - 64px);
}
header .header-nav .more-menu.child-box {
  bottom: 80px;
}
header .header-nav .more-menu:hover .icon-more-menu svg, header .header-nav .more-menu:focus .icon-more-menu svg {
  animation: menuDown 1s linear forwards;
}
header .header-nav .nav-fixed-menu {
  z-index: 1;
  left: -478px;
  transition: all 0.3s ease-out;
  position: relative;
  padding-top: 48px;
  padding-left: 128px;
}
header .header-nav .nav-fixed-menu.active {
  left: 0;
}
header .header-nav .nav-fixed-menu p {
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 12px;
  color: #111c1c;
  transition: all 0.3s ease-out;
}
header .header-nav .nav-fixed-menu .custom-scroll .content {
  max-height: 96px;
}
header .header-nav .nav-bg {
  position: absolute;
  right: 0;
  top: 174px;
  z-index: 1;
  max-width: 320px;
}
header .header-nav .nav-bg img {
  width: 100%;
  aspect-ratio: 1/2;
}
header .header-nav .bg-pattern {
  position: absolute;
  bottom: -82px;
  left: 50%;
  transform: translate(-113px, 0px);
  z-index: 1;
}
header .header-nav .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
header .header-nav .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}
header .header-top {
  z-index: 4;
  position: relative;
  width: 100%;
  top: 0px;
  left: 0;
  display: block;
  height: 136px;
  background-color: #ffffff;
}
header .header-top .header-top-container {
  width: 100%;
  max-width: 1426px;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0%);
  display: flex;
  flex-flow: row;
  align-items: center;
  height: 100%;
  justify-content: space-between;
}
header .header-top .header-logo {
  position: absolute;
  z-index: 4;
  height: auto;
  left: 50%;
  transform: translate(-50%, 0%);
}
header .header-top .header-logo .logo-box {
  position: relative;
  display: flex;
}
header .header-top .header-logo .logo-box .logo-pc {
  max-width: 260px;
}
header .header-top .header-logo .logo-box .logo-pc svg {
  width: 260px;
  height: 50px;
  color: #ffffff;
}
header .header-top .header-logo .logo-box .logo-pc .icon-logo-full-bg {
  width: 260px;
  height: 50px;
  background-color: #ffffff;
}
header .header-top .header-logo .logo-box .logo-mobile {
  display: none;
}
header .header-top .header-logo .logo-box .logo-mobile svg {
  width: 96px;
  height: 96px;
  color: #ffffff;
}
header .header-top .header-logo .logo-box .logo-mobile .icon-logo-bg {
  width: 96px;
  height: 96px;
  background-color: #ffffff;
}
header .header-top .header-menu-left {
  position: absolute;
  left: 104px;
  z-index: 6;
  display: flex;
  cursor: pointer;
}
header .header-top .header-menu-left a {
  display: flex;
  align-items: center;
}
header .header-top .header-menu-left a p {
  margin-left: 16px;
  font-size: 14px;
  font-weight: 600;
}
header .header-top .header-menu-left .search {
  position: relative;
  width: 14px;
  height: 14px;
  -webkit-mask-image: url(/assetfiles/img/tabledusudv4/svgs/search-ipfv3.svg#search-obj-ipfv3);
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/search-ipfv3.svg#search-obj-ipfv3);
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #ffffff;
  top: -2px;
}
header .header-top .header-menu-left .search svg {
  width: 16px;
  height: 16px;
}
header .header-top .header-menu-left .search-btn:hover .search {
  background-color: #e4b760;
}
header .header-top .header-menu-left .search-btn:hover p {
  color: #e4b760;
}
header .header-top .header-menu {
  position: absolute;
  right: 0px;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
header .header-top .header-menu .custom-select-list .list-select {
  background-color: transparent;
  padding-right: 18px;
  min-width: 38px;
  gap: 8px;
}
header .header-top .header-menu .custom-select-list .list-select p {
  font-weight: 600;
  padding-left: 0;
  color: #ffffff;
}
header .header-top .header-menu .custom-select-list .list-select .icon-arr-down {
  position: unset;
  margin-top: 2px;
  width: 16px;
  height: 16px;
}
header .header-top .header-menu .custom-select-list .list-select .icon-arr-down svg {
  position: unset;
  margin: 5px;
  color: #ffffff;
}
header .header-top .header-menu .custom-select-list .list-select.active::before {
  content: " ";
  width: calc(100% - 10px);
  position: absolute;
  height: 1px;
  background-color: #e8e8e8;
  bottom: 4px;
  left: -4px;
}
header .header-top .header-menu .custom-select-list .list-select.active p {
  color: #111c1c;
  font-weight: 600;
}
header .header-top .header-menu .custom-select-list .list-select.active .icon-arr-down svg {
  color: #111c1c;
  transform: rotate(180deg);
}
header .header-top .header-menu .custom-select-list .list-select img {
  width: 20px;
  height: 20px;
}
header .header-top .header-menu .custom-select-list .list-option {
  padding: 8px;
  width: max-content;
  border-radius: 20px;
  top: 0;
  left: -8px;
  right: 0;
}
header .header-top .header-menu .custom-select-list .list-option .box-options {
  padding-right: 0;
}
header .header-top .header-menu .custom-select-list .list-option .box-options .box-option:first-child {
  border-bottom: 1px solid #f3f4f4;
}
header .header-top .header-menu .custom-select-list .list-option .box-options .box-option {
  padding: 0;
  border-radius: 0;
  margin-bottom: 0;
  gap: 8px;
}
header .header-top .header-menu .custom-select-list .list-option .box-options .box-option .flag {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 8px;
}
header .header-top .header-menu .custom-select-list .list-option .box-options .box-option .flag .active {
  color: #111c1c;
}
header .header-top .header-menu .custom-select-list .list-option .box-options .box-option p,
header .header-top .header-menu .custom-select-list .list-option .box-options .box-option a {
  font-size: 14px;
  font-weight: 600;
  color: #9fa3a4;
  line-height: 24px;
  padding-top: 2px;
}
header .header-top .header-menu .custom-select-list .list-option .box-options .box-option:hover {
  background-color: #fff;
}
header .header-top .header-menu .custom-select-list .list-option .box-options .box-option:hover p,
header .header-top .header-menu .custom-select-list .list-option .box-options .box-option:hover a {
  color: #111c1c;
}
header .header-top .header-menu .custom-select-list .list-option .box-options .box-option img {
  width: 20px;
  height: 20px;
}
header .header-top .header-menu .custom-select-list .list-option .box-options .box-option .icon-arr-up {
  margin-left: auto;
}
header .header-top .header-menu .custom-select-list .list-option .box-options .box-option .icon-arr-up svg {
  color: #111c1c;
}
header .header-top .header-menu .accounts-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
header .header-top .header-menu .wishlist {
  position: relative;
  width: 20px;
  height: 18px;
  -webkit-mask-image: url(/assetfiles/img/tabledusudv4/svgs/wishlist-ipfv3.svg#wishlist-obj-ipfv3);
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/wishlist-ipfv3.svg#wishlist-obj-ipfv3);
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #ffffff;
  transition: all 0.35s ease-in-out;
}
header .header-top .header-menu .wishlist:hover {
  background-color: #e4b760;
}
header .header-top .header-menu .calendar {
  position: relative;
  width: 20px;
  height: 20px;
}
header .header-top .header-menu .calendar svg {
  color: #ffffff;
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  transition: all 0.35s ease-out;
}
header .header-top .header-menu .calendar:hover svg {
  color: #e4b760;
}
header .header-top .header-menu .appointment-button {
  position: relative;
}
header .header-top .header-menu .account {
  position: relative;
  width: 18px;
  height: 22px;
  cursor: pointer;
}
header .header-top .header-menu .account.rollover:hover .account-menu {
  opacity: 1;
  visibility: visible;
}
header .header-top .header-menu .account.rollover:hover .icon-account2 svg {
  color: #e4b760;
}
header .header-top .header-menu .account.active .account-menu {
  opacity: 1;
  visibility: visible;
}
header .header-top .header-menu .account.active .icon-account2 svg {
  color: #e4b760;
}
header .header-top .header-menu .account.logged-in .icon-account2 svg {
  color: #e4b760;
}
header .header-top .header-menu .account.logged-in .account-menu-block {
  display: block;
}
header .header-top .header-menu .account.disabled {
  cursor: default;
  opacity: 0.7;
}
header .header-top .header-menu .account .icon-account2 {
  width: 18px;
  height: 22px;
  opacity: 1;
  position: relative;
}
header .header-top .header-menu .account .icon-account2 svg {
  color: #ffffff;
  position: absolute;
  top: 0;
  width: 18px;
  height: 22px;
  transition: all 0.3s ease-out;
}
header .header-top .header-menu .account .account-menu-block {
  position: absolute;
  width: 48px;
  height: 28px;
  top: 22px;
  right: -12px;
  z-index: 5;
  display: none;
}
header .header-top .header-menu .account .account-menu {
  position: absolute;
  background: #ffffff;
  width: 216px;
  height: auto;
  right: -44px;
  top: 16px;
  filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.05));
  border-radius: 5px;
  transition: all 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
}
header .header-top .header-menu .account .account-menu:after {
  content: " ";
  position: absolute;
  top: -8px;
  right: 60px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
}
header .header-top .header-menu .account .account-menu .account-boxs {
  padding: 24px;
  display: flex;
  flex-flow: row wrap;
}
header .header-top .header-menu .account .account-menu .account-boxs .account-box {
  margin-bottom: 14px;
}
header .header-top .header-menu .account .account-menu .account-boxs .account-box:last-child {
  margin-bottom: 0px;
}
header .header-top .header-menu .account .account-menu .account-boxs .account-box:last-child .account-item {
  margin-bottom: 0px;
}
header .header-top .header-menu .account .account-menu .account-boxs .account-box .account-item {
  display: flex;
  height: 18px;
  align-items: center;
  margin-bottom: 22px;
  transition: all 0.3s ease-out;
}
header .header-top .header-menu .account .account-menu .account-boxs .account-box .account-item.color-fading p {
  color: #a0a4a4;
}
header .header-top .header-menu .account .account-menu .account-boxs .account-box .account-item.color-fading .ico-box .ico {
  background-color: #a0a4a4;
}
header .header-top .header-menu .account .account-menu .account-boxs .account-box .account-item .ico-box {
  width: 30px;
  height: 18px;
  position: relative;
}
header .header-top .header-menu .account .account-menu .account-boxs .account-box .account-item .ico-box .ico {
  background-color: #000000;
  transition: all 0.3s ease-out;
}
header .header-top .header-menu .account .account-menu .account-boxs .account-box .account-item p,
header .header-top .header-menu .account .account-menu .account-boxs .account-box .account-item a {
  color: #111c1c;
  font-weight: 500;
  font-size: 14px;
  transition: all 0.3s ease-out;
}
header .header-top .header-menu .cart {
  position: relative;
  width: 22px;
  height: 18px;
}
header .header-top .header-menu .cart .icon2 {
  width: 22px;
  height: 18px;
  opacity: 1;
  position: relative;
}
header .header-top .header-menu .cart .icon2 svg {
  color: #ffffff;
  position: absolute;
  top: 0;
  width: 22px;
  height: 18px;
  transition: all 0.3s ease-out;
}
header .header-top .header-menu .cart:hover .icon2 svg {
  color: #e4b760;
}
header .header-top .header-menu .cart.active:before {
  content: "";
  position: absolute;
  right: -4px;
  top: -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #e4b760;
  border: solid 2px #000000;
  z-index: 2;
}
header .header-top .header-menu .cart.active::before {
  content: attr(data-count-item);
  border: solid 1px #e4b760;
  display: flex;
  padding: 2px 4px;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
  background: #e4b760;
  font-size: 8px;
  font-weight: 600;
  color: #fff;
  width: fit-content;
}
header .header-top .header-menu svg {
  position: absolute;
  top: 0;
  color: #ffffff;
  transition: all 0.3s ease-out;
}
header .header-top .header-mobile {
  position: absolute;
  left: 0px;
  z-index: 6;
  display: flex;
  cursor: pointer;
  align-items: center;
}
header .header-top .header-mobile:hover .menu-txt p {
  font-size: 14px;
  color: #e4b760;
}
header .header-top .header-mobile:hover .hamburger-menu svg {
  color: #e4b760;
}
header .header-top .header-mobile:hover .hamburger-menu span {
  background: #e4b760;
}
header .header-top .header-mobile .menu-txt {
  padding: 0px 16px;
}
header .header-top .header-mobile .menu-txt p {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
}
header .header-top .header-mobile .hamburger-menu {
  width: 16px;
  height: 16px;
  position: relative;
  cursor: pointer;
}
header .header-top .header-mobile .hamburger-menu svg {
  color: #ffffff;
  position: absolute;
  top: 0;
  width: 16px;
  height: 16px;
}
header .header-top .header-mobile .hamburger-menu span {
  display: block;
  position: absolute;
  height: 2px;
  width: 14px;
  background: #ffffff;
  left: 0;
  transition: 0.25s ease-in-out;
}
header .header-top .header-mobile .hamburger-menu span:nth-child(1) {
  top: 0px;
}
header .header-top .header-mobile .hamburger-menu span:nth-child(2) {
  top: 6px;
  left: 2px;
}
header .header-top .header-mobile .hamburger-menu span:nth-child(3) {
  top: 12px;
}
header .header-top .close-bt-configuration {
  display: none;
}
header .header-fade {
  position: fixed;
  z-index: 5;
  width: 100%;
  height: 100%;
  left: 0px;
  bottom: 0px;
  background-color: rgba(17, 28, 28, 0.25);
  display: none;
  opacity: 0;
}
header .header-fade.anim {
  display: block;
}
header .header-fade.active {
  opacity: 1;
  display: block;
}

@media screen and (max-width: 1680px) {
  header.header-3d-configuration .header-top .header-top-container {
    max-width: calc(100% - 128px);
  }
}
@media screen and (max-width: 1479px) {
  header .header-top .header-top-container {
    max-width: 1160px;
  }
}
@media screen and (max-width: 1366px) {
  header.header-3d-configuration .header-nav .select-lang {
    display: flex;
  }
  header .header-nav .select-lang {
    display: flex;
  }
  header .header-top .header-menu {
    width: 100px;
  }
  header .header-top .header-menu .custom-select-list {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  header .header-top .header-top-container {
    max-width: 960px;
  }
  header .header-top .header-menu {
    width: 100px;
  }
  header .header-top .header-menu span {
    display: none;
  }
}
@media screen and (max-width: 1112px) {
  header.header-home .header-bottom .quick-nav, header.header-cart .header-bottom .quick-nav {
    gap: 24px;
  }
  header.header-home .header-bottom .nav-item:nth-last-child(-n+3), header.header-cart .header-bottom .nav-item:nth-last-child(-n+3) {
    display: none;
  }
  header.header-3d-configuration .header-top .header-top-container {
    max-width: calc(100% - 68px);
  }
  header.header-3d-configuration .header-top .header-mobile .hamburger-menu {
    margin-top: 2px;
  }
  header.header-3d-configuration .header-top .header-mobile .menu-txt {
    padding: 0px 12px;
  }
  header.header-3d-configuration .header-top .close-bt-configuration p {
    font-size: 12px;
    padding: 0px 11px;
    line-height: 12px;
  }
}
@media screen and (max-width: 991px) {
  header .header-top .header-mobile {
    left: 40px;
  }
  header .header-top .header-menu {
    right: 40px;
  }
  header .header-top .header-menu-left {
    left: 138px;
  }
  header.header-3d-configuration .header-top .header-mobile {
    left: 40px;
  }
}
@media screen and (max-width: 834px) {
  header {
    padding: 0;
  }
  header.header-3d-configuration .header-top .header-top-container {
    max-width: 960px;
  }
  header.header-3d-configuration .header-top .header-menu-left {
    left: 138px;
  }
  header.header-3d-configuration .header-top .close-bt-configuration p {
    font-size: 14px;
    padding: 0px 16px;
    line-height: 18px;
  }
  header .header-top .header-logo {
    left: 50%;
  }
  header .header-top .header-menu {
    right: 64px;
    width: 92px;
  }
  header .header-top .header-menu .account-menu {
    top: 52px;
    left: -80px;
  }
  header .header-top .header-menu .account .account-menu {
    left: -122px;
  }
  header .header-top .header-menu-left {
    left: 156px;
  }
  header .header-top .header-menu-left .search {
    top: -1px;
  }
  header .header-top .header-menu-left a p {
    font-size: 14px;
  }
  header .header-top .header-mobile {
    display: flex;
    left: 64px;
  }
  header .header-top .header-mobile .menu-txt p {
    font-size: 14px;
    line-height: 20px;
  }
  header .header-nav {
    left: -414px;
    width: 100%;
    max-width: 414px;
  }
  header .header-nav .header-nav-main {
    padding-top: 160px;
  }
  header .header-nav .header-nav-main .nav-main li {
    padding: 0px 64px;
  }
  header .header-nav .header-nav-main .nav-main li.underline .main-txt.active:after {
    top: 282px;
    width: calc(100% - 192px);
  }
  header .header-nav .header-nav-main .nav-main .child-container {
    left: -414px;
    width: 414px;
  }
  header .header-nav .header-nav-main .nav-main .child-container .bt-back {
    left: 64px;
  }
  header .header-nav .header-nav-main .nav-main .nav-child {
    left: -414px;
    width: 100%;
    max-width: 414px;
  }
  header .header-nav .header-nav-main .nav-main .nav-fixed-menu {
    padding-left: 64px;
  }
  header .header-nav .closelight-bt {
    left: 64px;
  }
  header .header-nav .closelight-bt p {
    font-size: 14px;
  }
  header .header-nav .custom-select-list {
    width: 150px;
  }
  header .header-nav .bg-pattern {
    bottom: -44px;
    transform: translate(-128px, 0px);
  }
  header .header-nav .bg-pattern .icon-bg svg {
    transform: scale(0.82);
  }
  header .header-nav .nav-bg {
    top: 234px;
  }
}
@media screen and (min-width: 691px) and (max-width: 900px) and (orientation: landscape) {
  header {
    padding: 0;
    height: auto;
  }
  header.header-3d-new-configuration .header-top {
    height: 60px;
  }
  header.header-3d-new-configuration .header-top .header-top-container {
    max-width: 960px;
  }
  header.header-3d-new-configuration .header-top .header-menu-left {
    left: 138px;
  }
  header.header-3d-new-configuration .header-top .close-bt-configuration p {
    font-size: 14px;
    padding: 0px 16px;
    line-height: 18px;
  }
  header.header-3d-new-configuration .header-top .header-logo {
    top: unset;
    left: 50%;
  }
  header.header-3d-new-configuration .header-top .header-logo .logo-box .logo-pc {
    display: none;
  }
  header.header-3d-new-configuration .header-top .header-logo .logo-box .logo-mobile {
    display: block;
  }
  header.header-3d-new-configuration .header-top .header-logo .logo-box .logo-mobile svg {
    width: 43px;
    height: 43px;
  }
  header.header-3d-new-configuration .header-top .header-logo .logo-box .logo-mobile svg use {
    transform: scale(0.88);
  }
  header.header-3d-new-configuration .header-top .header-logo .logo-box .logo-mobile .icon-logo-bg {
    width: 42px;
    height: 42px;
  }
  header.header-3d-new-configuration .header-top .header-mobile {
    left: 32px;
    top: unset;
  }
  header.header-3d-new-configuration .header-top .header-menu {
    right: 32px;
    top: unset;
    width: 100px;
  }
  header.header-3d-new-configuration .header-top .header-menu-left {
    top: unset;
    left: 124px;
  }
  header.header-3d-new-configuration .header-top .header-menu-left a p {
    display: none;
  }
  header.header-3d-new-configuration.active {
    height: 60px;
    margin-top: 0px;
  }
  header.header-3d-new-configuration.active .header-top .header-logo {
    transform: translate(-22px, 0px);
    height: 42px;
  }
  header.header-3d-new-configuration.active .header-top .header-logo .logo-box span.logo img {
    width: 50px;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  header {
    padding: 0;
    height: auto;
  }
  header .header-top {
    height: 60px;
  }
  header.active {
    height: 60px;
    margin-top: 0px;
  }
  header.active .header-top .header-logo {
    transform: translate(-22px, 0px);
    height: 42px;
  }
  header.active .header-top .header-logo .logo-box span.logo img {
    width: 50px;
    height: auto;
  }
  header.menu-hide {
    top: -60px;
  }
  header.show-only-logo {
    height: 60px;
    margin-top: 0px;
  }
  header.full-height {
    height: 100%;
  }
  header.header-home, header.header-cart {
    height: 108px;
  }
  header.header-home.full-height, header.header-cart.full-height {
    height: auto;
  }
  header.header-home.menu-hide, header.header-cart.menu-hide {
    top: -108px;
  }
  header.header-home .header-top, header.header-cart .header-top {
    height: 60px;
  }
  header.header-home .header-top .header-logo .logo-box .logo-mobile svg, header.header-cart .header-top .header-logo .logo-box .logo-mobile svg {
    width: 40px;
    height: 40px;
  }
  header.header-home .header-top .header-logo .logo-box .logo-mobile svg use, header.header-cart .header-top .header-logo .logo-box .logo-mobile svg use {
    transform: scale(1.92);
  }
  header.header-home .header-top .header-logo .logo-box .logo-mobile .icon-logo-bg, header.header-cart .header-top .header-logo .logo-box .logo-mobile .icon-logo-bg {
    width: 40px;
    height: 40px;
  }
  header.header-home .header-bottom, header.header-cart .header-bottom {
    padding: 0 28px;
  }
  header.header-home .header-bottom .view-more, header.header-cart .header-bottom .view-more {
    padding-right: 6px;
  }
  header.header-home .header-bottom .quick-nav, header.header-cart .header-bottom .quick-nav {
    margin-right: 20px;
    gap: 24px;
  }
  header.header-home .header-bottom .quick-nav .nav-item, header.header-cart .header-bottom .quick-nav .nav-item {
    padding: 0 6px;
  }
  header.header-home .header-bottom .quick-nav .nav-item .inner-nav, header.header-cart .header-bottom .quick-nav .nav-item .inner-nav {
    display: none;
  }
  header.header-home .header-bottom .quick-nav .nav-item .inner-nav .inner-item.hide-mobile, header.header-cart .header-bottom .quick-nav .nav-item .inner-nav .inner-item.hide-mobile {
    display: none;
  }
  header.header-home .header-bottom .quick-nav .nav-item.active .inner-nav, header.header-cart .header-bottom .quick-nav .nav-item.active .inner-nav {
    display: inline-block;
  }
  header.header-home .right-button.fixed .view-more, header.header-cart .right-button.fixed .view-more {
    padding-right: 34px;
  }
  header .header-category .full-height {
    height: 100%;
  }
  header.header-collaborate.fixed .header-top {
    height: 100px;
  }
  header.header-3d-configuration.fixed .header-top {
    background-color: #ffffff;
    height: 80px;
  }
  header.header-3d-configuration .header-top .header-mobile {
    left: 32px;
  }
  header.header-3d-configuration .header-top .header-mobile .menu-txt {
    margin-top: 0px;
    padding: 0px 16px;
  }
  header.header-3d-configuration .header-top .header-mobile .menu-txt p {
    font-size: 14px;
    line-height: 20px;
  }
  header.header-3d-configuration .header-top .header-mobile .hamburger-menu {
    margin-top: 0px;
  }
  header.header-3d-configuration .header-top .header-menu-left {
    left: 124px;
  }
  header.header-3d-configuration .header-top .close-bt-configuration {
    right: 32px;
    top: 46px;
    z-index: 4;
  }
  header.header-3d-configuration .header-top .close-bt-configuration p {
    font-size: 12px;
    padding: 0px 14px;
    line-height: 14px;
  }
  header.header-showroom .header-top .header-logo .logo-box .logo-mobile svg, header.header-how-it-made .header-top .header-logo .logo-box .logo-mobile svg, header.header-interior-advise .header-top .header-logo .logo-box .logo-mobile svg, header.header-overview-layout-3 .header-top .header-logo .logo-box .logo-mobile svg, header.header-detail-layout-5 .header-top .header-logo .logo-box .logo-mobile svg, header.header-interior-advise-form .header-top .header-logo .logo-box .logo-mobile svg, header.header-absolute .header-top .header-logo .logo-box .logo-mobile svg {
    width: 48px;
    height: 48px;
  }
  header.header-showroom .header-top .header-logo .logo-box .logo-mobile svg use, header.header-how-it-made .header-top .header-logo .logo-box .logo-mobile svg use, header.header-interior-advise .header-top .header-logo .logo-box .logo-mobile svg use, header.header-overview-layout-3 .header-top .header-logo .logo-box .logo-mobile svg use, header.header-detail-layout-5 .header-top .header-logo .logo-box .logo-mobile svg use, header.header-interior-advise-form .header-top .header-logo .logo-box .logo-mobile svg use, header.header-absolute .header-top .header-logo .logo-box .logo-mobile svg use {
    transform: scale(1);
  }
  header.header-showroom .header-top .header-logo .logo-box .logo-mobile .icon-logo-bg, header.header-how-it-made .header-top .header-logo .logo-box .logo-mobile .icon-logo-bg, header.header-interior-advise .header-top .header-logo .logo-box .logo-mobile .icon-logo-bg, header.header-overview-layout-3 .header-top .header-logo .logo-box .logo-mobile .icon-logo-bg, header.header-detail-layout-5 .header-top .header-logo .logo-box .logo-mobile .icon-logo-bg, header.header-interior-advise-form .header-top .header-logo .logo-box .logo-mobile .icon-logo-bg, header.header-absolute .header-top .header-logo .logo-box .logo-mobile .icon-logo-bg {
    width: 42px;
    height: 42px;
  }
  header.fixed:not(.header-home) .header-top, header.fixed:not(.header-cart) .header-top {
    height: 60px;
  }
  header.fixed:not(.header-home) .header-top .header-logo .logo-box .logo-mobile svg, header.fixed:not(.header-cart) .header-top .header-logo .logo-box .logo-mobile svg {
    width: 43px;
    height: 43px;
  }
  header.fixed:not(.header-home) .header-top .header-logo .logo-box .logo-mobile svg use, header.fixed:not(.header-cart) .header-top .header-logo .logo-box .logo-mobile svg use {
    transform: scale(0.88);
  }
  header.fixed:not(.header-home) .header-top .header-logo .logo-box .logo-mobile .icon-logo-bg, header.fixed:not(.header-cart) .header-top .header-logo .logo-box .logo-mobile .icon-logo-bg {
    width: 42px;
    height: 42px;
  }
  header .header-top .header-logo {
    top: unset;
    left: 50%;
  }
  header .header-top .header-logo .logo-box .logo-pc {
    display: none;
  }
  header .header-top .header-logo .logo-box .logo-mobile {
    display: block;
    max-width: 40px;
  }
  header .header-top .header-logo .logo-box .logo-mobile svg {
    width: 43px;
    height: 43px;
  }
  header .header-top .header-logo .logo-box .logo-mobile svg use {
    transform: scale(0.88);
  }
  header .header-top .header-logo .logo-box .logo-mobile .icon-logo-bg {
    width: 42px;
    height: 42px;
  }
  header .header-top .header-mobile {
    left: 32px;
    top: unset;
  }
  header .header-top .header-menu {
    right: 32px;
    top: unset;
    width: 100px;
  }
  header .header-top .header-menu-left {
    top: unset;
    left: 124px;
  }
  header .header-top .header-menu-left a p {
    display: none;
  }
  header .header-nav .header-nav-main {
    padding-top: 130px;
  }
  header .header-nav .header-nav-main .nav-main-box {
    max-height: calc(100vh - 130px);
    min-height: calc(100vh - 130px);
  }
  header .header-nav .header-nav-main .nav-main.category li {
    margin-bottom: 20px;
  }
  header .header-nav .header-nav-main .nav-main li {
    padding: 0px 64px;
    margin-bottom: 20px;
  }
  header .header-nav .header-nav-main .nav-main li.underline .main-txt.active:after {
    top: 222px;
    width: calc(100% - 128px);
  }
  header .header-nav .header-nav-main .nav-main .child-container .bt-back {
    left: 64px;
    top: 52px;
  }
  header .header-nav .closelight-bt {
    left: 32px;
    top: 46px;
  }
  header .header-nav .select-lang {
    left: 318px;
    top: 46px;
  }
  header .header-nav .bg-pattern {
    bottom: 14px;
    transform: translate(-174px, 0px);
  }
  header .header-nav .bg-pattern .icon-bg {
    width: 98px;
    height: 98px;
  }
  header .header-nav .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
  header .header-nav .nav-bg {
    top: 128px;
  }
}
@media screen and (max-width: 479px) {
  header .header-nav {
    width: 100%;
  }
  header .header-nav .header-nav-main {
    padding-top: 120px;
  }
  header .header-nav .header-nav-main .nav-main-box {
    max-height: calc(100vh - 120px);
    min-height: calc(100vh - 120px);
  }
  header .header-nav .header-nav-main .nav-main li a {
    font-size: 16px;
    line-height: 18px;
  }
  header .header-nav .nav-fixed-menu {
    padding-top: 16px;
  }
}
@media screen and (max-width: 410px) {
  header .header-nav {
    width: 100%;
  }
  header .header-nav .select-lang {
    left: auto;
    right: 32px;
  }
  header .header-top .header-menu-left {
    left: 118px;
  }
  header.header-3d-configuration .header-top .header-menu-left {
    left: 118px;
  }
}
@media screen and (max-width: 360px) {
  header .header-top .header-mobile {
    left: 16px;
  }
  header .header-top .header-menu-left {
    left: 102px;
  }
  header .header-top .header-menu {
    right: 16px;
    width: 110px;
  }
  header .header-top .header-menu .account .account-menu:after {
    top: -8px;
    right: 48px;
  }
  header .header-top .header-menu .account .account-menu {
    left: -134px;
  }
  header.header-3d-configuration .header-top .header-menu-left {
    left: 118px;
  }
}
@media (hover: hover) and (pointer: fine) {
  header.header-home .header-bottom .quick-nav .nav-item .inner-nav, header.header-cart .header-bottom .quick-nav .nav-item .inner-nav {
    opacity: 0;
    visibility: hidden;
    display: inline-block;
  }
  header.header-home .header-bottom .quick-nav .nav-item .icon-arr-down, header.header-cart .header-bottom .quick-nav .nav-item .icon-arr-down {
    display: inline-block;
  }
  header.header-home .header-bottom .quick-nav .nav-item .icon-arr-down-bg, header.header-cart .header-bottom .quick-nav .nav-item .icon-arr-down-bg {
    display: inline-block;
  }
  header.header-home .header-bottom .quick-nav .nav-item:hover, header.header-cart .header-bottom .quick-nav .nav-item:hover {
    color: #e4b760;
  }
  header.header-home .header-bottom .quick-nav .nav-item:hover .icon-arr-down svg, header.header-cart .header-bottom .quick-nav .nav-item:hover .icon-arr-down svg {
    color: #e4b760;
  }
  header.header-home .header-bottom .quick-nav .nav-item:hover .icon-arr-down-bg, header.header-cart .header-bottom .quick-nav .nav-item:hover .icon-arr-down-bg {
    background-color: #e4b760;
  }
  header.header-home .header-bottom .quick-nav .nav-item:hover .inner-nav, header.header-cart .header-bottom .quick-nav .nav-item:hover .inner-nav {
    opacity: 1;
    visibility: visible;
    display: inline-block;
  }
  header.header-home .header-bottom .quick-nav .nav-item:hover > a, header.header-cart .header-bottom .quick-nav .nav-item:hover > a {
    color: #e4b760;
  }
  header.header-home .header-bottom .right-button .view-more:hover p, header.header-cart .header-bottom .right-button .view-more:hover p {
    color: #e4b760;
  }
  header.header-home .header-bottom .right-button .view-more:hover .icon-arr-right svg, header.header-cart .header-bottom .right-button .view-more:hover .icon-arr-right svg {
    color: #e4b760;
  }
}
.side-menu {
  position: relative;
  z-index: 2;
}
.side-menu ul {
  position: absolute;
  padding-left: 124px;
  padding-right: 0;
  width: 100%;
  position: absolute;
  left: -478px;
  transition: all ease-in-out 0.5s;
  opacity: 0;
}
.side-menu ul.active {
  left: 0;
  opacity: 1;
}
.side-menu ul.swap li {
  opacity: 0.4;
}
.side-menu ul.swap li.active {
  opacity: 1;
}
.side-menu ul li {
  transition: all ease-in-out 0.35s;
  padding: 10px 0;
  display: flex;
  align-items: center;
}
.side-menu ul li.back {
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  margin-bottom: 24px;
}
.side-menu ul li.back svg {
  margin-left: 0;
  margin-right: 16px;
}
.side-menu ul li:hover {
  opacity: 1 !important;
}
.side-menu ul li:hover svg {
  animation: menuNext 1s linear forwards;
}
.side-menu ul li.hl a, .side-menu ul li.hl svg {
  color: #e4b760;
}
.side-menu ul li a {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.side-menu ul li svg {
  width: 7px;
  height: 9px;
  color: #111c1c;
  margin-left: 16px;
  position: relative;
  cursor: pointer;
}

@media screen and (max-width: 834px) {
  .side-menu ul {
    padding-left: 64px;
  }
  .side-menu .nav-fixed-menu {
    padding-left: 64px !important;
  }
}
@media screen and (max-width: 834px) {
  .side-menu ul {
    padding-left: 64px;
  }
}
@media screen and (max-width: 479px) {
  .side-menu ul li a {
    font-size: 16px;
    line-height: 18px;
  }
}
footer:not(.v2) {
  position: relative;
  min-height: 644px;
  margin: 0 auto;
  background: #111c1c;
  z-index: 4;
  display: none;
}
footer:not(.v2).show {
  display: block;
}
body:has(.product-recommendation-page) footer:not(.v2) {
  display: none;
}
footer:not(.v2).disable {
  display: none;
}
footer:not(.v2).disable-on-cart-page {
  min-height: unset;
}
footer:not(.v2).disable-on-cart-page > .container {
  display: none;
}
footer:not(.v2).simple {
  min-height: 0;
}
footer:not(.v2).simple .links {
  display: none;
}
footer:not(.v2) .footer-menu {
  min-height: 540px;
  padding: 62px 0px 38px;
  display: flex;
  flex-flow: row wrap;
}
footer:not(.v2) .footer-menu .footer-column:first-child {
  width: 43%;
  border-right: solid 1px rgba(255, 255, 255, 0.1);
}
footer:not(.v2) .footer-menu .footer-column:last-child {
  width: 57%;
  padding-left: 40px;
}
footer:not(.v2) .footer-menu .footer-column:last-child .footer-boxs .footer-box {
  width: 25%;
}
footer:not(.v2) .footer-menu .footer-column:last-child .footer-boxs .footer-box:nth-child(1) {
  padding-top: 18px;
}
footer:not(.v2) .footer-menu .footer-column:last-child .footer-boxs .footer-box:nth-child(2) {
  padding-top: 72px;
}
footer:not(.v2) .footer-menu .footer-column:last-child .footer-boxs .footer-box:nth-child(3) {
  padding-top: 72px;
}
footer:not(.v2) .footer-menu .footer-column:last-child .footer-boxs .footer-box:nth-child(4) {
  padding-top: 72px;
}
footer:not(.v2) .footer-menu .footer-column .box-trustpilot {
  width: 174px;
}
footer:not(.v2) .footer-menu .footer-column .box-trustpilot .trustpilot-widget iframe {
  padding-top: 24px;
}
footer:not(.v2) .footer-menu .footer-boxs {
  width: 100%;
  position: relative;
  display: inline-block;
  height: auto;
  --padding-right: 16px;
}
footer:not(.v2) .footer-menu .footer-boxs .footer-box {
  display: inline-block;
  float: left;
  padding-top: 18px;
  padding-right: var(--padding-right);
  margin-bottom: 44px;
}
footer:not(.v2) .footer-menu .footer-boxs .footer-box:nth-child(1) {
  width: 29%;
}
footer:not(.v2) .footer-menu .footer-boxs .footer-box:nth-child(2) {
  width: 28%;
}
footer:not(.v2) .footer-menu .footer-boxs .footer-box:nth-child(3) {
  width: calc(43% - var(--padding-right) * 4);
}
footer:not(.v2) .footer-menu .footer-boxs .footer-box:nth-child(4) {
  width: 29%;
}
footer:not(.v2) .footer-menu .footer-boxs .footer-box:nth-child(5) {
  width: 71%;
}
footer:not(.v2) .footer-menu .footer-boxs .footer-box:nth-of-type(n + 4) {
  margin-bottom: 0px;
}
footer:not(.v2) .footer-menu .footer-boxs .footer-box.box-long {
  width: calc(71% - var(--padding-right));
  max-width: 390px;
  padding-left: 8px;
}
footer:not(.v2) .footer-menu .head {
  margin-bottom: 24px;
}
footer:not(.v2) .footer-menu .head p {
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
}
footer:not(.v2) .footer-menu .subhead p {
  transition: all 0.3s ease-out;
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
}
footer:not(.v2) .footer-menu .detail.white p,
footer:not(.v2) .footer-menu .detail.white span {
  color: #ffffff;
  font-size: 12px;
}
footer:not(.v2) .footer-menu .detail p,
footer:not(.v2) .footer-menu .detail span {
  transition: all 0.3s ease-out;
  color: #888d8d;
  font-size: 13px;
  line-height: 28px;
}
footer:not(.v2) .footer-menu .detail span {
  line-height: 28px;
  display: block;
}
footer:not(.v2) .footer-menu .detail:hover p {
  color: #ffffff;
}
footer:not(.v2) .footer-menu .box-bt {
  height: 50px;
  overflow: hidden;
  border-radius: 50px;
  position: relative;
  margin-bottom: 14px;
}
footer:not(.v2) .footer-menu .box-console {
  position: absolute;
  width: 100%;
  top: 48px;
}
footer:not(.v2) .footer-menu .box-console .console-txt {
  position: absolute;
  left: 50%;
  top: 5px;
  transform: translate(-50%, 0px);
}
footer:not(.v2) .footer-menu .box-console .console-txt.error {
  font-size: 14px;
  color: red;
  display: none;
}
footer:not(.v2) .footer-menu .mailing-list-subscribe {
  position: relative;
}
footer:not(.v2) .footer-menu .mailing-list-subscribe .box-bt.success {
  display: none;
}
footer:not(.v2) .footer-menu .mailing-list-subscribe.success .box-bt.normal {
  display: none;
}
footer:not(.v2) .footer-menu .mailing-list-subscribe.success .box-bt.success {
  display: block;
}
footer:not(.v2) .footer-menu .mailing-list-subscribe.success .box-bt.success input[type=email] {
  width: 95%;
}
footer:not(.v2) .footer-menu .mailing-list-subscribe.success .box-bt.success .news-bt {
  width: 50px;
  background-color: #000;
  border: 2px solid #fff;
}
footer:not(.v2) .footer-menu .mailing-list-subscribe.success .box-bt.success .news-bt .icon-checked {
  background: #fff;
  margin: 0 auto;
}
footer:not(.v2) .footer-menu .mailing-list-subscribe.success .box-bt.success ::placeholder {
  color: #111c1c;
}
footer:not(.v2) .footer-menu .mailing-list-subscribe.success .box-bt.success :-ms-input-placeholder {
  color: #111c1c;
}
footer:not(.v2) .footer-menu .mailing-list-subscribe.success .box-bt.success ::-ms-input-placeholder {
  color: #111c1c;
}
footer:not(.v2) .footer-menu .mailing-list-subscribe.error .box-console .console-txt.error {
  display: block;
}
footer:not(.v2) .footer-menu .mailing-list-subscribe.ac-subscribed .news-bt {
  position: relative;
  padding: 0 12px;
  min-width: 204px;
  width: auto;
  max-width: 100%;
}
footer:not(.v2) .footer-menu .mailing-list-subscribe.ac-subscribed.success .box-bt.success .news-bt {
  width: auto;
  border: none;
}
footer:not(.v2) .footer-menu .label-txt {
  margin-top: 16px;
  padding-bottom: 4px;
}
footer:not(.v2) .footer-menu .label-txt p {
  transition: all 0.3s ease-out;
  color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
  line-height: 20px;
}
footer:not(.v2) .footer-menu .remark-txt {
  font-size: 11px;
  line-height: 16px;
  color: #ffffff;
}
footer:not(.v2) .footer-menu .remark-txt:hover a {
  text-decoration: underline;
}
footer:not(.v2) .footer-menu .social-box {
  display: flex;
  flex-flow: row wrap;
  padding-top: 8px;
}
footer:not(.v2) .footer-menu .social-box .social-nav {
  padding-right: 16px;
  margin-bottom: 8px;
}
footer:not(.v2) .footer-menu .social-box .social-nav:last-child {
  padding-right: 0px;
}
footer:not(.v2) .footer-menu .set-bt-route {
  margin-top: 8px;
}
footer:not(.v2) .footer-menu .set-bt-route a {
  font-size: 13px;
  line-height: 20px;
}
footer:not(.v2) .footer-copyright {
  background: #ffffff;
}
footer:not(.v2) .footer-copyright .copyright-box {
  min-height: 114px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer:not(.v2) .footer-copyright .copy-txt {
  color: #111c1c;
  font-size: 13px;
}
footer:not(.v2) .footer-copyright .payment-list {
  width: fit-content;
  margin: 0px -12px;
}
footer:not(.v2) .footer-copyright .payment-list .payment-item {
  display: inline-block;
  float: left;
  padding-left: 12px;
}
footer:not(.v2) .footer-copyright .payment-list .payment-item:first-child {
  padding-left: 0;
}
footer:not(.v2) .copyright-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
footer:not(.v2) .footer-run-on {
  line-height: 70px;
  margin-left: 60px;
}
footer:not(.v2) .footer-run-on a:hover {
  text-decoration: none;
}
footer:not(.v2) .footer-run-on a:hover .run-on-block .run-on-logo .logo-colengo {
  filter: grayscale(0%);
}
footer:not(.v2) .footer-run-on a .run-on-block {
  text-align: center;
}
footer:not(.v2) .footer-run-on a .run-on-block .run-on-logo {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  margin: 0px 4px 0px 4px;
}
footer:not(.v2) .footer-run-on a .run-on-block .run-on-logo .logo-colengo {
  width: 16px;
  height: 16px;
  filter: grayscale(100%);
  transition: all 0.3s ease-out;
  position: absolute;
  left: 0px;
  top: 4px;
}
footer:not(.v2) .footer-run-on a .run-on-block .run-on-txt-1 {
  font-size: 12px;
  color: rgba(35, 35, 35, 0.5);
}
footer:not(.v2) .footer-run-on a .run-on-block .run-on-txt-2 {
  font-size: 11px;
  color: #353535;
  font-weight: 700;
}

@media screen and (max-width: 1200px) {
  footer:not(.v2) .footer-menu .footer-column:last-child {
    padding-left: 20px;
  }
  footer:not(.v2) .footer-menu .social-box .social-nav {
    padding-right: 8px;
  }
  footer:not(.v2) .footer-menu .footer-boxs .footer-box.box-long {
    padding-left: 16px;
  }
}
@media screen and (max-width: 1024px) {
  footer:not(.v2) .container {
    max-width: 100%;
    padding: 0px 64px;
  }
  footer:not(.v2) .footer-menu {
    padding: 80px 0px;
  }
  footer:not(.v2) .footer-menu .label-txt {
    margin-top: 8px;
  }
  footer:not(.v2) .footer-menu .footer-column {
    padding-left: 64px;
    padding-right: 42px;
  }
  footer:not(.v2) .footer-menu .footer-column:first-child {
    width: 100%;
    border: none;
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    padding-bottom: 48px;
    margin-bottom: 48px;
  }
  footer:not(.v2) .footer-menu .footer-column:first-child .footer-boxs .footer-box {
    padding-top: 0px;
    margin-bottom: 32px;
  }
  footer:not(.v2) .footer-menu .footer-column:first-child .footer-boxs .footer-box:nth-child(1) {
    width: 35%;
  }
  footer:not(.v2) .footer-menu .footer-column:first-child .footer-boxs .footer-box:nth-child(2) {
    width: 34%;
  }
  footer:not(.v2) .footer-menu .footer-column:first-child .footer-boxs .footer-box:nth-child(3) {
    width: 31%;
  }
  footer:not(.v2) .footer-menu .footer-column:first-child .footer-boxs .footer-box:nth-child(4) {
    width: 35%;
    margin-bottom: 0px;
  }
  footer:not(.v2) .footer-menu .footer-column:first-child .footer-boxs .footer-box:nth-child(5) {
    width: 65%;
    padding: 0px;
    margin-bottom: 0px;
  }
  footer:not(.v2) .footer-menu .footer-column:last-child {
    width: 100%;
    padding-left: 64px;
    padding-right: 42px;
  }
  footer:not(.v2) .footer-menu .footer-column:last-child .footer-boxs .footer-box {
    width: 50%;
    margin-bottom: 24px;
  }
  footer:not(.v2) .footer-menu .footer-column:last-child .footer-boxs .footer-box:nth-child(1) {
    padding-top: 0px;
  }
  footer:not(.v2) .footer-menu .footer-column:last-child .footer-boxs .footer-box:nth-child(2) {
    padding-top: 54px;
  }
  footer:not(.v2) .footer-menu .footer-column:last-child .footer-boxs .footer-box:nth-child(3) {
    padding-top: 8px;
  }
  footer:not(.v2) .footer-menu .footer-column:last-child .footer-boxs .footer-box:nth-child(4) {
    padding-top: 8px;
  }
  footer:not(.v2) .footer-menu .footer-column:last-child .footer-boxs .footer-box:last-child {
    margin-bottom: 0px;
  }
  footer:not(.v2) .footer-menu .footer-boxs .footer-box {
    padding-top: 0px;
    padding-left: 0px;
    margin-bottom: 32px;
  }
  footer:not(.v2) .footer-menu .footer-boxs .footer-box.box-long {
    padding-left: 0px;
  }
  footer:not(.v2) .footer-menu .footer-boxs .footer-box.box-with-trustpilot {
    width: 43%;
  }
  footer:not(.v2) .footer-menu .social-box .social-nav {
    padding-right: 16px;
  }
  footer:not(.v2) .footer-menu .mailing-list-subscribe {
    padding: 0px;
  }
  footer:not(.v2) .footer-copyright {
    min-height: 88px;
  }
  footer:not(.v2) .footer-copyright .copyright-box {
    flex-flow: column wrap;
    padding: 20px 0px 32px;
  }
  footer:not(.v2) .footer-copyright .copyright-box .copyright-wrapper {
    justify-content: space-between;
    width: 100%;
    min-height: 62px;
  }
  footer:not(.v2) .footer-copyright .copyright-box .payment-list {
    min-height: 16px;
    display: inline-block;
    text-align: center;
    width: 100%;
    overflow: hidden;
  }
  footer:not(.v2) .footer-copyright .copyright-box .payment-list .payment-item {
    float: none;
    padding-left: 6px;
    margin-bottom: 6px;
  }
  footer:not(.v2) .footer-run-on {
    margin-left: 0;
  }
}
@media screen and (max-width: 743px) {
  footer:not(.v2) .container {
    padding: 0px 32px;
  }
  footer:not(.v2) .footer-menu {
    padding: 64px 0px;
  }
  footer:not(.v2) .footer-menu .footer-column {
    padding: 0;
  }
  footer:not(.v2) .footer-menu .footer-column:first-child .footer-boxs .footer-box {
    margin-bottom: 64px;
  }
  footer:not(.v2) .footer-menu .footer-column:first-child .footer-boxs .footer-box:nth-child(1), footer:not(.v2) .footer-menu .footer-column:first-child .footer-boxs .footer-box:nth-child(3) {
    width: 54%;
  }
  footer:not(.v2) .footer-menu .footer-column:first-child .footer-boxs .footer-box:nth-child(2), footer:not(.v2) .footer-menu .footer-column:first-child .footer-boxs .footer-box:nth-child(4) {
    width: 46%;
    padding: 0px;
  }
  footer:not(.v2) .footer-menu .footer-column:first-child .footer-boxs .footer-box:nth-child(5) {
    width: 100%;
    margin: 0px;
  }
  footer:not(.v2) .footer-menu .footer-column:first-child .footer-boxs .footer-box:nth-child(3) {
    margin-bottom: 28px;
  }
  footer:not(.v2) .footer-menu .footer-column:last-child {
    padding: 0px 16px;
  }
  footer:not(.v2) .footer-menu .footer-column:last-child .footer-boxs .footer-box:nth-child(n) {
    width: 100%;
  }
  footer:not(.v2) .footer-menu .footer-column:last-child .footer-boxs .footer-box:nth-child(n):nth-child(1) {
    padding-top: 0px;
  }
  footer:not(.v2) .footer-menu .footer-column:last-child .footer-boxs .footer-box:nth-child(n):nth-child(2) {
    padding-top: 8px;
  }
  footer:not(.v2) .footer-menu .footer-column:last-child .footer-boxs .footer-box:nth-child(n) .detail-box:nth-child(n) {
    width: 100%;
  }
  footer:not(.v2) .footer-menu .footer-column:last-child .footer-boxs .footer-box:nth-child(n) .detail-box:nth-child(1) {
    margin-bottom: 0px;
  }
  footer:not(.v2) .footer-menu .footer-column:last-child .footer-boxs .footer-box:first-child .detail-box:nth-child(2) {
    margin-bottom: 0px;
  }
  footer:not(.v2) .footer-menu .footer-column:last-child .footer-boxs .footer-box:last-child {
    margin-bottom: 0px;
  }
  footer:not(.v2) .footer-menu .footer-column:last-child .footer-boxs .footer-box .set-bt-route {
    margin-left: 0%;
  }
  footer:not(.v2) .footer-menu .footer-boxs .box-with-trustpilot {
    display: contents;
  }
  footer:not(.v2) .footer-menu .footer-boxs .box-with-trustpilot .footer-trustpilot {
    margin-bottom: 64px;
  }
  footer:not(.v2) .footer-menu .footer-boxs .box-with-trustpilot .footer-trustpilot .box-trustpilot {
    width: 100%;
    display: flex;
    align-items: flex-end;
    gap: 16px;
  }
  footer:not(.v2) .footer-menu .footer-boxs .box-with-trustpilot .footer-trustpilot .box-trustpilot a {
    margin: 6px 0;
    width: 174px;
    height: 56px;
  }
  footer:not(.v2) .footer-menu .footer-boxs .box-with-trustpilot .footer-trustpilot .box-trustpilot a img {
    width: 174px;
  }
  footer:not(.v2) .footer-menu .footer-boxs .box-with-trustpilot .footer-trustpilot .box-trustpilot .trustpilot-widget {
    height: 88px;
    width: 174px;
  }
  footer:not(.v2) .footer-menu .footer-boxs .box-with-trustpilot .footer-trustpilot .box-trustpilot .trustpilot-widget iframe {
    padding-top: 0;
  }
  footer:not(.v2) .footer-copyright .copyright-box {
    flex-flow: row wrap;
    padding: 22px 0px 32px;
  }
  footer:not(.v2) .footer-copyright .copyright-box .copyright-wrapper {
    flex-flow: row wrap;
    margin-bottom: 10px;
  }
  footer:not(.v2) .footer-copyright .copyright-box .copyright-wrapper .copy-txt {
    width: 100%;
    min-height: 42px;
    justify-content: center;
    display: flex;
    align-items: center;
    text-align: center;
  }
  footer:not(.v2) .footer-run-on {
    line-height: 40px;
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  footer:not(.v2) .footer-menu .footer-column {
    padding: 0px;
  }
  footer:not(.v2) .footer-menu .social-box .social-nav {
    padding-right: 8px;
  }
}
.login-popup {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all ease-in-out 0.25s;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99;
}
.login-popup .panel {
  width: 360px;
  height: auto;
  position: absolute;
  top: 0;
  right: -370px;
  background-color: #fff;
  border: 1px solid rgb(208, 208, 208);
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
  padding: 30px 40px;
  height: 100%;
  padding-top: 76px;
  border-left: 1px solid rgb(228, 228, 228);
}
.login-popup .panel.collab .hrb {
  display: none;
}
.login-popup .panel.collab .guest-login-button {
  display: none;
}
.login-popup .panel .close {
  cursor: pointer;
  position: absolute;
  bottom: 100px;
  left: 52px;
  height: 12px;
  width: 12px;
}
.login-popup .heading {
  margin-top: 0;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 6px;
}
.login-popup h2 {
  margin-top: 0;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 6px;
}
.login-popup .title {
  padding: 0 12px;
  margin-bottom: 32px;
}
.login-popup .title.collab {
  display: none;
}
.login-popup p {
  text-align: left;
  font-size: 12px;
}
.login-popup p.agreement {
  margin-top: 30px;
  padding: 0 12px;
}
.login-popup p.head {
  margin-top: 0;
  font-size: 14px;
  font-weight: 600;
}
.login-popup.active {
  visibility: visible;
  opacity: 1;
}
.login-popup.active .panel {
  visibility: visible;
  opacity: 1;
  right: -4px;
}
.login-popup hr {
  border: none;
  border-bottom: 1px solid #ededed;
  width: 100%;
  margin: 25px 0;
}
.login-popup hr.hrb {
  margin: 32px 0 16px;
}
.login-popup button {
  color: #000;
  text-align: center;
  border: none;
  border-radius: 3px;
  position: relative;
  font-weight: 600;
  margin-top: 5px;
  font-size: 12px;
  width: 100%;
  padding: 12px;
  cursor: pointer;
  background-color: rgb(246, 245, 243);
  border: 1px solid rgb(244, 241, 238);
  margin-bottom: 10px;
}
.login-popup button.facebook svg {
  width: 8px;
  position: absolute;
  left: 17px;
  top: 10px;
  color: rgb(36, 67, 117);
  height: 16px;
}
.login-popup button.google {
  position: relative;
}
.login-popup button.google img {
  width: 25px;
  position: absolute;
  left: 8px;
  top: 4px;
}
.login-popup button.google .gg-dummy-btn {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.01;
}
.login-popup button.steam img {
  width: 20px;
  position: absolute;
  left: 11px;
  top: 9px;
}
.login-popup button.auth0 img {
  width: 20px;
  position: absolute;
  left: 10px;
  top: 8px;
}
.login-popup button.apple svg {
  height: 20px;
  width: 20px;
  position: absolute;
  left: 10px;
  top: 8px;
}
.login-popup .login-providers p {
  padding-left: 12px;
  margin-bottom: 12px;
}
.login-popup .login-providers p.register {
  margin-top: 48px;
}

@media only screen and (max-width: 375px) {
  .login-popup.active .panel {
    width: calc(100% - 20px);
    padding: 30px 15px;
  }
  .login-popup.active .panel p {
    word-break: break-all;
  }
}
@media only screen and (max-height: 667px) {
  .login-popup .panel .close {
    bottom: 32px;
  }
}
#crisp-chatbox > div > a {
  visibility: hidden !important;
  display: none !important;
}

.hilight-slide {
  position: relative;
  width: 100%;
  height: 100vh;
}
.hilight-slide.home-hilight-slide {
  height: 100vh;
  padding-top: 152px;
}
.hilight-slide.home-hilight-slide .hilight-slide-item {
  height: calc(100vh - 152px);
}
.hilight-slide.interior-advise-form-slide .slider .swiper {
  cursor: default;
}
.hilight-slide.blog-detail-hilight .slider .swiper {
  cursor: default;
}
.hilight-slide.blog-detail-hilight .controls-box {
  width: 100px;
  right: 78px;
}
.hilight-slide.blog-detail-hilight .controls-box .slide-nav {
  display: none;
}
.hilight-slide.show-notibar {
  height: 100%;
}
.hilight-slide.show-notibar .hilight-slide-item {
  height: calc(100vh - 39px);
}
.hilight-slide.show-notibar.home-hilight-slide .hilight-slide-item, .hilight-slide.show-notibar.home-hilight-slide-component .hilight-slide-item {
  height: calc(100vh - 191px);
}
.hilight-slide.interior-advise-form-slide .controls-box {
  width: 50px;
  bottom: 64px;
}
.hilight-slide.interior-advise-form-slide .controls-box .slide-nav {
  display: none;
}
.hilight-slide .slider {
  position: relative;
  width: 100%;
}
.hilight-slide .slider.hide-nav .swiper {
  cursor: default;
}
.hilight-slide .slider .swiper {
  width: 100%;
  cursor: grab;
  overflow: unset;
}
.hilight-slide .slider .swiper-pagination {
  bottom: 80px;
  display: none;
}
.hilight-slide .slider .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(255, 255, 255, 0.34);
  border: none;
}
.hilight-slide .slider .swiper-pagination .swiper-pagination-bullet:hover, .hilight-slide .slider .swiper-pagination .swiper-pagination-bullet:focus {
  border: none;
  background-color: rgba(255, 255, 255, 0.34);
}
.hilight-slide .slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(255, 255, 255);
}
.hilight-slide .slider .swiper-button-lock {
  display: none;
}
.hilight-slide .controls-box {
  position: absolute;
  right: 126px;
  bottom: 94px;
  width: 226px;
  height: 100px;
  display: flex;
  justify-content: space-between;
  z-index: 1;
}
.hilight-slide .controls-box .slide-nav .slide-nav-box .nav-txt {
  display: block;
  width: fit-content;
}
.hilight-slide .controls-box .slide-nav .slide-nav-box .nav-txt.swiper-pagination-lock {
  display: none !important;
}

@media screen and (max-width: 1280px) {
  .hilight-slide .slider .swiper-pagination {
    display: none;
  }
  .hilight-slide .controls-box:not(.no-responsive) {
    right: 61px;
    bottom: 63px;
  }
  .hilight-slide .controls-box:not(.no-responsive) .scroll-box {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .hilight-slide.interior-advise-form-slide .controls-box {
    right: 64px;
    bottom: 40px;
  }
  .hilight-slide .controls-box.no-responsive .scroll-down-button {
    display: block;
  }
  .hilight-slide .controls-box:not(.no-responsive) {
    width: 100%;
    right: 0;
    height: 42px;
  }
  .hilight-slide .controls-box:not(.no-responsive) .slide-nav {
    order: 2;
    height: auto;
    width: 200px;
    position: relative;
    right: 30px;
    margin-left: auto;
  }
  .hilight-slide .controls-box:not(.no-responsive) .slide-nav .slide-nav-box .nav-txt {
    order: 1;
    display: inline-block;
    line-height: 42px;
    padding-right: 15px;
  }
  .hilight-slide .controls-box:not(.no-responsive) .scroll-down-button {
    order: 1;
    position: relative;
    height: auto;
    width: 165px;
    left: 64px;
    display: inline-block;
  }
  .hilight-slide .controls-box:not(.no-responsive) .scroll-down-button .circle-bt {
    order: 1;
    position: relative;
    float: left;
    width: 42px;
    height: 42px;
  }
  .hilight-slide .controls-box:not(.no-responsive) .scroll-down-button.white p {
    float: right;
    display: inline-block;
    position: relative;
    order: 2;
    line-height: 42px;
    left: unset;
  }
}
@media screen and (max-width: 768px) {
  .hilight-slide.home-hilight-slide .controls-box .scroll-down-button {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .hilight-slide.home-hilight-slide {
    padding-top: 108px;
  }
  .hilight-slide.home-hilight-slide .hilight-slide-item {
    height: calc(100vh - 108px);
  }
  .hilight-slide.show-notibar.home-hilight-slide .hilight-slide-item, .hilight-slide.show-notibar.home-hilight-slide-component .hilight-slide-item {
    height: calc(100vh - 148px);
  }
}
@media screen and (max-width: 600px) {
  .hilight-slide .slider .more-item-nav .swiper-pagination {
    text-align: center;
  }
  .hilight-slide .slider .more-item-nav .controls-box {
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
  }
  .hilight-slide .controls-box .slide-nav {
    right: 0;
  }
  .hilight-slide .controls-box .scroll-down-button {
    left: 26px;
  }
}
@media screen and (max-width: 480px) {
  .hilight-slide .slider:not(.more-item-nav) .swiper-pagination {
    bottom: 66px;
  }
  .hilight-slide .slider:not(.more-item-nav) .controls-box:not(.no-responsive) {
    right: 0;
    bottom: 32px;
  }
}
@media screen and (max-width: 360px) {
  .hilight-slide .slider:not(.more-item-nav) .swiper-pagination {
    left: 16px;
    transform: none;
  }
  .hilight-slide .controls-box:not(.no-responsive) .scroll-down-button {
    left: 16px;
  }
  .hilight-slide .controls-box:not(.no-responsive) .scroll-down-button.white p {
    display: none;
  }
}
.hilight-slide-item {
  overflow: hidden;
  display: flex;
  width: 100%;
  position: relative;
  height: 100vh;
}
.hilight-slide-item a {
  cursor: pointer;
}
.hilight-slide-item.item-image .slide-bg.bg-img {
  display: block;
}
.hilight-slide-item.item-video .slide-bg.bg-video {
  display: block;
}
.hilight-slide-item.home-item .hilight-title {
  left: 50%;
  top: 17%;
  transform: translate(-520px, 0px);
  max-width: 456px;
}
.hilight-slide-item.home-item .hilight-title .title-txt {
  margin-bottom: 30px;
}
.hilight-slide-item.home-item .hilight-desc {
  left: 50%;
  max-width: 276px;
  transform: translate(-712px, 0px);
  bottom: 60px;
}
.hilight-slide-item.home-item .hilight-desc .desc-txt {
  margin-bottom: 16px;
}
.hilight-slide-item.showroom-item .hilight-title, .hilight-slide-item.how-it-made-item .hilight-title {
  left: 50%;
  top: 30%;
  transform: translate(136px, 0px);
  max-width: 368px;
}
.hilight-slide-item.showroom-item .hilight-title .title-txt, .hilight-slide-item.how-it-made-item .hilight-title .title-txt {
  margin-bottom: 22px;
}
.hilight-slide-item.showroom-item .hilight-title .desc-txt, .hilight-slide-item.how-it-made-item .hilight-title .desc-txt {
  margin-bottom: 30px;
}
.hilight-slide-item.showroom-item .hilight-desc, .hilight-slide-item.how-it-made-item .hilight-desc {
  left: 50%;
  max-width: 276px;
  transform: translate(-712px, 0px);
  bottom: 11%;
}
.hilight-slide-item.showroom-item .hilight-desc .desc-txt, .hilight-slide-item.how-it-made-item .hilight-desc .desc-txt {
  margin-bottom: 16px;
}
.hilight-slide-item.interior-advise-item .hilight-title, .hilight-slide-item.blog-slide-item .hilight-title {
  left: 50%;
  top: 30.2%;
  transform: translate(-510px, 0px);
  max-width: 384px;
}
.hilight-slide-item.interior-advise-item .hilight-title .title-txt, .hilight-slide-item.blog-slide-item .hilight-title .title-txt {
  margin-bottom: 22px;
}
.hilight-slide-item.interior-advise-item .hilight-title .desc-txt, .hilight-slide-item.blog-slide-item .hilight-title .desc-txt {
  margin-bottom: 30px;
}
.hilight-slide-item.interior-advise-item .hilight-title .desc-txt p, .hilight-slide-item.blog-slide-item .hilight-title .desc-txt p {
  -webkit-line-clamp: 7;
}
.hilight-slide-item.interior-advise-item .hilight-desc, .hilight-slide-item.blog-slide-item .hilight-desc {
  left: 50%;
  max-width: 264px;
  transform: translate(-712px, 0px);
  bottom: 10.2%;
}
.hilight-slide-item.interior-advise-item .hilight-desc .desc-txt, .hilight-slide-item.blog-slide-item .hilight-desc .desc-txt {
  margin-bottom: 16px;
}
.hilight-slide-item.interior-advise-item .hilight-desc .desc-txt p, .hilight-slide-item.blog-slide-item .hilight-desc .desc-txt p {
  -webkit-line-clamp: 7;
}
.hilight-slide-item.interior-advise-form-item .hilight-title {
  left: 50%;
  top: 49.6%;
  transform: translate(-642px, 0px);
  max-width: 650px;
}
.hilight-slide-item.interior-advise-form-item .hilight-title .title-txt {
  margin-bottom: 22px;
}
.hilight-slide-item.interior-advise-form-item .hilight-title .title-txt .txt {
  color: white;
  font-size: 52px;
  line-height: 62px;
  font-weight: 700;
  text-align: center;
}
.hilight-slide-item.interior-advise-form-item .hilight-title .desc-txt {
  margin-bottom: 30px;
}
.hilight-slide-item.interior-advise-form-item .hilight-title .desc-txt .txt {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
}
.hilight-slide-item.interior-advise-form-item .hilight-title .desc-txt p {
  -webkit-line-clamp: 7;
}
.hilight-slide-item.interior-advise-form-item .hilight-desc {
  display: none;
}
.hilight-slide-item.interior-advise-form-item .bt-view {
  display: none;
}
.hilight-slide-item .slide-image .slide-fade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 1;
  background: rgba(17, 28, 28, 0.35);
}
.hilight-slide-item .slide-bg {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.hilight-slide-item .slide-bg.bg-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.hilight-slide-item .slide-bg.bg-video {
  position: absolute;
  height: 100%;
  overflow: hidden;
  display: none;
}
.hilight-slide-item .slide-bg.bg-video video {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}
.hilight-slide-item .hilight-title {
  position: absolute;
  z-index: 2;
  cursor: default;
}
.hilight-slide-item .hilight-title .title-txt p,
.hilight-slide-item .hilight-title .title-txt h1,
.hilight-slide-item .hilight-title .title-txt h2 {
  font-size: 52px;
  line-height: 62px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
}
.hilight-slide-item .hilight-title .desc-txt p {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.hilight-slide-item .hilight-desc {
  position: absolute;
  z-index: 2;
  cursor: default;
}
.hilight-slide-item .hilight-desc .desc-txt p {
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.hilight-slide-item .hilight-desc a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

@media screen and (max-width: 1600px) {
  .hilight-slide-item.home-item .hilight-desc, .hilight-slide-item.showroom-item .hilight-desc, .hilight-slide-item.interior-advise-item .hilight-desc, .hilight-slide-item.how-it-made-item .hilight-desc, .hilight-slide-item.blog-slide-item .hilight-desc {
    left: 128px;
    transform: none;
  }
}
@media screen and (max-width: 1280px) {
  .hilight-slide-item.home-item .hilight-title, .hilight-slide-item.showroom-item .hilight-title, .hilight-slide-item.interior-advise-item .hilight-title, .hilight-slide-item.how-it-made-item .hilight-title, .hilight-slide-item.blog-slide-item .hilight-title {
    top: 296px;
    transform: translate(-95px, 0px);
    max-width: 340px;
  }
  .hilight-slide-item.home-item .hilight-title .title-txt p,
  .hilight-slide-item.home-item .hilight-title .title-txt h1,
  .hilight-slide-item.home-item .hilight-title .title-txt h2, .hilight-slide-item.showroom-item .hilight-title .title-txt p,
  .hilight-slide-item.showroom-item .hilight-title .title-txt h1,
  .hilight-slide-item.showroom-item .hilight-title .title-txt h2, .hilight-slide-item.interior-advise-item .hilight-title .title-txt p,
  .hilight-slide-item.interior-advise-item .hilight-title .title-txt h1,
  .hilight-slide-item.interior-advise-item .hilight-title .title-txt h2, .hilight-slide-item.how-it-made-item .hilight-title .title-txt p,
  .hilight-slide-item.how-it-made-item .hilight-title .title-txt h1,
  .hilight-slide-item.how-it-made-item .hilight-title .title-txt h2, .hilight-slide-item.blog-slide-item .hilight-title .title-txt p,
  .hilight-slide-item.blog-slide-item .hilight-title .title-txt h1,
  .hilight-slide-item.blog-slide-item .hilight-title .title-txt h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .hilight-slide-item.home-item .hilight-title .desc-txt, .hilight-slide-item.showroom-item .hilight-title .desc-txt, .hilight-slide-item.interior-advise-item .hilight-title .desc-txt, .hilight-slide-item.how-it-made-item .hilight-title .desc-txt, .hilight-slide-item.blog-slide-item .hilight-title .desc-txt {
    margin-bottom: 22px;
  }
  .hilight-slide-item.home-item .hilight-title .desc-txt p, .hilight-slide-item.showroom-item .hilight-title .desc-txt p, .hilight-slide-item.interior-advise-item .hilight-title .desc-txt p, .hilight-slide-item.how-it-made-item .hilight-title .desc-txt p, .hilight-slide-item.blog-slide-item .hilight-title .desc-txt p {
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .hilight-slide-item.home-item .hilight-title .bt-view, .hilight-slide-item.showroom-item .hilight-title .bt-view, .hilight-slide-item.interior-advise-item .hilight-title .bt-view, .hilight-slide-item.how-it-made-item .hilight-title .bt-view, .hilight-slide-item.blog-slide-item .hilight-title .bt-view {
    height: 56px;
    padding: 0px 30px;
  }
  .hilight-slide-item.home-item .hilight-title .bt-view p, .hilight-slide-item.showroom-item .hilight-title .bt-view p, .hilight-slide-item.interior-advise-item .hilight-title .bt-view p, .hilight-slide-item.how-it-made-item .hilight-title .bt-view p, .hilight-slide-item.blog-slide-item .hilight-title .bt-view p {
    font-size: 12px;
  }
  .hilight-slide-item.home-item .hilight-desc, .hilight-slide-item.showroom-item .hilight-desc, .hilight-slide-item.interior-advise-item .hilight-desc, .hilight-slide-item.how-it-made-item .hilight-desc, .hilight-slide-item.blog-slide-item .hilight-desc {
    transform: none;
    max-width: 276px;
    left: 64px;
    bottom: 15.5%;
  }
  .hilight-slide-item.home-item .hilight-desc .desc-txt, .hilight-slide-item.showroom-item .hilight-desc .desc-txt, .hilight-slide-item.interior-advise-item .hilight-desc .desc-txt, .hilight-slide-item.how-it-made-item .hilight-desc .desc-txt, .hilight-slide-item.blog-slide-item .hilight-desc .desc-txt {
    margin-bottom: 14px;
  }
  .hilight-slide-item.home-item .hilight-desc .desc-txt p, .hilight-slide-item.showroom-item .hilight-desc .desc-txt p, .hilight-slide-item.interior-advise-item .hilight-desc .desc-txt p, .hilight-slide-item.how-it-made-item .hilight-desc .desc-txt p, .hilight-slide-item.blog-slide-item .hilight-desc .desc-txt p {
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .hilight-slide-item.home-item .hilight-desc .bt-route p, .hilight-slide-item.showroom-item .hilight-desc .bt-route p, .hilight-slide-item.interior-advise-item .hilight-desc .bt-route p, .hilight-slide-item.how-it-made-item .hilight-desc .bt-route p, .hilight-slide-item.blog-slide-item .hilight-desc .bt-route p {
    font-size: 14px;
  }
  .hilight-slide-item.home-item .hilight-title {
    top: 145px;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .hilight-slide-item.interior-advise-form-item .hilight-title {
    left: 128px;
    transform: none;
  }
  .hilight-slide-item .slide-bg.bg-video video {
    object-fit: cover;
  }
}
@media screen and (max-width: 1024px) {
  .hilight-slide-item.interior-advise-form-item .hilight-title {
    top: 41%;
    left: 50%;
    transform: translateX(-50%);
    max-width: 500px;
    width: 100%;
  }
  .hilight-slide-item.interior-advise-form-item .hilight-title .title-txt .txt {
    font-size: 40px;
    line-height: 46px;
  }
}
@media screen and (max-width: 834px) {
  .hilight-slide-item.home-item .hilight-title .desc-txt p, .hilight-slide-item.showroom-item .hilight-title .desc-txt p, .hilight-slide-item.interior-advise-item .hilight-title .desc-txt p, .hilight-slide-item.how-it-made-item .hilight-title .desc-txt p, .hilight-slide-item.blog-slide-item .hilight-title .desc-txt p {
    -webkit-line-clamp: 5;
  }
  .hilight-slide-item.home-item .hilight-desc, .hilight-slide-item.showroom-item .hilight-desc, .hilight-slide-item.interior-advise-item .hilight-desc, .hilight-slide-item.how-it-made-item .hilight-desc, .hilight-slide-item.blog-slide-item .hilight-desc {
    max-width: 200px;
  }
  .hilight-slide-item.home-item .hilight-desc .desc-txt p, .hilight-slide-item.showroom-item .hilight-desc .desc-txt p, .hilight-slide-item.interior-advise-item .hilight-desc .desc-txt p, .hilight-slide-item.how-it-made-item .hilight-desc .desc-txt p, .hilight-slide-item.blog-slide-item .hilight-desc .desc-txt p {
    -webkit-line-clamp: 5;
  }
}
@media screen and (max-width: 767px) {
  .hilight-slide-item.home-item .hilight-title, .hilight-slide-item.showroom-item .hilight-title, .hilight-slide-item.interior-advise-item .hilight-title, .hilight-slide-item.how-it-made-item .hilight-title, .hilight-slide-item.blog-slide-item .hilight-title {
    top: 26%;
    transform: translate(-168px, 0px);
  }
  .hilight-slide-item.home-item .hilight-title .desc-txt, .hilight-slide-item.showroom-item .hilight-title .desc-txt, .hilight-slide-item.interior-advise-item .hilight-title .desc-txt, .hilight-slide-item.how-it-made-item .hilight-title .desc-txt, .hilight-slide-item.blog-slide-item .hilight-title .desc-txt {
    margin-bottom: 30px;
  }
  .hilight-slide-item.home-item .hilight-desc, .hilight-slide-item.showroom-item .hilight-desc, .hilight-slide-item.interior-advise-item .hilight-desc, .hilight-slide-item.how-it-made-item .hilight-desc, .hilight-slide-item.blog-slide-item .hilight-desc {
    left: 64px;
    bottom: 16.8%;
    max-width: 200px;
  }
  .hilight-slide-item.home-item .hilight-title {
    top: 11%;
  }
  .hilight-slide-item.interior-advise-form-item .hilight-title {
    top: 50%;
    max-width: 300px;
  }
  .hilight-slide-item.interior-advise-form-item .hilight-title .title-txt {
    margin-bottom: 14px;
  }
  .hilight-slide-item.interior-advise-form-item .hilight-title .title-txt .txt {
    font-size: 32px;
    line-height: 40px;
  }
}
@media screen and (max-width: 480px) {
  .hilight-slide-item.home-item .hilight-title, .hilight-slide-item.showroom-item .hilight-title, .hilight-slide-item.interior-advise-item .hilight-title, .hilight-slide-item.how-it-made-item .hilight-title, .hilight-slide-item.blog-slide-item .hilight-title {
    top: 26%;
    transform: translate(-50%, 0px);
    width: 300px;
  }
  .hilight-slide-item.home-item .hilight-title .title-txt, .hilight-slide-item.showroom-item .hilight-title .title-txt, .hilight-slide-item.interior-advise-item .hilight-title .title-txt, .hilight-slide-item.how-it-made-item .hilight-title .title-txt, .hilight-slide-item.blog-slide-item .hilight-title .title-txt {
    margin-bottom: 20px;
  }
  .hilight-slide-item.home-item .hilight-title .title-txt p,
  .hilight-slide-item.home-item .hilight-title .title-txt h1,
  .hilight-slide-item.home-item .hilight-title .title-txt h2, .hilight-slide-item.showroom-item .hilight-title .title-txt p,
  .hilight-slide-item.showroom-item .hilight-title .title-txt h1,
  .hilight-slide-item.showroom-item .hilight-title .title-txt h2, .hilight-slide-item.interior-advise-item .hilight-title .title-txt p,
  .hilight-slide-item.interior-advise-item .hilight-title .title-txt h1,
  .hilight-slide-item.interior-advise-item .hilight-title .title-txt h2, .hilight-slide-item.how-it-made-item .hilight-title .title-txt p,
  .hilight-slide-item.how-it-made-item .hilight-title .title-txt h1,
  .hilight-slide-item.how-it-made-item .hilight-title .title-txt h2, .hilight-slide-item.blog-slide-item .hilight-title .title-txt p,
  .hilight-slide-item.blog-slide-item .hilight-title .title-txt h1,
  .hilight-slide-item.blog-slide-item .hilight-title .title-txt h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .hilight-slide-item.home-item .hilight-desc, .hilight-slide-item.showroom-item .hilight-desc, .hilight-slide-item.interior-advise-item .hilight-desc, .hilight-slide-item.how-it-made-item .hilight-desc, .hilight-slide-item.blog-slide-item .hilight-desc {
    left: 64px;
    bottom: 16.5%;
    max-width: 240px;
  }
  .hilight-slide-item.home-item .hilight-desc .desc-txt, .hilight-slide-item.showroom-item .hilight-desc .desc-txt, .hilight-slide-item.interior-advise-item .hilight-desc .desc-txt, .hilight-slide-item.how-it-made-item .hilight-desc .desc-txt, .hilight-slide-item.blog-slide-item .hilight-desc .desc-txt {
    margin-bottom: 14px;
  }
  .hilight-slide-item.home-item .hilight-desc .desc-txt p, .hilight-slide-item.showroom-item .hilight-desc .desc-txt p, .hilight-slide-item.interior-advise-item .hilight-desc .desc-txt p, .hilight-slide-item.how-it-made-item .hilight-desc .desc-txt p, .hilight-slide-item.blog-slide-item .hilight-desc .desc-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .hilight-slide-item.home-item .hilight-desc .bt-route p, .hilight-slide-item.showroom-item .hilight-desc .bt-route p, .hilight-slide-item.interior-advise-item .hilight-desc .bt-route p, .hilight-slide-item.how-it-made-item .hilight-desc .bt-route p, .hilight-slide-item.blog-slide-item .hilight-desc .bt-route p {
    font-size: 12px;
  }
  .hilight-slide-item.home-item .hilight-title {
    top: calc(50% - 48px);
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 360px) {
  .hilight-slide-item.home-item .hilight-desc, .hilight-slide-item.showroom-item .hilight-desc, .hilight-slide-item.interior-advise-item .hilight-desc, .hilight-slide-item.how-it-made-item .hilight-desc, .hilight-slide-item.blog-slide-item .hilight-desc {
    left: 16px;
  }
}
.home-category-slide {
  position: relative;
  width: 100%;
  min-height: 948px;
  padding-top: 128px;
}
.home-category-slide:before {
  content: " ";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 38%;
  height: 545px;
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  z-index: -1;
}
.home-category-slide .category-layer {
  position: absolute;
  width: 2310px;
  min-height: 640px;
  left: 50%;
  transform: translate(-50%, 0px);
  z-index: 2;
}
.home-category-slide .category-layer .flip-slide .container {
  min-height: 370px;
}
.home-category-slide .category-layer .flip-slide .block .item img {
  height: 400px;
}
.home-category-slide .category-layer .flip-slide .block h2 {
  margin-top: 374px;
  margin-bottom: 0;
  left: -46px;
}
.home-category-slide .category-layer .flip-slide .block p {
  left: -46px;
}
.home-category-slide .category-layer .flip-slide .slide-nav {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translateX(370px);
  z-index: 2;
}
.home-category-slide .category-layer .flip-slide .scroll-down-button p {
  display: block;
}
.home-category-slide .category-layer .flip-slide .scroll-down-button {
  right: 0px;
  bottom: 180px;
  left: auto;
  transform: none;
}
.home-category-slide .category-layer .flip-slide .slide-bullets {
  top: 45px;
}
.home-category-slide .category-slide-desc {
  max-width: 340px;
  margin: 0 auto;
  padding-left: 62px;
  top: -262px;
  position: relative;
  z-index: 3;
  opacity: 1;
  transition: all ease-in-out 0.3s;
}
.home-category-slide .category-slide-desc.fade-out {
  opacity: 0;
}
.home-category-slide .category-slide-desc .desc-txt {
  margin-bottom: 16px;
}
.home-category-slide .category-slide-desc .desc-txt p {
  font-size: 16px;
  line-height: 24px;
  color: #2e2e2e;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.home-category-slide .category-slide-desc a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.home-category-slide .bg-pattern {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translate(-398px, 0px);
  z-index: -1;
}
.home-category-slide .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.home-category-slide .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1024px) {
  .home-category-slide {
    min-height: 820px;
    padding-top: 96px;
  }
  .home-category-slide:before {
    width: 324px;
    height: 548px;
  }
  .home-category-slide .category-layer {
    width: 1664px;
    min-height: 675px;
    mask-image: none;
  }
  .home-category-slide .category-layer .flip-slide {
    min-height: 630px;
  }
  .home-category-slide .category-layer .flip-slide .container {
    min-height: 284px;
  }
  .home-category-slide .category-layer .flip-slide .block h2 {
    margin-top: 278px;
    left: -22px;
    font-size: 40px;
  }
  .home-category-slide .category-layer .flip-slide .block p {
    left: -20px;
  }
  .home-category-slide .category-layer .flip-slide .block .item img {
    height: 300px;
  }
  .home-category-slide .category-layer .flip-slide .controls-box {
    width: 100%;
    right: 0;
    bottom: 0;
    height: 42px;
    position: absolute;
    display: flex;
    justify-content: space-between;
  }
  .home-category-slide .category-layer .flip-slide .controls-box .slide-nav {
    order: 2;
    height: auto;
    width: 200px;
    position: relative;
    transform: none;
    left: unset;
    right: unset;
  }
  .home-category-slide .category-layer .flip-slide .controls-box .slide-nav .slide-nav-box .circle-bt.bt-next {
    top: 0;
    order: 3;
    left: 0;
  }
  .home-category-slide .category-layer .flip-slide .controls-box .scroll-down-button {
    order: 1;
    position: relative;
    height: auto;
    width: 152px;
    left: 26px;
    bottom: 0;
    display: inline-block;
  }
  .home-category-slide .category-layer .flip-slide .controls-box .scroll-down-button p {
    float: right;
    display: inline-block;
    position: relative;
    order: 2;
    line-height: 42px;
    left: unset;
    transform: translate(-50%, 0%);
    height: 42px;
    font-size: 16px;
    color: rgba(17, 28, 28, 0.34);
  }
  .home-category-slide .category-layer .flip-slide .controls-box .scroll-down-button .circle-bt {
    order: 1;
    position: relative;
    float: left;
    width: 42px;
    height: 42px;
  }
  .home-category-slide .category-layer .flip-slide .controls-box .slide-bullets {
    bottom: 18px;
    top: unset;
  }
  .home-category-slide .category-slide-desc {
    margin: 0 auto;
    padding-left: 186px;
    max-width: 430px;
    top: -226px;
  }
  .home-category-slide .category-slide-desc .desc-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .home-category-slide .category-slide-desc .bt-route p {
    font-size: 14px;
  }
  .home-category-slide .bg-pattern {
    top: -24px;
    transform: translate(-300px, 0px);
  }
  .home-category-slide .bg-pattern .icon-bg svg {
    transform: scale(0.78);
  }
}
@media screen and (max-width: 768px) {
  .home-category-slide .category-layer .flip-slide .controls-box .scroll-down-button {
    display: none;
  }
  .home-category-slide .category-layer .flip-slide .controls-box .slide-nav {
    width: 100%;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .home-category-slide {
    min-height: 674px;
    padding-top: 64px;
  }
  .home-category-slide:before {
    width: 164px;
    height: 498px;
  }
  .home-category-slide .category-layer {
    width: 1240px;
    min-height: 610px;
    transform: translate(-50%, 0px);
  }
  .home-category-slide .category-layer .flip-slide {
    min-height: 534px;
  }
  .home-category-slide .category-layer .flip-slide .slide-container {
    margin-left: 64px;
  }
  .home-category-slide .category-layer .flip-slide .container {
    min-height: 322px;
    width: 414px;
    padding: 0px;
    top: -60px;
    margin: 0 auto;
  }
  .home-category-slide .category-layer .flip-slide .block {
    min-height: 230px;
    margin-right: 70px;
  }
  .home-category-slide .category-layer .flip-slide .block .item img {
    object-position: center center;
    width: auto;
    height: 228px;
  }
  .home-category-slide .category-layer .flip-slide .block h2 {
    margin-top: 210px;
    left: -18px;
    font-size: 32px;
  }
  .home-category-slide .category-layer .flip-slide .block p {
    left: -18px;
  }
  .home-category-slide .category-layer .flip-slide .slide-nav {
    right: 30px;
  }
  .home-category-slide .category-slide-desc {
    padding-left: 32px;
    max-width: 280px;
    top: -278px;
    left: 0px;
  }
  .home-category-slide .category-slide-desc .desc-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .home-category-slide .bg-pattern {
    top: -84px;
    transform: translate(-280px, 0px);
  }
  .home-category-slide .bg-pattern .icon-bg svg {
    transform: scale(0.58);
  }
}
@media screen and (max-width: 600px) {
  .home-category-slide .category-layer .flip-slide.more-item-nav .slide-bullets {
    transform: translate(-50%, 0%);
    left: calc(50% + 64px);
    bottom: 0;
    text-align: center;
    display: block;
  }
  .home-category-slide .category-layer .flip-slide.more-item-nav .slide-bullets .slide-bullet {
    display: inline-block;
  }
  .home-category-slide .category-layer .flip-slide.more-item-nav .slide-nav {
    right: unset;
    left: calc(50% + 64px);
    transform: translateX(-50%);
    bottom: -64px;
  }
}
@media screen and (max-width: 360px) {
  .home-category-slide .category-layer .flip-slide.more-item-nav .slide-bullets {
    left: 50%;
  }
  .home-category-slide .category-layer .flip-slide.more-item-nav .slide-nav {
    left: 50%;
  }
}
.home-custom-made {
  position: relative;
  width: 100%;
  height: 918px;
}
.home-custom-made:before {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0;
  width: 38%;
  height: 175px;
  background-color: #f8f7f4;
  border-bottom-right-radius: 5px;
  z-index: -1;
}
.home-custom-made .custom-made-boxs {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  z-index: 2;
}
.home-custom-made .custom-made-boxs .box-1 {
  position: relative;
  width: 62%;
  height: 430px;
  order: 1;
  z-index: 2;
}
.home-custom-made .custom-made-boxs .box-1 .box-img {
  width: 100%;
  max-width: 642px;
  border-radius: 5px;
  overflow: hidden;
}
.home-custom-made .custom-made-boxs .box-1 .box-img img {
  width: 100%;
  height: 400px;
  object-fit: contain;
}
.home-custom-made .custom-made-boxs .box-1 .box-txt {
  position: absolute;
  left: 56%;
  top: 218px;
}
.home-custom-made .custom-made-boxs .box-1 .box-txt p,
.home-custom-made .custom-made-boxs .box-1 .box-txt h2 {
  color: #111c1c;
  font-size: 56px;
  line-height: 72px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.home-custom-made .custom-made-boxs .box-2 {
  position: relative;
  width: 38%;
  order: 2;
}
.home-custom-made .custom-made-boxs .box-2 .box-img {
  position: relative;
  width: 100%;
  margin-top: 32px;
  mix-blend-mode: darken;
  z-index: 2;
}
.home-custom-made .custom-made-boxs .box-2 .box-img img {
  position: relative;
  object-fit: cover;
  width: 100%;
  max-width: 516px;
  height: auto;
  z-index: 1;
  mix-blend-mode: darken;
}
.home-custom-made .custom-made-boxs .box-3 {
  width: 100%;
  margin-bottom: 64px;
  order: 3;
}
.home-custom-made .custom-made-boxs .box-4,
.home-custom-made .custom-made-boxs .box-5 {
  width: 50%;
}
.home-custom-made .custom-made-boxs .box-4 .box-img,
.home-custom-made .custom-made-boxs .box-5 .box-img {
  max-width: 480px;
  margin: 0px 32px;
  border-radius: 5px;
  overflow: hidden;
}
.home-custom-made .custom-made-boxs .box-4 .box-img img,
.home-custom-made .custom-made-boxs .box-5 .box-img img {
  width: 100%;
  height: 300px;
  object-fit: contain;
}
.home-custom-made .custom-made-boxs .box-4 {
  order: 4;
}
.home-custom-made .custom-made-boxs .box-4 .box-img {
  float: right;
}
.home-custom-made .custom-made-boxs .box-5 {
  order: 5;
}
.home-custom-made .custom-made-title {
  max-width: 340px;
  margin: 0 auto;
  padding-top: 36px;
}
.home-custom-made .custom-made-title .desc-txt {
  margin-bottom: 16px;
  margin-left: -44px;
}
.home-custom-made .custom-made-title .desc-txt p {
  font-size: 16px;
  line-height: 24px;
  color: #2e2e2e;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.home-custom-made .custom-made-title a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.home-custom-made .custom-made-title a .bt-route {
  margin-left: -44px;
}
.home-custom-made .bg-pattern {
  position: absolute;
  top: -16px;
  left: -38px;
  z-index: 1;
}
.home-custom-made .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.home-custom-made .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}
.home-custom-made .showroom-tag {
  position: absolute;
  right: -68px;
  top: 35%;
  transform: rotate(90deg) translateY(-100%);
  transform-origin: top left;
  display: none;
  z-index: 2;
}
.home-custom-made .showroom-tag .showroom-box {
  width: 100px;
  height: 32px;
  background: #e4b760;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.home-custom-made .showroom-tag .showroom-box p {
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
}

@media screen and (max-width: 1200px) {
  .home-custom-made .custom-made-boxs .box-1 {
    width: 50%;
  }
  .home-custom-made .custom-made-boxs .box-1 .box-txt p,
  .home-custom-made .custom-made-boxs .box-1 .box-txt h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .home-custom-made .custom-made-boxs .box-2 {
    display: flex;
    align-items: center;
    width: 50%;
  }
  .home-custom-made .custom-made-boxs .box-2 .box-img {
    margin: 0px 30px;
  }
  .home-custom-made .custom-made-boxs .box-2 .box-img img {
    width: 100%;
    height: auto;
  }
  .home-custom-made .showroom-tag {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .home-custom-made {
    height: auto;
  }
  .home-custom-made:before {
    width: 324px;
    height: 560px;
  }
  .home-custom-made .container {
    max-width: 100%;
  }
  .home-custom-made .custom-made-boxs {
    padding: 0px;
  }
  .home-custom-made .custom-made-boxs .box-1 {
    width: 100%;
    height: 314px;
    padding: 0px 64px;
  }
  .home-custom-made .custom-made-boxs .box-1 .box-img {
    max-width: 400px;
  }
  .home-custom-made .custom-made-boxs .box-1 .box-img img {
    height: 250px;
  }
  .home-custom-made .custom-made-boxs .box-1 .box-txt {
    top: 170px;
    left: 414px;
  }
  .home-custom-made .custom-made-boxs .box-1 .box-txt p,
  .home-custom-made .custom-made-boxs .box-1 .box-txt h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .home-custom-made .custom-made-boxs .box-2 {
    order: 3;
    width: 100%;
    margin-bottom: 114px;
    justify-content: flex-end;
    padding: 0px 64px;
  }
  .home-custom-made .custom-made-boxs .box-2:before {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0;
    width: 324px;
    height: 80px;
    background-color: #f8f7f4;
    border-bottom-right-radius: 5px;
    z-index: 0;
  }
  .home-custom-made .custom-made-boxs .box-2 .box-img {
    margin-right: 82px;
    max-width: 420px;
  }
  .home-custom-made .custom-made-boxs .box-3 {
    order: 2;
    padding: 0px 64px;
  }
  .home-custom-made .custom-made-boxs .box-4 .box-img,
  .home-custom-made .custom-made-boxs .box-5 .box-img {
    max-width: 288px;
    margin: 0px 24px;
  }
  .home-custom-made .custom-made-boxs .box-4 .box-img img,
  .home-custom-made .custom-made-boxs .box-5 .box-img img {
    width: 100%;
    height: 180px;
  }
  .home-custom-made .custom-made-title {
    max-width: 202px;
    padding-top: 2px;
    margin-left: 110px;
  }
  .home-custom-made .custom-made-title .desc-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .home-custom-made .bg-pattern {
    top: -50px;
    right: 102px;
    transform: none;
    left: auto;
  }
  .home-custom-made .bg-pattern .icon-bg svg {
    transform: scale(0.68);
  }
}
@media screen and (max-width: 767px) {
  .home-custom-made {
    height: fit-content;
  }
  .home-custom-made:before {
    width: 164px;
    height: 728px;
  }
  .home-custom-made .container {
    padding-right: 0px;
    padding-left: 0px;
  }
  .home-custom-made .custom-made-boxs {
    padding: 0px;
  }
  .home-custom-made .custom-made-boxs .box-1 {
    height: 240px;
    padding: 0px;
  }
  .home-custom-made .custom-made-boxs .box-1 .box-img img {
    height: 176px;
    object-position: left top;
    margin-left: -55px;
  }
  .home-custom-made .custom-made-boxs .box-1 .box-txt {
    top: 124px;
    left: 150px;
  }
  .home-custom-made .custom-made-boxs .box-1 .box-txt p,
  .home-custom-made .custom-made-boxs .box-1 .box-txt h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .home-custom-made .custom-made-boxs .box-2 {
    margin-bottom: 100px;
    width: 100%;
    padding: 0px;
    justify-content: center;
  }
  .home-custom-made .custom-made-boxs .box-2:before {
    width: 164px;
    height: 280px;
  }
  .home-custom-made .custom-made-boxs .box-2 .box-img {
    margin-right: 0px;
    margin-top: 24px;
    max-width: 284px;
  }
  .home-custom-made .custom-made-boxs .box-3 {
    padding: 0px;
    padding-top: 30px;
  }
  .home-custom-made .custom-made-boxs .box-3 .bt-route p {
    font-size: 14px;
  }
  .home-custom-made .custom-made-boxs .box-4 {
    width: 100%;
    margin-bottom: 20px;
  }
  .home-custom-made .custom-made-boxs .box-4 .box-img {
    float: left;
    margin: 0px 32px;
  }
  .home-custom-made .custom-made-boxs .box-5 {
    width: 100%;
  }
  .home-custom-made .custom-made-boxs .box-5 .box-img {
    float: right;
    margin: 0px 32px;
  }
  .home-custom-made .custom-made-boxs .box-4 .box-img,
  .home-custom-made .custom-made-boxs .box-5 .box-img {
    max-width: 100%;
  }
  .home-custom-made .custom-made-boxs .box-4 .box-img img,
  .home-custom-made .custom-made-boxs .box-5 .box-img img {
    height: auto;
    max-width: 100%;
  }
  .home-custom-made .bg-pattern {
    right: 50%;
    transform: translate(208px, 0px);
  }
  .home-custom-made .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
  .home-custom-made .showroom-tag {
    top: 22.6%;
  }
}
@media screen and (max-width: 414px) {
  .home-custom-made .custom-made-boxs .box-4 .box-img,
  .home-custom-made .custom-made-boxs .box-5 .box-img {
    max-width: 100%;
  }
  .home-custom-made .custom-made-boxs .box-4 .box-img img,
  .home-custom-made .custom-made-boxs .box-5 .box-img img {
    height: auto;
    max-width: 100%;
  }
  .home-custom-made .bg-pattern {
    right: 0%;
    transform: none;
  }
}
@media screen and (max-width: 360px) {
  .home-custom-made .custom-made-title {
    margin-left: 80px;
  }
  .home-custom-made .custom-made-boxs .box-1 .box-txt {
    bottom: -2px;
    left: 25%;
  }
}
.home-new-product-slide {
  position: relative;
  width: 100%;
  min-height: 842px;
  padding-top: 134px;
}
.home-new-product-slide.product-similar {
  position: relative;
  width: 100%;
  min-height: 760px;
  padding-top: 70px;
  height: auto;
}
.home-new-product-slide.how-it-made-product {
  min-height: 864px;
  padding-top: 156px;
}
.home-new-product-slide.wish-list-product {
  min-height: 786px;
  padding-top: 76px;
}
.home-new-product-slide.no-pd-top {
  padding-top: 0;
}
.home-new-product-slide.mh-auto {
  min-height: auto;
}
.home-new-product-slide .new-product-title {
  padding-left: 162px;
  margin-bottom: 44px;
}
.home-new-product-slide .new-product-title .title-txt p,
.home-new-product-slide .new-product-title .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.home-new-product-slide .new-product-title .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.home-new-product-slide .new-product-title .desc-txt p {
  color: #111c1c;
  font-size: 16px;
}
.home-new-product-slide .new-product-title a {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.home-new-product-slide .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt {
  min-height: 44px;
}
.home-new-product-slide .controls-box {
  position: relative;
  width: 100%;
  height: 80px;
  display: none;
}
.home-new-product-slide .controls-box .slide-nav {
  position: absolute;
  right: 30px;
  bottom: 22px;
}
.home-new-product-slide .slider {
  position: relative;
}
.home-new-product-slide .slider .swiper-pagination.swiper-pagination-bullets {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  margin-top: 30px;
  z-index: 4;
  width: fit-content;
}
.home-new-product-slide .slider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
}
.home-new-product-slide .slider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.home-new-product-slide .slider.show-nav .controls-box {
  display: block;
}
.home-new-product-slide .slider.sub-product-slide .swiper-slide {
  opacity: 0;
}
.home-new-product-slide .slider.sub-product-slide .swiper-slide-active {
  opacity: 1;
}
.home-new-product-slide .swiper {
  z-index: 2;
}
.home-new-product-slide .swiper .new-product-slide-item {
  height: auto;
}
.home-new-product-slide .swiper.sub-product-slide {
  position: relative;
  cursor: pointer;
}
.home-new-product-slide .swiper.sub-product-slide .custom_bullets {
  display: block;
  bottom: 35px;
}
.home-new-product-slide .swiper.sub-product-slide .swiper-pagination.swiper-pagination-bullets {
  transform: none !important;
  width: auto !important;
  display: block;
  position: relative;
}
.home-new-product-slide .swiper.sub-product-slide .swiper-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity 0.3s;
  text-align: center;
  z-index: 0;
}
.home-new-product-slide .swiper.sub-product-slide .swiper-wrapper--active {
  position: relative;
  z-index: 2;
  opacity: 1;
}
.home-new-product-slide .swiper .swiper-wrapper a {
  cursor: pointer;
}
.home-new-product-slide .swiper .swiper-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 265px;
}
.home-new-product-slide .swiper .separator {
  display: none;
}
.home-new-product-slide .swiper .amount {
  display: none;
}
.home-new-product-slide .scroll-down-button {
  display: none;
}

@media (min-width: 1200px) {
  .home-new-product-slide .container {
    max-width: 1424px;
  }
}
@media screen and (max-width: 1024px) {
  .home-new-product-slide {
    min-height: 750px;
    padding-top: 102px;
  }
  .home-new-product-slide .container {
    padding-right: 0px;
    padding-left: 62px;
    max-width: 100%;
  }
  .home-new-product-slide.product-similar {
    min-height: 770px;
    padding-top: 38px;
  }
  .home-new-product-slide.product-similar .swiper .slide-nav {
    bottom: -72px;
    right: 60px;
    width: 112px;
  }
  .home-new-product-slide.product-similar .swiper .slide-nav .slide-nav-box .circle-bt {
    width: 50px;
    height: 50px;
  }
  .home-new-product-slide.how-it-made-product {
    min-height: 736px;
    padding-top: 74px;
  }
  .home-new-product-slide.wish-list-product .swiper-container {
    height: initial;
  }
  .home-new-product-slide .slider .main-slide-pagination {
    display: none;
  }
  .home-new-product-slide .slider .controls-box .slide-nav .slide-nav-box {
    right: 28px;
  }
  .home-new-product-slide .slider .slide-nav {
    bottom: -12px;
    right: 60px;
    width: 200px;
    position: relative;
    margin-left: auto;
  }
  .home-new-product-slide .slider .slide-nav .slide-nav-box {
    right: -30px;
  }
  .home-new-product-slide .slider .slide-nav .nav-txt p {
    font-size: 14px;
  }
  .home-new-product-slide .slider .slide-nav .nav-txt p.label-txt {
    padding: 0 2px;
    color: rgba(17, 28, 28, 0.34);
  }
  .home-new-product-slide .slider .slide-nav .nav-txt p.current-txt {
    padding-right: 0px;
    color: black;
  }
  .home-new-product-slide .slider .slide-nav .nav-txt p.all-txt {
    color: rgba(17, 28, 28, 0.34);
  }
  .home-new-product-slide .controls-box {
    width: 100%;
    right: 0;
    bottom: -75px;
    left: -26px;
    height: 42px;
    position: absolute;
    display: flex;
    justify-content: space-between;
  }
  .home-new-product-slide .controls-box .slide-nav {
    order: 2;
    height: auto;
    width: 200px;
    position: relative;
    transform: none;
    left: unset;
    right: unset;
    bottom: 0;
    padding: 0 px;
  }
  .home-new-product-slide .controls-box .slide-nav .slide-nav-box .circle-bt.bt-next {
    top: 0;
    order: 3;
    left: 0;
  }
  .home-new-product-slide .controls-box .slide-nav .slide-nav-box .nav-txt p {
    font-size: 14px;
  }
  .home-new-product-slide .controls-box .slide-nav .slide-nav-box .nav-txt p.label-txt {
    padding: 0 2px;
    color: rgba(17, 28, 28, 0.34);
  }
  .home-new-product-slide .controls-box .slide-nav .slide-nav-box .nav-txt p.current-txt {
    padding-right: 0px;
    color: black;
  }
  .home-new-product-slide .controls-box .slide-nav .slide-nav-box .nav-txt p.all-txt {
    color: rgba(17, 28, 28, 0.34);
  }
  .home-new-product-slide .controls-box .scroll-down-button {
    order: 1;
    position: relative;
    height: auto;
    width: 152px;
    left: 22px;
    bottom: 0;
    display: inline-block;
  }
  .home-new-product-slide .controls-box .scroll-down-button p {
    float: right;
    display: inline-block;
    position: relative;
    order: 2;
    line-height: 42px;
    left: unset;
    transform: translate(-50%, 0%);
    height: 42px;
    font-size: 16px;
    color: rgba(17, 28, 28, 0.34);
  }
  .home-new-product-slide .controls-box .scroll-down-button .circle-bt {
    order: 1;
    position: relative;
    float: left;
    width: 42px;
    height: 42px;
  }
  .home-new-product-slide .controls-box .slide-bullets {
    bottom: 18px;
    top: unset;
  }
  .home-new-product-slide .new-product-title {
    padding-left: 64px;
  }
  .home-new-product-slide .new-product-title .title-txt p,
  .home-new-product-slide .new-product-title .title-txt h2 {
    font-size: 40px;
    line-height: 46px;
  }
  .home-new-product-slide .new-product-title .desc-txt p {
    font-size: 14px;
  }
  .home-new-product-slide .new-product-title .bt-route p {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .home-new-product-slide .new-product-slide-item .item-container .slide-text-box {
    padding: 14px 8px;
  }
}
@media screen and (max-width: 768px) {
  .home-new-product-slide .controls-box .scroll-down-button {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .home-new-product-slide {
    min-height: 736px;
    padding-top: 64px;
  }
  .home-new-product-slide.product-similar {
    padding-top: 24px;
    min-height: 690px;
  }
  .home-new-product-slide.product-similar .new-product-title {
    padding-left: 14px;
  }
  .home-new-product-slide.product-similar .slider .slide-nav {
    width: 100px;
    height: 42px;
    bottom: -45px;
    right: 30px;
  }
  .home-new-product-slide.product-similar .slider .slide-nav .slide-nav-box .circle-bt {
    width: 42px;
    height: 42px;
  }
  .home-new-product-slide.how-it-made-product {
    min-height: 700px;
    padding-top: 68px;
  }
  .home-new-product-slide.wish-list-product {
    min-height: 744px;
    padding-top: 76px;
    height: auto;
  }
  .home-new-product-slide.wish-list-product .swiper-container {
    height: initial;
  }
  .home-new-product-slide.wish-list-product .new-product-slide-item .item-container .slide-text-box {
    padding: 0px 8px;
    margin-bottom: 20px;
  }
  .home-new-product-slide .container {
    padding-right: 0px;
    padding-left: 32px;
    max-width: 100%;
  }
  .home-new-product-slide .slider.sub-product-slide .swiper-wrapper img {
    max-height: 245px;
    width: 100%;
    object-fit: contain;
  }
  .home-new-product-slide .slider .controls-box .slide-nav {
    right: 0;
  }
  .home-new-product-slide .slider .controls-box .slide-nav .slide-nav-box {
    right: 0;
  }
  .home-new-product-slide .slider .slide-nav {
    right: 30px;
  }
  .home-new-product-slide .slider .slide-nav .slide-nav-box {
    right: 0;
  }
  .home-new-product-slide .new-product-title {
    padding-left: 0px;
  }
  .home-new-product-slide .new-product-title .title-txt p,
  .home-new-product-slide .new-product-title .title-txt h2 {
    font-size: 32px;
    line-height: 38px;
  }
  .home-new-product-slide .new-product-slide-item .item-container .slide-text-box {
    padding: 16px 8px;
  }
}
@media screen and (max-width: 600px) {
  .home-new-product-slide .slider.more-item-nav {
    padding-bottom: 120px;
  }
  .home-new-product-slide .slider.more-item-nav .controls-box {
    bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .home-new-product-slide.wish-list-product .slider:not(.more-item-nav) .slide-nav {
    right: 6px;
  }
}
.new-product-slide-item.item-configuration .item-container .configuration-label {
  display: flex;
}
.new-product-slide-item.item-configuration .item-container .slide-text-box .slide-bt-box .bt-continue {
  display: flex;
}
.new-product-slide-item.item-configuration .item-container .slide-text-box .slide-bt-box .continue-box {
  display: block;
}
.new-product-slide-item.item-configuration .item-container .slide-text-box .slide-bt-box .route-box {
  display: none;
}
.new-product-slide-item.item-wishlist .item-container .slide-text-box .slide-bt-box .bt-save .save {
  display: none;
}
.new-product-slide-item.item-wishlist .item-container .slide-text-box .slide-bt-box .bt-save .saved {
  display: flex;
}
.new-product-slide-item.item-wishlist .item-container .slide-text-box .slide-bt-box .bt-save .undo {
  display: none;
}
.new-product-slide-item.disable .item-container .glide,
.new-product-slide-item.disable .item-container .sub-product-slide {
  opacity: 0.5;
  pointer-events: none;
}
.new-product-slide-item.disable .item-container .slide-text-box .slide-set-top {
  opacity: 0.5;
}
.new-product-slide-item.disable .item-container .slide-text-box .slide-bt-box .bt-save .save {
  display: none;
}
.new-product-slide-item.disable .item-container .slide-text-box .slide-bt-box .bt-save .saved {
  display: none;
}
.new-product-slide-item.disable .item-container .slide-text-box .slide-bt-box .bt-save .undo {
  display: flex;
  width: 100%;
}
.new-product-slide-item.disable .item-container .slide-text-box .slide-bt-box .bt-save .undo p {
  width: calc(100% - 24px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.new-product-slide-item.disable .item-container .slide-text-box .slide-bt-box .route-box {
  display: none;
}
.new-product-slide-item.disable .item-container .slide-text-box .slide-bt-box .continue-box {
  display: none;
}
.new-product-slide-item.disable .item-container .configuration-label {
  opacity: 0.5;
}
.new-product-slide-item .item-container {
  width: 100%;
  border: solid 2px rgba(247, 248, 243, 0);
  transition: all 0.3s ease-out;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
  max-width: 336px;
  position: relative;
}
.new-product-slide-item .item-container.active {
  border: solid 2px rgb(247, 248, 243);
}
.new-product-slide-item .item-container:not(.active):hover {
  border: solid 2px rgb(247, 248, 243);
}
.new-product-slide-item .item-container:not(.active):hover .bt-product-route p,
.new-product-slide-item .item-container:not(.active):hover .bt-continue p {
  color: #e4b760;
}
.new-product-slide-item .item-container:not(.active):hover .bt-product-route .icon-arr-right svg,
.new-product-slide-item .item-container:not(.active):hover .bt-continue .icon-arr-right svg {
  color: #e4b760;
  animation: moveNext 0.6s linear forwards;
}
.new-product-slide-item .item-container .slide-bg.bg-img img {
  object-fit: cover;
  width: 100%;
  height: 400px;
}
.new-product-slide-item .item-container .slide-text-box {
  height: auto;
  min-height: 138px;
  padding: 14px 36px;
  cursor: default;
}
.new-product-slide-item .item-container .slide-text-box .slide-set-top {
  position: relative;
  min-height: 90px;
}
.new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt {
  margin-bottom: 4px;
  display: flex;
}
.new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt p,
.new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt b {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #111c1c;
  white-space: initial;
}
.new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt b {
  text-overflow: initial;
  color: #e4b760;
}
.new-product-slide-item .item-container .slide-text-box .slide-bt-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save {
  width: fit-content;
}
.new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save:hover ~ a .bt-product-route p {
  color: #111c1c;
}
.new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save:hover ~ a .bt-product-route .icon-arr-right svg {
  color: #111c1c;
  animation: none;
}
.new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-route p {
  color: #111c1c;
}
.new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-route .icon-arr-right svg {
  color: #111c1c;
}
.new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-product-route p {
  line-height: 16px;
}
.new-product-slide-item .item-container .slide-text-box .slide-bt-box .continue-box {
  display: none;
}
.new-product-slide-item .item-container .configuration-label {
  position: absolute;
  top: 25px;
  left: 0px;
  height: 50px;
  padding: 0px 36px;
  display: flex;
  background-color: #f8f7f3;
  border-radius: 5px;
  z-index: 2;
  align-items: center;
  display: none;
}
.new-product-slide-item .item-container .configuration-label .icon-config {
  width: 14px;
  height: 12px;
  background-color: #000000;
}
.new-product-slide-item .item-container .configuration-label p {
  padding-left: 14px;
  font-size: 12px;
  font-weight: 600;
}

@media screen and (max-width: 1024px) {
  .new-product-slide-item .item-container .configuration-label {
    top: 18px;
    padding: 0px 28px;
  }
}
@media screen and (max-width: 834px) {
  .new-product-slide-item .item-container .slide-text-box {
    padding: 16px 26px;
  }
  .new-product-slide-item .item-container .slide-text-box .slide-set-top {
    min-height: 96px;
  }
  .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt {
    margin-bottom: 6px;
  }
  .new-product-slide-item .item-container .glide__slide {
    position: relative;
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .new-product-slide-item .item-container .slide-text-box {
    padding: 16px 8px;
  }
  .new-product-slide-item .item-container .slide-text-box .slide-set-top {
    min-height: 100px;
  }
  .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt {
    margin-bottom: 12px;
  }
  .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save p {
    display: none;
  }
}
.product-related-slide {
  position: relative;
  width: 100%;
  height: auto;
}
.product-related-slide .container {
  max-width: 1186px;
}
.product-related-slide .new-product-title {
  padding-left: 40px;
  margin-bottom: 40px;
}
.product-related-slide .new-product-title .title-txt p,
.product-related-slide .new-product-title .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.product-related-slide .new-product-title .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.product-related-slide .new-product-title .desc-txt p {
  color: #111c1c;
  font-size: 16px;
}
.product-related-slide .new-product-title a {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.product-related-slide .slider {
  position: relative;
  margin-bottom: 32px;
}
.product-related-slide .slider .swiper-pagination.swiper-pagination-bullets {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  margin-top: 30px;
  z-index: 4;
  width: fit-content;
}
.product-related-slide .slider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
}
.product-related-slide .slider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.product-related-slide .slider.show-nav .controls-box {
  display: block;
}
.product-related-slide .slider.sub-product-slide .swiper-slide {
  opacity: 0;
}
.product-related-slide .slider.sub-product-slide .swiper-slide-active {
  opacity: 1;
}
.product-related-slide .swiper {
  z-index: 2;
}
.product-related-slide .swiper .product-related-slide-item {
  height: auto;
  width: fit-content;
}
.product-related-slide .swiper.sub-product-slide {
  position: relative;
  cursor: pointer;
}
.product-related-slide .swiper.sub-product-slide .custom_bullets {
  display: block;
  bottom: 35px;
}
.product-related-slide .swiper.sub-product-slide .swiper-pagination.swiper-pagination-bullets {
  transform: none !important;
  width: auto !important;
  display: block;
  position: relative;
}
.product-related-slide .swiper.sub-product-slide .swiper-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity 0.3s;
  text-align: center;
  z-index: 0;
}
.product-related-slide .swiper.sub-product-slide .swiper-wrapper-active {
  position: relative;
  z-index: 2;
  opacity: 1;
}
.product-related-slide .swiper .swiper-wrapper a {
  cursor: pointer;
}
.product-related-slide .swiper .swiper-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 215px;
}
.product-related-slide .swiper .separator {
  display: none;
}
.product-related-slide .swiper .amount {
  display: none;
}
.product-related-slide .controls-box {
  position: relative;
  width: 100%;
  height: 50px;
}
.product-related-slide .controls-box .swiper-pagination.swiper-pagination-bullets {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
  width: fit-content;
}
.product-related-slide .controls-box .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
}
.product-related-slide .controls-box .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.product-related-slide .controls-box .slide-nav {
  position: absolute;
  width: 112px;
  height: 50px;
  right: 0px;
}
.product-related-slide .controls-box .slide-nav .slide-nav-box .nav-txt {
  all: unset;
  position: absolute;
  display: flex;
  right: 128px;
  top: 18px;
  display: none;
}
.product-related-slide .controls-box .slide-nav .slide-nav-box .nav-txt p {
  font-size: 14px;
}
.product-related-slide .controls-box .slide-nav .slide-nav-box .nav-txt p.label-txt {
  padding: 0 2px;
  color: rgba(17, 28, 28, 0.34);
}
.product-related-slide .controls-box .slide-nav .slide-nav-box .nav-txt p.current-txt {
  padding-right: 0px;
  color: black;
}
.product-related-slide .controls-box .slide-nav .slide-nav-box .nav-txt p.all-txt {
  color: rgba(17, 28, 28, 0.34);
}

@media screen and (max-width: 1024px) {
  .product-related-slide .container {
    padding-left: 64px;
    padding-right: 0px;
  }
  .product-related-slide .new-product-title {
    padding-left: 0px;
    margin-bottom: 32px;
  }
  .product-related-slide .new-product-title .title-txt p,
  .product-related-slide .new-product-title .title-txt h2 {
    font-size: 40px;
    line-height: 46px;
  }
  .product-related-slide .new-product-title .desc-txt p {
    font-size: 14px;
  }
  .product-related-slide .new-product-title .bt-route p {
    font-size: 14px;
  }
  .product-related-slide .slider {
    margin-bottom: 32px;
  }
  .product-related-slide .controls-box .slide-nav .slide-nav-box .nav-txt {
    right: 110px;
    top: 14px;
  }
}
@media screen and (max-width: 743px) {
  .product-related-slide .container {
    padding-left: 32px;
    padding-right: 0px;
  }
  .product-related-slide .new-product-title .title-txt p,
  .product-related-slide .new-product-title .title-txt h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media screen and (max-width: 414px) {
  .product-related-slide .controls-box .swiper-pagination.swiper-pagination-bullets {
    transform: translate(-80%, -50%);
  }
}
.product-related-slide-item .item-container {
  width: 100%;
  border: solid 2px rgba(247, 248, 243, 0);
  transition: all 0.3s ease-out;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
  max-width: 266px;
  position: relative;
}
.product-related-slide-item .item-container .slider {
  margin-bottom: 24px;
}
.product-related-slide-item .item-container.active {
  border: solid 2px rgb(247, 248, 243);
}
.product-related-slide-item .item-container:not(.active):hover {
  border: solid 2px rgb(247, 248, 243);
}
.product-related-slide-item .item-container:not(.active):hover .bt-product-route p, .product-related-slide-item .item-container:not(.active):hover .bt-continue p {
  color: #e4b760;
}
.product-related-slide-item .item-container:not(.active):hover .bt-product-route .icon-arr-right svg, .product-related-slide-item .item-container:not(.active):hover .bt-continue .icon-arr-right svg {
  color: #e4b760;
  animation: moveNext 0.6s linear forwards;
}
.product-related-slide-item .item-container .slide-bg.bg-img img {
  object-fit: cover;
  width: 100%;
  height: 400px;
}
.product-related-slide-item .item-container .slide-text-box {
  height: auto;
  min-height: 126px;
  padding: 0px 16px 24px;
  cursor: default;
}
.product-related-slide-item .item-container .slide-text-box .slide-set-top {
  position: relative;
  min-height: 76px;
}
.product-related-slide-item .item-container .slide-text-box .slide-set-top .title-txt {
  margin-bottom: 4px;
  display: flex;
  height: 48px;
}
.product-related-slide-item .item-container .slide-text-box .slide-set-top .title-txt p, .product-related-slide-item .item-container .slide-text-box .slide-set-top .title-txt b {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #111c1c;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-related-slide-item .item-container .slide-text-box .slide-set-top .title-txt b {
  text-overflow: initial;
  color: #e4b760;
}
.product-related-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting {
  margin-bottom: 24px;
}
.product-related-slide-item .item-container .slide-text-box .slide-bt-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.product-related-slide-item .item-container .slide-text-box .slide-bt-box .bt-save {
  width: fit-content;
}
.product-related-slide-item .item-container .slide-text-box .slide-bt-box .bt-save:hover ~ a .bt-product-route p {
  color: #111c1c;
}
.product-related-slide-item .item-container .slide-text-box .slide-bt-box .bt-save:hover ~ a .bt-product-route .icon-arr-right svg {
  color: #111c1c;
  animation: none;
}
.product-related-slide-item .item-container .slide-text-box .slide-bt-box .bt-route p {
  color: #111c1c;
}
.product-related-slide-item .item-container .slide-text-box .slide-bt-box .bt-route .icon-arr-right svg {
  color: #111c1c;
}
.product-related-slide-item .item-container .slide-text-box .slide-bt-box .bt-product-route {
  display: flex;
  justify-content: end;
}
.product-related-slide-item .item-container .slide-text-box .slide-bt-box .bt-product-route p {
  line-height: 16px;
  text-align: right;
}
.product-related-slide-item .item-container .slide-text-box .slide-bt-box .continue-box {
  display: none;
}
.product-related-slide-item .item-container .configuration-label {
  position: absolute;
  top: 25px;
  left: 0px;
  height: 50px;
  padding: 0px 36px;
  display: flex;
  background-color: #f8f7f3;
  border-radius: 5px;
  z-index: 2;
  align-items: center;
  display: none;
}
.product-related-slide-item .item-container .configuration-label .icon-config {
  width: 14px;
  height: 12px;
  background-color: #000000;
}
.product-related-slide-item .item-container .configuration-label p {
  padding-left: 14px;
  font-size: 12px;
  font-weight: 600;
}

.reviews-ratting {
  display: flex;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.reviews-ratting .stars {
  display: inline-block;
  margin-left: -2px;
}
.reviews-ratting .stars .star {
  display: inline-block;
  float: left;
  padding: 0px 2px;
}
.reviews-ratting .stars .star svg {
  width: 20px;
  height: 20px;
}
.reviews-ratting .count,
.reviews-ratting .review-section,
.reviews-ratting .review-number {
  display: inline-block;
  font-weight: 700;
  padding-left: 8px;
  font-size: 11px;
  line-height: 24px;
  color: #111c1c;
}
.reviews-ratting .review-section,
.reviews-ratting .review-number {
  display: none;
}

.home-usp {
  position: relative;
  width: 100%;
  min-height: 308px;
  height: auto;
  padding-top: 32px;
  background-color: #f8f7f4;
}
.home-usp .usp-boxs {
  padding: 0px 88px;
  display: flex;
  justify-content: space-between;
}
.home-usp .usp-boxs .usp-box {
  width: 100%;
  max-width: 206px;
}
.home-usp .usp-boxs .usp-box .usp-icon {
  height: 124px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-usp .usp-boxs .usp-box .usp-icon .ico-usp {
  width: 64px;
  height: 64px;
}
.home-usp .usp-boxs .usp-box .usp-icon .ico-usp svg {
  width: 64px;
  height: 64px;
}
.home-usp .usp-boxs .usp-box .usp-text {
  text-align: center;
  margin-top: 6px;
}
.home-usp .usp-boxs .usp-box .usp-text .title-txt {
  margin-bottom: 20px;
}
.home-usp .usp-boxs .usp-box .usp-text .title-txt p {
  font-size: 18px;
  color: #111c1c;
  font-weight: 600;
}
.home-usp .usp-boxs .usp-box .usp-text .desc-txt p {
  color: #111c1c;
  font-size: 14px;
  line-height: 24px;
}

@media screen and (max-width: 991px) {
  .home-usp .usp-boxs {
    padding: 0px;
  }
}
@media screen and (max-width: 834px) {
  .home-usp {
    min-height: 600px;
    padding-top: 34px;
  }
  .home-usp .usp-boxs {
    padding: 0px 80px;
    flex-flow: row wrap;
  }
  .home-usp .usp-boxs .usp-box {
    margin-bottom: 32px;
  }
  .home-usp .usp-boxs .usp-box .usp-text .title-txt {
    margin-bottom: 14px;
  }
  .home-usp .usp-boxs .usp-box .usp-text .title-txt p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .home-usp {
    min-height: 1036px;
    padding-top: 34px;
  }
  .home-usp .usp-boxs {
    padding: 0px 56px;
    flex-flow: column wrap;
  }
  .home-usp .usp-boxs .usp-box {
    margin: 0 auto;
    margin-bottom: 42px;
  }
  .home-usp .usp-boxs .usp-box .usp-icon {
    height: 116px;
  }
  .home-usp .usp-boxs .usp-box .usp-text {
    margin-top: 0px;
  }
  .home-usp .usp-boxs .usp-box .usp-text .title-txt {
    margin-bottom: 14px;
  }
  .home-usp .usp-boxs .usp-box .usp-text .title-txt p {
    font-size: 16px;
  }
  .home-usp .usp-boxs .usp-box .usp-text .desc-txt p {
    line-height: 28px;
  }
}
.home-configurable-slide {
  position: relative;
  width: 100%;
}
.home-configurable-slide .slider {
  position: relative;
  width: 100%;
}
.home-configurable-slide .slider.hide-nav .swiper {
  cursor: default;
}
.home-configurable-slide .slider .swiper {
  width: 100%;
  cursor: grab;
  overflow: unset;
}
.home-configurable-slide .slider .swiper-pagination {
  bottom: 76px;
  display: none;
}
.home-configurable-slide .slider .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(255, 255, 255, 0.34);
  border: none;
}
.home-configurable-slide .slider .swiper-pagination .swiper-pagination-bullet:hover, .home-configurable-slide .slider .swiper-pagination .swiper-pagination-bullet:focus {
  border: none;
  background-color: rgba(255, 255, 255, 0.34);
}
.home-configurable-slide .slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(255, 255, 255);
}
.home-configurable-slide .slider .swiper-button-lock {
  display: none;
}
.home-configurable-slide .tooltip-box-container {
  width: 100%;
  position: absolute;
  z-index: 2;
  height: 100%;
}
.home-configurable-slide .tooltip-box-container .tooltips {
  height: 100%;
  width: 100%;
}
.home-configurable-slide .tooltip-box-container .tooltips .tooltip-item-1 {
  top: 186px;
  left: 50%;
  transform: translate(480px, 0px);
}
.home-configurable-slide .tooltip-box-container .tooltips .tooltip-item-2 {
  top: 466px;
  left: 50%;
  transform: translate(480px, 0px);
}
.home-configurable-slide .tooltip-box-container .tooltips .tooltip-item-3 {
  top: 630px;
  left: 50%;
  transform: translate(300px, 0px);
}
.home-configurable-slide .controls-box {
  position: absolute;
  right: 126px;
  bottom: 63px;
  width: 226px;
  height: 100px;
  display: flex;
  justify-content: space-between;
  z-index: 1;
}
.home-configurable-slide .controls-box .slide-nav .slide-nav-box .nav-txt {
  display: block;
  width: fit-content;
}
.home-configurable-slide .controls-box .slide-nav .slide-nav-box .nav-txt.swiper-pagination-lock {
  display: none !important;
}
.home-configurable-slide .image-tag {
  position: absolute;
  cursor: pointer;
  border: 1px solid #fff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -16px;
  margin-top: -16px;
  z-index: 5;
}
.home-configurable-slide .image-tag.size-l, .home-configurable-slide .image-tag.size-ml, .home-configurable-slide .image-tag.size-m, .home-configurable-slide .image-tag.size-sm, .home-configurable-slide .image-tag.size-s {
  display: none;
}
.home-configurable-slide .image-tag.size-xl {
  display: flex;
}
.home-configurable-slide .image-tag .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #111c1c;
  opacity: 0.2;
  border-radius: 50%;
}
.home-configurable-slide .image-tag .more {
  width: 16px;
  height: 16px;
  opacity: 1;
  z-index: 1;
}
.home-configurable-slide .image-tag .more svg {
  width: 16px;
  height: 16px;
}

@media screen and (max-width: 1024px) {
  .home-configurable-slide .slider .swiper-pagination {
    display: none;
  }
  .home-configurable-slide .tooltip-box-container {
    width: auto;
    right: 62px;
    left: 62px;
  }
  .home-configurable-slide .tooltip-box-container .tooltips .tooltip-item-1 {
    top: 204px;
    left: auto;
    transform: none;
    right: 50px;
  }
  .home-configurable-slide .tooltip-box-container .tooltips .tooltip-item-2 {
    top: 536px;
    left: auto;
    transform: none;
    right: 50px;
  }
  .home-configurable-slide .tooltip-box-container .tooltips .tooltip-item-3 {
    top: 712px;
    transform: translate(84px, 0px);
  }
  .home-configurable-slide .controls-box .slide-nav .slide-nav-box .nav-txt {
    display: none;
  }
  .home-configurable-slide .controls-box {
    width: 100%;
    right: 0;
    height: 42px;
  }
  .home-configurable-slide .controls-box .slide-nav {
    order: 2;
    height: auto;
    width: 200px;
    position: relative;
    right: 30px;
  }
  .home-configurable-slide .controls-box .slide-nav .slide-nav-box .nav-txt {
    order: 1;
    display: inline-block;
    line-height: 42px;
    padding-right: 15px;
  }
  .home-configurable-slide .controls-box .scroll-down-button {
    order: 1;
    position: relative;
    height: auto;
    width: 165px;
    left: 64px;
    display: inline-block;
  }
  .home-configurable-slide .controls-box .scroll-down-button .circle-bt {
    order: 1;
    position: relative;
    float: left;
    width: 42px;
    height: 42px;
  }
  .home-configurable-slide .controls-box .scroll-down-button.white p {
    float: right;
    display: inline-block;
    position: relative;
    order: 2;
    line-height: 42px;
    left: unset;
  }
  .home-configurable-slide .slide-bullet {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .home-configurable-slide .slider .swiper-pagination {
    bottom: 64px;
  }
  .home-configurable-slide .tooltip-box-container .tooltips .tooltip-item-1 {
    top: 84px;
    right: 14px;
  }
  .home-configurable-slide .tooltip-box-container .tooltips .tooltip-item-2 {
    top: 427px;
    right: 14px;
  }
  .home-configurable-slide .tooltip-box-container .tooltips .tooltip-item-3 {
    top: 545px;
    transform: translate(-12px, 0px);
  }
  .home-configurable-slide .controls-box {
    right: 0px;
    bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .home-configurable-slide .slider .more-item-nav .swiper-pagination {
    text-align: center;
  }
  .home-configurable-slide .controls-box {
    right: unset;
    left: 50%;
    transform: translateX(-50%);
  }
  .home-configurable-slide .controls-box .scroll-down-button {
    left: 26px;
  }
  .home-configurable-slide .controls-box .slide-nav {
    right: 0;
  }
}
@media screen and (max-width: 1679px) {
  .home-configurable-slide .image-tag.size-xl {
    display: none;
  }
  .home-configurable-slide .image-tag.size-l {
    display: flex;
  }
}
@media screen and (max-width: 1366px) {
  .home-configurable-slide .image-tag.size-l {
    display: none;
  }
  .home-configurable-slide .image-tag.size-ml {
    display: flex;
  }
}
@media screen and (max-width: 1024px) {
  .home-configurable-slide .image-tag.size-ml {
    display: none;
  }
  .home-configurable-slide .image-tag.size-m {
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .home-configurable-slide .controls-box .scroll-down-button {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .home-configurable-slide .image-tag.size-m {
    display: none;
  }
  .home-configurable-slide .image-tag.size-sm {
    display: flex;
  }
}
@media screen and (max-width: 480px) {
  .home-configurable-slide .image-tag.size-sm {
    display: none;
  }
  .home-configurable-slide .image-tag.size-s {
    display: flex;
  }
}
.configurable-slide-item {
  overflow: hidden;
  display: flex;
  width: 100%;
  position: relative;
  height: 982px;
}
.configurable-slide-item .container {
  position: relative;
  max-width: 9999px !important;
}
.configurable-slide-item .container .tooltip-box {
  margin-top: -24px;
  margin-left: -24px;
}
.configurable-slide-item .container .tooltip-box .tooltip.edit {
  overflow: visible;
}
.configurable-slide-item .container .tooltip-box .tooltip.edit .tooltip-content {
  opacity: 1;
}
.configurable-slide-item .container .tooltip-box.size-l, .configurable-slide-item .container .tooltip-box.size-ml, .configurable-slide-item .container .tooltip-box.size-m, .configurable-slide-item .container .tooltip-box.size-sm, .configurable-slide-item .container .tooltip-box.size-s {
  display: none;
}
.configurable-slide-item .container .tooltip-box.size-xl {
  display: block;
}
.configurable-slide-item .slide-image:before {
  content: " ";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(17, 28, 28, 0.15);
  z-index: 1;
}
.configurable-slide-item .slide-bg {
  position: absolute;
  left: 0;
  width: 100%;
}
.configurable-slide-item .slide-bg.bg-img img {
  object-fit: cover;
  width: 100%;
  height: 982px;
}
.configurable-slide-item .hilight-title {
  position: absolute;
  left: 50%;
  top: 34.5%;
  transform: translate(-454px, 0px);
  max-width: 456px;
  z-index: 3;
}
.configurable-slide-item .hilight-title .title-txt {
  margin-bottom: 30px;
}
.configurable-slide-item .hilight-title .title-txt p,
.configurable-slide-item .hilight-title .title-txt h2 {
  font-size: 52px;
  line-height: 62px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
}
.configurable-slide-item .hilight-desc {
  position: absolute;
  left: 50%;
  max-width: 276px;
  transform: translate(-712px, 0px);
  bottom: 10%;
  z-index: 3;
}
.configurable-slide-item .hilight-desc .desc-txt {
  margin-bottom: 16px;
}
.configurable-slide-item .hilight-desc .desc-txt p {
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}
.configurable-slide-item .hilight-desc a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

@media screen and (max-width: 1600px) {
  .configurable-slide-item .hilight-desc {
    left: 128px;
    transform: none;
  }
}
@media screen and (max-width: 1024px) {
  .configurable-slide-item {
    height: 1112px;
  }
  .configurable-slide-item .slide-bg.bg-img {
    height: 100%;
  }
  .configurable-slide-item .slide-bg.bg-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .configurable-slide-item .hilight-title {
    top: 30.5%;
    transform: translate(-124px, 0px);
    max-width: 456px;
  }
  .configurable-slide-item .hilight-title .title-txt {
    margin-bottom: 28px;
  }
  .configurable-slide-item .hilight-title .title-txt p,
  .configurable-slide-item .hilight-title .title-txt h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .configurable-slide-item .hilight-title .bt-view {
    height: 56px;
    padding: 0px 30px;
  }
  .configurable-slide-item .hilight-title .bt-view p {
    font-size: 12px;
  }
  .configurable-slide-item .hilight-desc {
    left: 64px;
    max-width: 276px;
    transform: none;
    bottom: 124px;
  }
  .configurable-slide-item .hilight-desc .desc-txt {
    margin-bottom: 14px;
  }
  .configurable-slide-item .hilight-desc .desc-txt p {
    font-size: 14px;
  }
  .configurable-slide-item .hilight-desc .bt-route p {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .configurable-slide-item {
    height: 898px;
  }
  .configurable-slide-item .hilight-title {
    top: 22.8%;
    transform: translate(-50%, 0px);
    max-width: 456px;
    width: 100%;
  }
  .configurable-slide-item .hilight-title .title-txt {
    margin-bottom: 20px;
  }
  .configurable-slide-item .hilight-title .title-txt p,
  .configurable-slide-item .hilight-title .title-txt h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .configurable-slide-item .hilight-desc {
    left: 32px;
    bottom: 146px;
  }
}
@media screen and (max-width: 1024px) {
  .configurable-slide-item .container .tooltip-box.size-xl {
    display: none;
  }
  .configurable-slide-item .container .tooltip-box.size-l {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .configurable-slide-item .container .tooltip-box.size-l {
    display: none;
  }
  .configurable-slide-item .container .tooltip-box.size-ml {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .configurable-slide-item .container .tooltip-box.size-ml {
    display: none;
  }
  .configurable-slide-item .container .tooltip-box.size-m {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .configurable-slide-item .container .tooltip-box {
    margin-left: -20px;
  }
  .configurable-slide-item .container .tooltip-box.size-m {
    display: none;
  }
  .configurable-slide-item .container .tooltip-box.size-sm {
    display: block;
  }
}
@media screen and (max-width: 375px) {
  .configurable-slide-item .container .tooltip-box.size-sm {
    display: none;
  }
  .configurable-slide-item .container .tooltip-box.size-s {
    display: block;
  }
}
.home-interior-styles {
  position: relative;
  width: 100%;
  min-height: 814px;
  padding-top: 134px;
}
.home-interior-styles:before {
  content: " ";
  position: absolute;
  top: 64px;
  right: 0;
  width: 38%;
  height: 750px;
  background-color: #f8f7f4;
  border-radius: 5px;
  z-index: -1;
}
.home-interior-styles .interior-title {
  padding-left: 162px;
  margin-bottom: 56px;
}
.home-interior-styles .interior-title .title-txt p,
.home-interior-styles .interior-title .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.home-interior-styles .interior-title .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.home-interior-styles .interior-title .desc-txt p {
  color: #111c1c;
  font-size: 16px;
}
.home-interior-styles .interior-title a {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.home-interior-styles .interior-box {
  display: flex;
  flex-flow: row wrap;
}
.home-interior-styles .interior-box .interior-slide {
  position: relative;
}
.home-interior-styles .interior-box .interior-slide .interior-style-layer {
  position: absolute;
  min-height: 400px;
  left: 0%;
  z-index: 2;
}
.home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide {
  min-height: 440px;
  display: flex;
  flex-flow: row wrap;
}
.home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .container {
  min-height: 68px;
}
.home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .slide-menu {
  width: 336px;
  padding: 68px 0px;
}
.home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .slide-menu .menu-txt {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: rgba(17, 28, 28, 0.4);
  transition: all 0.3s ease-out;
  margin-bottom: 18px;
  cursor: pointer;
}
.home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .slide-menu .menu-txt:not(.active):hover {
  color: rgb(17, 28, 28);
}
.home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .slide-menu .menu-txt.active {
  color: rgb(17, 28, 28);
}
.home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .slide-container {
  width: calc(100% - 336px);
  height: 400px;
}
.home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .block .item img {
  height: 400px;
}
.home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .block h2 {
  margin-left: 736px;
  margin-top: 94px;
  margin-bottom: 28px;
  left: 0;
  width: auto;
  font-size: 32px;
}
.home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .block p {
  margin-left: 736px;
  max-width: unset;
  width: auto;
  left: 0;
}
.home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .block button {
  display: block;
  background-color: #e4b760;
  color: #ffffff;
  padding: 20px 32px;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  height: 64px;
  border-radius: 100px;
  margin-left: 736px;
  margin-top: 24px;
}
.home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .block button:hover {
  filter: brightness(85%);
}
.home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .slide-bullets {
  top: auto;
  bottom: 30px;
  right: 478px;
  left: auto;
  transform: none;
}
.home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .slide-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(370px, -404px);
  z-index: 2;
  display: none;
}
.home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .scroll-down-button {
  order: 1;
  position: relative;
  height: auto;
  width: 152px;
  left: 26px;
  bottom: 0;
  transform: none;
  display: none;
}
.home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .scroll-down-button p {
  float: right;
  display: inline-block;
  position: relative;
  order: 2;
  line-height: 42px;
  left: unset;
  transform: translate(-50%, 0%);
  height: 42px;
  font-size: 16px;
  color: rgba(17, 28, 28, 0.34);
}
.home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .scroll-down-button .circle-bt {
  order: 1;
  position: relative;
  float: left;
  width: 42px;
  height: 42px;
}
.home-interior-styles .interior-box .interior-text-boxs {
  max-width: 450px;
  z-index: 3;
  position: relative;
}
.home-interior-styles .bg-pattern {
  position: absolute;
  top: 590px;
  left: 50%;
  transform: translate(-458px, 0px);
  z-index: -1;
}
.home-interior-styles .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.home-interior-styles .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1479px) {
  .home-interior-styles:before {
    right: 0;
    width: 38%;
  }
  .home-interior-styles .interior-title {
    padding-left: 96px;
    margin-bottom: 46px;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide {
    min-height: 515px;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .slide-menu {
    padding: 54px 32px;
    width: 34%;
    min-height: 300px;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .slide-menu .menu-txt {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 14px;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .slide-container {
    width: 66%;
    min-height: 430px;
    height: auto;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .container {
    min-height: 42px;
    margin-top: 24px;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .block .item img {
    height: 300px;
    max-width: 480px;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .block h2 {
    margin-top: 276px;
    margin-left: 60px;
    font-size: 40px;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .block p {
    margin-left: 60px;
    width: 420px;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .block button {
    margin-left: 60px;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .slide-bullets {
    bottom: 16px;
    right: auto;
    left: 50%;
    transform: translate(-50%, 0%);
  }
  .home-interior-styles .bg-pattern {
    top: 463px;
    transform: translate(-262px, 0px);
  }
  .home-interior-styles .bg-pattern .icon-bg svg {
    transform: scale(0.8);
  }
}
@media screen and (max-width: 1024px) {
  .home-interior-styles .interior-title {
    padding-left: 96px;
  }
  .home-interior-styles .interior-title .title-txt p,
  .home-interior-styles .interior-title .title-txt h2 {
    font-size: 40px;
    line-height: 46px;
  }
  .home-interior-styles .interior-title .desc-txt p {
    font-size: 14px;
  }
  .home-interior-styles .interior-title .bt-route p {
    font-size: 14px;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .slide-nav {
    order: 2;
    height: auto;
    width: 200px;
    position: relative;
    transform: none;
    left: unset;
    right: unset;
    display: inline-block;
    top: 0;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .slide-nav .slide-nav-box .circle-bt.bt-next {
    top: 0;
    order: 3;
    left: 0;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .scroll-down-button {
    display: inline-block;
  }
}
@media screen and (max-width: 834px) {
  .home-interior-styles .bg-pattern {
    transform: translate(-212px, 0px);
  }
}
@media screen and (max-width: 768px) {
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .controls-box .scroll-down-button {
    display: none;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .controls-box .slide-nav {
    width: 100%;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .home-interior-styles {
    min-height: 830px;
    padding-top: 136px;
  }
  .home-interior-styles:before {
    right: 0;
    width: 38%;
    height: 740px;
  }
  .home-interior-styles .interior-title {
    padding-left: 32px;
    margin-bottom: 40px;
  }
  .home-interior-styles .interior-title .title-txt p,
  .home-interior-styles .interior-title .title-txt h2 {
    font-size: 32px;
    line-height: 34px;
  }
  .home-interior-styles .interior-title .desc-txt p {
    font-size: 14px;
  }
  .home-interior-styles .interior-title .bt-route p {
    font-size: 14px;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide {
    min-height: 490px;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .container {
    margin-left: -32px;
    margin-top: 32px;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .slide-menu {
    display: none;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .slide-container {
    min-height: 400px;
    width: 100%;
    margin: 0px;
    height: auto;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .block .item img {
    height: 220px;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .block h2 {
    margin-top: 200px;
    font-size: 32px;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .block p {
    max-width: 246px;
    margin-top: 32px;
  }
  .home-interior-styles .bg-pattern {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide.more-item-nav .slide-bullets {
    transform: translate(-50%, 0%);
    left: 50%;
    bottom: 0;
    text-align: center;
    display: block;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide.more-item-nav .slide-bullets .slide-bullet {
    display: inline-block;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide.more-item-nav .slide-nav {
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    top: 64px;
  }
}
@media screen and (max-width: 480px) {
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .slide-container {
    padding-right: 32px;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .block .item img {
    width: 100%;
  }
}
@media screen and (max-width: 360px) {
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .slide-bullets {
    left: 32px;
    transform: none;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .block h2 {
    margin-left: 30px;
  }
  .home-interior-styles .interior-box .interior-slide .interior-style-layer .flip-slide .block p {
    margin-left: 30px;
  }
}
.interior-slide-item {
  display: flex;
  position: relative;
  flex-flow: row wrap;
}
.interior-slide-item a {
  cursor: pointer;
}
.interior-slide-item .interior-img {
  width: 60%;
  max-width: 640px;
}
.interior-slide-item .interior-img img {
  height: 400px;
  max-width: 100%;
  object-fit: contain;
}
.interior-slide-item .interior-text-box-item {
  padding: 0px 76px;
  padding-top: 92px;
  width: 40%;
}
.interior-slide-item .interior-text-box-item .head-txt {
  margin-bottom: 30px;
  padding-left: 20px;
}
.interior-slide-item .interior-text-box-item .head-txt p {
  font-size: 44px;
  font-weight: 700;
  line-height: 54px;
}
.interior-slide-item .interior-text-box-item .desc-txt {
  margin-bottom: 18px;
  padding-left: 20px;
}
.interior-slide-item .interior-text-box-item .desc-txt p {
  font-size: 16px;
  line-height: 24px;
}
.interior-slide-item .interior-text-box-item .bt-route {
  padding-left: 20px;
}
.interior-slide-item .interior-text-box-item .bt-route p {
  font-size: 16px;
}

@media screen and (max-width: 1480px) {
  .interior-slide-item .interior-img {
    width: 50%;
  }
  .interior-slide-item .interior-text-box-item {
    width: 50%;
    padding: 60px 32px 20px;
  }
}
@media screen and (max-width: 1024px) {
  .interior-slide-item .interior-img {
    width: 100%;
  }
  .interior-slide-item .interior-img img {
    height: 300px;
  }
  .interior-slide-item .interior-text-box-item {
    max-width: 306px;
    margin-top: -28px;
    padding: 0px;
    margin-left: 46px;
    width: 100%;
  }
  .interior-slide-item .interior-text-box-item .head-txt p {
    font-size: 40px;
    line-height: 50px;
  }
  .interior-slide-item .interior-text-box-item .desc-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .interior-slide-item .interior-text-box-item .bt-route p {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .interior-slide-item .interior-img img {
    height: 220px;
  }
  .interior-slide-item .interior-text-box-item {
    margin-top: -28px;
    margin-left: 40px;
    max-width: 275px;
  }
  .interior-slide-item .interior-text-box-item .head-txt p {
    font-size: 32px;
    line-height: 42px;
  }
  .interior-slide-item .interior-text-box-item .desc-txt {
    margin-bottom: 22px;
  }
  .interior-slide-item .interior-text-box-item .desc-txt p {
    font-size: 14px;
  }
}
.slide-nav {
  width: 100px;
  height: 42px;
}
.slide-nav.hidden {
  display: none;
}
.slide-nav.vertical {
  width: 50px;
  height: 112px;
}
.slide-nav.vertical .slide-nav-box {
  position: relative;
}
.slide-nav.vertical .slide-nav-box .circle-bt.bt-prev {
  top: 64px;
  left: 0;
}
.slide-nav.vertical .slide-nav-box .circle-bt.bt-next {
  top: 0;
  left: 0;
}
.slide-nav.white .slide-nav-box .circle-bt {
  border: solid 2px #ffffff;
}
.slide-nav.white .slide-nav-box .circle-bt .icon-arr-left-bg,
.slide-nav.white .slide-nav-box .circle-bt .icon-arr-right-bg {
  background-color: #fff;
}
.slide-nav.white .slide-nav-box .circle-bt.swiper-button-disabled .icon-arr-left-bg,
.slide-nav.white .slide-nav-box .circle-bt.swiper-button-disabled .icon-arr-right-bg {
  background-color: rgba(255, 255, 255, 0.34);
}
.slide-nav.white .slide-nav-box .circle-bt.bt-prev .icon-arr-left svg {
  color: #ffffff;
}
.slide-nav.white .slide-nav-box .circle-bt.bt-prev.disable {
  border: solid 2px rgba(255, 255, 255, 0.34);
}
.slide-nav.white .slide-nav-box .circle-bt.bt-prev.disable .icon-arr-left svg {
  color: rgba(255, 255, 255, 0.34);
}
.slide-nav.white .slide-nav-box .circle-bt.bt-prev.swiper-button-disabled {
  border: solid 2px rgba(255, 255, 255, 0.34);
  pointer-events: none;
}
.slide-nav.white .slide-nav-box .circle-bt.bt-prev.swiper-button-disabled .icon-arr-left svg {
  color: rgba(255, 255, 255, 0.34);
}
.slide-nav.white .slide-nav-box .circle-bt.bt-next .icon-arr-right svg {
  color: #ffffff;
}
.slide-nav.white .slide-nav-box .circle-bt.bt-next.disable {
  border: solid 2px rgba(255, 255, 255, 0.34);
}
.slide-nav.white .slide-nav-box .circle-bt.bt-next.disable .icon-arr-right svg {
  color: rgba(255, 255, 255, 0.34);
}
.slide-nav.white .slide-nav-box .circle-bt.bt-next.swiper-button-disabled {
  border: solid 2px rgba(255, 255, 255, 0.34);
  pointer-events: none;
}
.slide-nav.white .slide-nav-box .circle-bt.bt-next.swiper-button-disabled .icon-arr-right svg {
  color: rgba(255, 255, 255, 0.34);
}
.slide-nav .slide-nav-box .nav-txt {
  padding: 0px 4px;
  display: none;
}
.slide-nav .slide-nav-box .nav-txt p {
  display: inline-block;
  float: left;
  font-size: 16px;
  font-weight: 600;
}
.slide-nav .slide-nav-box .nav-txt p.current-txt {
  color: rgb(255, 255, 255);
  padding-right: 32px;
}
.slide-nav .slide-nav-box .nav-txt p.label-txt {
  color: rgba(255, 255, 255, 0.34);
  padding-right: 8px;
}
.slide-nav .slide-nav-box .nav-txt p.all-txt {
  color: rgba(255, 255, 255, 0.34);
}
.slide-nav .slide-nav-box .circle-bt {
  border: solid 2px #000000;
}
.slide-nav .slide-nav-box .circle-bt.swiper-button-lock {
  display: none;
}
.slide-nav .slide-nav-box .circle-bt .icon-arr-left-bg,
.slide-nav .slide-nav-box .circle-bt .icon-arr-right-bg {
  background-color: #000000;
}
.slide-nav .slide-nav-box .circle-bt.swiper-button-disabled .icon-arr-left-bg,
.slide-nav .slide-nav-box .circle-bt.swiper-button-disabled .icon-arr-right-bg {
  background-color: rgba(17, 28, 28, 0.34);
}
.slide-nav .slide-nav-box .circle-bt.bt-prev {
  bottom: 0px;
  left: 0;
}
.slide-nav .slide-nav-box .circle-bt.bt-prev:not(.disable):hover .icon-arr-left svg {
  animation: moveBack 0.6s linear forwards;
}
.slide-nav .slide-nav-box .circle-bt.bt-prev:not(.disable):hover .icon-arr-left-bg {
  animation: moveBackNew 0.6s linear forwards;
}
.slide-nav .slide-nav-box .circle-bt.bt-prev.swiper-button-disabled {
  border: solid 2px rgba(17, 28, 28, 0.34);
  pointer-events: none;
}
.slide-nav .slide-nav-box .circle-bt.bt-prev.swiper-button-disabled .icon-arr-left svg {
  color: rgba(17, 28, 28, 0.34);
}
.slide-nav .slide-nav-box .circle-bt.bt-prev .icon-arr-left svg {
  color: #000000;
}
.slide-nav .slide-nav-box .circle-bt.bt-next {
  bottom: 0px;
  left: 64px;
}
.slide-nav .slide-nav-box .circle-bt.bt-next:not(.disable):hover .icon-arr-right svg {
  animation: moveNext 0.6s linear forwards;
}
.slide-nav .slide-nav-box .circle-bt.bt-next:not(.disable):hover .icon-arr-right-bg {
  animation: moveNextNew 0.6s linear forwards;
}
.slide-nav .slide-nav-box .circle-bt.bt-next.swiper-button-disabled {
  border: solid 2px rgba(17, 28, 28, 0.34);
  pointer-events: none;
}
.slide-nav .slide-nav-box .circle-bt.bt-next.swiper-button-disabled .icon-arr-right svg {
  color: rgba(17, 28, 28, 0.34);
}
.slide-nav .slide-nav-box .circle-bt.bt-next .icon-arr-right svg {
  color: #000000;
}

@media screen and (max-width: 1024px) {
  .slide-nav.vertical {
    height: 42px;
  }
  .slide-nav.vertical .slide-nav-box .circle-bt {
    width: 42px;
    height: 42px;
  }
  .slide-nav.vertical .slide-nav-box .circle-bt.bt-next {
    right: 0;
    left: auto;
  }
  .slide-nav.vertical .slide-nav-box .circle-bt.bt-prev {
    left: 0;
    top: 0;
  }
  .slide-nav.vertical .slide-nav-box .nav-txt p {
    font-size: 14px;
  }
  .slide-nav.vertical .slide-nav-box .nav-txt p.label-txt {
    padding: 0 2px;
    color: rgba(17, 28, 28, 0.34);
  }
  .slide-nav.vertical .slide-nav-box .nav-txt p.current-txt {
    padding-right: 0px;
    color: black;
  }
  .slide-nav.vertical .slide-nav-box .nav-txt p.all-txt {
    color: rgba(17, 28, 28, 0.34);
  }
  .slide-nav .slide-nav-box {
    position: relative;
    display: flex;
    flex-flow: nowrap;
    float: right;
    right: 28px;
  }
  .slide-nav .slide-nav-box .nav-txt {
    order: 1;
    display: inline-block;
    line-height: 42px;
    padding-right: 15px;
  }
  .slide-nav .slide-nav-box .circle-bt {
    width: 42px;
    height: 42px;
  }
  .slide-nav .slide-nav-box .circle-bt.bt-prev {
    position: relative;
    order: 2;
    margin-right: 10px;
  }
  .slide-nav .slide-nav-box .circle-bt.bt-next {
    position: relative;
    order: 3;
    left: 0;
  }
  .slide-nav .slide-nav-box .nav-txt p {
    font-size: 14px;
  }
  .slide-nav .slide-nav-box .nav-txt p.label-txt {
    padding: 0 2px;
  }
  .slide-nav .slide-nav-box .nav-txt p.current-txt {
    padding-right: 0px;
  }
  .slide-nav.white .slide-nav-box .circle-bt.bt-prev {
    position: relative;
    order: 2;
    margin-right: 10px;
  }
  .slide-nav.white .slide-nav-box .circle-bt.bt-next {
    position: relative;
    order: 3;
    left: 0;
  }
  .slide-nav.white .slide-nav-box .nav-txt p {
    font-size: 14px;
  }
  .slide-nav.white .slide-nav-box .nav-txt p.label-txt {
    padding: 0 2px;
  }
  .slide-nav.white .slide-nav-box .nav-txt p.current-txt {
    padding-right: 0px;
  }
}
.swiper .swiper-pagination.swiper-pagination-bullets {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 12px);
}
.swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
}
.swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.swiper .swiper-pagination.swiper-pagination-custom {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 12px);
}
.swiper .swiper-pagination.swiper-pagination-custom .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
}
.swiper .swiper-pagination.swiper-pagination-custom .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111c1c;
}

.scroll-down-button {
  width: 50px;
  height: 100px;
  cursor: pointer;
  position: relative;
}
.scroll-down-button.white p {
  padding: 0px 4px;
  color: rgba(255, 255, 255, 0.34);
  font-size: 16px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  height: 42px;
}
.scroll-down-button.white .circle-bt {
  border: solid 2px #ffffff;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0.4);
  animation: pulse 2s infinite;
}
.scroll-down-button.white .circle-bt.bt-scroll:hover .icon-arr-down svg {
  animation: menuDown 0.6s linear forwards;
}
.scroll-down-button.white .circle-bt.bt-scroll .icon-arr-down svg {
  color: #ffffff;
}
.scroll-down-button.horizontal {
  width: fit-content;
  height: 50px;
  margin-left: 34px;
  position: relative;
}
.scroll-down-button.horizontal .circle-bt {
  left: 0px;
}
.scroll-down-button.horizontal p {
  font-size: 16px;
  margin-left: 64px;
  line-height: 56px;
}
.scroll-down-button p {
  text-align: center;
  color: #111c1c;
  font-size: 14px;
  font-weight: 600;
}
.scroll-down-button .circle-bt {
  border: solid 2px #000000;
  right: 0px;
  bottom: 0px;
  animation: pulseProgress 2s infinite;
}
.scroll-down-button .circle-bt.bt-scroll:hover .icon-arr-down svg {
  animation: menuDown 0.6s linear forwards;
}
.scroll-down-button .circle-bt.bt-scroll:hover .icon-arr-up svg {
  animation: menuUp 0.6s linear forwards;
}
.scroll-down-button .circle-bt.bt-scroll .icon-arr-down svg,
.scroll-down-button .circle-bt.bt-scroll .icon-arr-up svg {
  color: #000000;
}
.scroll-down-button.bt-view {
  width: fit-content;
  height: 64px;
}
.scroll-down-button.bt-view p {
  position: relative;
  font-size: 14px;
  color: #fff;
  z-index: 2;
  line-height: 64px;
}
.scroll-down-button.bt-view b {
  font-weight: 700;
}
.scroll-down-button.bt-route {
  width: unset;
  height: unset;
}
.scroll-down-button.bt-route p {
  color: #e4b760;
  font-weight: 500;
}
.scroll-down-button.bt-icon {
  width: unset;
  height: unset;
}
.scroll-down-button.bt-download .bt-icon {
  animation: pulseProgress 2s infinite;
}

@media screen and (max-width: 1024px) {
  .scroll-down-button {
    display: none;
  }
  .scroll-down-button.bt-route, .scroll-down-button.bt-view, .scroll-down-button.bt-icon {
    display: flex;
  }
}
@media screen and (max-width: 320px) {
  .home-page .scroll-down-button {
    width: fit-content !important;
  }
  .home-page .scroll-down-button p {
    font-size: 12px;
    display: none !important;
  }
}
.home-news-letter {
  width: 100%;
  min-height: 360px;
  position: relative;
  background-color: #405954;
  z-index: 3;
}
.home-news-letter .news-content {
  max-width: 475px;
  margin: 0 auto;
  padding: 64px 0;
}
.home-news-letter .news-content .title-txt {
  padding: 0px 34px;
}
.home-news-letter .news-content .title-txt p {
  color: #ffffff;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.home-news-letter .news-content .desc-txt {
  margin-bottom: 32px;
  padding: 0px 34px;
}
.home-news-letter .news-content .desc-txt p {
  font-size: 16px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.75);
}
.home-news-letter .news-content .box-bt {
  height: 64px;
  overflow: hidden;
  border-radius: 50px;
  position: relative;
}
.home-news-letter .news-content .box-bt input[type=email] {
  background-color: #ffffff;
  padding: 12px 12px 12px 32px;
  height: 64px;
  font-size: 14px;
  color: rgba(17, 28, 28, 0.4);
  width: 90%;
}
.home-news-letter .news-content .box-bt .news-bt {
  width: 116px;
  height: 64px;
  font-weight: 700;
  font-size: 14px;
}
.home-news-letter .news-content .box-bt.success {
  display: none;
}
.home-news-letter .news-content .remark-txt {
  padding: 0px 34px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
}
.home-news-letter .news-content .box-console {
  position: relative;
  height: 20px;
  width: 100%;
}
.home-news-letter .news-content .box-console .console-txt {
  position: absolute;
  left: 50%;
  top: 5px;
  transform: translate(-50%, 0px);
}
.home-news-letter .news-content .box-console .console-txt.error {
  font-size: 14px;
  color: red;
  display: none;
}
.home-news-letter .news-content.success .box-bt.normal {
  display: none;
}
.home-news-letter .news-content.success .box-bt.success {
  display: block;
}
.home-news-letter .news-content.success .box-bt.success input[type=email] {
  width: 93%;
}
.home-news-letter .news-content.success .box-bt.success .news-bt {
  width: 64px;
  background-color: #000;
}
.home-news-letter .news-content.success .box-bt.success .news-bt .icon-checked {
  background: #fff;
  width: 12px;
  height: 9px;
  margin: 0 auto;
}
.home-news-letter .news-content.success .box-bt.success ::placeholder {
  color: #111c1c;
}
.home-news-letter .news-content.success .box-bt.success :-ms-input-placeholder {
  color: #111c1c;
}
.home-news-letter .news-content.success .box-bt.success ::-ms-input-placeholder {
  color: #111c1c;
}
.home-news-letter .news-content.error .box-console .console-txt.error {
  display: block;
}
.home-news-letter .news-content.ac-subscribed {
  max-width: unset;
  text-align: center;
}
.home-news-letter .news-content.ac-subscribed .box-bt .news-bt {
  position: relative;
  min-width: 468px;
  max-width: 100%;
  width: auto;
}
.home-news-letter .news-content.ac-subscribed.success .box-bt.success .news-bt {
  min-width: 468px;
  max-width: 100%;
  width: auto;
}

@media screen and (max-width: 834px) {
  .home-news-letter {
    height: 340px;
    margin-top: 58px;
  }
  .home-news-letter .news-content {
    padding: 68px 0;
  }
  .home-news-letter .news-content .title-txt p {
    font-size: 40px;
    line-height: 50px;
  }
  .home-news-letter .news-content .desc-txt p {
    font-size: 14px;
  }
  .home-news-letter .news-content.ac-subscribed .box-bt .news-bt {
    min-width: 268px;
  }
  .home-news-letter .news-content.ac-subscribed.success .box-bt.success .news-bt {
    min-width: 268px;
  }
}
@media screen and (max-width: 414px) {
  .home-news-letter {
    height: 322px;
  }
  .home-news-letter .news-content {
    padding: 48px 0;
  }
  .home-news-letter .news-content .title-txt {
    padding: 0px 32px;
  }
  .home-news-letter .news-content .title-txt p {
    font-size: 32px;
    line-height: 42px;
  }
  .home-news-letter .news-content .desc-txt {
    padding: 0px 32px;
  }
  .home-news-letter .news-content .box-console {
    height: 28px;
  }
  .home-news-letter .news-content .remark-txt {
    padding: 0px 32px;
    line-height: 18px;
  }
}
@media screen and (max-width: 360px) {
  .home-news-letter .news-content .box-bt input[type=email] {
    font-size: 11px;
  }
}
.home-blogs-slide {
  position: relative;
  width: 100%;
  padding-top: 65px;
}
.home-blogs-slide:before {
  content: " ";
  position: absolute;
  top: 222px;
  left: 0;
  width: 38%;
  height: 658px;
  background-color: #f8f7f4;
  border-radius: 5px;
  z-index: -1;
}
.home-blogs-slide .blogs-title {
  padding-left: 162px;
  margin-bottom: 124px;
}
.home-blogs-slide .blogs-title .title-txt p,
.home-blogs-slide .blogs-title .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.home-blogs-slide .blogs-title .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.home-blogs-slide .blogs-title .desc-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
}
.home-blogs-slide .blogs-title span {
  display: inline-block;
}
.home-blogs-slide .blogs-title .bt-route p {
  font-size: 16px;
}
.home-blogs-slide .blogs-title a {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.home-blogs-slide .blogs-slide-layer {
  position: relative;
  width: 1424px;
  left: 50%;
  transform: translate(-50%, 0px);
  z-index: 2;
  margin-bottom: 68px;
}
.home-blogs-slide .blogs-slide-layer .flip-slide {
  z-index: 2;
  display: flex;
  flex-flow: wrap;
  min-height: auto;
}
.home-blogs-slide .blogs-slide-layer .flip-slide .container {
  min-height: 1px;
  height: 1px;
  order: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.home-blogs-slide .blogs-slide-layer .flip-slide .slide-container {
  order: 1;
  min-height: 530px;
  justify-content: space-between;
  margin-bottom: 60px;
}
.home-blogs-slide .blogs-slide-layer .flip-slide .slide-nav {
  top: 98px;
  transform: translateX(750px);
}
.home-blogs-slide .blogs-slide-layer .flip-slide .slide-bullets {
  top: 304px;
  right: 0;
}
.home-blogs-slide .blogs-slide-layer .flip-slide .block {
  margin-right: 64px;
  min-height: 500px;
}
.home-blogs-slide .blogs-slide-layer .flip-slide .block.b-1 {
  top: 0px;
}
.home-blogs-slide .blogs-slide-layer .flip-slide .block.b-2 {
  top: 32px;
}
.home-blogs-slide .blogs-slide-layer .flip-slide .block.b-3 {
  top: 16px;
  margin-right: 0px;
}
.home-blogs-slide .blogs-slide-layer .flip-slide .block:hover .item img {
  transform: scale(1.05);
  object-fit: cover;
  width: 100%;
}
.home-blogs-slide .blogs-slide-layer .flip-slide .block:hover button {
  background-color: #e4b660;
  color: #ffffff;
}
.home-blogs-slide .blogs-slide-layer .flip-slide .block h2,
.home-blogs-slide .blogs-slide-layer .flip-slide .block h3 {
  font-size: 24px;
  left: 48px;
  margin-top: 318px;
  margin-bottom: 26px;
}
.home-blogs-slide .blogs-slide-layer .flip-slide .block p {
  left: 48px;
}
.home-blogs-slide .blogs-slide-layer .flip-slide .block span {
  top: 302px;
  left: 48px;
  display: block;
}
.home-blogs-slide .blogs-slide-layer .flip-slide .block button {
  margin-top: 26px;
  left: 48px;
  display: block;
}
.home-blogs-slide .blogs-slide-layer .flip-slide .block .item img {
  max-width: 430px;
  object-fit: cover;
  width: 100%;
  transform-origin: center center;
  transition: all 0.3s ease-in-out;
  height: 270px;
}
.home-blogs-slide .blogs-slide-layer .flip-slide .scroll-down-button {
  display: none;
}
.home-blogs-slide .bg-pattern {
  position: absolute;
  top: 488px;
  left: 50%;
  transform: translate(631px, 0px);
  z-index: 1;
}
.home-blogs-slide .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.home-blogs-slide .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1650px) {
  .home-blogs-slide .blogs-slide-layer .flip-slide {
    display: block;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .container {
    order: unset;
    min-height: 50px;
    height: unset;
    position: relative;
    top: unset;
    right: unset;
    left: unset;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .slide-container {
    order: unset;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .slide-nav {
    top: auto;
    bottom: 0;
    width: 112px;
    height: 50px;
    transform: unset;
    left: unset;
    right: 0;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .slide-nav.vertical .slide-nav-box .circle-bt {
    width: 50px;
    height: 50px;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .slide-nav.vertical .slide-nav-box .circle-bt.bt-prev {
    top: 0;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .slide-nav.vertical .slide-nav-box .circle-bt.bt-next {
    right: 0;
    left: auto;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .scroll-down-button {
    display: none;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .slide-bullets {
    bottom: 18px;
    top: auto;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
@media screen and (max-width: 1024px) {
  .home-blogs-slide {
    padding-left: 32px;
  }
  .home-blogs-slide:before {
    top: 186px;
    width: 324px;
    height: 670px;
  }
  .home-blogs-slide .container {
    padding-right: 64px;
    padding-left: 64px;
  }
  .home-blogs-slide .blogs-title {
    padding-left: 16px;
    margin-bottom: 92px;
  }
  .home-blogs-slide .blogs-title .title-txt p,
  .home-blogs-slide .blogs-title .title-txt h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .home-blogs-slide .blogs-title .desc-txt {
    padding-right: 10px;
  }
  .home-blogs-slide .blogs-title .desc-txt p {
    font-size: 14px;
  }
  .home-blogs-slide .blogs-title .bt-route p {
    font-size: 14px;
  }
  .home-blogs-slide .blogs-slide-layer {
    width: 1080px;
    margin-bottom: 68px;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .slide-container {
    min-height: 445px;
    margin-left: 70px;
    margin-bottom: 64px;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .container {
    padding: 0;
    min-height: 40px;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .block {
    min-height: 430px;
    margin-right: 76px;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .block.b-2 {
    top: 16px;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .block .item img {
    max-width: 320px;
    height: 200px;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .block h2,
  .home-blogs-slide .blogs-slide-layer .flip-slide .block h3 {
    margin-top: 250px;
    font-size: 24px;
    left: 16px;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .block span {
    top: 234px;
    left: 16px;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .block p {
    left: 16px;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .block button {
    margin-top: 24px;
    left: 16px;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .controls-box {
    width: 100%;
    right: 0;
    bottom: -13px;
    height: 42px;
    position: absolute;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .controls-box .slide-nav {
    order: 2;
    height: auto;
    width: 200px;
    position: relative;
    transform: none;
    left: unset;
    right: unset;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .controls-box .slide-nav .slide-nav-box .circle-bt.bt-next {
    top: 0;
    order: 3;
    left: 0;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .controls-box .scroll-down-button {
    order: 1;
    position: relative;
    height: auto;
    width: 152px;
    left: 0px;
    bottom: 0;
    transform: none;
    display: inline-block;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .controls-box .scroll-down-button p {
    float: right;
    display: inline-block;
    position: relative;
    order: 2;
    line-height: 42px;
    left: unset;
    transform: translate(-50%, 0%);
    height: 42px;
    font-size: 16px;
    color: rgba(17, 28, 28, 0.34);
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .controls-box .scroll-down-button .circle-bt {
    order: 1;
    position: relative;
    float: left;
    width: 42px;
    height: 42px;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .slide-bullets {
    top: auto;
    display: inline-flex;
    display: none;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .slide-nav {
    display: block;
    top: 0;
    right: 30px;
    width: 98px;
    height: 42px;
    transform: none;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .slide-nav.vertical .slide-nav-box .circle-bt {
    width: 42px;
    height: 42px;
  }
  .home-blogs-slide .bg-pattern {
    top: 374px;
    transform: translate(262px, 0px);
  }
  .home-blogs-slide .bg-pattern .icon-bg svg {
    transform: scale(0.68);
  }
}
@media screen and (max-width: 834px) {
  .home-blogs-slide .blogs-slide-layer .flip-slide .slide-container {
    margin-left: 188px;
    justify-content: unset;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .block.b-3 {
    display: none;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .controls-box {
    bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .home-blogs-slide .blogs-slide-layer .flip-slide .controls-box .scroll-down-button {
    display: none;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .controls-box .slide-nav {
    width: 100%;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .home-blogs-slide {
    margin-bottom: 34px;
    padding-top: 76px;
  }
  .home-blogs-slide .container {
    padding-right: 32px;
    padding-left: 32px;
    max-width: 100%;
  }
  .home-blogs-slide:before {
    top: 192px;
    width: 170px;
    height: 512px;
  }
  .home-blogs-slide .blogs-title {
    padding-left: 0px;
    margin-bottom: 60px;
  }
  .home-blogs-slide .blogs-title .title-txt {
    margin-bottom: 0px;
  }
  .home-blogs-slide .blogs-title .title-txt p,
  .home-blogs-slide .blogs-title .title-txt h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .home-blogs-slide .blogs-slide-layer {
    width: 1170px;
    margin-bottom: 64px;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .slide-container {
    min-height: 480px;
    margin-left: 410px;
    margin-bottom: 0;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .controls-box {
    bottom: -42px;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .block .item img {
    max-width: 350px;
    height: 220px;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .block h2,
  .home-blogs-slide .blogs-slide-layer .flip-slide .block h3 {
    margin-top: 270px;
    margin-bottom: 28px;
    font-size: 24px;
    left: 32px;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .block span {
    top: 252px;
    left: 32px;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .block p {
    left: 32px;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .block button {
    left: 32px;
  }
  .home-blogs-slide .bg-pattern {
    top: 332px;
    transform: translate(94px, 0px);
  }
  .home-blogs-slide .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 600px) {
  .home-blogs-slide .blogs-slide-layer .flip-slide.more-item-nav .container {
    min-height: 82px;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide.more-item-nav .slide-bullets {
    transform: translate(-50%, 0%);
    left: 50%;
    text-align: center;
    top: 10px;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide.more-item-nav .slide-bullets .slide-bullet {
    display: inline-block;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .block.b-2 {
    display: none;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .block.b-3 {
    display: none;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .controls-box {
    bottom: 0;
  }
}
@media screen and (max-width: 414px) {
  .home-blogs-slide .blogs-slide-layer .flip-slide .slide-container {
    margin-left: 394px;
    width: calc(100% - 64px);
    padding-right: 64px;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .block p {
    max-width: 275px;
  }
}
@media screen and (max-width: 360px) {
  .home-blogs-slide .blogs-slide-layer .flip-slide .slide-bullets {
    left: 32px;
    transform: none;
  }
  .home-blogs-slide .blogs-slide-layer .flip-slide .block p {
    max-width: 240px;
  }
}
.home-instagram-slide {
  position: relative;
  width: 100%;
  min-height: 804px;
  padding-top: 136px;
  display: none;
  opacity: 0;
  transition: all 0.25s ease-in-out;
}
.home-instagram-slide .container {
  position: relative;
}
.home-instagram-slide.active {
  display: block;
  opacity: 1;
  z-index: var(--z-index);
}
.home-instagram-slide:before {
  content: " ";
  position: absolute;
  top: 158px;
  right: 0;
  width: 38%;
  height: 804px;
  background-color: #f8f7f4;
  border-top-left-radius: 5px;
  z-index: -1;
}
.home-instagram-slide.product-page {
  padding-top: 96px;
  min-height: unset;
}
.home-instagram-slide.product-page:before {
  right: unset;
  left: 0;
  top: 70px;
  height: 646px;
  width: 324px;
}
.home-instagram-slide.product-page .container {
  min-height: 382px;
}
.home-instagram-slide.product-page .bg-pattern {
  top: -108px;
  z-index: -1;
}
.home-instagram-slide.product-page .ig-title {
  margin-bottom: 32px;
}
.home-instagram-slide #js-flowbox-flow {
  z-index: 2;
  position: relative;
}
.home-instagram-slide #js-flowbox-flow .bzfy-icon {
  position: relative;
}
.home-instagram-slide #js-flowbox-flow .bzfy-c-carousel-control {
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 0;
}
.home-instagram-slide #js-flowbox-flow .bzfy-c-carousel-control .bzfy-icon {
  margin: unset;
  height: 15px;
  width: 15px;
}
.home-instagram-slide #js-flowbox-flow .bzfy-c-carousel-control .bzfy-icon--arrow-right:hover svg {
  animation: moveNext 0.6s linear forwards;
}
.home-instagram-slide #js-flowbox-flow .bzfy-c-carousel-control .bzfy-icon--arrow-left:hover svg {
  animation: moveBack 0.6s linear forwards;
}
.home-instagram-slide .bzfy-feed-banner {
  background-color: rgba(0, 0, 0, 0) !important;
}
.home-instagram-slide .bzfy-t-feed-carousel .bzfy-c-carousel-control svg {
  transition: all 0.3s ease-out;
}
.home-instagram-slide .ig-title {
  padding-left: 64px;
  margin-bottom: 66px;
}
.home-instagram-slide .ig-title .title-txt {
  display: flex;
}
.home-instagram-slide .ig-title .title-txt .logo-ig {
  margin-right: 32px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/logo-ig-ipfv3.svg#logo-ig-obj-ipfv3);
  mask-size: cover;
  width: 64px;
  height: 64px;
}
.home-instagram-slide .ig-title .title-txt .logo-ig img {
  width: 64px;
  height: 64px;
}
.home-instagram-slide .ig-title .title-txt p {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.home-instagram-slide .ig-title .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-left: 96px;
}
.home-instagram-slide .ig-title .desc-txt p {
  color: #111c1c;
  font-size: 16px;
}
.home-instagram-slide .slider {
  position: relative;
  z-index: 2;
  width: calc(100% - 92px);
}
.home-instagram-slide .slider .swiper {
  width: 100%;
  position: relative;
}
.home-instagram-slide .slider .swiper .swiper-wrapper {
  width: 100%;
}
.home-instagram-slide .slider .swiper-button-lock {
  display: none !important;
}
.home-instagram-slide .slider .swiper-pagination {
  bottom: -34px;
  right: 32px;
  left: auto;
  width: fit-content;
  transform: none;
}
.home-instagram-slide .slider .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
}
.home-instagram-slide .slider .swiper-pagination .swiper-pagination-bullet:hover, .home-instagram-slide .slider .swiper-pagination .swiper-pagination-bullet:focus {
  border: none;
  background-color: rgba(17, 28, 28, 0.25);
}
.home-instagram-slide .slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(17, 28, 28);
}
.home-instagram-slide .slider .slide-nav {
  position: absolute;
  top: 50%;
  right: -92px;
  transform: translate(0%, -56px);
}
.home-instagram-slide .slider .scroll-box {
  position: absolute;
  right: 128px;
  bottom: -80px;
}
.home-instagram-slide .bg-pattern {
  position: absolute;
  top: 420px;
  left: -82px;
  z-index: 1;
}
.home-instagram-slide .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.home-instagram-slide .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}
.home-instagram-slide .scroll-down-button {
  position: absolute;
  display: none;
}

@media screen and (max-width: 991px) {
  .home-instagram-slide {
    min-height: 730px;
  }
}
@media screen and (max-width: 1024px) {
  .home-instagram-slide {
    min-height: auto;
    padding-top: 132px;
    padding-bottom: 120px;
  }
  .home-instagram-slide:before {
    top: 64px;
    width: 324px;
    height: 780px;
  }
  .home-instagram-slide.product-page {
    padding-top: 80px;
    padding-bottom: 0;
  }
  .home-instagram-slide.product-page .container {
    padding: 0;
  }
  .home-instagram-slide.product-page .ig-title {
    padding-left: 64px;
    margin-bottom: 32px;
  }
  .home-instagram-slide.product-page .bg-pattern {
    display: none;
  }
  .home-instagram-slide .container {
    padding-right: 0px;
    padding-left: 80px;
    max-width: 100%;
  }
  .home-instagram-slide .ig-title {
    padding-left: 32px;
    margin-bottom: 50px;
  }
  .home-instagram-slide .ig-title .title-txt p {
    font-size: 40px;
    line-height: 50px;
  }
  .home-instagram-slide .ig-title .title-txt .logo-ig {
    margin-right: 24px;
    width: 48px;
    height: 48px;
  }
  .home-instagram-slide .ig-title .title-txt .logo-ig img {
    width: 48px;
    height: auto;
  }
  .home-instagram-slide .ig-title .desc-txt {
    padding-left: 72px;
  }
  .home-instagram-slide .ig-title .desc-txt p {
    font-size: 14px;
  }
  .home-instagram-slide .slider {
    width: 100%;
  }
  .home-instagram-slide .slider .swiper-pagination {
    display: none;
    bottom: -82px;
    left: 50%;
    transform: translate(-50%, 0%);
  }
  .home-instagram-slide .slider .slide-nav {
    right: 64px;
    position: absolute;
    top: auto;
  }
  .home-instagram-slide .bg-pattern {
    top: 380px;
    left: 16px;
  }
  .home-instagram-slide .bg-pattern .icon-bg svg {
    transform: scale(0.8);
  }
  .home-instagram-slide .controls-box {
    width: 100%;
    right: 0;
    bottom: -45px;
    height: 42px;
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  .home-instagram-slide .controls-box .slide-nav {
    order: 2;
    height: auto;
    width: 200px;
    position: relative;
    transform: none;
    left: unset;
    right: unset;
  }
  .home-instagram-slide .controls-box .slide-nav .slide-nav-box .circle-bt.bt-next {
    top: 0;
    order: 3;
    left: 0;
  }
  .home-instagram-slide .controls-box .scroll-down-button {
    order: 1;
    position: relative;
    height: auto;
    width: 152px;
    left: 0px;
    bottom: 0;
    transform: none;
    display: inline-block;
  }
  .home-instagram-slide .controls-box .scroll-down-button p {
    float: right;
    display: inline-block;
    position: relative;
    order: 2;
    line-height: 42px;
    left: unset;
    transform: translate(-50%, 0%);
    height: 42px;
    font-size: 16px;
    color: rgba(17, 28, 28, 0.34);
  }
  .home-instagram-slide .controls-box .scroll-down-button .circle-bt {
    order: 1;
    position: relative;
    float: left;
    width: 42px;
    height: 42px;
  }
  .home-instagram-slide .slide-bullets {
    top: auto;
    display: inline-flex;
    display: none;
  }
  .home-instagram-slide .slide-nav {
    display: block;
    top: 0;
    right: 30px;
    width: 98px;
    height: 42px;
    transform: none;
  }
  .home-instagram-slide .slide-nav.vertical .slide-nav-box .circle-bt {
    width: 42px;
    height: 42px;
  }
}
@media screen and (max-width: 743px) {
  .home-instagram-slide {
    min-height: 100%;
    padding-top: 134px;
    padding-bottom: 120px;
  }
  .home-instagram-slide .container {
    padding-right: 0px;
    padding-left: 0px;
    max-width: 100%;
  }
  .home-instagram-slide:before {
    width: 164px;
    height: 100%;
  }
  .home-instagram-slide.product-page {
    padding-top: 64px;
    padding-bottom: 0px;
  }
  .home-instagram-slide.product-page .ig-title {
    padding-left: 32px;
  }
  .home-instagram-slide.product-page .bg-pattern {
    display: none;
  }
  .home-instagram-slide .ig-title {
    margin-bottom: 50px;
  }
  .home-instagram-slide .ig-title .title-txt {
    margin-bottom: 4px;
  }
  .home-instagram-slide .ig-title .title-txt .logo-ig {
    margin-right: 16px;
    width: 32px;
    height: 32px;
  }
  .home-instagram-slide .ig-title .title-txt .logo-ig img {
    width: 32px;
    height: auto;
  }
  .home-instagram-slide .ig-title .title-txt p {
    font-size: 32px;
    line-height: 38px;
  }
  .home-instagram-slide .ig-title .desc-txt {
    padding-left: 48px;
  }
  .home-instagram-slide .slider .slide-nav {
    right: 0;
  }
  .home-instagram-slide .slider .swiper-pagination {
    bottom: -50px;
    left: calc(50% - 32px);
    transform: translate(-50%, 0%);
  }
  .home-instagram-slide .bg-pattern {
    left: -32px;
  }
  .home-instagram-slide .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 600px) {
  .home-instagram-slide .slider.more-item-nav .swiper-pagination {
    z-index: 2;
    left: 50%;
    text-align: center;
  }
}
@media screen and (max-width: 400px) {
  .home-instagram-slide .slider.more-item-nav .swiper-pagination {
    max-width: calc(100% - 20px);
    left: calc(50% - 20px);
  }
  .home-instagram-slide .controls-box .slide-nav .slide-nav-box {
    right: 26px;
  }
}
@media screen and (max-width: 360px) {
  .home-instagram-slide .ig-title {
    padding-left: 0px;
  }
  .home-instagram-slide .slider:not(.more-item-nav) .swiper-pagination {
    left: 32px;
  }
}
.instagram-slide-item a {
  cursor: pointer;
}
.instagram-slide-item .item-container {
  width: 100%;
  height: 350px;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
  margin-bottom: 5px;
  position: relative;
  cursor: pointer;
}
.instagram-slide-item .item-container:hover .slide-bg.bg-img .slide-fade {
  display: flex;
}
.instagram-slide-item .item-container:hover .slide-bg.bg-img .slide-fade .fav-box .like-num {
  animation: text-bottom-in 0.3s ease-in forwards;
  animation-delay: 0s;
  opacity: 0;
}
.instagram-slide-item .item-container:hover .slide-bg.bg-img .slide-fade .fav-box .comment-num {
  animation: text-bottom-in 0.3s ease-in forwards;
  animation-delay: 0.1s;
  opacity: 0;
}
.instagram-slide-item .item-container:hover .slide-bg.bg-img .img img {
  object-fit: cover;
  width: 100%;
  transform-origin: center center;
  transform: scale(1.05);
}
.instagram-slide-item .item-container .slide-bg {
  height: 264px;
  overflow: hidden;
  position: relative;
}
.instagram-slide-item .item-container .slide-bg.bg-img .img {
  display: flex;
  height: 100%;
}
.instagram-slide-item .item-container .slide-bg.bg-img .img img {
  object-fit: cover;
  width: 100%;
  transform-origin: center center;
  transition: all 0.3s ease-in-out;
}
.instagram-slide-item .item-container .slide-bg.bg-img .slide-fade {
  width: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.45);
  align-items: center;
  display: none;
  animation: fadeIn ease 0.3s;
  height: 100%;
  top: 0;
}
.instagram-slide-item .item-container .slide-bg.bg-img .slide-fade .fav-box {
  height: 28px;
  padding: 0px 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.instagram-slide-item .item-container .slide-bg.bg-img .slide-fade .fav-box .like-num .icon,
.instagram-slide-item .item-container .slide-bg.bg-img .slide-fade .fav-box .comment-num .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.instagram-slide-item .item-container .slide-bg.bg-img .slide-fade .fav-box .like-num .icon svg,
.instagram-slide-item .item-container .slide-bg.bg-img .slide-fade .fav-box .comment-num .icon svg {
  width: 20px;
  height: 20px;
  color: #ffffff;
}
.instagram-slide-item .item-container .slide-bg.bg-img .slide-fade .fav-box .like-num .txt,
.instagram-slide-item .item-container .slide-bg.bg-img .slide-fade .fav-box .comment-num .txt {
  display: inline-block;
  float: left;
}
.instagram-slide-item .item-container .slide-bg.bg-img .slide-fade .fav-box .like-num .txt p,
.instagram-slide-item .item-container .slide-bg.bg-img .slide-fade .fav-box .comment-num .txt p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #ffffff;
}
.instagram-slide-item .item-container .slide-txt-box {
  height: 86px;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  width: 100%;
  background: #ffffff;
}
.instagram-slide-item .item-container .slide-txt-box .profile-box {
  height: 86px;
  width: 33%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.instagram-slide-item .item-container .slide-txt-box .profile-box .profile-img {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: solid 1px #888d8d;
  overflow: hidden;
}
.instagram-slide-item .item-container .slide-txt-box .profile-box .profile-img img {
  width: 46px;
  height: 46px;
}
.instagram-slide-item .item-container .slide-txt-box .profile-box .profile-img svg {
  width: 48px;
  height: 48px;
  position: relative;
  color: #000000;
  right: 2px;
  top: -2px;
}
.instagram-slide-item .item-container .slide-txt-box .profile-box .profile-img svg use {
  transform: scale(1);
}
.instagram-slide-item .item-container .slide-txt-box .profile-txt {
  width: 67%;
  height: 86px;
  display: flex;
  align-items: center;
}
.instagram-slide-item .item-container .slide-txt-box .profile-txt .txt-box {
  width: 100%;
}
.instagram-slide-item .item-container .slide-txt-box .profile-txt p {
  font-size: 12px;
  line-height: 18px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.instagram-slide-item .item-container .slide-txt-box .profile-txt p.head {
  font-weight: 600;
}
.instagram-slide-item .item-container .slide-txt-box .profile-txt p.desc {
  color: #888d8d;
}

@media (max-width: 1480px) {
  .instagram-slide-item .item-container {
    height: auto;
  }
  .instagram-slide-item .item-container .slide-bg.bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 834px) {
  .instagram-slide-item .item-container .slide-txt-box {
    padding: 22px 4px;
    height: 88px;
  }
  .instagram-slide-item .item-container .slide-txt-box .title-txt {
    margin-bottom: 2px;
  }
  .instagram-slide-item .item-container .slide-txt-box .bt-route p {
    font-size: 14px;
  }
}
@media screen and (max-width: 640px) {
  .instagram-slide-item .item-container .slide-fade {
    height: 248px;
  }
  .instagram-slide-item .item-container .slide-txt-box {
    padding: 22px 4px;
    height: 96px;
  }
}
.home-showroom {
  position: relative;
  width: 100%;
  max-height: 758px;
}
.home-showroom:before {
  content: " ";
  position: absolute;
  top: 0px;
  right: 0;
  width: 38%;
  height: 328px;
  background-color: #f8f7f4;
  border-bottom-left-radius: 5px;
  z-index: -1;
}
.home-showroom .showroom-box {
  display: flex;
  flex-flow: column wrap;
  max-height: 758px;
  z-index: 2;
  position: relative;
}
.home-showroom .showroom-box .showroom-title {
  order: 1;
  width: 37%;
  padding-left: 162px;
  min-height: 152px;
  padding-top: 74px;
  margin-bottom: 64px;
}
.home-showroom .showroom-box .showroom-title .title-txt p,
.home-showroom .showroom-box .showroom-title .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.home-showroom .showroom-box .showroom-title .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.home-showroom .showroom-box .showroom-title .desc-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 22px;
}
.home-showroom .showroom-box .showroom-detail {
  order: 2;
  width: 37%;
  min-height: 500px;
}
.home-showroom .showroom-box .showroom-detail .detail-content {
  max-width: 316px;
  margin-bottom: 64px;
}
.home-showroom .showroom-box .showroom-detail .detail-content p {
  font-size: 16px;
  line-height: 28px;
  display: -webkit-box;
  -webkit-line-clamp: 14;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.home-showroom .showroom-box .showroom-detail .bt-view {
  margin-left: 64px;
}
.home-showroom .showroom-box .showroom-branch {
  order: 3;
  width: 63%;
}
.home-showroom .showroom-box .showroom-branch .branch-txt {
  width: 29%;
  float: left;
  padding-left: 6px;
  display: flex;
  align-items: center;
  height: 640px;
  flex-flow: row wrap;
}
.home-showroom .showroom-box .showroom-branch .branch-txt .branch-list p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.home-showroom .showroom-box .showroom-branch .branch-txt .branch-list .branch {
  width: 100%;
}
.home-showroom .showroom-box .showroom-branch .branch-txt .branch-list .bt {
  width: 100%;
}
.home-showroom .showroom-box .showroom-branch .branch-txt .branch-list .bt:not(:last-child) {
  margin-bottom: 24px;
}
.home-showroom .showroom-box .showroom-branch .branch-img {
  width: 71%;
  display: inline-block;
  float: left;
  border-radius: 8px;
  overflow: hidden;
}
.home-showroom .showroom-box .showroom-branch .branch-img img {
  max-width: 644px;
  height: 640px;
  object-fit: contain;
  width: 100%;
}
.home-showroom .showroom-box .showroom-branch .branch-img .video-modal-box {
  position: relative;
  height: 100%;
  width: 100%;
}
.home-showroom .showroom-box .showroom-branch .branch-img .video-modal-box.has-video {
  cursor: pointer;
}
.home-showroom .showroom-box .showroom-branch .branch-img .video-modal-box.has-video .play-btn {
  display: flex;
}
.home-showroom .showroom-box .showroom-branch .branch-img .play-btn {
  position: absolute;
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid #ffffff;
  width: 60px;
  height: 60px;
  top: 50%;
  left: calc(50% - 30px);
  display: none;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
}
.home-showroom .showroom-box .showroom-branch .branch-img .play-btn .icon-play2 {
  width: 24px;
  height: 30px;
  margin-left: 6px;
}
.home-showroom .showroom-box .showroom-branch .branch-img .play-btn .icon-play2 svg {
  color: #ffffff;
  width: 24px;
  height: 30px;
}
.home-showroom .bg-pattern {
  position: absolute;
  top: 556px;
  left: 50%;
  transform: translate(-8px, 0px);
  z-index: -2;
}
.home-showroom .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.home-showroom .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1479px) {
  .home-showroom .showroom-box {
    max-height: 880px;
  }
  .home-showroom .showroom-box .showroom-title {
    padding-left: 32px;
  }
}
@media screen and (max-width: 1200px) {
  .home-showroom .bg-pattern {
    top: 480px;
  }
}
@media screen and (max-width: 1024px) {
  .home-showroom {
    max-height: 658px;
  }
  .home-showroom:before {
    width: 324px;
    height: 280px;
  }
  .home-showroom .bg-pattern {
    top: 454px;
    transform: translate(-30px, 0px);
  }
}
@media screen and (max-width: 834px) {
  .home-showroom {
    min-height: 960px;
    padding-top: 26px;
    max-height: 100%;
  }
  .home-showroom .showroom-box {
    flex-flow: row wrap;
    max-height: 100%;
  }
  .home-showroom .showroom-box .showroom-title {
    width: 100%;
    padding-left: 96px;
    min-height: 120px;
    padding-top: 0px;
    margin-bottom: 0px;
  }
  .home-showroom .showroom-box .showroom-title .title-txt p,
  .home-showroom .showroom-box .showroom-title .title-txt h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .home-showroom .showroom-box .showroom-title .desc-txt p {
    font-size: 14px;
  }
  .home-showroom .showroom-box .showroom-branch {
    order: 2;
    width: 100%;
  }
  .home-showroom .showroom-box .showroom-branch .branch-txt {
    height: 480px;
    padding: 0px;
    width: 30%;
  }
  .home-showroom .showroom-box .showroom-branch .branch-txt .branch-list {
    margin-top: 0px;
    padding-left: 32px;
  }
  .home-showroom .showroom-box .showroom-branch .branch-txt .branch-list p {
    font-size: 14px;
  }
  .home-showroom .showroom-box .showroom-branch .branch-img {
    width: 70%;
  }
  .home-showroom .showroom-box .showroom-branch .branch-img img {
    max-width: 480px;
    height: 480px;
  }
  .home-showroom .showroom-box .showroom-detail {
    order: 3;
    width: 100%;
    min-height: auto;
    padding-top: 62px;
    padding-left: 41%;
    padding-bottom: 32px;
  }
  .home-showroom .showroom-box .showroom-detail .detail-content {
    max-width: 290px;
    margin-bottom: 46px;
  }
  .home-showroom .showroom-box .showroom-detail .detail-content p {
    font-size: 14px;
    line-height: 24px;
  }
  .home-showroom .showroom-box .showroom-detail .bt-view {
    margin-left: 120px;
  }
  .home-showroom .bg-pattern {
    top: 548px;
    transform: translate(-242px, 0px);
  }
  .home-showroom .bg-pattern .icon-bg svg {
    transform: scale(0.8);
  }
}
@media screen and (max-width: 767px) {
  .home-showroom {
    min-height: 732px;
    padding-top: 0px;
  }
  .home-showroom:before {
    width: 164px;
    height: 732px;
  }
  .home-showroom .container {
    padding-right: 0px;
    padding-left: 32px;
  }
  .home-showroom .showroom-box .showroom-title {
    width: 100%;
    padding-left: 32px;
    margin-top: 32px;
    min-height: 106px;
  }
  .home-showroom .showroom-box .showroom-title .title-txt p,
  .home-showroom .showroom-box .showroom-title .title-txt h2 {
    font-size: 32px;
    line-height: 38px;
  }
  .home-showroom .showroom-box .showroom-branch .branch-txt {
    height: 292px;
    width: 32%;
  }
  .home-showroom .showroom-box .showroom-branch .branch-txt .branch-list {
    margin-top: -16px;
    padding-left: 0px;
  }
  .home-showroom .showroom-box .showroom-branch .branch-img {
    width: 68%;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .home-showroom .showroom-box .showroom-branch .branch-img img {
    height: 292px;
    width: auto;
  }
  .home-showroom .showroom-box .showroom-detail {
    padding-top: 48px;
    padding-left: 32px;
    padding-bottom: 32px;
  }
  .home-showroom .showroom-box .showroom-detail .detail-content {
    max-width: 250px;
    margin-bottom: 30px;
  }
  .home-showroom .showroom-box .showroom-detail .bt-view {
    margin-left: 94px;
  }
  .home-showroom .bg-pattern {
    top: 332px;
    transform: translate(-166px, 0px);
  }
  .home-showroom .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 414px) {
  .home-showroom .bg-pattern {
    top: 332px;
    transform: translate(-130px, 0px);
  }
}
@media screen and (max-width: 360px) {
  .home-showroom .showroom-box .showroom-detail .bt-view {
    margin-left: 0px;
  }
}
.home-reviews {
  position: relative;
  width: 100%;
  min-height: 510px;
  padding-top: 55px;
  height: auto;
}
.home-reviews .reviews-title {
  padding-left: 100px;
  margin-bottom: 60px;
}
.home-reviews .reviews-title .title-txt {
  display: flex;
}
.home-reviews .reviews-title .title-txt .logo-img {
  padding-right: 32px;
}
.home-reviews .reviews-title .title-txt .logo-img svg {
  width: 68px;
  height: 64px;
}
.home-reviews .reviews-title .title-txt p {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 60px;
}
.home-reviews .reviews-title .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-left: 96px;
  padding-right: 5px;
}
.home-reviews .reviews-title .desc-txt p {
  color: #111c1c;
  font-size: 13px;
  line-height: 16px;
}
.home-reviews .reviews-title a {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.home-reviews .reviews-title span {
  display: inline-block;
}
.home-reviews .reviews-title .bt-route p {
  font-size: 13px;
}
.home-reviews .reviews-container .reivews {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 1024px) {
  .home-reviews {
    padding-top: 38px;
    height: auto;
    margin-bottom: 64px;
  }
  .home-reviews .container {
    padding-right: 90px;
    padding-left: 90px;
    max-width: 100%;
  }
  .home-reviews .reviews-title {
    padding-left: 8px;
    margin-bottom: 58px;
  }
  .home-reviews .reviews-title .title-txt p {
    font-size: 40px;
    line-height: 50px;
  }
  .home-reviews .reviews-title .title-txt .logo-img {
    padding-right: 20px;
  }
  .home-reviews .reviews-title .title-txt .logo-img svg {
    width: 52px;
    height: 49px;
  }
  .home-reviews .reviews-title .title-txt .logo-img svg use {
    transform: scale(0.76);
  }
  .home-reviews .reviews-title .desc-txt {
    padding-left: 74px;
  }
  .home-reviews .reviews-container .reivews {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 64px;
    grid-row-gap: 24px;
  }
}
@media screen and (max-width: 767px) {
  .home-reviews {
    height: auto;
    padding-top: 136px;
  }
  .home-reviews .container {
    padding-right: 32px;
    padding-left: 32px;
  }
  .home-reviews .reviews-title {
    margin-bottom: 68px;
    padding-left: 24px;
  }
  .home-reviews .reviews-title .title-txt {
    margin-bottom: 0px;
  }
  .home-reviews .reviews-title .title-txt .logo-img {
    padding: 0px;
    width: 34px;
    height: 34px;
    margin-right: 24px;
    margin-top: -8px;
  }
  .home-reviews .reviews-title .title-txt .logo-img svg {
    transform: scale(0.7);
  }
  .home-reviews .reviews-title .title-txt p {
    font-size: 32px;
    line-height: 34px;
  }
  .home-reviews .reviews-title .desc-txt {
    padding-left: 58px;
  }
  .home-reviews .reviews-title .desc-txt p {
    font-size: 14px;
  }
  .home-reviews .reviews-title .bt-route {
    padding-left: 58px;
  }
  .home-reviews .reviews-title .bt-route p {
    font-size: 14px;
  }
  .home-reviews .reviews-container {
    min-height: 196px;
    height: auto;
  }
  .home-reviews .reviews-container .reivews {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 28px;
  }
}
.home-showroom-take-the-tour {
  position: relative;
  width: 100%;
  height: 828px;
}
.home-showroom-take-the-tour .slider {
  position: relative;
  width: 100%;
  height: 100%;
}
.home-showroom-take-the-tour .slider.hide-nav .swiper {
  cursor: default;
}
.home-showroom-take-the-tour .slider .swiper {
  width: 100%;
  height: 100%;
  cursor: grab;
  overflow: unset;
}
.home-showroom-take-the-tour .slider .swiper-pagination {
  bottom: 76px;
  display: none;
}
.home-showroom-take-the-tour .slider .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(255, 255, 255, 0.34);
  border: none;
}
.home-showroom-take-the-tour .slider .swiper-pagination .swiper-pagination-bullet:hover, .home-showroom-take-the-tour .slider .swiper-pagination .swiper-pagination-bullet:focus {
  border: none;
  background-color: rgba(255, 255, 255, 0.34);
}
.home-showroom-take-the-tour .slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(255, 255, 255);
}
.home-showroom-take-the-tour .slider .swiper-button-lock {
  display: none;
}
.home-showroom-take-the-tour .highlight-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.home-showroom-take-the-tour .highlight-wrapper .img-bg {
  position: relative;
  width: 100%;
  height: 100%;
}
.home-showroom-take-the-tour .highlight-wrapper .img-bg > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-showroom-take-the-tour .highlight-wrapper .content-box .head {
  position: absolute;
  width: fit-content;
  max-width: 474px;
  top: 0;
  left: 0;
  transform: translate(294px, 321px);
}
.home-showroom-take-the-tour .highlight-wrapper .content-box .head .title {
  font-weight: 600;
  font-size: 52px;
  line-height: 60px;
  color: white;
  text-align: center;
  margin-bottom: 32px;
}
.home-showroom-take-the-tour .highlight-wrapper .content-box .head .bt-view {
  color: white;
  border: none;
}
.home-showroom-take-the-tour .highlight-wrapper .content-box .head .bt-view .play-video {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-left: 16px;
  position: relative;
}
.home-showroom-take-the-tour .highlight-wrapper .content-box .head .bt-view .play-video svg {
  width: 24px;
  height: 24px;
  color: white;
  position: absolute;
  left: 0;
}
.home-showroom-take-the-tour .highlight-wrapper .content-box .desc {
  position: absolute;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: white;
  left: 127px;
  bottom: 100px;
  width: 100%;
  max-width: 288px;
}
.home-showroom-take-the-tour .controls-box {
  position: absolute;
  right: 126px;
  bottom: 63px;
  width: 226px;
  height: 100px;
  display: flex;
  justify-content: space-between;
  z-index: 1;
}
.home-showroom-take-the-tour .controls-box .slide-nav .slide-nav-box .nav-txt {
  display: block;
  width: fit-content;
}
.home-showroom-take-the-tour .controls-box .slide-nav .slide-nav-box .nav-txt.swiper-pagination-lock {
  display: none !important;
}

@media screen and (max-width: 1024px) {
  .home-showroom-take-the-tour .highlight-wrapper .content-box .head {
    top: 294px;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: 355px;
  }
  .home-showroom-take-the-tour .highlight-wrapper .content-box .head .title {
    font-size: 40px;
    line-height: 46px;
  }
  .home-showroom-take-the-tour .highlight-wrapper .content-box .desc {
    left: 64px;
    bottom: 128px;
  }
  .home-showroom-take-the-tour .controls-box .slide-nav .slide-nav-box .nav-txt {
    display: none;
  }
  .home-showroom-take-the-tour .controls-box {
    width: 100%;
    right: 0;
    height: 42px;
  }
  .home-showroom-take-the-tour .controls-box .slide-nav {
    order: 2;
    height: auto;
    width: 200px;
    position: relative;
    right: 30px;
  }
  .home-showroom-take-the-tour .controls-box .slide-nav .slide-nav-box .nav-txt {
    order: 1;
    display: inline-block;
    line-height: 42px;
    padding-right: 15px;
  }
  .home-showroom-take-the-tour .controls-box .scroll-down-button {
    order: 1;
    position: relative;
    height: auto;
    width: 165px;
    left: 64px;
    display: inline-block;
  }
  .home-showroom-take-the-tour .controls-box .scroll-down-button .circle-bt {
    order: 1;
    position: relative;
    float: left;
    width: 42px;
    height: 42px;
  }
  .home-showroom-take-the-tour .controls-box .scroll-down-button.white p {
    float: right;
    display: inline-block;
    position: relative;
    order: 2;
    line-height: 42px;
    left: unset;
  }
  .home-showroom-take-the-tour .slide-bullet {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .home-showroom-take-the-tour .controls-box .scroll-down-button {
    display: none;
  }
}
@media screen and (max-width: 744px) {
  .home-showroom-take-the-tour {
    height: 650px;
  }
  .home-showroom-take-the-tour .highlight-wrapper .content-box .head {
    top: 265px;
    max-width: 300px;
  }
  .home-showroom-take-the-tour .highlight-wrapper .content-box .head .title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 24px;
  }
  .home-showroom-take-the-tour .highlight-wrapper .content-box .desc {
    left: 32px;
    bottom: 96px;
  }
  .home-showroom-take-the-tour .controls-box {
    right: 0px;
    bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .home-showroom-take-the-tour .slider .more-item-nav .swiper-pagination {
    text-align: center;
  }
  .home-showroom-take-the-tour .controls-box {
    right: unset;
    left: 50%;
    transform: translateX(-50%);
  }
  .home-showroom-take-the-tour .controls-box .scroll-down-button {
    left: 26px;
  }
  .home-showroom-take-the-tour .controls-box .slide-nav {
    right: 0;
  }
}
.review-box-item {
  color: #111c1c;
  display: inline-block;
  padding: 22px 54px;
}
.review-box-item:not(.more-review-section) {
  border-right: solid 1px rgba(17, 28, 28, 0.1);
}
.review-box-item .review-name p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.review-box-item .review-date {
  margin-bottom: 14px;
}
.review-box-item .review-date p {
  font-size: 11px;
  line-height: 20px;
  color: #848987;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.review-box-item .review-txt {
  margin-bottom: 22px;
  margin-top: 14px;
  height: fit-content;
}
.review-box-item .review-txt p {
  font-size: 12px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.review-box-item .reviews-ratting .count {
  padding-left: 12px;
}
.review-box-item.more-review-section .review-name svg {
  width: 112px;
}
.review-box-item.more-review-section .review-txt p {
  -webkit-line-clamp: unset;
}
.review-box-item.more-review-section .bt-general .icon-arr-right-bg {
  background-color: #fff;
  margin-left: 12px;
}

@media screen and (max-width: 1199px) {
  .review-box-item {
    padding: 22px 24px;
  }
}
@media screen and (max-width: 1024px) {
  .review-box-item {
    padding: 0px;
  }
  .review-box-item:not(.more-review-section) {
    border-right: none;
  }
  .review-box-item .review-box-container {
    padding: 10px 24px;
    max-width: 294px;
    height: 204px;
  }
  .review-box-item:not(:last-child) {
    border: none;
  }
}
@media screen and (max-width: 767px) {
  .review-box-item .review-txt {
    max-width: 246px;
    height: auto;
  }
  .review-box-item .review-box-container {
    padding: 8px 32px;
    max-width: 100%;
    height: 196px;
  }
  .review-box-item:nth-child(even) {
    padding-left: 0px;
  }
}
.notification-bar {
  width: 100%;
  height: 64px;
  background: #f8f7f4;
  margin-top: -64px;
  transition: margin-top 0.3s ease-in-out;
  z-index: 2;
  position: relative;
  display: none;
}
.notification-bar.active {
  margin-top: 0px;
  display: none;
}
.notification-bar.hidden {
  display: none;
}
.notification-bar .notification-box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  position: relative;
}
.notification-bar .notification-box .text {
  display: flex;
}
.notification-bar .notification-box .text p {
  font-size: 12px;
  line-height: 20px;
  color: #111c1c;
  padding-right: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.notification-bar .notification-box .text p b {
  font-weight: 700;
}
.notification-bar .notification-box .text .bt-route {
  padding-right: 16px;
  width: auto;
  min-width: 100px;
}
.notification-bar .notification-box .text .bt-route p {
  font-size: 12px;
  font-weight: 600;
  padding-right: 12px;
  color: #e4b760;
}
.notification-bar .close-bt {
  position: absolute;
  right: 0px;
  top: 26px;
  cursor: pointer;
}

@media screen and (max-width: 834px) {
  .notification-bar .container {
    padding-right: 32px;
    padding-left: 32px;
  }
  .notification-bar .notification-box {
    justify-content: flex-start;
  }
  .notification-bar .notification-box .text p {
    max-width: 556px;
    padding-right: 50px;
  }
  .notification-bar .notification-box .text .bt-route p {
    padding-right: 12px;
  }
}
@media screen and (max-width: 500px) {
  .notification-bar {
    height: auto;
    margin-top: -108px;
  }
  .notification-bar .notification-box {
    height: auto;
    min-height: 108px;
    flex-flow: row wrap;
  }
  .notification-bar .notification-box .text {
    width: 86%;
    max-width: 300px;
    display: inline-block;
  }
  .notification-bar .notification-box .text p {
    padding: 0px;
    -webkit-line-clamp: 3;
  }
  .notification-bar .close-bt {
    top: 20px;
  }
}
.breadcrumb {
  height: 84px;
  width: 100%;
  position: relative;
  z-index: 2;
}
.breadcrumb.float, .breadcrumb.abs {
  position: absolute;
  top: 166px;
}
.breadcrumb.float .breadcrumb-box .breadcrumb-list li:last-child p, .breadcrumb.abs .breadcrumb-box .breadcrumb-list li:last-child p {
  color: #ffffff;
}
.breadcrumb.abs {
  top: 100px;
}
.breadcrumb .breadcrumb-box {
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.breadcrumb .breadcrumb-box .breadcrumb-list li {
  display: inline-block;
  float: left;
}
.breadcrumb .breadcrumb-box .breadcrumb-list li p {
  display: inline-block;
  float: left;
  padding-right: 4px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #aeb2b2;
}
.breadcrumb .breadcrumb-box .breadcrumb-list li:last-child p {
  color: #111c1c;
}
.breadcrumb .breadcrumb-box .breadcrumb-list li:last-child p:nth-child(2) {
  display: none;
}

@media screen and (max-width: 991px) {
  .breadcrumb.float .container, .breadcrumb.abs .container {
    padding-right: 32px;
    padding-left: 32px;
  }
  .breadcrumb .container {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 899px) {
  .breadcrumb.float .container, .breadcrumb.abs .container {
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media screen and (max-width: 834px) {
  .breadcrumb.float .container, .breadcrumb.abs .container {
    padding-right: 32px;
    padding-left: 32px;
  }
  .breadcrumb .container {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media screen and (max-width: 833px) {
  .breadcrumb.float .container, .breadcrumb.abs .container {
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media screen and (max-width: 800px) {
  .breadcrumb.float .container {
    padding-right: 32px;
    padding-left: 32px;
  }
  .breadcrumb.abs .container {
    max-width: 100%;
    padding: 0 64px;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb.float, .breadcrumb.abs {
    top: 96px;
  }
  .breadcrumb.float .container, .breadcrumb.abs .container {
    padding-right: 32px;
    padding-left: 32px;
  }
  .breadcrumb.abs {
    top: 70px;
  }
  .breadcrumb .container {
    padding-right: 32px;
    padding-left: 32px;
    max-width: 834px;
  }
}
@media screen and (max-width: 414px) {
  .breadcrumb {
    height: 70px;
  }
  .breadcrumb .breadcrumb-box {
    height: 70px;
  }
  .breadcrumb .breadcrumb-box .breadcrumb-list li:nth-child(3) p.b-text, .breadcrumb .breadcrumb-box .breadcrumb-list li:nth-child(4) p.b-text {
    max-width: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 360px) {
  .breadcrumb.float .container, .breadcrumb.abs .container {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.category-hilight {
  min-height: 466px;
  height: auto;
  position: relative;
}
.category-hilight:before {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0;
  width: 64%;
  height: 338px;
  background-color: #f8f7f4;
  z-index: -1;
}
.category-hilight .hilight-boxs {
  display: flex;
}
.category-hilight .hilight-boxs .box-img {
  width: 55%;
  max-width: 854px;
  padding-top: 64px;
  padding-left: 118px;
}
.category-hilight .hilight-boxs .box-img .img-holder {
  overflow: hidden;
  border-radius: 8px;
  max-width: 642px;
  height: 400px;
}
.category-hilight .hilight-boxs .box-img .img-holder img {
  max-width: 642px;
  height: 400px;
  object-fit: contain;
}
.category-hilight .hilight-boxs .box-txt {
  width: 45%;
  max-width: 572px;
  color: #111c1c;
  padding-top: 122px;
  padding-left: 68px;
}
.category-hilight .hilight-boxs .box-txt .head-txt {
  margin-bottom: 30px;
}
.category-hilight .hilight-boxs .box-txt .head-txt p, .category-hilight .hilight-boxs .box-txt .head-txt h1 {
  font-size: 56px;
  font-weight: 700;
  line-height: 66px;
}
.category-hilight .hilight-boxs .box-txt .desc-txt {
  max-width: 324px;
  margin-bottom: 46px;
}
.category-hilight .hilight-boxs .box-txt .desc-txt .text {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 100px;
  width: 100%;
  position: relative;
}
.category-hilight .hilight-boxs .box-txt .desc-txt .text p {
  max-height: 100px;
}
.category-hilight .hilight-boxs .box-txt .desc-txt .bt-read-more p {
  font-weight: 600;
}
.category-hilight .hilight-boxs .box-txt .desc-txt p, .category-hilight .hilight-boxs .box-txt .desc-txt h2 {
  font-size: 14px;
  line-height: 26px;
  font-weight: 500;
}
.category-hilight .hilight-boxs .box-txt .desc-txt h2 {
  font-weight: 600;
}
.category-hilight .hilight-boxs .box-txt .scroll-down-button {
  width: fit-content;
}
.category-hilight .hilight-boxs .box-txt .scroll-container-box {
  position: relative;
  display: flex;
  align-items: center;
  height: 48px;
  cursor: pointer;
}
.category-hilight .hilight-boxs .box-txt .scroll-container-box .circle-bt {
  position: relative;
  margin-right: 16px;
  border: solid 2px #000000;
}
.category-hilight .hilight-boxs .box-txt .scroll-container-box .circle-bt .icon-arr-down svg {
  color: #111c1c;
}
.category-hilight .hilight-boxs .box-txt .scroll-container-box p {
  font-size: 16px;
  font-weight: 600;
}

@media screen and (max-width: 991px) {
  .category-hilight .hilight-boxs .box-img {
    padding-left: 0px;
  }
}
@media screen and (max-width: 834px) {
  .category-hilight {
    min-height: 328px;
  }
  .category-hilight:before {
    width: 525px;
    height: 220px;
  }
  .category-hilight .container {
    padding-right: 32px;
    padding-left: 32px;
  }
  .category-hilight .hilight-boxs .box-img {
    width: 50%;
    padding-top: 32px;
    padding-left: 0px;
  }
  .category-hilight .hilight-boxs .box-img .img-holder {
    max-width: 350px;
    height: 220px;
  }
  .category-hilight .hilight-boxs .box-img .img-holder img {
    height: 220px;
  }
  .category-hilight .hilight-boxs .box-txt {
    width: 50%;
    padding-top: 68px;
    padding-left: 28px;
  }
  .category-hilight .hilight-boxs .box-txt .head-txt p, .category-hilight .hilight-boxs .box-txt .head-txt h1 {
    font-size: 40px;
    line-height: 50px;
  }
  .category-hilight .hilight-boxs .box-txt .desc-txt {
    max-width: 278px;
    margin-bottom: 22px;
  }
  .category-hilight .hilight-boxs .box-txt .desc-txt p, .category-hilight .hilight-boxs .box-txt .desc-txt h2 {
    font-size: 14px;
    line-height: 24px;
  }
  .category-hilight .hilight-boxs .box-txt .scroll-down-button {
    display: block;
  }
  .category-hilight .hilight-boxs .box-txt .scroll-down-button .scroll-container-box p {
    font-size: 14px;
  }
}
@media screen and (max-width: 640px) {
  .category-hilight {
    min-height: 578px;
  }
  .category-hilight:before {
    width: 100%;
    height: 218px;
  }
  .category-hilight .hilight-boxs {
    flex-flow: row wrap;
  }
  .category-hilight .hilight-boxs .box-img {
    width: 100%;
  }
  .category-hilight .hilight-boxs .box-txt {
    width: 100%;
    padding: 32px;
  }
  .category-hilight .hilight-boxs .box-txt .head-txt p, .category-hilight .hilight-boxs .box-txt .head-txt h1 {
    font-size: 32px;
    line-height: 42px;
  }
  .category-hilight .hilight-boxs .box-txt .desc-txt {
    max-width: 284px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 360px) {
  .category-hilight .hilight-boxs .box-txt {
    padding: 16px;
  }
}
.category-type-slide {
  position: relative;
  padding-top: 46px;
}
.category-type-slide .head-txt {
  padding-left: 162px;
  margin-bottom: 30px;
}
.category-type-slide .head-txt p,
.category-type-slide .head-txt h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: #111c1c;
}
.category-type-slide .slider {
  position: relative;
  width: 100%;
}
.category-type-slide .slider .swiper {
  width: 100%;
  cursor: grab;
  overflow: unset;
}
.category-type-slide .slider .swiper .swiper-wrapper {
  flex-flow: row wrap;
  margin-left: -12px;
  margin-right: -12px;
  width: 100%;
  border-bottom: solid 1px #d8d8d8;
}
.category-type-slide .slider .swiper .swiper-wrapper .swiper-slide {
  width: 20%;
}
.category-type-slide .slider .swiper-pagination {
  bottom: -40px;
  display: none;
  transform: translateX(-50%);
  z-index: 6;
}
.category-type-slide .slider .swiper-pagination.swiper-pagination-lock {
  display: none;
}
.category-type-slide .slider .swiper-pagination .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
  opacity: 1;
}
.category-type-slide .slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.category-type-slide .slider .slide-nav {
  width: 100px;
  height: 42px;
  display: none;
}
.category-type-slide .bg-pattern {
  position: absolute;
  top: 24px;
  left: 50%;
  transform: translate(-794px, 0px);
  z-index: -1;
}
.category-type-slide .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 991px) {
  .category-type-slide .slider .swiper .swiper-wrapper .swiper-slide {
    width: 25%;
  }
}
@media screen and (max-width: 834px) {
  .category-type-slide {
    height: auto;
    padding-top: 32px;
    padding-bottom: 90px;
  }
  .category-type-slide .container {
    padding-right: 0px;
    padding-left: 32px;
    max-width: 100%;
  }
  .category-type-slide .head-txt {
    display: none;
  }
  .category-type-slide .slider .swiper .swiper-wrapper {
    margin-left: 0px;
    margin-right: 0px;
    border-bottom: none;
    flex-flow: unset;
  }
  .category-type-slide .slider .swiper .swiper-wrapper .swiper-slide {
    width: 25%;
  }
  .category-type-slide .slider .swiper-pagination {
    display: block;
    left: 50%;
  }
  .category-type-slide .slider .slide-nav {
    display: block;
    bottom: -58px;
    right: 60px;
    position: absolute;
    z-index: 2;
  }
  .category-type-slide .bg-pattern {
    top: -12px;
    left: 50%;
    transform: translate(194px, 0px);
  }
  .category-type-slide .bg-pattern .icon-bg {
    width: 164px;
    height: 164px;
  }
  .category-type-slide .bg-pattern .icon-bg svg {
    transform: scale(0.8);
  }
}
@media screen and (max-width: 600px) {
  .category-type-slide {
    padding-bottom: 140px;
  }
  .category-type-slide .slider .slide-nav .slide-nav-box {
    right: 0;
  }
  .category-type-slide .slider.more-item-nav .swiper-pagination {
    z-index: 2;
    left: 50%;
    text-align: center;
  }
  .category-type-slide .slider.more-item-nav .slide-nav {
    z-index: 3;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    bottom: -112px;
  }
  .category-type-slide .slider.more-item-nav .slide-nav .slide-nav-box {
    right: 0;
  }
}
@media screen and (max-width: 414px) {
  .category-type-slide {
    padding-top: 0px;
  }
  .category-type-slide .slider.more-item-nav .slide-nav {
    bottom: -90px;
  }
  .category-type-slide .slider.more-item-nav .swiper-pagination {
    bottom: -34px;
  }
  .category-type-slide .slider.more-item-nav .swiper-pagination {
    z-index: 2;
    left: 50%;
    text-align: center;
  }
  .category-type-slide .slider:not(.more-item-nav) .slide-nav {
    bottom: -40px;
    right: 30px;
  }
  .category-type-slide .slider:not(.more-item-nav) .swiper-pagination {
    bottom: -25px;
    left: 15px;
    transform: none;
    width: fit-content;
  }
}
@media screen and (max-width: 360px) {
  .category-type-slide .slider:not(.more-item-nav) .swiper-pagination {
    left: 16px;
  }
}
.category-type-slide-item {
  cursor: pointer;
}
.category-type-slide-item .item-container {
  width: 100%;
  transition: all 0.3s ease-out;
  overflow: hidden;
  padding: 0px 12px;
}
.category-type-slide-item .item-container .slide-bg.bg-img {
  border-radius: 8px;
  overflow: hidden;
  height: 168px;
}
.category-type-slide-item .item-container .slide-bg.bg-img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.category-type-slide-item .item-container .slide-text-box {
  height: auto;
  padding: 18px 20px;
}
.category-type-slide-item .item-container .slide-text-box .title-txt p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #111c1c;
  display: block;
}
.category-type-slide-item .item-container .slide-text-box .amount-txt {
  margin-bottom: 14px;
}
.category-type-slide-item .item-container .slide-text-box .amount-txt p {
  font-size: 12px;
  line-height: 24px;
  color: #111c1c;
}
.category-type-slide-item .item-container .slide-text-box .amount-txt p b {
  font-weight: 600;
}
.category-type-slide-item .item-container .slide-text-box .desc-txt p {
  font-size: 14px;
  line-height: 20px;
  color: #111c1c;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media screen and (max-width: 1200px) {
  .category-type-slide-item .item-container .slide-bg.bg-img {
    height: 138px;
  }
}
@media screen and (max-width: 991px) {
  .category-type-slide-item .item-container .slide-bg.bg-img {
    height: 124px;
  }
}
@media screen and (max-width: 834px) {
  .category-type-slide-item .item-container {
    padding: 0px;
  }
  .category-type-slide-item .item-container .slide-bg.bg-img {
    height: 136px;
  }
  .category-type-slide-item .item-container .slide-bg.bg-img img {
    height: 136px;
    width: 100%;
    object-fit: cover;
  }
  .category-type-slide-item .item-container .slide-text-box {
    padding: 18px 20px;
  }
  .category-type-slide-item .item-container .slide-text-box .title-txt {
    margin-bottom: 0px;
  }
  .category-type-slide-item .item-container .slide-text-box .title-txt p {
    font-size: 14px;
  }
  .category-type-slide-item .item-container .slide-text-box .desc-txt {
    margin-bottom: 0px;
  }
  .category-type-slide-item .item-container .slide-text-box .desc-txt p {
    font-size: 12px;
  }
}
.category-content {
  width: 100%;
  display: inline-block;
}
.category-content .category-column-wrap {
  position: relative;
  width: 100%;
}
.category-content .category-column-wrap .category-summary {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 16px;
}
.category-content .category-column-wrap .category-summary .product-result {
  display: flex;
  width: fit-content;
  gap: 8px;
}
.category-content .category-column-wrap .category-summary .product-result b {
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
}
.category-content .category-column-wrap .category-summary .product-result p {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
}
.category-content .category-column-wrap .category-summary .pagging {
  margin: 0;
  width: fit-content;
}
.category-content .category-product-items {
  position: relative;
  margin-bottom: 32px;
  min-height: 148px;
}
.category-content .spinner {
  display: none;
  margin-bottom: 48px;
  position: absolute;
  top: 48px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.category-content .spinner.bottom {
  position: relative;
}
.category-content .spinner img {
  left: -12px;
  position: relative;
}
.category-content .spinner .frame {
  width: 100%;
  height: 100%;
  position: relative;
}
.category-content .spinner .frame .icon {
  position: absolute;
  top: 0px;
}
.category-content .spinner .frame .icon img {
  height: 100px;
  width: 100px;
  left: unset;
}
.category-content .spinner .loader {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 100px;
}
.category-content .spinner .loader div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100px;
  height: 100px;
  border: 3px solid #000000;
  border-radius: 50%;
  animation: loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #000000 transparent transparent transparent;
}
.category-content .spinner .loader div:nth-child(1) {
  animation-delay: -0.45s;
}
.category-content .spinner .loader div:nth-child(2) {
  animation-delay: -0.3s;
}
.category-content .spinner .loader div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media screen and (max-width: 1200px) {
  .category-content .category-column-wrap .category-summary {
    display: none;
  }
}
.category-filter,
.suar-filter {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 84px;
  min-height: 230px;
  z-index: 3;
}
.category-filter .filter-container,
.suar-filter .filter-container {
  display: flex;
}
.category-filter .filter-container .filter-result,
.suar-filter .filter-container .filter-result {
  margin-left: auto;
  display: flex;
  align-items: center;
  padding: 0px;
  height: 48px;
  padding-right: 24px;
}
.category-filter .filter-container .filter-result p,
.suar-filter .filter-container .filter-result p {
  font-size: 14px;
}
.category-filter .filter-container .filter-result p b,
.suar-filter .filter-container .filter-result p b {
  font-weight: 700;
}
.category-filter .filter-container .filter-box,
.suar-filter .filter-container .filter-box {
  display: flex;
  flex-flow: row wrap;
}
.category-filter .filter-container .filter-box .filer-text,
.suar-filter .filter-container .filter-box .filer-text {
  display: none;
}
.category-filter .filter-container .filter-box .close-bt,
.suar-filter .filter-container .filter-box .close-bt {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: solid 1px #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 24px;
  top: 24px;
  display: none;
}
.category-filter .filter-container .filter-box .filter-row .scroll,
.suar-filter .filter-container .filter-box .filter-row .scroll {
  display: flex;
  flex-flow: row wrap;
  overflow: unset;
}
.category-filter .filter-container .filter-box .filter-box-bt.mobile-set,
.suar-filter .filter-container .filter-box .filter-box-bt.mobile-set {
  display: none;
}
.category-filter .filter-container .filter-bt,
.suar-filter .filter-container .filter-bt {
  display: none;
}
.category-filter .filter-container .filter-view,
.suar-filter .filter-container .filter-view {
  display: none;
}
.category-filter .filter-container .filter-view .bt-select-view,
.suar-filter .filter-container .filter-view .bt-select-view {
  display: flex;
  padding: 0px 15px;
  height: 24px;
  align-items: center;
}
.category-filter .filter-container .filter-view .bt-select-view:first-child,
.suar-filter .filter-container .filter-view .bt-select-view:first-child {
  border-right: solid 1px #aeb2b2;
}
.category-filter .filter-container .filter-view .bt-select-view.active .icon-view svg,
.suar-filter .filter-container .filter-view .bt-select-view.active .icon-view svg {
  color: #000000;
}
.category-filter .filter-container .filter-view .bt-select-view .icon-view svg,
.suar-filter .filter-container .filter-view .bt-select-view .icon-view svg {
  color: #aeb2b2;
}
.category-filter .filter-container .filter-view .option-view,
.suar-filter .filter-container .filter-view .option-view {
  display: flex;
  padding: 0px 10px;
  height: 24px;
  align-items: center;
}
.category-filter .filter-container .filter-view .option-view.active .icon-view svg,
.suar-filter .filter-container .filter-view .option-view.active .icon-view svg {
  color: #000000;
}
.category-filter .filter-container .filter-view .option-view .icon-view svg,
.suar-filter .filter-container .filter-view .option-view .icon-view svg {
  color: #aeb2b2;
}
.category-filter .filter-container .custom-select-list,
.suar-filter .filter-container .custom-select-list {
  width: 216px;
  margin-right: 24px;
  z-index: 3;
}
.category-filter .filter-container .custom-select-list:nth-child(1),
.suar-filter .filter-container .custom-select-list:nth-child(1) {
  z-index: 5;
}
.category-filter .filter-container .custom-select-list:nth-child(2),
.suar-filter .filter-container .custom-select-list:nth-child(2) {
  z-index: 4;
}
.category-filter .filter-container .custom-select-list:last-child,
.suar-filter .filter-container .custom-select-list:last-child {
  margin-right: 0px;
}
.category-filter .filter-container .custom-select-list .list-result .result-row p,
.suar-filter .filter-container .custom-select-list .list-result .result-row p {
  padding-left: 25px;
}
.category-filter .filter-container .custom-select-list.toggle,
.suar-filter .filter-container .custom-select-list.toggle {
  width: auto;
  height: 48px;
  display: flex;
  align-items: center;
}
.category-filter .filter-container .custom-select-list.toggle .slider,
.suar-filter .filter-container .custom-select-list.toggle .slider {
  background-color: #e4b760;
  border-color: #e4b760;
}
.category-filter .filter-container .custom-select-list.toggle span,
.suar-filter .filter-container .custom-select-list.toggle span {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
}
.category-filter .filter-container .custom-select-list.toggle span.left,
.suar-filter .filter-container .custom-select-list.toggle span.left {
  margin-right: 12px;
  color: #111c1c;
}
.category-filter .filter-container .custom-select-list.toggle span.right,
.suar-filter .filter-container .custom-select-list.toggle span.right {
  margin-left: 12px;
  color: #aeb2b2;
}
.category-filter .filter-container .custom-select-list.toggle.active .slider,
.suar-filter .filter-container .custom-select-list.toggle.active .slider {
  background-color: #ccc;
  border-color: #ccc;
}
.category-filter .filter-container .custom-select-list.toggle.active span.left,
.suar-filter .filter-container .custom-select-list.toggle.active span.left {
  color: #aeb2b2;
}
.category-filter .filter-container .custom-select-list.toggle.active span.right,
.suar-filter .filter-container .custom-select-list.toggle.active span.right {
  color: #111c1c;
}

@media screen and (max-width: 1679px) {
  .category-filter .filter-container .custom-select-list,
  .suar-filter .filter-container .custom-select-list {
    width: 180px;
    margin-right: 12px;
  }
  .category-filter .filter-container .custom-select-list.toggle,
  .suar-filter .filter-container .custom-select-list.toggle {
    width: auto;
  }
}
@media screen and (max-width: 1200px) {
  .category-filter .filter-container .filter-box .filter-row .scroll,
  .suar-filter .filter-container .filter-box .filter-row .scroll {
    max-width: 450px;
  }
}
@media screen and (max-width: 991px) {
  .category-filter .filter-container .filter-box .custom-select-list,
  .suar-filter .filter-container .filter-box .custom-select-list {
    width: 190px;
  }
  .category-filter .filter-container .filter-box .custom-select-list.toggle,
  .suar-filter .filter-container .filter-box .custom-select-list.toggle {
    width: auto;
  }
}
@media screen and (max-width: 1280px) {
  .suar-filter {
    padding-top: 10px;
    min-height: 138px;
    width: 100%;
  }
  .suar-filter.active {
    z-index: 6;
    position: absolute;
  }
  .suar-filter .filter-container .filter-bt {
    position: relative;
    display: block;
    margin-right: 24px;
  }
  .suar-filter .filter-container .filter-bt.disable {
    z-index: 4;
  }
  .suar-filter .filter-container .filter-bt.disable:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 28, 28, 0.25);
    z-index: 6;
    border-radius: 4px;
    max-height: 48px;
  }
  .suar-filter .filter-container .filter-box {
    position: fixed;
    right: -414px;
    top: 0;
    z-index: 6;
    width: 414px;
    height: 100%;
    padding: 52px 24px 35px;
    transition: all 0.3s ease-out;
    background: #ffffff;
  }
  .suar-filter .filter-container .filter-box.active {
    right: 0;
  }
  .suar-filter .filter-container .filter-box .filer-text {
    padding-left: 24px;
    margin-bottom: 44px;
    display: block;
  }
  .suar-filter .filter-container .filter-box .filer-text .head-txt {
    margin-bottom: 4px;
  }
  .suar-filter .filter-container .filter-box .filer-text .head-txt p {
    font-size: 32px;
    line-height: 40px;
    color: #111c1c;
    font-weight: 700;
  }
  .suar-filter .filter-container .filter-box .filer-text .desc-txt p {
    font-size: 14px;
    line-height: 18px;
  }
  .suar-filter .filter-container .filter-box .close-bt {
    display: flex;
  }
  .suar-filter .filter-container .filter-box .filter-row {
    height: calc(100vh - 300px);
    width: 100%;
  }
  .suar-filter .filter-container .filter-box .filter-row .scroll {
    overflow: auto;
    display: inline-block;
    width: 100%;
  }
  .suar-filter .filter-container .filter-box .filter-row .custom-select-list {
    margin-bottom: 22px;
  }
  .suar-filter .filter-container .filter-box .filter-row .custom-select-list.toggle {
    margin-bottom: 28px;
  }
  .suar-filter .filter-container .filter-box .filter-row .custom-select-list .list-option {
    position: relative;
    top: 0px;
    padding-top: 12px;
    margin-top: -48px;
    box-shadow: none;
  }
  .suar-filter .filter-container .filter-box .filter-row .custom-select-list .list-option .box-options {
    max-height: 100%;
  }
  .suar-filter .filter-container .filter-box .filter-row .custom-select-list .list-option .box-options .box-option {
    height: 32px;
    margin-bottom: 5px;
  }
  .suar-filter .filter-container .filter-box .filter-row .custom-select-list .list-option .filter-box-bt {
    display: none;
  }
  .suar-filter .filter-container .filter-box .custom-select-list {
    width: 100%;
    margin-bottom: 22px;
    margin-right: 0px;
  }
  .suar-filter .filter-container .filter-box .custom-select-list .list-result {
    height: 48px;
  }
  .suar-filter .filter-container .filter-box .custom-select-list .list-select .icon-arr-down {
    right: 24px;
    top: 20px;
  }
  .suar-filter .filter-container .filter-box .filter-box-bt.mobile-set {
    display: flex;
    z-index: 1;
  }
  .suar-filter .filter-container .filter-sort {
    margin-right: 24px;
    position: relative;
  }
  .suar-filter .filter-container .filter-sort.disable {
    z-index: 4;
  }
  .suar-filter .filter-container .filter-sort.disable:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 28, 28, 0.25);
    z-index: 6;
    border-radius: 4px;
    max-height: 48px;
  }
  .suar-filter .filter-container .filter-view {
    position: relative;
    display: block;
  }
  .suar-filter .filter-container .filter-view.disable {
    z-index: 4;
  }
  .suar-filter .filter-container .filter-view.disable:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 28, 28, 0.25);
    z-index: 6;
    border-radius: 4px;
    max-height: 48px;
  }
  .suar-filter .filter-container .filter-view .custom-select-list.view-list {
    width: 120px;
  }
  .suar-filter .filter-container .custom-select-list .list-result {
    height: 40px;
  }
}
@media screen and (max-width: 834px) {
  .category-filter {
    padding-top: 10px;
    min-height: 138px;
    width: 100%;
  }
  .category-filter.active {
    z-index: 6;
    position: absolute;
  }
  .category-filter .filter-container .filter-bt {
    position: relative;
    display: block;
    margin-right: 24px;
  }
  .category-filter .filter-container .filter-bt.disable {
    z-index: 4;
  }
  .category-filter .filter-container .filter-bt.disable:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 28, 28, 0.25);
    z-index: 6;
    border-radius: 4px;
    max-height: 48px;
  }
  .category-filter .filter-container .filter-box {
    position: fixed;
    right: -414px;
    top: 0;
    z-index: 6;
    width: 414px;
    height: 100%;
    padding: 52px 24px 35px;
    transition: all 0.3s ease-out;
    background: #ffffff;
  }
  .category-filter .filter-container .filter-box.active {
    right: 0;
  }
  .category-filter .filter-container .filter-box .filer-text {
    padding-left: 24px;
    margin-bottom: 44px;
    display: block;
  }
  .category-filter .filter-container .filter-box .filer-text .head-txt {
    margin-bottom: 4px;
  }
  .category-filter .filter-container .filter-box .filer-text .head-txt p {
    font-size: 32px;
    line-height: 40px;
    color: #111c1c;
    font-weight: 700;
  }
  .category-filter .filter-container .filter-box .filer-text .desc-txt p {
    font-size: 14px;
    line-height: 18px;
  }
  .category-filter .filter-container .filter-box .close-bt {
    display: flex;
  }
  .category-filter .filter-container .filter-box .filter-row {
    height: calc(100vh - 300px);
    width: 100%;
  }
  .category-filter .filter-container .filter-box .filter-row .scroll {
    overflow: auto;
    display: inline-block;
    width: 100%;
  }
  .category-filter .filter-container .filter-box .filter-row .custom-select-list {
    margin-bottom: 22px;
  }
  .category-filter .filter-container .filter-box .filter-row .custom-select-list .list-option {
    position: relative;
    top: 0px;
    padding-top: 12px;
    margin-top: -48px;
    box-shadow: none;
  }
  .category-filter .filter-container .filter-box .filter-row .custom-select-list .list-option .box-options {
    max-height: 100%;
  }
  .category-filter .filter-container .filter-box .filter-row .custom-select-list .list-option .box-options .box-option {
    height: 32px;
    margin-bottom: 5px;
  }
  .category-filter .filter-container .filter-box .filter-row .custom-select-list .list-option .filter-box-bt {
    display: none;
  }
  .category-filter .filter-container .filter-box .custom-select-list {
    width: 100%;
    margin-bottom: 22px;
    margin-right: 0px;
  }
  .category-filter .filter-container .filter-box .custom-select-list .list-result {
    height: 48px;
  }
  .category-filter .filter-container .filter-box .custom-select-list .list-select .icon-arr-down {
    right: 24px;
    top: 20px;
  }
  .category-filter .filter-container .filter-box .filter-box-bt.mobile-set {
    display: flex;
    z-index: 1;
  }
  .category-filter .filter-container .filter-sort {
    margin-right: 24px;
    position: relative;
  }
  .category-filter .filter-container .filter-sort.disable {
    z-index: 4;
  }
  .category-filter .filter-container .filter-sort.disable:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 28, 28, 0.25);
    z-index: 6;
    border-radius: 4px;
    max-height: 48px;
  }
  .category-filter .filter-container .filter-view {
    position: relative;
    display: block;
  }
  .category-filter .filter-container .filter-view.disable {
    z-index: 4;
  }
  .category-filter .filter-container .filter-view.disable:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 28, 28, 0.25);
    z-index: 6;
    border-radius: 4px;
    max-height: 48px;
  }
  .category-filter .filter-container .filter-view .custom-select-list.view-list {
    width: 120px;
  }
  .category-filter .filter-container .custom-select-list .list-result {
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .category-filter .container,
  .suar-filter .container {
    max-width: 100%;
  }
  .category-filter .filter-container .filter-box.active,
  .suar-filter .filter-container .filter-box.active {
    width: 100%;
  }
  .category-filter .filter-container .filter-box .filter-row .scroll,
  .suar-filter .filter-container .filter-box .filter-row .scroll {
    max-width: unset;
  }
  .category-filter .filter-container .filter-view .custom-select-list.view-list,
  .suar-filter .filter-container .filter-view .custom-select-list.view-list {
    width: 78px;
  }
  .category-filter .filter-container .custom-select-list .list-result .result-row p,
  .suar-filter .filter-container .custom-select-list .list-result .result-row p {
    padding-left: 16px;
  }
}
@media screen and (max-width: 720px) {
  .category-filter .filter-container,
  .suar-filter .filter-container {
    justify-content: space-between;
  }
  .category-filter .filter-container .filter-result,
  .suar-filter .filter-container .filter-result {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .category-filter,
  .suar-filter {
    padding-top: 10px;
    min-height: 120px;
  }
  .category-filter .filter-container,
  .suar-filter .filter-container {
    width: 100%;
  }
  .category-filter .filter-container .filter-bt,
  .suar-filter .filter-container .filter-bt {
    margin-right: 8px;
    width: 36%;
  }
  .category-filter .filter-container .filter-bt .custom-select-list,
  .suar-filter .filter-container .filter-bt .custom-select-list {
    width: 100%;
  }
  .category-filter .filter-container .filter-bt .custom-select-list .list-select p,
  .suar-filter .filter-container .filter-bt .custom-select-list .list-select p {
    padding-left: 16px;
  }
  .category-filter .filter-container .filter-sort,
  .suar-filter .filter-container .filter-sort {
    margin-right: 8px;
    width: 36%;
  }
  .category-filter .filter-container .filter-sort .custom-select-list,
  .suar-filter .filter-container .filter-sort .custom-select-list {
    width: 100%;
  }
  .category-filter .filter-container .filter-sort .custom-select-list .list-select p,
  .suar-filter .filter-container .filter-sort .custom-select-list .list-select p {
    padding-left: 16px;
  }
  .category-filter .filter-container .filter-view,
  .suar-filter .filter-container .filter-view {
    width: 80px;
  }
  .category-filter .filter-container .filter-view .custom-select-list.view-list,
  .suar-filter .filter-container .filter-view .custom-select-list.view-list {
    width: 80px;
  }
  .category-filter .filter-container .custom-select-list .list-result .result-row p,
  .suar-filter .filter-container .custom-select-list .list-result .result-row p {
    padding-left: 16px;
  }
}
@media screen and (max-width: 410px) {
  .category-filter .container,
  .suar-filter .container {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.category-product {
  --banner-grid-row-start: 2;
  margin-bottom: 14px;
  min-height: 240px;
}
.category-product .product-box {
  display: flex;
  flex-flow: row wrap;
}
.category-product .product-box .new-product-slide-item {
  width: 25%;
  margin-bottom: 26px;
  position: relative;
}
.category-product .product-box .new-product-slide-item .item-container .item-img img {
  max-height: 336px;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.category-product .product-box .new-product-slide-item .item-container .slide-text-box {
  padding: 22px 36px;
}
.category-product .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top {
  min-height: 95px;
}
.category-product .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt {
  margin-bottom: 7px;
  min-height: 44px;
}
.category-product .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .count.pl-0 {
  padding-left: 0;
}
.category-product .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-route {
  margin-right: -6px;
}
.category-product .product-box .new-product-slide-item .item-container .custom_bullets {
  bottom: 28px;
}
.category-product.category-banner .product-banner-template {
  padding-bottom: 60px;
}
.category-product.category-banner .product-banner-template .product-banner {
  height: 482px;
}
.category-product.category-banner .product-banner-template .info-block {
  transform: unset;
  top: 0;
}
.category-product.category-banner .product-banner-template .info-block.edit-mode {
  min-width: 640px;
}
.category-product.category-banner .product-box {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-row-gap: 48px;
  grid-auto-rows: 1fr;
  position: relative;
}
.category-product.category-banner .product-box .new-product-slide-item {
  width: 100%;
  margin: 0;
}
.category-product.category-banner .product-box .new-product-slide-item.show-item-1, .category-product.category-banner .product-box .new-product-slide-item.show-item-2, .category-product.category-banner .product-box .new-product-slide-item.show-item-3 {
  width: 100%;
}
.category-product.category-banner .product-box .new-product-slide-item .item-container {
  max-width: unset;
}
.category-product.category-banner .product-banner {
  display: inline-block;
  position: relative;
}
.category-product .product-banner {
  display: none;
  grid-row-start: var(--banner-grid-row-start);
  grid-column: 3/span 2;
}
.category-product .product-banner:after {
  content: " ";
  position: absolute;
  height: calc(100% - 60px);
  width: 36px;
  right: 0;
  top: 50%;
  transform: translate(100%, -50%);
  background-color: #f8f7f4;
}
.category-product .info-block {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 740px;
  height: calc(100% - 60px);
  background-color: #f8f7f4;
  margin-left: 0;
  transform: translateY(-50%);
  top: 50%;
}
.category-product .info-block .info-block-content {
  padding: 36px 22px 36px 36px;
  width: 50%;
}
.category-product .info-block .info-block-content .heading-rule {
  display: block;
}
.category-product .info-block .info-block-content .heading {
  padding-bottom: 24px;
}
.category-product .info-block .info-block-content .heading-size1 {
  color: #111c1c;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.category-product .info-block .info-block-content .heading-size2 {
  color: #b7b7b7;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.category-product .info-block .info-block-content .heading-size2 .price {
  font-weight: 700;
  color: #e4b760;
}
.category-product .info-block .info-block-content .banner-description {
  color: #2e2e2e;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 24px;
}
.category-product .info-block .info-block-content .banner-description p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.category-product .info-block .info-block-image {
  position: absolute;
  right: 0;
  height: calc(100% + 60px);
  width: 50%;
  top: 50%;
  transform: translate(0, -50%);
}
.category-product .info-block .info-block-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.category-product .info-block .banner-cta {
  display: flex;
  align-items: center;
}
.category-product .info-block .banner-cta .cta-text {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-right: 16px;
}
.category-product .info-block .banner-cta .circle-bt {
  border: 2px solid #111c1c;
  position: relative;
}
.category-product .info-block .banner-cta .circle-bt .icon-arr-right svg {
  color: #111c1c;
}
.category-product .slider {
  z-index: 2;
}
.category-product .slider.sub-product-slide {
  position: relative;
  cursor: pointer;
}
.category-product .slider.sub-product-slide .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  display: none;
}
.category-product .slider.sub-product-slide .swiper-pagination.swiper-pagination-bullets:has(.swiper-pagination-bullet + .swiper-pagination-bullet) {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #d8d8d8;
  transform: none !important;
}
.category-product .slider.sub-product-slide .swiper-pagination.swiper-pagination-bullets:has(.swiper-pagination-bullet + .swiper-pagination-bullet)::after {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #405955;
  transform: translateX(0);
  transition: transform 300ms ease-in-out;
}
.category-product .slider.sub-product-slide .swiper-pagination.swiper-pagination-bullets:has(.swiper-pagination-bullet + .swiper-pagination-bullet):has(.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active)::after {
  transform: translateX(100%);
}
.category-product .slider.sub-product-slide .swiper-slide img {
  height: 308px;
  width: 100%;
  object-fit: contain;
}
.category-product .slider .slide-nav {
  display: none;
}

@media screen and (max-width: 1479px) {
  .category-product .product-banner:after {
    width: 30px;
  }
  .category-product .info-block .info-block-content {
    padding: 30px 22px 30px 30px;
  }
  .category-product .info-block .info-block-content .heading {
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 24px;
  }
  .category-product .info-block .info-block-content .heading-size1 {
    line-height: 28px;
  }
  .category-product .info-block .info-block-content .heading-size2 {
    font-size: 14px;
    line-height: 22px;
  }
  .category-product .info-block .info-block-content .banner-description {
    padding-bottom: 24px;
  }
  .category-product .info-block .info-block-content .info-block-image {
    right: 30px;
  }
}
@media screen and (max-width: 1200px) {
  .category-product.category-banner .product-box {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .category-product.category-banner .product-banner {
    grid-row-start: var(--banner-grid-row-start);
    grid-column: 2/span 2;
  }
}
@media screen and (max-width: 991px) {
  .category-product .product-box .new-product-slide-item {
    width: 33.33%;
  }
  .category-product.category-banner .product-box {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .category-product.category-banner .product-banner {
    grid-row-start: var(--banner-grid-row-start);
    grid-column: 1/span 2;
  }
  .category-product.category-banner .product-banner:after {
    width: 40px;
  }
  .category-product .info-block {
    height: 422px;
  }
  .category-product .info-block .info-block-content {
    padding: 36px 22px 36px 36px;
  }
  .category-product .info-block .info-block-content .heading {
    padding-bottom: 24px;
  }
  .category-product .info-block .info-block-content .heading-size1 {
    font-size: 24px;
    line-height: 32px;
  }
  .category-product .info-block .info-block-content .heading-size2 {
    font-size: 16px;
    line-height: 24px;
  }
  .category-product .info-block .info-block-content .banner-description {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 24px;
  }
  .category-product .info-block .info-block-content .banner-description p {
    -webkit-line-clamp: 5;
  }
  .category-product .info-block .info-block-content .info-block-image {
    right: 30px;
  }
  .category-product .info-block .info-block-image {
    height: 505px;
  }
}
@media screen and (max-width: 834px) {
  .category-product.add-top {
    margin-top: 164px;
  }
  .category-product .container {
    padding-right: 32px;
    padding-left: 32px;
  }
  .category-product .product-box {
    margin-top: 26px;
    margin-bottom: 38px;
  }
  .category-product .product-box .new-product-slide-item {
    width: 50%;
    margin-bottom: 38px;
  }
  .category-product .product-box .new-product-slide-item.show-item-3 {
    width: 33.33%;
    margin-bottom: 36px;
  }
  .category-product .product-box .new-product-slide-item.show-item-3 .item-container .item-img img {
    height: 240px;
    width: auto;
    object-fit: contain;
  }
  .category-product .product-box .new-product-slide-item.show-item-3 .item-container .slide-text-box {
    padding: 6px 22px;
    margin-top: 0px;
  }
  .category-product .product-box .new-product-slide-item.show-item-3 .item-container .slide-text-box .slide-set-top {
    min-height: 100px;
  }
  .category-product .product-box .new-product-slide-item.show-item-3 .item-container .slide-text-box .slide-set-top .title-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .category-product .product-box .new-product-slide-item.show-item-3 .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg {
    width: 16px;
    height: 16px;
  }
  .category-product .product-box .new-product-slide-item.show-item-3 .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg use {
    transform: scale(0.8);
  }
  .category-product .product-box .new-product-slide-item.show-item-2 {
    width: 50%;
    margin-bottom: 38px;
  }
  .category-product .product-box .new-product-slide-item.show-item-2 .item-container .item-img img {
    height: 334px;
    width: 100%;
    object-fit: contain;
    object-position: center center;
  }
  .category-product .product-box .new-product-slide-item.show-item-2 .item-container .slide-text-box {
    padding: 38px 30px;
  }
  .category-product .product-box .new-product-slide-item.show-item-2 .item-container .slide-text-box .slide-set-top {
    min-height: 100px;
    max-width: 254px;
  }
  .category-product .product-box .new-product-slide-item.show-item-2 .item-container .slide-text-box .slide-bt-box .bt-route {
    margin-right: 0px;
  }
  .category-product .product-box .new-product-slide-item.show-item-2 .item-container .custom_bullets {
    bottom: 45px;
  }
  .category-product .product-box .new-product-slide-item.show-item-1 {
    width: 100%;
    padding: 0px 16px;
    margin-bottom: 36px;
  }
  .category-product .product-box .new-product-slide-item.show-item-1 .item-container {
    max-width: 100%;
  }
  .category-product .product-box .new-product-slide-item.show-item-1 .item-container .item-img img {
    height: auto;
    width: 100%;
    object-fit: cover;
  }
  .category-product .product-box .new-product-slide-item.show-item-1 .item-container .slide-text-box {
    padding: 18px 30px;
    margin-top: -7px;
  }
  .category-product .product-box .new-product-slide-item.show-item-1 .item-container .slide-text-box .slide-set-top {
    min-height: 95px;
  }
  .category-product .product-box .new-product-slide-item.show-item-1 .item-container .slide-text-box .slide-set-top .title-txt {
    margin-bottom: 4px;
  }
  .category-product .product-box .new-product-slide-item.show-item-1 .item-container .slide-text-box .slide-set-top .title-txt p {
    font-size: 16px;
    line-height: 24px;
  }
  .category-product .product-box .new-product-slide-item.show-item-1 .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star {
    padding: 0px;
  }
  .category-product .product-box .new-product-slide-item.show-item-1 .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg {
    width: 24px;
    height: 24px;
  }
  .category-product .product-box .new-product-slide-item.show-item-1 .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg use {
    transform: scale(1);
  }
  .category-product .product-box .new-product-slide-item.show-item-1 .item-container .slide-text-box .slide-set-top .reviews-ratting .count {
    padding-left: 10px;
    font-size: 12px;
    line-height: 26px;
  }
  .category-product .product-box .new-product-slide-item.show-item-1 .item-container .slide-text-box .slide-bt-box {
    padding-right: 20px;
  }
  .category-product .product-box .new-product-slide-item.show-item-1 .item-container .custom_bullets {
    bottom: 0px;
  }
  .category-product .product-box .new-product-slide-item .item-container {
    max-width: 375px;
  }
  .category-product .product-box .new-product-slide-item .item-container .slide-text-box {
    padding: 22px 30px;
    margin-top: 26px;
  }
  .category-product .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box {
    padding-right: 0px;
  }
  .category-product .product-box .new-product-slide-item .item-container .item-img img {
    height: 334px;
    width: 100%;
    object-fit: contain;
    object-position: center center;
  }
  .category-product .product-box .new-product-slide-item .item-container .custom_bullets {
    bottom: 36px;
  }
}
@media screen and (max-width: 767px) {
  .category-product .container {
    max-width: 100%;
  }
  .category-product.category-banner .product-box {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .category-product.category-banner .product-box .new-product-slide-item {
    width: 100%;
    margin: 0;
  }
  .category-product.category-banner .product-box .new-product-slide-item.show-item-1, .category-product.category-banner .product-box .new-product-slide-item.show-item-2, .category-product.category-banner .product-box .new-product-slide-item.show-item-3 {
    width: 100%;
  }
  .category-product.category-banner .product-box .new-product-slide-item .item-container {
    max-width: unset;
  }
  .category-product.category-banner .product-banner {
    grid-row-start: var(--banner-grid-row-start);
    grid-column: 1/span 2;
  }
  .category-product.category-banner .product-banner:after {
    display: none;
  }
}
@media screen and (max-width: 680px) {
  .category-product {
    margin-bottom: 20px;
  }
  .category-product.add-top {
    margin-top: 138px;
  }
  .category-product.category-banner .product-box .new-product-slide-item .item-container .item-img img {
    height: 100%;
  }
  .category-product.category-banner .product-box {
    grid-auto-rows: auto;
  }
  .category-product .product-box {
    margin-left: -16px;
    margin-right: -16px;
    margin-top: 0px;
  }
  .category-product .product-box .new-product-slide-item {
    width: 50%;
    padding: 0px 16px;
    margin-bottom: 8px;
  }
  .category-product .product-box .new-product-slide-item.show-item-2 {
    width: 50%;
    padding: 0px 16px;
    margin-bottom: 8px;
  }
  .category-product .product-box .new-product-slide-item.show-item-2 .item-container {
    max-width: 100%;
  }
  .category-product .product-box .new-product-slide-item.show-item-2 .item-container .item-img img {
    height: 160px;
  }
  .category-product .product-box .new-product-slide-item.show-item-2 .item-container .slide-text-box {
    padding: 14px 6px;
    margin-top: 8px;
  }
  .category-product .product-box .new-product-slide-item.show-item-2 .item-container .slide-text-box .slide-set-top {
    min-height: 78px;
  }
  .category-product .product-box .new-product-slide-item.show-item-2 .item-container .slide-text-box .slide-set-top .title-txt {
    margin-bottom: 11px;
  }
  .category-product .product-box .new-product-slide-item.show-item-2 .item-container .slide-text-box .slide-set-top .title-txt p {
    font-size: 12px;
    line-height: 18px;
  }
  .category-product .product-box .new-product-slide-item.show-item-2 .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg {
    width: 12px;
    height: 12px;
  }
  .category-product .product-box .new-product-slide-item.show-item-2 .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg use {
    transform: scale(0.6);
  }
  .category-product .product-box .new-product-slide-item.show-item-2 .item-container .slide-text-box .slide-set-top .reviews-ratting .count {
    padding-left: 6px;
    font-size: 10px;
    line-height: 14px;
  }
  .category-product .product-box .new-product-slide-item.show-item-2 .item-container .custom_bullets {
    bottom: 10px;
  }
  .category-product .product-box .new-product-slide-item .item-container {
    max-width: 100%;
  }
  .category-product .product-box .new-product-slide-item .item-container .item-img img {
    height: 160px;
  }
  .category-product .product-box .new-product-slide-item .item-container .slide-text-box {
    padding: 14px 6px;
    margin-top: 8px;
  }
  .category-product .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top {
    min-height: 78px;
  }
  .category-product .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt {
    margin-bottom: 11px;
  }
  .category-product .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt p {
    font-size: 12px;
    line-height: 18px;
  }
  .category-product .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg {
    width: 12px;
    height: 12px;
  }
  .category-product .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg use {
    transform: scale(0.6);
  }
  .category-product .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .count {
    padding-left: 6px;
    font-size: 10px;
    line-height: 14px;
  }
  .category-product .product-box .new-product-slide-item .item-container .custom_bullets {
    bottom: 10px;
  }
}
@media screen and (max-width: 640px) {
  .category-product.add-top {
    margin-top: 120px;
  }
  .category-product.category-banner .product-banner {
    grid-row-start: var(--banner-grid-row-start);
    grid-column: 1/span 2;
  }
  .category-product .info-block {
    flex-direction: column;
    width: 100%;
    margin-left: 0;
    max-width: 740px;
    height: 100%;
  }
  .category-product .info-block .info-block-image {
    position: relative;
    order: -1;
    top: -24px;
    left: 50%;
    transform: translate(-50%, 0);
    right: unset;
    height: 100%;
    width: 100%;
    max-width: 350px;
  }
  .category-product .info-block .info-block-content {
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .category-product.category-banner .product-box {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .category-product.category-banner .product-banner {
    grid-row-start: var(--banner-grid-row-start);
    grid-column: 1/span 1;
  }
}
@media screen and (max-width: 360px) {
  .category-product .container {
    padding: 0 16px;
  }
}
.category-description {
  padding-bottom: 90px;
  position: relative;
}
.category-description h1,
.category-description h2,
.category-description h3,
.category-description h4,
.category-description h5 {
  margin: 4px 0;
  font-size: 14px;
  line-height: 24px;
}
.category-description p {
  font-size: 14px;
  line-height: 24px;
}
.category-description .row {
  display: flex;
  gap: 32px;
}
.category-description .column {
  flex: 1;
}
.category-description .desc-txt {
  padding-top: 80px;
  margin-bottom: 14px;
  border-top: solid 1px #d8d8d8;
}
.category-description .desc-txt .text {
  position: relative;
}
.category-description .scroll-down-button {
  height: auto;
  margin-block: 14px;
  margin-left: auto;
  width: fit-content;
}
.category-description .scroll-down-button .scroll-container-box {
  position: relative;
  display: flex;
  align-items: center;
  height: 48px;
  cursor: pointer;
  width: 100%;
  justify-content: flex-end;
}
.category-description .scroll-down-button .scroll-container-box .circle-bt {
  position: relative;
  margin-left: 16px;
  border: solid 2px #000000;
}
.category-description .scroll-down-button .scroll-container-box p {
  font-size: 16px;
  font-weight: 600;
}

@media screen and (max-width: 1200px) {
  .category-description .row {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media screen and (max-width: 1024px) {
  .category-description .scroll-down-button {
    display: block;
  }
}
.category-types {
  position: relative;
  width: 100%;
  margin-bottom: 24px;
}
.category-types .category-type-title {
  color: #111c1c;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  display: block;
}
.category-types .category-type-sub-title {
  color: #111c1c;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
.category-types .category-type-list {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-top: 16px;
  position: relative;
}
.category-types .category-type-list .slide-nav-box {
  display: none;
}
.category-types .category-type-list.swiper-container-initialized .category-type-wrapper {
  gap: unset;
}
.category-types .category-type-list.swiper-container-initialized .slide-nav-box {
  display: flex;
}
.category-types .category-type-list .category-type-wrapper {
  display: flex;
  gap: 26px;
}
.category-types .category-type-list .category-type-item {
  cursor: pointer;
  width: 170px;
  display: flex;
  flex-direction: column;
}
.category-types .category-type-list .category-type-item .img-box {
  width: 170px;
  height: 106px;
}
.category-types .category-type-list .category-type-item .img-box > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px 4px 0 0;
}
.category-types .category-type-list .category-type-item .category-type-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #111c1c;
  padding-left: 16px;
  padding-top: 16px;
}
.category-types .category-type-list .slide-pagination.swiper-pagination-bullets {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  bottom: 18px;
  width: fit-content;
}
.category-types .category-type-list .slide-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
  opacity: 1;
}
.category-types .category-type-list .slide-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.category-types .category-type-list .slide-pagination.swiper-pagination-lock {
  display: none;
}
.category-types .slide-nav {
  position: relative;
  height: auto;
  width: 100%;
  margin-top: 16px;
}
.category-types .slide-nav .slide-nav-box {
  display: none;
  flex-direction: row;
  justify-content: flex-end;
  gap: 16px;
}
.category-types .slide-nav .slide-nav-box .nav-txt {
  display: flex;
  align-items: center;
}
.category-types .slide-nav .slide-nav-box .nav-txt p {
  color: #111c1c;
}
.category-types .slide-nav .slide-nav-box .nav-txt p.current-txt {
  padding-right: 4px;
}
.category-types .slide-nav .slide-nav-box .nav-txt p.label-txt {
  padding-right: 4px;
}
.category-types .slide-nav .slide-nav-box .nav-txt p.all-txt, .category-types .slide-nav .slide-nav-box .nav-txt p.label-txt {
  color: rgba(17, 28, 28, 0.34);
}
.category-types .slide-nav .circle-bt {
  position: relative;
}
.category-types .slide-nav .circle-bt.bt-next {
  left: 0;
}
.category-types .swiper-pagination-bullets {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  bottom: 18px;
  width: fit-content;
}
.category-types .swiper-pagination-bullets .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
  opacity: 1;
}
.category-types .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.category-types .sub-title p {
  margin: 12px 0;
}
.category-types .category-type-desc {
  position: relative;
  max-width: 842px;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  margin-top: 12px;
}
.category-types .category-type-desc > p {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}

@media screen and (max-width: 1024px) {
  .category-types .slide-nav .slide-nav-box {
    float: unset;
    right: unset;
  }
  .category-types .slide-nav .slide-nav-box .nav-txt {
    padding: 0;
  }
  .category-types .slide-nav .slide-nav-box .circle-bt.bt-prev {
    margin-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .category-types .category-type-desc {
    margin-top: 24px;
  }
}
.category-sidebar-filter {
  min-height: 800px;
  width: 266px;
  background: #ffffff;
  position: relative;
  transition: all 0.3s ease-out;
  height: 100%;
}
.category-sidebar-filter.v2 .category-filter-wrapper .category-filter-group .heading {
  border-radius: 15px;
}
.category-sidebar-filter.v2 .category-filter-wrapper .category-price-group .category-price-filter .list-select {
  border-radius: 15px;
}
.category-sidebar-filter.v2 .sidebar-container .tag-collection {
  padding-right: 10px;
}
.category-sidebar-filter .title {
  font-size: 16px;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 16px;
  font-weight: bold;
}
.category-sidebar-filter .custom-select-list {
  width: 100%;
}
.category-sidebar-filter .filter-box-bt.mobile-set {
  display: none;
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: auto;
  z-index: 3;
  padding: 12px 24px 24px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: #ffffff;
  box-shadow: 0 -4px 8px 0 rgba(108, 117, 125, 0.05);
}
.category-sidebar-filter .filter-box-bt.mobile-set .simple-bt {
  border-right: unset;
  width: 100%;
  height: auto;
  padding: 20px 24px;
}
.category-sidebar-filter .filter-box-bt.mobile-set .simple-bt p {
  color: #111c1c;
  font-size: 13px;
}
.category-sidebar-filter .filter-box-bt.mobile-set .box-bt {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 64px;
  padding: 20px 32px;
  width: 100%;
}
.category-sidebar-filter .filter-box-bt.mobile-set .box-bt.clear-all p {
  flex: 1 0 0;
}
.category-sidebar-filter .filter-box-bt.mobile-set .box-bt p {
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}
.category-sidebar-filter .filter-box-bt.mobile-set .box-bt .loading {
  display: none;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
}
.category-sidebar-filter .filter-box-bt.mobile-set .box-bt .loading.active {
  display: flex;
}
.category-sidebar-filter .filter-box-bt.mobile-set .box-bt .loading.hidden {
  display: none;
}
.category-sidebar-filter .category-filter-wrapper .filer-text {
  display: none;
  padding: 24px 24px 24px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.category-sidebar-filter .category-filter-wrapper .filer-text .head-txt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}
.category-sidebar-filter .category-filter-wrapper .filer-text .head-txt .title-txt {
  flex: 1 0 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.category-sidebar-filter .category-filter-wrapper .filer-text .desc-txt {
  line-height: 18px;
}
.category-sidebar-filter .category-filter-wrapper .close-bt {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: solid 2px #000000;
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 48px;
  top: 48px;
  cursor: pointer;
  transition: all 0.3s;
}
.category-sidebar-filter .category-filter-wrapper .close-bt .icon-close-light {
  width: 12px;
  height: 12px;
  transition: all 0.3s;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group {
  width: 100%;
  flex-grow: 1;
  margin-bottom: 24px;
  height: auto;
  overflow: hidden;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group[open=true] .heading .name .icon-arr-up {
  transform: rotate(0deg);
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group[open=true] .heading .name .ico-arrow {
  transform: rotate(180deg);
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group[open=true] .result,
.category-sidebar-filter .category-filter-wrapper .category-filter-group[open=true] .description {
  display: none !important;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group[open=true] .content {
  visibility: visible;
  opacity: 1;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group[open=false] .heading .name .icon-arr-up {
  transform: rotate(180deg);
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group[open=false] .heading .name .ico-arrow {
  transform: rotate(0deg);
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group[open=false] .content.category-spec-filters {
  display: none !important;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group[open=false] .bt-readmore.active {
  display: none !important;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .heading {
  height: 48px;
  position: relative;
  background-color: #f8f7f4;
  border-radius: 4px;
  cursor: pointer;
  padding: 0px 24px;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .heading .name {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .heading .name .icon-arr-up,
.category-sidebar-filter .category-filter-wrapper .category-filter-group .heading .name .icon-arr-box {
  position: absolute;
  right: 0;
  margin-right: 24px;
  transition: all 0.3s ease-out;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .heading .name .icon-arr-up svg,
.category-sidebar-filter .category-filter-wrapper .category-filter-group .heading .name .icon-arr-box svg {
  color: #111c1c;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .heading .name .icon-arr-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .heading .name .ico-arrow {
  --icon-color: #111c1c;
  width: 24px;
  height: 24px;
  transform: rotate(0deg);
  transition: all 0.3s ease-out;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .result {
  display: flex;
  padding: 16px 16px 0 16px;
  align-items: flex-start;
  font-size: 12px;
  line-height: 18px;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .description {
  display: flex;
  padding: 8px 16px 0 16px;
  align-items: flex-start;
  font-size: 12px;
  line-height: 18px;
  color: #4c5555;
  word-break: break-word;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content {
  overflow: hidden;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-filters.checkbox-image[show-all=false], .category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image[show-all=false] {
  margin-bottom: 8px;
  max-height: 232px;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-filters[show-all=true], .category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters[show-all=true] {
  max-height: 100%;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-filters[show-all=true] ~ .bt-readmore .text::after, .category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters[show-all=true] ~ .bt-readmore .text::after {
  content: attr(data-less-text);
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-filters[show-all=true] ~ .bt-readmore .icon-arr-down, .category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters[show-all=true] ~ .bt-readmore .icon-arr-down {
  transform: rotate(180deg);
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-filters[show-all=false] ~ .bt-readmore .text::after, .category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters[show-all=false] ~ .bt-readmore .text::after {
  content: attr(data-more-text);
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-filters[show-all=false] ~ .bt-readmore .icon-arr-down, .category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters[show-all=false] ~ .bt-readmore .icon-arr-down {
  transform: rotate(0deg);
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-filters {
  max-height: 106px;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-filters .filter-item {
  cursor: pointer;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  padding-left: 24px;
  padding-right: 24px;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-filters .filter-item.main-item {
  padding-top: 16px;
  padding-bottom: 16px;
  font-weight: 600;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-filters .filter-item.sub-item {
  padding-left: 32px;
  padding-bottom: 14px;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-filters .filter-item .checkbox-label span:first-child {
  margin-right: 4px;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-filters .filter-item .checkbox-label span:last-child {
  color: rgba(17, 28, 28, 0.75);
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-filters .filter-item.active:not(.main-item) {
  color: #e4b760;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-filters .filter-item:hover:not(.main-item) {
  color: #e4b760;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters {
  max-height: 204px;
  display: flex;
  flex-direction: column;
  padding: 16px 0px 16px 16px;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 16px 0px 16px 0px;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image .filter-head {
  display: none;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image .filter-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  position: relative;
  margin-bottom: 0px;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image .filter-item .circle-box {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  aspect-ratio: 1/1;
  margin: 6px;
  padding: 10px;
  overflow: hidden;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image .filter-item .circle-box img[src] {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image .filter-item .circle-box img:not([src]),
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image .filter-item .circle-box img[src=""] {
  height: auto;
  width: auto;
  object-fit: unset;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image .filter-item input {
  display: none;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image .filter-item label {
  text-align: center;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image .filter-item label span:first-child {
  margin-right: 0px;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image .filter-item::before {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  border: 1px solid #aeb2b2;
  width: 14px;
  height: 14px;
  background: #ffffff;
  border-radius: 4px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image .filter-item.active::before {
  border: 1px solid #e4b760;
  background-color: #e4b760;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image .filter-item.active::after {
  content: "";
  background-image: url(/assetfiles/img/tabledusudv4/shared/check-icon.png);
  position: absolute;
  width: 8px;
  height: 7px;
  right: 3px;
  top: 4px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image .filter-item.active .circle-box {
  border: 1px solid #e4b760;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image .filter-item.active .checkbox-label::after {
  content: none;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image .filter-item:hover {
  cursor: pointer;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image .filter-item:hover .circle-box {
  border: 1px solid #e4b760;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image .filter-item:hover label span {
  color: #e4b760;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image .filter-item:hover::before {
  border: 1px solid #e4b760;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters .filter-head {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters .filter-head .tag-count {
  color: rgba(17, 28, 28, 0.75);
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters .filter-item {
  cursor: pointer;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 12px;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters .filter-item .checkbox-label span:first-child {
  margin-right: 4px;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters .filter-item .checkbox-label span:last-child {
  color: rgba(17, 28, 28, 0.75);
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters .filter-item.active .checkbox-label::before {
  border: 1px solid #e4b760;
  background-color: #e4b760;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters .filter-item.active .checkbox-label::after {
  content: "";
  background-image: url(/assetfiles/img/tabledusudv4/shared/check-icon.png);
  position: absolute;
  width: 8px;
  height: 7px;
  left: 6px;
  top: 6px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters input[type=checkbox] + .checkbox-label {
  color: #111c1c;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters input[type=checkbox] + .checkbox-label::before {
  border: 1px solid #111c1c;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters input[type=checkbox] + .checkbox-label:hover {
  color: #e4b760;
  cursor: pointer;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters input[type=checkbox] + .checkbox-label:hover span {
  color: #e4b760;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters input[type=checkbox] + .checkbox-label:hover::before {
  border: 1px solid #e4b760;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters input[type=checkbox]:checked + .checkbox-label::before {
  border: 1px solid #e4b760;
  background-color: #e4b760;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters input[type=checkbox]:checked + .checkbox-label::after {
  content: "";
  background-image: url(/assetfiles/img/tabledusudv4/shared/check-icon.png);
  position: absolute;
  width: 8px;
  height: 7px;
  left: 6px;
  top: 6px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .bt-readmore {
  cursor: pointer;
  display: none;
  align-items: center;
  padding-left: 16px;
  background-color: #ffffff;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .bt-readmore.active {
  display: flex;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .bt-readmore:hover .icon-arr-down svg {
  animation: menuDown 1s linear forwards;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .bt-readmore .text {
  position: relative;
}
.category-sidebar-filter .category-filter-wrapper .category-filter-group .bt-readmore .text::after {
  content: attr(data-more-text);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #e4b760;
  padding-right: 8px;
}
.category-sidebar-filter .category-filter-wrapper .category-price-group .category-price-filter .range .min-max .mm-field {
  width: 50%;
}
.category-sidebar-filter .category-filter-wrapper .category-price-group .category-price-filter .range .min-max .mm-field:first-child {
  margin-right: 10px;
}
.category-sidebar-filter .category-filter-wrapper .category-price-group .category-price-filter .range .min-max .mm-field .label-txt {
  padding-left: 10px;
  text-align: left;
  font-weight: 600;
}
.category-sidebar-filter .category-filter-wrapper .category-price-group .category-price-filter .range .min-max .mm-field input {
  text-align: right;
  width: 100%;
}
.category-sidebar-filter .category-filter-wrapper .category-price-group .category-price-filter.active .list-option {
  display: block;
  top: 56px;
  padding: 8px;
}
.category-sidebar-filter .category-filter-wrapper .category-price-group .category-price-filter .list-select .icon-arr-down {
  right: 24px;
}
.category-sidebar-filter .category-filter-wrapper .category-price-group .category-price-filter .list-select .icon-arr-box {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  margin-right: 24px;
  transition: all 0.3s ease-out;
}
.category-sidebar-filter .category-filter-wrapper .category-price-group .category-price-filter .list-select .icon-arr-box svg {
  color: #111c1c;
}
.category-sidebar-filter .category-filter-wrapper .category-price-group .category-price-filter .list-select .ico-arrow {
  --icon-color: #111c1c;
  width: 24px;
  height: 24px;
  transform: rotate(0deg);
  transition: all 0.3s ease-out;
}
.category-sidebar-filter .checkbox-item.disabled {
  opacity: 0.4;
}
.category-sidebar-filter .checkbox-item.disabled label {
  cursor: default !important;
  color: #111c1c !important;
}
.category-sidebar-filter .checkbox-item.disabled label span {
  color: #111c1c !important;
}
.category-sidebar-filter .checkbox-item.disabled label:before {
  border: 1px solid #111c1c !important;
  background-color: #eee !important;
}
.category-sidebar-filter .checkbox-item.disabled.active label:before {
  border: 1px solid #e4b760 !important;
  background-color: #e4b760 !important;
}

@media screen and (min-width: 1201px) {
  .category-sidebar-filter.infinite-layout .category-filter-wrapper, .category-sidebar-filter.v2 .category-filter-wrapper {
    width: 266px;
    position: sticky;
    z-index: 4;
    background-color: #fff;
    top: 24px;
    transition: top 0.5s;
    max-height: calc(100vh - 220px);
    overflow-x: hidden;
    overflow-y: scroll;
  }
}
@media screen and (max-width: 1200px) {
  .category-sidebar-filter {
    flex-direction: column;
    top: 0px;
    right: -460px;
    width: 460px;
    position: fixed;
    z-index: 101;
  }
  .category-sidebar-filter.active {
    display: flex;
    right: 0;
    min-height: 100%;
  }
  .category-sidebar-filter .filter-box-bt.mobile-set {
    display: flex;
  }
  .category-sidebar-filter .category-filter-wrapper {
    padding: 0px 0px 0px 24px;
  }
  .category-sidebar-filter .category-filter-wrapper .filer-text {
    display: flex;
  }
  .category-sidebar-filter .category-filter-wrapper .close-bt {
    display: flex;
  }
  .category-sidebar-filter .category-filter-wrapper .category-price-group .custom-select-list.rang-list {
    margin-bottom: 24px;
  }
  .category-sidebar-filter .category-filter-wrapper .category-price-group .custom-select-list.rang-list .list-result {
    display: none;
  }
  .category-sidebar-filter .category-filter-wrapper .category-price-group .custom-select-list.rang-list .list-option {
    position: relative;
    top: 0;
    box-shadow: none;
  }
  .category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 16px;
  }
  .category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image[show-all=false] {
    max-height: 256px;
  }
  .category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image .filter-item .circle-box {
    width: 81px;
    height: 81px;
    margin: 5px;
    padding: 8px 9px 9px 8px;
  }
  .category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image .filter-item::before {
    width: 20px;
    height: 20px;
  }
  .category-sidebar-filter .category-filter-wrapper .category-filter-group .content.category-spec-filters.checkbox-image .filter-item.active::after {
    right: 6px;
    top: 6px;
  }
  .category-sidebar-filter .sidebar-container {
    height: calc(100vh - 300px);
    width: 100%;
    z-index: 2;
    overflow-y: auto;
    padding-right: 24px;
    padding-bottom: 108px;
  }
}
@media screen and (max-width: 743px) {
  .category-sidebar-filter {
    width: 100%;
    max-width: 460px;
  }
}
.category-product-items {
  --banner-grid-row-start: 2;
  --aspect-ratio: 265/214;
}
.category-product-items .product-box {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(265px, 1fr));
  grid-auto-rows: 1fr;
  gap: 16px;
  position: relative;
  transition: all 0.3s;
}
.category-product-items .product-box.fade {
  opacity: 0.3;
}
.category-product-items .product-box .product-item {
  position: relative;
  height: auto;
  width: 100%;
  display: flex;
}
.category-product-items .product-box .product-item .item-container {
  width: 100%;
  transition: all 0.3s ease-out;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  border: solid 2px rgba(247, 248, 243, 0);
  flex-direction: column;
  display: flex;
}
.category-product-items .product-box .product-item .item-container:not(.active):hover {
  border: solid 2px rgb(247, 248, 243);
}
.category-product-items .product-box .product-item .item-container:not(.active):hover .bt-product-route p,
.category-product-items .product-box .product-item .item-container:not(.active):hover .bt-continue p {
  color: #e4b760;
}
.category-product-items .product-box .product-item .item-container:not(.active):hover .bt-product-route .icon-arr-right svg,
.category-product-items .product-box .product-item .item-container:not(.active):hover .bt-continue .icon-arr-right svg {
  color: #e4b760;
  animation: moveNext 0.6s linear forwards;
}
.category-product-items .product-box .product-item .item-container:not(.active):hover .bt-product-route .icon-arr-right-bg,
.category-product-items .product-box .product-item .item-container:not(.active):hover .bt-continue .icon-arr-right-bg {
  background-color: #e4b760;
  animation: moveContinue 0.6s linear forwards;
}
.category-product-items .product-box .product-item .item-container .bt-product-route .icon-arr-right-bg {
  background-color: #000000;
}
.category-product-items .product-box .product-item .item-container .item-img,
.category-product-items .product-box .product-item .item-container picture {
  width: 100%;
  padding-bottom: calc(100% / (var(--aspect-ratio)));
  position: relative;
  display: block;
}
.category-product-items .product-box .product-item .item-container .item-img img,
.category-product-items .product-box .product-item .item-container picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  top: 0;
  left: 0;
}
.category-product-items .product-box .product-item .item-container .slide-text-box {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.category-product-items .product-box .product-item .item-container .slide-text-box .slide-set-top {
  min-height: 90px;
}
.category-product-items .product-box .product-item .item-container .slide-text-box .slide-set-top .title-txt {
  margin-bottom: 7px;
  height: 44px;
}
.category-product-items .product-box .product-item .item-container .slide-text-box .slide-set-top .title-txt > h3 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #111c1c;
  white-space: initial;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.category-product-items .product-box .product-item .item-container .slide-text-box .slide-set-top .product-info {
  position: relative;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  min-height: 48px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-content: center;
}
.category-product-items .product-box .product-item .item-container .slide-text-box .slide-set-top .product-details {
  display: flex;
  width: 50%;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-end;
  align-items: flex-end;
}
.category-product-items .product-box .product-item .item-container .slide-text-box .slide-set-top .product-price {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  text-align: right;
  color: #111c1c;
  height: 24px;
  order: 2;
  justify-content: flex-end;
  align-items: baseline;
}
.category-product-items .product-box .product-item .item-container .slide-text-box .slide-set-top .product-price .discount-price {
  color: #aeb2b2;
  font-weight: 600;
  font-size: 13px;
  line-height: 24px;
  position: relative;
  margin-right: 8px;
}
.category-product-items .product-box .product-item .item-container .slide-text-box .slide-set-top .product-price .discount-price:before {
  content: " ";
  width: 100%;
  height: 2px;
  display: inline-block;
  position: absolute;
  top: 40%;
  border-bottom: 1px solid #aeb2b2;
}
.category-product-items .product-box .product-item .item-container .slide-text-box .slide-set-top .product-price .grey-text {
  font-size: 10px;
  font-weight: 400;
  color: #a0a4a4;
  line-height: 11px;
  position: absolute;
  right: 0;
  top: -8px;
}
.category-product-items .product-box .product-item .item-container .slide-text-box .slide-set-top .product-colors {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 16px;
  order: 3;
  justify-content: flex-end;
  align-items: flex-end;
}
.category-product-items .product-box .product-item .item-container .slide-text-box .slide-set-top .product-colors .product-color {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: relative;
  vertical-align: baseline;
  margin-right: 4px;
  overflow: hidden;
  border: 1px solid #efefef;
}
.category-product-items .product-box .product-item .item-container .slide-text-box .slide-set-top .product-colors .product-color > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.category-product-items .product-box .product-item .item-container .slide-text-box .slide-set-top .product-colors .remain-count {
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
}
.category-product-items .product-box .product-item .item-container .slide-text-box .slide-set-top .reviews-ratting {
  width: 100%;
  margin: 0;
  padding: 0;
  flex-direction: column;
  order: 1;
  grid-row: 1/3;
}
.category-product-items .product-box .product-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars {
  display: flex;
  gap: 4px;
  margin: 0;
  height: 24px;
}
.category-product-items .product-box .product-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star {
  padding: 0;
}
.category-product-items .product-box .product-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg {
  width: 20px;
  height: 20px;
}
.category-product-items .product-box .product-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg use {
  transform: scale(1);
}
.category-product-items .product-box .product-item .item-container .slide-text-box .slide-set-top .reviews-ratting .count {
  padding-left: 0;
  height: 16px;
  display: flex;
  line-height: normal;
  font-size: 11px;
  color: #505050;
  font-weight: 500;
  align-items: center;
}
.category-product-items .product-box .product-item .item-container .slide-text-box .slide-set-top .reviews-ratting .count.pl-0 {
  padding-left: 0;
}
.category-product-items .product-box .product-item .item-container .slide-text-box .slide-bt-box {
  display: flex;
  justify-content: space-between;
  padding-right: 14px;
  margin-top: 16px;
}
.category-product-items .product-box .product-item .item-container .slide-text-box .slide-bt-box .bt-route {
  margin-right: -6px;
}
.category-product-items .product-box .product-item .item-container .custom_bullets {
  bottom: 28px;
}
.category-product-items .product-box .slider {
  z-index: 2;
}
.category-product-items .product-box .slider.sub-product-slide {
  position: relative;
  cursor: pointer;
  padding-top: 80%;
}
.category-product-items .product-box .slider.sub-product-slide .swiper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
}
.category-product-items .product-box .slider.sub-product-slide .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  display: none;
}
.category-product-items .product-box .slider.sub-product-slide .swiper-pagination.swiper-pagination-bullets:has(.swiper-pagination-bullet + .swiper-pagination-bullet) {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #d8d8d8;
  transform: none !important;
}
.category-product-items .product-box .slider.sub-product-slide .swiper-pagination.swiper-pagination-bullets:has(.swiper-pagination-bullet + .swiper-pagination-bullet)::after {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #405955;
  transform: translateX(0);
  transition: transform 300ms ease-in-out;
}
.category-product-items .product-box .slider.sub-product-slide .swiper-pagination.swiper-pagination-bullets:has(.swiper-pagination-bullet + .swiper-pagination-bullet):has(.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active)::after {
  transform: translateX(100%);
}
.category-product-items .product-box .slider .product-tag {
  position: absolute;
  width: auto;
  max-width: calc(100% - 24px);
  height: 24px;
  right: 0px;
  top: 16px;
  background: #e4b760;
  border-radius: 100px 0px 0px 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  z-index: 1;
}
.category-product-items .product-box .slider .product-tag > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  font-size: 10px;
  color: white;
}
.category-product-items .product-box .slider .second-chance-counter {
  background: rgba(80, 80, 80, 0.95);
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 8px 4px;
  color: #fff;
}
.category-product-items .product-box .slider .second-chance-counter p {
  font-weight: bold;
  font-size: 10px;
}
.category-product-items .product-box .slider .second-chance-counter p.counter {
  color: #e4b760;
  margin: 2px 0;
}
.category-product-items .product-box .slider .slide-nav {
  display: none;
}
.category-product-items .product-banner-template {
  padding-bottom: 60px;
}
.category-product-items .product-banner-template .product-banner {
  height: 482px;
}
.category-product-items .product-banner-template .info-block {
  transform: unset;
  top: 0;
}
.category-product-items .product-banner-template .info-block.edit-mode {
  min-width: 640px;
}
.category-product-items .product-banner {
  display: inline-block;
  position: relative;
  grid-row-start: var(--banner-grid-row-start);
  grid-column: 3/span 2;
}
.category-product-items .product-banner:after {
  content: " ";
  position: absolute;
  height: calc(100% - 60px);
  width: 24px;
  right: 0;
  top: 50%;
  transform: translate(100%, -50%);
  background-color: #f8f7f4;
}
.category-product-items .product-banner .info-block {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: #f8f7f4;
  margin-left: 0;
  transform: translateY(-50%);
  top: 50%;
  height: calc(100% - 60px);
}
.category-product-items .product-banner .info-block .info-block-content {
  padding: 36px 22px 36px 40px;
  width: 50%;
  position: relative;
}
.category-product-items .product-banner .info-block .info-block-content .heading-rule {
  display: block;
}
.category-product-items .product-banner .info-block .info-block-content .heading {
  padding-bottom: 24px;
}
.category-product-items .product-banner .info-block .info-block-content .heading-size1 {
  color: #111c1c;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.category-product-items .product-banner .info-block .info-block-content .heading-size2 {
  color: #b7b7b7;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.category-product-items .product-banner .info-block .info-block-content .heading-size2 .price {
  font-weight: 700;
  color: #e4b760;
}
.category-product-items .product-banner .info-block .info-block-content .banner-description {
  color: #2e2e2e;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 24px;
}
.category-product-items .product-banner .info-block .info-block-content .banner-description p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.category-product-items .product-banner .info-block .info-block-image {
  position: absolute;
  right: 0;
  height: calc(100% + 60px);
  width: calc(50% - 18px);
  top: 50%;
  transform: translate(0, -50%);
}
.category-product-items .product-banner .info-block .info-block-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.category-product-items .product-banner .info-block .banner-cta {
  display: flex;
  align-items: center;
}
.category-product-items .product-banner .info-block .banner-cta .cta-text {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-right: 16px;
}
.category-product-items .product-banner .info-block .banner-cta .circle-bt {
  border: 1.5px solid #111c1c;
  position: relative;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.category-product-items .product-banner .info-block .banner-cta .circle-bt .icon-arr-right {
  right: -1px;
}
.category-product-items .product-banner .info-block .banner-cta .circle-bt .icon-arr-right svg {
  color: #111c1c;
}
.category-product-items .product-banner.subscribe-banner:after {
  display: none;
}
.category-product-items .product-banner.subscribe-banner .info-block {
  background-color: #405954;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content {
  padding: 24px 6px 12px 24px;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content .heading-size1 {
  color: #fff;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content .heading-size2 {
  color: #a0a4a4;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content .banner-description {
  color: #fff;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe {
  position: relative;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe .box-bt {
  height: 48px;
  overflow: hidden;
  border-radius: 100px;
  margin-bottom: 14px;
  border: 2px solid transparent;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe .box-bt .submit {
  top: 2px;
  right: 2px;
  height: 44px;
  border-radius: 46px;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe .box-bt .submit span {
  display: inline-block;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe .box-bt .submit .icon-checked {
  position: absolute;
  background-color: #fff;
  top: 19px;
  right: 10px;
  display: none;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe input {
  background-color: #ffffff;
  padding: 12px 12px 12px 16px;
  height: 44px;
  font-size: 13px;
  color: #111c1c;
  width: 90%;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe .form-cond-check .cond-check {
  border: 1px solid #fff;
  margin-top: 2px;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe .form-cond-check .cond-check:hover {
  border-color: #e4b760;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe .form-cond-check .cond-check.active {
  border-color: #e4b760;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe .form-cond-check .cond-text .txt {
  font-size: 10px;
  line-height: 11px;
  color: #fff;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe .error-msg {
  display: none;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #ff7978;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe.success input {
  cursor: default;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe.success .box-bt .submit {
  background-color: #000000;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe.success .box-bt .submit .icon-checked {
  display: block;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe.error .box-bt {
  border: 2px solid #ff0100;
  margin-bottom: 0;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe.error .error-msg {
  display: block;
  margin-bottom: 10px;
  margin-top: 6px;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe.ac-subscribed .box-bt .submit {
  left: unset;
  width: 100%;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe.ac-subscribed .form-cond-check .check-area {
  display: block;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe.ac-subscribed .form-cond-check .check-area .check-box {
  display: none;
}
.category-product-items .product-banner.subscribe-banner .info-block .info-block-image {
  right: 16px;
}

@media screen and (max-width: 1479px) {
  .category-product-items .product-banner {
    grid-row-start: var(--banner-grid-row-start);
    grid-column: 2/span 2;
  }
}
@media screen and (max-width: 1200px) {
  .category-product-items .product-box {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .category-product-items .product-box .product-banner {
    grid-row-start: var(--banner-grid-row-start);
    grid-column: 1/span 2;
  }
  .category-product-items .product-box .product-banner.subscribe-banner .info-block .info-block-content {
    padding: 32px 90px 32px 40px;
  }
  .category-product-items .product-box .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe {
    position: absolute;
    left: 40px;
    width: calc(100% - 130px);
    bottom: 100px;
  }
  .category-product-items .product-box.show-2-col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .category-product-items .product-box.show-2-col .product-banner {
    grid-row-start: var(--banner-grid-row-start);
    grid-column: 1/span 2;
  }
  .category-product-items .product-box.show-3-col {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .category-product-items .product-box.show-3-col .product-banner {
    grid-row-start: var(--banner-grid-row-start);
    grid-column: 2/span 2;
  }
  .category-product-items .product-box.show-3-col .product-banner.subscribe-banner .info-block .info-block-content {
    padding: 24px 6px 12px 24px;
  }
  .category-product-items .product-box.show-3-col .product-banner.subscribe-banner .info-block .info-block-content .heading-size1 {
    font-size: 14px;
    line-height: 24px;
  }
  .category-product-items .product-box.show-3-col .product-banner.subscribe-banner .info-block .info-block-content .heading-size2 {
    font-size: 12px;
    line-height: 18px;
  }
  .category-product-items .product-box.show-3-col .product-banner.subscribe-banner .info-block .info-block-content .banner-description {
    font-size: 12px;
    line-height: 18px;
  }
  .category-product-items .product-box.show-3-col .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe {
    position: relative;
    left: unset;
    width: 100%;
    bottom: unset;
    margin-bottom: 60px;
  }
  .category-product-items .product-box.show-3-col .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe input {
    width: 100%;
  }
  .category-product-items .product-box.show-3-col .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe .submit {
    top: calc(100% + 10px);
    right: 0;
    width: 100%;
    height: 48px;
  }
}
@media screen and (max-width: 990px) {
  .category-product-items .product-box .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe {
    bottom: 40px;
  }
  .category-product-items .product-box.show-3-col .product-item .item-container .slide-text-box .slide-set-top .product-info {
    align-items: start;
  }
  .category-product-items .product-box.show-3-col .product-item .item-container .slide-text-box .slide-set-top .product-price {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    height: 14px;
    justify-content: flex-end;
  }
  .category-product-items .product-box.show-3-col .product-item .item-container .slide-text-box .slide-set-top .product-colors {
    grid-column: 1/3;
    justify-content: flex-start;
    margin-top: 8px;
  }
  .category-product-items .product-box.show-3-col .product-item .item-container .slide-text-box .slide-set-top .product-colors .remain-count {
    font-size: 10px;
    line-height: 11px;
  }
  .category-product-items .product-box.show-3-col .product-item .item-container .slide-text-box .slide-set-top .reviews-ratting {
    grid-row: inherit;
  }
  .category-product-items .product-box.show-3-col .product-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars {
    height: 14px;
  }
  .category-product-items .product-box.show-3-col .product-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg {
    width: 12px;
    height: 12px;
  }
  .category-product-items .product-box.show-3-col .product-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg use {
    transform: scale(0.6);
  }
  .category-product-items .product-box.show-3-col .product-item .item-container .slide-text-box .slide-set-top .reviews-ratting .count {
    padding-left: 0px;
    font-size: 10px;
    height: 11px;
    margin-top: 4px;
  }
  .category-product-items .product-box.show-3-col .product-item .item-container .slide-text-box .slide-bt-box {
    margin-top: 8px;
  }
  .category-product-items .product-box.show-3-col .product-item .item-container .slide-text-box .slide-bt-box .bt-save p {
    display: none;
  }
  .category-product-items .product-box.show-3-col .product-item .item-container .slider .product-tag {
    top: 8px;
  }
  .category-product-items .product-box.show-3-col .product-banner .info-block {
    height: calc(100% - 48px);
  }
  .category-product-items .product-box.show-3-col .product-banner .info-block .info-block-image {
    height: calc(100% + 48px);
  }
  .category-product-items .product-box.show-3-col .product-banner .info-block .info-block-content {
    padding: 30px 22px 30px 30px;
  }
  .category-product-items .product-box.show-3-col .product-banner .info-block .info-block-content .heading {
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 24px;
  }
  .category-product-items .product-box.show-3-col .product-banner .info-block .info-block-content .heading-size1 {
    line-height: 28px;
  }
  .category-product-items .product-box.show-3-col .product-banner .info-block .info-block-content .heading-size2 {
    font-size: 14px;
    line-height: 22px;
  }
  .category-product-items .product-box.show-3-col .product-banner .info-block .info-block-content .banner-description {
    padding-bottom: 24px;
  }
  .category-product-items .product-box.show-3-col .product-banner .info-block .info-block-content .info-block-image {
    right: 30px;
  }
  .category-product-items .product-box.show-3-col .product-banner.subscribe-banner .info-block .info-block-content {
    padding: 24px 6px 12px 24px;
  }
  .category-product-items .product-box.show-3-col .product-banner.subscribe-banner .info-block .info-block-content .heading-size1 {
    font-size: 14px;
    line-height: 24px;
  }
  .category-product-items .product-box.show-3-col .product-banner.subscribe-banner .info-block .info-block-content .heading-size2 {
    font-size: 12px;
    line-height: 18px;
  }
  .category-product-items .product-box.show-3-col .product-banner.subscribe-banner .info-block .info-block-content .heading {
    padding-bottom: 12px;
  }
  .category-product-items .product-box.show-3-col .product-banner.subscribe-banner .info-block .info-block-content .banner-description {
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 18px;
  }
  .category-product-items .product-box.show-3-col .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe {
    position: relative;
    left: unset;
    width: 100%;
    bottom: unset;
    margin-bottom: 60px;
  }
  .category-product-items .product-box.show-3-col .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe input {
    width: 100%;
  }
  .category-product-items .product-box.show-3-col .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe .submit {
    top: calc(100% + 10px);
    right: 0;
    width: 100%;
    height: 48px;
  }
}
@media screen and (max-width: 767px) {
  .category-product-items .product-box {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .category-product-items .product-box.show-1-col {
    grid-auto-rows: auto;
  }
  .category-product-items .product-box.show-1-col .product-banner {
    padding-top: 75%;
    width: calc(100% - 24px);
    padding-right: 0;
  }
  .category-product-items .product-box.show-1-col .product-banner .info-block {
    position: absolute;
  }
  .category-product-items .product-box.show-1-col .product-banner.subscribe-banner {
    padding-top: 86%;
    width: calc(100% - 16px);
  }
  .category-product-items .product-box .product-banner {
    grid-row-start: var(--banner-grid-row-start);
    grid-column: 1/span 2;
  }
  .category-product-items .product-box .product-banner.subscribe-banner .info-block .info-block-content {
    padding: 16px 6px 12px 16px;
  }
  .category-product-items .product-box .product-banner.subscribe-banner .info-block .info-block-content .heading-size1 {
    font-size: 14px;
    line-height: 24px;
  }
  .category-product-items .product-box .product-banner.subscribe-banner .info-block .info-block-content .heading-size2 {
    font-size: 12px;
    line-height: 18px;
  }
  .category-product-items .product-box .product-banner.subscribe-banner .info-block .info-block-content .heading {
    padding-bottom: 12px;
  }
  .category-product-items .product-box .product-banner.subscribe-banner .info-block .info-block-content .banner-description {
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 18px;
  }
  .category-product-items .product-box .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe {
    position: relative;
    left: unset;
    width: 100%;
    bottom: unset;
    margin-bottom: 60px;
  }
  .category-product-items .product-box .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe input {
    width: 100%;
  }
  .category-product-items .product-box .product-banner.subscribe-banner .info-block .info-block-content .mailing-list-subscribe .submit {
    top: calc(100% + 10px);
    right: 0;
    width: 100%;
    height: 48px;
  }
  .category-product-items .product-box .product-banner.subscribe-banner .info-block .info-block-image {
    right: -16px;
    height: 70%;
  }
  .category-product-items .product-box.show-2-col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .category-product-items .product-box.show-2-col .product-banner {
    grid-row-start: var(--banner-grid-row-start);
    grid-column: 1/span 2;
  }
  .category-product-items .product-box.show-1-col {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .category-product-items .product-box.show-1-col .product-banner {
    grid-row-start: var(--banner-grid-row-start);
    grid-column: 1/span 1;
  }
}
@media screen and (max-width: 680px) {
  .category-product-items .product-box {
    margin-top: 0px;
  }
  .category-product-items .product-box:not(.show-1-col) {
    gap: 16px;
  }
  .category-product-items .product-box:not(.show-1-col) .product-item .item-container {
    max-width: 100%;
  }
  .category-product-items .product-box:not(.show-1-col) .product-item .item-container .slide-text-box {
    padding: 14px 6px;
    margin-top: 8px;
  }
  .category-product-items .product-box:not(.show-1-col) .product-item .item-container .slide-text-box .slide-set-top {
    min-height: 78px;
  }
  .category-product-items .product-box:not(.show-1-col) .product-item .item-container .slide-text-box .slide-set-top .title-txt {
    margin-bottom: 11px;
    height: 36px;
  }
  .category-product-items .product-box:not(.show-1-col) .product-item .item-container .slide-text-box .slide-set-top .title-txt h3 {
    font-size: 12px;
    line-height: 18px;
  }
  .category-product-items .product-box:not(.show-1-col) .product-item .item-container .slide-text-box .slide-set-top .product-info {
    align-items: start;
  }
  .category-product-items .product-box:not(.show-1-col) .product-item .item-container .slide-text-box .slide-set-top .product-price {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    height: 14px;
    justify-content: flex-end;
  }
  .category-product-items .product-box:not(.show-1-col) .product-item .item-container .slide-text-box .slide-set-top .product-price .grey-text {
    top: -12px;
  }
  .category-product-items .product-box:not(.show-1-col) .product-item .item-container .slide-text-box .slide-set-top .product-colors {
    grid-column: 1/3;
    justify-content: flex-start;
    margin-top: 8px;
  }
  .category-product-items .product-box:not(.show-1-col) .product-item .item-container .slide-text-box .slide-set-top .product-colors .remain-count {
    font-size: 10px;
    line-height: 11px;
  }
  .category-product-items .product-box:not(.show-1-col) .product-item .item-container .slide-text-box .slide-set-top .reviews-ratting {
    grid-row: inherit;
  }
  .category-product-items .product-box:not(.show-1-col) .product-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars {
    height: 14px;
  }
  .category-product-items .product-box:not(.show-1-col) .product-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg {
    width: 12px;
    height: 12px;
  }
  .category-product-items .product-box:not(.show-1-col) .product-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg use {
    transform: scale(0.6);
  }
  .category-product-items .product-box:not(.show-1-col) .product-item .item-container .slide-text-box .slide-set-top .reviews-ratting .count {
    padding-left: 0px;
    font-size: 10px;
    height: 11px;
    margin-top: 4px;
  }
  .category-product-items .product-box:not(.show-1-col) .product-item .item-container .slide-text-box .slide-bt-box {
    margin-top: 8px;
  }
  .category-product-items .product-box:not(.show-1-col) .product-item .item-container .slide-text-box .slide-bt-box .bt-save p {
    display: none;
  }
  .category-product-items .product-box:not(.show-1-col) .product-item .item-container .custom_bullets {
    bottom: 10px;
  }
  .category-product-items .product-box:not(.show-1-col) .product-item .item-container .slider .product-tag {
    top: 8px;
  }
  .category-product-items .product-box .item-container {
    max-width: 100%;
  }
  .category-product-items .product-box .item-container .slide-text-box {
    padding: 14px 6px;
    margin-top: 8px;
  }
  .category-product-items .product-box .item-container .slide-text-box .slide-set-top {
    min-height: 78px;
  }
  .category-product-items .product-box .item-container .slide-text-box .slide-set-top .title-txt {
    margin-bottom: 11px;
  }
  .category-product-items .product-box .item-container .slide-text-box .slide-set-top .title-txt h3 {
    font-size: 12px;
    line-height: 18px;
  }
  .category-product-items .product-box .item-container .custom_bullets {
    bottom: 10px;
  }
  .category-product-items .product-banner {
    padding-right: 24px;
  }
  .category-product-items .product-banner::after {
    display: none;
  }
  .category-product-items .product-banner .info-block {
    height: 100%;
  }
  .category-product-items .product-banner .info-block .info-block-image {
    right: -24px;
    height: calc(100% - 48px);
  }
  .category-product-items .product-banner .info-block .info-block-content {
    width: calc(50% + 24px);
    padding: 16px;
  }
  .category-product-items .product-banner .info-block .info-block-content .heading {
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 18px;
  }
  .category-product-items .product-banner .info-block .info-block-content .heading .heading-size1 {
    font-size: 14px;
    line-height: 24px;
  }
  .category-product-items .product-banner .info-block .info-block-content .heading .heading-size2 {
    font-size: 12px;
    line-height: 18px;
  }
  .category-product-items .product-banner .info-block .info-block-content .banner-description {
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 18px;
  }
  .category-product-items .product-banner .info-block .banner-cta .cta-text {
    font-size: 14px;
  }
  .category-product-items .product-banner .info-block .banner-cta .circle-bt {
    width: 40px;
    height: 40px;
  }
  .category-product-items .product-banner.subscribe-banner {
    padding-right: 16px;
  }
  .category-product-items .product-box.show-1-col .product-banner.subscribe-banner {
    padding-top: 96%;
  }
}
.category-instant-filters {
  display: grid;
  grid-template-columns: 1fr auto;
  margin-bottom: 24px;
}
.category-instant-filters .category-filter-tags {
  display: block;
  width: 100%;
}
.category-instant-filters .category-filter-tags .label-name {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #111c1c;
  display: inline-block;
  padding: 8px 0;
  margin-right: 8px;
}
.category-instant-filters .category-filter-tags .filter-tags .filter-tag {
  padding: 8px 12px;
  padding-right: 8px;
  border: 1px solid #d8d8d8;
  border-radius: 100px;
  display: inline-flex;
  cursor: pointer;
  margin-bottom: 8px;
  margin-right: 8px;
  align-items: center;
}
.category-instant-filters .category-filter-tags .filter-tags .filter-tag:hover {
  border-color: #aeb2b2;
}
.category-instant-filters .category-filter-tags .filter-tags .filter-tag:hover .close-btn .icon-close-light {
  background-color: #e4b760;
}
.category-instant-filters .category-filter-tags .filter-tags .filter-tag .filter-type {
  color: #111c1c;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  padding-right: 3px;
}
.category-instant-filters .category-filter-tags .filter-tags .filter-tag .filter-name {
  color: #111c1c;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  padding-right: 7px;
}
.category-instant-filters .category-filter-tags .filter-tags .filter-tag .close-btn {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  padding: 4px;
}
.category-instant-filters .category-filter-tags .filter-tags .filter-tag .close-btn .icon-close-light {
  width: 8px;
  height: 8px;
  display: block;
}
.category-instant-filters .category-filter-tags .clear-filter-tags {
  appearance: none;
  background: none;
  border: none;
  color: #111c1c;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
}

@media screen and (max-width: 1200px) {
  .category-instant-filters .category-filter-tags {
    display: none;
  }
}
.category-row-filters {
  position: relative;
  width: 216px;
}
.category-row-filters .row-filter {
  display: flex;
  justify-content: space-between;
  z-index: 1;
  cursor: pointer;
}
.category-row-filters .filter-result {
  margin-left: auto;
  align-items: center;
  padding: 0px;
  height: 48px;
  padding-right: 24px;
  opacity: 0;
  transition: 0.3s ease-in-out;
  display: none;
}
.category-row-filters .filter-result p {
  font-size: 14px;
}
.category-row-filters .filter-result p b {
  font-weight: 700;
}
.category-row-filters .filter-sort {
  width: 100%;
  display: inline-block;
  z-index: 4;
}
.category-row-filters .category-filter-bt {
  width: 100%;
  display: none;
  position: relative;
}
.category-row-filters .category-filter-bt .btn-toggle-sidebar::before {
  content: attr(data-total);
  position: absolute;
  font-weight: 600;
  font-size: 10px;
  line-height: 11px;
  border-radius: 9px;
  color: #ffffff;
  background: #e4b760;
  text-align: center;
  min-width: 1em;
  padding: 2px 4px 2px 4px;
  right: -8px;
  top: -8px;
}
.category-row-filters .category-filter-bt .btn-toggle-sidebar.no-data::before {
  display: none;
}
.category-row-filters .category-filter-bt .custom-select-list.active .list-option {
  display: block;
}
.category-row-filters .category-filter-bt .custom-select-list .list-select p {
  padding-right: 48px;
}
.category-row-filters .category-filter-bt .custom-select-list .list-result .icon-remove {
  display: block;
  margin-left: 8px;
}
.category-row-filters .category-filter-bt .custom-select-list .list-result .result-row {
  padding-left: 24px;
}
.category-row-filters .category-filter-bt .custom-select-list .list-result .result-row p {
  padding: 0;
  margin: 0;
}
.category-row-filters .view-list .list-result .result-row {
  padding-left: 0;
}
.category-row-filters .view-list .list-result .result-row p {
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
}
.category-row-filters .custom-radio-list {
  font-size: 12px;
  padding-top: 16px;
  padding-bottom: 16px;
  cursor: pointer;
}
.category-row-filters .custom-radio-list .radio-item {
  margin-top: 0;
  margin-left: 26px;
  margin-bottom: 14px;
}
.category-row-filters .custom-radio-list .radio-item:last-child {
  margin-bottom: 0;
}
.category-row-filters .filter-box {
  display: flex;
  flex-flow: row wrap;
}
.category-row-filters .filter-box .filer-text {
  display: none;
}
.category-row-filters .filter-box .close-bt {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: solid 1px #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 24px;
  top: 24px;
  display: none;
}
.category-row-filters .filter-box .filter-row .scroll {
  display: flex;
  flex-flow: row wrap;
  overflow: unset;
}
.category-row-filters .filter-box .filter-box-bt.mobile-set {
  display: none;
}
.category-row-filters .filter-view {
  display: none;
  width: fit-content;
}
.category-row-filters .filter-view .bt-select-view:first-child {
  border-right: solid 1px #aeb2b2;
}
.category-row-filters .filter-view .bt-select-view.active .icon-view svg {
  color: #000000;
}
.category-row-filters .filter-view .bt-select-view.active .icon-view-new {
  background-color: #000000;
}
.category-row-filters .filter-view .bt-select-view .icon-view svg {
  color: #aeb2b2;
}
.category-row-filters .filter-view .bt-select-view .icon-view-new {
  background-color: #aeb2b2;
  position: relative;
  margin: 0px 2px;
}
.category-row-filters .filter-view .option-view {
  display: flex;
  padding: 0px 10px;
  height: 24px;
  align-items: center;
}
.category-row-filters .filter-view .option-view.active .icon-view svg {
  color: #000000;
}
.category-row-filters .filter-view .option-view.active .icon-view-new {
  background-color: #000000;
}
.category-row-filters .filter-view .option-view .icon-view svg {
  color: #aeb2b2;
}
.category-row-filters .filter-view .option-view .icon-view-new {
  background-color: #aeb2b2;
  position: relative;
  margin: 0px 2px;
}
.category-row-filters .filter-block {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.category-row-filters .filter-block .result-row {
  padding-left: 16px;
}
.category-row-filters .filter-block .result-row p {
  padding: 0;
  margin: 0;
}
.category-row-filters .custom-select-list {
  width: 100%;
  margin-right: 24px;
}
.category-row-filters .custom-select-list.active .icon-arr-down svg {
  transform: rotate(0deg);
}
.category-row-filters .custom-select-list.active .list-option {
  display: block;
}
.category-row-filters .custom-select-list:last-child {
  margin-right: 0px;
}
.category-row-filters .custom-select-list .list-select > p {
  display: none;
}
.category-row-filters .custom-select-list .list-result {
  height: 45px;
  position: absolute;
  top: 0;
}
.category-row-filters .custom-select-list .list-result .result-row p {
  font-size: 14px;
  font-weight: 600;
}

@media screen and (max-width: 1200px) {
  .category-row-filters {
    width: 100%;
  }
  .category-row-filters .category-price-filter {
    display: none;
  }
  .category-row-filters .row-filter {
    display: flex;
    margin-bottom: 32px;
  }
  .category-row-filters .category-filter-bt {
    display: inline-block;
  }
  .category-row-filters .filter-block {
    gap: 24px;
  }
  .category-row-filters .filter-sort {
    display: inline-block;
    width: min(100%, 216px);
  }
  .category-row-filters .filter-view {
    display: block;
  }
  .category-row-filters .category-filter-bt {
    width: min(45%, 216px);
  }
  .category-row-filters .custom-select-list .list-select > p {
    display: block;
  }
  .category-row-filters .custom-select-list .list-result {
    position: relative;
  }
  .category-row-filters .custom-select-list .list-result .result-row p {
    font-size: 12px;
    font-weight: 500;
  }
}
@media screen and (max-width: 743px) {
  .category-row-filters .row-filter {
    gap: 16px;
    margin-bottom: 0;
  }
  .category-row-filters .filter-block {
    gap: 16px;
  }
  .category-row-filters .filter-result {
    display: none;
  }
  .category-row-filters .custom-select-list .list-select p {
    padding-left: 16px;
  }
  .category-row-filters .custom-select-list .list-option {
    width: 216px;
  }
}
@media screen and (max-width: 400px) {
  .category-row-filters .filter-sort {
    z-index: 4;
  }
  .category-row-filters .filter-view {
    z-index: 1;
  }
  .category-row-filters .custom-select-list .list-result .result-row p {
    padding-left: 4px;
    padding-right: 4px;
  }
}
@media screen and (max-width: 360px) {
  .category-row-filters .category-filter-bt {
    min-width: 100%;
  }
  .category-row-filters .row-filter {
    flex-direction: column;
  }
  .category-row-filters .filter-block {
    width: 100%;
  }
}
.pagging {
  display: inline-block;
  width: 100%;
  margin-bottom: 54px;
  transition: all 0.3s;
}
.pagging.disable {
  display: none;
}
.pagging.visibility-hide {
  visibility: hidden;
  opacity: 0;
}
.pagging ul {
  padding: 0;
  margin: 0;
  width: fit-content;
  list-style: none;
  position: relative;
  margin: 0 auto;
}
.pagging ul li {
  display: inline-block;
  float: left;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
}
.pagging ul li.disabled {
  display: none;
}
.pagging ul li:first-child {
  width: 50px;
}
.pagging ul li:last-child {
  width: 50px;
}
.pagging ul li:not(.active):hover a {
  color: #e4b760;
}
.pagging ul li:not(.active):hover .icon-arr-left svg,
.pagging ul li:not(.active):hover .icon-arr-right svg {
  color: #e4b760;
}
.pagging ul li.active a {
  color: #e4b760;
}
.pagging ul li.active .icon-arr-left svg,
.pagging ul li.active .icon-arr-right svg {
  color: #e4b760;
}
.pagging ul li a {
  color: #111c1c;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  transition: 0.3s all ease-in-out;
}
.pagging ul li .icon-arr-left,
.pagging ul li .icon-arr-right {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 30px;
}
.pagging ul li .icon-arr-left svg,
.pagging ul li .icon-arr-right svg {
  position: relative;
  transition: 0.3s all ease-in-out;
  color: #111c1c;
}

@media screen and (max-width: 834px) {
  .pagging {
    margin-bottom: 66px;
  }
}
@media screen and (max-width: 480px) {
  .pagging ul li:first-child, .pagging ul li:last-child {
    width: 30px;
  }
  .pagging ul li .icon-arr-left, .pagging ul li .icon-arr-right {
    width: 30px;
  }
}
@media screen and (max-width: 360px) {
  .pagging .container {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.collaborate-hilight {
  position: relative;
  width: 100%;
  min-height: 680px;
  padding-top: 84px;
}
.collaborate-hilight:before {
  content: " ";
  position: absolute;
  top: 4px;
  right: 0;
  width: 38%;
  height: 100%;
  background-color: #f8f7f4;
  border-radius: 5px;
  z-index: -1;
}
.collaborate-hilight .hilight-box {
  display: flex;
  flex-flow: row wrap;
  z-index: 2;
  position: relative;
}
.collaborate-hilight .hilight-box .collaborate-text-box {
  order: 1;
  width: 48%;
  position: relative;
}
.collaborate-hilight .hilight-box .collaborate-text-box .title-set {
  padding-left: 162px;
  margin-bottom: 90px;
  padding-right: 20px;
}
.collaborate-hilight .hilight-box .collaborate-text-box .title-set .title-txt p,
.collaborate-hilight .hilight-box .collaborate-text-box .title-set .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.collaborate-hilight .hilight-box .collaborate-text-box .title-set .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.collaborate-hilight .hilight-box .collaborate-text-box .title-set .desc-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.collaborate-hilight .hilight-box .collaborate-text-box .detail-set {
  width: 100%;
  max-width: 314px;
  position: relative;
}
.collaborate-hilight .hilight-box .collaborate-text-box .detail-set .detail-txt {
  margin-bottom: 44px;
}
.collaborate-hilight .hilight-box .collaborate-text-box .detail-set .detail-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
}
.collaborate-hilight .hilight-box .collaborate-text-box .detail-set .scroll-down-button {
  margin: 0 0 0 24px;
}
.collaborate-hilight .hilight-box .collaborate-slide-box {
  order: 2;
  padding-top: 110px;
}
.collaborate-hilight .bg-pattern {
  position: absolute;
  top: 442px;
  left: 50%;
  transform: translate(-104px, 0px);
  z-index: 1;
}
.collaborate-hilight .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.collaborate-hilight .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1200px) {
  .collaborate-hilight {
    min-height: 720px;
  }
  .collaborate-hilight .container {
    padding-right: 0px;
  }
  .collaborate-hilight .hilight-box .collaborate-text-box {
    width: 50%;
  }
  .collaborate-hilight .hilight-box .collaborate-text-box .title-set {
    padding-left: 66px;
    margin-bottom: 69px;
    padding-top: 26px;
  }
  .collaborate-hilight .hilight-box .collaborate-text-box .title-set .title-txt p,
  .collaborate-hilight .hilight-box .collaborate-text-box .title-set .title-txt h2 {
    font-size: 40px;
    line-height: 52px;
  }
  .collaborate-hilight .hilight-box .collaborate-text-box .title-set .desc-txt p {
    font-size: 14px;
  }
  .collaborate-hilight .hilight-box .collaborate-text-box .detail-set {
    max-width: 300px;
  }
  .collaborate-hilight .hilight-box .collaborate-text-box .detail-set .detail-txt {
    margin-left: 66px;
  }
  .collaborate-hilight .hilight-box .collaborate-text-box .detail-set .detail-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .collaborate-hilight .hilight-box .collaborate-text-box .detail-set .scroll-down-button {
    margin: 0 0 0 88px;
    bottom: 24px;
  }
  .collaborate-hilight .hilight-box .collaborate-slide-box {
    width: 50%;
    padding: 0;
    margin-top: 144px;
  }
  .collaborate-hilight .bg-pattern {
    top: 318px;
    transform: translate(-50px, 0px);
  }
  .collaborate-hilight .bg-pattern .icon-bg svg {
    transform: scale(0.82);
  }
}
@media screen and (max-width: 1024px) {
  .collaborate-hilight .container {
    padding-right: 0px;
    padding-left: 64px;
    max-width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .collaborate-hilight .hilight-box .collaborate-text-box .detail-set {
    max-width: 220px;
  }
  .collaborate-hilight .hilight-box .collaborate-text-box .detail-set .scroll-down-button {
    margin: 0 0 0 64px;
  }
}
@media screen and (max-width: 834px) {
  .collaborate-hilight:before {
    width: 324px;
    top: 20px;
  }
  .collaborate-hilight .hilight-box .collaborate-text-box .detail-set .detail-txt {
    margin-left: 0px;
  }
  .collaborate-hilight .hilight-box .collaborate-text-box .detail-set .scroll-down-button {
    display: block;
    bottom: 16px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .collaborate-hilight {
    min-height: 850px;
    margin-bottom: 40px;
  }
  .collaborate-hilight:before {
    width: 164px;
    top: 0px;
    height: 728px;
  }
  .collaborate-hilight .container {
    padding-right: 0px;
    padding-left: 0px;
  }
  .collaborate-hilight .hilight-box .collaborate-text-box {
    width: 100%;
    order: 2;
  }
  .collaborate-hilight .hilight-box .collaborate-text-box .title-set {
    padding-left: 64px;
    margin-bottom: 38px;
    padding-top: 8px;
  }
  .collaborate-hilight .hilight-box .collaborate-text-box .title-set .title-txt p,
  .collaborate-hilight .hilight-box .collaborate-text-box .title-set .title-txt h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .collaborate-hilight .hilight-box .collaborate-text-box .detail-set {
    max-width: 100%;
    padding: 0px 64px;
  }
  .collaborate-hilight .hilight-box .collaborate-text-box .detail-set .detail-txt {
    margin-bottom: 44px;
  }
  .collaborate-hilight .hilight-box .collaborate-text-box .detail-set .scroll-down-button {
    bottom: 0;
    margin: 0 auto;
  }
  .collaborate-hilight .hilight-box .collaborate-slide-box {
    order: 1;
    min-height: 500px;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 0px;
  }
  .collaborate-hilight .bg-pattern {
    top: 168px;
    transform: translate(-192px, 0px);
  }
  .collaborate-hilight .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
.collaborate-hilight-slide-item {
  display: flex;
  position: relative;
  flex-flow: row wrap;
}
.collaborate-hilight-slide-item a {
  cursor: pointer;
}
.collaborate-hilight-slide-item .interior-img img {
  height: auto;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}

@media screen and (max-width: 834px) {
  .collaborate-hilight-slide-item .interior-img img {
    object-fit: cover;
    height: 300px;
  }
}
@media screen and (max-width: 767px) {
  .collaborate-hilight-slide-item .interior-img img {
    max-width: calc(100% - 32px);
  }
}
@media screen and (max-width: 414px) {
  .collaborate-hilight-slide-item .interior-img img {
    object-fit: cover;
    height: 220px;
    max-width: 350px;
  }
}
.collaborate-type-slide {
  position: relative;
  width: 100%;
  min-height: 1274px;
  height: auto;
  padding-top: 80px;
}
.collaborate-type-slide .collaborate-layer {
  position: absolute;
  width: 2310px;
  min-height: 820px;
  left: 50%;
  transform: translate(-50%, 0px);
  z-index: 2;
}
.collaborate-type-slide .collaborate-layer .flip-slide {
  display: flex;
  flex-flow: wrap;
}
.collaborate-type-slide .collaborate-layer .flip-slide .container {
  min-height: 1px;
  height: 1px;
  order: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.collaborate-type-slide .collaborate-layer .flip-slide .slide-container {
  order: 1;
}
.collaborate-type-slide .collaborate-layer .flip-slide .slide-nav {
  top: 232px;
  transform: translateX(370px);
}
.collaborate-type-slide .collaborate-layer .flip-slide .slide-bullets {
  top: 494px;
}
.collaborate-type-slide .collaborate-layer .flip-slide .block {
  cursor: auto;
}
.collaborate-type-slide .collaborate-layer .flip-slide .block .item img {
  height: 400px;
}
.collaborate-type-slide .collaborate-layer .flip-slide .block h2,
.collaborate-type-slide .collaborate-layer .flip-slide .block h3 {
  margin-top: 470px;
  margin-bottom: 28px;
}
.collaborate-type-slide:before {
  content: " ";
  position: absolute;
  top: 0px;
  right: 0;
  width: 38%;
  height: 956px;
  background-color: #f8f7f4;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  z-index: -1;
}
.collaborate-type-slide .title-set {
  padding-left: 162px;
  margin-bottom: 34px;
  max-width: 900px;
  width: 100%;
}
.collaborate-type-slide .title-set .title-txt p,
.collaborate-type-slide .title-set .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.collaborate-type-slide .title-set .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.collaborate-type-slide .title-set .desc-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.collaborate-type-slide .concept-boxs-container {
  position: relative;
  margin-top: 878px;
}
.collaborate-type-slide .collaborate-concept-boxs {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  padding: 30px 82px;
  justify-content: space-between;
}
.collaborate-type-slide .collaborate-concept-boxs .concept-box {
  width: 33.33%;
  max-width: 356px;
  padding: 0px 16px;
}
.collaborate-type-slide .collaborate-concept-boxs .concept-box .head-txt {
  margin-bottom: 18px;
}
.collaborate-type-slide .collaborate-concept-boxs .concept-box .head-txt p,
.collaborate-type-slide .collaborate-concept-boxs .concept-box .head-txt h4 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #111c1c;
}
.collaborate-type-slide .collaborate-concept-boxs .concept-box .desc-txt {
  margin-bottom: 16px;
}
.collaborate-type-slide .collaborate-concept-boxs .concept-box .desc-txt p {
  font-size: 16px;
  line-height: 24px;
  color: #2e2e2e;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.collaborate-type-slide .collaborate-concept-boxs .concept-box a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.collaborate-type-slide .collaborate-slide-desc {
  max-width: 340px;
  margin: 0 auto;
  padding-left: 62px;
  padding-top: 560px;
}
.collaborate-type-slide .bg-pattern-1,
.collaborate-type-slide .bg-pattern-2 {
  position: absolute;
  z-index: 1;
  left: 50%;
}
.collaborate-type-slide .bg-pattern-1 .icon-bg,
.collaborate-type-slide .bg-pattern-2 .icon-bg {
  width: 164px;
  height: 164px;
}
.collaborate-type-slide .bg-pattern-1 .icon-bg svg,
.collaborate-type-slide .bg-pattern-2 .icon-bg svg {
  width: 164px;
  height: 164px;
}
.collaborate-type-slide .bg-pattern-1 {
  top: 554px;
  transform: translate(-600px, 0px);
}
.collaborate-type-slide .bg-pattern-2 {
  top: 1110px;
  transform: translate(760px, 0px);
}

@media screen and (max-width: 1600px) {
  .collaborate-type-slide .glide .slide-nav {
    top: auto;
    transform: none;
    width: 114px;
    height: 50px;
    bottom: -80px;
    right: 100px;
    left: auto;
  }
  .collaborate-type-slide .glide .slide-nav .slide-nav-box .circle-bt.bt-next {
    top: 0;
    left: 64px;
  }
  .collaborate-type-slide .glide .scroll-down-button {
    right: 16px;
    bottom: -80px;
  }
}
@media screen and (max-width: 1200px) {
  .collaborate-type-slide .collaborate-concept-boxs {
    padding: 30px 16px;
  }
}
@media screen and (max-width: 1024px) {
  .collaborate-type-slide .collaborate-layer .flip-slide {
    display: block;
    flex-flow: unset;
  }
  .collaborate-type-slide .collaborate-layer .flip-slide .block .item img {
    height: 300px;
  }
  .collaborate-type-slide .collaborate-layer .flip-slide .block h2,
  .collaborate-type-slide .collaborate-layer .flip-slide .block h3 {
    margin-top: 360px;
    margin-bottom: 32px;
    max-width: calc(100% - 100px);
  }
  .collaborate-type-slide .collaborate-layer .flip-slide .slide-container {
    order: unset;
  }
  .collaborate-type-slide .collaborate-layer .flip-slide .container {
    width: 985px;
    min-height: 50px;
    position: absolute;
    left: 0px;
    top: unset;
    bottom: -110px;
    right: 0px;
    margin-top: 100px;
  }
  .collaborate-type-slide .collaborate-layer .flip-slide .slide-nav {
    top: unset;
    transform: none;
    bottom: 0;
    right: 0;
    margin-left: auto;
  }
  .collaborate-type-slide .collaborate-layer .flip-slide .slide-bullets {
    top: unset;
  }
}
@media screen and (max-width: 834px) {
  .collaborate-type-slide {
    min-height: 1326px;
  }
  .collaborate-type-slide .concept-boxs-container {
    margin-top: 648px;
  }
  .collaborate-type-slide:before {
    width: 324px;
    height: 548px;
  }
  .collaborate-type-slide .title-set {
    padding-left: 66px;
    margin-bottom: 14px;
  }
  .collaborate-type-slide .title-set .title-txt p,
  .collaborate-type-slide .title-set .title-txt h2 {
    font-size: 40px;
    line-height: 52px;
  }
  .collaborate-type-slide .title-set .desc-txt p {
    font-size: 14px;
  }
  .collaborate-type-slide .collaborate-layer {
    width: 1664px;
    min-height: 634px;
    mask-image: none;
  }
  .collaborate-type-slide .collaborate-layer.active {
    mask-image: none;
  }
  .collaborate-type-slide .collaborate-layer .flip-slide .container {
    bottom: -100px;
  }
  .collaborate-type-slide .collaborate-layer .flip-slide .block h2,
  .collaborate-type-slide .collaborate-layer .flip-slide .block h3 {
    max-width: calc(100% - 60px);
  }
  .collaborate-type-slide .collaborate-concept-boxs {
    padding: 98px 36px 0px;
  }
  .collaborate-type-slide .collaborate-concept-boxs .concept-box {
    width: 45%;
    margin-bottom: 64px;
    padding: 0px;
  }
  .collaborate-type-slide .collaborate-concept-boxs .concept-box .head-txt p,
  .collaborate-type-slide .collaborate-concept-boxs .concept-box .head-txt h4 {
    font-size: 18px;
    line-height: 24px;
  }
  .collaborate-type-slide .collaborate-concept-boxs .concept-box .desc-txt {
    max-width: 280px;
  }
  .collaborate-type-slide .collaborate-concept-boxs .concept-box .desc-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .collaborate-type-slide .collaborate-concept-boxs .concept-box .bt-route p {
    font-size: 14px;
  }
  .collaborate-type-slide .bg-pattern-1 .icon-bg svg,
  .collaborate-type-slide .bg-pattern-2 .icon-bg svg {
    transform: scale(0.82);
  }
  .collaborate-type-slide .bg-pattern-1 {
    top: 356px;
    transform: translate(-438px, 0px);
  }
  .collaborate-type-slide .bg-pattern-2 {
    top: 1118px;
    transform: translate(338px, 0px);
  }
}
@media screen and (max-width: 767px) {
  .collaborate-type-slide {
    min-height: 1364px;
    padding: 0px 64px;
    padding-top: 80px;
  }
  .collaborate-type-slide .container {
    padding-right: 0px;
    padding-left: 0px;
  }
  .collaborate-type-slide:before {
    display: none;
  }
  .collaborate-type-slide .concept-boxs-container {
    margin-top: 502px;
  }
  .collaborate-type-slide .collaborate-layer {
    width: 1180px;
    min-height: 490px;
    transform: translate(-50%, 0px);
  }
  .collaborate-type-slide .collaborate-layer .flip-slide .block .item img {
    height: 220px;
  }
  .collaborate-type-slide .collaborate-layer .flip-slide .block h2,
  .collaborate-type-slide .collaborate-layer .flip-slide .block h3 {
    margin-top: 254px;
    margin-bottom: 32px;
    max-width: calc(100% - 35px);
  }
  .collaborate-type-slide .collaborate-layer .flip-slide .container {
    bottom: -80px;
  }
  .collaborate-type-slide .collaborate-concept-boxs {
    padding: 68px 0px;
  }
  .collaborate-type-slide .collaborate-concept-boxs .concept-box {
    width: 100%;
    margin-bottom: 50px;
  }
  .collaborate-type-slide .collaborate-concept-boxs .concept-box .desc-txt p {
    -webkit-line-clamp: unset;
  }
  .collaborate-type-slide .title-set {
    padding-left: 0px;
    margin-bottom: 30px;
  }
  .collaborate-type-slide .title-set .title-txt p,
  .collaborate-type-slide .title-set .title-txt h2 {
    font-size: 32px;
    line-height: 44px;
  }
  .collaborate-type-slide .title-set .desc-txt {
    padding-right: 0px;
  }
  .collaborate-type-slide .bg-pattern-1 .icon-bg svg,
  .collaborate-type-slide .bg-pattern-2 .icon-bg svg {
    transform: scale(0.6);
  }
  .collaborate-type-slide .bg-pattern-1 {
    top: 266px;
    transform: translate(94px, 0px);
  }
}
@media screen and (max-width: 600px) {
  .collaborate-type-slide .collaborate-layer .flip-slide.more-item-nav .slide-bullets {
    transform: translate(-50%, 0%);
    left: 50%;
    text-align: center;
    display: block;
    bottom: 36px;
  }
  .collaborate-type-slide .collaborate-layer .flip-slide.more-item-nav .slide-bullets .slide-bullet {
    display: inline-block;
  }
  .collaborate-type-slide .collaborate-layer .flip-slide.more-item-nav .slide-nav {
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    top: 24px;
  }
}
@media screen and (max-width: 400px) {
  .collaborate-type-slide .collaborate-layer .flip-slide .block h2,
  .collaborate-type-slide .collaborate-layer .flip-slide .block h3 {
    max-width: calc(100% - 60px);
  }
  .collaborate-type-slide .collaborate-layer .flip-slide .block p {
    max-width: calc(100% - 60px);
  }
}
.collaborate-showroom {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 784px;
  padding-top: 106px;
}
.collaborate-showroom:before {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0;
  width: 38%;
  height: 100%;
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  z-index: -1;
}
.collaborate-showroom .title-set {
  position: relative;
  z-index: 2;
  margin-bottom: 24px;
  float: left;
  margin-left: 61%;
  max-width: 554px;
}
.collaborate-showroom .title-set .title-txt p,
.collaborate-showroom .title-set .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.collaborate-showroom .title-set .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.collaborate-showroom .title-set .desc-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-left: 4px;
}
.collaborate-showroom .showrooms-set {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100%;
  flex-flow: column wrap;
  max-height: 568px;
}
.collaborate-showroom .showrooms-set .showroom-img {
  order: 1;
  width: 53%;
  height: 568px;
  position: relative;
}
.collaborate-showroom .showrooms-set .showroom-img .image-box img {
  width: 100%;
  max-width: 640px;
  object-fit: cover;
}
.collaborate-showroom .showrooms-set .showroom-text {
  order: 2;
  width: 47%;
  display: flex;
  justify-content: space-between;
  padding-top: 108px;
  padding-right: 26px;
  margin-bottom: 80px;
}
.collaborate-showroom .showrooms-set .showroom-text .text-box {
  max-width: 304px;
  padding: 0px 8px;
}
.collaborate-showroom .showrooms-set .showroom-text .text-box .head-txt {
  margin-bottom: 18px;
}
.collaborate-showroom .showrooms-set .showroom-text .text-box .head-txt p,
.collaborate-showroom .showrooms-set .showroom-text .text-box .head-txt h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #111c1c;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.collaborate-showroom .showrooms-set .showroom-text .text-box .desc-txt {
  margin-bottom: 16px;
}
.collaborate-showroom .showrooms-set .showroom-text .text-box .desc-txt p {
  font-size: 16px;
  line-height: 24px;
  color: #2e2e2e;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.collaborate-showroom .showrooms-set .showroom-bt-set {
  order: 2;
  width: 47%;
  padding-left: 132px;
}
.collaborate-showroom .bg-pattern {
  position: absolute;
  top: 532px;
  left: 50%;
  transform: translate(-156px, 0px);
  z-index: 1;
}
.collaborate-showroom .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.collaborate-showroom .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1479px) {
  .collaborate-showroom .container {
    padding-left: 0px;
    max-width: 100%;
  }
  .collaborate-showroom .title-set {
    margin-bottom: 24px;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 64px;
    float: none;
  }
  .collaborate-showroom .showrooms-set .showroom-img {
    width: 50%;
  }
  .collaborate-showroom .showrooms-set .showroom-text {
    width: 50%;
  }
  .collaborate-showroom .showrooms-set .showroom-text .text-box {
    padding: 0px 16px;
  }
}
@media screen and (max-width: 1200px) {
  .collaborate-showroom .showrooms-set .showroom-img {
    width: 50%;
  }
  .collaborate-showroom .showrooms-set .showroom-img .image-box {
    padding-right: 16px;
  }
  .collaborate-showroom .showrooms-set .showroom-text {
    width: 50%;
    padding-top: 90px;
    padding-right: 0px;
  }
  .collaborate-showroom .showrooms-set .showroom-bt-set {
    width: 50%;
  }
}
@media screen and (max-width: 834px) {
  .collaborate-showroom {
    min-height: 656px;
    padding-top: 50px;
  }
  .collaborate-showroom:before {
    width: 324px;
  }
  .collaborate-showroom .showrooms-set .showroom-img {
    width: 46%;
    height: 300px;
  }
  .collaborate-showroom .showrooms-set .showroom-img .image-box {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0px;
  }
  .collaborate-showroom .showrooms-set .showroom-img .image-box img {
    height: 300px;
    width: auto;
    object-fit: contain;
  }
  .collaborate-showroom .showrooms-set .showroom-text {
    order: 3;
    width: 54%;
    padding: 52px 86px 0px;
    margin-bottom: 0px;
    flex-flow: row wrap;
  }
  .collaborate-showroom .showrooms-set .showroom-text .text-box {
    max-width: 100%;
    margin-bottom: 34px;
    padding: 0px;
  }
  .collaborate-showroom .showrooms-set .showroom-bt-set {
    order: 2;
    width: 45%;
    display: flex;
    justify-content: center;
    padding: 64px;
  }
  .collaborate-showroom .showrooms-set .showroom-bt-set .bt-icon {
    height: 40px;
  }
  .collaborate-showroom .showrooms-set .showroom-bt-set .bt-icon .icon {
    width: 40px;
    height: 40px;
  }
  .collaborate-showroom .showrooms-set .showroom-bt-set .bt-icon .icon .icon-schedule {
    width: 18px;
    height: 18px;
    mask-size: 18px 18px;
  }
  .collaborate-showroom .showrooms-set .showroom-bt-set .bt-icon p {
    line-height: 40px;
    padding: 0px 12px;
  }
  .collaborate-showroom .bg-pattern {
    top: 294px;
    transform: translate(-130px, 0px);
  }
  .collaborate-showroom .bg-pattern .icon-bg svg {
    transform: scale(0.82);
  }
}
@media screen and (max-width: 834px) {
  .collaborate-showroom .title-set .title-txt p,
  .collaborate-showroom .title-set .title-txt h2 {
    font-size: 40px;
    line-height: 52px;
  }
  .collaborate-showroom .title-set .desc-txt p {
    font-size: 14px;
  }
  .collaborate-showroom .showrooms-set .showroom-text {
    width: 50%;
    padding: 52px 0px 0px 86px;
  }
  .collaborate-showroom .showrooms-set .showroom-text .text-box .head-txt p,
  .collaborate-showroom .showrooms-set .showroom-text .text-box .head-txt h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .collaborate-showroom .showrooms-set .showroom-text .text-box .desc-txt p {
    font-size: 14px;
    -webkit-line-clamp: 8;
  }
  .collaborate-showroom .showrooms-set .showroom-img {
    width: 50%;
  }
  .collaborate-showroom .showrooms-set .showroom-bt-set {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .collaborate-showroom {
    min-height: 880px;
  }
  .collaborate-showroom .container {
    padding-right: 0px;
  }
  .collaborate-showroom:before {
    width: 164px;
    height: 724px;
  }
  .collaborate-showroom .title-set {
    margin-bottom: 48px;
    width: 100%;
    padding: 0px 66px;
  }
  .collaborate-showroom .title-set .title-txt p,
  .collaborate-showroom .title-set .title-txt h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .collaborate-showroom .showrooms-set {
    flex-flow: row wrap;
    max-height: 100%;
  }
  .collaborate-showroom .showrooms-set .showroom-img {
    height: 220px;
    width: 100%;
  }
  .collaborate-showroom .showrooms-set .showroom-img .image-box {
    left: 0;
  }
  .collaborate-showroom .showrooms-set .showroom-img .image-box img {
    height: 220px;
  }
  .collaborate-showroom .showrooms-set .showroom-text {
    order: 2;
    width: 100%;
    padding: 52px 64px 0px;
    margin-bottom: 0px;
  }
  .collaborate-showroom .showrooms-set .showroom-text .text-box:last-child {
    margin-bottom: 0px;
  }
  .collaborate-showroom .showrooms-set .showroom-text .text-box .desc-txt p {
    -webkit-line-clamp: unset;
  }
  .collaborate-showroom .showrooms-set .showroom-bt-set {
    order: 3;
    width: 100%;
    padding: 30px;
    justify-content: flex-start;
    margin-left: 32px;
  }
  .collaborate-showroom .bg-pattern {
    top: 300px;
    transform: translate(60px, 0px);
  }
  .collaborate-showroom .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
.flip-slide {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  min-height: 820px;
  position: relative;
}
.flip-slide.display-2 .block {
  width: 45%;
  margin-right: 128px;
  min-height: 376px;
}
.flip-slide.display-2 .block.b-1 {
  top: 0px;
}
.flip-slide.display-2 .block.b-2 {
  top: 30px;
}
.flip-slide.display-1 .block {
  width: 100%;
  margin-right: 0px;
  min-height: 400px;
}
.flip-slide.display-1 .block.b-1 {
  top: 0px;
}
.flip-slide.display-1 .block.b-2 {
  display: none;
}
.flip-slide.display-1 .block.b-3 {
  display: none;
}
.flip-slide .slide-container {
  width: 100%;
  visibility: hidden;
  display: flex;
  transition: opacity 0.5s ease-in-out;
  opacity: 0;
  touch-action: pan-y;
}
.flip-slide .slide-container.active {
  visibility: visible;
  opacity: 1;
}
.flip-slide .slide-container.one-item-center {
  justify-content: center;
}
.flip-slide .slide-container .oc-image-tags {
  display: block;
  visibility: hidden;
  opacity: 0;
}
.flip-slide .slide-container .oc-image-tags.active {
  opacity: 1;
  visibility: visible;
}
.flip-slide .slide-container .oc-image-tags.active .more {
  display: block;
}
.flip-slide .slide-container .oc-image-tags.active .bg {
  display: block;
}
.flip-slide .container {
  position: relative;
  min-height: 420px;
}
.flip-slide .container:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  left: 50%;
  transform: translate(-50%, 0%);
  background-color: red;
  opacity: 0;
}
.flip-slide .block {
  width: 30%;
  display: inline-block;
  margin-right: 200px;
  justify-content: center;
  min-height: 400px;
}
.flip-slide .block:last-child {
  margin-right: 0;
}
.flip-slide .block a {
  display: inline-block;
}
.flip-slide .block .item {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.flip-slide .block .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 640px;
  overflow: hidden;
  transition: opacity ease-in-out 0.15s;
}
.flip-slide .block .item img.prepare {
  left: 104%;
  transition: left ease-in-out 0.2s;
  z-index: 1;
}
.flip-slide .block .item img.prepare.reverse {
  left: -100%;
}
.flip-slide .block .item img.prepare.animate {
  left: 0;
}
.flip-slide .block .item img.prepare.invisible {
  display: none !important;
  transition: none !important;
  left: 100%;
}
.flip-slide .block .item img.prepare.invisible-right {
  display: none !important;
  transition: none !important;
  left: -100%;
}
.flip-slide .block h2,
.flip-slide .block h3,
.flip-slide .block h4,
.flip-slide .block .title {
  color: #111c1c;
  position: relative;
  z-index: 1;
  transition: all ease-in-out 0.1s;
  opacity: 1;
  visibility: visible;
  font-size: 44px;
  left: 66px;
  width: 100%;
  word-break: break-word;
}
.flip-slide .block h2.out,
.flip-slide .block h3.out,
.flip-slide .block h4.out,
.flip-slide .block .title.out {
  opacity: 0;
}
.flip-slide .block p:not(.title) {
  color: #111c1c;
  left: 66px;
  position: relative;
  z-index: 1;
  opacity: 1;
  visibility: visible;
  transition: all ease-in-out 0.1s;
  font-size: 16px;
  max-width: 316px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
}
.flip-slide .block p:not(.title) b {
  font-weight: 600;
}
.flip-slide .block p:not(.title).out {
  opacity: 0;
}
.flip-slide .block span {
  font-size: 12px;
  color: rgba(17, 28, 28, 0.75);
  position: absolute;
  display: none;
  transition: opacity ease-in-out 0.2s;
}
.flip-slide .block span.out {
  opacity: 0;
}
.flip-slide .block button {
  font-size: 12px;
  color: rgba(17, 28, 28, 0.75);
  position: relative;
  height: 32px;
  padding: 0px 16px;
  line-height: 32px;
  border: none;
  background-color: #ecece8;
  transition: all 0.35s ease-in-out;
  border-radius: 24px;
  cursor: pointer;
  display: none;
}
.flip-slide .block button:hover {
  background-color: #e4b660;
  color: #ffffff;
}
.flip-slide .block button:hover svg {
  animation: menuNext 1s linear forwards;
}
.flip-slide .block button.out {
  opacity: 0;
}
.flip-slide .block button .icon-arr-right {
  display: none;
}
.flip-slide .block.b-1 {
  position: relative;
  top: 32px;
}
.flip-slide .block.b-2 {
  position: relative;
  top: 64px;
}
.flip-slide .block.b-3 {
  position: relative;
  top: 0px;
}
.flip-slide .slide-bullets {
  position: absolute;
  z-index: 2;
  display: inline-flex;
  list-style: none;
  user-select: none;
  width: fit-content;
  top: 95px;
  right: 418px;
}
.flip-slide .slide-bullets .slide-bullet {
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
.flip-slide .slide-bullets .slide-bullet:hover, .flip-slide .slide-bullets .slide-bullet:focus {
  border: none;
  background-color: rgba(17, 28, 28, 0.25);
}
.flip-slide .slide-bullets .slide-bullet.active {
  background-color: rgb(17, 28, 28);
}
.flip-slide .slide-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(370px, -204px);
  z-index: 2;
}
.flip-slide .scroll-down-button {
  position: absolute;
  left: 50%;
  bottom: 166px;
  z-index: 2;
  transform: translate(370px, 2px);
}
.flip-slide .scroll-down-button p {
  display: none;
}
.flip-slide.hide-nav .slide-bullets,
.flip-slide.hide-nav .slide-nav {
  display: none;
}

.edit .allow-edit.flip-slide {
  height: auto;
}
.edit .allow-edit.flip-slide .slide-container {
  visibility: visible;
  opacity: 1;
  width: 100% !important;
  display: block;
  height: auto;
}
.edit .allow-edit.flip-slide .slide-bullets,
.edit .allow-edit.flip-slide .slide-nav {
  display: none;
}
.edit .allow-edit.flip-slide .container {
  display: none;
  margin: 0;
}
.edit .allow-edit.flip-slide .block {
  margin: 2%;
  position: relative;
  top: 0 !important;
}
.edit .allow-edit.flip-slide .block .item {
  position: relative;
}
.edit .allow-edit.flip-slide .block .item img {
  position: relative;
}
.edit .allow-edit.flip-slide .block .title {
  color: #111c1c;
  position: relative;
  z-index: 1;
  transition: opacity ease-in-out 0.75s;
  opacity: 1;
  visibility: visible;
  white-space: normal;
  width: 100%;
  top: 0 !important;
  font-size: 32px;
  display: block;
  margin: 10px 0;
}
.edit .allow-edit.flip-slide .block .desc {
  color: #111c1c;
  position: relative;
  z-index: 1;
  opacity: 1;
  visibility: visible;
  transition: opacity ease-in-out 0.75s;
  font-size: 16px;
  line-height: 24px;
  display: block;
  width: 100%;
  margin: 10px 0;
}
.edit .allow-edit.flip-slide .block .date {
  color: #111c1c;
  position: relative;
  z-index: 1;
  opacity: 1;
  visibility: visible;
  transition: opacity ease-in-out 0.75s;
  font-size: 14px;
  line-height: 20px;
  display: block;
  width: 100%;
  margin: 10px 0;
}
.edit .allow-edit.flip-slide .block button {
  top: unset !important;
  left: unset !important;
  right: unset !important;
  bottom: unset !important;
  font-size: 12px;
  color: rgba(17, 28, 28, 0.75);
  position: relative;
  height: 32px;
  padding: 0px 16px;
  line-height: 32px;
  border: none;
  background-color: #ecece8;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  border-radius: 24px;
  cursor: pointer;
}

@media screen and (max-width: 1479px) {
  .flip-slide .slide-bullets {
    right: 284px;
  }
}
@media screen and (max-width: 1199px) {
  .flip-slide .slide-bullets {
    right: 184px;
  }
}
@media screen and (max-width: 1024px) {
  .flip-slide {
    min-height: 634px;
  }
  .flip-slide.display-2 .block {
    width: 40%;
    min-height: 300px;
  }
  .flip-slide .slide-container {
    min-height: 348px;
  }
  .flip-slide .container {
    min-height: 308px;
  }
  .flip-slide .block {
    margin-right: 128px;
    min-height: 300px;
  }
  .flip-slide .block.b-1 {
    top: 24px;
  }
  .flip-slide .block.b-2 {
    top: 48px;
  }
  .flip-slide .block h2,
  .flip-slide .block h3,
  .flip-slide .block h4 {
    font-size: 32px;
    left: 58px;
  }
  .flip-slide .block p {
    left: 58px;
    font-size: 14px;
    max-width: 314px;
  }
  .flip-slide .controls-box {
    width: 100%;
    right: 0;
    bottom: 0;
    height: 42px;
    position: absolute;
    display: flex;
    justify-content: space-between;
  }
  .flip-slide .controls-box .slide-nav {
    order: 2;
    height: auto;
    width: 200px;
    position: relative;
    transform: none;
    left: unset;
    right: unset;
  }
  .flip-slide .controls-box .slide-nav .slide-nav-box .circle-bt.bt-next {
    top: 0;
    order: 3;
    left: 0;
  }
  .flip-slide .controls-box .scroll-down-button {
    order: 1;
    position: relative;
    height: auto;
    width: 165px;
    left: 64px;
    bottom: 0;
  }
  .flip-slide .controls-box .scroll-down-button p {
    float: right;
    display: inline-block;
    position: relative;
    order: 2;
    line-height: 42px;
    left: unset;
    transform: translate(-50%, 0%);
    height: 42px;
    font-size: 16px;
    color: rgba(17, 28, 28, 0.34);
  }
  .flip-slide .controls-box .scroll-down-button .circle-bt {
    order: 1;
    position: relative;
    float: left;
    width: 42px;
    height: 42px;
  }
  .flip-slide .controls-box .slide-bullets {
    bottom: 18px;
    top: unset;
  }
  .flip-slide .slide-bullets {
    top: auto;
    bottom: 20px;
    transform: translate(-50%, 0%);
    left: 50%;
    right: auto;
    display: none;
  }
  .flip-slide .slide-nav {
    width: 100px;
    height: 42px;
    top: auto;
    bottom: 24px;
    left: auto;
    right: 64px;
    transform: none;
  }
  .flip-slide .slide-nav.vertical .slide-nav-box .circle-bt.bt-prev {
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  .flip-slide {
    min-height: 474px;
  }
  .flip-slide.display-2 .block {
    width: 24%;
    min-height: 184px;
    margin-right: 48px;
  }
  .flip-slide .slide-container {
    min-height: 220px;
    margin-left: 20px;
  }
  .flip-slide .container {
    min-height: 254px;
    padding: 0px;
  }
  .flip-slide .block {
    margin-right: 40px;
    min-height: 220px;
  }
  .flip-slide .block.b-2 {
    top: 0px;
  }
  .flip-slide .block .item img {
    width: 350px;
  }
  .flip-slide .block h2,
  .flip-slide .block h3,
  .flip-slide .block h4 {
    font-size: 24px;
    left: 30px;
  }
  .flip-slide .block p {
    left: 30px;
    max-width: 314px;
  }
  .flip-slide .slide-nav {
    bottom: 0px;
    right: 30px;
  }
}
@media screen and (max-width: 360px) {
  .flip-slide .slide-bullets {
    left: 32px;
    transform: none;
  }
}
.page-components {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.page-components .landing-highlight {
  margin-bottom: 94px;
}

@media screen and (max-width: 1024px) {
  .page-components .landing-highlight {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 744px) {
  .page-components .landing-highlight {
    margin-bottom: 64px;
  }
}
.personal-ads-popup {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all ease-in-out 0.25s;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 100;
  display: none;
}
.personal-ads-popup.tablet {
  display: none;
}
.personal-ads-popup.mobile {
  display: none;
}
.personal-ads-popup.desktop {
  display: block;
}
.personal-ads-popup .popup-close {
  cursor: pointer;
  position: absolute;
  width: 38px;
  height: 38px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  opacity: 1;
  inset: 24px 24px 24px auto;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.15);
  z-index: 10;
  transition: transform 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
}
.personal-ads-popup .popup-close:hover {
  transform: rotate(90deg);
  transition: all 0.3s;
}
.personal-ads-popup .popup-close img {
  width: 10px;
  height: 10px;
  position: relative;
}
.personal-ads-popup .popup-wrapper {
  width: 598px;
  height: auto;
  min-height: 430px;
  inset: auto 56px 56px 56px;
  position: fixed;
  background-color: #fff;
  visibility: hidden;
  opacity: 0;
  border-radius: 4px;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.15);
}
.personal-ads-popup .popup-wrapper.top {
  top: 56px;
  left: 56px;
  right: unset;
  bottom: unset;
}
.personal-ads-popup .popup-wrapper.bottom {
  top: 56px;
  right: 56px;
  left: unset;
  bottom: unset;
}
.personal-ads-popup .popup-wrapper.bottomleft {
  bottom: 56px;
  left: 56px;
  top: unset;
  right: unset;
}
.personal-ads-popup .popup-wrapper.bottomright {
  bottom: 56px;
  right: 56px;
  top: unset;
  left: unset;
}
.personal-ads-popup .panel {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  justify-content: flex-end;
  flex-direction: column;
}
.personal-ads-popup .panel .content-box {
  padding: 24px;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.personal-ads-popup .panel .content-box .count-down {
  background-color: rgb(247, 247, 247);
  border-radius: 5px;
  padding: 12px;
  width: 100%;
  margin-top: auto;
  display: none;
}
.personal-ads-popup .panel .content-box .count-down label {
  color: rgb(138, 141, 141);
  font-size: 11px;
  font-weight: normal;
  display: block;
}
.personal-ads-popup .panel .content-box .count-down .cd {
  font-weight: 700;
  font-size: 11px;
}
.personal-ads-popup .panel .content-box .count-down.active {
  display: block;
}
.personal-ads-popup .panel .content-box .content-footer {
  display: grid;
  grid-auto-columns: auto;
  align-items: center;
  column-gap: 16px;
}
.personal-ads-popup .panel .content-box .content-footer .title {
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
  font-size: 24px;
  line-height: 28px;
}
.personal-ads-popup .panel .content-box .content-footer p:first-of-type {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
  font-size: 14px;
  line-height: 24px;
}
.personal-ads-popup .panel .content-box .content-footer p:last-of-type {
  grid-column: 2;
  grid-row: 1/3;
  height: 56px;
  overflow: hidden;
  padding: 0px 32px;
  background-color: #e4b760;
  border-radius: 40px;
  display: flex;
  width: fit-content;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  transition: all 0.5s ease-out;
  cursor: pointer;
  position: relative;
  max-width: 215px;
  white-space: nowrap;
}
.personal-ads-popup .panel .content-box .content-footer p:last-of-type > a {
  color: white;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
.personal-ads-popup .panel .content-box .content-footer p:last-of-type span {
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.personal-ads-popup .panel .content-box .content-footer p:last-of-type b {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
.personal-ads-popup .panel .content-box .content-footer span {
  display: inline-block;
}
.personal-ads-popup .panel .content-box .content-footer .content-desc {
  margin-top: 16px;
}
.personal-ads-popup .panel .content-box .content-footer .content-desc p {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.personal-ads-popup .panel .img-box {
  width: 100%;
  height: 326px;
  position: relative;
  overflow: hidden;
}
.personal-ads-popup .panel .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
.personal-ads-popup.active {
  visibility: visible;
  opacity: 1;
  display: block;
}
.personal-ads-popup.active .popup-wrapper {
  visibility: visible;
  opacity: 1;
}
.personal-ads-popup p {
  font-size: 14px;
  line-height: 24px;
}
.personal-ads-popup strong {
  font-size: 12px;
  line-height: 16px;
}

@media (hover: hover) and (pointer: fine) {
  .personal-ads-popup P:last-of-type:hover {
    filter: brightness(85%);
  }
}
@media screen and (max-width: 1112px) {
  .personal-ads-popup.desktop {
    display: none;
  }
  .personal-ads-popup.mobile {
    display: none;
  }
  .personal-ads-popup.tablet {
    display: block;
  }
}
@media screen and (max-width: 743px) {
  .personal-ads-popup.desktop {
    display: none;
  }
  .personal-ads-popup.tablet {
    display: none;
  }
  .personal-ads-popup.mobile {
    display: block;
  }
  .personal-ads-popup .popup-wrapper {
    width: min(366px, 100% - 32px);
    inset: 0;
    transform: translate(-50%, -50%);
    min-height: 320px;
    height: auto;
    max-height: calc(100vh - 48px);
    height: auto;
    position: relative;
    overflow: hidden;
    display: flex;
  }
  .personal-ads-popup .popup-wrapper.top, .personal-ads-popup .popup-wrapper.bottom, .personal-ads-popup .popup-wrapper.bottomleft, .personal-ads-popup .popup-wrapper.bottomright {
    top: 50%;
    left: 50%;
    right: unset;
    bottom: unset;
  }
  .personal-ads-popup .popup-wrapper .header {
    padding: 37px 30px 16px 30px;
  }
  .personal-ads-popup .popup-wrapper .header h3 {
    font-size: 17px;
  }
  .personal-ads-popup .popup-wrapper .panel .img-box {
    width: 100%;
    max-width: unset;
    height: auto;
    min-height: 242px;
    overflow: unset;
    position: relative;
  }
  .personal-ads-popup .popup-wrapper .panel .img-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    right: 0;
  }
  .personal-ads-popup .popup-wrapper .panel .content-box .content-footer p:first-of-type {
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
  }
  .personal-ads-popup .popup-wrapper .panel .content-box .content-footer p:last-of-type {
    padding: 0 24px;
    height: 48px;
    max-width: 132px;
  }
  .personal-ads-popup .popup-wrapper .panel .content-box .content-footer p:last-of-type > a {
    font-size: 12px;
    line-height: 14px;
  }
  .personal-ads-popup .popup-wrapper .panel .content-box .content-footer p:last-of-type span {
    display: none;
  }
  .personal-ads-popup .popup-wrapper .panel .content-box .content-footer p:last-of-type b {
    padding: 0;
  }
  .personal-ads-popup .panel {
    height: auto;
  }
  .personal-ads-popup .panel .content-box {
    padding: 16px 16px 24px 16px;
  }
  .personal-ads-popup .panel .content-box .content-footer .title {
    font-size: 14px;
    line-height: 24px;
  }
  .personal-ads-popup .panel .content-box .content-footer p {
    font-size: 11px;
    line-height: 14px;
  }
  .personal-ads-popup .popup-close {
    inset: 8px 8px 8px auto;
  }
  .personal-ads-popup .bg-container {
    z-index: 1;
    top: 74px;
  }
  .personal-ads-popup .bg-container .img-responsive {
    width: 100%;
  }
}
@media screen and (max-width: 425px) {
  .personal-ads-popup .popup-wrapper .panel .content-box .content-footer {
    column-gap: 8px;
  }
  .personal-ads-popup .popup-wrapper .panel .content-box .content-footer .title {
    font-size: 12px;
    line-height: 18px;
  }
  .personal-ads-popup .popup-wrapper .panel .content-box .content-footer p:last-of-type {
    padding: 0 14px;
    height: 42px;
  }
}
.product-info-head {
  position: relative;
  order: 3;
  max-width: 352px;
  padding: 0px 18px;
  height: fit-content;
}
.product-info-head .badge-tds-choice {
  margin-bottom: 16px;
}
.product-info-head .badge-tds-choice svg {
  height: 24px;
  width: 140px;
  color: #111c1c;
}
.product-info-head p {
  margin-top: 4px;
  min-width: 352px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.product-info-head .head {
  margin-bottom: 8px;
}
.product-info-head .head p,
.product-info-head .head h1 {
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
}
.product-info-head .reviews-ratting {
  cursor: pointer;
}
.product-info-head .reviews-ratting .review-section,
.product-info-head .reviews-ratting .review-number {
  display: block;
}

@media screen and (max-width: 1024px) {
  .product-info-head {
    order: 1;
    width: 100%;
    max-width: 100%;
    padding: 0px 40px;
    margin: 0 30px;
    min-height: unset;
  }
  .product-info-head .head {
    margin-bottom: 6px;
  }
  .product-info-head .head p,
  .product-info-head .head h1 {
    font-size: 28px;
    line-height: 38px;
  }
}
@media screen and (max-width: 834px) {
  .product-info-head {
    padding: 0px;
  }
}
@media screen and (max-width: 767px) {
  .product-info-head {
    margin-top: 6px;
  }
  .product-info-head .head p,
  .product-info-head .head h1 {
    font-size: 24px;
    line-height: 34px;
  }
}
.product-info-detail {
  position: relative;
  order: 4;
  max-width: 352px;
  padding: 0px 14px;
  height: auto;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}
.product-info-detail.only-3d-look-alike .product-box-bt.box-3d .bt-wish-list {
  top: 0;
}
.product-info-detail.only-3d-look-alike .product-box-bt .bt-config-wrapper.configuration-3d .bt-config.toggle-3d {
  margin-top: 0;
}
.product-info-detail.only-3d-look-alike .product-box-bt .bt-config-wrapper.configuration-3d .product-configs-selection {
  top: 0;
}
.product-info-detail.only-3d-look-alike .product-box-bt .bt-config-wrapper.diabled .product-configs-selection, .product-info-detail.only-3d-look-alike .product-box-bt .bt-config-wrapper.out-of-stock .product-configs-selection {
  top: 36px;
}
.product-info-detail.only-3d-look-alike .product-box-bt .product-configs-selection {
  top: 0;
}
.product-info-detail .info-detail {
  margin-bottom: 44px;
  width: 100%;
}
.product-info-detail .info-detail.hide-read-more .bt-read-more {
  display: none;
}
.product-info-detail .info-detail p {
  font-size: 16px;
  line-height: 28px;
  color: #111c1c;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-info-detail .info-detail .bt-read-more p {
  color: #e4b760;
}
.product-info-detail .starting-from-prices {
  margin-top: 8px;
  display: flex;
  width: 100%;
}
.product-info-detail .starting-from-prices p {
  position: relative;
  color: #aeb2b2;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}
.product-info-detail .starting-from-prices p:before {
  content: " ";
  width: 100%;
  height: 2px;
  transform: rotate(0deg);
  display: inline-block;
  position: absolute;
  top: 38%;
  border-bottom: 2px solid #aeb2b2;
}
.product-info-detail .starting-from-prices span {
  color: #000;
  font-weight: bold;
  font-size: 11px;
  line-height: 14px;
}
.product-info-detail .starting-from-prices .starting-from-price {
  margin-left: 8px;
}
.product-info-detail .product-price {
  margin-top: 8px;
}
.product-info-detail .product-price .title {
  margin-bottom: 2px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #111c1c;
}
.product-info-detail .product-price .title p {
  color: #111c1c;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}
.product-info-detail .product-price .sub-title {
  display: flex;
  align-content: center;
  align-items: baseline;
  margin-bottom: 2px;
}
.product-info-detail .product-price .sub-title .origin-price {
  display: none;
  color: #aeb2b2;
  font-size: 24px;
  line-height: 32px;
  position: relative;
  margin-right: 8px;
}
.product-info-detail .product-price .sub-title .origin-price:before {
  content: " ";
  width: 100%;
  height: 2px;
  transform: rotate(0deg);
  display: inline-block;
  position: absolute;
  top: 38%;
  border-bottom: 2px solid #aeb2b2;
}
.product-info-detail .product-price .condition {
  display: none;
}
.product-info-detail .product-price .condition p {
  color: rgba(17, 25, 25, 0.75);
  font-size: 12px;
  line-height: 18px;
}
.product-info-detail .product-price .price {
  display: flex;
  align-items: center;
}
.product-info-detail .product-price .price span {
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
}
.product-info-detail .product-price .price span.text {
  color: rgba(17, 25, 25, 0.75);
  font-size: 12px;
  line-height: 22px;
  margin-left: 8px;
  font-weight: 500;
  display: flex;
  align-self: flex-end;
}
.product-info-detail .product-price .price p {
  font-weight: 700;
  font-size: 32px;
  line-height: 34px;
  display: flex;
  align-items: center;
}
.product-info-detail .product-price.discounted .sub-title .origin-price {
  display: inline-block;
}
.product-info-detail .product-price.discounted .sub-title .price p {
  font-size: 27px;
}
.product-info-detail .product-price.discounted .condition {
  display: block;
  margin-bottom: 8px;
}
.product-info-detail .product-box-bt {
  width: 100%;
  margin-bottom: 24px;
  margin-top: 24px;
  position: relative;
}
.product-info-detail .product-box-bt.box-3d .bt-wish-list {
  top: 36px;
}
.product-info-detail .product-box-bt .bt-wish-list {
  right: 0;
  top: 0px;
  position: absolute;
  transform: translate(16px, 0%);
}
.product-info-detail .product-box-bt .bt-config-wrapper {
  display: flex;
  flex-flow: row wrap;
  border-radius: 32px;
  align-items: center;
  position: relative;
  left: 0;
  max-width: 260px;
}
.product-info-detail .product-box-bt .bt-config-wrapper.configuration-3d .box-options {
  display: flex;
  flex-direction: column-reverse;
}
.product-info-detail .product-box-bt .bt-config-wrapper.diabled, .product-info-detail .product-box-bt .bt-config-wrapper.out-of-stock {
  cursor: default;
  opacity: 0.75;
  pointer-events: none;
}
.product-info-detail .product-box-bt .bt-config-wrapper.diabled .bt-config, .product-info-detail .product-box-bt .bt-config-wrapper.out-of-stock .bt-config {
  cursor: default;
  opacity: 0.75;
}
.product-info-detail .product-box-bt .bt-config-wrapper.diabled .bt-config:hover, .product-info-detail .product-box-bt .bt-config-wrapper.out-of-stock .bt-config:hover {
  filter: unset;
}
.product-info-detail .product-box-bt .bt-config-wrapper.diabled .product-configs-selection, .product-info-detail .product-box-bt .bt-config-wrapper.out-of-stock .product-configs-selection {
  opacity: 0.75;
}
.product-info-detail .product-box-bt .bt-config-wrapper.diabled .product-configs-selection .list-select, .product-info-detail .product-box-bt .bt-config-wrapper.out-of-stock .product-configs-selection .list-select {
  cursor: default;
}
.product-info-detail .product-box-bt .bt-config {
  align-items: center;
  left: 0;
  position: relative;
  width: 100%;
  max-width: 265px;
}
.product-info-detail .product-box-bt .bt-config.info-layout {
  justify-content: center;
  margin-bottom: 24px;
}
.product-info-detail .product-box-bt .bt-config.info-layout .txt {
  padding-left: 0;
}
.product-info-detail .product-box-bt .bt-config.none-config {
  max-width: 230px;
  padding: 0 24px;
}
.product-info-detail .product-box-bt .bt-config.toggle-3d {
  background: none;
  border-radius: 100px;
  margin-top: 36px;
}
.product-info-detail .product-box-bt .bt-config .icon .icon-config {
  margin-right: 14px;
}
.product-info-detail .product-box-bt .bt-config p,
.product-info-detail .product-box-bt .bt-config .txt {
  font-size: 14px;
  color: #ffffff;
  line-height: 1.2;
  padding: 0;
  padding-left: 16px;
}
.product-info-detail .product-box-bt .bt-config p b,
.product-info-detail .product-box-bt .bt-config .txt b {
  font-weight: 700;
}
.product-info-detail .product-box-bt .bt-config .product-configs-selection {
  color: #111c1c;
}
.product-info-detail .product-box-bt .product-configs-selection {
  color: #111c1c;
  margin-right: 5px;
  width: 100%;
  height: 64px;
  position: absolute;
  left: 0;
  top: 36px;
}
.product-info-detail .product-box-bt .product-configs-selection .list-select {
  border-radius: 40px;
  background-color: #ffffff;
  position: relative;
  width: 100%;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.product-info-detail .product-box-bt .product-configs-selection .list-select p {
  padding-left: 24px;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
}
.product-info-detail .product-box-bt .product-configs-selection .list-select .icon-arr-down {
  z-index: 3;
}
.product-info-detail .product-box-bt .product-configs-selection .list-result {
  position: relative;
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.product-info-detail .product-box-bt .product-configs-selection .list-result .result-row {
  width: 100%;
  position: relative;
}
.product-info-detail .product-box-bt .product-configs-selection .list-result .result-row p {
  display: inline-block;
  float: left;
  font-size: 12px;
  line-height: 18px;
  padding-left: 26px;
  padding-right: 8px;
}
.product-info-detail .product-box-bt .product-configs-selection .list-result .result-row .icon-remove {
  float: left;
  cursor: pointer;
  display: none;
}
.product-info-detail .product-box-bt .product-configs-selection .list-result .result-row .icon-remove.active {
  display: block;
}
.product-info-detail .product-box-bt .product-configs-selection .list-option {
  width: 100%;
  border-radius: 28px;
  top: 0;
  z-index: 2;
  background: none;
  box-shadow: none;
  padding: 0px;
}
.product-info-detail .product-box-bt .product-configs-selection .list-option .box-options {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  overflow: hidden;
  column-gap: 8px;
}
.product-info-detail .product-box-bt .product-configs-selection .list-option .box-options.no-editions {
  grid-template-columns: repeat(1, 1fr);
}
.product-info-detail .product-box-bt .product-configs-selection .list-option .box-options .box-option {
  width: 100%;
  margin: 0;
  height: 64px;
  background-color: #e4b760;
  border-radius: 9999px;
  padding-left: unset;
  justify-content: center;
}
.product-info-detail .product-box-bt .product-configs-selection .list-option .box-options .box-option.option-3d p, .product-info-detail .product-box-bt .product-configs-selection .list-option .box-options .box-option.option-2d p {
  color: #ffffff;
}
.product-info-detail .product-box-bt .product-configs-selection .list-option .box-options .box-option p {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}
.product-info-detail .product-box-bt .product-configs-selection .list-option .box-options .box-option .icon-arr-right {
  margin-left: 14px;
}
.product-info-detail .product-box-bt .product-configs-selection .list-option .box-options .box-option .icon-arr-right svg {
  color: #ffffff;
}
.product-info-detail .product-box-bt .title-config {
  position: absolute;
  top: 0;
}
.product-info-detail .product-box-bt .title-config .txt {
  font-weight: 600;
  color: #111c1c;
  font-size: 16px;
  line-height: 28px;
  padding: 0;
  display: flex;
  align-items: center;
}
.product-info-detail .product-box-bt .title-config .txt .config-icon {
  position: relative;
  width: 28px;
  height: 24px;
  margin-right: 10px;
}
.product-info-detail .product-box-bt .title-config .txt .config-icon svg {
  position: absolute;
  width: 28px;
  height: 24px;
  top: 0px;
}
.product-info-detail .product-box-bt .btn-request-discount {
  height: 56px;
  margin-top: 16px;
  min-width: 342px;
  max-width: 342px;
  background-color: #e7e8e8;
  padding: 0px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 32px;
  width: auto;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.product-info-detail .product-box-bt .btn-request-discount:hover {
  filter: brightness(90%);
}
.product-info-detail .product-box-bt .btn-request-discount .text {
  display: flex;
  flex-direction: column;
}
.product-info-detail .product-box-bt .btn-request-discount .text span {
  color: #111c1c;
  text-align: center;
}
.product-info-detail .product-box-bt .btn-request-discount .text .title {
  font-size: 12px;
  font-weight: 600;
}
.product-info-detail .product-box-bt .btn-request-discount .text .desc {
  font-size: 10px;
  font-weight: 500;
}
.product-info-detail .product-box-shipping {
  margin-top: 32px;
}
.product-info-detail .product-box-shipping .shipping-set .shipping-item > div {
  font-size: 16px;
  line-height: 28px;
  padding-right: 10px;
  padding: 0;
}
.product-info-detail .product-box-shipping .shipping-set .shipping-item > div b {
  font-weight: 600;
}
.product-info-detail .product-box-shipping .shipping-set .shipping-item {
  display: flex;
}
.product-info-detail .product-box-shipping .shipping-set .shipping-item .icon-and-tooltip {
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding-left: 5px;
}
.product-info-detail .product-box-shipping .shipping-set .shipping-item .icon-and-tooltip .icon-moreinfo2,
.product-info-detail .product-box-shipping .shipping-set .shipping-item .icon-and-tooltip .icon-moreinfo {
  top: 4px;
}
.product-info-detail .product-box-shipping .shipping-set .shipping-item .icon-and-tooltip:hover .icon-moreinfo {
  background-color: #e4b760;
}
.product-info-detail .product-box-shipping .shipping-set .shipping-item .icon-and-tooltip:hover .icon-moreinfo2 svg {
  color: #e4b760;
}
.product-info-detail .product-box-shipping .shipping-set .shipping-item.fast-lane a {
  font-weight: 600;
  color: #111c1c;
}
.product-info-detail .product-cta-set.top {
  display: inline-block;
  width: 100%;
}
.product-info-detail .product-cta-set.top .product-box-cta {
  margin-bottom: 14px;
  margin-top: 0;
  width: 100%;
}
.product-info-detail .product-cta-set.top .product-box-cta:first-child {
  margin-top: 16px;
}
.product-info-detail .product-cta-set.top .product-box-cta:last-child {
  margin-bottom: 0;
}
.product-info-detail .product-cta-set.bottom {
  display: none;
}
.product-info-detail .product-cta-set .product-box-cta {
  display: flex;
  margin-top: 34px;
  min-width: 160px;
  float: left;
  align-items: center;
}
.product-info-detail .product-cta-set .product-box-cta .icon-add-circle {
  margin-right: 16px;
}
.product-info-detail .product-cta-set .product-box-cta p {
  color: #111c1c;
  font-size: 14px;
  line-height: 24px;
}
.product-info-detail .product-cta-set .product-box-cta:hover p {
  color: #e4b760;
}
.product-info-detail .product-cta-set .product-box-cta:hover .icon-add-circle svg {
  color: #e4b760;
}
.product-info-detail .bt-scroll-to.where-to-see {
  height: 64px;
  background-color: #ffffff;
  border: 2px solid #e4b760;
  border-radius: 9999px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  padding: 0 45px;
  max-width: 200px;
  cursor: pointer;
}
.product-info-detail .bt-scroll-to.where-to-see .txt {
  font-size: 14px;
  color: #000000;
  line-height: 1.2;
  padding: 0;
  font-weight: bold;
  pointer-events: none;
}
.product-info-detail .bt-scroll-to.where-to-see:hover .txt {
  color: #e4b760;
}
.product-info-detail.show-amount .product-price {
  position: relative;
}
.product-info-detail.show-amount .product-price .bt-wish-list {
  right: -14px;
  top: 50%;
  position: absolute;
  transform: translate(100%, -50%);
}
.product-info-detail.show-amount .product-box-bt {
  position: relative;
  margin-top: 24px;
}
.product-info-detail.show-amount .product-box-bt .bt-config-wrapper {
  left: 114px;
  position: absolute;
}
.product-info-detail.show-amount .product-box-bt .bt-config {
  justify-content: center;
}
.product-info-detail.show-amount .product-box-bt .bt-config.none-config {
  max-width: 100%;
}
.product-info-detail.show-amount .product-box-bt .bt-config p,
.product-info-detail.show-amount .product-box-bt .bt-config .txt {
  padding-left: 0;
}
.product-info-detail.show-amount .product-box-bt .product-amount-selection.custom-select-list {
  width: 100px;
  margin-right: 20px;
  height: 64px;
}
.product-info-detail.show-amount .product-box-bt .product-amount-selection.custom-select-list .list-select {
  border-radius: 40px;
  height: 64px;
}
.product-info-detail.show-amount .product-box-bt .product-amount-selection.custom-select-list .list-select p {
  padding-left: 44px;
}
.product-info-detail.show-amount .product-box-bt .product-amount-selection.custom-select-list .list-select .icon-arr-down {
  top: 28px;
}
.product-info-detail.show-amount .product-box-bt .product-amount-selection.custom-select-list .list-option {
  top: 50px;
}
.product-info-detail.show-amount .product-box-bt .product-amount-selection.custom-select-list .list-option .box-options .box-option {
  padding-left: 44px;
}
.product-info-detail.show-amount .product-box-bt .bt-wish-list {
  display: none;
}
.product-info-detail.show-amount .product-box-bt .bt-config-wrapper {
  left: 114px;
  position: absolute;
  top: 0;
  width: fit-content;
  min-width: 228px;
}
.product-info-detail.show-amount .product-box-bt .bt-config-wrapper .icon-config {
  display: none;
}
.product-info-detail.show-amount .product-box-bt .bt-config-wrapper .icon-cart {
  display: none;
}
.product-info-detail.show-amount-with-3d-config .product-price {
  position: relative;
}
.product-info-detail.show-amount-with-3d-config .product-price .bt-wish-list {
  right: -14px;
  top: 50%;
  position: absolute;
  transform: translate(100%, -50%);
}
.product-info-detail.show-amount-with-3d-config .product-box-bt {
  position: relative;
  margin-top: 24px;
}
.product-info-detail.show-amount-with-3d-config .product-box-bt .bt-config-wrapper {
  left: 114px;
  position: absolute;
}
.product-info-detail.show-amount-with-3d-config .product-box-bt .bt-config {
  justify-content: center;
}
.product-info-detail.show-amount-with-3d-config .product-box-bt .bt-config.none-config {
  max-width: 100%;
}
.product-info-detail.show-amount-with-3d-config .product-box-bt .bt-config p,
.product-info-detail.show-amount-with-3d-config .product-box-bt .bt-config .txt {
  padding-left: 0;
}
.product-info-detail.show-amount-with-3d-config .product-box-bt .product-amount-selection.custom-select-list {
  width: 100px;
  margin-right: 20px;
  height: 64px;
}
.product-info-detail.show-amount-with-3d-config .product-box-bt .product-amount-selection.custom-select-list .list-select {
  border-radius: 40px;
  height: 64px;
}
.product-info-detail.show-amount-with-3d-config .product-box-bt .product-amount-selection.custom-select-list .list-select p {
  padding-left: 44px;
}
.product-info-detail.show-amount-with-3d-config .product-box-bt .product-amount-selection.custom-select-list .list-select .icon-arr-down {
  top: 28px;
}
.product-info-detail.show-amount-with-3d-config .product-box-bt .product-amount-selection.custom-select-list .list-option {
  top: 50px;
}
.product-info-detail.show-amount-with-3d-config .product-box-bt .product-amount-selection.custom-select-list .list-option .box-options .box-option {
  padding-left: 44px;
}
.product-info-detail.show-amount-with-3d-config .product-box-bt .bt-wish-list {
  display: none;
}
.product-info-detail.show-amount-with-3d-config .product-box-bt .bt-config-wrapper {
  left: 114px;
  position: absolute;
  top: 0;
  width: fit-content;
  min-width: 228px;
}
.product-info-detail.show-amount-with-3d-config .product-box-bt .bt-config-wrapper .title-config {
  display: none;
}
.product-info-detail.show-amount-with-3d-config .product-box-bt .bt-config-wrapper .bt-config {
  margin-top: 0;
}
.product-info-detail.show-amount-with-3d-config .product-box-bt .bt-config-wrapper .product-configs-selection {
  top: 0;
}
.product-info-detail.show-amount-with-3d-config .product-box-bt .bt-config-wrapper .icon-config {
  display: none;
}
.product-info-detail.show-amount-with-3d-config .product-box-bt .bt-config-wrapper .icon-cart {
  display: none;
}
.product-info-detail .txt-online-only {
  color: #e4b760;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  padding-top: 16px;
}
.product-info-detail .txt-online-only > b {
  font-weight: 600;
}
.product-info-detail .txt-online-only.s-screen {
  display: none;
}
.product-info-detail .txt-online-only.l-screen {
  display: block;
}
.product-info-detail .product-general-info p {
  display: inline-block;
}
.product-info-detail .product-general-info p .icon-check-v2 svg {
  color: #e4b760;
  margin-right: 24px;
}
.product-info-detail .product-general-info ul li {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  padding-left: 24px;
}
.product-info-detail .product-general-info ul li:before {
  content: url("/assetfiles/img/tabledusudv4/svgs/check-icon-v2-ipfv3.svg");
  width: 15px;
  height: 11px;
  position: absolute;
  left: 0;
}

.product-info-page .product-info-detail .product-cta-set.top {
  display: flex;
  flex-direction: column;
}
.product-info-page .product-info-detail .product-cta-set.top .product-box-cta {
  margin-bottom: 14px;
  margin-top: 0;
}
.product-info-page .product-info-detail .product-cta-set.top .product-box-cta:first-child {
  margin-top: 16px;
}
.product-info-page .product-info-detail .product-cta-set.top .product-box-cta:last-child {
  margin-bottom: 0;
}
.product-info-page .product-info-detail .product-cta-set.bottom {
  display: none;
}

@media screen and (max-width: 1112px) {
  .product-info-detail .product-price.discounted .sub-title {
    flex-direction: column;
  }
}
@media (hover: hover) and (pointer: fine) {
  .product-info-detail .product-box-bt .product-configs-selection .list-option .box-options .box-option:hover {
    background-color: #b99250;
  }
}
@media screen and (max-width: 1024px) {
  .product-info-detail {
    order: 3;
    width: 100%;
    max-width: 100%;
    padding: 0px;
    margin-left: 70px;
    margin-right: 70px;
    height: auto;
    max-height: unset;
    margin-top: 34px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 14px;
    grid-template-areas: "top-left top-right" "center-left center-right" "center-left tone-right";
  }
  .product-info-detail .product-price {
    order: 2;
    grid-area: top-right;
    margin-bottom: 14px;
  }
  .product-info-detail .product-price.discounted .sub-title {
    flex-direction: row;
  }
  .product-info-detail .product-price .bt-wish-list {
    display: none;
  }
  .product-info-detail .product-price .price {
    padding-right: 12px;
    display: inline-flex;
  }
  .product-info-detail .info-detail {
    margin-bottom: 36px;
    width: 54%;
    order: 1;
  }
  .product-info-detail .info-detail p {
    font-size: 14px;
    line-height: 24px;
    max-width: 300px;
  }
  .product-info-detail .product-box-shipping {
    order: 1;
    grid-area: top-left;
    align-self: start;
    margin-top: 0;
    align-items: center;
    display: flex;
  }
  .product-info-detail .product-box-shipping .product-box-cta {
    min-width: auto;
    margin-top: 24px;
  }
  .product-info-detail .product-box-shipping .shipping-set .shipping-item > div {
    font-size: 14px;
  }
  .product-info-detail .product-cta-set {
    display: inline-flex;
  }
  .product-info-detail .product-cta-set.top {
    order: 5;
  }
  .product-info-detail .product-box-bt {
    right: 0px;
    order: 4;
    grid-template-columns: auto;
    margin-top: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 280px;
    margin-top: 0;
  }
  .product-info-detail .product-box-bt .bt-wish-list {
    position: absolute;
    transform: translateX(100%);
    display: flex;
  }
  .product-info-detail .product-box-bt .bt-config.info-layout {
    margin-bottom: 0;
  }
  .product-info-detail .product-box-bt.without-attachment {
    max-width: 100%;
  }
  .product-info-detail .product-box-bt.without-attachment .bt-wish-list {
    top: -70px;
    right: -4px;
    transform: unset;
  }
  .product-info-detail .product-box-bt .btn-request-discount {
    margin-top: 0px;
    min-width: auto;
    max-width: 260px;
  }
  .product-info-detail .product-general-info {
    order: 3;
    grid-area: center-left;
    align-self: flex-start;
  }
  .product-info-detail .bt-config-wrapper {
    left: 0;
    position: relative;
  }
  .product-info-detail .bt-scroll-to.where-to-see {
    margin-top: 0;
    display: none;
  }
  .product-info-detail.show-amount .product-price .bt-wish-list {
    right: 0;
    top: 100%;
    position: absolute;
    transform: unset;
  }
  .product-info-detail.show-amount .product-box-bt .bt-config-wrapper {
    left: 0;
    position: relative;
    order: 2;
    width: 100%;
  }
  .product-info-detail.show-amount .product-box-bt .product-amount-selection {
    order: 3;
  }
  .product-info-detail.show-amount .product-box-bt .bt-wish-list {
    display: flex;
  }
  .product-info-detail.show-amount .product-box-bt {
    margin-top: 0;
  }
  .product-info-detail .txt-online-only {
    order: 1;
    padding-top: 0px;
  }
  .product-info-detail .txt-online-only.s-screen {
    display: block;
  }
  .product-info-detail .txt-online-only.l-screen {
    display: none;
  }
  .product-info-detail.count-down-prices .product-general-info {
    position: relative;
    top: -46px;
  }
  .product-info-detail.count-down-prices .product-box-shipping .shipping-set {
    display: none;
  }
  .product-info-detail.count-down-prices .product-price {
    grid-area: center-right;
  }
  .product-info-page .product-info-detail .product-cta-set.top {
    display: inline-flex;
  }
  .product-info-page .product-info-detail .product-cta-set.top .product-box-cta {
    margin-top: 4px;
  }
  .product-info-page .product-info-detail .product-cta-set.top .product-box-cta:first-child {
    margin-top: 4px;
  }
  .product-info-page .product-info-detail .product-cta-set.top .product-box-cta:last-child {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 834px) {
  .product-info-detail {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media screen and (max-width: 810px) {
  .product-info-detail .product-price .bt-wish-list {
    display: none;
  }
  .product-info-detail .product-price .sub-title .origin-price {
    font-size: 22px;
    line-height: 28px;
  }
  .product-info-detail .product-price .sub-title .price p {
    font-size: 26px;
    line-height: 32px;
  }
  .product-info-detail .product-price .price {
    padding-right: 12px;
    display: inline-flex;
  }
}
@media screen and (max-width: 800px) {
  .product-info-detail {
    margin-top: 64px;
  }
}
@media screen and (max-width: 743px) {
  .product-info-detail {
    flex-flow: column;
    margin-top: 88px;
    max-height: unset;
    grid-template-areas: none;
    grid-template-columns: none;
    grid-template-rows: none;
    display: flex;
  }
  .product-info-detail .info-detail {
    width: 100%;
    margin-bottom: 26px;
  }
  .product-info-detail .info-detail p {
    max-width: 100%;
  }
  .product-info-detail .product-price {
    margin-top: 5px;
    width: 100%;
    order: 1;
  }
  .product-info-detail .product-price .price {
    padding-right: 8px;
  }
  .product-info-detail .product-box-bt {
    width: calc(100% - 80px);
    order: 3;
    margin-bottom: 40px;
    position: relative;
    right: unset;
    min-width: unset;
    display: none;
  }
  .product-info-detail .product-box-bt .btn-request-discount {
    margin-top: 10px;
  }
  .product-info-detail .product-box-shipping {
    width: 100%;
    order: 3;
  }
  .product-info-detail .product-box-shipping .product-box-cta {
    margin-top: 32px;
    display: block;
    width: 100%;
  }
  .product-info-detail .product-general-info {
    order: 4;
  }
  .product-info-detail .product-cta-set {
    display: block;
  }
  .product-info-detail .product-cta-set.top {
    order: 2;
    margin-bottom: 20px;
  }
  .product-info-detail.show-amount .product-box-bt {
    position: relative;
    right: unset;
    display: inline-block;
  }
  .product-info-detail.show-amount .product-box-bt .bt-config-wrapper {
    display: none;
  }
  .product-info-detail.show-amount .product-box-bt .bt-wish-list {
    display: none;
  }
  .product-info-detail.show-amount .product-box-bt .product-amount-selection.custom-select-list {
    top: 0;
  }
  .product-info-detail.count-down-prices .product-general-info {
    top: 0;
    margin-top: -8px;
    margin-bottom: 16px;
  }
  .product-info-page .product-info-detail .product-box-shipping .shipping-set .shipping-item {
    width: 100%;
  }
  .product-info-page .product-info-detail .product-cta-set.top {
    display: block;
  }
  .product-info-page .product-info-detail .product-cta-set.top .product-box-cta:first-child {
    margin-top: -4px;
  }
  .product-info-page .product-info-detail .product-cta-set.top .product-box-cta:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 450px) {
  .product-info-detail.show-amount .product-box-bt .bt-config {
    width: 100%;
    left: 0;
  }
}
@media screen and (max-width: 400px) {
  .product-info-detail.show-amount .product-price .price {
    max-width: 240px;
    position: relative;
    align-items: center;
  }
}
@media screen and (max-width: 360px) {
  .product-info-detail .product-box-bt .bt-config {
    padding: 0px 16px;
  }
}
.product-personal-offer-banner {
  background-color: #f8f7f4;
  border-radius: 8px;
  padding: 32px;
  margin-bottom: 98px;
}
.product-personal-offer-banner .banner-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
  width: 100%;
}
.product-personal-offer-banner .banner-container .img-box {
  width: 175px;
  height: 140px;
  display: flex;
  align-items: center;
  background-color: #ffffff;
}
.product-personal-offer-banner .banner-container .img-box > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-personal-offer-banner .banner-container .content-box {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: calc(100% - 185px);
  position: relative;
}
.product-personal-offer-banner .banner-container .content-box .title {
  color: #111c1c;
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-personal-offer-banner .banner-container .content-box .title.tooltips {
  cursor: pointer;
}
.product-personal-offer-banner .banner-container .content-box .title.tooltips .tooltips-box {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  position: absolute;
  display: none;
  right: 0;
  min-width: 150px;
  max-width: 200px;
  bottom: 100%;
  animation: animate-in 300ms ease;
  background: white;
  border-radius: 4px;
  padding: 4px 8px;
  color: #111c1c;
  z-index: 1;
  filter: drop-shadow(0px 0px 16px rgba(17, 28, 28, 0.16));
  white-space: initial;
}
.product-personal-offer-banner .banner-container .content-box .title.tooltips .tooltips-box::after {
  content: "";
  position: absolute;
  display: block;
  right: 7px;
  width: 0;
  height: 0;
  bottom: -7px;
  margin-left: -3.5px;
  border: 1px solid white;
  border-color: white rgba(255, 0, 0, 0) rgba(255, 0, 0, 0) rgba(255, 0, 0, 0);
  border-width: 7px 7px 0;
  animation: animate-in 300ms ease;
  z-index: 1;
  filter: drop-shadow(0px 0px 16px rgba(17, 28, 28, 0.16));
}
.product-personal-offer-banner .banner-container .content-box .title.tooltips:hover .tooltips-box {
  display: block;
}
.product-personal-offer-banner .banner-container .content-box .price {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #111c1c;
  margin-bottom: 8px;
}
.product-personal-offer-banner .banner-container .content-box .price > span {
  font-size: 12px;
  line-height: 22px;
}
.product-personal-offer-banner .banner-container .content-box .content {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.product-personal-offer-banner .banner-container .content-box .content .more-info {
  color: #e4b760;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
}
.product-personal-offer-banner .banner-container .content-box .btn-add-to-cart {
  height: 48px;
  min-height: 48px;
  width: fit-content;
  padding: 0 24px;
}
.product-personal-offer-banner .banner-container .content-box .btn-add-to-cart > p {
  padding: 0;
  line-height: 48px;
}

@media screen and (max-width: 1024px) {
  .product-personal-offer-banner {
    padding: 24px 16px;
    margin-bottom: 48px;
  }
  .product-personal-offer-banner .banner-container .content-box {
    width: 100%;
  }
  .product-personal-offer-banner .banner-container .content-box .title {
    margin-bottom: 4px;
  }
  .product-personal-offer-banner .banner-container .content-box .price {
    margin-bottom: 4px;
  }
  .product-personal-offer-banner .banner-container .content-box .content {
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 743px) {
  .product-personal-offer-banner {
    padding: 16px;
  }
  .product-personal-offer-banner .banner-container {
    flex-direction: column;
  }
  .product-personal-offer-banner .banner-container .content-box {
    width: 100%;
  }
  .product-personal-offer-banner .banner-container .content-box .title {
    -webkit-line-clamp: 2;
  }
}
.product-info-sticky {
  width: 100%;
  height: 88px;
  background-color: #ffffff;
  box-shadow: 0px 0px 16px rgba(17, 28, 28, 0.16);
  position: fixed;
  top: 0;
  z-index: 5;
  display: none;
  left: 0;
}
.product-info-sticky.active {
  display: flex;
  padding: 0 32px;
}
.product-info-sticky.box-3d .control-box .product-box-bt .bt-config-wrapper {
  background: none;
}
.product-info-sticky .container {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.product-info-sticky .info {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.product-info-sticky .info .img-info {
  grid-row: 1/3;
  height: 56px;
  width: 56px;
  margin-right: 16px;
}
.product-info-sticky .info .img-info img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.product-info-sticky .info .title {
  grid-column: 2/-1;
  color: #111c1c;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
}
.product-info-sticky .info .sub-title {
  grid-column: 2/-1;
  display: flex;
  align-items: baseline;
}
.product-info-sticky .info .sub-title .txt {
  margin-right: 10px;
}
.product-info-sticky .info .sub-title .origin-price {
  color: #aeb2b2;
  font-size: 14px;
  line-height: 24px;
  position: relative;
  margin-right: 8px;
}
.product-info-sticky .info .sub-title .origin-price:after {
  border-top: 1px solid #aeb2b2;
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  left: 0;
  width: 85%;
}
.product-info-sticky .info .sub-title .price span {
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
}
.product-info-sticky .control-box {
  display: flex;
  margin-left: auto;
}
.product-info-sticky .control-box .product-box-bt {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
}
.product-info-sticky .control-box .product-box-bt .bt-config {
  align-items: center;
  justify-content: center;
  height: 64px;
  width: 100%;
  gap: 16px;
}
.product-info-sticky .control-box .product-box-bt .bt-config.toggle-3d {
  background: none;
  border-radius: 100px;
  width: 250px;
  height: 56px;
  max-width: 100%;
}
.product-info-sticky .control-box .product-box-bt .bt-config.config-showroom {
  max-width: calc(100% - 80px);
}
.product-info-sticky .control-box .product-box-bt .bt-config p,
.product-info-sticky .control-box .product-box-bt .bt-config .txt {
  padding-left: 0;
  font-size: 14px;
  color: #ffffff;
  line-height: 1.2;
  text-align: center;
}
.product-info-sticky .control-box .product-box-bt .bt-config p b,
.product-info-sticky .control-box .product-box-bt .bt-config .txt b {
  font-weight: 700;
}
.product-info-sticky .control-box .product-box-bt .bt-config-wrapper {
  display: flex;
  background-color: #e4b760;
  border-radius: 32px;
  align-items: center;
  position: relative;
  height: 64px;
  left: 0;
}
.product-info-sticky .control-box .product-box-bt .bt-config-wrapper.configuration-3d .bt-config p,
.product-info-sticky .control-box .product-box-bt .bt-config-wrapper.configuration-3d .bt-config .txt {
  padding-left: 16px;
  font-size: 14px;
  color: #ffffff;
  line-height: 1.2;
}
.product-info-sticky .control-box .product-box-bt .bt-config-wrapper.configuration-3d .bt-config p b,
.product-info-sticky .control-box .product-box-bt .bt-config-wrapper.configuration-3d .bt-config .txt b {
  font-weight: 700;
}
.product-info-sticky .control-box .product-box-bt .bt-config-wrapper.out-of-stock {
  cursor: default;
  opacity: 0.75;
  pointer-events: none;
}
.product-info-sticky .control-box .product-box-bt .bt-config-wrapper .box-options {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.product-info-sticky .control-box .product-box-bt .bt-config-wrapper .box-options.no-editions {
  grid-template-columns: repeat(1, 1fr);
}
.product-info-sticky .control-box .product-box-bt .bt-config-wrapper .title-config {
  max-width: 105px;
  text-align: right;
  margin-right: 16px;
}
.product-info-sticky .control-box .product-box-bt .bt-config-wrapper .title-config .txt {
  font-weight: 600;
  color: #111c1c;
  font-size: 16px;
  line-height: 28px;
  padding: 0;
}
.product-info-sticky .control-box .product-box-bt .product-amount-selection.custom-select-list {
  width: 100px;
  height: 64px;
}
.product-info-sticky .control-box .product-box-bt .product-amount-selection.custom-select-list .list-select {
  border-radius: 40px;
  height: 64px;
}
.product-info-sticky .control-box .product-box-bt .product-amount-selection.custom-select-list .list-select p {
  padding-left: 44px;
}
.product-info-sticky .control-box .product-box-bt .product-amount-selection.custom-select-list .list-select .icon-arr-down {
  top: 28px;
}
.product-info-sticky .control-box .product-box-bt .product-amount-selection.custom-select-list .list-option {
  top: 50px;
}
.product-info-sticky .control-box .product-box-bt .product-amount-selection.custom-select-list .list-option .box-options .box-option {
  padding-left: 44px;
}
.product-info-sticky .control-box .product-box-bt .bt-wish-list {
  width: 56px;
  height: 56px;
}
.product-info-sticky .product-configs-selection {
  color: #111c1c;
  width: 250px;
  height: 56px;
  position: absolute;
  right: 0;
}
.product-info-sticky .product-configs-selection .list-select {
  border-radius: 40px;
  background-color: #ffffff;
  position: relative;
  width: 100%;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.product-info-sticky .product-configs-selection .list-select p {
  padding-left: 24px;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
}
.product-info-sticky .product-configs-selection .list-select .icon-arr-down {
  z-index: 3;
}
.product-info-sticky .product-configs-selection .list-result {
  position: relative;
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.product-info-sticky .product-configs-selection .list-result .result-row {
  width: 100%;
  position: relative;
}
.product-info-sticky .product-configs-selection .list-result .result-row p {
  display: inline-block;
  float: left;
  font-size: 12px;
  line-height: 18px;
  padding-left: 26px;
  padding-right: 8px;
}
.product-info-sticky .product-configs-selection .list-result .result-row .icon-remove {
  float: left;
  cursor: pointer;
  display: none;
}
.product-info-sticky .product-configs-selection .list-result .result-row .icon-remove.active {
  display: block;
}
.product-info-sticky .product-configs-selection .list-option {
  width: 100%;
  border-radius: 28px;
  top: 0;
  z-index: 2;
  background: none;
  box-shadow: none;
  padding: 0px;
}
.product-info-sticky .product-configs-selection .list-option .box-options {
  overflow: hidden;
  gap: 8px;
}
.product-info-sticky .product-configs-selection .list-option .box-options .box-option {
  width: 100%;
  height: 56px;
  margin: 0;
  background-color: #e4b760;
  border-radius: 9999px;
  padding-left: unset;
  justify-content: center;
}
.product-info-sticky .product-configs-selection .list-option .box-options .box-option.option-3d {
  gap: 10px;
}
.product-info-sticky .product-configs-selection .list-option .box-options .box-option.option-3d p {
  color: #ffffff;
}
.product-info-sticky .product-configs-selection .list-option .box-options .box-option.option-2d p {
  color: #ffffff;
}
.product-info-sticky .product-configs-selection .list-option .box-options .box-option.option-2d .icon-arr-right svg {
  color: #ffffff;
}
.product-info-sticky .product-configs-selection .list-option .box-options .box-option p {
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
  color: #ffffff;
}
.product-info-sticky .product-configs-selection .list-option .box-options .box-option .icon-arr-right {
  margin-left: 14px;
}
.product-info-sticky .product-configs-selection .list-option .box-options .box-option .icon-arr-right svg {
  color: #ffffff;
}
.product-info-sticky .txt-online-only {
  display: none;
}

@media (hover: hover) and (pointer: fine) {
  .product-info-sticky .product-configs-selection .list-option .box-options .box-option.option-3d:hover, .product-info-sticky .product-configs-selection .list-option .box-options .box-option.option-2d:hover {
    background-color: #b99250;
  }
}
@media screen and (max-width: 1024px) {
  .product-info-sticky .control-box .product-box-bt .product-amount-selection.custom-select-list {
    display: none;
  }
  .product-info-sticky .control-box .product-box-bt .bt-config-wrapper {
    width: calc(100% - 72px);
  }
  .product-info-sticky .control-box .product-box-bt .bt-config-wrapper .title-config {
    display: none;
  }
  .product-info-sticky .control-box .product-box-bt .bt-config.toggle-3d {
    width: 224px;
  }
  .product-info-sticky .product-configs-selection {
    width: 224px;
  }
}
@media screen and (max-width: 743px) {
  .product-info-sticky {
    top: unset;
    bottom: 0;
    z-index: 4;
  }
  .product-info-sticky.box-3d {
    height: 136px;
  }
  .product-info-sticky.box-3d .control-box .product-box-bt .bt-wish-list {
    margin-top: 24px;
  }
  .product-info-sticky .info {
    display: none;
  }
  .product-info-sticky .control-box {
    width: 100%;
  }
  .product-info-sticky .control-box .product-box-bt {
    width: 100%;
  }
  .product-info-sticky .control-box .product-box-bt .product-amount-selection.custom-select-list {
    display: none;
  }
  .product-info-sticky .control-box .product-box-bt .bt-config-wrapper {
    width: calc(100% - 80px);
    flex-flow: row wrap;
    height: auto;
  }
  .product-info-sticky .control-box .product-box-bt .bt-config-wrapper .box-options {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .product-info-sticky .control-box .product-box-bt .bt-config-wrapper .box-options.no-editions {
    grid-template-columns: repeat(1, 1fr);
  }
  .product-info-sticky .control-box .product-box-bt .bt-config-wrapper .title-config {
    display: block;
    position: absolute;
    top: -8px;
    max-width: 100%;
  }
  .product-info-sticky .control-box .product-box-bt .bt-config-wrapper .title-config .txt {
    font-size: 14px;
    line-height: 24px;
  }
  .product-info-sticky .control-box .product-box-bt .bt-config-wrapper .add-to-cart-bt.none-config {
    justify-content: center;
  }
  .product-info-sticky .control-box .product-box-bt .bt-config-wrapper.configuration-3d .box-options {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .product-info-sticky .control-box .product-box-bt .bt-config-wrapper.configuration-3d .box-options.no-editions {
    grid-template-columns: repeat(1, 1fr);
  }
  .product-info-sticky .control-box .product-box-bt .bt-config {
    width: 100%;
  }
  .product-info-sticky .control-box .product-box-bt .bt-config.toggle-3d {
    height: 64px;
    margin-top: 24px;
    width: 100%;
  }
  .product-info-sticky .control-box .product-box-bt .bt-wish-list {
    width: 64px;
    height: 64px;
  }
  .product-info-sticky .product-configs-selection {
    width: 100%;
    top: 24px;
    height: 64px;
  }
  .product-info-sticky .product-configs-selection .list-option {
    bottom: 0;
    top: unset;
  }
  .product-info-sticky .product-configs-selection .list-option .box-options {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .product-info-sticky .product-configs-selection .list-option .box-options.no-editions {
    grid-template-columns: repeat(1, 1fr);
  }
  .product-info-sticky .product-configs-selection .list-option .box-options:before {
    height: 64px;
  }
  .product-info-sticky .product-configs-selection .list-option .box-options .box-option {
    padding-left: unset;
    height: 64px;
  }
}
@media screen and (max-width: 370px) {
  .product-info-sticky.active .container {
    padding-left: 14px;
    padding-right: 14px;
  }
}
.product-reviews {
  width: 100%;
  height: auto;
  padding-top: 96px;
  position: relative;
}
.product-reviews:before {
  content: " ";
  position: absolute;
  top: 270px;
  right: 0;
  width: 38%;
  height: 100%;
  background-color: #f8f7f4;
  border-radius: 5px;
  z-index: -1;
  display: none;
}
.product-reviews section {
  position: relative;
  margin-top: 64px;
}
.product-reviews .product-reviews-title {
  padding-left: 162px;
  margin-bottom: 24px;
}
.product-reviews .product-reviews-title .title-txt {
  margin-bottom: 4px;
}
.product-reviews .product-reviews-title .title-txt p,
.product-reviews .product-reviews-title .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.product-reviews .product-reviews-title .desc-txt {
  width: fit-content;
  display: none;
  padding-right: 10px;
}
.product-reviews .product-reviews-title .desc-txt p {
  color: #111c1c;
  font-size: 16px;
}
.product-reviews .product-reviews-title a {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.product-reviews .review-tabs-warpper {
  position: relative;
  display: block;
  align-items: center;
  padding-left: 162px;
}
.product-reviews .review-tabs-warpper::-webkit-scrollbar-thumb {
  display: none;
}
.product-reviews .review-tabs-warpper label {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  position: relative;
  z-index: 1;
  font-size: 16px;
  padding: 12px 24px;
  color: #aeb2b2;
  opacity: 0.75;
  border-radius: 24px;
  font-weight: 700;
  border: 1.25px solid white;
  white-space: nowrap;
}
.product-reviews .review-tabs-warpper label:hover {
  opacity: 1;
  color: #111c1c;
}
.product-reviews .review-tabs-warpper .text-desktop {
  display: block;
}
.product-reviews .review-tabs-warpper .text-mobile {
  display: none;
}
.product-reviews #trustpilot:checked ~ nav label.trustpilot-review,
.product-reviews #expert:checked ~ nav label.review-expert,
.product-reviews #customers:checked ~ nav label.review-customers,
.product-reviews #media:checked ~ nav label.review-media {
  background: #edece8;
  border: none;
  color: #111c1c;
  opacity: 1;
}
.product-reviews section .panels {
  visibility: hidden;
  opacity: 0;
  height: auto;
  top: 0;
  z-index: 0;
  max-height: 0;
}
.product-reviews .panels.panel-2 .bg-pattern {
  position: absolute;
  top: 486px;
  left: 32%;
  transform: translate(-106px, 0px);
  z-index: 1;
}
.product-reviews .panels.panel-2 .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.product-reviews .panels.panel-2 .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
  transform: scale(0.8);
}
.product-reviews .panels.panel-1 .trustpilot-container {
  width: 100%;
}
.product-reviews .panels.panel-1 .trustpilot-container .trustpilot-reviews {
  max-width: 1246px;
  margin: 0 auto;
}
.product-reviews #trustpilot:checked ~ section .panel-1,
.product-reviews #expert:checked ~ section .panel-2,
.product-reviews #customers:checked ~ section .panel-3,
.product-reviews #media:checked ~ section .panel-4 {
  display: block;
  min-height: auto;
  visibility: visible;
  height: 100%;
  opacity: 1;
  z-index: 1;
  max-height: unset;
  transition: 0.5s opacity ease-in, 0.3s transform ease;
}
.product-reviews input[name=review-tab] {
  display: none;
}
.product-reviews .panel-2 .slider {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding-bottom: 50px;
  min-height: 400px;
}
.product-reviews .panel-2 .slider .swiper-container {
  width: 100%;
  z-index: 2;
}
.product-reviews .panel-2 .slider .swiper-container .swiper-wrapper {
  height: 100%;
  width: 100%;
}
.product-reviews .panel-2 .slider .swiper-pagination.swiper-pagination-bullets {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 28px);
  display: none;
}
.product-reviews .panel-2 .slider .swiper-pagination.swiper-pagination-bullets display .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
}
.product-reviews .panel-2 .slider .swiper-pagination.swiper-pagination-bullets display .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.product-reviews .panel-2 .slider .slide-nav {
  position: absolute;
  left: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  top: 320px;
  width: 300px;
  z-index: 3;
}
.product-reviews .panel-2 .slider .slide-nav .slide-nav-box {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  left: 0;
}
.product-reviews .panel-2 .slider .slide-nav .slide-nav-box .circle-bt.bt-prev {
  position: relative;
  left: 0;
  background: white;
}
.product-reviews .panel-2 .slider .slide-nav .slide-nav-box .circle-bt.bt-next {
  position: relative;
  left: 0;
  margin-left: 16px;
  background: white;
}
.product-reviews .panel-2 .slider .slide-nav .nav-txt {
  line-height: 42px;
  padding-right: 15px;
  padding-left: 0;
  display: inline-block;
}
.product-reviews .panel-2 .slider .slide-nav .nav-txt p.current-txt {
  color: black;
  padding-right: 2px;
}
.product-reviews .panel-2 .slider .slide-nav .nav-txt p.label-txt {
  padding: 0 2px;
  color: rgba(17, 28, 28, 0.34);
}
.product-reviews .panel-2 .slider .slide-nav .nav-txt p.all-txt {
  color: rgba(17, 28, 28, 0.34);
}
.product-reviews .panel-2 .slider .slide-nav.hide-nav {
  display: none;
}
.product-reviews .bt-review-read-more {
  display: flex;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
}
.product-reviews .expert-review-container {
  display: flex;
  width: 100%;
  position: relative;
  justify-content: space-between;
  z-index: 2;
}
.product-reviews .expert-review-container .profile-warpper {
  width: 300px;
  height: auto;
  position: relative;
  display: flex;
  text-align: center;
  flex-flow: column;
  align-items: center;
  order: 1;
}
.product-reviews .expert-review-container .profile-warpper .img-container {
  width: 180px;
  height: 180px;
  position: relative;
  border-radius: 50%;
  display: block;
  overflow: hidden;
}
.product-reviews .expert-review-container .profile-warpper .img-container img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-reviews .expert-review-container .profile-warpper .profile-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  margin-top: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  max-width: 350px;
  overflow: hidden;
}
.product-reviews .expert-review-container .profile-warpper .profile-sub-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
}
.product-reviews .expert-review-container .reviews-message-box {
  order: 2;
  position: relative;
  width: 100%;
  max-width: 65%;
}
.product-reviews .expert-review-container .reviews-message-box .expert-reviews-info {
  margin-bottom: 32px;
}
.product-reviews .expert-review-container .reviews-message-box .expert-reviews-info .title {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  color: #111c1c;
}
.product-reviews .expert-review-container .reviews-message-box .expert-reviews-info .sub-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  color: #aeb2b2;
  flex: none;
  margin: 0px 8px;
}
.product-reviews .expert-review-container .reviews-message-box .expert-reviews-info ul {
  height: initial;
  transition: height 0.5s ease-out;
}
.product-reviews .expert-review-container .reviews-message-box .expert-reviews-info ul li {
  display: block;
  font-size: 16px;
  line-height: 28px;
  padding-left: 32px;
  position: relative;
}
.product-reviews .expert-review-container .reviews-message-box .expert-reviews-details {
  margin-top: 20px;
}
.product-reviews .expert-review-container .reviews-message-box .expert-reviews-details.show-more ul {
  overflow: hidden;
}
.product-reviews .expert-review-container .reviews-message-box .expert-reviews-details.show-more .view-more {
  display: flex;
  padding-left: 32px;
}
.product-reviews .expert-review-container .reviews-message-box .expert-reviews-details .view-more {
  position: relative;
  bottom: 0;
  display: none;
  align-items: center;
  cursor: pointer;
}
.product-reviews .expert-review-container .reviews-message-box .expert-reviews-details .view-more p {
  margin-right: 8px;
  font-size: 16px;
  line-height: 28px;
  color: #e4b760;
}
.product-reviews .expert-review-container .reviews-message-box .expert-reviews-details .view-more.show {
  display: flex;
}
.product-reviews .expert-review-container .reviews-message-box .icon-quote {
  position: absolute;
  top: 5px;
  left: 0;
}
.product-reviews .expert-review-container .reviews-message-box .icon-reviews {
  margin-right: 12px;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 6px;
}
.product-reviews .expert-review-container .reviews-message-box .icon-reviews svg {
  color: #aeb2b2;
}
.product-reviews .expert-review-container .reviews-message-box .icon-reviews.pros-status svg {
  color: #e4b760;
  width: 16px;
  height: 16px;
  position: absolute;
}
.product-reviews .expert-review-container .reviews-message-box .icon-reviews.cons-status svg {
  color: #aeb2b2;
  width: 16px;
  height: 16px;
  position: absolute;
}
.product-reviews .expert-review-container .reviews-message-box .content-box {
  position: relative;
  padding-left: 60px;
}
.product-reviews .expert-review-container .reviews-message-box .content-box.hide-more .bt-review-read-more {
  display: none;
}
.product-reviews .expert-review-container .reviews-message-box .reviews-content {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  word-break: break-word;
}
.product-reviews .expert-review-container .reviews-message-box .reviews-content p {
  font-size: 16px;
  line-height: 28px;
}
.product-reviews .expert-review-container .reviews-message-box .reviews-content.show-more p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-reviews .expert-review-container .reviews-message-box .reviews-content.show-more .more-btn {
  display: flex;
}
.product-reviews .expert-review-container .reviews-message-box .reviews-content.show-more2 p {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-reviews .expert-review-container .reviews-message-box .reviews-content.show-more2 .more-btn {
  display: flex;
}
.product-reviews .expert-review-container .reviews-message-box .reviews-content .more-btn {
  position: relative;
  bottom: 0;
  display: none;
  align-items: center;
  cursor: pointer;
}
.product-reviews .expert-review-container .reviews-message-box .reviews-content .more-btn p {
  margin-right: 8px;
  font-size: 16px;
  line-height: 28px;
  color: #e4b760;
}
.product-reviews .expert-review-container .reviews-message-box .reviews-content .more-btn.show {
  display: flex;
}
.product-reviews .reviews-media-container {
  position: relative;
  width: 100%;
  display: flex;
  visibility: hidden;
}
.product-reviews .reviews-media-container.visible {
  visibility: visible;
}
.product-reviews .reviews-media-container .reviews-media {
  position: relative;
  width: 100%;
}
.product-reviews .reviews-media-container .reviews-media .icon-quote {
  display: none;
}
.product-reviews .reviews-media-container .reviews-media .slider {
  width: 100%;
  position: relative;
}
.product-reviews .reviews-media-container .reviews-media .slider .swiper {
  width: 100%;
  height: 100%;
}
.product-reviews .reviews-media-container .reviews-media .slider .swiper .reviews-media-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}
.product-reviews .reviews-media-container .reviews-media .media-item {
  margin-bottom: 30px;
}
.product-reviews .reviews-media-container .reviews-media .media-item .media-txt p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
}
.product-reviews .reviews-media-container .reviews-media .media-item .more-btn {
  position: relative;
  bottom: 0;
  display: none;
  align-items: center;
  cursor: pointer;
}
.product-reviews .reviews-media-container .reviews-media .media-item .more-btn .icon-arr-down svg {
  color: #111c1c;
}
.product-reviews .reviews-media-container .reviews-media .media-item .more-btn p {
  margin-right: 8px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #111c1c;
}
.product-reviews .reviews-media-container .reviews-media .media-item.show-more .media-txt p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-reviews .reviews-media-container .reviews-media .media-item.show-more .more-btn {
  display: flex;
}
.product-reviews .reviews-media-container .slide-nav {
  display: none;
}
.product-reviews .reviews-box {
  display: flex;
  height: auto;
  overflow: hidden;
}
.product-reviews .reviews-box.more-content {
  max-height: unset;
}
.product-reviews .reviews-box .review-score {
  width: 30%;
  position: relative;
  padding-right: 48px;
  display: flex;
  flex-direction: column;
  padding-top: 80px;
  min-width: 390px;
}
.product-reviews .reviews-box .review-score:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  max-height: 368px;
  background-color: #d8d8d8;
}
.product-reviews .reviews-box .review-score .review-total .review-title {
  display: flex;
  margin-bottom: 10px;
}
.product-reviews .reviews-box .review-score .review-total .review-title p {
  font-size: 32px;
  line-height: 48px;
  font-weight: 700;
}
.product-reviews .reviews-box .review-score .review-total .review-title .star {
  width: 40px;
  height: 40px;
  margin-right: 16px;
}
.product-reviews .reviews-box .review-score .review-total .review-title .star svg {
  width: 40px;
  height: 40px;
}
.product-reviews .reviews-box .review-score .review-total .review-title .star svg use {
  transform: scale(2);
}
.product-reviews .reviews-box .review-score .review-total .review-title .count {
  display: none;
}
.product-reviews .reviews-box .review-score .review-total .review-desc p {
  font-size: 16px;
  line-height: 24px;
}
.product-reviews .reviews-box .review-score .review-total .review-desc p b {
  font-weight: 700;
}
.product-reviews .reviews-box .review-score .review-bars {
  margin-bottom: 24px;
}
.product-reviews .reviews-box .review-score .bt-with-line p {
  font-weight: 500;
  font-size: 14px;
}
.product-reviews .reviews-box .review-details {
  width: 70%;
  padding-left: 4rem;
}
.product-reviews .reviews-box .review-details .details-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
  transition: height 0.5s ease-out;
  height: auto;
  padding-bottom: 20px;
  justify-content: space-between;
}
.product-reviews .reviews-box .review-details .details-wrapper .ctr-view-more {
  position: absolute;
  bottom: 0;
  left: 50%;
  color: #e4b760;
  transform: translateX(-50%);
  display: none;
  align-items: center;
  cursor: pointer;
}
.product-reviews .reviews-box .review-details .details-wrapper .ctr-view-more p {
  margin-right: 8px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
}
.product-reviews .reviews-box .review-details .details-wrapper .ctr-view-more.show {
  display: flex;
}
.product-reviews .reviews-box .review-details .details-wrapper .collapse {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #111c1c;
  display: none;
  align-items: center;
  cursor: pointer;
}
.product-reviews .reviews-box .review-details .details-wrapper .collapse .icon-arr-up svg {
  color: #111c1c;
}
.product-reviews .reviews-box .review-details .details-wrapper .collapse p {
  margin-right: 8px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
}
.product-reviews .reviews-box .review-details .details-wrapper .collapse.show {
  display: flex;
}

@media screen and (max-width: 1112px) {
  .product-reviews:before {
    display: none;
  }
  .product-reviews .expert-review-container .reviews-message-box .icon-quote {
    top: -10px;
  }
  .product-reviews .expert-review-container .reviews-message-box .reviews-content {
    max-width: 620px;
  }
  .product-reviews .reviews-media-container .reviews-media .icon-quote {
    display: block;
    margin-bottom: 20px;
  }
  .product-reviews .reviews-media-container .reviews-media .slider .swiper {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .product-reviews .reviews-media-container .reviews-media .slider .swiper .reviews-media-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 285px);
    gap: 32px;
  }
  .product-reviews .reviews-media-container .reviews-media .media-item {
    width: 285px;
  }
  .product-reviews .reviews-media-container .slide-nav {
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-top: 46px;
  }
  .product-reviews .reviews-media-container .slide-nav .slide-nav-box {
    right: 0;
  }
  .product-reviews .reviews-box .review-score {
    width: 320px;
    min-width: 320px;
    padding-right: 0;
  }
  .product-reviews .reviews-box .review-score .review-total .review-title .star {
    width: 32px;
    height: 32px;
  }
  .product-reviews .reviews-box .review-score .review-total .review-title .star svg {
    width: 32px;
    height: 32px;
  }
  .product-reviews .reviews-box .review-score .review-total .review-title .star svg use {
    transform: scale(1.6);
  }
  .product-reviews .reviews-box .review-score .review-total .review-title p {
    font-size: 28px;
    line-height: 36px;
  }
  .product-reviews .reviews-box .review-details {
    width: calc(100% - 350px);
    padding-left: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .product-reviews .panel-2 .slider .slide-nav .slide-nav-box .circle-bt.bt-prev {
    margin-right: 0;
  }
}
@media screen and (max-width: 991px) {
  .product-reviews {
    padding-top: 80px;
  }
  .product-reviews .container {
    padding: 0;
  }
  .product-reviews:before {
    width: 324px;
    height: 100%;
    top: 612px;
  }
  .product-reviews .swiper-pagination {
    display: none;
  }
  .product-reviews .product-reviews-title {
    padding-left: 66px;
  }
  .product-reviews .product-reviews-title .title-txt {
    margin-bottom: 0px;
  }
  .product-reviews .product-reviews-title .title-txt p,
  .product-reviews .product-reviews-title .title-txt h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .product-reviews .product-reviews-title .desc-txt p {
    font-size: 14px;
  }
  .product-reviews .expert-review-container .reviews-message-box {
    width: 55%;
    max-width: unset;
  }
  .product-reviews .review-tabs-warpper {
    padding-left: 61px;
  }
}
@media screen and (max-width: 834px) {
  .product-reviews .reviews-media-container .reviews-media .slider {
    width: 90%;
    margin-left: auto;
  }
  .product-reviews .reviews-media-container .slide-nav {
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-top: 46px;
  }
}
@media screen and (max-width: 767px) {
  .product-reviews {
    padding-top: 64px;
  }
  .product-reviews section {
    margin-top: 34px;
  }
  .product-reviews .container {
    padding-right: 32px;
    padding-left: 32px;
  }
  .product-reviews:before {
    width: 164px;
  }
  .product-reviews .panels.panel-2 .bg-pattern {
    left: 42px;
    top: 528px;
  }
  .product-reviews .panels.panel-2 .slider .slide-nav {
    width: 100%;
  }
  .product-reviews .reviews-media-container .slide-nav {
    margin-top: 0px;
  }
  .product-reviews .expert-review-container .reviews-message-box .expert-reviews-info .title {
    display: block;
  }
  .product-reviews .expert-review-container .reviews-message-box .expert-reviews-info .sub-title {
    display: block;
    margin: 0;
    text-align: left;
  }
  .product-reviews .expert-review-container .reviews-message-box .reviews-content.show-more p {
    -webkit-line-clamp: 3;
  }
  .product-reviews .product-reviews-title {
    padding-left: 32px;
    margin-bottom: 54px;
  }
  .product-reviews .product-reviews-title .title-txt p,
  .product-reviews .product-reviews-title .title-txt h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .product-reviews .product-reviews-title .desc-txt {
    display: inline-block;
  }
  .product-reviews .review-tabs-warpper {
    width: 100%;
    padding-left: 0px;
    display: flex;
    overflow-x: auto;
  }
  .product-reviews .review-tabs-warpper .text-desktop {
    display: none;
  }
  .product-reviews .review-tabs-warpper .text-mobile {
    display: block;
  }
  .product-reviews .reviews-box {
    flex-flow: column;
  }
  .product-reviews .reviews-box .review-score {
    width: 100%;
    align-items: center;
    padding-top: 0;
    padding-bottom: 42px;
  }
  .product-reviews .reviews-box .review-score:before {
    display: none;
  }
  .product-reviews .reviews-box .review-score .review-bars {
    display: none;
  }
  .product-reviews .reviews-box .review-score .review-total {
    text-align: center;
    margin-bottom: 32px;
  }
  .product-reviews .reviews-box .review-details {
    width: 100%;
    padding: 0;
  }
  .product-reviews .expert-review-container {
    flex-flow: column;
  }
  .product-reviews .expert-review-container .profile-warpper {
    margin: 33px auto;
    width: 100%;
    max-width: 350px;
  }
  .product-reviews .expert-review-container .reviews-message-box {
    width: 100%;
    margin-left: auto;
    margin-top: 60px;
  }
}
@media screen and (max-width: 600px) {
  .product-reviews .expert-review-container .reviews-message-box {
    width: 100%;
  }
  .product-reviews .review-tabs-warpper label {
    font-size: 14px;
    padding: 12px 20px;
  }
  .product-reviews .slider.more-item-nav .swiper-container {
    z-index: 2;
    left: 50%;
    text-align: center;
    bottom: 32px;
    display: block;
  }
  .product-reviews .slider.more-item-nav .slide-nav {
    z-index: 3;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
  }
}
.review-bars {
  margin-bottom: 48px;
}
.review-bars .review-bar {
  display: flex;
  width: 100%;
  max-width: 560px;
  flex-flow: row wrap;
  margin-bottom: 18px;
}
.review-bars .review-star-txt {
  width: 18%;
}
.review-bars .review-star-txt p {
  font-size: 16px;
  font-weight: 600;
}
.review-bars .review-star-bar {
  width: 62%;
  padding-top: 4px;
}
.review-bars .review-star-bar .bar-container {
  background-color: #f8f7f4;
  height: 8px;
  border-radius: 8px;
  width: 100%;
  overflow: hidden;
}
.review-bars .review-star-bar .bar-container .bar {
  width: var(--bar-width);
  height: 8px;
  background: #3e5b56;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.review-bars .review-star-num {
  width: 20%;
  text-align: right;
}
.review-bars .review-star-num p {
  font-size: 16px;
}

@media screen and (max-width: 1024px) {
  .review-bars {
    margin-bottom: 34px;
  }
  .review-bars .review-bar {
    max-width: 100%;
    margin-bottom: 4px;
  }
  .review-bars .review-bar .review-star-txt {
    width: 14%;
  }
  .review-bars .review-bar .review-star-txt p {
    font-size: 14px;
  }
  .review-bars .review-bar .review-star-bar {
    width: 68%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .review-bars .review-bar .review-star-num {
    width: 18%;
  }
  .review-bars .review-bar .review-star-num p {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .review-bars .review-bar .review-star-txt {
    width: 22%;
  }
  .review-bars .review-bar .review-star-bar {
    width: 51%;
  }
  .review-bars .review-bar .review-star-num {
    width: 27%;
  }
}
.product-review-item {
  float: left;
  padding: 0 12px 28px 12px;
  width: 50%;
  display: none;
}
.product-review-item.show {
  display: block;
}
.product-review-item .header {
  display: flex;
  flex-wrap: nowrap;
  flex-flow: row;
  margin-bottom: 8px;
}
.product-review-item .header .reviews-ratting .stars {
  display: flex;
}
.product-review-item .header .reviews-ratting .count {
  display: none;
}
.product-review-item .review-name {
  margin-bottom: 5px;
}
.product-review-item .review-name p {
  color: rgba(17, 28, 28, 0.7490196078);
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.product-review-item .reviews-ratting {
  float: left;
  margin-bottom: 0;
}
.product-review-item .review-date {
  display: inline-block;
  margin-left: 12px;
}
.product-review-item .review-date p {
  color: #111c1c;
  font-size: 14px;
  line-height: 24px;
}
.product-review-item .review-text {
  position: relative;
}
.product-review-item .review-text .scroll {
  max-height: 84px;
}
.product-review-item .review-text .review-desc .content {
  color: #111c1c;
  font-size: 14px;
  line-height: 24px;
}
.product-review-item .review-text .review-desc .more-btn {
  position: relative;
  bottom: 0;
  display: none;
  align-items: center;
  cursor: pointer;
  padding-top: 4px;
}
.product-review-item .review-text .review-desc .more-btn .icon-arr-down svg {
  color: #111c1c;
}
.product-review-item .review-text .review-desc .more-btn p {
  margin-right: 8px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #111c1c;
}
.product-review-item .review-text .review-desc.show-more .content {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 48px;
}
.product-review-item .review-text .review-desc.show-more .more-btn {
  display: flex;
}
.product-review-item .review-text .shadows {
  position: absolute;
  bottom: -6px;
  left: 0;
  pointer-events: none;
  transition: all 0.2s ease-out;
  box-shadow: 0 -80px 60px -60px #f8f7f4 inset;
  width: 100%;
  height: 20px;
}
.product-review-item .review-text .icon-quote {
  position: absolute;
  left: -64px;
  top: 0px;
}
.product-review-item .review-text .view-more p {
  margin-right: 8px;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
}

@media screen and (max-width: 1112px) {
  .product-review-item {
    width: 100%;
  }
  .product-review-item .review-text {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .product-review-item {
    flex-flow: row wrap;
    max-height: 100%;
    padding: 0px 0px 26px 0;
  }
  .product-review-item .review-name {
    width: 100%;
    margin-bottom: 0px;
  }
  .product-review-item .review-date {
    width: 100%;
  }
  .product-review-item .review-text {
    width: 100%;
    padding: 8px 0px 0px 0px;
    max-width: 100%;
  }
  .product-review-item .review-text .scroll {
    max-height: 116px;
  }
  .product-review-item .review-text .icon-quote {
    left: -62px;
    top: 12px;
  }
}
@media screen and (max-width: 360px) {
  .product-review-item {
    padding: 25px 0px 0px 32px;
  }
  .product-review-item .review-text .icon-quote {
    left: -28px;
    top: 12px;
  }
}
.product-slide {
  position: relative;
}
.product-slide:before {
  content: " ";
  position: absolute;
  top: 0px;
  right: 0;
  width: 19%;
  height: 100%;
  background-color: #f8f7f4;
  border-radius: 5px;
  z-index: -1;
}
.product-slide .product-slide-box {
  display: grid;
  grid-template-columns: 124px minmax(50%, 910px) 352px;
  justify-content: space-between;
  grid-column-gap: 32px;
  grid-template-rows: auto 1fr;
}
.product-slide .bg-pattern {
  position: absolute;
  top: 594px;
  left: 50%;
  transform: translate(34px, 0px);
  z-index: -1;
}
.product-slide .bg-pattern .icon-bg {
  width: 164px;
  height: 148px;
}
.product-slide .bg-pattern .icon-bg svg {
  width: 164px;
  height: 148px;
}

@media screen and (max-width: 1112px) {
  .product-slide .product-slide-box {
    grid-column-gap: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .product-slide {
    height: auto;
  }
  .product-slide .container {
    padding-right: 0px;
    padding-left: 0px;
    max-width: 100%;
  }
  .product-slide:before {
    display: none;
  }
  .product-slide .product-slide-box {
    max-height: 100%;
    grid-template-columns: unset;
    display: flex;
    flex-flow: row wrap;
  }
  .product-slide .bg-pattern {
    display: none;
  }
}
.product-config-progress {
  position: absolute;
  display: flex;
  max-width: 416px;
  bottom: -80px;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100%;
}
.product-config-progress .progress-track {
  position: absolute;
  top: 3px;
  width: 100%;
  height: 2px;
  background-color: #f3f3f3;
  z-index: -1;
}
.product-config-progress .progress-step {
  position: relative;
  width: 100%;
  text-align: center;
}
.product-config-progress .progress-step:last-child:after {
  display: none;
}
.product-config-progress .progress-step p {
  margin-top: 24px;
  font-weight: 700;
  color: #7c7c7c;
  font-size: 10px;
  line-height: 16px;
  transition: 0.5s;
}
.product-config-progress .progress-step p span.txt-pre {
  display: none;
}
.product-config-progress .progress-step:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0%;
  width: 0%;
  transition: width 1s ease-in;
  height: 2px;
  z-index: -1;
  animation: backStep 1s;
}
.product-config-progress .progress-step:after {
  content: "\f00c";
  display: flex;
  margin: 0 auto;
  margin-bottom: 16px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  color: transparent;
  transition: 1s ease-in-out;
  margin-top: -40px;
}
.product-config-progress .progress-step.is-active p {
  color: #000000;
}
.product-config-progress .progress-step.is-active:before {
  background: #000000;
  animation: nextStep 1s;
  animation-delay: 0.9s;
  animation-fill-mode: forwards;
}
.product-config-progress .progress-step.is-active:after {
  content: "\f00c";
  display: flex;
  width: 8px;
  height: 8px;
  background: #000000;
  border-radius: 100%;
  color: transparent;
  animation: fadeIn 1s;
  transition: 4s ease-in-out;
}
.product-config-progress .progress-step.is-complete {
  color: #000000;
}
.product-config-progress .progress-step.is-complete p {
  color: #000000;
}
.product-config-progress .progress-step.is-complete:before {
  background: #000000;
  animation: completeStep 1s;
  animation-fill-mode: forwards;
}
.product-config-progress .progress-step.is-end {
  color: #000000;
}
.product-config-progress .progress-step.is-end p {
  color: #000000;
}
.product-config-progress .progress-step.is-end:after {
  opacity: 0;
}
.product-config-progress .progress-step.is-end:before {
  background: #000000;
  animation: completeStep 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

@media screen and (max-width: 834px) {
  .product-config-progress {
    bottom: -118px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .product-config-progress {
    bottom: -96px;
  }
  .product-config-progress .progress-step p span.txt-pre {
    display: inline-block;
    padding-right: 4px;
  }
  .product-config-progress .progress-step p span.txt-name {
    display: none;
  }
}
.product-summary {
  padding: 0px 64px 0px 128px;
  height: 146px;
  position: relative;
}
.product-summary.active {
  display: block;
}
.product-summary .box-detail {
  align-items: center;
  height: 100%;
  display: none;
}
.product-summary .box-detail.active {
  display: flex;
}
.product-summary .box-summary {
  width: 524px;
  height: 146px;
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}
.product-summary .box-summary.cart-summary {
  width: 335px;
}
.product-summary .box-summary.active {
  display: block;
}
.product-summary .box-summary .line {
  position: absolute;
  top: 0px;
  right: 64px;
  background-color: #e5e5e5;
  width: 400px;
  height: 1px;
}
.product-summary .box-summary .product-price {
  width: fit-content;
  padding-top: 8px;
}
.product-summary .box-summary .summary-box-bt {
  flex-flow: row wrap;
  justify-content: space-between;
  width: 272px;
  position: absolute;
  top: 50px;
  right: 64px;
  display: none;
}
.product-summary .box-summary .summary-box-bt.active {
  display: flex;
}
.product-summary .box-summary .summary-box-product {
  width: 272px;
  position: absolute;
  top: 50px;
  right: 64px;
  display: none;
  flex-flow: row wrap;
  justify-content: space-between;
}
.product-summary .box-summary .summary-box-product.active {
  display: flex;
}
.product-summary .box-summary .summary-box-product .bt-prev-confirm {
  width: 44px;
  justify-content: center;
}
.product-summary .box-summary .summary-box-cart {
  display: none;
  justify-content: space-between;
}
.product-summary .box-summary .summary-box-cart.active {
  display: flex;
}

@media screen and (max-width: 1230px) {
  .product-summary .box-summary {
    width: 460px;
  }
}
@media screen and (max-width: 991px) {
  .product-summary {
    width: 100%;
    padding: 0px 30px;
    height: 122px;
    bottom: 0;
    background: #fff;
    z-index: 2;
  }
  .product-summary .box-summary {
    width: 100%;
    position: relative;
  }
  .product-summary .box-summary.cart-summary {
    width: 100%;
  }
  .product-summary .box-summary .line {
    left: 0;
    width: 100%;
  }
  .product-summary .box-summary .summary-box-bt {
    top: 42px;
    right: 0px;
    width: calc(100% - 80px);
  }
  .product-summary .box-summary .summary-box-bt .bt.bt-prev,
  .product-summary .box-summary .summary-box-bt .bt.bt-prev-confirm {
    width: 80px;
  }
  .product-summary .box-summary .summary-box-product {
    top: 40px;
    right: 0px;
    width: calc(100% - 80px);
  }
  .product-summary .box-summary .summary-box-product .bt-add-cart {
    width: 190px;
  }
  .product-summary .box-summary .summary-box-product .bt-prev-confirm {
    width: 20px;
  }
  .product-summary .box-summary .summary-box-cart .bt-check-out {
    top: 40px;
    right: 0px;
  }
  .product-summary .box-summary .product-price {
    padding-top: 36px;
    margin: 0px;
  }
  .product-summary .bt-config {
    width: fit-content;
    margin: 0 auto;
  }
  .product-summary .bt-config p {
    padding: 0px 48px 0px 0px;
  }
}
@media screen and (max-width: 834px) {
  .product-summary {
    padding: 0px 124px;
    height: 176px;
  }
  .product-summary .box-summary .product-price {
    padding-top: 46px;
  }
  .product-summary .box-summary .summary-box-bt {
    top: 50px;
    width: 248px;
  }
  .product-summary .box-summary .summary-box-product.active {
    width: 248px;
  }
}
@media screen and (max-width: 767px) {
  .product-summary {
    padding: 0px;
    height: 122px;
    position: fixed;
  }
  .product-summary .box-summary.active {
    padding: 0px 32px;
  }
  .product-summary .box-summary .product-price {
    padding-top: 32px;
  }
  .product-summary .box-summary .summary-box-bt {
    top: 44px;
    right: 24px;
    width: calc(100% - 150px);
  }
  .product-summary .box-summary .summary-box-product.active {
    top: 44px;
    right: 24px;
    width: calc(100% - 150px);
  }
  .product-summary .box-summary .summary-box-cart .bt-check-out {
    top: 44px;
    right: 24px;
  }
}
@media screen and (max-width: 400px) {
  .product-summary {
    position: fixed;
  }
}
.product-slide-main {
  position: relative;
  width: 100%;
  order: 2;
  margin: 16px 0px 36px 0px;
  grid-row-start: 1;
  grid-row-end: 3;
  height: auto;
  display: flex;
  flex-direction: column;
}
.product-slide-main .slider {
  position: relative;
  width: 100%;
  height: 550px;
  order: 1;
  margin-bottom: 32px;
  padding-right: 50px;
}
.product-slide-main .slider .swiper-pagination-custom {
  width: fit-content;
}
.product-slide-main .slider .swiper {
  width: 100%;
  height: 100%;
  cursor: grab;
}
.product-slide-main .slider .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.product-slide-main .slider .swiper .swiper-slide {
  overflow: hidden;
  max-height: 550px;
  display: flex;
  position: relative;
  align-items: center;
  height: 100%;
}
.product-slide-main .slider .swiper .swiper-slide .slide-video {
  position: relative;
  width: 100%;
  height: 550px;
}
.product-slide-main .slider .swiper .swiper-slide .slide-video video,
.product-slide-main .slider .swiper .swiper-slide .slide-video iframe {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0px);
  height: 550px;
  border: none;
  width: 100%;
}
.product-slide-main .swiper-pagination {
  position: relative;
  order: 2;
  z-index: 1;
  margin-bottom: 32px;
  width: 100%;
  max-width: 834px;
}
.product-slide-main .swiper-pagination .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
  opacity: 1;
}
.product-slide-main .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.product-slide-main .slide-nav-box {
  position: absolute;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  padding: 0px 24px;
  width: 100%;
  top: 50%;
  z-index: 1;
  max-width: 834px;
}
.product-slide-main .slide-nav-box .circle-bt {
  width: 40px;
  height: 40px;
  border: solid 2px #000;
  background: rgba(255, 255, 255, 0.8);
  opacity: 1;
  visibility: visible;
  transition: all 0.25s ease-in-out;
}
.product-slide-main .slide-nav-box .circle-bt.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}
.product-slide-main .slide-nav-box .circle-bt.bt-prev, .product-slide-main .slide-nav-box .circle-bt.bt-next {
  position: relative;
  pointer-events: painted;
}
.product-slide-main .slide-nav-box .circle-bt.bt-prev .icon-arr-left svg {
  color: #111c1c;
}
.product-slide-main .slide-nav-box .circle-bt.bt-prev:not(.disable):hover .icon-arr-left svg {
  animation: moveBack 0.6s linear forwards;
}
.product-slide-main .slide-nav-box .circle-bt.bt-next .icon-arr-right svg {
  color: #111c1c;
}
.product-slide-main .slide-nav-box .circle-bt.bt-next:not(.disable):hover .icon-arr-right svg {
  animation: moveNext 0.6s linear forwards;
}
.product-slide-main .second-chance-counter {
  position: absolute;
  z-index: 2;
  width: 100%;
  bottom: 0;
  transition: ease-in-out 0.1s all;
}
.product-slide-main .second-chance-counter .viewer {
  position: absolute;
  bottom: 48px;
  height: 32px;
  padding: 8px 16px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  background-color: #edece8;
}
.product-slide-main .second-chance-counter .viewer svg {
  width: 16px;
  height: 16px;
  top: calc(50% - 2px);
  position: absolute;
  transform: translateY(-50%);
}
.product-slide-main .second-chance-counter .viewer .text {
  margin-left: 24px;
}
.product-slide-main .second-chance-counter .viewer b {
  margin-right: 4px;
}
.product-slide-main .second-chance-counter .bottom {
  position: absolute;
  bottom: 0;
  background: rgba(80, 80, 80, 0.95);
  width: 100%;
  padding: 8px 16px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
}
.product-slide-main .second-chance-counter .bottom p {
  font-weight: bold;
  font-size: 10px;
  display: inline-block;
}
.product-slide-main .second-chance-counter .bottom p.counter {
  color: #e4b760;
  margin: 0px 4px;
}

@media screen and (max-width: 1479px) {
  .product-slide-main {
    padding-right: 0px;
  }
  .product-slide-main .slider {
    padding-right: 0px;
  }
}
@media screen and (max-width: 1024px) {
  .product-slide-main {
    width: 100%;
    margin: 0;
    height: 610px;
  }
  .product-slide-main .slider {
    top: 0%;
    transform: translate(0%, 0%);
  }
  .product-slide-main .slide-nav-box,
  .product-slide-main .swiper-pagination {
    max-width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .product-slide-main {
    height: 600px;
  }
  .product-slide-main .slider {
    height: 600px;
  }
  .product-slide-main .slider .swiper .swiper-wrapper {
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .product-slide-main {
    height: 360px;
  }
  .product-slide-main .slider {
    height: 360px;
  }
  .product-slide-main .slider .swiper-wrapper {
    height: 100%;
  }
  .product-slide-main .slider .swiper-pagination {
    height: 100%;
  }
  .product-slide-main .slider .swiper .swiper-slide {
    align-items: baseline;
  }
  .product-slide-main .slider .swiper .swiper-slide .slide-video {
    height: 300px;
  }
  .product-slide-main .slider .swiper .swiper-slide .slide-video video,
  .product-slide-main .slider .swiper .swiper-slide .slide-video iframe {
    height: 300px;
  }
  .product-slide-main .slider .swiper .swiper-slide .icon-muted,
  .product-slide-main .slider .swiper .swiper-slide .icon-unmuted {
    bottom: 20px;
    right: 36px;
  }
  .product-slide-main .second-chance-counter .bottom {
    justify-content: center;
    flex-flow: row wrap;
    align-items: center;
    text-align: center;
    height: auto;
  }
  .product-slide-main .second-chance-counter .bottom p {
    width: 100%;
    display: block;
    padding-bottom: 2px;
  }
  .product-slide-main .second-chance-counter .bottom p:last-child {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 400px) {
  .product-slide-main {
    height: 300px;
  }
  .product-slide-main .slider {
    height: 300px;
  }
  .product-slide-main .slider .swiper .swiper-slide .slide-video {
    height: 240px;
  }
  .product-slide-main .slider .swiper .swiper-slide .slide-video video,
  .product-slide-main .slider .swiper .swiper-slide .slide-video iframe {
    height: 240px;
  }
  .product-slide-main .slider .swiper .swiper-slide .slide-video .icon-muted,
  .product-slide-main .slider .swiper .swiper-slide .slide-video .icon-unmuted {
    bottom: 50px;
    right: 24px;
  }
}
.product-slide-main-item {
  overflow: hidden;
  max-height: 640px;
  display: flex;
  position: relative;
}
.product-slide-main-item .text-overlay {
  width: 100%;
  height: auto;
  background: rgba(80, 80, 80, 0.5);
  position: absolute;
  z-index: 5;
  opacity: 0;
  transition: opacity ease-in-out 0.3s;
}
.product-slide-main-item .text-overlay.active {
  opacity: 1;
}
.product-slide-main-item .text-overlay .content {
  padding: 16px;
  display: flex;
}
.product-slide-main-item .text-overlay .content .description-image {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  padding-right: 68px;
  max-height: 72px;
  overflow: hidden;
}
.product-slide-main-item .text-overlay .content .description-image.user-generated-image-desc {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.product-slide-main-item .text-overlay .content .description-image.user-generated-image-desc span {
  font-size: inherit;
  display: inline-block;
  line-height: inherit;
  font-weight: inherit;
}
.product-slide-main-item .text-overlay .content .description-image.user-generated-image-desc .ico-instagram {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.product-slide-main-item .text-overlay .content .description-image.user-generated-image-desc .txt {
  margin-right: 4px;
}
.product-slide-main-item .text-overlay .content .description-image.user-generated-image-desc .account-name {
  font-weight: 600;
}
.product-slide-main-item .text-overlay .content .close-btn {
  position: absolute;
  right: 14px;
  padding: 4px;
  z-index: 6;
}
.product-slide-main-item .text-overlay .content .close-btn .icon-close-light {
  background-color: white;
  width: 8px;
  height: 8px;
}
.product-slide-main-item.item-image .slide-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  position: relative;
}
.product-slide-main-item.item-video .slide-video {
  display: block;
}
.product-slide-main-item .slide-image {
  width: 100%;
  display: none;
}
.product-slide-main-item .slide-image picture {
  height: 100%;
  max-width: 100%;
  width: 100%;
  position: relative;
}
.product-slide-main-item .slide-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  max-width: 850px;
}
.product-slide-main-item .slide-video {
  position: relative;
  width: 100%;
  height: 550px;
  display: none;
}
.product-slide-main-item .icon-rotate-product-360 {
  z-index: 5;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.product-slide-main-item .product-watermark {
  --watermark-margin: 24px;
  position: absolute;
  width: 104px;
  height: auto;
  pointer-events: none;
}
.product-slide-main-item .product-watermark img {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1480px) {
  .product-slide-main-item.item-image .slide-image {
    height: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .product-slide-main-item .slide-image img {
    left: 50%;
    transform: translate(-50%, 0px);
    max-width: 100%;
  }
  .product-slide-main-item .icon-rotate-product-360 {
    top: 12px;
  }
}
@media (min-width: 426px) and (max-width: 1024px) {
  .product-slide-main-item.item-image .slide-image {
    height: 100%;
  }
}
@media screen and (max-width: 743px) {
  .product-slide-main-item .text-overlay .content .description-image.user-generated-image-desc .ico-instagram {
    width: 16px;
    height: 16px;
  }
  .product-slide-main-item .text-overlay .content .description-image.user-generated-image-desc .ico-instagram use {
    transform: scale(0.667);
  }
  .product-slide-main-item .product-watermark {
    width: 64px;
  }
}
@media screen and (max-width: 639px) {
  .product-slide-main-item .text-overlay .content .description-image {
    font-size: 12px;
    line-height: 18px;
    max-height: 108px;
  }
}
.product-slide-thumbnail {
  min-width: 124px;
  order: 1;
  height: 715px;
  padding-top: 50px;
  position: relative;
  max-width: 124px;
  grid-row-start: 1;
  grid-row-end: 3;
}
.product-slide-thumbnail.active {
  display: block;
}
.product-slide-thumbnail .bt-scroll-up {
  position: absolute;
  top: 14px;
  left: 50%;
  transform: translate(-50%, 0%);
  border: none;
  z-index: 2;
  transition: all 0.35s linear;
}
.product-slide-thumbnail .bt-scroll-up.hide {
  opacity: 0;
}
.product-slide-thumbnail .bt-scroll-down {
  position: absolute;
  bottom: 136px;
  left: 50%;
  transform: translate(-50%, 0%);
  border: none;
  z-index: 2;
  transition: all 0.35s linear;
}
.product-slide-thumbnail .bt-scroll-down.hide {
  opacity: 0;
}
.product-slide-thumbnail .tn-wraper {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  margin-top: 24px;
  max-height: 446px;
  height: auto;
  overflow: auto;
  justify-content: flex-start;
}
.product-slide-thumbnail .tn-wraper.no-overflow {
  overflow: hidden;
}
.product-slide-thumbnail .tn-wraper::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 1024px) {
  .product-slide-thumbnail {
    display: none;
  }
}
.product-slide-thumbnail-item {
  position: relative;
  height: 105px;
  max-width: 128px;
  margin-bottom: 8px;
  border-radius: 4px;
  cursor: pointer;
  background: #ffffff;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  border: solid 2px #f8f7f4;
  width: 100%;
}
.product-slide-thumbnail-item.item-video .play-video-bt {
  display: flex;
}
.product-slide-thumbnail-item .img img {
  width: 100%;
  object-fit: cover;
  object-position: center center;
  height: 105px;
}
.product-slide-thumbnail-item .img video {
  width: 100%;
  object-fit: cover;
  object-position: center center;
  height: 105px;
  pointer-events: none;
}
.product-slide-thumbnail-item .play-video-bt {
  display: none;
}
.product-slide-thumbnail-item.active {
  border: solid 2px #e4b760;
}
.product-slide-thumbnail-item.active .play-video-bt {
  border: solid 2px #e4b760;
}
.product-slide-thumbnail-item.active .play-video-bt .icon-video {
  background-color: #e4b760;
}

@media (hover: hover) and (pointer: fine) {
  .product-slide-thumbnail-item:hover {
    border: solid 2px #e4b760;
  }
  .product-slide-thumbnail-item:hover .play-video-bt {
    border: solid 2px #e4b760;
  }
  .product-slide-thumbnail-item:hover .play-video-bt .icon-video {
    background-color: #e4b760;
  }
}
.product-detail {
  position: relative;
  padding-top: 50px;
}
.product-detail:before {
  content: " ";
  position: absolute;
  right: 0;
  top: 160px;
  width: 248px;
  height: 1170px;
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  z-index: -1;
}
.product-detail .bg-pattern1 .icon-bg,
.product-detail .bg-pattern2 .icon-bg {
  width: 164px;
  height: 164px;
}
.product-detail .bg-pattern1 .icon-bg svg,
.product-detail .bg-pattern2 .icon-bg svg {
  width: 164px;
  height: 164px;
}
.product-detail .bg-pattern1 {
  position: absolute;
  top: 658px;
  left: 50%;
  z-index: -1;
}
.product-detail .bg-pattern2 {
  position: absolute;
  top: 830px;
  right: 169px;
  z-index: -1;
}
.product-detail .product-detail-title {
  padding-left: 162px;
  margin-bottom: 40px;
}
.product-detail .product-detail-title .title-txt {
  margin-bottom: 18px;
}
.product-detail .product-detail-title .title-txt p,
.product-detail .product-detail-title .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.product-detail .product-detail-title .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.product-detail .product-detail-title .desc-txt p {
  color: #111c1c;
  font-size: 16px;
}
.product-detail .product-detail-title a {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.product-detail .info-detail {
  padding-bottom: 64px;
  font-size: 16px;
  line-height: 24px;
}
.product-detail .info-detail .desc-long {
  padding-top: 12px;
  overflow: hidden;
  position: relative;
  line-height: 1.3em;
  max-height: 74px;
  margin-right: -1em;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  visibility: hidden;
}
.product-detail .info-detail .desc-long.show {
  visibility: visible;
}
.product-detail .info-detail .bt-read-more {
  width: fit-content;
}
.product-detail .info-detail .bt-read-more.hidden-more {
  display: none;
}
.product-detail .product-detail-table {
  display: flex;
  width: 100%;
}
.product-detail .product-detail-table .detail-item-set {
  width: 100%;
}
.product-detail .spec-content {
  justify-content: space-between;
}
.product-detail .spec-content .content-box {
  width: 45%;
  flex: none;
  max-width: 530px;
}
.product-detail .spec-content .content-box .accordion-item {
  display: block;
  width: 100%;
  padding-bottom: 24px;
  transition: height 300ms ease-in-out;
}
.product-detail .spec-content .content-box .accordion-item:last-child {
  padding-bottom: 0;
}
.product-detail .spec-content .content-box .accordion-item .icon-moreinfo {
  transition: unset;
}
.product-detail .spec-content .content-box .accordion-item .accordion-heading {
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
  width: 100%;
  background-color: #f8f7f4;
  height: 48px;
  align-content: center;
  position: relative;
  font-weight: 600;
  cursor: pointer;
}
.product-detail .spec-content .content-box .accordion-item .item-name {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 24px;
}
.product-detail .spec-content .content-box .accordion-item .item-name .product-spec-icon {
  margin-right: 8px;
  display: flex;
}
.product-detail .spec-content .content-box .accordion-item .item-name .product-spec-icon img {
  width: 24px;
  height: 24px;
  object-fit: cover;
}
.product-detail .spec-content .content-box .accordion-item .item-name .icon-arr-up {
  position: absolute;
  right: 0;
  margin-right: 22px;
  transform: rotate(180deg);
}
.product-detail .spec-content .content-box .accordion-item .item-name .icon-arr-up svg {
  color: #111c1c;
}
.product-detail .spec-content .content-box .accordion-item .product-detail-table {
  opacity: 0;
}
.product-detail .spec-content .content-box .accordion-item.open .product-detail-table {
  visibility: visible;
  opacity: 1;
  transition-delay: 200ms;
}
.product-detail .spec-content .content-box .accordion-item.open .item-name .icon-arr-up {
  transform: rotate(0);
}
.product-detail .spec-content .content-box .accordion-item.close .product-detail-table {
  visibility: hidden;
}
.product-detail .spec-content .content-box > .title {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: #111c1c;
  padding-bottom: 40px;
}
.product-detail .spec-content .img-box {
  width: 50%;
  flex: unset;
}
.product-detail .spec-content .img-box img {
  max-width: 636px;
  height: 400px;
  object-fit: contain;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .product-detail {
    padding-top: 84px;
    padding-bottom: 0;
  }
  .product-detail:before {
    top: 0px;
    width: 386px;
    display: none;
  }
  .product-detail .bg-pattern1 {
    position: absolute;
    top: 574px;
    left: 64px;
    z-index: -1;
  }
  .product-detail .bg-pattern2 {
    top: 30px;
    right: 60px;
  }
  .product-detail .info-detail {
    padding-bottom: 48px;
  }
  .product-detail .spec-content {
    flex-direction: column;
  }
  .product-detail .spec-content .img-box {
    width: 100%;
    order: 1;
    flex: 1;
    max-width: 560px;
    text-align: center;
    margin: 0 auto;
  }
  .product-detail .spec-content .img-box img {
    max-width: 100%;
    height: auto;
  }
  .product-detail .spec-content .content-box {
    width: 100%;
    order: 2;
    margin-top: 64px;
    flex: 1;
    max-width: unset;
  }
  .product-detail .product-detail-title {
    padding-left: 66px;
    margin-bottom: 68px;
    max-height: 300px;
  }
  .product-detail .product-detail-title .title-txt {
    margin-bottom: 0px;
  }
  .product-detail .product-detail-title .title-txt p,
  .product-detail .product-detail-title .title-txt h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .product-detail .product-detail-title .desc-txt p {
    font-size: 14px;
  }
  .product-detail .product-detail-title .bt-route p {
    font-size: 14px;
  }
  .product-detail .product-detail-table .detail-item-set:nth-child(2) {
    padding-left: 32px;
  }
}
@media screen and (max-width: 743px) {
  .product-detail {
    padding-top: 16px;
  }
  .product-detail:before {
    width: 164px;
  }
  .product-detail .bg-pattern1 {
    display: none;
  }
  .product-detail .bg-pattern2 {
    top: 205px;
    right: -46px;
  }
  .product-detail .product-detail-title {
    padding-left: 32px;
    margin-bottom: 52px;
  }
  .product-detail .product-detail-title .title-txt p,
  .product-detail .product-detail-title .title-txt h2 {
    font-size: 32px;
    line-height: 44px;
  }
  .product-detail .product-detail-table .detail-item-set {
    width: 100%;
  }
  .product-detail .product-detail-table .detail-item-set:nth-child(2) {
    padding-left: 0px;
  }
}
.product-detail-item {
  display: flex;
  padding-top: 16px;
}
.product-detail-item:first-child {
  padding-top: 24px;
}
.product-detail-item.slider {
  width: 100%;
  flex-flow: row wrap;
}
.product-detail-item.slider .head {
  width: 100%;
  padding-bottom: 4px;
}
.product-detail-item.slider .detail {
  width: 100%;
}
.product-detail-item .head {
  width: 35%;
  height: auto;
  display: block;
  word-break: break-word;
  padding: 0 20px;
}
.product-detail-item .head > p {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #2e2e2e;
  display: inline-block;
  float: left;
}
.product-detail-item .detail {
  width: 65%;
  display: flex;
  height: auto;
  padding-left: 20px;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
.product-detail-item .detail p {
  font-size: 14px;
  line-height: 24px;
  color: #2e2e2e;
}
.product-detail-item .detail span {
  display: inline-block;
}
.product-detail-item .detail .tag {
  padding: 0px 12px;
  height: 32px;
  background-color: #405954;
  text-align: center;
  border-radius: 24px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.product-detail-item .detail .tag:hover {
  filter: brightness(85%);
}
.product-detail-item .detail .tag p {
  color: #ffffff;
  font-size: 12px;
  line-height: 32px;
  font-weight: 600;
  font-style: normal;
}
.product-detail-item .product-detail-range {
  width: 100%;
  display: flex;
}
.product-detail-item .product-detail-range .noUi-horizontal {
  height: 8px;
}
.product-detail-item .product-detail-range .noUi-horizontal .noUi-base .noUi-handle {
  right: -2px;
  left: auto;
  top: -5px;
  outline: 0;
  width: 6px;
  height: 18px;
  box-shadow: none;
  background: #3e5b56;
  border: solid 1px #ffffff;
  border-radius: 4px;
}
.product-detail-item .product-detail-range .noUi-horizontal .noUi-base .noUi-handle:before {
  display: none;
}
.product-detail-item .product-detail-range .noUi-horizontal .noUi-base .noUi-handle:after {
  display: none;
}
.product-detail-item .product-detail-range .noUi-target {
  background: #f7f6f1;
  border: none;
  box-shadow: none;
}
.product-detail-item .product-detail-range .range {
  width: 70%;
  margin-top: 7px;
  max-width: 265px;
}
.product-detail-item .product-detail-range .range .noUi-connects {
  border-radius: 8px;
}
.product-detail-item .product-detail-range .range .noUi-connect {
  background: #3e5b56;
}
.product-detail-item .product-detail-range .range .noUi-base {
  margin-top: -8px;
}
.product-detail-item .product-detail-range .range-text {
  padding-left: 24px;
  width: 30%;
}
.product-detail-item .product-detail-range .range-text p {
  font-size: 14px;
  line-height: 24px;
  color: #2e2e2e;
}
.product-detail-item .icon-and-tooltip {
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
}
.product-detail-item .icon-and-tooltip .product-tooltips.small .tooltip {
  width: 25px;
  height: 25px;
}
.product-detail-item .icon-and-tooltip .icon-moreinfo {
  width: 25px;
  height: 25px;
}
.product-detail-item .icon-and-tooltip:hover .icon-moreinfo {
  background-color: #e4b760;
}
.product-detail-item .icon-and-tooltip .tooltip-content {
  padding: 15px;
  z-index: 10;
}
.product-detail-item .icon-and-tooltip .tooltip-content .title {
  font-size: 12px;
  color: #9a9a9a;
  font-weight: 400;
  margin-bottom: 10px;
}
.product-detail-item .icon-and-tooltip .tooltip-content .content p {
  font-size: 14px;
  font-weight: 600;
  white-space: break-spaces;
  word-break: break-word;
  line-height: 22px;
  padding: 0px;
}

@media screen and (max-width: 1199px) {
  .product-detail-item .product-detail-range .range-text {
    padding-right: 0px;
  }
}
@media screen and (max-width: 1024px) {
  .product-detail-item {
    margin-bottom: 14px;
    padding: 0px;
    flex-flow: row wrap;
  }
  .product-detail-item .product-detail-range .range {
    max-width: 316px;
  }
  .product-detail-item .product-detail-range .range-text {
    padding-right: 0px;
    padding-left: 20px;
  }
  .product-detail-item .product-detail-range .range-text p {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .product-detail-item {
    width: 100%;
    flex-flow: row wrap;
    margin-bottom: 20px;
  }
  .product-detail-item .head {
    min-height: 26px;
    width: 100%;
    padding-bottom: 4px;
  }
  .product-detail-item .detail {
    min-height: 26px;
    width: 100%;
  }
  .product-detail-item .product-detail-range .range {
    max-width: 50%;
  }
}
@media screen and (max-width: 450px) {
  .product-detail-item .product-detail-range .range {
    max-width: 200px;
  }
  .product-detail-item .product-detail-range .range-text {
    padding-left: 16px;
    padding-right: 0px;
    width: fit-content;
  }
}
.product-tooltips {
  top: 0;
  position: absolute;
  cursor: pointer;
}
.product-tooltips:hover .tooltip-box-inner:before {
  opacity: 1;
}
.product-tooltips .badge-tds-choice {
  margin-bottom: 4px;
}
.product-tooltips .badge-tds-choice svg {
  height: 24px;
  width: 140px;
  color: #111c1c;
}
.product-tooltips .close-bt-black {
  position: absolute;
  right: 10px;
  top: 10px;
  display: inline-block;
}
.product-tooltips .close-bt-black .icon svg {
  left: 0;
}
.product-tooltips .tooltip {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 48px;
  height: 48px;
}
.product-tooltips .tooltip .tooltip-content {
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
  color: #000000;
  padding: 22px 20px 16px;
  position: absolute;
  opacity: 0;
  transition: all 0.3s ease;
  white-space: nowrap;
  width: fit-content;
  min-width: 220px;
  border-radius: 4px;
  z-index: 2;
}
.product-tooltips .tooltip .tooltip-content:after {
  background: #ffffff;
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  transform: rotate(45deg);
  box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.08);
  bottom: -4px;
  left: 45%;
}
.product-tooltips .tooltip .tooltip-content .label p {
  color: #a0a4a4;
  font-size: 10px;
}
.product-tooltips .tooltip .tooltip-content .detail p {
  color: #111c1c;
  font-size: 12px;
  line-height: 20px;
  white-space: break-spaces;
  word-break: break-word;
  padding: 0px;
}
.product-tooltips .tooltip .tooltip-content .detail b {
  color: #111c1c;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  padding: 0px;
}
.product-tooltips .tooltip .tooltip-content .detail.price .ed-name {
  width: calc(66% - 4px);
  display: inline-block;
  margin-right: 4px;
  white-space: break-spaces;
}
.product-tooltips .tooltip .tooltip-content .detail.price .ed-price {
  float: right;
  display: inline-block;
  text-align: right;
  width: 34%;
}
.product-tooltips .tooltip.top .tooltip-content {
  left: 64%;
  bottom: calc(100% + 14px);
  transform: translateX(-50%);
}
.product-tooltips .tooltip.top .tooltip-content:after {
  bottom: -6px;
  left: 50%;
  margin-left: -10px;
}
.product-tooltips .tooltip.bottom .tooltip-content {
  bottom: -100%;
  left: 50%;
  transform: translateX(-50%);
}
.product-tooltips .tooltip.bottom .tooltip-content:after {
  bottom: -6px;
  left: 50%;
  margin-left: -6px;
}
.product-tooltips .tooltip.right .tooltip-content {
  left: 0%;
  top: calc(0% - 30px);
  transform: translateY(-50%);
}
.product-tooltips .tooltip.right .tooltip-content:after {
  bottom: -3px;
  left: 20px;
}
.product-tooltips .tooltip.left .tooltip-content {
  right: 0%;
  top: calc(0% - 30px);
  transform: translateY(-50%);
}
.product-tooltips .tooltip.left .tooltip-content::after {
  bottom: -3px;
  right: 20px;
}
.product-tooltips .tooltip.color-tooltip .tooltip-content {
  left: 64%;
  bottom: calc(100% + 14px);
  transform: translateX(-50%);
}
.product-tooltips .tooltip.color-tooltip .tooltip-content:after {
  bottom: -6px;
  left: 50%;
  margin-left: -10px;
}
.product-tooltips .btn-order-sample {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  margin-top: 4px;
  border: 1px solid #111c1c;
  padding: 12px 16px;
}
.product-tooltips .btn-order-sample .ico {
  display: inline-block;
}
.product-tooltips .btn-order-sample .ico.ico-plus {
  width: 10px;
  height: 10px;
  color: #111c1c;
  display: inline-flex;
  align-items: center;
  justify-self: center;
  margin-right: 6px;
}
.product-tooltips .btn-order-sample > p {
  color: #111c1c;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
}
.product-tooltips .btn-order-sample:hover {
  border: 1px solid #e4b760;
}
.product-tooltips .btn-order-sample:hover > p {
  color: #e4b760;
}
.product-tooltips .btn-order-sample:hover .ico-plus {
  color: #e4b760;
}
.product-tooltips.small .tooltip {
  width: 16px;
  height: 16px;
}
.product-tooltips.show .tooltip-box-inner:before {
  opacity: 1;
}
.product-tooltips.show .tooltip {
  overflow: visible;
}
.product-tooltips.show .tooltip .tooltip-content {
  opacity: 1;
}

@media (hover: hover) and (pointer: fine) {
  .product-tooltips .close-bt-black {
    display: none;
  }
  .product-tooltips .tooltip:hover {
    overflow: visible;
  }
  .product-tooltips .tooltip:hover .tooltip-content {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .product-tooltips .tooltip.top .tooltip-content {
    min-width: 176px;
    padding: 22px 16px 16px;
  }
  .product-tooltips .tooltip.top .tooltip-content.near-right {
    left: auto;
    transform: none;
    right: -14px;
  }
  .product-tooltips .tooltip.top .tooltip-content.near-right:after {
    left: 90%;
  }
  .product-tooltips .tooltip.top .tooltip-content.near-left {
    left: -7px;
  }
  .product-tooltips .tooltip.top .tooltip-content.near-left:after {
    left: 13%;
  }
}
.product-detail-slide {
  position: relative;
  width: 100%;
  min-height: 926px;
  height: auto;
  padding-top: 50px;
  margin-bottom: 40px;
}
.product-detail-slide:before {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0;
  width: 38%;
  height: 830px;
  background-color: #f8f7f4;
  border-bottom-right-radius: 5px;
  z-index: -1;
}
.product-detail-slide .detail-slide-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  min-height: 820px;
  position: relative;
}
.product-detail-slide .detail-slide-layer {
  position: absolute;
  width: auto;
  min-height: 780px;
  left: 50%;
  transform: translate(-50%, 0px);
  z-index: 2;
}
.product-detail-slide .detail-slide-layer .flip-slide .slide-container {
  width: calc(100% - 95px);
}
.product-detail-slide .detail-slide-layer .flip-slide .container {
  min-height: 1px;
}
.product-detail-slide .detail-slide-layer .flip-slide .block .item img {
  height: 376px;
}
.product-detail-slide .detail-slide-layer .flip-slide .block h2,
.product-detail-slide .detail-slide-layer .flip-slide .block h3 {
  font-size: 32px;
  margin-top: 450px;
  left: 64px;
  position: relative;
  display: block;
}
.product-detail-slide .detail-slide-layer .flip-slide .block p {
  left: 64px;
  max-width: 324px;
  position: relative;
  display: block;
  white-space: normal;
  -webkit-line-clamp: unset;
}
.product-detail-slide .detail-slide-layer .flip-slide .block button {
  margin-top: 20px;
  position: relative;
  left: 50px;
  display: block;
  font-size: 16px;
  font-weight: 600;
  background: none;
  color: #e4b760;
}
.product-detail-slide .detail-slide-layer .flip-slide .block button .icon-arr-right {
  width: 9px;
  height: 10px;
  position: relative;
  display: inline-block;
  margin-left: 14px;
}
.product-detail-slide .detail-slide-layer .flip-slide .slide-nav {
  position: absolute;
  top: 178px;
  left: 50%;
  transform: translate(0px, 0px);
  z-index: 2;
  right: 0px;
  left: auto;
}
.product-detail-slide .detail-slide-layer .flip-slide .slide-bullets {
  left: auto;
  transform: translate(0px, 0%);
  top: 442px;
  right: 124px;
}
.product-detail-slide .bg-pattern {
  position: absolute;
  top: 376px;
  left: 50%;
  transform: translate(-66px, 0px);
  z-index: 1;
}
.product-detail-slide .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.product-detail-slide .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

.edit .product-detail-slide .detail-slide-layer {
  position: relative;
  width: auto;
  left: 0;
  transform: none;
  height: auto;
}

@media screen and (max-width: 1100px) {
  .product-detail-slide {
    padding-top: 68px;
    min-height: 854px;
  }
  .product-detail-slide:before {
    top: 0px;
    width: 386px;
    height: 710px;
  }
  .product-detail-slide .detail-slide-layer {
    width: 1216px;
    min-height: 722px;
    transform: translate(calc(-50% + 128px), 0px);
  }
  .product-detail-slide .detail-slide-layer .flip-slide {
    min-height: 722px;
    padding-bottom: 122px;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .slide-container {
    width: 100%;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .controls-box {
    width: 100%;
    right: 0;
    bottom: 0;
    height: 50px;
    position: absolute;
    display: flex;
    justify-content: space-between;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .controls-box .slide-nav {
    width: 200px;
    right: 0;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .container {
    margin-left: 0px;
    margin-top: 0px;
    min-height: 50px;
    position: absolute;
    bottom: 12px;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .block h2,
  .product-detail-slide .detail-slide-layer .flip-slide .block h3 {
    margin-top: 358px;
    margin-bottom: 26px;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .block p {
    max-width: 310px;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .block button {
    left: 48px;
    font-size: 14px;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .slide-nav {
    width: 112px;
    height: 50px;
    right: 128px;
    left: auto;
    top: auto;
    bottom: 0px;
    transform: unset;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .slide-nav.vertical .slide-nav-box .circle-bt {
    width: 50px;
    height: 50px;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .slide-nav.vertical .slide-nav-box .circle-bt.bt-prev {
    top: 0px;
    left: 0;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .slide-nav.vertical .slide-nav-box .circle-bt.bt-next {
    left: auto;
    right: 0;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .slide-nav.vertical .nav-txt p {
    font-size: 14px;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .slide-nav.vertical .nav-txt p.label-txt {
    padding: 0 2px;
    color: rgba(17, 28, 28, 0.34);
  }
  .product-detail-slide .detail-slide-layer .flip-slide .slide-nav.vertical .nav-txt p.current-txt {
    padding-right: 0px;
    color: black;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .slide-nav.vertical .nav-txt p.all-txt {
    color: rgba(17, 28, 28, 0.34);
  }
  .product-detail-slide .detail-slide-layer .flip-slide .slide-bullets {
    left: 50%;
    transform: translate(-50%, 0%);
    top: auto;
    right: auto;
    bottom: 22px;
    display: none;
  }
  .product-detail-slide .bg-pattern {
    top: 320px;
    transform: translate(174px, 0px);
  }
  .product-detail-slide .bg-pattern .icon-bg svg {
    transform: scale(0.8);
  }
  .product-detail-slide .slide-nav-box {
    position: relative;
    display: flex;
    flex-flow: nowrap;
    float: right;
    right: 28px;
  }
  .product-detail-slide .slide-nav-box .nav-txt {
    order: 1;
    display: inline-block;
    line-height: 42px;
    padding-right: 15px;
  }
  .product-detail-slide .slide-nav-box .circle-bt {
    width: 42px;
    height: 42px;
  }
  .product-detail-slide .slide-nav-box .circle-bt.bt-prev {
    position: relative;
    order: 2;
    margin-right: 10px;
  }
  .product-detail-slide .slide-nav-box .circle-bt.bt-next {
    position: relative;
    order: 3;
    left: 0;
  }
  .product-detail-slide .slide-nav-box .nav-txt p {
    font-size: 14px;
  }
  .product-detail-slide .slide-nav-box .nav-txt p.label-txt {
    padding: 0 2px;
  }
  .product-detail-slide .slide-nav-box .nav-txt p.current-txt {
    padding-right: 0px;
  }
}
@media screen and (max-width: 1024px) {
  .product-detail-slide .detail-slide-layer .flip-slide .block .item img {
    height: 300px;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .slide-nav {
    right: 0;
  }
}
@media screen and (max-width: 991px) {
  .product-detail-slide .detail-slide-layer {
    transform: translate(0%, 0px);
    left: 40px;
  }
}
@media screen and (max-width: 767px) {
  .product-detail-slide {
    padding-top: 10px;
    min-height: 645px;
  }
  .product-detail-slide:before {
    top: 0px;
    width: 164px;
    height: 224px;
  }
  .product-detail-slide .detail-slide-layer {
    left: 32px;
    min-height: 478px;
  }
  .product-detail-slide .detail-slide-layer .flip-slide {
    min-height: 478px;
    padding-bottom: 132px;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .container {
    padding: 0px;
    margin-left: -32px;
    bottom: 48px;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .slide-container {
    min-height: 220px;
    margin-left: 0px;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .block .item img {
    height: 184px;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .block.b-2 {
    top: 32px;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .block h2,
  .product-detail-slide .detail-slide-layer .flip-slide .block h3 {
    margin-top: 220px;
    margin-bottom: 22px;
    font-size: 28px;
    left: 32px;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .block p {
    left: 32px;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .block button {
    left: 16px;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .block .item img {
    width: 100%;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .slide-nav {
    right: 32px;
    width: 100px;
    height: 42px;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .slide-nav.vertical .slide-nav-box .circle-bt {
    width: 42px;
    height: 42px;
  }
  .product-detail-slide .bg-pattern {
    top: 112px;
    transform: translate(100px, 0px);
  }
  .product-detail-slide .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 600px) {
  .product-detail-slide .detail-slide-layer .flip-slide.more-item-nav .slide-bullets {
    transform: translate(-50%, 0%);
    left: 50%;
    text-align: center;
    bottom: 32px;
  }
  .product-detail-slide .detail-slide-layer .flip-slide.more-item-nav .slide-bullets .slide-bullet {
    display: inline-block;
  }
}
@media screen and (max-width: 360px) {
  .product-detail-slide .detail-slide-layer .flip-slide .block h2,
  .product-detail-slide .detail-slide-layer .flip-slide .block h3 {
    left: 0px;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .block p {
    left: 0px;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .block button {
    left: 0px;
    padding: 0px;
  }
  .product-detail-slide .detail-slide-layer .flip-slide .slide-bullets {
    left: 32px;
  }
}
.product-usp {
  position: relative;
  width: 100%;
  min-height: 308px;
  height: auto;
  padding: 32px 0px 60px;
  background-color: #f8f7f4;
}
.product-usp .usp-boxs {
  padding: 0px 68px;
  display: flex;
  justify-content: space-between;
}
.product-usp .usp-boxs .usp-box {
  width: 100%;
  max-width: 246px;
}
.product-usp .usp-boxs .usp-box .usp-icon {
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-usp .usp-boxs .usp-box .usp-icon .ico-usp {
  width: 64px;
  height: 64px;
}
.product-usp .usp-boxs .usp-box .usp-icon .ico-usp svg {
  width: 64px;
  height: 64px;
}
.product-usp .usp-boxs .usp-box .usp-text {
  text-align: center;
  margin-top: 5px;
}
.product-usp .usp-boxs .usp-box .usp-text .title-txt {
  margin-bottom: 18px;
}
.product-usp .usp-boxs .usp-box .usp-text .title-txt p {
  font-size: 18px;
  color: #111c1c;
  font-weight: 600;
  line-height: 25px;
}
.product-usp .usp-boxs .usp-box .usp-text .desc-txt p {
  color: #111c1c;
  font-size: 14px;
  line-height: 27px;
}

@media screen and (max-width: 991px) {
  .product-usp .usp-boxs {
    padding: 0px;
  }
}
@media screen and (max-width: 834px) {
  .product-usp {
    min-height: 600px;
    padding-top: 34px;
  }
  .product-usp .usp-boxs {
    padding: 0px 60px;
    flex-flow: row wrap;
  }
  .product-usp .usp-boxs .usp-box {
    margin-bottom: 35px;
  }
  .product-usp .usp-boxs .usp-box:nth-child(even) {
    padding-top: 32px;
  }
  .product-usp .usp-boxs .usp-box .usp-icon {
    height: 112px;
  }
  .product-usp .usp-boxs .usp-box .usp-text .title-txt {
    margin-bottom: 14px;
  }
  .product-usp .usp-boxs .usp-box .usp-text .title-txt p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .product-usp {
    padding-top: 34px;
  }
  .product-usp .usp-boxs {
    padding: 0px 56px;
    flex-flow: column wrap;
  }
  .product-usp .usp-boxs .usp-box {
    margin: 0 auto;
    margin-bottom: 42px;
  }
  .product-usp .usp-boxs .usp-box .usp-icon {
    height: 116px;
  }
  .product-usp .usp-boxs .usp-box .usp-text {
    margin-top: 0px;
  }
  .product-usp .usp-boxs .usp-box .usp-text .title-txt {
    margin-bottom: 14px;
  }
  .product-usp .usp-boxs .usp-box .usp-text .title-txt p {
    font-size: 16px;
  }
  .product-usp .usp-boxs .usp-box .usp-text .desc-txt p {
    line-height: 28px;
  }
}
.product-specification .spec-content {
  justify-content: space-between;
  padding-bottom: 80px;
}
.product-specification .spec-content .content-box {
  width: 45%;
  flex: none;
  max-width: 530px;
}
.product-specification .spec-content .content-box > .title {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: #111c1c;
  margin-bottom: 16px;
}
.product-specification .spec-content .content-box .spec-desc {
  margin-bottom: 40px;
}
.product-specification .spec-content .content-box .spec-desc > p {
  display: inline-block;
  color: #111c1c;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.product-specification .spec-content .content-box .specification-accordion {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
}
.product-specification .spec-content .content-box .specification-accordion.active {
  max-height: 100%;
}
.product-specification .spec-content .content-box .accordion-item {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  transition: height 300ms ease-in-out;
}
.product-specification .spec-content .content-box .accordion-item.show-transparent[open=false]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 88px;
  width: 100%;
  background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
.product-specification .spec-content .content-box .accordion-item.show-transparent[open=false] .product-detail-table {
  opacity: 1;
}
.product-specification .spec-content .content-box .accordion-item .icon-moreinfo {
  transition: unset;
}
.product-specification .spec-content .content-box .accordion-item .accordion-heading {
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
  width: 100%;
  background-color: #f8f7f4;
  height: 48px;
  align-content: center;
  position: relative;
  font-weight: 600;
  cursor: pointer;
}
.product-specification .spec-content .content-box .accordion-item .accordion-heading.disabled .item-name .icon-arr-up {
  display: none;
}
.product-specification .spec-content .content-box .accordion-item .item-name {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 24px;
}
.product-specification .spec-content .content-box .accordion-item .item-name .product-spec-icon {
  margin-right: 8px;
  display: flex;
}
.product-specification .spec-content .content-box .accordion-item .item-name .product-spec-icon img {
  width: 24px;
  height: 24px;
  object-fit: cover;
}
.product-specification .spec-content .content-box .accordion-item .item-name .icon-arr-up {
  position: absolute;
  right: 0;
  margin-right: 22px;
  transform: rotate(180deg);
  transition: all 0.3s ease-in-out;
}
.product-specification .spec-content .content-box .accordion-item .item-name .icon-arr-up svg {
  color: #111c1c;
}
.product-specification .spec-content .content-box .accordion-item.open .product-detail-table {
  transition-delay: 200ms;
}
.product-specification .spec-content .content-box .accordion-item.open .item-name .icon-arr-up {
  transform: rotate(0);
}
.product-specification .spec-content .img-box {
  width: 50%;
  flex: unset;
}
.product-specification .spec-content .img-box img {
  max-width: 636px;
  height: 400px;
  object-fit: contain;
  width: 100%;
}
.product-specification .spec-content .product-detail-table {
  display: flex;
  width: 100%;
}
.product-specification .spec-content .product-detail-table .detail-item-set {
  width: 100%;
}
.product-specification .cta-download-instruction {
  display: flex;
  height: 64px;
  width: fit-content;
  padding: 20px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  border: 1px solid #505050;
  background: #fff;
  margin-top: 24px;
  margin-inline: auto;
}
.product-specification .cta-download-instruction > p {
  color: #111c1c;
  text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  white-space: nowrap;
}
.product-specification .cta-download-instruction .icon .icon-download {
  background-color: #111c1c;
}

@media screen and (max-width: 1024px) {
  .product-specification .spec-content {
    flex-direction: column;
    padding-bottom: 64px;
    gap: 64px;
  }
  .product-specification .spec-content .img-box {
    width: 100%;
    flex: 1;
    max-width: 560px;
    text-align: center;
    margin: 0 auto;
  }
  .product-specification .spec-content .img-box img {
    max-width: 100%;
    height: auto;
  }
  .product-specification .spec-content .content-box {
    width: 100%;
    flex: 1;
    max-width: unset;
  }
}
@media screen and (max-width: 743px) {
  .product-specification .spec-content {
    padding-bottom: 48px;
    gap: 48px;
  }
  .product-specification .spec-content .content-box > .title {
    font-size: 24px;
    line-height: 32px;
  }
  .product-specification .spec-content .content-box .spec-desc {
    margin-bottom: 32px;
  }
}
.popup {
  position: fixed;
  right: -414px;
  z-index: 5;
  width: 414px;
  height: 100%;
  transition: all 0.3s ease-out;
  background: #ffffff;
  top: 0px;
}
.popup .popup-title {
  height: fit-content;
}
.popup .popup-title .head-txt {
  margin-bottom: 4px;
}
.popup .popup-title .head-txt p {
  font-size: 32px;
  line-height: 40px;
  color: #111c1c;
  font-weight: 700;
}
.popup .popup-title .desc-txt p {
  font-size: 14px;
  line-height: 18px;
  color: rgba(17, 28, 28, 0.75);
}
.popup .popup-content {
  height: calc(100vh - 296px);
  width: 100%;
  position: relative;
  padding-right: 8px;
}
.popup .popup-content .scroll {
  overflow: auto;
  display: inline-block;
  width: 100%;
  overflow-x: hidden;
}
.popup .popup-content .shadows {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s ease-out;
  box-shadow: 0 -140px 60px -60px white inset;
}
.popup .popup-content p {
  color: #111c1c;
}
.popup .popup-box-bt {
  display: flex;
  width: 100%;
}
.popup .popup-box-bt .simple-bt {
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.popup .popup-box-bt .simple-bt.active p, .popup .popup-box-bt .simple-bt:not(.active):hover p {
  color: #111c1c;
}
.popup .popup-box-bt .simple-bt:first-child {
  border-right: solid 2px #e7e9e9;
}
.popup .popup-box-bt .simple-bt p {
  font-size: 12px;
  font-weight: 600;
  transition: all 0.3s ease-out;
}
.popup .popup-box-bt .simple-bt.disabled {
  cursor: default;
  opacity: 0.75;
  pointer-events: none;
}
.popup .close-bt {
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: solid 1px #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 48px;
  top: 48px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.popup .close-bt:hover {
  border: solid 1px #e4b760;
}
.popup .close-bt:hover .icon-close {
  background-color: #e4b760;
}

.ar-popup {
  background-color: rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.25s;
}
.ar-popup.active {
  opacity: 1;
  visibility: visible;
}
.ar-popup.active .popup-content {
  top: 40%;
  visibility: visible;
  opacity: 1;
}
.ar-popup.ar-not-supported .popup-content {
  padding-top: 24px;
}
.ar-popup .popup-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  gap: 4px;
  width: 278px;
  background: #ffffff;
  border-radius: 4px;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  top: 35%;
  left: 50%;
  margin-left: -139px;
  position: absolute;
  transition: all ease-in-out 0.25s;
  opacity: 0;
  visibility: hidden;
}
.ar-popup .popup-content svg {
  width: 24px;
  height: 24px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.ar-popup .popup-content p {
  text-align: left;
}
.ar-popup .popup-content .btn {
  width: 119px;
  height: 40px;
  background: #e4b760;
  border-radius: 100px;
  margin-top: 16px;
  border: none;
  color: #fff;
  font-weight: 600;
  transition: all ease-in-out 0.35s;
}
.ar-popup .popup-content .btn:hover {
  filter: brightness(85%);
}

.share-popup {
  background-color: rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.25s;
}
.share-popup.active {
  opacity: 1;
  visibility: visible;
}
.share-popup.active .popup-content {
  visibility: visible;
  opacity: 1;
}
.share-popup .popup-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  gap: 4px;
  width: min(478px, 100% - 30px);
  height: auto;
  min-height: 350px;
  background: #ffffff;
  border-radius: 4px;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  transition: all ease-in-out 0.25s;
  opacity: 0;
  visibility: hidden;
  max-height: calc(100vh - 32px);
}
.share-popup .popup-content .content-container {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  flex-direction: column;
  overflow: auto;
}
.share-popup .popup-content .back-to-save-popup {
  width: fit-content;
  display: none;
  height: 48px;
  justify-content: flex-start;
  align-items: center;
  background: #fff;
  position: absolute;
  appearance: none;
  border: none;
  top: 0;
  left: 0;
  padding: 0;
}
.share-popup .popup-content .back-to-save-popup .icon-arr-left {
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}
.share-popup .popup-content .back-to-save-popup .icon-arr-left svg {
  position: relative;
  color: #111c1c;
  display: flex;
  align-items: center;
  justify-content: center;
}
.share-popup .popup-content .back-to-save-popup p {
  color: #111c1c;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}
.share-popup .popup-content .close-share-btn {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 18px;
  top: 18px;
  cursor: pointer;
  pointer-events: painted;
}
.share-popup .popup-content .close-popup-icon {
  width: 20px;
  height: 20px;
  color: #111c1c;
  transition: all 0.3s ease-in-out;
  pointer-events: painted;
}
.share-popup .popup-content .title {
  margin-top: 48px;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  color: #111c1c;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.share-popup .popup-content .content-txt {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
  margin-top: 8px;
}
.share-popup .popup-content .btn {
  width: 119px;
  height: 40px;
  background: #e4b760;
  border-radius: 100px;
  margin-top: 16px;
  border: none;
  color: #fff;
  font-weight: 600;
  transition: all ease-in-out 0.35s;
}
.share-popup .popup-content .btn:hover {
  filter: brightness(85%);
}
.share-popup .popup-content .email-container {
  margin-top: 28px;
}
.share-popup .popup-content .email-container .email-box {
  position: relative;
}
.share-popup .popup-content .email-container .email-title {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  padding-left: 24px;
  margin-bottom: 8px;
}
.share-popup .popup-content .email-container .box-bt {
  overflow: hidden;
  position: relative;
}
.share-popup .popup-content .email-container .box-bt input[type=email] {
  background-color: #f8f7f4;
  padding: 16px 24px;
  height: 56px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #111c1c;
  width: 100%;
  border-radius: 4px;
  border: 1px solid transparent;
}
.share-popup .popup-content .email-container .box-bt ::placeholder {
  color: #aeb2b2;
}
.share-popup .popup-content .email-container .box-bt :-ms-input-placeholder {
  color: #aeb2b2;
}
.share-popup .popup-content .email-container .box-bt ::-ms-input-placeholder {
  color: #aeb2b2;
}
.share-popup .popup-content .email-container .note-text-container {
  margin-top: 8px;
}
.share-popup .popup-content .email-container .note-txt {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  padding-left: 24px;
}
.share-popup .popup-content .email-container .send-mail-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 20px 24px;
  gap: 10px;
  width: 100%;
  height: 56px;
  background: #e4b760;
  border-radius: 100px;
  border: none;
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  margin-top: 24px;
}
.share-popup .popup-content .email-container .box-console {
  position: relative;
  height: 20px;
  width: 100%;
}
.share-popup .popup-content .email-container .box-console .console-txt {
  position: absolute;
  top: 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}
.share-popup .popup-content .email-container .box-console .console-txt.error, .share-popup .popup-content .email-container .box-console .console-txt.failed {
  font-size: 14px;
  color: red;
  display: none;
  padding-left: 24px;
}
.share-popup .popup-content .email-container input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.share-popup .popup-content .email-container input[type=checkbox] + .checkbox-label {
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
  align-items: flex-start;
  line-height: 20px;
  position: relative;
  padding-left: 24px;
}
.share-popup .popup-content .email-container input[type=checkbox] + .checkbox-label:before {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  border: 1px solid rgb(180.25, 180.25, 180.25);
  width: 14px;
  height: 14px;
  background: #ffffff;
  border-radius: 4px;
  position: absolute;
  left: 0px;
  top: 2px;
}
.share-popup .popup-content .email-container input[type=checkbox]:checked + .checkbox-label:before {
  background-color: #e4b760;
  border-color: #e4b760;
}
.share-popup .popup-content .email-container input[type=checkbox]:hover:not(:disabled) + .checkbox-label:before {
  border-color: #e4b760;
}
.share-popup .popup-content .email-container input[type=checkbox]:disabled + .checkbox-label {
  cursor: default;
}
.share-popup .popup-content .email-container input[type=checkbox]:checked + .checkbox-label:after {
  content: "";
  background-image: url("/assetfiles/img/tabledusudv4/shared/check-icon.png");
  position: absolute;
  width: 8px;
  height: 7px;
  left: 4px;
  top: 6px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.share-popup .popup-content .email-container.success {
  opacity: 0.5;
}
.share-popup .popup-content .email-container.success .send-mail-btn {
  cursor: not-allowed;
}
.share-popup .popup-content .email-container.success .send-mail-btn:hover {
  filter: brightness(100%);
}
.share-popup .popup-content .email-container.error .box-bt .email {
  border: 1px solid #c52626;
}
.share-popup .popup-content .email-container.error .box-console .console-txt.error {
  display: block;
}
.share-popup .popup-content .email-container.failed .box-console .console-txt.failed {
  display: block;
}

@media screen and (max-width: 400px) {
  .popup {
    width: 100%;
  }
}
.popup-write-review {
  padding: 100px 0px 35px 40px;
}
.popup-write-review.active {
  right: 0px;
  top: 0px;
  z-index: 7;
}
.popup-write-review .popup-title {
  margin-bottom: 44px;
  padding-left: 24px;
}
.popup-write-review .popup-content:nth-child(4) {
  background: red;
}
.popup-write-review .popup-content:nth-child(4) .form-block {
  margin-bottom: 24px;
}
.popup-write-review .popup-content .form-set {
  padding-right: 32px;
}
.popup-write-review .popup-content .form-set .product-preview {
  display: flex;
  margin-bottom: 6px;
}
.popup-write-review .popup-content .form-set .product-preview .preview-img {
  width: 104px;
}
.popup-write-review .popup-content .form-set .product-preview .preview-img img {
  width: 100%;
  object-fit: cover;
}
.popup-write-review .popup-content .form-set .product-preview .preview-text {
  width: calc(100% - 104px);
  padding: 10px 20px;
}
.popup-write-review .popup-content .form-set .product-preview .preview-text .name {
  max-width: 160px;
  margin-bottom: 5px;
}
.popup-write-review .popup-content .form-set .product-preview .preview-text .name p {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.popup-write-review .popup-content .form-set .form-block {
  margin-bottom: 26px;
}
.popup-write-review .popup-content .form-set .form-block .form-input {
  position: relative;
}
.popup-write-review .popup-content .form-set .form-block .form-input input {
  font-size: 14px;
  height: 48px;
}
.popup-write-review .popup-content .form-set .form-block .form-input textarea {
  font-size: 14px;
  padding: 12px 12px 12px 24px;
  max-height: 122px;
  line-height: 24px;
}
.popup-write-review .popup-content .form-set .form-block .form-input .input-conditon {
  color: #111c1c;
  font-size: 10px;
  position: absolute;
  right: 10px;
  bottom: 18px;
}
.popup-write-review .popup-content .form-set .form-block .form-label {
  margin-bottom: 4px;
}
.popup-write-review .popup-content .form-set .form-block .form-label p {
  font-size: 12px;
}
.popup-write-review .popup-content .form-set .form-block .form-ratting.invalid {
  border: red 1px solid;
}
.popup-write-review .popup-content .form-set .form-checkboxs {
  padding: 0px 24px;
  margin-bottom: 40px;
}
.popup-write-review .popup-content .shadows {
  display: none;
}
.popup-write-review .popup-box-bt .simple-bt {
  width: 50%;
}
.popup-write-review .popup-box-bt .simple-bt p {
  color: #888d8d;
}

@media screen and (max-width: 767px) {
  .popup-write-review {
    padding: 100px 0px 35px 40px;
  }
  .popup-write-review .popup-content .form-set .product-preview {
    margin-bottom: 10px;
  }
  .popup-write-review .popup-content .form-set .form-block {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 380px) {
  .popup-write-review .popup-content .form-set .product-preview {
    flex-flow: row wrap;
  }
  .popup-write-review .popup-content .form-set .product-preview .preview-img {
    width: 100%;
  }
  .popup-write-review .popup-content .form-set .product-preview .preview-text {
    width: 100%;
  }
}
.popup-request-discount {
  padding: 100px 0px 35px 40px;
}
.popup-request-discount.active {
  right: 0px;
  top: 0px;
  z-index: 7;
}
.popup-request-discount .popup-title {
  margin-bottom: 32px;
  padding: 0px 24px;
  width: 100%;
}
.popup-request-discount .popup-content .form-set {
  padding-right: 32px;
}
.popup-request-discount .popup-content .form-set .form-block {
  margin-bottom: 16px;
}
.popup-request-discount .popup-content .form-set .form-block:first-child {
  margin-bottom: 38px;
}
.popup-request-discount .popup-content .form-set .form-block.product-name .form-input input::placeholder {
  color: #898B8B;
}
.popup-request-discount .popup-content .form-set .form-block .message-error {
  font-size: 12px;
  line-height: 18px;
  margin-top: 4px;
  padding-left: 24px;
  opacity: 0;
  visibility: hidden;
}
.popup-request-discount .popup-content .form-set .form-block .message-error p {
  color: #C52626;
}
.popup-request-discount .popup-content .form-set .form-block .message-error.active {
  opacity: 1;
  visibility: visible;
}
.popup-request-discount .popup-content .form-set .form-block .form-input {
  position: relative;
}
.popup-request-discount .popup-content .form-set .form-block .form-input input {
  font-size: 16px;
  height: 56px;
}
.popup-request-discount .popup-content .form-set .form-block .form-input input::placeholder {
  color: #AEB2B2;
}
.popup-request-discount .popup-content .form-set .form-block .form-input textarea {
  font-size: 14px;
  padding: 12px 12px 12px 24px;
  max-height: 122px;
  line-height: 24px;
}
.popup-request-discount .popup-content .form-set .form-block .form-label {
  margin-bottom: 4px;
}
.popup-request-discount .popup-content .form-set .form-block .form-label p {
  font-size: 12px;
}
.popup-request-discount .popup-box-bt {
  display: flex;
  justify-content: center;
  padding-right: 40px;
}
.popup-request-discount .popup-box-bt .btn-submit-form {
  width: 100%;
  max-width: 268px;
  height: 56px;
}

@media screen and (max-width: 767px) {
  .popup-request-discount {
    padding: 100px 0px 35px 40px;
  }
  .popup-request-discount .popup-content .form-set .product-preview {
    margin-bottom: 10px;
  }
  .popup-request-discount .popup-content .form-set .form-block {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 380px) {
  .popup-request-discount .popup-content .form-set .product-preview {
    flex-flow: row wrap;
  }
  .popup-request-discount .popup-content .form-set .product-preview .preview-img {
    width: 100%;
  }
  .popup-request-discount .popup-content .form-set .product-preview .preview-text {
    width: 100%;
  }
}
.popup-product-description {
  padding: 100px 0px 35px 64px;
  z-index: 7;
}
.popup-product-description.active {
  right: 0px;
  top: 0;
}
.popup-product-description .popup-title {
  margin-bottom: 50px;
}
.popup-product-description .popup-content p {
  margin: 0px 32px 28px 0px;
  font-size: 16px;
  line-height: 28px;
}
.popup-product-description .popup-content p:last-child {
  margin-bottom: 90px;
}
.popup-product-description .popup-box-bt .simple-bt {
  width: 42%;
}
.popup-product-description .popup-box-bt .simple-bt p {
  color: #a0a4a4;
}

@media screen and (max-width: 767px) {
  .popup-product-description {
    padding: 100px 8px 35px 64px;
  }
  .popup-product-description .description-title {
    margin-bottom: 0px;
  }
  .popup-product-description .description-content {
    height: calc(100vh - 246px);
  }
  .popup-product-description .description-content p {
    margin: 32px 52px 0px 0px;
  }
}
.popup-special-orderflow-description {
  padding: 100px 0px 35px 64px;
  z-index: 7;
}
.popup-special-orderflow-description.active {
  right: 0px;
  top: 0;
}
.popup-special-orderflow-description .popup-title {
  margin-bottom: 50px;
}
.popup-special-orderflow-description .popup-content p {
  margin: 0px 32px 28px 0px;
  font-size: 14px;
  line-height: 24px;
}
.popup-special-orderflow-description .popup-content p:last-child {
  margin-bottom: 90px;
}
.popup-special-orderflow-description .popup-box-bt {
  position: absolute;
  bottom: 64px;
  left: 0;
  right: 0;
  padding-right: 16px;
  padding-left: 32px;
}
.popup-special-orderflow-description .popup-box-bt .simple-bt {
  width: 50%;
  justify-content: center;
}
.popup-special-orderflow-description .popup-box-bt .simple-bt:first-child {
  padding-right: 20px;
}
.popup-special-orderflow-description .popup-box-bt .simple-bt:first-child p {
  line-height: 16px;
  font-size: 12px;
  color: #d8d8d8;
}
.popup-special-orderflow-description .popup-box-bt .simple-bt:last-child {
  padding-left: 20px;
}
.popup-special-orderflow-description .popup-box-bt .simple-bt:last-child p {
  color: #e4b760;
  line-height: 16px;
  font-size: 14px;
}
.popup-special-orderflow-description .popup-box-bt .simple-bt:last-child:hover p {
  color: rgb(220.5967741935, 163.2580645161, 52.4032258065);
}
.popup-special-orderflow-description .popup-box-bt .simple-bt p {
  color: #888d8d;
  text-align: center;
}
.popup-special-orderflow-description .popup-box-bt .simple-bt.disabled {
  opacity: 0.7;
  cursor: default;
}

@media screen and (max-width: 767px) {
  .popup-special-orderflow-description .popup-box-bt {
    bottom: 32px;
  }
}
@media screen and (max-width: 360px) {
  .popup-special-orderflow-description {
    padding: 100px 0px 60px 32px;
  }
  .popup-special-orderflow-description .popup-content {
    padding-right: 16px;
  }
  .popup-special-orderflow-description .popup-content .summary-text-set {
    padding-right: 16px;
  }
}
.video-control .icon-muted,
.video-control .icon-unmuted {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 1;
  cursor: pointer;
}
.video-control .icon-muted svg,
.video-control .icon-unmuted svg {
  color: #fff;
  width: 24px;
  height: 20px;
}
.video-control .icon-muted {
  display: none;
}
.video-control .icon-unmuted {
  display: inline-block;
}
.video-control .thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-control .bg-fade {
  transition: opacity ease-in-out 1s;
  display: none;
  background: #000;
  position: absolute;
  height: 100%;
  width: 100%;
}
.video-control.muted .icon-muted {
  display: flex;
}
.video-control.muted .icon-unmuted {
  display: none;
}
.video-control.paused .pause-video-bt {
  display: none;
}
.video-control.paused .play-video-bt {
  display: flex;
}
.video-control .pause-video-bt {
  display: none;
}
.video-control .play-video-bt {
  display: none;
}
.video-control:hover .bg-fade {
  display: block;
  opacity: 0.25;
}
.video-control:hover:not(.paused) .pause-video-bt {
  display: flex;
}

@media screen and (max-width: 480px) {
  .video-control .icon-muted,
  .video-control .icon-unmuted {
    bottom: 14px;
  }
}
.popup-product-configuration {
  position: fixed;
  top: -100%;
  overflow-y: auto;
  height: 100%;
  width: 100%;
  visibility: hidden;
  background-color: #ffffff;
  opacity: 0;
  transition: all ease-in-out 0.25s;
  pointer-events: none;
  z-index: -1;
}
.popup-product-configuration.fit-content .configuration-box-holder {
  padding: 2.5rem 32px;
  min-height: 100%;
}
.popup-product-configuration.active {
  z-index: 5;
  top: 0px;
  opacity: 1;
  pointer-events: initial;
  visibility: visible;
}
.popup-product-configuration.animate {
  z-index: 6;
}
.popup-product-configuration.fixed-size {
  overflow-y: hidden;
}
.popup-product-configuration::-webkit-scrollbar {
  display: none;
}
.popup-product-configuration:before {
  content: " ";
  position: absolute;
  top: 0px;
  width: 19%;
  height: 600px;
  background-color: #f8f7f4;
  border-bottom-right-radius: 5px;
  z-index: 1;
}
.popup-product-configuration .scrollen-button {
  display: none;
}
.popup-product-configuration .cart {
  position: relative;
  width: 22px;
  height: 18px;
  margin-right: 10px;
  top: -2px;
}
.popup-product-configuration .cart .icon {
  width: 22px;
  height: 18px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/cart-ipfv3.svg#cart-obj-ipfv3);
  mask-size: cover;
  position: absolute;
  background-color: #ffffff;
  transition: all 0.35s ease-in-out;
}
.popup-product-configuration .configuration-box-holder {
  padding: 96px 128px;
  background: #ffffff;
  max-height: 1020px;
  height: 100%;
  min-height: 989px;
  overflow: hidden;
}
.popup-product-configuration .configuration-box-holder.large-size {
  min-height: 989px;
}
.popup-product-configuration .configuration-box-holder.small-size {
  min-height: 100%;
  padding: 38px 128px;
}
.popup-product-configuration .configuration-box-holder.small-size .configuration-layout-step .layout-step .config-box-text .configuration-title {
  padding: 0 60px;
}
.popup-product-configuration .configuration-box-holder.small-size .configuration-layout-step .layout-step .config-box-text .configuration-title .title-txt p {
  font-size: 40px;
  line-height: 50px;
}
.popup-product-configuration .configuration-box-holder.small-size .configuration-layout-step .layout-step .config-box-text .configuration-detail.show-more .detail-content {
  height: 100%;
  max-height: 122px;
}
.popup-product-configuration .configuration-container {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1424px;
  left: 50%;
  transform: translate(-50%, 0px);
  z-index: 2;
}
.popup-product-configuration .config-box-bt {
  display: flex;
  flex-flow: row wrap;
  position: absolute;
  bottom: 32px;
  right: -8px;
  width: fit-content;
  z-index: 6;
}
.popup-product-configuration .config-box-bt .product-price {
  margin: 0 16px 0 8px;
  padding: 6px 0;
}
.popup-product-configuration .config-box-bt .product-price .price {
  display: flex;
  justify-content: flex-end;
}
.popup-product-configuration .config-box-bt .product-price .price span {
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
}
.popup-product-configuration .config-box-bt .product-price .price p {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}
.popup-product-configuration .config-box-bt .product-price .condition p {
  color: #111c1c;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  text-align: right;
}
.popup-product-configuration .config-box-bt .full-price {
  margin: 0;
  padding: 14px 0 0;
}
.popup-product-configuration .config-box-bt .full-price .price {
  display: flex;
  justify-content: flex-end;
}
.popup-product-configuration .config-box-bt .full-price .price span {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
  color: #aeb2b2;
}
.popup-product-configuration .config-box-bt .full-price .condition {
  display: flex;
  justify-content: flex-end;
}
.popup-product-configuration .config-box-bt .full-price .condition span {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-align: right;
  color: #aeb2b2;
}
.popup-product-configuration .config-box-bt .bt-wish-list {
  margin: 0px 8px;
  display: none;
}
.popup-product-configuration .config-box-bt .bt-general {
  height: 64px;
  margin: 0px 8px;
  padding: 0px 32px;
}
.popup-product-configuration .config-box-bt .bt-general p {
  font-size: 14px;
}
.popup-product-configuration .config-box-bt .bt-general .icon-arr-right-bg {
  background-color: #ffffff;
  display: none;
}
.popup-product-configuration .config-box-bt .bt-general.disabled {
  pointer-events: none;
}
.popup-product-configuration .config-box-bt .bt-with-line {
  height: 64px;
  margin: 0px 8px;
  padding: 0px 30px;
}
.popup-product-configuration .config-box-bt .bt-with-line:hover .icon-arr-left-bg {
  background-color: #e4b760;
}
.popup-product-configuration .config-box-bt .bt-with-line p {
  font-size: 14px;
  padding: 0;
}
.popup-product-configuration .config-box-bt .bt-with-line .icon-arr-left-bg {
  background-color: #111c1c;
  display: none;
}
.popup-product-configuration .config-box-bt .bt-with-line.disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.popup-product-configuration .config-box-bt .product-tooltips {
  right: 120px;
}
.popup-product-configuration .config-box-bt .product-tooltips .tooltip .tooltip-content {
  width: 250px;
  white-space: unset;
}
.popup-product-configuration .config-box-bt .product-tooltips .tooltip .tooltip-content .icon-close {
  position: absolute;
  right: 10px;
  top: 10px;
}
.popup-product-configuration .config-box-bt .product-tooltips .tooltip.top .tooltip-content:after {
  left: 90%;
}
.popup-product-configuration .closelight-bt {
  display: flex;
  right: 0px;
  top: 0px;
  position: absolute;
  z-index: 11;
  transition: 0.3s;
}
.popup-product-configuration .closelight-bt.disable {
  opacity: 0;
  top: -16px;
}
.popup-product-configuration .closelight-bt p {
  font-size: 14px;
  padding: 2px 10px;
}
.popup-product-configuration .closelight-bt .icon {
  margin-top: 1px;
}

@media screen and (max-width: 1320px) {
  .popup-product-configuration .configuration-box-holder {
    padding: 96px 32px;
  }
}
@media screen and (max-width: 1024px) {
  .popup-product-configuration:before {
    width: 264px;
    height: 480px;
  }
  .popup-product-configuration .configuration-container {
    height: 100%;
    transform: none;
    left: 0;
    padding-bottom: 184px;
  }
  .popup-product-configuration .configuration-box-holder {
    padding: 64px;
    height: fit-content;
    padding-right: 0px;
    max-height: unset;
    padding-left: 0;
  }
  .popup-product-configuration .closelight-bt {
    right: 64px;
  }
  .popup-product-configuration .config-box-bt {
    width: 100%;
    left: 0;
    position: relative;
    top: 0;
    padding-right: 64px;
    padding-left: 64px;
    z-index: 4;
    justify-content: flex-end;
  }
  .popup-product-configuration .config-box-bt .bt-with-line {
    order: 1;
    margin-right: auto;
    margin-left: 0;
  }
  .popup-product-configuration .config-box-bt .full-price {
    order: 2;
    padding: 14px 0 0;
  }
  .popup-product-configuration .config-box-bt .product-price {
    order: 3;
  }
  .popup-product-configuration .config-box-bt .bt-general {
    order: 5;
  }
  .popup-product-configuration .config-box-bt .product-tooltips {
    right: 200px;
  }
  .popup-product-configuration .cart {
    right: 6px;
  }
}
@media screen and (max-width: 767px) {
  .popup-product-configuration {
    user-select: none;
    -webkit-overflow-scrolling: touch;
  }
  .popup-product-configuration:before {
    width: 164px;
    height: 480px;
  }
  .popup-product-configuration .configuration-box-holder {
    padding: 32px 0px;
    min-height: 100%;
    height: auto;
  }
  .popup-product-configuration .closelight-bt {
    right: 22px;
    top: -10px;
  }
  .popup-product-configuration .config-footer-sticky {
    position: fixed;
    padding-top: 10px;
    padding-bottom: 30px;
    width: 100%;
    bottom: 0;
    z-index: 500;
    background-color: white;
    transition: all 0.5s;
    touch-action: pan-y;
  }
  .popup-product-configuration .config-footer-sticky .scrollen-button {
    position: absolute;
    left: 50%;
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%);
    width: 60px;
    height: 70px;
    top: -50px;
    transition: opacity 0.25s ease-in-out;
  }
  .popup-product-configuration .config-footer-sticky .scrollen-button p {
    text-align: center;
    color: #111c1c;
    font-size: 14px;
    font-weight: 600;
  }
  .popup-product-configuration .config-footer-sticky .scrollen-button .circle-bt {
    width: 42px;
    height: 42px;
    background: white;
    left: 50%;
    transform: translateX(-50%);
    border: solid 2px #000000;
    right: 0px;
    bottom: 0px;
    animation: pulseProgress 2s infinite;
    transition: none;
  }
  .popup-product-configuration .config-footer-sticky .scrollen-button .circle-bt .icon-arr-down {
    display: none;
  }
  .popup-product-configuration .config-footer-sticky .scrollen-button .circle-bt .icon-arr-down svg {
    color: #000000;
  }
  .popup-product-configuration .config-footer-sticky.shadow {
    box-shadow: 0px -8px 35px -25px #000000;
  }
  .popup-product-configuration .config-footer-sticky.shadow .scrollen-button {
    visibility: visible;
    opacity: 1;
  }
  .popup-product-configuration .config-footer-sticky.shadow .scrollen-button .icon-arr-down {
    display: block;
  }
  .popup-product-configuration .config-box-bt {
    padding: 0px 32px;
  }
  .popup-product-configuration .config-box-bt .product-price {
    margin: 0 8px 0 14px;
    padding: 2px 0;
  }
  .popup-product-configuration .config-box-bt .product-price .price p {
    font-size: 20px;
    line-height: 26px;
  }
  .popup-product-configuration .config-box-bt .full-price {
    padding: 4px 0 0;
  }
  .popup-product-configuration .config-box-bt .full-price .price span {
    font-size: 14px;
    line-height: 24px;
  }
  .popup-product-configuration .config-box-bt .bt-with-line {
    width: 48px;
    height: 48px;
    padding: 0;
  }
  .popup-product-configuration .config-box-bt .bt-with-line p {
    display: none;
  }
  .popup-product-configuration .config-box-bt .bt-with-line .icon-arr-left-bg {
    position: absolute;
    display: block;
  }
  .popup-product-configuration .config-box-bt .bt-general {
    width: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
  }
  .popup-product-configuration .config-box-bt .bt-general p {
    display: none;
  }
  .popup-product-configuration .config-box-bt .bt-general .icon-arr-right-bg {
    position: absolute;
    display: block;
  }
  .popup-product-configuration .config-box-bt .bt-general .cart {
    right: 0px;
    margin-right: 2px;
    top: 0px;
  }
  .popup-product-configuration .config-box-bt .product-tooltips {
    right: 132px;
  }
}
@media screen and (max-width: 400px) {
  .popup-product-configuration .config-box-bt {
    justify-content: space-between;
  }
  .popup-product-configuration .config-box-bt .product-price {
    margin: 0 8px 0 12px;
  }
  .popup-product-configuration .config-box-bt .bt-general {
    margin: 0;
  }
  .popup-product-configuration .config-box-bt .product-tooltips {
    top: unset;
    bottom: 16px;
  }
}
@media screen and (max-width: 360px) {
  .popup-product-configuration .config-box-bt .product-price .price p {
    font-size: 22px;
  }
}
.popup-product-detail-zoom {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all ease-out 0.3s;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 99;
  visibility: hidden;
  opacity: 0;
}
.popup-product-detail-zoom .panel {
  width: calc(100% - 64px);
  height: calc(100% - 64px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: none;
  visibility: hidden;
  opacity: 0;
  transition: all ease-out 0.3s;
  padding: 24px 0;
  box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08);
  margin: 0;
}
.popup-product-detail-zoom.active {
  visibility: visible;
  opacity: 1;
}
.popup-product-detail-zoom.active .panel {
  visibility: visible;
  opacity: 1;
}
.popup-product-detail-zoom .closelight-bt {
  position: absolute;
  right: 46px;
  top: 46px;
  width: 42px;
  height: 42px;
  border: 1px solid #111c1c;
  border-radius: 50%;
  z-index: 2;
}
.popup-product-detail-zoom .closelight-bt .icon-close-light {
  width: 10px;
  height: 10px;
  margin: 16px auto;
}
.popup-product-detail-zoom .spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.popup-product-detail-zoom .slide-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-main {
  position: relative;
  top: calc(50% - 40px);
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 200px);
  height: calc(100% - 160px);
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-main .swiper {
  width: 100%;
  height: 100%;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-main .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-main .swiper-pagination.swiper-pagination-bullets {
  bottom: 56px;
  display: none;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-main .swiper-slide {
  overflow: hidden;
  display: flex;
  position: relative;
  align-items: center;
  height: 100%;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-main .swiper-slide .icon-rotate-product-360 {
  z-index: 5;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-main .swiper-slide .slide-video {
  position: relative;
  width: 100%;
  height: 100%;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-main .swiper-slide .slide-video iframe,
.popup-product-detail-zoom .popup-product-detail-glide-slide-main .swiper-slide .slide-video video {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0px);
  height: 100%;
  display: block;
  object-fit: contain;
  width: 100%;
  border: none;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-main .swiper-slide .slide-image {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 100%;
  cursor: zoom-in;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-main .swiper-slide .slide-image picture {
  max-width: 100%;
  height: 100%;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-main .swiper-slide .slide-image img {
  object-fit: contain;
  max-width: 100%;
  height: 100%;
  position: relative;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-main .swiper-slide.zoom .slide-image {
  cursor: move;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-main .swiper-slide.zoom .slide-image img {
  position: relative;
  top: 0;
  left: 0;
  transform: translate3d(0px, 0px, 0px) scale(2);
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-main .slide-nav {
  display: none;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-main .product-watermark {
  --watermark-margin: 32;
  position: absolute;
  z-index: 10;
  width: 130px;
  height: auto;
  pointer-events: none;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-main .product-watermark img {
  width: 100%;
  height: 100%;
}
.popup-product-detail-zoom.suar .popup-product-detail-glide-slide-main {
  height: calc(100% - 100px);
  top: 50%;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-thumbnail {
  position: absolute;
  bottom: 0;
  max-width: 690px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 104px;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-thumbnail .swiper-button-disabled {
  display: none;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-thumbnail .swiper-slide {
  height: 100%;
  aspect-ratio: 4/5;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-thumbnail .swiper-slide-active .product-slide-thumbnail-item {
  border: solid 2px #e4b760;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-thumbnail .swiper {
  position: relative;
  width: 100%;
  height: 100%;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-thumbnail .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-thumbnail .swiper.hide-nav .bt-next,
.popup-product-detail-zoom .popup-product-detail-glide-slide-thumbnail .swiper.hide-nav .bt-prev {
  display: none;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-thumbnail .swiper.hide-nav .swiper-wrapper {
  display: flex;
  justify-content: center;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-thumbnail .swiper-slide .product-slide-thumbnail-item {
  width: 100%;
  max-width: 130px;
  margin-bottom: 0;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-thumbnail .swiper-slide .product-slide-thumbnail-item img {
  display: block;
  width: 100%;
  object-fit: cover;
  height: 104px;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-thumbnail .swiper-slide .product-slide-thumbnail-item video {
  display: block;
  width: 100%;
  object-fit: cover;
  height: 104px;
  pointer-events: none;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-thumbnail .bt-next,
.popup-product-detail-zoom .popup-product-detail-glide-slide-thumbnail .bt-prev {
  border: none;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-thumbnail .bt-next svg,
.popup-product-detail-zoom .popup-product-detail-glide-slide-thumbnail .bt-prev svg {
  color: #030706;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-thumbnail .bt-prev {
  left: -48px;
  top: 28px;
  z-index: 2;
}
.popup-product-detail-zoom .popup-product-detail-glide-slide-thumbnail .bt-next {
  right: -48px;
  top: 28px;
  z-index: 2;
}

@media screen and (max-width: 1024px) {
  .popup-product-detail-zoom .panel {
    width: 100%;
    height: 100%;
    padding-bottom: 46px;
  }
  .popup-product-detail-zoom.active {
    background-color: #fff;
  }
  .popup-product-detail-zoom.active .panel {
    position: fixed;
  }
  .popup-product-detail-zoom .popup-product-detail-glide-slide-main {
    width: calc(100% - 120px);
  }
  .popup-product-detail-zoom .popup-product-detail-glide-slide-main .product-watermark {
    --watermark-margin: 24px;
    width: 96px;
  }
}
@media screen and (max-width: 991px) {
  .popup-product-detail-zoom .closelight-bt {
    right: 24px;
    top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .popup-product-detail-zoom .panel {
    padding-bottom: 24px;
  }
  .popup-product-detail-zoom .popup-product-detail-glide-slide-main {
    width: 100%;
    height: 100%;
  }
  .popup-product-detail-zoom .popup-product-detail-glide-slide-main .swiper-slide .icon-rotate-product-360 {
    top: 40px;
  }
  .popup-product-detail-zoom .popup-product-detail-glide-slide-main .swiper-slide .slide-video {
    height: 360px;
  }
  .popup-product-detail-zoom .popup-product-detail-glide-slide-main .swiper-slide .slide-video iframe,
  .popup-product-detail-zoom .popup-product-detail-glide-slide-main .swiper-slide .slide-video video {
    height: 360px;
  }
  .popup-product-detail-zoom .popup-product-detail-glide-slide-main .product-watermark {
    --watermark-margin: 16px;
    width: 64px;
  }
  .popup-product-detail-zoom .popup-product-detail-glide-slide-thumbnail {
    width: 100%;
    max-width: calc(100% - 24px);
  }
  .popup-product-detail-zoom .popup-product-detail-glide-slide-thumbnail .circle-bt {
    display: none;
  }
  .popup-product-detail-zoom .popup-product-detail-glide-slide-thumbnail .swiper-slide {
    width: auto;
  }
}
@media screen and (max-width: 350px) {
  .popup-product-detail-zoom .popup-product-detail-glide-slide-main .swiper-slide .slide-video {
    height: 320px;
  }
  .popup-product-detail-zoom .popup-product-detail-glide-slide-main .swiper-slide .slide-video iframe,
  .popup-product-detail-zoom .popup-product-detail-glide-slide-main .swiper-slide .slide-video video {
    height: 320px;
  }
}
.inspiration-zoom {
  --padding-top: 44px;
  --header-height: 42px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all ease-out 0.3s;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 99;
  visibility: hidden;
  opacity: 0;
}
.inspiration-zoom .inspiration-preview-header {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  min-height: var(--header-height);
}
.inspiration-zoom .inspiration-preview-header .title-wrapper {
  font-size: 14px;
  color: #4c5555;
  line-height: 22px;
}
.inspiration-zoom .inspiration-preview-header .title-wrapper .inspiration-preview-title {
  color: #111c1c;
}
.inspiration-zoom .panel {
  width: calc(100% - 64px);
  height: calc(100% - 64px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: none;
  visibility: hidden;
  opacity: 0;
  transition: all ease-out 0.3s;
  padding: var(--padding-top) 0 32px 0;
  box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08);
  margin: 0;
}
.inspiration-zoom.active {
  visibility: visible;
  opacity: 1;
}
.inspiration-zoom.active .panel {
  visibility: visible;
  opacity: 1;
}
.inspiration-zoom .closelight-bt {
  position: absolute;
  right: var(--padding-top);
  top: var(--padding-top);
  width: var(--header-height);
  height: var(--header-height);
  border: 1px solid #111c1c;
  border-radius: 50%;
  z-index: 2;
}
.inspiration-zoom .closelight-bt .icon-close-light {
  width: 10px;
  height: 10px;
  margin: 16px auto;
}
.inspiration-zoom .spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.inspiration-zoom .slide-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  align-items: center;
}
.inspiration-zoom .inspiration-zoom-slide-main {
  width: calc(100% - 200px);
  max-height: calc(100% - 200px);
  aspect-ratio: 16/9;
}
.inspiration-zoom .inspiration-zoom-slide-main .swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.inspiration-zoom .inspiration-zoom-slide-main .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.inspiration-zoom .inspiration-zoom-slide-main .swiper-pagination.swiper-pagination-bullets {
  bottom: 56px;
  display: none;
}
.inspiration-zoom .inspiration-zoom-slide-main .swiper-slide {
  overflow: hidden;
  display: flex;
  position: relative;
  align-items: center;
  height: 100%;
}
.inspiration-zoom .inspiration-zoom-slide-main .swiper-slide .icon-rotate-product-360 {
  z-index: 5;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.inspiration-zoom .inspiration-zoom-slide-main .swiper-slide .slide-video {
  position: relative;
  width: 100%;
  height: 100%;
}
.inspiration-zoom .inspiration-zoom-slide-main .swiper-slide .slide-video iframe,
.inspiration-zoom .inspiration-zoom-slide-main .swiper-slide .slide-video video {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0px);
  height: 100%;
  display: block;
  object-fit: contain;
  width: 100%;
  border: none;
}
.inspiration-zoom .inspiration-zoom-slide-main .swiper-slide .slide-image {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 100%;
  cursor: zoom-in;
}
.inspiration-zoom .inspiration-zoom-slide-main .swiper-slide .slide-image picture {
  max-width: 100%;
  height: 100%;
}
.inspiration-zoom .inspiration-zoom-slide-main .swiper-slide .slide-image img {
  object-fit: contain;
  max-width: 100%;
  height: 100%;
  position: relative;
}
.inspiration-zoom .inspiration-zoom-slide-main .swiper-slide.zoom .slide-image {
  cursor: move;
}
.inspiration-zoom .inspiration-zoom-slide-main .swiper-slide.zoom .slide-image img {
  position: relative;
  top: 0;
  left: 0;
  transform: translate3d(0px, 0px, 0px) scale(2);
}
.inspiration-zoom .inspiration-zoom-slide-main .slide-nav {
  display: none;
}
.inspiration-zoom .inspiration-zoom-slide-main .product-watermark {
  --watermark-margin: 32;
  position: absolute;
  z-index: 10;
  width: 130px;
  height: auto;
  pointer-events: none;
}
.inspiration-zoom .inspiration-zoom-slide-main .product-watermark img {
  width: 100%;
  height: 100%;
}
.inspiration-zoom.suar .inspiration-zoom-slide-main {
  height: calc(100% - 100px);
  top: 50%;
}
.inspiration-zoom .inspiration-zoom-slide-thumbnail {
  position: relative;
}
.inspiration-zoom .inspiration-zoom-slide-thumbnail .inspiration-zoom-slide-thumbnail-wrapper {
  max-width: 690px;
  width: 100%;
  overflow: hidden;
}
.inspiration-zoom .inspiration-zoom-slide-thumbnail .swiper-button-disabled {
  display: none;
}
.inspiration-zoom .inspiration-zoom-slide-thumbnail .swiper-slide {
  width: 126px;
}
.inspiration-zoom .inspiration-zoom-slide-thumbnail .product-slide-thumbnail-item.is-active {
  border: solid 2px #e4b760;
}
.inspiration-zoom .inspiration-zoom-slide-thumbnail .swiper {
  position: relative;
  width: 100%;
  height: 100%;
}
.inspiration-zoom .inspiration-zoom-slide-thumbnail .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
  justify-content: flex-start;
}
.inspiration-zoom .inspiration-zoom-slide-thumbnail .swiper.hide-nav .swiper-wrapper {
  display: flex;
  justify-content: center;
}
.inspiration-zoom .inspiration-zoom-slide-thumbnail.hide-nav .bt-next,
.inspiration-zoom .inspiration-zoom-slide-thumbnail.hide-nav .bt-prev {
  display: none;
}
.inspiration-zoom .inspiration-zoom-slide-thumbnail .swiper-slide .product-slide-thumbnail-item {
  width: 130px;
  margin-bottom: 0;
}
.inspiration-zoom .inspiration-zoom-slide-thumbnail .swiper-slide .product-slide-thumbnail-item img {
  display: block;
  width: 100%;
  object-fit: cover;
  height: 104px;
}
.inspiration-zoom .inspiration-zoom-slide-thumbnail .swiper-slide .product-slide-thumbnail-item video {
  display: block;
  width: 100%;
  object-fit: cover;
  height: 104px;
  pointer-events: none;
}
.inspiration-zoom .inspiration-zoom-slide-thumbnail .bt-next,
.inspiration-zoom .inspiration-zoom-slide-thumbnail .bt-prev {
  border: none;
}
.inspiration-zoom .inspiration-zoom-slide-thumbnail .bt-next svg,
.inspiration-zoom .inspiration-zoom-slide-thumbnail .bt-prev svg {
  color: #030706;
  width: 12px;
  height: 12px;
}
.inspiration-zoom .inspiration-zoom-slide-thumbnail .bt-prev {
  left: -48px;
  top: 28px;
  z-index: 2;
}
.inspiration-zoom .inspiration-zoom-slide-thumbnail .bt-prev .icon-arr-left {
  width: 24px;
  height: 24px;
}
.inspiration-zoom .inspiration-zoom-slide-thumbnail .bt-prev:hover .icon-arr-left {
  position: relative;
  animation: moveBackNew 0.6s ease both;
}
.inspiration-zoom .inspiration-zoom-slide-thumbnail .bt-prev .icon-arrow {
  transform: rotate(90deg);
}
.inspiration-zoom .inspiration-zoom-slide-thumbnail .bt-next {
  right: -48px;
  top: 28px;
  z-index: 2;
}
.inspiration-zoom .inspiration-zoom-slide-thumbnail .bt-next .icon-arr-right {
  width: 24px;
  height: 24px;
}
.inspiration-zoom .inspiration-zoom-slide-thumbnail .bt-next:hover .icon-arr-right {
  position: relative;
  animation: moveNextNew 0.6s ease both;
}
.inspiration-zoom .inspiration-zoom-slide-thumbnail .bt-next .icon-arrow {
  transform: rotate(-90deg);
}

@media screen and (max-width: 1024px) {
  .inspiration-zoom .panel {
    width: 100%;
    height: 100%;
    padding-bottom: 46px;
  }
  .inspiration-zoom.active {
    background-color: #fff;
  }
  .inspiration-zoom.active .panel {
    position: fixed;
  }
  .inspiration-zoom .inspiration-zoom-slide-main {
    width: calc(100% - 120px);
  }
  .inspiration-zoom .inspiration-zoom-slide-main .product-watermark {
    --watermark-margin: 24px;
    width: 96px;
  }
}
@media screen and (max-width: 991px) {
  .inspiration-zoom {
    --padding-top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .inspiration-zoom .panel {
    padding: 24px 0;
  }
  .inspiration-zoom .inspiration-preview-header .title-wrapper {
    display: flex;
    flex-direction: column;
  }
  .inspiration-zoom .inspiration-preview-header .title-wrapper .dot-txt {
    display: none;
  }
  .inspiration-zoom .inspiration-zoom-slide-main {
    width: 100%;
    height: calc(100% - 200px);
  }
  .inspiration-zoom .inspiration-zoom-slide-main .swiper-slide .icon-rotate-product-360 {
    top: 40px;
  }
  .inspiration-zoom .inspiration-zoom-slide-main .swiper-slide .slide-video {
    height: 360px;
  }
  .inspiration-zoom .inspiration-zoom-slide-main .swiper-slide .slide-video iframe,
  .inspiration-zoom .inspiration-zoom-slide-main .swiper-slide .slide-video video {
    height: 360px;
  }
  .inspiration-zoom .inspiration-zoom-slide-main .product-watermark {
    --watermark-margin: 16px;
    width: 64px;
  }
  .inspiration-zoom .inspiration-zoom-slide-thumbnail {
    width: 100%;
    max-width: calc(100% - 24px);
    bottom: 46px;
  }
  .inspiration-zoom .inspiration-zoom-slide-thumbnail .circle-bt {
    display: none;
  }
  .inspiration-zoom .inspiration-zoom-slide-thumbnail .swiper-slide {
    width: auto;
  }
}
@media screen and (max-width: 350px) {
  .inspiration-zoom .inspiration-zoom-slide-main .swiper-slide .slide-video {
    height: 320px;
  }
  .inspiration-zoom .inspiration-zoom-slide-main .swiper-slide .slide-video iframe,
  .inspiration-zoom .inspiration-zoom-slide-main .swiper-slide .slide-video video {
    height: 320px;
  }
}
.popup-image-edition-view {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all ease-out 0.3s;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 99;
  visibility: hidden;
  opacity: 0;
}
.popup-image-edition-view.active {
  visibility: visible;
  opacity: 1;
}
.popup-image-edition-view.active .popup-content {
  visibility: visible;
  opacity: 1;
}
.popup-image-edition-view .popup-content {
  width: calc(100% - 80px);
  height: calc(100% - 80px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: none;
  visibility: hidden;
  opacity: 0;
  transition: all ease-out 0.3s;
  box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08);
  margin: 0;
}
.popup-image-edition-view .popup-content .closelight-bt {
  position: absolute;
  right: 40px;
  top: 40px;
  width: 42px;
  height: 42px;
  border: 1px solid #111c1c;
  border-radius: 50%;
  z-index: 2;
}
.popup-image-edition-view .popup-content .closelight-bt .icon-close-light {
  width: 10px;
  height: 10px;
  margin: 16px auto;
}
.popup-image-edition-view .popup-content .popup-wrapper {
  padding: 40px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.popup-image-edition-view .popup-content .popup-wrapper .image-box {
  width: 100%;
  height: clamp(min(100%, 700px), 100% - 48px, 100% - 176px);
  position: relative;
  padding: 0 88px;
}
.popup-image-edition-view .popup-content .popup-wrapper .image-box img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  position: relative;
  object-fit: contain;
}
.popup-image-edition-view .popup-content .popup-wrapper .btn-order-sample {
  display: inline-flex;
  height: 48px;
  padding: 0px 16px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 100px;
  background-color: #e4b760;
  width: fit-content;
  transition: all 0.3s;
  margin-top: 40px;
}
.popup-image-edition-view .popup-content .popup-wrapper .btn-order-sample span {
  color: #fff;
  font-family: Graphik;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

@media screen and (max-width: 1112px) {
  .popup-image-edition-view .popup-content {
    width: 100%;
    height: 100%;
  }
  .popup-image-edition-view .popup-content .popup-wrapper .image-box {
    padding: 88px 0;
  }
}
@media screen and (max-width: 1112px) and (orientation: landscape) {
  .popup-image-edition-view .popup-content .popup-wrapper .image-box {
    padding: 0px 88px;
  }
}
@media screen and (max-width: 743px) {
  .popup-image-edition-view .popup-content .popup-wrapper {
    padding: 0;
  }
  .popup-image-edition-view .popup-content .popup-wrapper .image-box {
    padding: 0;
    max-height: 468px;
  }
}
@media screen and (max-width: 743px) and (orientation: landscape) {
  .popup-image-edition-view .popup-content .popup-wrapper {
    padding: 40px;
  }
  .popup-image-edition-view .popup-content .popup-wrapper .image-box {
    padding: 0px 88px;
  }
}
.popup-3d-extra-info {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: 25;
  width: min(804px, 100% - 32px);
  height: min(800px, 100% - 32px);
  background-color: #fff;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.08);
  flex-direction: column;
  border-radius: 4px;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  display: none;
  transition: all 0.5s ease-in-out;
}
.popup-3d-extra-info.active {
  opacity: 1;
  visibility: visible;
  display: flex;
}
.popup-3d-extra-info.no-image .close-popup {
  position: relative;
  top: 0;
  right: 0;
  margin-top: 24px;
  margin-right: 24px;
  margin-left: auto;
  flex-shrink: 0;
}
.popup-3d-extra-info.no-image .img-box {
  display: none;
}
.popup-3d-extra-info.hidden-footer .content-box {
  margin-bottom: 24px;
}
.popup-3d-extra-info.hidden-footer .popup-footer {
  display: none;
}
.popup-3d-extra-info .close-popup {
  top: 24px;
  right: 24px;
  position: absolute;
  display: flex;
  cursor: pointer;
  z-index: 2;
  width: 32px;
  height: 32px;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 0.5em 0px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #111c1c;
}
.popup-3d-extra-info .close-popup svg {
  width: 12px;
  height: 12px;
}
.popup-3d-extra-info .img-box {
  width: 100%;
  height: auto;
  position: relative;
  aspect-ratio: 268/151;
  max-height: 55%;
  overflow: hidden;
  align-items: center;
  flex-shrink: 0;
}
.popup-3d-extra-info .img-box .edition-img-slide {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.popup-3d-extra-info .img-box .edition-img-slide .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.popup-3d-extra-info .img-box .btn-prev,
.popup-3d-extra-info .img-box .btn-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  background-color: #fff;
  box-shadow: 0px 0px 0.5em 0px rgba(0, 0, 0, 0.1);
  color: #111c1c;
}
.popup-3d-extra-info .img-box .btn-prev.swiper-button-lock,
.popup-3d-extra-info .img-box .btn-next.swiper-button-lock {
  display: none;
}
.popup-3d-extra-info .img-box .btn-prev {
  left: 24px;
  overflow: hidden;
}
.popup-3d-extra-info .img-box .btn-prev:not(.disabled):not(.swiper-button-lock):hover .icon-arrow {
  animation: moveBackNew 0.6s linear forwards;
}
.popup-3d-extra-info .img-box .btn-prev .icon-arrow {
  position: absolute;
  transform: rotate(90deg) translateY(-5px);
  left: 0;
}
.popup-3d-extra-info .img-box .btn-next {
  right: 24px;
  overflow: hidden;
}
.popup-3d-extra-info .img-box .btn-next:not(.disabled):not(.swiper-button-lock):hover .icon-arrow {
  animation: moveNextNew 0.6s linear forwards;
}
.popup-3d-extra-info .img-box .btn-next .icon-arrow {
  position: absolute;
  transform: rotate(-90deg) translateY(11px);
  left: 0;
}
.popup-3d-extra-info .slide-pagination.swiper-pagination-bullets {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  width: fit-content;
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.popup-3d-extra-info .slide-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  width: 6px;
  height: 6px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
  opacity: 1;
  display: flex;
  gap: 8px;
}
.popup-3d-extra-info .slide-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.popup-3d-extra-info .slide-pagination.swiper-pagination-lock {
  display: none;
}
.popup-3d-extra-info .content-box {
  display: flex;
  flex-direction: column;
  margin: 24px 24px 0 32px;
  padding-right: 8px;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 150px;
  height: 100%;
  background-color: #fff;
  z-index: -1;
}
.popup-3d-extra-info .content-box::-webkit-scrollbar-track {
  background: #f8f7f4;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  padding-left: 8px;
}
.popup-3d-extra-info .content-box::-webkit-scrollbar {
  position: relative;
  width: 6px;
}
.popup-3d-extra-info .content-box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #111c1c;
}
.popup-3d-extra-info .content-box .title {
  color: #111c1c;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
}
.popup-3d-extra-info .content-box .desc-box {
  color: #111c1c;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-top: 8px;
  padding-bottom: 36px;
}
.popup-3d-extra-info .content-box .desc-box a {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  cursor: pointer;
  color: #111c1c;
}
.popup-3d-extra-info .popup-footer {
  height: 80px;
  padding: 0 24px;
  background: #fff;
  box-shadow: -4px -4px 8px 0px rgba(0, 0, 0, 0.04);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
  z-index: 1;
  position: relative;
  bottom: 0;
}
.popup-3d-extra-info .popup-footer .price-box {
  color: #111c1c;
  text-align: right;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.popup-3d-extra-info .popup-footer .btn-select-edition {
  font-size: 16px;
  color: #fff;
  padding: 8px 16px;
  background-color: #e4b760;
  border: 1px solid #e4b760;
  cursor: pointer;
  transition: background-color 0.3s;
  border-radius: 100px;
  display: flex;
  width: 200px;
  height: 48px;
  justify-content: center;
  align-items: center;
  margin-left: 24px;
}
.popup-3d-extra-info .popup-footer .btn-select-edition.disabled {
  opacity: 0.7;
  cursor: default;
}
.popup-3d-extra-info .popup-footer .btn-select-edition:not(.disabled):hover {
  filter: brightness(90%);
}

@media (hover: hover) and (pointer: fine) {
  .popup-3d-extra-info .img-box .btn-prev:not(.disabled):not(.swiper-button-lock):hover svg {
    animation: moveBackNew 0.6s linear forwards;
  }
  .popup-3d-extra-info .img-box .btn-next:not(.disabled):not(.swiper-button-lock):hover svg {
    animation: moveNextNew 0.6s linear forwards;
  }
}
@media screen and (max-width: 743px) {
  .popup-3d-extra-info {
    height: min(578px, 100% - 64px);
  }
  .popup-3d-extra-info.no-image .close-popup {
    margin-top: 16px;
    margin-right: 16px;
  }
  .popup-3d-extra-info .close-popup {
    top: 16px;
    right: 16px;
  }
  .popup-3d-extra-info .img-box {
    aspect-ratio: 382/215;
  }
  .popup-3d-extra-info .img-box .btn-prev {
    left: 16px;
  }
  .popup-3d-extra-info .img-box .btn-next {
    right: 16px;
  }
  .popup-3d-extra-info .content-box {
    margin: 16px 8px 0 16px;
    padding-right: 8px;
  }
  .popup-3d-extra-info .content-box .desc-box {
    font-size: 14px;
    line-height: 24px;
  }
  .popup-3d-extra-info .popup-footer {
    padding: 0 16px;
  }
  .popup-3d-extra-info .popup-footer .btn-select-edition {
    font-size: 14px;
    line-height: 24px;
  }
}
.configuration-progress {
  position: absolute;
  left: 96px;
  bottom: 48px;
  z-index: 4;
  transition: top 0.2s linear;
}
.configuration-progress.sofa {
  bottom: auto;
  top: 390px;
}
.configuration-progress.dk {
  z-index: 6;
}
.configuration-progress.mb {
  display: none;
}
.configuration-progress.progress-3d {
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  height: fit-content;
  z-index: 2;
}
.configuration-progress.progress-3d .progress {
  flex-direction: column;
}
.configuration-progress.progress-3d .progress .progress-step {
  height: 34px;
  border-radius: 20px;
  align-items: center;
}
.configuration-progress.progress-3d .progress .progress-step.inactive {
  display: none;
}
.configuration-progress.progress-3d .progress .progress-step.last {
  margin-bottom: 0px;
}
.configuration-progress.progress-3d .progress .progress-step:after {
  left: 15px;
  top: 33px;
}
.configuration-progress.progress-3d .progress .progress-step.is-active {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
}
.configuration-progress.progress-3d .progress .progress-step.is-active:after {
  top: 36px;
  left: 15px;
}
.configuration-progress.progress-3d .progress .progress-step.is-active .progress-circle:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.configuration-progress.progress-3d .progress .progress-step.is-active p {
  opacity: 1;
}
.configuration-progress.progress-3d .progress .progress-step.is-complete .progress-circle:before {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.configuration-progress.progress-3d .progress .progress-step.is-complete:after {
  top: 36px;
  left: 15px;
}
.configuration-progress.progress-3d .progress .progress-step .progress-circle {
  margin: 4px;
  position: relative;
}
.configuration-progress.progress-3d .progress .progress-step .progress-circle:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease-in-out;
}
.configuration-progress.progress-3d .progress .progress-step p {
  font-size: 12px;
  padding: 0px 18px 0px 10px;
  opacity: 0;
}
.configuration-progress .progress {
  position: relative;
  display: flex;
  flex-flow: column wrap;
}
.configuration-progress .progress .progress-step {
  position: relative;
  display: flex;
  width: fit-content;
  margin-bottom: 34px;
  cursor: pointer;
}
.configuration-progress .progress .progress-step.disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.configuration-progress .progress .progress-step.inactive {
  display: none;
}
.configuration-progress .progress .progress-step .progress-circle {
  width: 24px;
  height: 24px;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.configuration-progress .progress .progress-step .progress-circle:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border: 1px solid #7f7f7d;
  border-radius: 50%;
  top: 4px;
  left: 6px;
}
.configuration-progress .progress .progress-step p {
  font-size: 16px;
  line-height: 24px;
  padding-left: 12px;
  font-weight: 700;
  color: #d8d8d8;
}
.configuration-progress .progress .progress-step.last:after {
  display: none;
}
.configuration-progress .progress .progress-step:last-child:after {
  display: none;
}
.configuration-progress .progress .progress-step:after {
  content: "";
  position: absolute;
  top: 22px;
  left: 11px;
  width: 2px;
  transition: width 1s ease-in;
  height: 34px;
  background: #d8d8d8;
  z-index: 0;
}
.configuration-progress .progress .progress-step.is-active .progress-circle {
  width: 24px;
  height: 24px;
  border: 1px solid #111c1c;
  border-radius: 50%;
  animation: pulseProgress 2s infinite;
}
.configuration-progress .progress .progress-step.is-active .progress-circle:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border: 1px solid #111c1c;
  border-radius: 50%;
  top: 8px;
  left: 8px;
}
.configuration-progress .progress .progress-step.is-active p {
  color: #111c1c;
}
.configuration-progress .progress .progress-step.is-active:after {
  content: "";
  height: 30px;
  top: 28px;
  background-color: #111c1c;
  animation: nextStepHeight 0.5s;
  animation-fill-mode: forwards;
}
.configuration-progress .progress .progress-step.is-complete .progress-circle {
  width: 24px;
  height: 24px;
  border: 1px solid #e4b760;
  border-radius: 50%;
  background-color: #e4b760;
}
.configuration-progress .progress .progress-step.is-complete .progress-circle:before {
  content: "";
  left: 11px;
  top: 6px;
  width: 2px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-progress .progress .progress-step.is-complete p {
  color: #111c1c;
}
.configuration-progress .progress .progress-step.is-complete:after {
  content: "";
  height: 26px;
  top: 28px;
  background: #e4b760;
  animation: nextStepHeight 0.5s;
  animation-fill-mode: forwards;
}

@media screen and (max-width: 1600px) {
  .configuration-progress.progress-3d {
    left: 64px;
  }
}
@media screen and (max-width: 1112px) {
  .configuration-progress.progress-3d {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .configuration-progress {
    width: 100%;
    position: relative;
    top: 0;
    margin: 32px 0px;
    left: 0;
    display: flex;
    justify-content: center;
  }
  .configuration-progress.sofa {
    top: auto !important;
  }
  .configuration-progress .progress {
    flex-flow: row wrap;
  }
  .configuration-progress .progress .progress-step {
    margin-bottom: 0px;
    margin-right: 52px;
    width: fit-content;
  }
  .configuration-progress .progress .progress-step:last-child {
    margin-right: 0px;
  }
  .configuration-progress .progress .progress-step:after {
    top: 11px;
    left: 30px;
    width: 40px;
    transition: width 1s ease-in;
    height: 2px;
  }
  .configuration-progress .progress .progress-step.is-active:after {
    height: 2px;
    top: 11px;
    width: 40px;
    left: 30px;
    animation: nextStepWidth 0.5s;
  }
  .configuration-progress .progress .progress-step.is-active .progress-circle {
    margin-left: 0px;
  }
  .configuration-progress .progress .progress-step.is-complete {
    margin-left: 0px;
  }
  .configuration-progress .progress .progress-step.is-complete:after {
    height: 2px;
    width: 40px;
    top: 11px;
    left: 30px;
    animation: nextStepWidth 0.5s;
  }
  .configuration-progress .progress .progress-step p {
    display: none;
  }
  .configuration-progress .progress .progress-step .progress-circle:before {
    top: 6px;
  }
}
@media screen and (max-width: 767px) {
  .configuration-progress {
    position: relative;
    top: 0;
    bottom: unset;
    margin-bottom: 30px;
    margin-right: 32px;
    left: 0;
  }
  .configuration-progress.dk {
    display: none;
  }
  .configuration-progress.mb {
    display: flex;
    left: 12px;
  }
  .configuration-progress .progress .progress-step {
    margin-right: 20px;
  }
  .configuration-progress .progress .progress-step .progress-circle {
    width: 18px;
    height: 18px;
  }
  .configuration-progress .progress .progress-step .progress-circle:before {
    width: 6px;
    height: 6px;
    left: 5px;
    top: 5px;
  }
  .configuration-progress .progress .progress-step:after {
    top: 8px;
    left: 20px;
    width: 16px;
    height: 2px;
  }
  .configuration-progress .progress .progress-step.is-active .progress-circle {
    width: 18px;
    height: 18px;
  }
  .configuration-progress .progress .progress-step.is-active .progress-circle:before {
    width: 4px;
    height: 4px;
    top: 6px;
    left: 6px;
  }
  .configuration-progress .progress .progress-step.is-active:after {
    height: 2px;
    top: 8px;
    width: 16px;
    left: 20px;
  }
  .configuration-progress .progress .progress-step.is-complete .progress-circle {
    width: 18px;
    height: 18px;
    border: 1px solid #e4b760;
  }
  .configuration-progress .progress .progress-step.is-complete .progress-circle:before {
    left: 7px;
    top: 4px;
    width: 2px;
    height: 6px;
  }
  .configuration-progress .progress .progress-step.is-complete:after {
    height: 2px;
    width: 16px;
    top: 8px;
    left: 20px;
  }
}
@media screen and (max-width: 766px) {
  .configuration-progress .progress {
    position: relative;
    left: -8px;
  }
}
.configuration-layout-step {
  height: calc(100% - 100px);
  top: 0;
  width: 100%;
  position: relative;
  z-index: 6;
}
.configuration-layout-step.active-layer-bottom {
  z-index: 2;
}
.configuration-layout-step .layout-step {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
  pointer-events: none;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.configuration-layout-step .layout-step.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  z-index: 4;
  position: relative;
  overflow-y: visible;
}
.configuration-layout-step .layout-step.long-content .config-box-text .configuration-title {
  margin-bottom: 40px;
}
.configuration-layout-step .layout-step.long-content .config-box-text .configuration-title .title-txt p {
  font-size: 48px;
  line-height: 48px;
}
.configuration-layout-step .layout-step.long-content .config-box-text .configuration-detail.show-more .detail-content {
  height: 100%;
  max-height: 196px;
}
.configuration-layout-step.popup-zoom-active {
  z-index: 4;
}
.configuration-layout-step .config-box-text {
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.configuration-layout-step .config-box-text .configuration-title {
  padding: 10px 0px;
  margin-bottom: 56px;
  padding-left: 160px;
}
.configuration-layout-step .config-box-text .configuration-title .title-txt p,
.configuration-layout-step .config-box-text .configuration-title .title-txt .title {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.configuration-layout-step .config-box-text .configuration-title .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
  max-width: 430px;
}
.configuration-layout-step .config-box-text .configuration-title .desc-txt p {
  color: #111c1c;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.configuration-layout-step .config-box-text .configuration-detail {
  max-width: 400px;
}
.configuration-layout-step .config-box-text .configuration-detail .detail-content {
  max-width: 350px;
  margin-bottom: 16px;
  overflow: hidden;
  transition: unset;
}
.configuration-layout-step .config-box-text .configuration-detail .detail-content p,
.configuration-layout-step .config-box-text .configuration-detail .detail-content .desc {
  font-size: 14px;
  line-height: 24px;
}
.configuration-layout-step .config-box-text .configuration-detail .detail-content .desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
}
.configuration-layout-step .config-box-text .configuration-detail .bt-route {
  display: none;
}
.configuration-layout-step .config-box-text .configuration-detail .bt-route p {
  font-size: 14px;
  font-weight: 600;
  padding-right: 8px;
  padding-left: 10px;
}
.configuration-layout-step .config-box-text .configuration-detail .less-info,
.configuration-layout-step .config-box-text .configuration-detail .icon-arr-up {
  display: none;
}
.configuration-layout-step .config-box-text .configuration-detail .more-info,
.configuration-layout-step .config-box-text .configuration-detail .icon-arr-down {
  display: block;
}
.configuration-layout-step .config-box-text .configuration-detail.show-more .detail-content {
  height: 100%;
  max-height: 244px;
  overflow-y: auto;
}
.configuration-layout-step .config-box-text .configuration-detail.show-more .less-info,
.configuration-layout-step .config-box-text .configuration-detail.show-more .icon-arr-up {
  display: block;
}
.configuration-layout-step .config-box-text .configuration-detail.show-more .more-info,
.configuration-layout-step .config-box-text .configuration-detail.show-more .icon-arr-down {
  display: none;
}
.configuration-layout-step .config-box-text .configuration-detail.no-more-content .less-info,
.configuration-layout-step .config-box-text .configuration-detail.no-more-content .icon-arr-up {
  display: none;
}
.configuration-layout-step .config-box-text .configuration-detail.no-more-content .more-info,
.configuration-layout-step .config-box-text .configuration-detail.no-more-content .icon-arr-down {
  display: none;
}
.configuration-layout-step .config-box-text .configuration-detail.no-more-content .icon-info-or {
  display: none;
}
.configuration-layout-step .tds-choice-desc-box {
  width: 100%;
  max-width: 288px;
  position: relative;
}
.configuration-layout-step .tds-choice-desc-box .badge-tds-choice {
  margin-bottom: 8px;
}
.configuration-layout-step .tds-choice-desc-box .badge-tds-choice svg {
  height: 16px;
  width: 94px;
  color: #111c1c;
}
.configuration-layout-step .tds-choice-desc-box .badge-tds-choice svg use {
  transform: scale(0.667);
}
.configuration-layout-step .tds-choice-desc-box .content {
  color: #111c1c;
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.configuration-layout-step.small-size .config-box-text .configuration-title {
  padding: 0 60px;
}

@media screen and (max-width: 1680px) {
  .configuration-layout-step {
    padding: 0px;
  }
  .configuration-layout-step .layout-step .config-box-text .configuration-title {
    padding: 10px 80px;
    margin-bottom: 20px;
  }
  .configuration-layout-step .layout-step .config-box-text .configuration-title .title-txt p {
    font-size: 44px;
    line-height: 54px;
  }
  .configuration-layout-step .layout-step .config-box-text .configuration-detail .detail-content {
    margin-bottom: 16px;
    max-width: 296px;
  }
  .configuration-layout-step .layout-step.long-content .config-box-text .configuration-title {
    padding: 10px 80px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .configuration-layout-step {
    position: relative;
    top: 0;
    min-height: 100%;
    overflow: hidden;
    padding-left: 64px;
  }
  .configuration-layout-step .layout-step .config-box-text {
    width: 100%;
    position: relative;
  }
  .configuration-layout-step .layout-step .config-box-text .configuration-title {
    padding: 10px 0px 10px 80px;
  }
  .configuration-layout-step .layout-step .config-box-text .configuration-title .title-txt p {
    font-size: 40px;
    line-height: 50px;
  }
  .configuration-layout-step .layout-step .config-box-text .configuration-title .desc-txt p {
    display: block;
  }
  .configuration-layout-step .layout-step .config-box-text .configuration-title {
    padding: 28px 0px;
    padding-right: 64px;
    margin-bottom: 4px;
    text-align: center;
  }
  .configuration-layout-step .layout-step .config-box-text .configuration-detail {
    padding-left: 64px;
    padding-right: 64px;
    max-width: 100%;
  }
  .configuration-layout-step .layout-step .config-box-text .configuration-detail.show-more {
    max-height: 100%;
    max-width: 100%;
  }
  .configuration-layout-step .layout-step .config-box-text .configuration-detail.show-more .detail-content {
    max-height: 100%;
    height: 100%;
  }
  .configuration-layout-step .layout-step .config-box-text .configuration-detail .detail-content {
    max-width: 320px;
    padding-left: 36px;
    margin-bottom: 12px;
    min-height: 76px;
    height: 94px;
  }
  .configuration-layout-step .layout-step .config-box-text .configuration-detail .detail-content p {
    display: block;
  }
  .configuration-layout-step .layout-step .config-box-text .configuration-detail .detail-content .desc {
    display: block;
  }
  .configuration-layout-step .layout-step .config-box-text .configuration-detail .bt .bt-route {
    padding-left: 36px;
  }
  .configuration-layout-step .layout-step .config-box-text .configuration-detail .bt-route {
    display: flex;
  }
  .configuration-layout-step .layout-step.detailsround, .configuration-layout-step .layout-step.detailscolorround {
    position: relative;
    height: 1px;
  }
  .configuration-layout-step .layout-step.detailsround.active, .configuration-layout-step .layout-step.detailscolorround.active {
    height: 100%;
  }
  .configuration-layout-step .layout-step .tds-choice-desc-box {
    margin-left: 100px;
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .configuration-layout-step {
    padding-bottom: 0px;
    height: auto;
    z-index: 1;
    padding-left: 0px;
  }
  .configuration-layout-step .layout-step {
    height: auto;
  }
  .configuration-layout-step .layout-step .config-box-text {
    padding: 0px 32px;
  }
  .configuration-layout-step .layout-step .config-box-text .configuration-title {
    padding: 34px 0px 30px;
    margin-bottom: 0px;
  }
  .configuration-layout-step .layout-step .config-box-text .configuration-title .title-txt p {
    font-size: 32px;
    line-height: 44px;
  }
  .configuration-layout-step .layout-step .config-box-text .configuration-detail {
    padding: 0;
    margin-bottom: 20px;
  }
  .configuration-layout-step .layout-step .config-box-text .configuration-detail .detail-content {
    max-width: 100%;
    padding: 0px;
  }
  .configuration-layout-step .layout-step .config-box-text .configuration-detail .bt .bt-route {
    padding-left: 0px;
  }
  .configuration-layout-step .layout-step .tds-choice-desc-box {
    margin-left: 0;
    margin-top: 0;
  }
  .configuration-layout-step .layout-step.colordetails {
    overflow: hidden;
  }
  .configuration-layout-step .layout-step.colordetailsmultiselect {
    overflow: hidden;
  }
}
@media screen and (max-width: 400px) {
  .configuration-layout-step {
    padding-bottom: 0px;
  }
}
.configuration-select-size {
  width: 71%;
  max-width: 1004px;
  padding: 0px 48px;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  height: 100%;
}
.configuration-select-size .disabled-by-force-select .list-select {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-select-size .disabled-by-force-select .form-input {
  opacity: 0.8;
  cursor: not-allowed;
}
.configuration-select-size .box-image {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  margin-bottom: 16px;
  margin-top: 32px;
}
.configuration-select-size .box-image img {
  width: 100%;
  object-fit: cover;
}
.configuration-select-size .box-select {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
}
.configuration-select-size .box-select .custom-select-list {
  padding: 0px 8px;
  max-width: 232px;
  width: 100%;
}
.configuration-select-size .box-select .custom-select-list .form-label {
  display: none;
  padding-left: 24px;
  margin-bottom: 10px;
}
.configuration-select-size .box-select .custom-select-list .form-label p {
  font-size: 12px;
  line-height: 20px;
  color: #111c1c;
}
.configuration-select-size .box-select .custom-select-list .list-option {
  min-width: calc(100% - 16px);
  width: fit-content;
  left: 8px;
}
.configuration-select-size .box-select .custom-select-list .list-select.active .icon-info-tooltips {
  display: none;
}
.configuration-select-size .box-select .custom-select-list .list-select .icon-info-tooltips {
  width: 22px;
  height: 22px;
  position: absolute;
  right: 38px;
}
.configuration-select-size .box-select .custom-select-list .list-select .icon-info-tooltips svg {
  position: absolute;
  width: 22px;
  height: 22px;
  color: rgb(192, 192, 192);
  left: 0;
  top: 0;
}
.configuration-select-size .box-select .custom-select-list .list-select .icon-info-tooltips:hover .tooltip-content-box, .configuration-select-size .box-select .custom-select-list .list-select .icon-info-tooltips.active .tooltip-content-box {
  transform: translateY(0) translateX(-80%);
  visibility: visible;
  opacity: 1;
}
.configuration-select-size .box-select .custom-select-list .list-select .icon-info-tooltips p {
  font-size: 9px;
  padding: 0px;
}
.configuration-select-size .box-select .custom-select-list .list-select .tooltip-content-box {
  position: absolute;
  bottom: 32px;
  left: 50%;
  display: block;
  background-color: #ffffff;
  width: fit-content;
  padding: 18px 14px;
  border-radius: 6px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  transform: translateY(10%) translateX(-80%);
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
  min-width: 200px;
  height: auto;
  font-size: 12px;
  color: #000;
  font-weight: normal;
}
.configuration-select-size .box-select .custom-select-list .list-select .tooltip-content-box:before {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 80%;
  width: 9px;
  height: 9px;
  background: #ffffff;
  transform: rotate(45deg) translateX(-80%);
}
.configuration-select-size.small-size .box-image {
  max-width: 450px;
  height: 360px;
  margin-top: 0;
}

@media screen and (max-width: 1320px) {
  .configuration-select-size {
    padding: 0px;
  }
}
@media screen and (max-width: 1024px) {
  .configuration-select-size {
    width: 100%;
    position: relative;
    padding-right: 64px;
  }
  .configuration-select-size .box-image {
    width: 100%;
    height: 414px;
  }
  .configuration-select-size .box-image img {
    object-fit: contain;
    height: 414px;
  }
  .configuration-select-size .box-select .custom-select-list.config-price-list .list-result {
    padding: 0px 20px;
  }
  .configuration-select-size .box-select .custom-select-list.config-price-list .list-select p {
    padding-left: 20px;
  }
  .configuration-select-size .box-select .custom-select-list.config-price-list .list-select .icon-arr-down {
    right: 20px;
    top: 20px;
  }
  .configuration-select-size .box-select .custom-select-list:first-child {
    padding-left: 0px;
  }
  .configuration-select-size .box-select .custom-select-list:last-child {
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) {
  .configuration-select-size {
    margin-bottom: 30px;
    padding: 0px 32px;
  }
  .configuration-select-size .box-image {
    height: 320px;
  }
  .configuration-select-size .box-image img {
    height: 320px;
  }
  .configuration-select-size .box-select {
    flex-flow: row wrap;
  }
  .configuration-select-size .box-select .custom-select-list {
    width: 50%;
    margin-bottom: 10px;
    max-width: unset;
  }
  .configuration-select-size .box-select .custom-select-list:nth-child(n) {
    padding: 0px 8px;
  }
  .configuration-select-size .box-select.items-1 .custom-select-list {
    width: 100%;
    max-width: unset;
  }
  .configuration-select-size .box-select.items-3 .custom-select-list:last-child {
    width: 100%;
    max-width: unset;
  }
}
@media screen and (max-width: 615px) {
  .configuration-select-size .box-select .custom-select-list:nth-child(n) {
    padding: 0px 4px;
  }
}
@media screen and (max-width: 480px) {
  .configuration-select-size .box-select .custom-select-list.config-price-list .list-select p {
    padding-left: 10px;
  }
  .configuration-select-size .box-select .custom-select-list.config-price-list .list-result {
    padding: 0px 10px;
  }
  .configuration-select-size .box-select .custom-select-list.config-price-list .list-result .result-row p {
    font-size: 10px;
  }
  .configuration-select-size .box-select .custom-select-list.config-price-list .list-option .box-options .box-option {
    padding: 0px 10px;
  }
  .configuration-select-size .box-select .custom-select-list.config-price-list .list-option .box-options .box-option p {
    font-size: 10px;
  }
}
@media screen and (max-width: 400px) {
  .configuration-select-size {
    margin-bottom: 30px;
  }
  .configuration-select-size .box-select .custom-select-list {
    width: 100%;
    max-width: 100%;
  }
  .configuration-select-size .box-select .custom-select-list.config-price-list .list-select p {
    padding-left: 20px;
  }
  .configuration-select-size .box-select .custom-select-list.config-price-list .list-select .icon-info-tooltips .tooltip-content-box {
    min-width: 250px;
  }
  .configuration-select-size .box-select .custom-select-list.config-price-list .list-select .icon-info-tooltips .tooltip-content-box p {
    padding-left: 0;
  }
  .configuration-select-size .box-select .custom-select-list.config-price-list .list-result {
    padding: 0px 20px;
  }
  .configuration-select-size .box-select .custom-select-list.config-price-list .list-result .result-row p {
    font-size: 12px;
  }
  .configuration-select-size .box-select .custom-select-list.config-price-list .list-option .box-options .box-option {
    padding: 0px 20px;
  }
  .configuration-select-size .box-select .custom-select-list.config-price-list .list-option .box-options .box-option p {
    font-size: 12px;
  }
  .configuration-select-size .box-select .custom-select-list:nth-child(n) {
    padding: 0px;
  }
}
.configuration-select-manual-input .form-block .form-input input {
  height: 48px;
}
.configuration-select-manual-input .form-block .message {
  margin-top: 10px;
  display: none;
}
.configuration-select-manual-input.configuration-select-size .box-select .custom-select-list .form-label {
  display: block;
}
.configuration-select-manual-input.configuration-select-size .box-select .custom-select-list .form-label.message {
  display: none;
}
.configuration-select-manual-input.configuration-select-size .box-select .custom-select-list .list-option {
  top: 64px;
}
.configuration-select-manual-input.configuration-select-size .box-select .custom-select-list.show-message .message {
  display: block;
}
.configuration-select-manual-input.configuration-select-size .box-select .custom-select-list .options {
  display: none;
}
.configuration-select-manual-input .form-block.show-message .form-input input {
  color: #e6bf72;
}
.configuration-select-manual-input .form-block.show-message .message {
  display: block;
}

@media screen and (max-width: 767px) {
  .configuration-select-manual-input .form-block.show-message .message {
    position: absolute;
    margin-top: 20px;
    margin-bottom: 0;
    width: 200%;
  }
  .configuration-select-manual-input .form-block.show-message:first-child .message {
    left: 0;
  }
  .configuration-select-manual-input .box-select.items-1 .form-block .message {
    width: 100%;
  }
  .configuration-select-manual-input .box-select.items-3 .form-block:last-child .message {
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .configuration-select-manual-input .form-block.show-message .message {
    width: 100%;
    position: inherit;
    margin: 10px 0 20px 0;
  }
  .configuration-select-manual-input .form-block.show-message:first-child .message {
    left: unset;
  }
}
.configuration-select-slide {
  width: 71%;
  max-width: 1004px;
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 148px;
  padding-bottom: 70px;
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  opacity: 1;
  transition: 0.3s;
  overflow: hidden;
  height: 100%;
  align-items: center;
}
.configuration-select-slide.disabled-by-force-select .configuration-select-slide-item {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-select-slide.disabled-by-force-select .configuration-select-slide-item.active {
  opacity: 1;
  cursor: pointer;
}
.configuration-select-slide.slide-child .config-select-slide-container {
  width: 100%;
}
.configuration-select-slide.disable {
  opacity: 0;
}
.configuration-select-slide .config-select-slide-container {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.configuration-select-slide .config-select-slide-container::-webkit-scrollbar-track {
  display: none;
}
.configuration-select-slide .config-select-slide-container .slide-nav {
  position: absolute;
  bottom: 18px;
  right: 0;
  width: 115px;
  height: 50px;
}
.configuration-select-slide .config-select-slide-container .slide-nav .slide-nav-box {
  right: 0;
}
.configuration-select-slide .config-select-slide-container .slide-nav .circle-bt.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-select-slide .bg-pattern {
  position: absolute;
  z-index: -1;
  left: 15.8%;
  top: 80px;
}
.configuration-select-slide .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.configuration-select-slide .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}
.configuration-select-slide .config-select-slider,
.configuration-select-slide .config-select-child-slider {
  width: 9999px;
  display: inline-block;
  transition: left ease-in-out 0.5s;
  position: relative;
}
.configuration-select-slide .config-select-slider.center,
.configuration-select-slide .config-select-child-slider.center {
  width: 100%;
  display: flex;
  margin-left: 84px;
  justify-content: center;
}
.configuration-select-slide .config-select-slider.center .swiper-slide,
.configuration-select-slide .config-select-child-slider.center .swiper-slide {
  margin-right: 84px;
}
.configuration-select-slide .product-slide-main-item {
  user-select: none;
  display: block;
  float: left;
  width: 256px;
}

@media screen and (max-width: 1680px) {
  .configuration-select-slide {
    padding-top: 108px;
  }
}
@media screen and (max-width: 1320px) {
  .configuration-select-slide .config-select-slider.center,
  .configuration-select-slide .config-select-child-slider.center {
    margin-left: 32px;
  }
}
@media screen and (max-width: 1280px) {
  .configuration-select-slide {
    width: 69%;
  }
}
@media screen and (max-width: 1024px) {
  .configuration-select-slide {
    width: 100%;
    position: relative;
    padding-top: 108px;
    margin-left: -35px;
  }
  .configuration-select-slide .config-select-slide-container {
    max-height: 100%;
    overflow: hidden;
    padding-bottom: 80px;
  }
  .configuration-select-slide .config-select-slide-container .slide-nav {
    bottom: 0;
    right: 0;
  }
  .configuration-select-slide .config-select-slide-container .slide-nav .slide-nav-box {
    right: 0;
  }
  .configuration-select-slide.slide-child .bg-pattern {
    top: -2px;
    left: 50%;
    transform: translate(86px, 0px);
  }
  .configuration-select-slide .bg-pattern {
    top: 41px;
    left: 50%;
    transform: translate(182px, 0px);
  }
  .configuration-select-slide .bg-pattern .icon-bg svg {
    transform: scale(0.78);
  }
  .configuration-select-slide .config-select-slider.center,
  .configuration-select-slide .config-select-child-slider.center {
    margin-left: 48px;
  }
}
@media screen and (max-width: 767px) {
  .configuration-select-slide {
    padding-top: 50px;
    padding-right: 0px;
    padding-left: 32px;
    min-height: auto;
    margin-left: 0;
  }
  .configuration-select-slide.slide-child .config-select-slide-container {
    margin-left: 0px;
  }
  .configuration-select-slide .config-select-slide-container {
    width: 100%;
  }
  .configuration-select-slide .config-select-slide-container .slide-nav {
    bottom: 0;
    right: 0;
  }
  .configuration-select-slide .bg-pattern {
    top: 48px;
    transform: translate(12px, 0px);
  }
  .configuration-select-slide .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 766px) {
  .configuration-select-slide .config-select-slide-container {
    width: 100%;
  }
  .configuration-select-slide .config-select-slide-container .slide-nav {
    bottom: 0;
    right: 32px;
  }
  .configuration-select-slide .config-select-slider.center,
  .configuration-select-slide .config-select-child-slider.center {
    margin-left: 24px;
  }
  .configuration-select-slide .config-select-slider.center .swiper-slide,
  .configuration-select-slide .config-select-child-slider.center .swiper-slide {
    margin-right: 48px;
  }
}
@media screen and (max-width: 380px) {
  .configuration-select-slide .config-select-slide-container .slide-nav {
    display: none !important;
  }
}
@media screen and (max-width: 600px) {
  .configuration-select-slide {
    padding-right: 0px;
    padding-left: 0px;
  }
  .configuration-select-slide .swiper {
    height: 100%;
    cursor: grab;
    overflow: unset;
  }
  .configuration-select-slide .swiper .swiper-pagination.swiper-pagination-custom {
    bottom: -60px;
  }
  .configuration-select-slide .slider .swiper-wrapper.track-center {
    justify-content: flex-start;
  }
  .configuration-select-slide .slider .swiper-wrapper.track-center .swiper-slide {
    left: 0;
    margin: 0 !important;
  }
  .configuration-select-slide .config-select-slide-container {
    margin-left: 0px;
  }
  .configuration-select-slide.slide-child {
    padding-left: 0px;
  }
}
@media screen and (max-width: 400px) {
  .configuration-select-slide .slider .swiper-wrapper.track-center {
    justify-content: center;
  }
  .configuration-select-slide .slider .swiper-wrapper.track-center .swiper-slide {
    left: -32px;
  }
}
.configuration-select-round-color-details {
  width: 71%;
  max-width: 1004px;
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 148px;
  padding-bottom: 70px;
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  opacity: 1;
  transition: 0.3s;
  overflow: hidden;
  height: 100%;
  align-items: center;
}
.configuration-select-round-color-details.disabled-by-force-select .configuration-select-round-color-details-item {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-select-round-color-details.disabled-by-force-select .configuration-select-round-color-details-item.active {
  opacity: 1;
  cursor: pointer;
}
.configuration-select-round-color-details.slide-child .config-select-slide-container {
  width: 100%;
}
.configuration-select-round-color-details.disable {
  opacity: 0;
}
.configuration-select-round-color-details .config-select-slide-container {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.configuration-select-round-color-details .config-select-slide-container::-webkit-scrollbar-track {
  display: none;
}
.configuration-select-round-color-details .config-select-slide-container .slide-nav {
  position: absolute;
  bottom: 18px;
  right: 0;
  width: 115px;
  height: 50px;
}
.configuration-select-round-color-details .config-select-slide-container .slide-nav .slide-nav-box {
  right: 0;
}
.configuration-select-round-color-details .config-select-slide-container .slide-nav .circle-bt.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-select-round-color-details .bg-pattern {
  position: absolute;
  z-index: -1;
  left: 15.8%;
  top: 80px;
}
.configuration-select-round-color-details .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.configuration-select-round-color-details .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}
.configuration-select-round-color-details .config-select-slider,
.configuration-select-round-color-details .config-select-child-slider {
  width: 9999px;
  display: inline-block;
  transition: left ease-in-out 0.5s;
  position: relative;
}
.configuration-select-round-color-details .config-select-slider.center,
.configuration-select-round-color-details .config-select-child-slider.center {
  width: 100%;
  display: flex;
  margin-left: 84px;
  justify-content: center;
}
.configuration-select-round-color-details .config-select-slider.center .swiper-slide,
.configuration-select-round-color-details .config-select-child-slider.center .swiper-slide {
  margin-right: 84px;
}
.configuration-select-round-color-details .product-slide-main-item {
  user-select: none;
  display: block;
  float: left;
  width: 256px;
}

@media screen and (max-width: 1680px) {
  .configuration-select-round-color-details {
    padding-top: 108px;
  }
}
@media screen and (max-width: 1320px) {
  .configuration-select-round-color-details .config-select-slider.center,
  .configuration-select-round-color-details .config-select-child-slider.center {
    margin-left: 32px;
  }
}
@media screen and (max-width: 1280px) {
  .configuration-select-round-color-details {
    width: 69%;
  }
}
@media screen and (max-width: 1024px) {
  .configuration-select-round-color-details {
    width: 100%;
    position: relative;
    padding-top: 108px;
    margin-left: -35px;
  }
  .configuration-select-round-color-details .config-select-slide-container {
    max-height: 100%;
    overflow: hidden;
    padding-bottom: 80px;
  }
  .configuration-select-round-color-details .config-select-slide-container .slide-nav {
    bottom: 0;
    right: 0;
  }
  .configuration-select-round-color-details .config-select-slide-container .slide-nav .slide-nav-box {
    right: 0;
  }
  .configuration-select-round-color-details.slide-child .bg-pattern {
    top: -2px;
    left: 50%;
    transform: translate(86px, 0px);
  }
  .configuration-select-round-color-details .bg-pattern {
    top: 41px;
    left: 50%;
    transform: translate(182px, 0px);
  }
  .configuration-select-round-color-details .bg-pattern .icon-bg svg {
    transform: scale(0.78);
  }
  .configuration-select-round-color-details .config-select-slider.center,
  .configuration-select-round-color-details .config-select-child-slider.center {
    margin-left: 48px;
  }
}
@media screen and (max-width: 767px) {
  .configuration-select-round-color-details {
    padding-top: 50px;
    padding-right: 0px;
    padding-left: 32px;
    min-height: auto;
    margin-left: 0;
  }
  .configuration-select-round-color-details.slide-child .config-select-slide-container {
    margin-left: 0px;
  }
  .configuration-select-round-color-details .config-select-slide-container {
    width: 100%;
  }
  .configuration-select-round-color-details .config-select-slide-container .slide-nav {
    bottom: 0;
    right: 0;
  }
  .configuration-select-round-color-details .bg-pattern {
    top: 48px;
    transform: translate(12px, 0px);
  }
  .configuration-select-round-color-details .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 766px) {
  .configuration-select-round-color-details .config-select-slide-container {
    width: 100%;
  }
  .configuration-select-round-color-details .config-select-slide-container .slide-nav {
    bottom: 0;
    right: 32px;
  }
  .configuration-select-round-color-details .config-select-slider.center,
  .configuration-select-round-color-details .config-select-child-slider.center {
    margin-left: 24px;
  }
  .configuration-select-round-color-details .config-select-slider.center .swiper-slide,
  .configuration-select-round-color-details .config-select-child-slider.center .swiper-slide {
    margin-right: 48px;
  }
}
@media screen and (max-width: 380px) {
  .configuration-select-round-color-details .config-select-slide-container .slide-nav {
    display: none !important;
  }
}
@media screen and (max-width: 600px) {
  .configuration-select-round-color-details {
    padding-right: 0px;
    padding-left: 0px;
  }
  .configuration-select-round-color-details .swiper {
    height: 100%;
    cursor: grab;
    overflow: unset;
  }
  .configuration-select-round-color-details .swiper .swiper-pagination.swiper-pagination-custom {
    bottom: -60px;
  }
  .configuration-select-round-color-details .slider .swiper-wrapper.track-center {
    justify-content: flex-start;
  }
  .configuration-select-round-color-details .slider .swiper-wrapper.track-center .swiper-slide {
    left: 0;
    margin: 0 !important;
  }
  .configuration-select-round-color-details .config-select-slide-container {
    margin-left: 0px;
  }
  .configuration-select-round-color-details.slide-child {
    padding-left: 0px;
  }
}
@media screen and (max-width: 400px) {
  .configuration-select-round-color-details .slider .swiper-wrapper.track-center {
    justify-content: center;
  }
  .configuration-select-round-color-details .slider .swiper-wrapper.track-center .swiper-slide {
    left: -32px;
  }
}
.configuration-select-slide-item {
  max-width: 248px;
  height: fit-content;
  cursor: pointer;
  position: relative;
  width: 248px;
}
.configuration-select-slide-item:hover .bt-select-item {
  opacity: 1;
}
.configuration-select-slide-item.child-edition .image {
  margin-bottom: 14px;
  border: solid 4px #f8f7f3;
  box-shadow: none;
  margin-top: 4px;
}
.configuration-select-slide-item.child-edition .text .name p {
  font-size: 16px;
  line-height: 24px;
}
.configuration-select-slide-item.active .bt-select-item {
  background-color: #e5b761;
  opacity: 1;
}
.configuration-select-slide-item.active .bt-select-item .icon:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 0px;
  width: 4px;
  height: 9px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-select-slide-item.disabled-by-rule .image {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-select-slide-item.disabled-by-rule .bt-select-item {
  cursor: not-allowed;
}
.configuration-select-slide-item.disabled-by-rule .lock {
  display: block;
}
.configuration-select-slide-item.disable .text {
  color: #d8d8d8;
}
.configuration-select-slide-item .lock {
  display: none;
  left: calc(50% - 34px);
  top: 76px;
  position: absolute;
}
.configuration-select-slide-item .lock svg {
  width: 72px;
  height: 72px;
}
.configuration-select-slide-item .disable-info {
  left: calc(50% - 10px);
  top: 146px;
}
.configuration-select-slide-item .image {
  border-radius: 50%;
  border: solid 4px #ffffff;
  overflow: hidden;
  width: 248px;
  height: 248px;
  margin-bottom: 16px;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
  margin: 4px;
  background-color: #ffffff;
}
.configuration-select-slide-item .image .img.img-swap {
  opacity: 0;
  visibility: hidden;
}
.configuration-select-slide-item .image .img.img-swap.active {
  opacity: 1;
  visibility: visible;
}
.configuration-select-slide-item .image .img.hide {
  display: none;
}
.configuration-select-slide-item .image .img img {
  object-fit: cover;
  object-position: center center;
  height: 248px;
  width: 100%;
}
.configuration-select-slide-item .text {
  text-align: center;
  color: #111c1c;
  transition: all 0.3s ease-in-out;
}
.configuration-select-slide-item .text .name p {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}
.configuration-select-slide-item .text .price {
  margin-bottom: 32px;
}
.configuration-select-slide-item .text .price p {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}
.configuration-select-slide-item .text .detail p {
  font-size: 14px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.configuration-select-slide-item .text .box-edition {
  height: 48px;
  min-width: 264px;
  margin-top: 24px;
  margin-bottom: 16px;
  display: none;
}
.configuration-select-slide-item .text .box-edition.active {
  display: flex;
}
.configuration-select-slide-item .bt-zoom {
  position: absolute;
  top: 220px;
  left: 50%;
  transform: translate(-50%, 0px);
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.configuration-select-slide-item .bt-select-item {
  position: absolute;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: solid 4px #ffffff;
  right: 0px;
  top: 0px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.configuration-select-slide-item .bt-select-item .icon {
  width: 16px;
  height: 16px;
  position: relative;
}
.configuration-select-slide-item .bt-select-item .icon:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: solid 2px #ffffff;
}

@media screen and (max-width: 767px) {
  .configuration-select-slide-item .text .box-edition {
    margin-top: -10px;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 480px) {
  .configuration-select-slide-item .image {
    width: 244px;
    height: 244px;
  }
}
@media screen and (max-width: 400px) {
  .configuration-select-slide-item {
    margin: 0 auto;
  }
  .configuration-select-slide-item .bt-zoom {
    width: 32px;
    padding: 0px;
    justify-content: center;
    top: 224px;
  }
  .configuration-select-slide-item .bt-zoom p {
    display: none;
  }
}
.configuration-select-color {
  width: 1024px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  pointer-events: initial;
}
.configuration-select-color.space-top {
  padding-top: 180px;
}
.configuration-select-color.space-top .configuration-colors {
  height: 380px;
}
.configuration-select-color.disabled-by-force-select .configuration-select-color-item {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-select-color.disabled-by-force-select .configuration-select-color-item .item-container {
  cursor: not-allowed;
}
.configuration-select-color.disabled-by-force-select .configuration-select-color-item.active {
  opacity: 1;
  cursor: pointer;
}
.configuration-select-color.disabled-by-force-select .configuration-select-color-item.active .item-container {
  cursor: pointer;
}
.configuration-select-color .configuration-select-color-item {
  float: left;
}
.configuration-select-color.disable {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.configuration-select-color .config-select-color-container {
  width: 100%;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-out;
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
  max-height: 570px;
  padding-top: 12px;
}
.configuration-select-color .config-select-color-container::-webkit-scrollbar-track {
  display: none;
}
.configuration-select-color .configuration-colors {
  display: inline-block;
  width: 100%;
}
.configuration-select-color .custom-select-list {
  padding: 0px 8px;
  max-width: 232px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 64px;
}
.configuration-select-color .group-color-tabs {
  height: 56px;
  display: flex;
  padding: 4px;
  width: fit-content;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #f8f7f3;
  margin-bottom: 64px;
  align-self: center;
  position: relative;
  left: -16px;
}
.configuration-select-color .group-color-tabs .group-color-tab {
  height: 48px;
  display: flex;
  padding: 0px 20px;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.3s ease-out;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.configuration-select-color .group-color-tabs .group-color-tab.active, .configuration-select-color .group-color-tabs .group-color-tab:not(.active):hover {
  background-color: #ffffff;
}
.configuration-select-color .group-color-tabs .group-color-tab.active p, .configuration-select-color .group-color-tabs .group-color-tab:not(.active):hover p {
  color: #111c1c;
}
.configuration-select-color .group-color-tabs .group-color-tab p {
  font-size: 14px;
  color: #111c1c;
  color: #8a9092;
  transition: all 0.3s ease-out;
}
.configuration-select-color .bg-pattern {
  position: absolute;
  z-index: -1;
  right: 0px;
  top: 160px;
}
.configuration-select-color .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.configuration-select-color .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}
.configuration-select-color.small-size .configuration-select-color-item .image {
  width: 120px;
  height: 120px;
}

@media screen and (max-width: 1660px) {
  .configuration-select-color {
    width: 886px;
  }
}
@media screen and (max-width: 1460px) {
  .configuration-select-color {
    width: 740px;
  }
}
@media screen and (max-width: 1150px) {
  .configuration-select-color {
    width: 600px;
  }
}
@media screen and (max-width: 1024px) {
  .configuration-select-color {
    width: 100%;
    position: relative;
    padding-top: 50px;
    max-width: 100%;
    margin: 0 auto;
    padding-right: 64px;
    justify-content: flex-start;
  }
  .configuration-select-color.space-top {
    padding-top: 48px;
  }
  .configuration-select-color.space-top .configuration-colors {
    height: auto;
  }
  .configuration-select-color .config-select-color-container {
    min-height: 100%;
    max-height: 100%;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 26px;
  }
  .configuration-select-color .bg-pattern {
    top: 8px;
    left: 50%;
    transform: translate(110px, 0px);
  }
  .configuration-select-color .bg-pattern .icon-bg svg {
    transform: scale(0.78);
  }
  .configuration-select-color .group-color-tabs {
    left: 0;
  }
  .configuration-select-color .config-select-color-container {
    width: 660px;
  }
  .configuration-select-color .custom-scroll .wrapper {
    overflow: hidden;
  }
  .configuration-select-color .custom-scroll .shadow {
    display: none;
  }
  .configuration-select-color .custom-scroll .content {
    max-height: 100%;
  }
}
@media screen and (max-width: 824px) {
  .configuration-select-color {
    padding-top: 108px;
    min-height: auto;
  }
  .configuration-select-color .bg-pattern {
    top: 12px;
    left: 50%;
    transform: translate(142px, 0px);
  }
  .configuration-select-color .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 766px) {
  .configuration-select-color {
    padding-top: 108px;
    min-height: auto;
    width: 100%;
    padding-right: 0;
  }
  .configuration-select-color .config-select-color-container {
    width: 100%;
  }
  .configuration-select-color .configuration-colors {
    width: 398px;
    margin: 0 auto;
    display: block;
    padding-top: 52px;
  }
  .configuration-select-color .configuration-colors .configuration-select-color-item {
    position: relative;
    margin-bottom: -12px;
  }
  .configuration-select-color .bg-pattern {
    top: 12px;
    left: 50%;
    transform: translate(142px, 0px);
  }
  .configuration-select-color .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 640px) {
  .configuration-select-color {
    padding: 18px 32px 0px;
  }
  .configuration-select-color .configuration-colors {
    width: 360px;
  }
  .configuration-select-color .bg-pattern {
    top: 20px;
    transform: translate(12px, 0px);
  }
}
@media screen and (max-width: 420px) {
  .configuration-select-color {
    padding: 18px 8px 0px;
  }
}
.configuration-select-color-item {
  padding: 0px 6px 32px;
  max-height: 190px;
  transition: all 0.3s ease-out;
}
.configuration-select-color-item .item-container {
  height: fit-content;
  cursor: pointer;
  position: relative;
  max-width: 144px;
}
.configuration-select-color-item:hover .bt-select-item {
  opacity: 1;
}
.configuration-select-color-item:hover:not(.active) .icons .ico-ed-info {
  display: block;
}
.configuration-select-color-item.active .bt-select-item {
  background-color: #e5b761;
  opacity: 1;
}
.configuration-select-color-item.active .bt-select-item .icon:before {
  content: "";
  position: absolute;
  left: 1px;
  top: -1px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-select-color-item.active .bt-select-item .icons .ico-check {
  display: block;
}
.configuration-select-color-item.disable .text {
  color: #d8d8d8;
}
.configuration-select-color-item.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-select-color-item.disabled-by-rule .image {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-select-color-item.disabled-by-rule .lock {
  display: block;
}
.configuration-select-color-item.disabled-by-rule .bt-zoom,
.configuration-select-color-item.disabled-by-rule .name {
  opacity: 0.5;
}
.configuration-select-color-item.disabled-by-rule .name,
.configuration-select-color-item.disabled-by-rule .bt-select-item {
  cursor: not-allowed;
}
.configuration-select-color-item .lock {
  display: none;
  left: calc(50% - 15px);
  top: 32px;
  position: absolute;
}
.configuration-select-color-item .lock svg {
  width: 30px;
  height: 30px;
}
.configuration-select-color-item .disable-info {
  left: calc(50% - 12px);
  top: 64px;
}
.configuration-select-color-item.hide-item {
  display: none;
  opacity: 0;
}
.configuration-select-color-item.show-item {
  display: block;
  opacity: 1;
}
.configuration-select-color-item .image {
  border-radius: 50%;
  border: solid 4px #ffffff;
  overflow: hidden;
  width: 128px;
  height: 128px;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
  margin-bottom: 10px;
}
.configuration-select-color-item .image img {
  width: 100%;
  height: 100%;
}
.configuration-select-color-item .text {
  text-align: center;
  color: #111c1c;
  transition: all 0.3s ease-in-out;
}
.configuration-select-color-item .text .name p {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
}
.configuration-select-color-item .text .price {
  margin-bottom: 32px;
}
.configuration-select-color-item .text .price p {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}
.configuration-select-color-item .bt-zoom {
  position: absolute;
  top: 96px;
  left: 50%;
  transform: translate(-50%, 0px);
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.configuration-select-color-item .bt-select-item {
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: 0px;
  top: 0px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.configuration-select-color-item .bt-select-item .icon {
  width: 8px;
  height: 8px;
  position: relative;
}
.configuration-select-color-item .bt-select-item .icon:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}
.configuration-select-color-item .bt-select-item .icons {
  position: relative;
}
.configuration-select-color-item .bt-select-item .icons .ico-ed-info {
  width: 3px;
  height: 11px;
  color: #ffffff;
  display: none;
}
.configuration-select-color-item .bt-select-item .icons .ico-ed-info svg {
  width: 3px;
  height: 11px;
  position: absolute;
  left: 0;
}
.configuration-select-color-item .bt-select-item .icons .ico-check {
  width: 8px;
  height: 6px;
  color: #ffffff;
  display: none;
}
.configuration-select-color-item .bt-select-item .icons .ico-check svg {
  width: 8px;
  height: 6px;
  position: absolute;
  left: 0;
}

@media screen and (max-width: 1024px) {
  .configuration-select-color-item {
    padding: 0 0 32px;
  }
  .configuration-select-color-item .image {
    width: 118px;
    height: 118px;
    margin-bottom: 6px;
  }
  .configuration-select-color-item .bt-zoom {
    width: 32px;
    padding: 0px;
    justify-content: center;
    left: 6px;
    transform: none;
    top: 83px;
  }
  .configuration-select-color-item .bt-zoom p {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .configuration-select-color-item {
    padding: 0 6px 32px;
  }
  .configuration-select-color-item .item-container {
    max-width: 106px;
    margin: 0 auto;
    height: 182px;
  }
  .configuration-select-color-item .text .name p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .configuration-select-color-item .image {
    width: 106px;
    height: 106px;
  }
  .configuration-select-color-item .bt-zoom {
    top: 72px;
    left: 4px;
  }
}
.configuration-select-shape {
  width: 71%;
  max-width: 1004px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 96px 96px 0px;
  padding-right: 0;
  justify-content: center;
  flex-flow: row wrap;
  overflow: hidden;
  height: 100%;
  align-items: flex-start;
  padding-right: 96px;
}
.configuration-select-shape.disabled-by-force-select .configuration-select-shape-item {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-select-shape.disabled-by-force-select .configuration-select-shape-item.active {
  opacity: 1;
  cursor: pointer;
}
.configuration-select-shape.disable {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.configuration-select-shape .slider {
  position: relative;
  width: 9999px;
  box-sizing: border-box;
  transition: left ease-in-out 0.25s;
}
.configuration-select-shape .slider.remove-animation {
  transition: none;
}
.configuration-select-shape .pagination {
  position: absolute;
  height: fit-content;
  top: 350px;
  width: 100%;
  text-align: center;
}
.configuration-select-shape .pagination .dot {
  width: 6.5px;
  height: 6.5px;
  border-radius: 50%;
  background-color: #111c1c;
  opacity: 0.34;
  transition: opacity ease-in-out 0.15s;
  margin-right: 2px;
  display: inline-block;
  cursor: pointer;
}
.configuration-select-shape .pagination .dot.active, .configuration-select-shape .pagination .dot:hover {
  opacity: 1;
}
.configuration-select-shape .slide-nav {
  position: absolute;
  right: 16px;
  top: 335px;
  display: block;
  z-index: 9999;
}
.configuration-select-shape .slide-nav .circle-bt {
  width: 42px;
  height: 42px;
}
.configuration-select-shape .slide-nav .circle-bt.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-select-shape .slide-nav .circle-bt.bt-next {
  bottom: 0px;
  right: 0px;
  left: auto;
}
.configuration-select-shape .config-select-shape-container {
  width: 100%;
  height: 100%;
  padding-bottom: 48px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.configuration-select-shape .config-select-shape-container::-webkit-scrollbar-track {
  display: none;
}
.configuration-select-shape .shape-menu {
  max-width: 336px;
  position: absolute;
  top: 446px;
  left: 0;
  padding-left: 64px;
  z-index: 9999;
}
.configuration-select-shape .shape-menu .menu-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: rgba(17, 28, 28, 0.4);
  transition: all 0.3s ease-out;
  margin-bottom: 16px;
  cursor: pointer;
}
.configuration-select-shape .shape-menu .menu-txt.active {
  color: rgb(17, 28, 28);
}
.configuration-select-shape .shape-menu .bt-select-item {
  position: absolute;
  background-color: #e5b761;
  border: solid 2px #e5b761;
  opacity: 0;
  width: 25px;
  height: 24px;
  left: 20%;
  border-radius: 100%;
}
.configuration-select-shape .shape-menu .bt-select-item .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 3px;
  height: 7px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -60%) rotate(45deg);
  border-radius: initial;
}
.configuration-select-shape .shape-menu .bt-select-item.active {
  opacity: 1;
}
.configuration-select-shape .bg-pattern {
  position: absolute;
  z-index: -1;
  right: 16%;
  top: 128px;
}
.configuration-select-shape .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.configuration-select-shape .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1500px) {
  .configuration-select-shape .pagination {
    top: 288px;
  }
  .configuration-select-shape .slide-nav {
    top: 274px;
  }
  .configuration-select-shape .shape-menu {
    top: 384px;
  }
}
@media screen and (max-width: 1024px) {
  .configuration-select-shape {
    width: 100%;
    position: relative;
    padding: 118px 64px 0px 0px;
  }
  .configuration-select-shape .config-select-shape-container {
    overflow: hidden;
    min-height: 100%;
    padding-bottom: 0;
  }
  .configuration-select-shape .shape-menu {
    display: none !important;
  }
  .configuration-select-shape .slide-nav {
    right: 25px;
    top: 312px;
  }
  .configuration-select-shape .pagination {
    top: 328px;
  }
  .configuration-select-shape .bg-pattern {
    top: 48px;
    left: 50%;
    transform: translate(128px, 0px);
  }
  .configuration-select-shape .bg-pattern .icon-bg svg {
    transform: scale(0.78);
  }
}
@media screen and (max-width: 834px) {
  .configuration-select-shape .slide-nav {
    top: 295px;
  }
  .configuration-select-shape .pagination {
    top: 295px;
  }
  .configuration-select-shape .slide-nav {
    top: 280px;
  }
}
@media screen and (max-width: 767px) {
  .configuration-select-shape {
    padding: 64px 32px 0px;
    min-height: auto;
  }
  .configuration-select-shape .config-select-shape-container {
    width: 100%;
    min-height: 570px;
  }
  .configuration-select-shape .slide-nav {
    right: 0px;
  }
  .configuration-select-shape .bg-pattern {
    top: 48px;
    transform: translate(12px, 0px);
  }
  .configuration-select-shape .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
  .configuration-select-shape .shape-menu {
    display: none !important;
  }
}
@media screen and (max-width: 500px) {
  .configuration-select-shape .slide-nav {
    top: 155px;
  }
  .configuration-select-shape .slide-nav .slide-nav-box {
    right: 0;
  }
  .configuration-select-shape .pagination {
    top: 170px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .configuration-select-shape .shape-menu .menu-txt:not(.active):hover {
    color: rgb(17, 28, 28);
  }
}
.configuration-select-shape-item {
  height: fit-content;
  cursor: pointer;
  position: relative;
  padding: 0px 8px;
  float: left;
}
.configuration-select-shape-item.addprice .text .desc .price {
  display: block;
}
.configuration-select-shape-item.addprice .text .box-select {
  display: block;
  margin-bottom: 20px;
}
.configuration-select-shape-item.addprice .text .box-select .custom-select-list .list-option {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
}
.configuration-select-shape-item.addprice .text .box-select .custom-select-list .list-option .box-options {
  max-height: 112px;
}
.configuration-select-shape-item.addprice .text .box-select.open {
  min-height: 166px;
}
.configuration-select-shape-item:not(.active):hover .bt-select-item {
  background-color: #ebc989;
  border: solid 2px #ebc989;
}
.configuration-select-shape-item:not(.active):hover .bt-select-item .icon:before {
  border: solid 1px #ffffff;
}
.configuration-select-shape-item.active .bt-select-item {
  background-color: #e5b761;
  border: solid 2px #e5b761;
  opacity: 1;
}
.configuration-select-shape-item.active .bt-select-item .icon:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-select-shape-item.disable .text {
  color: #d8d8d8;
}
.configuration-select-shape-item.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-select-shape-item.disabled-by-rule .lock {
  display: block;
}
.configuration-select-shape-item.disabled-by-rule .image img {
  opacity: 0.5;
}
.configuration-select-shape-item .lock {
  display: none;
  left: calc(50% - 37px);
  bottom: 124px;
  position: absolute;
}
.configuration-select-shape-item .lock svg {
  width: 72px;
  height: 72px;
}
.configuration-select-shape-item .disable-info {
  left: calc(50% - 12px);
  bottom: 96px;
}
.configuration-select-shape-item .image {
  width: 100%;
  height: auto;
  margin-bottom: 90px;
  position: relative;
}
.configuration-select-shape-item .image .img img {
  object-fit: contain;
  object-position: center center;
  width: 100%;
  height: 300px;
}
.configuration-select-shape-item .text {
  text-align: left;
  color: #111c1c;
  transition: all 0.3s ease-in-out;
  display: flex;
}
.configuration-select-shape-item .text .desc {
  width: 58%;
  padding-left: 164px;
  padding-top: 8px;
}
.configuration-select-shape-item .text .desc .desc-box {
  position: relative;
  width: 100%;
  max-width: 300px;
  padding-left: 48px;
  padding-top: 5px;
}
.configuration-select-shape-item .text .desc .name p {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}
.configuration-select-shape-item .text .desc .price {
  display: none;
}
.configuration-select-shape-item .text .desc .price p {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}
.configuration-select-shape-item .text .desc .detail {
  margin-top: 16px;
}
.configuration-select-shape-item .text .desc .detail p {
  font-size: 14px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.configuration-select-shape-item .text .box-select {
  width: 42%;
  padding-left: 93px;
  margin-top: 76px;
  display: none;
}
.configuration-select-shape-item .text .box-select .require-message {
  font-weight: bold;
  color: red;
  visibility: hidden;
  padding-left: 24px;
  padding-bottom: 8px;
}
.configuration-select-shape-item .text .box-select .require-message.active {
  visibility: visible;
}
.configuration-select-shape-item .bt-zoom {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0px);
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
  bottom: 46px;
}
.configuration-select-shape-item .bt-select-item {
  position: absolute;
  left: 0;
  top: 2px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: solid 2px #111c1c;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
.configuration-select-shape-item .bt-select-item .icon {
  width: 16px;
  height: 16px;
  position: relative;
}
.configuration-select-shape-item .bt-select-item .icon:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: solid 1px #111c1c;
}

@media screen and (max-width: 1500px) {
  .configuration-select-shape-item .text {
    flex-flow: row wrap;
  }
  .configuration-select-shape-item .text .desc {
    width: 100%;
  }
  .configuration-select-shape-item .text .desc .desc-box {
    max-width: 100%;
  }
  .configuration-select-shape-item .text .box-select {
    width: 100%;
    padding-left: 212px;
    margin-top: 20px;
  }
  .configuration-select-shape-item .text .box-select .custom-select-list {
    max-width: 300px;
  }
  .configuration-select-shape-item .image .img img {
    height: 250px;
  }
}
@media screen and (max-width: 1024px) {
  .configuration-select-shape-item.addprice .text .box-select .custom-select-list .list-option .box-options {
    max-height: 110px;
  }
  .configuration-select-shape-item .text .desc {
    width: 58%;
    padding-left: 16px;
    padding-top: 0px;
  }
  .configuration-select-shape-item .text .box-select {
    width: 42%;
    padding-left: 0px;
    margin-top: 0px;
  }
  .configuration-select-shape-item .image .img img {
    height: 300px;
  }
  .configuration-select-shape-item .bt-zoom {
    bottom: 36px;
  }
  .configuration-select-shape-item .lock {
    top: auto;
    bottom: 110px;
    left: calc(50% - 37px);
  }
  .configuration-select-shape-item .disable-info {
    left: calc(50% - 12px);
    top: auto;
    bottom: 80px;
  }
}
@media screen and (max-width: 834px) {
  .configuration-select-shape-item .image {
    margin-bottom: 90px;
  }
  .configuration-select-shape-item .image .img img {
    height: 280px;
  }
  .configuration-select-shape-item .lock {
    bottom: 120px;
    left: calc(50% - 18px);
  }
  .configuration-select-shape-item .lock svg {
    width: 36px;
    height: 36px;
  }
  .configuration-select-shape-item .disable-info {
    bottom: 92px;
  }
  .configuration-select-shape-item .bt-zoom {
    bottom: 54px;
  }
}
@media screen and (max-width: 767px) {
  .configuration-select-shape-item .image {
    margin-bottom: 138px;
  }
  .configuration-select-shape-item .text {
    flex-flow: row wrap;
  }
  .configuration-select-shape-item .text .desc {
    width: 100%;
    padding: 0px;
    margin-bottom: 20px;
  }
  .configuration-select-shape-item .text .box-select {
    width: 100%;
    padding-left: 48px;
  }
  .configuration-select-shape-item .text .box-select .custom-select-list {
    width: 100%;
    max-width: 300px;
  }
  .configuration-select-shape-item .bt-zoom {
    bottom: 76px;
  }
  .configuration-select-shape-item .lock {
    top: auto;
    bottom: 146px;
  }
  .configuration-select-shape-item .disable-info {
    bottom: 116px;
  }
}
@media screen and (max-width: 500px) {
  .configuration-select-shape-item .image {
    margin-bottom: 90px;
  }
  .configuration-select-shape-item .image .img img {
    height: 120px;
  }
  .configuration-select-shape-item .bt-zoom {
    bottom: 0;
  }
  .configuration-select-shape-item .lock {
    top: auto;
    bottom: 64px;
  }
  .configuration-select-shape-item .disable-info {
    bottom: 36px;
  }
}
@media screen and (max-width: 400px) {
  .configuration-select-shape-item .bt-zoom {
    width: 32px;
    padding: 0px;
    justify-content: center;
    bottom: 8px;
  }
  .configuration-select-shape-item .bt-zoom p {
    display: none;
  }
  .configuration-select-shape-item .lock {
    top: auto;
    bottom: 72px;
  }
  .configuration-select-shape-item .disable-info {
    bottom: 44px;
  }
}
.configuration-select-suar-dimensions {
  width: 71%;
  max-width: 1004px;
  padding: 0px 48px;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  height: 100%;
}
.configuration-select-suar-dimensions .disabled-by-force-select .list-select {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-select-suar-dimensions .box-image {
  width: 100%;
  max-width: 640px;
  height: 512px;
  margin: 0 auto;
  margin-bottom: 16px;
  margin-top: 32px;
}
.configuration-select-suar-dimensions .box-image img {
  width: 100%;
  object-fit: cover;
}
.configuration-select-suar-dimensions .box-select {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
}
.configuration-select-suar-dimensions .box-select .custom-select-list {
  padding: 0px 8px;
  max-width: 232px;
  width: 100%;
}
.configuration-select-suar-dimensions .box-select .custom-select-list .form-label {
  display: none;
}
.configuration-select-suar-dimensions .box-select .custom-select-list .list-option {
  width: calc(100% - 16px);
  left: 8px;
}
.configuration-select-suar-dimensions .available-stock-warpper {
  padding: 0px 8px;
  max-width: 232px;
  width: 100%;
}
.configuration-select-suar-dimensions .available-stock-warpper .available-stock {
  background-color: #f8f7f4;
  height: 48px;
  display: flex;
  align-items: center;
}
.configuration-select-suar-dimensions .available-stock-warpper .available-stock p {
  padding: 0 24px;
}
.configuration-select-suar-dimensions.small-size .box-image {
  max-width: 450px;
  height: 360px;
  margin-top: 0;
}

@media screen and (max-width: 1320px) {
  .configuration-select-suar-dimensions {
    padding: 0px;
  }
}
@media screen and (max-width: 1024px) {
  .configuration-select-suar-dimensions {
    width: 100%;
    position: relative;
    padding-right: 64px;
  }
  .configuration-select-suar-dimensions .box-image {
    width: 100%;
    height: 414px;
  }
  .configuration-select-suar-dimensions .box-image img {
    object-fit: contain;
    height: 414px;
  }
  .configuration-select-suar-dimensions .box-select {
    min-height: 200px;
  }
  .configuration-select-suar-dimensions .box-select .custom-select-list {
    max-width: 184px;
  }
  .configuration-select-suar-dimensions .box-select .custom-select-list.config-price-list .list-result {
    padding: 0px 20px;
  }
  .configuration-select-suar-dimensions .box-select .custom-select-list.config-price-list .list-select p {
    padding-left: 20px;
  }
  .configuration-select-suar-dimensions .box-select .custom-select-list.config-price-list .list-select .icon-arr-down {
    right: 20px;
    top: 20px;
  }
  .configuration-select-suar-dimensions .box-select .custom-select-list:first-child {
    padding-left: 0px;
  }
  .configuration-select-suar-dimensions .box-select .custom-select-list:last-child {
    padding-right: 0px;
  }
  .configuration-select-suar-dimensions .available-stock-warpper {
    max-width: 184px;
  }
}
@media screen and (max-width: 767px) {
  .configuration-select-suar-dimensions {
    margin-bottom: 100px;
    padding: 0px 32px;
  }
  .configuration-select-suar-dimensions .box-image {
    height: 320px;
  }
  .configuration-select-suar-dimensions .box-image img {
    height: 320px;
  }
  .configuration-select-suar-dimensions .box-select {
    flex-flow: row wrap;
  }
  .configuration-select-suar-dimensions .box-select .custom-select-list {
    width: 50%;
    max-width: unset;
    margin-bottom: 10px;
  }
  .configuration-select-suar-dimensions .box-select .custom-select-list:nth-child(n) {
    padding: 0px 8px;
  }
  .configuration-select-suar-dimensions .available-stock-warpper {
    max-width: 100%;
  }
}
@media screen and (max-width: 615px) {
  .configuration-layout-step .configuration-select-suar-dimensions .box-select .custom-select-list:nth-child(odd) {
    padding-left: 0px;
  }
  .configuration-layout-step .configuration-select-suar-dimensions .box-select .custom-select-list:nth-child(even) {
    padding-right: 0px;
  }
  .configuration-layout-step .available-stock-warpper {
    padding: 0;
  }
}
@media screen and (max-width: 400px) {
  .configuration-layout-step .configuration-select-suar-dimensions {
    margin-bottom: 110px;
  }
  .configuration-layout-step .configuration-select-suar-dimensions .box-select .custom-select-list {
    width: 100%;
    max-width: 100%;
  }
  .configuration-layout-step .configuration-select-suar-dimensions .box-select .custom-select-list:nth-child(n) {
    padding: 0px;
  }
}
.configuration-select-suar-stock-overview {
  width: 71%;
  max-width: 1004px;
  min-height: 733px;
  max-height: 1024px;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  height: 100%;
  align-items: center;
  align-content: center;
  pointer-events: initial;
  overflow: hidden;
  padding: 148px 0 20px 0;
}
.configuration-select-suar-stock-overview .slider {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.configuration-select-suar-stock-overview .slider .swiper-wrapper {
  padding: 20px 5px;
}
.configuration-select-suar-stock-overview .slider .swiper-wrapper.track-center {
  display: flex;
  justify-content: center;
}
.configuration-select-suar-stock-overview.disable {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.configuration-select-suar-stock-overview .config-filters {
  display: flex;
  top: 148px;
  position: absolute;
}
.configuration-select-suar-stock-overview .config-filters .see-full-stock {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  gap: 10px;
  min-width: 135px;
  height: 48px;
  background: #f8f7f4;
  border-radius: 4px;
  color: #111c1c;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid #f8f7f4;
}
.configuration-select-suar-stock-overview .config-filters .custom-select-list.stock-list {
  display: none;
  margin: 0 auto 0 24px;
  flex-direction: column;
  min-width: 242px;
}
.configuration-select-suar-stock-overview .config-filters .custom-select-list.stock-list .list-select p {
  padding-right: 24px;
}
.configuration-select-suar-stock-overview .config-filters .custom-select-list.stock-list .list-select .icon-arr-down {
  right: 10px;
}
.configuration-select-suar-stock-overview .config-filters .custom-select-list.stock-list .list-option {
  z-index: 5;
}
.configuration-select-suar-stock-overview .config-filters .custom-select-list.stock-list .list-option .box-options .box-option {
  padding-left: 20px;
}
.configuration-select-suar-stock-overview .config-filters .custom-select-list.stock-list .list-option .box-options .box-option.active {
  background-color: #f8f7f3;
}
.configuration-select-suar-stock-overview .config-filters .group-tabs {
  height: 48px;
  display: flex;
  padding: 4px 2px;
  width: fit-content;
  margin: 0 auto 0 24px;
  border-radius: 4px;
  background-color: #f8f7f3;
  align-items: center;
}
.configuration-select-suar-stock-overview .config-filters .group-tabs .group-tab {
  height: 40px;
  display: flex;
  padding: 0px 18px;
  margin: 0 2px;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.3s ease-out;
}
.configuration-select-suar-stock-overview .config-filters .group-tabs .group-tab.active, .configuration-select-suar-stock-overview .config-filters .group-tabs .group-tab:not(.active):hover {
  background-color: #ffffff;
}
.configuration-select-suar-stock-overview .config-filters .group-tabs .group-tab.active p, .configuration-select-suar-stock-overview .config-filters .group-tabs .group-tab:not(.active):hover p {
  color: #111c1c;
}
.configuration-select-suar-stock-overview .config-filters .group-tabs .group-tab.active:after, .configuration-select-suar-stock-overview .config-filters .group-tabs .group-tab:not(.active):hover:after {
  background-color: #f8f7f3;
}
.configuration-select-suar-stock-overview .config-filters .group-tabs .group-tab p {
  font-size: 14px;
  color: #8a9092;
  transition: all 0.3s ease-out;
  font-weight: 600;
}
.configuration-select-suar-stock-overview .config-filters .group-tabs .group-tab svg {
  color: #8a9092;
}
.configuration-select-suar-stock-overview .config-filters .group-tabs .group-tab.view {
  margin: 0;
  padding: 0px 10px;
}
.configuration-select-suar-stock-overview .config-filters .group-tabs .group-tab.all {
  max-width: 62px;
  flex-flow: row wrap;
  height: 20px;
  position: relative;
  justify-content: center;
  align-items: center;
  top: -2px;
}
.configuration-select-suar-stock-overview .config-filters .group-tabs .group-tab.all .icon-view {
  width: 6px;
  height: 8px;
}
.configuration-select-suar-stock-overview .config-filters .group-tabs .group-tab.all .icon-view svg {
  width: 7px;
  height: 8px;
}
.configuration-select-suar-stock-overview .config-filters .group-tabs .sep {
  position: relative;
  height: calc(100% - 10px);
  width: 1px;
  background-color: rgba(0, 0, 0, 0.2);
}
.configuration-select-suar-stock-overview .config-filters .group-tabs.view {
  margin-left: 24px;
}
.configuration-select-suar-stock-overview .config-filters .group-tabs.view .group-tab {
  box-shadow: none;
}
.configuration-select-suar-stock-overview .config-filters .group-tabs.view .group-tab.active, .configuration-select-suar-stock-overview .config-filters .group-tabs.view .group-tab:not(.active):hover {
  background-color: #f8f7f3;
}
.configuration-select-suar-stock-overview .config-filters .group-tabs.view .group-tab.active svg, .configuration-select-suar-stock-overview .config-filters .group-tabs.view .group-tab:not(.active):hover svg {
  color: #111c1c;
}
.configuration-select-suar-stock-overview .config-select-suar-stock-overview-container {
  width: 100%;
  display: flex;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-out;
  overflow-x: hidden;
  overflow-y: auto;
  justify-content: center;
  height: auto;
  align-items: stretch;
  max-height: 560px;
  flex-flow: row wrap;
  padding: 20px 0;
  margin-top: 130px;
}
.configuration-select-suar-stock-overview .config-select-suar-stock-overview-container::-webkit-scrollbar-track {
  display: none;
}
.configuration-select-suar-stock-overview .bg-pattern {
  position: absolute;
  z-index: -1;
  top: 20%;
  right: 0;
}
.configuration-select-suar-stock-overview .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.configuration-select-suar-stock-overview .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}
.configuration-select-suar-stock-overview.slide .slide-nav .slide-nav-box .circle-bt {
  left: unset;
  right: -70px;
}
.configuration-select-suar-stock-overview.slide .slide-nav .slide-nav-box .circle-bt.bt-next {
  bottom: calc(50% - 50px);
}
.configuration-select-suar-stock-overview.slide .slide-nav .slide-nav-box .circle-bt.bt-prev {
  bottom: calc(50% - 120px);
}
.configuration-select-suar-stock-overview.slide .config-select-suar-stock-overview-container {
  padding: 0;
  overflow: visible;
  align-items: center;
  overflow-y: auto;
}
.configuration-select-suar-stock-overview.slide .config-select-suar-stock-overview-container .slider__bullets {
  display: none;
}
.configuration-select-suar-stock-overview.slide.small-size .slide-nav .slide-nav-box .circle-bt.bt-next {
  bottom: calc(50% - 20px);
}
.configuration-select-suar-stock-overview.slide.small-size .slide-nav .slide-nav-box .circle-bt.bt-prev {
  bottom: calc(50% - 90px);
}
.configuration-select-suar-stock-overview.small-size {
  padding: 96px 0 20px 0;
  min-height: 100%;
}
.configuration-select-suar-stock-overview.small-size .config-filters {
  top: 52px;
}
.configuration-select-suar-stock-overview.small-size .bg-pattern {
  top: 10%;
}

.layout-step.active .configuration-select-suar-stock-overview.slide {
  overflow: visible;
}

@media screen and (max-width: 1475px) {
  .configuration-select-suar-stock-overview .config-filters .group-tabs .group-tab.all .icon-view {
    width: 7px;
  }
  .configuration-select-suar-stock-overview .config-filters .group-tabs .group-tab.all .icon-view:first-child, .configuration-select-suar-stock-overview .config-filters .group-tabs .group-tab.all .icon-view:last-child {
    display: none;
  }
}
@media screen and (max-width: 1450px) {
  .configuration-select-suar-stock-overview .config-select-suar-stock-overview-container {
    max-height: 480px;
  }
}
@media screen and (max-width: 1366px) {
  .configuration-select-suar-stock-overview {
    max-height: unset;
    padding-left: 10px;
  }
  .configuration-select-suar-stock-overview .config-select-suar-stock-overview-container {
    max-height: 450px;
  }
  .configuration-select-suar-stock-overview.slide .slide-nav {
    display: none;
  }
  .configuration-select-suar-stock-overview .bg-pattern {
    top: 18%;
  }
}
@media screen and (max-width: 1200px) {
  .configuration-select-suar-stock-overview .config-filters .custom-select-list.stock-list {
    display: block;
  }
  .configuration-select-suar-stock-overview .config-filters .group-tabs.stock {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .configuration-select-suar-stock-overview {
    width: 100%;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 84px;
    padding-left: 0;
    padding-right: 0;
    justify-content: center;
    max-height: unset;
  }
  .configuration-select-suar-stock-overview .slider .swiper {
    padding-top: 20px;
  }
  .configuration-select-suar-stock-overview .config-filters {
    top: 32px;
  }
  .configuration-select-suar-stock-overview .config-filters .see-full-stock {
    border: 1px solid #aeb2b2;
  }
  .configuration-select-suar-stock-overview .config-select-suar-stock-overview-container {
    max-height: unset;
    margin-top: 52px;
  }
  .configuration-select-suar-stock-overview.slide .slide-nav {
    display: none;
  }
  .configuration-select-suar-stock-overview .bg-pattern {
    top: 6%;
    right: 16%;
  }
}
@media screen and (max-width: 767px) {
  .configuration-select-suar-stock-overview {
    padding-left: 20px;
  }
  .configuration-select-suar-stock-overview .config-filters {
    top: 16px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
  }
  .configuration-select-suar-stock-overview .config-filters .group-tabs.view {
    display: none;
  }
  .configuration-select-suar-stock-overview .config-filters .custom-select-list.stock-list {
    margin: 0 auto;
  }
  .configuration-select-suar-stock-overview .bg-pattern {
    top: 6%;
    right: 16%;
  }
}
.configuration-select-suar-stock-overview-item {
  transition: all 0.3s ease-out;
  display: flex;
  justify-content: center;
  margin-left: 15px;
  margin-right: 15px;
}
.configuration-select-suar-stock-overview-item .item-container {
  height: fit-content;
  cursor: pointer;
  position: relative;
  max-width: 186px;
}
.configuration-select-suar-stock-overview-item:hover .bt-select-item {
  opacity: 1;
}
.configuration-select-suar-stock-overview-item.active .bt-select-item {
  background-color: #e5b761;
  border: solid 1px transparent;
  width: 36px;
  height: 36px;
}
.configuration-select-suar-stock-overview-item.active .bt-select-item .icon:before {
  content: "";
  position: absolute;
  left: 1px;
  top: -1px;
  width: 3px;
  height: 7px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-select-suar-stock-overview-item:hover:not(.active) .bt-select-item {
  background-color: #e5b761;
  border: solid 1px transparent;
  width: 36px;
  height: 36px;
}
.configuration-select-suar-stock-overview-item:hover:not(.active) .bt-select-item .icon:before {
  border: solid 1px #fff;
}
.configuration-select-suar-stock-overview-item.disable .text {
  color: #d8d8d8;
}
.configuration-select-suar-stock-overview-item .image {
  border-radius: 4px;
  overflow: hidden;
  width: 186px;
  height: 274px;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
}
.configuration-select-suar-stock-overview-item .image img {
  width: 100%;
  height: 100%;
}
.configuration-select-suar-stock-overview-item .text {
  text-align: center;
  color: #111c1c;
  transition: all 0.3s ease-in-out;
}
.configuration-select-suar-stock-overview-item .text .name p {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
}
.configuration-select-suar-stock-overview-item .text .desc p {
  font-size: 12px;
  line-height: 18px;
}
.configuration-select-suar-stock-overview-item .text .price {
  margin-bottom: 32px;
}
.configuration-select-suar-stock-overview-item .text .price p {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  height: 20px;
}
.configuration-select-suar-stock-overview-item .bt-zoom {
  position: absolute;
  top: 252px;
  left: 50%;
  transform: translate(-50%, 0px);
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.configuration-select-suar-stock-overview-item .bt-select-item-bg {
  background-color: #fff;
  position: absolute;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  right: -22px;
  top: -22px;
}
.configuration-select-suar-stock-overview-item .bt-select-item {
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: solid 1px #000;
  right: -18px;
  top: -18px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
.configuration-select-suar-stock-overview-item .bt-select-item .icon {
  width: 8px;
  height: 8px;
  position: relative;
}
.configuration-select-suar-stock-overview-item .bt-select-item .icon:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: solid 1px #000;
}

.configuration-select-suar-stock-overview.slide .configuration-select-suar-stock-overview-item .item-container {
  max-width: 252px;
}
.configuration-select-suar-stock-overview.slide .configuration-select-suar-stock-overview-item .item-container .image {
  margin-bottom: 30px;
  width: 252px;
  height: 370px;
}
.configuration-select-suar-stock-overview.slide .configuration-select-suar-stock-overview-item .item-container .bt-select-item-bg {
  display: none;
}
.configuration-select-suar-stock-overview.slide .configuration-select-suar-stock-overview-item .item-container .bt-select-item {
  right: unset;
  top: 392px;
  width: 34px;
  height: 34px;
}
.configuration-select-suar-stock-overview.slide .configuration-select-suar-stock-overview-item .item-container .text {
  text-align: left;
  margin-left: 48px;
}
.configuration-select-suar-stock-overview.slide .configuration-select-suar-stock-overview-item .item-container .bt-zoom {
  top: 352px;
}

@media screen and (max-width: 1366px) {
  .configuration-select-suar-stock-overview.slide .configuration-select-suar-stock-overview-item .item-container {
    max-width: 224px;
  }
  .configuration-select-suar-stock-overview.slide .configuration-select-suar-stock-overview-item .item-container .image {
    width: 224px;
    height: 320px;
  }
  .configuration-select-suar-stock-overview.slide .configuration-select-suar-stock-overview-item .item-container .bt-select-item {
    top: 340px;
  }
  .configuration-select-suar-stock-overview.slide .configuration-select-suar-stock-overview-item .item-container .bt-zoom {
    top: 302px;
  }
}
@media screen and (max-width: 1024px) {
  .configuration-select-suar-stock-overview.slide .configuration-select-suar-stock-overview-item .item-container {
    max-width: 214px;
  }
  .configuration-select-suar-stock-overview.slide .configuration-select-suar-stock-overview-item .item-container .image {
    width: 214px;
    height: 312px;
    margin-bottom: 20px;
  }
  .configuration-select-suar-stock-overview.slide .configuration-select-suar-stock-overview-item .item-container .bt-select-item-bg {
    display: block;
    width: 40px;
    height: 40px;
    right: -21px;
    top: -21px;
  }
  .configuration-select-suar-stock-overview.slide .configuration-select-suar-stock-overview-item .item-container .bt-select-item {
    right: -18px;
    top: -18px;
  }
  .configuration-select-suar-stock-overview.slide .configuration-select-suar-stock-overview-item .item-container .bt-zoom {
    top: 296px;
  }
  .configuration-select-suar-stock-overview.slide .configuration-select-suar-stock-overview-item .item-container .text {
    text-align: center;
    margin-left: 0;
  }
}
.configuration-select-color-details {
  width: 71%;
  max-width: 1004px;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  height: 100%;
  align-items: flex-start;
  padding: 40px 0 20px 0;
}
.configuration-select-color-details .swiper-wrapper {
  width: 9999px;
  position: relative;
  transition: left ease-in-out 0.5s;
  padding: 0 2px;
}
.configuration-select-color-details.disabled-by-force-select .configuration-select-color-detail-child-item {
  opacity: 0.5;
}
.configuration-select-color-details.disabled-by-force-select .configuration-select-color-detail-child-item .item-container {
  cursor: not-allowed;
}
.configuration-select-color-details.disabled-by-force-select .configuration-select-color-detail-child-item.active {
  opacity: 1;
  cursor: pointer;
}
.configuration-select-color-details.disabled-by-force-select .configuration-select-color-detail-child-item.active .item-container {
  cursor: pointer;
}
.configuration-select-color-details.no-parents {
  align-items: center;
}
.configuration-select-color-details.no-parents .color-detail-children {
  margin-top: 0;
}
.configuration-select-color-details .swiper-pagination-bullets {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 12px);
}
.configuration-select-color-details .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 4px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
.configuration-select-color-details .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.configuration-select-color-details.disable {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.configuration-select-color-details .lock {
  display: none;
  position: absolute;
  cursor: not-allowed;
}
.configuration-select-color-details .disabled-by-rule .image {
  cursor: not-allowed;
  opacity: 0.5;
}
.configuration-select-color-details .disabled-by-rule .bt-zoom {
  opacity: 0.5;
}
.configuration-select-color-details .disabled-by-rule .bt-select-item {
  display: none !important;
}
.configuration-select-color-details .disabled-by-rule .item-container .lock {
  display: block;
}
.configuration-select-color-details .slide-title {
  color: #d1d1d1;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.configuration-select-color-details .color-detail-parents {
  position: relative;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  width: 100%;
}
.configuration-select-color-details .color-detail-parents .product-tooltips {
  top: 32px;
}
.configuration-select-color-details .color-detail-parents .product-tooltips .tooltip .tooltip-content {
  min-width: 240px;
  max-width: 300px;
  width: max-content;
  white-space: unset;
  padding: 16px;
}
.configuration-select-color-details .color-detail-parents .product-tooltips .tooltip .tooltip-content .ed-desc {
  padding-top: 4px;
  padding-bottom: 4px;
}
.configuration-select-color-details .color-detail-parents .product-tooltips .tooltip.top .tooltip-content:after {
  left: var(--color-detail-tooltip-left);
}
.configuration-select-color-details .color-detail-parents .product-tooltips .tooltip.color-tooltip .tooltip-content:after {
  left: var(--color-detail-tooltip-left);
}
.configuration-select-color-details .color-detail-parents .lock {
  left: calc(50% - 15px);
  top: 26px;
}
.configuration-select-color-details .color-detail-parents .lock svg {
  width: 30px;
  height: 30px;
}
.configuration-select-color-details .color-detail-parents .disable-info {
  left: auto;
  top: 8px;
  right: 2px;
}
.configuration-select-color-details .color-detail-parents .slider__bullets {
  position: absolute;
  width: 100%;
  display: inline-block;
  text-align: center;
}
.configuration-select-color-details .color-detail-parents .slider__bullets .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #111c1c;
  opacity: 0.34;
  transition: opacity ease-in-out 0.25s;
  display: inline-block;
  margin-right: 8px;
  cursor: pointer;
}
.configuration-select-color-details .color-detail-parents .slider__bullets .dot.active, .configuration-select-color-details .color-detail-parents .slider__bullets .dot:hover {
  opacity: 1;
}
.configuration-select-color-details .color-detail-parents .config-select-color-details-container {
  max-width: 540px;
  position: relative;
}
.configuration-select-color-details .color-detail-parents .config-select-color-details-container .slide-nav {
  width: auto;
  height: auto;
}
.configuration-select-color-details .color-detail-parents .config-select-color-details-container .slide-nav .bt-prev {
  bottom: unset;
  left: -46px;
  border: none !important;
  top: 50%;
  transform: translateY(-50%);
}
.configuration-select-color-details .color-detail-parents .config-select-color-details-container .slide-nav .bt-next {
  left: unset;
  right: -46px;
  bottom: 20px;
  border: none !important;
  top: 50%;
  transform: translateY(-50%);
}
.configuration-select-color-details .color-detail-parents .config-select-color-details-container .slide-nav .circle-bt.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-select-color-details .color-detail-children {
  position: relative;
  margin-top: 0px;
  display: flex;
  justify-content: center;
  width: 860px;
  transition: opacity ease-in-out 0.2s;
}
.configuration-select-color-details .color-detail-children.visuallyhidden {
  transition: none;
}
.configuration-select-color-details .color-detail-children .swiper-container .swiper-wrapper {
  height: auto;
  width: 100%;
  display: inline-block;
}
.configuration-select-color-details .color-detail-children .custom-scroll .content {
  max-height: 264px;
}
.configuration-select-color-details .color-detail-children .slide-title {
  margin-bottom: 20px;
}
.configuration-select-color-details .color-detail-children .config-select-color-detail-item-container {
  width: 100%;
  user-select: none;
}
.configuration-select-color-details .color-detail-children .config-select-color-detail-item-container .lock {
  left: calc(50% - 18px);
  top: 30px;
}
.configuration-select-color-details .color-detail-children .config-select-color-detail-item-container .lock svg {
  width: 36px;
  height: 36px;
}
.configuration-select-color-details .color-detail-children .config-select-color-detail-item-container .disable-info {
  top: 2px;
  right: 6px;
  left: auto;
}
.configuration-select-color-details .color-detail-children .config-select-color-detail-item-container .swiper-pagination-bullets {
  transform: translate(-50%, -16px);
}
.configuration-select-color-details .color-detail-children .config-select-color-detail-item-container .configuration-select-color-detail-child-item {
  float: left;
  width: 96px;
  height: 130px;
}
.configuration-select-color-details .color-detail-children .config-select-color-detail-item-container .slide-nav {
  z-index: 1;
  position: absolute;
  right: 0;
}
.configuration-select-color-details .color-detail-children .config-select-color-detail-item-container .slide-nav .bt-prev {
  left: unset;
  right: 64px;
  bottom: -16px;
}
.configuration-select-color-details .color-detail-children .config-select-color-detail-item-container .slide-nav .bt-next {
  left: unset;
  bottom: -16px;
  right: 0;
}
.configuration-select-color-details .color-detail-children .config-select-color-detail-item-container .slide-nav .circle-bt.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-select-color-details .color-detail-children .slider__bullets {
  position: absolute;
  width: 100%;
  display: inline-block;
  text-align: center;
  bottom: -40px;
}
.configuration-select-color-details .color-detail-children .slider__bullets .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #111c1c;
  opacity: 0.34;
  transition: opacity ease-in-out 0.25s;
  display: inline-block;
  margin-right: 8px;
  cursor: pointer;
}
.configuration-select-color-details .color-detail-children .slider__bullets .dot.active, .configuration-select-color-details .color-detail-children .slider__bullets .dot:hover {
  opacity: 1;
}
.configuration-select-color-details .bg-pattern {
  position: absolute;
  z-index: -1;
  right: unset;
  right: 120px;
  top: 260px;
}
.configuration-select-color-details .bg-pattern .icon-bg {
  width: 128px;
  height: 128px;
}
.configuration-select-color-details .bg-pattern .icon-bg svg {
  width: 128px;
  height: 128px;
}

@media screen and (max-width: 1450px) {
  .configuration-select-color-details .color-detail-children {
    width: 740px;
  }
}
@media screen and (max-width: 1150px) {
  .configuration-select-color-details .color-detail-children {
    width: 620px;
  }
}
@media screen and (max-width: 1024px) {
  .configuration-select-color-details {
    width: 100%;
    position: relative;
    padding-top: 20px;
    max-width: 100%;
    margin: 0 auto;
    padding-right: 0;
    justify-content: center;
    left: -36px;
  }
  .configuration-select-color-details .slide-nav {
    display: inherit;
  }
  .configuration-select-color-details .slide-nav .slide-nav-box {
    display: inherit;
    position: inherit;
    right: inherit;
    float: unset;
    flex-flow: unset;
  }
  .configuration-select-color-details .slide-nav .slide-nav-box .nav-txt {
    display: none;
  }
  .configuration-select-color-details .slide-nav .slide-nav-box .bt-prev,
  .configuration-select-color-details .slide-nav .slide-nav-box .bt-next {
    order: unset;
    margin: 0;
    position: absolute;
  }
  .configuration-select-color-details .color-detail-parents {
    margin-top: 20px;
  }
  .configuration-select-color-details .color-detail-parents .config-select-color-details-container .slide-nav .bt-next,
  .configuration-select-color-details .color-detail-parents .config-select-color-details-container .slide-nav .bt-prev {
    bottom: 64px;
  }
  .configuration-select-color-details .color-detail-parents .product-tooltips .tooltip .tooltip-content .ed-desc {
    padding: 6px;
  }
  .configuration-select-color-details .bg-pattern {
    top: 40px;
    right: calc(50% - 280px);
  }
  .configuration-select-color-details .color-detail-children {
    width: 600px;
    margin-top: 48px;
  }
  .configuration-select-color-details .color-detail-children .swiper-wrapper {
    height: auto;
    width: 100%;
    display: inline-block;
  }
  .configuration-select-color-details .color-detail-children .custom-scroll .wrapper {
    overflow: hidden;
  }
  .configuration-select-color-details .color-detail-children .custom-scroll .shadow {
    display: none;
  }
  .configuration-select-color-details .color-detail-children .custom-scroll .content {
    max-height: 100%;
  }
  .configuration-select-color-details .color-detail-children .swiper-container {
    max-height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .configuration-select-color-details {
    overflow: visible;
  }
  .configuration-select-color-details .color-detail-parents {
    margin-top: 0;
  }
  .configuration-select-color-details .color-detail-children {
    margin-top: 60px;
  }
  .configuration-select-color-details .bg-pattern {
    top: 240px;
  }
}
@media screen and (max-width: 766px) {
  .configuration-select-color-details {
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .configuration-select-color-details .color-detail-parents .config-select-color-details-container {
    width: 355px;
  }
  .configuration-select-color-details .color-detail-children {
    width: 360px;
  }
  .configuration-select-color-details .color-detail-children .swiper-container {
    position: relative;
    left: 12px;
  }
  .configuration-select-color-details .color-detail-children .swiper-wrapper {
    padding-top: 54px;
  }
  .configuration-select-color-details .color-detail-children .custom-scroll .shadow {
    display: none;
  }
  .configuration-select-color-details .configuration-select-color-detail-child-item {
    margin-top: 16px;
  }
}
@media screen and (max-width: 460px) {
  .configuration-select-color-details .color-detail-parents .config-select-color-details-container {
    width: 264px;
  }
}
.configuration-select-color-detail-item {
  max-height: 135px;
  transition: all 0.3s ease-out;
  float: left;
  width: 72px;
  margin-right: 20px;
  user-select: none;
}
.configuration-select-color-detail-item .item-container {
  height: fit-content;
  cursor: pointer;
  position: relative;
  padding: 10px 0;
  margin: 12px 0;
}
.configuration-select-color-detail-item.hide-by-group {
  display: none;
}
.configuration-select-color-detail-item.active .bt-select-item {
  background-color: #e5b761;
  opacity: 1;
  pointer-events: initial;
}
.configuration-select-color-detail-item.active .bt-select-item .icon {
  display: inline-block;
}
.configuration-select-color-detail-item.active .bt-select-item .icon:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-select-color-detail-item.active .ico-ed-info {
  transition: 0s;
  opacity: 0;
}
.configuration-select-color-detail-item.active .image::before {
  border: none;
  box-shadow: none;
}
.configuration-select-color-detail-item.active .image:after {
  opacity: 1;
  visibility: visible;
}
.configuration-select-color-detail-item.disable .text {
  color: #d8d8d8;
}
.configuration-select-color-detail-item.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-select-color-detail-item.disabled-by-rule .image {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-select-color-detail-item.disabled-by-rule .lock {
  display: block;
}
.configuration-select-color-detail-item.disabled-by-rule .bt-zoom,
.configuration-select-color-detail-item.disabled-by-rule .name {
  opacity: 0.5;
}
.configuration-select-color-detail-item.disabled-by-rule .name,
.configuration-select-color-detail-item.disabled-by-rule .bt-select-item {
  cursor: not-allowed;
}
.configuration-select-color-detail-item .image {
  border-radius: 50%;
  border: solid 2px #ffffff;
  width: 72px;
  height: 72px;
  box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.08);
  position: relative;
}
.configuration-select-color-detail-item .image::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  -webkit-clip-path: circle(50%);
  clip-path: circle(50%);
  border-radius: 50%;
  background-color: #fff;
  display: inline-block;
  z-index: 1;
  border: 2px solid #fff;
}
.configuration-select-color-detail-item .image::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  -webkit-clip-path: circle(50%);
  clip-path: circle(50%);
  background-color: #ebc989;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  border: 2px solid #ebc989;
}
.configuration-select-color-detail-item .image img {
  position: relative;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.configuration-select-color-detail-item .image .info-img {
  background-color: #e4b760;
  width: 100%;
  height: 100%;
  position: relative;
}
.configuration-select-color-detail-item .image .info-img svg {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.configuration-select-color-detail-item .text {
  text-align: center;
  color: #111c1c;
  transition: all 0.3s ease-in-out;
  margin-top: 8px;
}
.configuration-select-color-detail-item .text .name p {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 72px;
  height: 36px;
}
.configuration-select-color-detail-item .bt-zoom {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 58px;
  left: 0;
  transition: all 0.3s ease-in-out;
  z-index: 2;
  border: 1px solid #111c1c;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.configuration-select-color-detail-item .bt-zoom .icon-expand {
  left: unset;
  bottom: unset;
  transform: scale(0.825);
  display: inline-block;
  position: absolute;
}
.configuration-select-color-detail-item .bt-select-item {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: -6px;
  top: 8px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
}
.configuration-select-color-detail-item .bt-select-item .icon {
  width: 16px;
  height: 16px;
  position: relative;
}
.configuration-select-color-detail-item .bt-select-item .ico-ed-info {
  width: 3px;
  height: 11px;
  position: absolute;
  color: #ffffff;
  opacity: 0;
}
.configuration-select-color-detail-item[data-info-only=True] .bt-zoom,
.configuration-select-color-detail-item[data-info-only=True] .bt-select-item {
  display: none;
}

.configuration-select-color-detail-child-item {
  margin-right: 24px;
  transition: all ease-in-out 0.25s;
}
.configuration-select-color-detail-child-item.hide-by-group {
  display: none;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-select-color-detail-item .bt-select-item {
    pointer-events: initial;
  }
  .configuration-select-color-detail-item.active:not(.disabled-by-rule):hover .bt-select-item {
    opacity: 1;
  }
  .configuration-select-color-detail-item.active:not(.disabled-by-rule):hover .bt-select-item .icon {
    opacity: 0;
  }
  .configuration-select-color-detail-item.active:not(.disabled-by-rule):hover .bt-select-item .ico-ed-info {
    display: inline-block;
    transition: opacity 0s ease;
    opacity: 1;
  }
  .configuration-select-color-detail-item:not(.active):not(.disabled-by-rule):hover .bt-select-item {
    opacity: 1;
  }
  .configuration-select-color-detail-item:not(.active):not(.disabled-by-rule):hover .bt-select-item .icon {
    display: none;
  }
  .configuration-select-color-detail-item:not(.active):not(.disabled-by-rule):hover .bt-select-item .ico-ed-info {
    display: inline-block;
    transition: opacity 0s ease;
    opacity: 1;
  }
  .configuration-select-color-detail-item:hover .bt-zoom {
    border-color: #ebc989;
    transform: scale(1.2);
  }
  .configuration-select-color-detail-item:hover .bt-zoom .icon-expand {
    background-color: #ebc989;
  }
}
.configuration-select-color-detail-child-item {
  max-height: 230px;
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: 4px;
}
.configuration-select-color-detail-child-item.disabled {
  pointer-events: none;
}
.configuration-select-color-detail-child-item .bt-select-item {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: 0px;
  top: 0px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.configuration-select-color-detail-child-item .bt-select-item .icon {
  width: 8px;
  height: 8px;
  position: relative;
}
.configuration-select-color-detail-child-item .bt-select-item .icon:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}
.configuration-select-color-detail-child-item.active .bt-select-item {
  background-color: #e5b761;
  opacity: 1;
}
.configuration-select-color-detail-child-item.active .bt-select-item .icon {
  display: inline-block;
}
.configuration-select-color-detail-child-item.active .bt-select-item .icon:before {
  content: "";
  position: absolute;
  left: 2px;
  top: -2px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-select-color-detail-child-item.active .ico-ed-info {
  transition: 0s;
  opacity: 0;
}
.configuration-select-color-detail-child-item.active .item-container .image::before {
  border: none;
  box-shadow: none;
}
.configuration-select-color-detail-child-item.active .item-container .image:after {
  opacity: 1;
  visibility: visible;
}
.configuration-select-color-detail-child-item.active .edition-image {
  position: relative;
}
.configuration-select-color-detail-child-item.active .edition-image::before {
  border: none;
  box-shadow: none;
}
.configuration-select-color-detail-child-item.active .edition-image:after {
  opacity: 1;
  visibility: visible;
}
.configuration-select-color-detail-child-item.disable .text {
  color: #d8d8d8;
}
.configuration-select-color-detail-child-item .item-container {
  height: fit-content;
  cursor: pointer;
  position: relative;
  max-width: 94px;
}
.configuration-select-color-detail-child-item .item-container.show .image {
  z-index: -1;
}
.configuration-select-color-detail-child-item .item-container.show .out-of-stock {
  display: block;
}
.configuration-select-color-detail-child-item .item-container.show .bt-zoom {
  pointer-events: fill;
}
.configuration-select-color-detail-child-item .item-container.show .bt-select-item {
  display: none;
}
.configuration-select-color-detail-child-item .item-container .image {
  border-radius: 50%;
  border: solid 2px #ffffff;
  width: 94px;
  height: 94px;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
  margin-bottom: 10px;
  margin: 0 auto;
  position: relative;
}
.configuration-select-color-detail-child-item .item-container .image::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 94px;
  height: 94px;
  -webkit-clip-path: circle(50%);
  clip-path: circle(50%);
  border-radius: 50%;
  background-color: #fff;
  display: inline-block;
  z-index: 1;
  border: 2px solid #fff;
}
.configuration-select-color-detail-child-item .item-container .image::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 94px;
  height: 94px;
  -webkit-clip-path: circle(50%);
  clip-path: circle(50%);
  background-color: #ebc989;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  border: 2px solid #ebc989;
}
.configuration-select-color-detail-child-item .item-container .image img {
  position: relative;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.configuration-select-color-detail-child-item .item-container .out-of-stock {
  width: 96px;
  height: 96px;
  margin-bottom: 10px;
  margin: 0 auto;
  opacity: 0.7;
  background: #ffffff;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.08);
  border-radius: 124px;
  position: absolute;
  top: 0;
  display: none;
}
.configuration-select-color-detail-child-item .item-container .out-of-stock .no-stock {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #111c1c;
}
.configuration-select-color-detail-child-item .item-container .out-of-stock .no-stock p {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
.configuration-select-color-detail-child-item .item-container .text {
  text-align: center;
  color: #111c1c;
  transition: all 0.3s ease-in-out;
  margin-top: 8px;
}
.configuration-select-color-detail-child-item .item-container .text .name p {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
}
.configuration-select-color-detail-child-item .bt-zoom {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 72px;
  left: 0;
  transition: all 0.3s ease-in-out;
  z-index: 2;
  border: 1px solid #111c1c;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.configuration-select-color-detail-child-item .bt-zoom:hover .icon-expand {
  background-color: #ebc989;
}
.configuration-select-color-detail-child-item .bt-zoom .icon-expand {
  left: unset;
  bottom: unset;
  transform: scale(0.825);
  display: inline-block;
  position: absolute;
}
.configuration-select-color-detail-child-item .bt-select-item {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: 0;
  top: 0;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  z-index: 2;
}
.configuration-select-color-detail-child-item .bt-select-item .icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.configuration-select-color-detail-child-item .bt-select-item .icon:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}
.configuration-select-color-detail-child-item .bt-select-item .ico-ed-info {
  width: 3px;
  height: 11px;
  position: absolute;
  color: #ffffff;
  opacity: 0;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-select-color-detail-child-item:hover .bt-select-item {
    opacity: 1;
  }
  .configuration-select-color-detail-child-item:hover .bt-zoom {
    border-color: #ebc989;
    transform: scale(1.2);
  }
  .configuration-select-color-detail-child-item:hover .bt-zoom .icon-expand {
    background-color: #ebc989;
  }
}
.popup-zoom {
  position: fixed;
  overflow-y: auto;
  top: 0;
  z-index: 6;
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.popup-zoom.active {
  visibility: visible;
  opacity: 1;
}
.popup-zoom.active .bg-pattern {
  display: block;
}
.popup-zoom.small-size .zoom-container {
  padding-top: 0;
}
.popup-zoom.small-size .zoom-box {
  top: 50%;
  transform: translateY(-50%);
}
.popup-zoom::-webkit-scrollbar {
  display: none;
}
.popup-zoom .zoom-holder {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1424px;
  left: 50%;
  transform: translate(-50%, 0px);
  z-index: 2;
}
.popup-zoom .zoom-right {
  width: 64%;
  max-width: 1004px;
  position: absolute;
  right: 0;
  top: 0;
  background: #ffffff;
}
.popup-zoom .zoom-container {
  height: fit-content;
  position: relative;
  z-index: 1;
  opacity: 0;
  margin: 0 auto;
  width: fit-content;
  padding-top: 212px;
}
.popup-zoom .zoom-container.active {
  visibility: visible;
  height: 100vh;
  overflow-y: auto;
  opacity: 1;
}
.popup-zoom .zoom-container::-webkit-scrollbar {
  display: none;
}
.popup-zoom .zoom-box {
  height: fit-content;
  position: relative;
}
.popup-zoom .zoom-box .image-preview {
  border-radius: 50%;
  position: relative;
  z-index: 2;
  border: solid 4px #ffffff;
  overflow: hidden;
  width: 480px;
  height: 480px;
  margin-bottom: 16px;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
}
.popup-zoom .zoom-box .image-preview img {
  position: relative;
  z-index: 1;
  object-fit: cover;
  object-position: center center;
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  transition: transform 0.4s ease-out 0s;
  cursor: url(/assetfiles/img/tabledusudv4/shared/zoom-in.png) 24 24, auto;
}
.popup-zoom .zoom-box .image-preview.zoom, .popup-zoom .zoom-box .image-preview.pre-zoom {
  overflow: hidden;
}
.popup-zoom .zoom-box .image-preview.zoom picture, .popup-zoom .zoom-box .image-preview.pre-zoom picture {
  display: block;
  width: 100%;
  height: 100%;
}
.popup-zoom .zoom-box .image-preview.zoom img, .popup-zoom .zoom-box .image-preview.pre-zoom img {
  top: 0;
  left: 0;
  transform: translate3d(0px, 0px, 0px) scale(1.5);
  width: unset;
  height: unset;
  cursor: url(/assetfiles/img/tabledusudv4/shared/zoom-out.png) 24 24, auto;
}
.popup-zoom .zoom-box .image-preview.pre-zoom img {
  transition: none;
}
.popup-zoom .zoom-box .image-preview.zoom img {
  transition: transform 0.4s ease-out 0s;
}
.popup-zoom .zoom-box .video-preview {
  position: relative;
  width: 100%;
  height: 550px;
}
.popup-zoom .zoom-box .video-preview video,
.popup-zoom .zoom-box .video-preview iframe {
  position: absolute;
  left: 50%;
  top: calc(50% - 68px);
  transform: translate(-50%, -50%);
  height: 550px;
}
.popup-zoom .zoom-box .video-preview iframe {
  border: none;
  width: 100%;
}
.popup-zoom .zoom-box .closelight-bt {
  position: absolute;
  top: 456px;
  left: 50%;
  transform: translate(-50%, 0px);
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
  height: 48px;
  padding: 0px 24px;
  background-color: #ffffff;
  display: flex;
  border-radius: 30px;
  align-items: center;
  transition: all 0.3s ease-out;
  z-index: 3;
}
.popup-zoom .zoom-box .closelight-bt:hover {
  background-color: #e4b760;
}
.popup-zoom .zoom-box .closelight-bt:hover p {
  color: #ffffff;
}
.popup-zoom .zoom-box .closelight-bt:hover .icon-close-light {
  background-color: #ffffff;
}
.popup-zoom .zoom-box .closelight-bt .icon-close-light {
  margin: 0px;
  margin-right: 8px;
}
.popup-zoom .zoom-box .closelight-bt p {
  font-size: 14px;
  padding: 0px;
  transition: all 0.3s ease-out;
}
.popup-zoom .bg-pattern {
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 177px;
  transform: translate(-270px, 0px);
  display: none;
}
.popup-zoom .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.popup-zoom .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}
.popup-zoom.suar .zoom-container {
  padding-top: 0;
  display: flex;
  align-items: center;
}
.popup-zoom.suar .image-preview {
  border-radius: 4px;
  box-shadow: none;
  max-width: 486px;
  max-height: 100%;
  height: auto;
  width: 100%;
}
.popup-zoom.suar .bg-pattern {
  left: unset;
  right: -160px;
  top: 240px;
}
.popup-zoom.suar .closelight-bt {
  top: unset;
  bottom: 112px;
}
.popup-zoom.rectangle .zoom-box {
  max-width: 900px;
  padding-right: 46px;
}
.popup-zoom.rectangle .zoom-box .image-preview {
  width: 100%;
  height: 100%;
  border-radius: unset;
  box-shadow: none;
  margin-bottom: 0;
}
.popup-zoom.rectangle .zoom-box .image-preview img {
  border-radius: unset;
}
.popup-zoom.rectangle .zoom-box .image-preview.zoom, .popup-zoom.rectangle .zoom-box .image-preview.pre-zoom {
  height: 520px;
}
.popup-zoom.rectangle .zoom-box .closelight-bt {
  left: calc(50% - 52px);
}

@media screen and (max-width: 1366px) {
  .popup-zoom .zoom-right {
    width: 62%;
  }
  .popup-zoom.suar .image-preview {
    max-width: 426px;
  }
  .popup-zoom.rectangle .zoom-box {
    max-width: 850px;
  }
  .popup-zoom.rectangle .zoom-box .image-preview.zoom, .popup-zoom.rectangle .zoom-box .image-preview.pre-zoom {
    height: 480px;
  }
}
@media screen and (max-width: 1200px) {
  .popup-zoom .zoom-container {
    padding-top: 70px;
  }
  .popup-zoom.rectangle .zoom-box .closelight-bt {
    top: 480px;
  }
}
@media screen and (max-width: 1024px) {
  .popup-zoom {
    top: 0px;
    width: 100%;
  }
  .popup-zoom .zoom-holder {
    background: #fff;
  }
  .popup-zoom .zoom-right {
    width: 100%;
  }
  .popup-zoom .zoom-container {
    padding-top: 120px;
  }
  .popup-zoom .bg-pattern {
    top: 154px;
    transform: translate(142px, 0px);
  }
  .popup-zoom .bg-pattern .icon-bg svg {
    transform: scale(0.78);
  }
  .popup-zoom.suar .bg-pattern {
    right: 23%;
  }
  .popup-zoom.rectangle .zoom-right {
    max-width: 100%;
    width: 100%;
  }
  .popup-zoom.rectangle .zoom-box {
    padding-right: 0;
  }
  .popup-zoom.rectangle .zoom-box .closelight-bt {
    left: 50%;
  }
  .popup-zoom.rectangle.zoom-activated .zoom-container {
    width: 100%;
  }
  .popup-zoom.rectangle.zoom-activated .zoom-box {
    max-width: unset;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .popup-zoom {
    user-select: none;
  }
  .popup-zoom .zoom-right {
    width: 480px;
    left: 50%;
    transform: translate(-50%, 0px);
  }
  .popup-zoom .zoom-box .video-preview {
    height: 480px;
  }
  .popup-zoom .zoom-box .video-preview iframe {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 480px;
  }
  .popup-zoom .bg-pattern {
    top: 40px;
    transform: translate(44px, 0px);
  }
  .popup-zoom .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
  .popup-zoom.suar .bg-pattern {
    left: -8%;
  }
}
@media screen and (max-width: 639px) {
  .popup-zoom .zoom-box .image-preview img {
    max-width: 500px;
  }
  .popup-zoom.rectangle .zoom-box .image-preview.zoom img {
    transform: translate3d(0px, 0px, 0px) scale(2);
  }
}
@media screen and (max-width: 500px) {
  .popup-zoom {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .popup-zoom .zoom-container {
    padding-top: 40px;
  }
  .popup-zoom .zoom-box .video-preview {
    height: 380px;
  }
  .popup-zoom .zoom-box .video-preview iframe {
    height: 380px;
  }
  .popup-zoom .zoom-box .image-preview {
    width: 380px;
    height: 380px;
    margin: 0 auto;
  }
  .popup-zoom .zoom-box .image-preview img {
    height: 384px;
  }
  .popup-zoom .zoom-box .closelight-bt {
    width: 48px;
    align-items: center;
    padding: 0px;
    justify-content: center;
    top: 356px;
  }
  .popup-zoom .zoom-box .closelight-bt .icon-close-light {
    margin: 0px;
  }
  .popup-zoom .zoom-box .closelight-bt p {
    display: none;
  }
  .popup-zoom.suar .zoom-box .closelight-bt {
    top: unset;
  }
  .popup-zoom.suar .zoom-box .image-preview {
    width: 100%;
    height: 100%;
    text-align: center;
    max-width: 96%;
  }
  .popup-zoom.suar .zoom-box .image-preview img {
    height: auto;
    max-width: 100%;
  }
  .popup-zoom.rectangle .zoom-container {
    padding-top: 120px;
  }
  .popup-zoom.rectangle .zoom-box .image-preview {
    width: 380px;
    height: 380px;
  }
  .popup-zoom.rectangle .zoom-box .image-preview img {
    height: unset;
  }
  .popup-zoom.rectangle .zoom-box .image-preview.zoom {
    height: 360px;
    width: 100%;
  }
  .popup-zoom.rectangle .zoom-box .image-preview.zoom img {
    transform: translate3d(0px, 0px, 0px) scale(2.5);
  }
}
@media screen and (max-width: 400px) {
  .popup-zoom .zoom-container {
    padding-top: 60px;
  }
  .popup-zoom .zoom-box .video-preview {
    height: 320px;
  }
  .popup-zoom .zoom-box .video-preview iframe {
    height: 320px;
  }
  .popup-zoom .zoom-box .image-preview {
    width: 320px;
    height: 320px;
  }
  .popup-zoom .zoom-box .image-preview img {
    height: 320px;
  }
  .popup-zoom .zoom-box .closelight-bt {
    top: 300px;
  }
  .popup-zoom.suar .zoom-box .closelight-bt {
    top: unset;
    bottom: 80px;
  }
  .popup-zoom.rectangle .zoom-box .closelight-bt {
    top: 380px;
  }
}
.popup-configuration-summary {
  padding: 100px 0px 0 64px;
  z-index: 7;
  top: 0;
  height: 100vh;
}
.popup-configuration-summary:before {
  content: " ";
  position: absolute;
  top: 634px;
  right: 0px;
  width: 264px;
  height: 100px;
  background-color: #f8f7f4;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  z-index: -1;
}
.popup-configuration-summary.active {
  right: 0px;
}
.popup-configuration-summary .popup-title {
  margin-bottom: 44px;
}
.popup-configuration-summary .popup-content {
  padding-right: 32px;
  height: calc(100vh - 320px);
  padding-bottom: 32px;
}
.popup-configuration-summary .popup-content .summary-set {
  margin-bottom: 26px;
}
.popup-configuration-summary .popup-content .summary-set .product-preview {
  display: flex;
  margin-bottom: 6px;
}
.popup-configuration-summary .popup-content .summary-set .product-preview .preview-img {
  width: 96px;
  padding: 0px 8px;
}
.popup-configuration-summary .popup-content .summary-set .product-preview .preview-img img {
  width: 100%;
  object-fit: cover;
}
.popup-configuration-summary .popup-content .summary-set .product-preview .preview-text {
  width: calc(100% - 96px);
  padding: 18px 0px 20px;
}
.popup-configuration-summary .popup-content .summary-set .product-preview .preview-text .name {
  max-width: 160px;
  margin-bottom: 5px;
}
.popup-configuration-summary .popup-content .summary-set .product-preview .preview-text .name p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
.popup-configuration-summary .popup-content .summary-set .product-preview .preview-text .shipping-item {
  display: flex;
  position: relative;
}
.popup-configuration-summary .popup-content .summary-set .product-preview .preview-text .shipping-item p {
  font-size: 12px;
  line-height: 20px;
  padding-right: 10px;
  color: #a6a8a7;
}
.popup-configuration-summary .popup-content .summary-set .product-preview .preview-text .shipping-item p b {
  font-weight: 600;
}
.popup-configuration-summary .popup-content .summary-set .product-preview .preview-text .shipping-item .icon-and-tooltip {
  position: relative;
  cursor: pointer;
}
.popup-configuration-summary .popup-content .summary-set .product-preview .preview-text .shipping-item .icon-and-tooltip:hover .icon-moreinfo {
  background-color: #e4b760;
}
.popup-configuration-summary .popup-content .product-tooltips .tooltip.top .tooltip-content {
  right: -8px;
  left: unset;
  transform: unset;
}
.popup-configuration-summary .popup-content .product-tooltips .tooltip.top .tooltip-content .detail p {
  color: black;
}
.popup-configuration-summary .popup-content .product-tooltips .tooltip.top .tooltip-content:after {
  left: unset;
  right: 14px;
  margin-left: -10px;
}
.popup-configuration-summary .popup-content .product-tooltips .tooltip.bottom .tooltip-content {
  bottom: -14px;
  left: unset;
  right: -8px;
  transform: translateY(100%);
}
.popup-configuration-summary .popup-content .product-tooltips .tooltip.bottom .tooltip-content .detail p {
  color: black;
}
.popup-configuration-summary .popup-content .product-tooltips .tooltip.bottom .tooltip-content:after {
  left: unset;
  right: 14px;
  margin-left: -10px;
  top: -6px;
  bottom: 0;
  box-shadow: -2px -3px 4px rgba(0, 0, 0, 0.08);
}
.popup-configuration-summary .popup-content .summary-text-set {
  margin-bottom: 46px;
  padding-right: 32px;
}
.popup-configuration-summary .popup-content .summary-text-set .summary-text {
  margin-bottom: 16px;
}
.popup-configuration-summary .popup-content .summary-text-set .summary-text .original-price-wrapper {
  position: absolute;
  display: none;
  right: 0;
  bottom: 16px;
}
.popup-configuration-summary .popup-content .summary-text-set .summary-text .original-price-wrapper .original-price {
  font-size: 10px;
  line-height: 20px;
  color: #AEB2B2;
}
.popup-configuration-summary .popup-content .summary-text-set .summary-text .original-price-wrapper .original-price:after {
  border-top: 1px solid #AEB2B2;
  position: absolute;
  content: "";
  right: 0;
  top: 45%;
  left: 0;
}
.popup-configuration-summary .popup-content .summary-text-set .summary-text.on-original-price {
  padding-top: 14px;
  position: relative;
}
.popup-configuration-summary .popup-content .summary-text-set .summary-text.on-original-price .original-price-wrapper {
  display: block;
}
.popup-configuration-summary .popup-content .summary-text-set .summary-text .text-label {
  display: flex;
  justify-content: space-between;
}
.popup-configuration-summary .popup-content .summary-text-set .summary-text .text-label p {
  font-size: 10px;
  line-height: 16px;
  color: #a6a8a7;
}
.popup-configuration-summary .popup-content .summary-text-set .summary-text .text-detail {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.popup-configuration-summary .popup-content .summary-text-set .summary-text .text-detail p {
  font-size: 12px;
  line-height: 20px;
  color: #111c1c;
}
.popup-configuration-summary .popup-content .summary-text-set .summary-text .text-detail p:first-child {
  max-width: 200px;
}
.popup-configuration-summary .popup-content .summary-text-set .summary-text .text-detail p.grey {
  color: #a6a8a7;
}
.popup-configuration-summary .popup-content .summary-text-set .summary-text .text-detail p b {
  font-weight: 600;
}
.popup-configuration-summary .popup-content .summary-text-set .summary-text .text-detail p b.orange {
  color: #e4b760;
}
.popup-configuration-summary .popup-content .summary-text-set .summary-text .text-detail p b.grey {
  color: #a6a8a7;
}
.popup-configuration-summary .popup-content .shadows {
  display: none;
}
.popup-configuration-summary .popup-box-bt {
  position: initial;
  bottom: 64px;
  justify-content: flex-end;
  align-items: center;
  padding-right: 16px;
  padding-left: 32px;
  right: 0px;
}
.popup-configuration-summary .popup-box-bt .simple-bt {
  width: calc(50% - 16px);
  justify-content: initial;
}
.popup-configuration-summary .popup-box-bt .simple-bt:first-child {
  justify-content: flex-start;
  border: none;
}
.popup-configuration-summary .popup-box-bt .simple-bt:first-child p {
  line-height: 16px;
  font-size: 12px;
  color: #d8d8d8;
  text-align: center;
  width: 100%;
  padding-right: 20px;
}
.popup-configuration-summary .popup-box-bt .simple-bt:last-child {
  justify-content: flex-end;
}
.popup-configuration-summary .popup-box-bt .simple-bt:last-child p {
  color: #111c1c;
  line-height: 16px;
  font-size: 14px;
  text-align: center;
  width: 100%;
  padding-left: 20px;
}
.popup-configuration-summary .popup-box-bt .simple-bt p {
  color: #888d8d;
}
.popup-configuration-summary .popup-box-bt .simple-bt.disabled {
  opacity: 0.7;
  cursor: default;
}
.popup-configuration-summary .popup-box-bt .bt-general {
  text-align: center;
  width: 50%;
}
.popup-configuration-summary .close-bt {
  border: none;
}
.popup-configuration-summary .close-bt:hover {
  border: none;
}

@media screen and (max-width: 1280px) {
  .popup-configuration-summary:before {
    top: unset;
    bottom: 90px;
  }
  .popup-configuration-summary .popup-content {
    height: calc(100vh - 400px);
  }
}
@media screen and (max-width: 420px) {
  .popup-configuration-summary {
    padding-bottom: 30px;
  }
  .popup-configuration-summary .popup-content {
    height: calc(100vh - 380px);
  }
  .popup-configuration-summary .popup-content .summary-text-set .summary-text .text-detail p:first-child {
    max-width: 185px;
  }
}
@media screen and (max-width: 380px) {
  .popup-configuration-summary .popup-content .summary-text-set .summary-text .text-detail p:first-child {
    max-width: 170px;
  }
}
@media screen and (max-width: 360px) {
  .popup-configuration-summary {
    padding: 100px 0px 30px 32px;
  }
  .popup-configuration-summary .popup-content {
    padding-right: 16px;
  }
  .popup-configuration-summary .popup-content .summary-text-set {
    padding-right: 16px;
  }
  .popup-configuration-summary .popup-content .summary-text-set .summary-text .text-detail p:first-child {
    max-width: 180px;
  }
  .popup-configuration-summary .popup-box-bt {
    width: calc(100% - 32px);
  }
  .popup-configuration-summary .popup-box-bt .simple-bt {
    width: calc(50% - 8px);
  }
}
.popup-product-stock-update-newsletter {
  padding: 100px 0px 60px 64px;
  z-index: 7;
  top: 0;
}
.popup-product-stock-update-newsletter.active {
  right: 0px;
}
.popup-product-stock-update-newsletter .popup-title {
  margin-bottom: 44px;
}
.popup-product-stock-update-newsletter .popup-title p.success {
  display: none;
}
.popup-product-stock-update-newsletter .popup-content {
  padding-right: 42px;
  height: calc(100vh - 290px);
}
.popup-product-stock-update-newsletter .popup-content .summary-set {
  margin-bottom: 26px;
}
.popup-product-stock-update-newsletter .popup-content .summary-set p {
  font-size: 14px;
  line-height: 20px;
}
.popup-product-stock-update-newsletter .popup-content .summary-set p.success {
  display: none;
}
.popup-product-stock-update-newsletter .popup-content .form-block {
  width: calc(100% + 40px);
  position: relative;
  left: -20px;
}
.popup-product-stock-update-newsletter .popup-content .form-block .form-label {
  padding-left: 20px;
}
.popup-product-stock-update-newsletter .popup-content .form-block .form-input input {
  font-size: 14px;
  height: 48px;
  padding: 12px 12px 12px 20px;
}
.popup-product-stock-update-newsletter .popup-content .shadows {
  display: none;
}
.popup-product-stock-update-newsletter .popup-box-bt {
  padding-right: 64px;
}
.popup-product-stock-update-newsletter .popup-box-bt .simple-bt {
  width: 50%;
  justify-content: initial;
}
.popup-product-stock-update-newsletter .popup-box-bt .simple-bt.close-popup p {
  line-height: 16px;
  font-size: 12px;
  padding-left: 24px;
  color: #d8d8d8;
}
.popup-product-stock-update-newsletter .popup-box-bt .simple-bt p {
  color: #888d8d;
  text-align: center;
}
.popup-product-stock-update-newsletter .popup-box-bt .simple-bt.disabled {
  opacity: 0.7;
  cursor: default;
}
.popup-product-stock-update-newsletter .popup-box-bt .bt-config {
  margin-left: 24px;
  position: relative;
  top: -20px;
}
.popup-product-stock-update-newsletter .popup-box-bt .bt-config p {
  padding-left: 0;
}
.popup-product-stock-update-newsletter .close-bt {
  border: none;
}
.popup-product-stock-update-newsletter .close-bt:hover {
  border: none;
}
.popup-product-stock-update-newsletter.success .popup-title p.normal {
  display: none;
}
.popup-product-stock-update-newsletter.success .popup-title p.success {
  display: block;
}
.popup-product-stock-update-newsletter.success .popup-content .form-block {
  display: none;
}
.popup-product-stock-update-newsletter.success .popup-content .summary-set p.normal {
  display: none;
}
.popup-product-stock-update-newsletter.success .popup-content .summary-set p.success {
  display: block;
}
.popup-product-stock-update-newsletter.success .popup-box-bt .bt-config {
  display: none;
}
.popup-product-stock-update-newsletter.ac-subscribed .popup-content .form-block {
  display: none;
}
.popup-product-stock-update-newsletter.ac-subscribed .popup-content .summary-set p.normal {
  display: none;
}

@media screen and (max-width: 420px) {
  .popup-product-stock-update-newsletter .popup-content {
    height: calc(100vh - 370px);
  }
}
@media screen and (max-width: 360px) {
  .popup-product-stock-update-newsletter {
    padding: 100px 0px 60px 32px;
  }
  .popup-product-stock-update-newsletter .popup-content {
    padding-right: 16px;
  }
}
.popup-save-3d-config {
  --font-primary-color: #111c1c;
  --dark-grey: #616161;
  background-color: rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.25s;
}
.popup-save-3d-config.active {
  opacity: 1;
  visibility: visible;
}
.popup-save-3d-config.active .popup-content {
  visibility: visible;
  opacity: 1;
}
.popup-save-3d-config button {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
}
.popup-save-3d-config .popup-content {
  display: flex;
  flex-direction: column;
  padding: 24px;
  width: min(366px, 100% - 30px);
  height: auto;
  min-height: 500px;
  background: #ffffff;
  border-radius: 4px;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  transition: all ease-in-out 0.25s;
  opacity: 0;
  visibility: hidden;
  max-height: calc(100vh - 32px);
}
.popup-save-3d-config .popup-content .back-to-page {
  width: fit-content;
  display: inline-flex;
  height: 48px;
  justify-content: flex-start;
  align-items: center;
  background: #fff;
  position: relative;
}
.popup-save-3d-config .popup-content .back-to-page .icon-arr-left {
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}
.popup-save-3d-config .popup-content .back-to-page .icon-arr-left svg {
  position: relative;
  color: var(--font-primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup-save-3d-config .popup-content .back-to-page p {
  color: var(--font-primary-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}
.popup-save-3d-config .popup-content .title {
  color: var(--font-primary-color);
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
.popup-save-3d-config .popup-content .sub-title {
  color: var(--dark-grey);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  padding-top: 8px;
}
.popup-save-3d-config .popup-content ul.config-button-group {
  --btn-item-bg: #fff;
  --btn-item-border: #505050;
  --btn-item-font-color: #111c1c;
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-self: stretch;
}
.popup-save-3d-config .popup-content ul.config-button-group > li {
  position: relative;
}
.popup-save-3d-config .popup-content ul.config-button-group .btn-item {
  width: 100%;
  display: flex;
  height: 56px;
  padding: 0 24px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 1px solid var(--btn-item-border);
  background: var(--btn-item-bg);
  color: var(--btn-item-font-color);
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  cursor: pointer;
}
.popup-save-3d-config .popup-content ul.config-button-group .btn-item.disabled {
  opacity: 0.7;
  cursor: default;
}
.popup-save-3d-config .popup-content ul.config-button-group .btn-item .ico {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.popup-save-3d-config .popup-content ul.config-button-group .btn-item .ico svg {
  color: var(--btn-item-font-color);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-self: unset;
}
.popup-save-3d-config .popup-content ul.config-button-group .btn-item p {
  color: var(--btn-item-font-color);
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
.popup-save-3d-config .popup-content ul.config-button-group .btn-item.btn-shopping-cart {
  --btn-item-bg: #e4b760;
  --btn-item-border: #e4b760;
  --btn-item-font-color: #fff;
}
.popup-save-3d-config .popup-content ul.config-button-group .btn-item.btn-close-popup {
  border: none;
}
.popup-save-3d-config .popup-content .copied-notify {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #111c1c;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  border-radius: 4px;
  width: fit-content;
  padding: 6px 8px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.2s ease-in-out;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}
.popup-save-3d-config .popup-content .copied-notify::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 7px solid #111c1c;
  border-top: 0;
  position: absolute;
  top: -6px;
}
.popup-save-3d-config .popup-content .copied-notify.active {
  opacity: 1;
  top: calc(100% + 7px);
  visibility: visible;
}

@media (hover: hover) and (pointer: fine) {
  .popup-save-3d-config .popup-content ul.config-button-group .btn-item:hover {
    --btn-item-border: #e4b760;
    --btn-item-font-color: #e4b760;
  }
  .popup-save-3d-config .popup-content ul.config-button-group .btn-item:hover.btn-shopping-cart {
    --btn-item-font-color: #fff;
    --btn-item-bg: #b99250;
    --btn-item-border: #b99250;
  }
}
.popup-magazine-active-campaign {
  background-color: rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.25s;
}
.popup-magazine-active-campaign.active {
  opacity: 1;
  visibility: visible;
}
.popup-magazine-active-campaign.active .popup-content {
  visibility: visible;
  opacity: 1;
}
.popup-magazine-active-campaign[popup-type=popup-magazine-add-to-cart] .popup-content .title {
  display: none;
}
.popup-magazine-active-campaign[popup-type=popup-magazine-add-to-cart] .popup-content .title.magazine-add-to-cart-title {
  display: block;
}
.popup-magazine-active-campaign[popup-type=popup-magazine-add-to-cart] .popup-content.success-state .popup-footer.success-footer {
  display: none;
}
.popup-magazine-active-campaign .btn {
  appearance: none;
  border: unset;
  padding: 0;
  background: unset;
}
.popup-magazine-active-campaign .spinner {
  width: 50px;
  height: 50px;
  position: relative;
  flex-shrink: 0;
  display: none;
}
.popup-magazine-active-campaign .spinner img {
  width: inherit;
  height: inherit;
}
.popup-magazine-active-campaign .popup-content.success-state .spinner:not(.hidden) {
  display: block;
}
.popup-magazine-active-campaign .popup-content {
  display: flex;
  flex-direction: column;
  padding: 0;
  width: min(500px, 100% - 32px);
  height: auto;
  min-height: 310px;
  max-height: calc(100vh - 32px);
  background: #ffffff;
  border-radius: 15px;
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.08);
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  transition: all ease-in-out 0.25s;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.popup-magazine-active-campaign .popup-content.success-state .popup-header {
  position: absolute;
  top: 0;
  right: 0;
  padding: 24px;
}
.popup-magazine-active-campaign .popup-content.success-state .title {
  display: none;
}
.popup-magazine-active-campaign .popup-content.success-state .title.magazine-add-to-cart-title {
  display: none;
}
.popup-magazine-active-campaign .popup-content.success-state .email-container {
  display: none;
}
.popup-magazine-active-campaign .popup-content.success-state .popup-container {
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.popup-magazine-active-campaign .popup-content.success-state .success-massage {
  display: flex;
  flex: 0 0 auto;
}
.popup-magazine-active-campaign .popup-content.success-state .popup-footer.success-footer {
  display: flex;
  justify-content: center;
  margin-top: 12px;
  padding: 0;
  background: none;
}
.popup-magazine-active-campaign .popup-content .popup-container {
  display: flex;
  width: 100%;
  flex: 1 1 auto;
  position: relative;
  flex-direction: column;
  overflow: auto;
}
.popup-magazine-active-campaign .popup-content .popup-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  padding: 24px 24px 16px;
}
.popup-magazine-active-campaign .popup-content .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #111c1c;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.popup-magazine-active-campaign .popup-content .title.magazine-add-to-cart-title {
  display: none;
}
.popup-magazine-active-campaign .popup-content .close-btn {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
  cursor: pointer;
  pointer-events: painted;
  padding: 0px;
}
.popup-magazine-active-campaign .popup-content .close-popup-icon {
  width: 24px;
  height: 24px;
  color: #111c1c;
  transition: all 0.3s ease-in-out;
  pointer-events: painted;
}
.popup-magazine-active-campaign .popup-content .success-massage {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #111c1c;
  display: none;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.popup-magazine-active-campaign .popup-content .popup-body {
  display: flex;
  flex-direction: column;
  padding: 24px 24px 14px;
}
.popup-magazine-active-campaign .popup-content .popup-body label {
  color: #111c1c;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.12px;
  padding: 0 16px 8px;
  display: block;
}
.popup-magazine-active-campaign .popup-content .popup-body .email-box {
  position: relative;
  overflow: hidden;
}
.popup-magazine-active-campaign .popup-content .popup-body .email-box input[type=email] {
  background-color: #ffffff;
  padding: 0 16px;
  height: 44px;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.13px;
  font-weight: 500;
  color: #111c1c;
  width: 100%;
  border-radius: 15px;
  border: 1px solid #f3f4f4;
  -webkit-text-fill-color: #111c1c;
  opacity: 1;
  transition: border-color 0.25s ease-in-out;
}
.popup-magazine-active-campaign .popup-content .popup-body .email-box ::placeholder {
  color: #aeb2b2;
}
.popup-magazine-active-campaign .popup-content .popup-body .email-box :-ms-input-placeholder {
  color: #aeb2b2;
}
.popup-magazine-active-campaign .popup-content .popup-body .email-box ::-ms-input-placeholder {
  color: #aeb2b2;
}
.popup-magazine-active-campaign .popup-content .popup-body .message-box {
  padding: 4px 16px;
}
.popup-magazine-active-campaign .popup-content .popup-body .message-box .message-txt {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.12px;
}
.popup-magazine-active-campaign .popup-content .popup-body .message-box .message-txt.error {
  color: #bd0908;
  visibility: hidden;
}
.popup-magazine-active-campaign .popup-content .popup-body .content-txt {
  margin-top: 12px;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.13px;
  color: #111c1c;
}
.popup-magazine-active-campaign .popup-content .email-container {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}
.popup-magazine-active-campaign .popup-content .email-container.error .email-box input[type=email] {
  border-color: #bd0908;
}
.popup-magazine-active-campaign .popup-content .email-container.error .message-txt.error {
  visibility: visible;
}
.popup-magazine-active-campaign .popup-content .popup-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: auto;
  padding: 16px 24px;
  background: #ffffff;
}
.popup-magazine-active-campaign .popup-content .popup-footer.success-footer {
  display: none;
}
.popup-magazine-active-campaign .popup-content .send-mail-btn,
.popup-magazine-active-campaign .popup-content .view-magazine-btn {
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.065px;
  cursor: pointer;
}
.popup-magazine-active-campaign .popup-content .send-mail-btn.hidden,
.popup-magazine-active-campaign .popup-content .view-magazine-btn.hidden {
  display: none;
}

@media screen and (max-width: 743px) {
  .popup-magazine-active-campaign .popup-content {
    width: 100%;
    max-width: none;
    top: auto;
    bottom: 0;
    left: 0;
    transform: none;
    min-height: 300px;
    border-radius: 15px 15px 0 0;
    box-shadow: 0 -7px 16px 0 rgba(17, 28, 28, 0.03), 0 -30px 30px 0 rgba(17, 28, 28, 0.03), 0 -67px 40px 0 rgba(17, 28, 28, 0.02);
  }
  .popup-magazine-active-campaign .popup-content .popup-header {
    padding: 16px 16px 0;
  }
  .popup-magazine-active-campaign .popup-content.success-state .popup-header {
    padding: 16px;
  }
  .popup-magazine-active-campaign .popup-content .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.09px;
  }
  .popup-magazine-active-campaign .popup-content .success-massage {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
  }
  .popup-magazine-active-campaign .popup-content .popup-body {
    padding: 32px 16px 16px;
  }
  .popup-magazine-active-campaign .popup-content .popup-body .email-box input[type=email] {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.14px;
  }
  .popup-magazine-active-campaign .popup-content .popup-body .content-txt {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.14px;
  }
  .popup-magazine-active-campaign .popup-content .popup-footer {
    padding: 16px;
  }
  .popup-magazine-active-campaign .popup-content .send-mail-btn,
  .popup-magazine-active-campaign .popup-content .view-magazine-btn {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -0.07px;
  }
}
.showroom-intro {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 580px;
  padding-top: 104px;
}
.showroom-intro .title-set {
  position: relative;
  z-index: 2;
  margin-bottom: 24px;
  text-align: center;
}
.showroom-intro .title-set .title-txt p,
.showroom-intro .title-set .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.showroom-intro .title-set .desc-txt {
  width: fit-content;
  display: inline-block;
}
.showroom-intro .title-set .desc-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.showroom-intro .descriptions-set .description-text .text-box .desc-txt p {
  display: block;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
}
.showroom-intro .bg-pattern {
  position: absolute;
  top: 532px;
  left: 50%;
  transform: translate(-156px, 0px);
  z-index: 1;
}
.showroom-intro .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.showroom-intro .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

.showroom-details .showroom-intro:before {
  content: " ";
  position: absolute;
  top: 325px;
  left: 0;
  width: 38%;
  height: calc(100% - 325px);
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: -1;
}

@media screen and (max-width: 1024px) {
  .showroom-intro {
    min-height: 418px;
    padding-top: 66px;
  }
  .showroom-intro .title-set {
    margin-bottom: 12px;
  }
  .showroom-intro .title-set .title-txt p,
  .showroom-intro .title-set .title-txt h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .showroom-intro .title-set .desc-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .showroom-details .showroom-intro:before {
    top: 255px;
    height: calc(100% - 255px);
  }
}
@media screen and (max-width: 767px) {
  .showroom-intro {
    min-height: 570px;
  }
  .showroom-intro .title-set .title-txt p,
  .showroom-intro .title-set .title-txt h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .showroom-details .showroom-intro:before {
    top: 230px;
    height: calc(100% - 220px);
  }
}
.showroom-branch-content {
  position: relative;
  width: 100%;
  min-height: 640px;
  margin-bottom: 30px;
}
.showroom-branch-content.content-swap:before {
  left: auto;
  right: 0;
  border-radius: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.showroom-branch-content.content-swap .showroom-box .showroom-title {
  margin-left: 0%;
  padding-left: 160px;
}
.showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-address {
  order: 1;
  width: 25%;
  padding-left: 0px;
}
.showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-address .address-box {
  padding-right: 12px;
}
.showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-time {
  order: 2;
  width: 28%;
  padding-left: 50px;
}
.showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-time .time-list li:nth-child(odd) {
  width: 41%;
}
.showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-time .time-list li:nth-child(even) {
  width: 59%;
}
.showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-img {
  order: 3;
  padding: 0px;
  padding-left: 80px;
}
.showroom-branch-content.content-swap .showroom-box .showroom-branch .chart-data.hidden {
  display: none;
}
.showroom-branch-content:before {
  content: " ";
  position: absolute;
  top: 40px;
  left: 0;
  width: 38%;
  height: 508px;
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: -1;
}
.showroom-branch-content .showroom-box {
  display: flex;
  flex-flow: row wrap;
  z-index: 2;
  position: relative;
}
.showroom-branch-content .showroom-box .showroom-title {
  order: 1;
  width: 50%;
  padding-left: 242px;
  padding-top: 12px;
  margin-bottom: 35px;
  margin-left: 50%;
}
.showroom-branch-content .showroom-box .showroom-title .title-txt p,
.showroom-branch-content .showroom-box .showroom-title .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.showroom-branch-content .showroom-box .showroom-title .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.showroom-branch-content .showroom-box .showroom-title .desc-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 22px;
}
.showroom-branch-content .showroom-box .showroom-branch {
  width: 100%;
  display: flex;
  justify-content: space-between;
  order: 2;
}
.showroom-branch-content .showroom-box .showroom-branch .branch-address {
  order: 2;
  width: 25%;
  margin-top: 36px;
  padding-right: 25px;
}
.showroom-branch-content .showroom-box .showroom-branch .branch-address .address-box {
  margin-bottom: 24px;
  margin-top: 24px;
}
.showroom-branch-content .showroom-box .showroom-branch .branch-address .bt-route p {
  color: #e4b760;
  margin: 0;
}
.showroom-branch-content .showroom-box .showroom-branch .branch-address p {
  font-size: 16px;
  line-height: 24px;
  color: #111c1c;
}
.showroom-branch-content .showroom-box .showroom-branch .address-box > span {
  font-size: 16px;
  color: #aeb2b2;
}
.showroom-branch-content .showroom-box .showroom-branch .branch-time {
  order: 3;
  width: 25%;
  margin-top: 30px;
  padding-left: 30px;
}
.showroom-branch-content .showroom-box .showroom-branch .branch-time .head {
  margin-bottom: 16px;
}
.showroom-branch-content .showroom-box .showroom-branch .branch-time .head p {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.showroom-branch-content .showroom-box .showroom-branch .branch-time .time-list {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 44px;
  display: inline-block;
}
.showroom-branch-content .showroom-box .showroom-branch .branch-time .time-list li {
  width: 50%;
  display: inline-block;
  float: left;
}
.showroom-branch-content .showroom-box .showroom-branch .branch-time .bt-view {
  float: left;
  margin-left: -12px;
}
.showroom-branch-content .showroom-box .showroom-branch .branch-img {
  width: 50%;
  border-radius: 8px;
  overflow: hidden;
  order: 1;
  display: flex;
  flex-flow: row;
  justify-content: center;
  padding-right: 80px;
}
.showroom-branch-content .showroom-box .showroom-branch .branch-img .img-boxs {
  width: 100%;
  display: flex;
}
.showroom-branch-content .showroom-box .showroom-branch .branch-img .img-boxs .img-box {
  width: 33.33%;
  padding: 0px 8px;
}
.showroom-branch-content .showroom-box .showroom-branch .branch-img .img-boxs .img-box:first-child {
  padding-left: 0px;
}
.showroom-branch-content .showroom-box .showroom-branch .branch-img .img-boxs .img-box:last-child {
  padding-right: 0px;
}
.showroom-branch-content .showroom-box .showroom-branch .branch-img .img-boxs .img-box img {
  object-fit: cover;
  width: 100%;
  object-position: center center;
  height: 316px;
  border-radius: 5px;
}
.showroom-branch-content .peak-chart-wrapper {
  width: 100%;
  height: auto;
}
.showroom-branch-content .peak-chart-wrapper .heading {
  display: flex;
  margin-bottom: 8px;
}
.showroom-branch-content .peak-chart-wrapper .heading > span {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  display: inline-block;
}
.showroom-branch-content .peak-chart-wrapper .info-icon {
  top: 0;
  display: inline-block;
  cursor: pointer;
}
.showroom-branch-content .peak-chart-wrapper .info-icon svg {
  width: 12px;
  height: 12px;
  transition: all 0.3s ease-out;
  top: 2px;
  margin-left: 2px;
}
.showroom-branch-content .peak-chart-wrapper .timeframe-container {
  margin-bottom: 46px;
  position: relative;
  display: flex;
  justify-content: space-around;
}
.showroom-branch-content .peak-chart-wrapper .timeframe-container hr {
  height: 2px;
  margin: 0;
  background-color: #e4b760;
  border: none;
  transition: 0.3s ease-in-out;
  position: absolute;
  display: none;
  bottom: -2px;
}
.showroom-branch-content .peak-chart-wrapper .timeframe-container hr.active {
  display: inline-block;
}
.showroom-branch-content .peak-chart-wrapper .timeframe-container > span {
  color: #aeb2b2;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
  text-align: center;
  width: fit-content;
}
.showroom-branch-content .custom-tooltips-box {
  width: auto;
  height: auto;
  position: absolute;
  opacity: 1;
  pointer-events: none;
  transform: translate(-50%, -100%);
  transition: all 0.1s ease;
}
.showroom-branch-content .tooltip-content {
  font-size: 12px;
  margin: 0;
  list-style: none;
  padding: 0;
}
.showroom-branch-content .tooltip-content .user-icon {
  top: 0;
  display: inline-block;
  cursor: pointer;
  margin-right: 4px;
}
.showroom-branch-content .tooltip-content .user-icon svg {
  width: 16px;
  height: 16px;
  transition: all 0.3s ease-out;
}
.showroom-branch-content .tooltip-content p {
  margin: 0;
}
.showroom-branch-content .tooltip-content li {
  text-align: left;
}
.showroom-branch-content .tooltip-content .tooltip-title {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  display: flex;
}
.showroom-branch-content .tooltip-content .text-body {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  display: block;
  width: max-content;
}

.showroom-details .showroom-branch-content:before {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0;
  width: 38%;
  height: 548px;
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: -1;
}

@media screen and (max-width: 1440px) {
  .showroom-branch-content .showroom-box .showroom-branch .branch-address {
    width: 30%;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-time {
    padding-left: 20px;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-img {
    padding-left: 0px;
    padding-right: 40px;
    width: 45%;
  }
  .showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-address {
    padding-left: 0px;
    padding-right: 10px;
    width: 30%;
  }
  .showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-time {
    padding-left: 10px;
  }
  .showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-img {
    padding-left: 40px;
    width: 45%;
  }
}
@media screen and (max-width: 1199px) {
  .showroom-branch-content .showroom-box .showroom-branch .branch-address {
    padding-left: 0px;
    padding-right: 10px;
    width: 310px;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-time {
    padding-left: 0;
    width: 28%;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-img {
    padding-right: 40px;
    width: 40%;
  }
  .showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-address {
    padding-left: 0px;
    width: 310px;
  }
  .showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-time {
    padding-left: 0;
    width: 28%;
  }
  .showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-img {
    padding-left: 40px;
    width: 40%;
  }
}
@media screen and (max-width: 1024px) {
  .showroom-branch-content {
    padding-bottom: 62px;
  }
  .showroom-branch-content.content-swap:before {
    height: 884px;
    width: 324px;
    top: 74px;
    left: auto;
    right: 0;
  }
  .showroom-branch-content.content-swap .showroom-box .showroom-title {
    padding-left: 96px;
  }
  .showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-img {
    order: 1;
    padding: 0px;
    width: 100%;
  }
  .showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-address {
    order: 2;
    width: 50%;
    margin-top: 50px;
    padding-left: 32px;
  }
  .showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-time {
    order: 3;
    width: 50%;
    margin-top: 48px;
    padding-left: 20px;
  }
  .showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-time .time-list li:nth-child(odd) {
    width: 44%;
  }
  .showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-time .time-list li:nth-child(even) {
    width: 56%;
  }
  .showroom-branch-content:before {
    top: 74px;
    left: auto;
    right: 0;
    height: 884px;
    width: 324px;
  }
  .showroom-branch-content .showroom-box .showroom-title {
    padding-left: 94px;
    padding-top: 20px;
    margin-bottom: 46px;
    text-align: left;
    width: 100%;
    margin-left: 0%;
  }
  .showroom-branch-content .showroom-box .showroom-title .title-txt p,
  .showroom-branch-content .showroom-box .showroom-title .title-txt h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .showroom-branch-content .showroom-box .showroom-title .desc-txt p {
    font-size: 14px;
    line-height: 22px;
  }
  .showroom-branch-content .showroom-box .showroom-branch {
    flex-flow: row wrap;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-img {
    width: 100%;
    padding: 0px;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-img .img-boxs .img-box img {
    height: 388px;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-address {
    margin-top: 46px;
    padding-left: 24px;
    padding-right: 10px;
    width: 50%;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-address p {
    font-size: 14px;
    line-height: 24px;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-address > span {
    font-size: 14px;
    line-height: 24px;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-time {
    width: 50%;
    margin-top: 46px;
    padding-left: 24px;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-time .head p {
    font-size: 14px;
    line-height: 24px;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-time .time-list {
    font-size: 14px;
    line-height: 24px;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-time .time-list li:nth-child(odd) {
    width: 44%;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-time .time-list li:nth-child(even) {
    width: 56%;
  }
}
@media screen and (max-width: 767px) {
  .showroom-branch-content {
    padding-bottom: 44px;
  }
  .showroom-branch-content.content-swap:before {
    height: 234px;
    width: 164px;
    top: 230px;
  }
  .showroom-branch-content.content-swap .showroom-box .showroom-title {
    padding-left: 32px;
  }
  .showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-address {
    width: 100%;
    order: 1;
    margin-top: 2px;
    padding-left: 0px;
  }
  .showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-address .address-box {
    padding-right: 0;
  }
  .showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-img {
    order: 2;
  }
  .showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-time {
    width: 100%;
    margin-top: 32px;
    padding-left: 0px;
  }
  .showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-time .time-list li:nth-child(odd) {
    width: 46%;
  }
  .showroom-branch-content.content-swap .showroom-box .showroom-branch .branch-time .time-list li:nth-child(even) {
    width: 54%;
  }
  .showroom-branch-content:before {
    height: 234px;
    width: 164px;
    top: 230px;
  }
  .showroom-branch-content .showroom-box .showroom-title {
    padding-left: 32px;
    padding-top: 26px;
    margin-bottom: 32px;
  }
  .showroom-branch-content .showroom-box .showroom-title .title-txt p,
  .showroom-branch-content .showroom-box .showroom-title .title-txt h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .showroom-branch-content .showroom-box .showroom-title .desc-txt p {
    font-size: 14px;
    line-height: 18px;
  }
  .showroom-branch-content .showroom-box .showroom-branch .peak-chart-wrapper {
    order: 2;
    padding-top: 40px;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-address {
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    order: 2;
    margin-bottom: 30px;
    display: flex;
    flex-flow: row wrap;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-address .address-box {
    display: inline-flex;
    float: left;
    width: 50%;
    margin-bottom: 16px;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-address .bt {
    display: inline-block;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-img {
    order: 1;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-img .img-boxs .img-box {
    padding: 0px 6px;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-img .img-boxs .img-box img {
    height: 170px;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-time {
    width: 100%;
    margin-top: 10px;
    padding-left: 0px;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-time .time-list {
    margin-bottom: 26px;
    width: 100%;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-time .time-list li:nth-child(odd) {
    width: 46%;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-time .time-list li:nth-child(even) {
    width: 54%;
  }
  .showroom-branch-content .showroom-box .showroom-branch .branch-time .bt-view {
    float: none;
    margin: 0 auto;
  }
}
.showroom-map {
  min-height: 480px;
  height: auto;
}
.showroom-map .maps {
  height: 480px;
  width: 100%;
}

.showroom-details .showroom-map {
  position: relative;
}
.showroom-details .showroom-map:before {
  content: " ";
  position: absolute;
  top: 75px;
  right: 0;
  width: 38%;
  height: calc(100% - 75px);
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: -1;
}

@media screen and (max-width: 1024px) {
  .showroom-map {
    padding: 66px 0px 40px;
  }
  .showroom-details .showroom-map:before {
    top: 145px;
    height: calc(100% - 145px);
  }
}
@media screen and (max-width: 767px) {
  .showroom-map {
    padding: 38px 0px;
  }
  .showroom-map .maps {
    height: 658px;
  }
}
.showroom-advise {
  position: relative;
  width: 100%;
  min-height: 810px;
  padding-top: 136px;
  height: auto;
}
.showroom-advise .hilight-box {
  display: flex;
  flex-flow: row wrap;
  z-index: 2;
  position: relative;
}
.showroom-advise .hilight-box .showroom-title-set {
  order: 1;
  width: 100%;
  padding-left: 162px;
  margin-bottom: 92px;
  padding-right: 20px;
}
.showroom-advise .hilight-box .showroom-title-set .title-txt p,
.showroom-advise .hilight-box .showroom-title-set .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.showroom-advise .hilight-box .showroom-title-set .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.showroom-advise .hilight-box .showroom-title-set .desc-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.showroom-advise .hilight-box .showroom-detail-set {
  order: 2;
  width: 48%;
  position: relative;
}
.showroom-advise .hilight-box .showroom-detail-set .detail-txt {
  margin-bottom: 28px;
  max-width: 314px;
}
.showroom-advise .hilight-box .showroom-detail-set .detail-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
}
.showroom-advise .hilight-box .showroom-detail-set .scroll-down-button {
  margin: 0 0 0 24px;
}
.showroom-advise .hilight-box .showroom-detail-set .scroll-down-button.horizontal .circle-bt {
  position: relative;
  cursor: default;
}
.showroom-advise .hilight-box .showroom-detail-set .scroll-down-button.horizontal p {
  line-height: 24px;
  margin-left: 16px;
  text-align: left;
}
.showroom-advise .hilight-box .showroom-detail-set .scroll-down-button .scroll-container-box {
  display: grid;
  grid-template-columns: 50px 1fr;
  align-items: center;
  width: fit-content;
  max-width: 260px;
  cursor: default;
}
.showroom-advise .hilight-box .showroom-slide-box {
  order: 3;
  width: 52%;
  margin-top: -38px;
  position: relative;
}
.showroom-advise .hilight-box .showroom-slide-box .showroom-advise-slide {
  height: 400px;
  position: relative;
  width: calc(100% - 96px);
}
.showroom-advise .hilight-box .showroom-slide-box .showroom-advise-slide .swiper-pagination {
  bottom: -38px;
  right: 8px;
  left: auto;
}
.showroom-advise .hilight-box .showroom-slide-box .showroom-advise-slide .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
}
.showroom-advise .hilight-box .showroom-slide-box .showroom-advise-slide .swiper-pagination .swiper-pagination-bullet:hover, .showroom-advise .hilight-box .showroom-slide-box .showroom-advise-slide .swiper-pagination .swiper-pagination-bullet:focus {
  border: none;
  background-color: rgba(17, 28, 28, 0.25);
}
.showroom-advise .hilight-box .showroom-slide-box .showroom-advise-slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(17, 28, 28);
}
.showroom-advise .hilight-box .showroom-slide-box .showroom-advise-slide .slide-nav.vertical {
  position: absolute;
  top: 50%;
  right: -96px;
  transform: translate(0%, -50%);
}
.showroom-advise .hilight-box .showroom-slide-box .interior-text-boxs {
  width: 32%;
  max-width: 450px;
  z-index: 3;
  position: relative;
}
.showroom-advise .hilight-box .showroom-slide-box .quote-box {
  width: 292px;
  height: auto;
  min-height: 240px;
  position: absolute;
  top: 10.5%;
  left: -226px;
  border-radius: 5px;
  padding: 34px;
  background: #ffffff;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.05);
  z-index: 2;
}
.showroom-advise .hilight-box .showroom-slide-box .quote-box .quote-text {
  margin-bottom: 28px;
}
.showroom-advise .hilight-box .showroom-slide-box .quote-box .quote-text p {
  font-size: 16px;
  line-height: 24px;
  color: #2e2e2e;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.showroom-advise .hilight-box .showroom-slide-box .quote-box .slide-txt-box {
  height: 50px;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  width: 100%;
  background: #ffffff;
}
.showroom-advise .hilight-box .showroom-slide-box .quote-box .slide-txt-box .profile-box {
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.showroom-advise .hilight-box .showroom-slide-box .quote-box .slide-txt-box .profile-box .profile-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: solid 1px #888d8d;
  overflow: hidden;
}
.showroom-advise .hilight-box .showroom-slide-box .quote-box .slide-txt-box .profile-box .profile-img img {
  width: 46px;
  height: 46px;
}
.showroom-advise .hilight-box .showroom-slide-box .quote-box .slide-txt-box .profile-txt {
  width: calc(100% - 50px);
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0px 10px;
}
.showroom-advise .hilight-box .showroom-slide-box .quote-box .slide-txt-box .profile-txt .txt-box {
  width: 100%;
}
.showroom-advise .hilight-box .showroom-slide-box .quote-box .slide-txt-box .profile-txt .txt-box p {
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.showroom-advise .hilight-box .showroom-slide-box .quote-box .slide-txt-box .profile-txt .txt-box p.head {
  font-weight: 600;
}
.showroom-advise .hilight-box .showroom-slide-box .quote-box .slide-txt-box .profile-txt .txt-box p.desc {
  color: #888d8d;
}
.showroom-advise .hilight-box .showroom-slide-box .quote-box .icon-quote {
  position: absolute;
  top: -8px;
  left: 37px;
}
.showroom-advise .bg-pattern {
  position: absolute;
  top: 608px;
  left: 50%;
  transform: translate(-106px, 0px);
  z-index: 1;
}
.showroom-advise .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.showroom-advise .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1199px) {
  .showroom-advise .hilight-box .showroom-title-set {
    padding-left: 0px;
    padding-right: 0px;
  }
  .showroom-advise .hilight-box .showroom-slide-box .quote-box {
    left: -126px;
  }
}
@media screen and (max-width: 1024px) {
  .showroom-advise {
    min-height: 760px;
    padding-top: 40px;
  }
  .showroom-advise .container {
    padding-left: 32px;
    padding-right: 0px;
    max-width: 100%;
  }
  .showroom-advise:before {
    width: 324px;
    top: 20px;
  }
  .showroom-advise .hilight-box .showroom-title-set {
    padding: 0px;
    padding-left: 95px;
    margin-bottom: 64px;
  }
  .showroom-advise .hilight-box .showroom-title-set .title-txt p,
  .showroom-advise .hilight-box .showroom-title-set .title-txt h2 {
    font-size: 40px;
    line-height: 52px;
  }
  .showroom-advise .hilight-box .showroom-title-set .desc-txt p {
    font-size: 14px;
    line-height: 18px;
    padding: 0px;
  }
  .showroom-advise .hilight-box .showroom-detail-set {
    width: 52%;
    padding-left: 32px;
  }
  .showroom-advise .hilight-box .showroom-detail-set .detail-txt {
    margin-left: 0px;
    margin-bottom: 45px;
    max-width: 300px;
  }
  .showroom-advise .hilight-box .showroom-detail-set .detail-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .showroom-advise .hilight-box .showroom-detail-set .scroll-down-button {
    display: block;
    bottom: 16px;
    margin-left: 48px;
    height: 40px;
  }
  .showroom-advise .hilight-box .showroom-detail-set .scroll-down-button.horizontal .circle-bt {
    width: 40px;
    height: 40px;
  }
  .showroom-advise .hilight-box .showroom-detail-set .scroll-down-button .scroll-container-box {
    grid-template-columns: 40px 1fr;
  }
  .showroom-advise .hilight-box .showroom-slide-box {
    width: 48%;
    margin-top: 30px;
  }
  .showroom-advise .hilight-box .showroom-slide-box .quote-box {
    width: 334px;
    min-height: 190px;
    padding: 26px 20px;
    top: 236px;
    left: -84px;
  }
  .showroom-advise .hilight-box .showroom-slide-box .quote-box .icon-quote {
    top: -10px;
    left: 30px;
  }
  .showroom-advise .hilight-box .showroom-slide-box .quote-box .quote-text {
    margin-bottom: 22px;
  }
  .showroom-advise .hilight-box .showroom-slide-box .quote-box .quote-text p {
    font-size: 14px;
  }
  .showroom-advise .hilight-box .showroom-slide-box .showroom-advise-slide {
    height: 300px;
    width: 100%;
  }
  .showroom-advise .hilight-box .showroom-slide-box .showroom-advise-slide .slide-nav.vertical {
    right: 32px;
    bottom: -242px;
    width: 200px;
    height: 50px;
    transform: none;
    top: auto;
  }
  .showroom-advise .hilight-box .showroom-slide-box .showroom-advise-slide .slide-nav.vertical .slide-nav-box {
    right: 0;
  }
  .showroom-advise .hilight-box .showroom-slide-box .showroom-advise-slide .slide-nav.vertical .slide-nav-box .circle-bt {
    width: 50px;
    height: 50px;
  }
  .showroom-advise .hilight-box .showroom-slide-box .showroom-advise-slide .slide-nav.vertical .slide-nav-box .circle-bt.bt-next {
    top: 0;
    right: 0;
    left: auto;
  }
  .showroom-advise .hilight-box .showroom-slide-box .showroom-advise-slide .slide-nav.vertical .slide-nav-box .circle-bt.bt-prev {
    top: 0px;
    left: 0;
  }
  .showroom-advise .hilight-box .showroom-slide-box .showroom-advise-slide .swiper-pagination {
    bottom: -222px;
    left: 0%;
    display: none;
  }
  .showroom-advise .bg-pattern {
    top: 420px;
    transform: translate(200px, 0px);
  }
  .showroom-advise .bg-pattern .icon-bg svg {
    transform: scale(0.82);
  }
}
@media screen and (max-width: 834px) {
  .showroom-advise .hilight-box .showroom-detail-set .detail-txt {
    max-width: 260px;
  }
}
@media screen and (max-width: 767px) {
  .showroom-advise .container {
    padding-left: 0px;
    padding-right: 32px;
  }
  .showroom-advise .hilight-box {
    flex-flow: row wrap;
    max-height: 100%;
  }
  .showroom-advise .hilight-box .showroom-title-set {
    width: 100%;
    padding-left: 64px;
    margin-bottom: 30px;
  }
  .showroom-advise .hilight-box .showroom-title-set .title-txt p,
  .showroom-advise .hilight-box .showroom-title-set .title-txt h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .showroom-advise .hilight-box .showroom-detail-set {
    order: 3;
    width: 100%;
    padding-left: 64px;
    max-width: 360px;
  }
  .showroom-advise .hilight-box .showroom-detail-set .detail-txt {
    margin-bottom: 60px;
  }
  .showroom-advise .hilight-box .showroom-slide-box {
    order: 2;
    width: 100%;
    height: 440px;
    margin: 0px 0px 50px;
    padding-top: 0px;
  }
  .showroom-advise .hilight-box .showroom-slide-box .showroom-advise-slide {
    height: 440px;
  }
  .showroom-advise .hilight-box .showroom-slide-box .showroom-advise-slide .slide-nav.vertical {
    right: 0px;
    bottom: 0px;
    height: 42px;
  }
  .showroom-advise .hilight-box .showroom-slide-box .showroom-advise-slide .slide-nav.vertical .slide-nav-box .circle-bt {
    width: 42px;
    height: 42px;
  }
  .showroom-advise .hilight-box .showroom-slide-box .showroom-advise-slide .swiper-pagination {
    bottom: 18px;
    left: 50%;
    transform: translate(-50%, 0px);
  }
  .showroom-advise .hilight-box .showroom-slide-box .quote-box {
    padding: 26px 24px;
    top: 175px;
    left: 96px;
    max-width: 318px;
  }
  .showroom-advise .hilight-box .showroom-slide-box .quote-box .quote-text p {
    -webkit-line-clamp: 4;
  }
  .showroom-advise .hilight-box .showroom-slide-box .quote-box .icon-quote {
    top: -8px;
    left: auto;
    right: 22px;
  }
  .showroom-advise .bg-pattern {
    top: 52px;
    transform: translate(60px, 0px);
  }
  .showroom-advise .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 400px) {
  .showroom-advise .hilight-box .showroom-slide-box .quote-box {
    left: 32px;
  }
}
@media screen and (max-width: 360px) {
  .showroom-advise .hilight-box .showroom-slide-box .quote-box {
    top: 138px;
    max-width: 270px;
  }
}
.showroom-advise-slide-item {
  display: flex;
  position: relative;
  flex-flow: row wrap;
}
.showroom-advise-slide-item a {
  cursor: pointer;
}
.showroom-advise-slide-item .interior-img img {
  height: auto;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}

@media screen and (max-width: 834px) {
  .showroom-advise-slide-item .interior-img img {
    object-fit: cover;
    height: 300px;
  }
}
@media screen and (max-width: 767px) {
  .showroom-advise-slide-item .interior-img img {
    max-width: calc(100% - 32px);
  }
}
@media screen and (max-width: 414px) {
  .showroom-advise-slide-item .interior-img img {
    object-fit: cover;
    height: 220px;
    max-width: 350px;
  }
}
.category-card-item {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.category-card-item .card-item-slide {
  aspect-ratio: 373/454;
  display: flex;
  cursor: pointer;
  position: relative;
}
@supports not (aspect-ratio: 373/454) {
  .category-card-item .card-item-slide::before {
    float: left;
    padding-top: 121.71%;
    content: "";
  }
  .category-card-item .card-item-slide::after {
    display: block;
    content: "";
    clear: both;
  }
}
.category-card-item .card-item-slide .swiper {
  width: 100%;
  height: 100%;
  position: absolute;
}
.category-card-item .card-item-slide .tag-label {
  position: absolute;
  width: auto;
  max-width: calc(100% - 24px);
  height: 24px;
  right: 0px;
  top: 16px;
  background: #e4b760;
  border-radius: 100px 0px 0px 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  z-index: 1;
}
.category-card-item .card-item-slide .tag-label > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  font-size: 10px;
  color: white;
}
.category-card-item .card-item-slide .item-img {
  border-radius: 4px 4px 0px 0px;
  background: #fff;
}
.category-card-item .card-item-slide .item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.category-card-item .card-item-slide.slider {
  z-index: 2;
}
.category-card-item .card-item-slide.slider.card-item-slide {
  position: relative;
  cursor: pointer;
}
.category-card-item .card-item-slide.slider.card-item-slide .swiper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
}
.category-card-item .card-item-slide.slider.card-item-slide .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  display: none;
}
.category-card-item .card-item-slide.slider.card-item-slide .swiper-pagination.swiper-pagination-bullets:has(.swiper-pagination-bullet + .swiper-pagination-bullet) {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #d8d8d8;
  transform: none !important;
}
.category-card-item .card-item-slide.slider.card-item-slide .swiper-pagination.swiper-pagination-bullets:has(.swiper-pagination-bullet + .swiper-pagination-bullet)::after {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #405955;
  transform: translateX(0);
  transition: transform 300ms ease-in-out;
}
.category-card-item .card-item-slide.slider.card-item-slide .swiper-pagination.swiper-pagination-bullets:has(.swiper-pagination-bullet + .swiper-pagination-bullet):has(.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active)::after {
  transform: translateX(100%);
}
.category-card-item .card-item-slide.slider .slide-nav {
  display: none;
}
.category-card-item .card-content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.category-card-item .card-content .card-content-wrapper .title-txt {
  height: 44px;
}
.category-card-item .card-content .card-content-wrapper .title-txt h3 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #111c1c;
  white-space: initial;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.category-card-item .card-content .card-content-wrapper .color-box {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 16px;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 7px;
}
.category-card-item .card-content .card-content-wrapper .color-box .color-items {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
}
.category-card-item .card-content .card-content-wrapper .color-box .color-items .color-item,
.category-card-item .card-content .card-content-wrapper .color-box .color-items .product-color {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: relative;
  vertical-align: baseline;
  margin-right: 4px;
  overflow: hidden;
  border: 1px solid #efefef;
  display: inline-block;
}
.category-card-item .card-content .card-content-wrapper .color-box .color-items .color-item > img,
.category-card-item .card-content .card-content-wrapper .color-box .color-items .product-color > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.category-card-item .card-content .card-content-wrapper .color-box .color-items .remain-count {
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
}

.category-portrait-image-items {
  --max-items-per-row: 5;
  --min-width-per-item: 265px;
  --column-gap: 24px;
  --row-gap: 32px;
  max-width: 100%;
  width: 100%;
  display: inline-flex;
  padding-bottom: 48px;
}
.category-portrait-image-items .items-wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(var(--max-items-per-row), minmax(0, 1fr));
  grid-auto-rows: 1fr;
  row-gap: var(--row-gap);
  column-gap: var(--column-gap);
  position: relative;
}

@media screen and (max-width: 1200px) {
  .category-portrait-image-items {
    --max-items-per-row: 2;
    --column-gap: 24px;
    --row-gap: 24px;
  }
  .category-portrait-image-items .items-wrapper.show-3-col {
    --max-items-per-row: 3;
    --column-gap: 16px;
  }
  .category-portrait-image-items .items-wrapper.show-3-col .category-card-item .card-item-slide .tag-label {
    top: 8px;
  }
  .category-portrait-image-items .items-wrapper.show-3-col .category-card-item .card-content {
    padding: 8px 16px 16px 16px;
  }
  .category-portrait-image-items .items-wrapper.show-3-col .category-card-item .card-content .card-content-wrapper .color-box {
    justify-content: flex-start;
    margin-top: 8px;
  }
  .category-portrait-image-items .items-wrapper.show-3-col .category-card-item .card-content .card-content-wrapper .color-box .color-items {
    font-size: 10px;
    line-height: 11px;
  }
  .category-portrait-image-items .items-wrapper.show-3-col .category-card-item .card-content .card-content-wrapper .title-txt > h3 {
    font-size: 14px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .category-portrait-image-items {
    --max-items-per-row: 2;
    --column-gap: 16px;
  }
  .category-portrait-image-items .items-wrapper.show-1-col {
    --max-items-per-row: 1;
  }
  .category-portrait-image-items .items-wrapper.show-2-col {
    --max-items-per-row: 2;
  }
  .category-portrait-image-items .items-wrapper .category-card-item .card-content {
    padding: 8px 16px 16px 16px;
  }
  .category-portrait-image-items .items-wrapper .category-card-item .card-content .card-content-wrapper .title-txt > h3 {
    font-size: 12px;
    line-height: 18px;
  }
}
.box-number {
  position: relative;
  height: 48px;
  display: flex;
  width: fit-content;
}
.box-number input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.box-number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.box-number .input-number {
  width: 48px;
  background-color: #f8f7f3;
  color: #111c1c;
  font-weight: 700;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  padding: 0;
  height: 100%;
}
.box-number .button {
  position: relative;
  width: 42px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.box-number .button p {
  font-size: 18px;
  font-weight: 600;
  color: #111c1c;
  transition: all 0.3s;
}
.box-number .button.deactive p {
  color: #ffffff;
}

@media screen and (max-width: 1024px) {
  .box-number {
    height: 40px;
  }
  .box-number .input-number {
    width: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  .box-number .button {
    line-height: 40px;
  }
}
.cart-box {
  position: relative;
  min-height: 415px;
  height: auto;
  margin-bottom: 130px;
}
.cart-box:before {
  content: " ";
  position: absolute;
  top: 0px;
  right: -250px;
  width: 38%;
  height: 100%;
  background-color: #f8f7f4;
  border-radius: 5px;
  z-index: -1;
  display: none;
}
.cart-box .btn-continue-box {
  padding-top: 32px;
}
.cart-box .btn-continue-box .btn-continue {
  width: fit-content;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  align-items: center;
  border: none;
  background: #fff;
  padding: 0 16px;
}
.cart-box .btn-continue-box .btn-continue .icon-arr-left {
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-box .btn-continue-box .btn-continue .icon-arr-left svg {
  position: relative;
  color: #111c1c;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-box .btn-continue-box .btn-continue p {
  color: #111c1c;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.cart-box .cart-title {
  padding-top: 32px;
  padding-left: 160px;
  min-height: 160px;
  height: auto;
}
.cart-box .cart-title .title-txt p,
.cart-box .cart-title .title-txt h1 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.cart-box .cart-title .desc-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 22px;
}
.cart-box .cart-detail {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.cart-box .cart-detail.empty {
  flex-flow: column wrap;
}
.cart-box .cart-detail.empty .cart-promotion-code {
  display: none;
}
.cart-box .cart-detail .cart-bt {
  height: 96px;
  width: fit-content;
  min-width: 128px;
  display: flex;
}
.cart-box .cart-detail .cart-bt .bt-route p {
  padding-left: 9px;
  font-size: 16px;
  font-weight: 600;
  color: #a0a4a4;
}
.cart-box .cart-detail .cart-bt .bt-route .icon-arr-left svg {
  color: #a0a4a4;
}

@media screen and (max-width: 1024px) {
  .cart-box {
    min-height: 330px;
    margin-bottom: 0;
  }
  .cart-box:before {
    height: 99%;
  }
  .cart-box .container {
    padding-right: 0px;
    padding-left: 32px;
  }
  .cart-box .cart-title {
    padding-left: 66px;
    min-height: 124px;
    margin-bottom: 88px;
  }
  .cart-box .cart-title .title-txt p,
  .cart-box .cart-title .title-txt h1 {
    font-size: 40px;
    line-height: 52px;
  }
  .cart-box .cart-title .desc-txt p p {
    font-size: 14px;
    line-height: 22px;
  }
  .cart-box .cart-detail {
    margin-bottom: 64px;
  }
  .cart-box .cart-detail .cart-bt {
    order: 4;
    margin-top: -66px;
    height: 64px;
  }
  .cart-box .cart-detail .cart-bt .bt-route p {
    font-size: 14px;
  }
}
@media screen and (max-width: 833px) {
  .cart-box .container {
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media screen and (max-width: 767px) {
  .cart-box .container {
    padding-right: 32px;
    padding-left: 32px;
  }
  .cart-box .cart-title {
    width: fit-content;
    min-height: auto;
    text-align: left;
    padding-left: unset;
    padding-top: 40px;
    margin: 0 auto 32px;
  }
  .cart-box .cart-title .title-txt p,
  .cart-box .cart-title .title-txt h1 {
    font-size: 32px;
    line-height: 42px;
  }
  .cart-box .cart-title .desc-txt p {
    font-size: 14px;
  }
  .cart-box .cart-detail {
    min-height: 240px;
    margin-bottom: 86px;
  }
  .cart-box .cart-detail .cart-bt {
    height: 74px;
  }
}
.cart-item-list {
  width: calc(100% - 446px);
  max-width: 976px;
  padding-bottom: 16px;
  position: relative;
  height: fit-content;
}

@media screen and (max-width: 1199px) {
  .cart-item-list {
    width: calc(100% - 300px);
  }
}
@media screen and (max-width: 1024px) {
  .cart-item-list {
    width: 100%;
    max-width: 100%;
    padding-bottom: 0;
    min-height: 125px;
    order: 1;
  }
}
@media screen and (max-width: 767px) {
  .cart-item-list {
    position: relative;
    padding-bottom: 4px;
    z-index: 3;
  }
  .cart-item-list:before {
    width: calc(100% - 32px);
  }
}
.cart-item {
  background: #ffffff;
  width: 100%;
  border-radius: 5px;
  margin-bottom: 16px;
}
.cart-item.deposit-type {
  position: relative;
  margin-bottom: 0;
}
.cart-item.deposit-type:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ebebeb;
  position: absolute;
  top: 0;
}
.cart-item.deposit-type:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ebebeb;
  position: absolute;
  bottom: 0;
}
.cart-item.deposit-type .item-set-main {
  flex-flow: row wrap;
  align-items: center;
}
.cart-item.deposit-type .item-text {
  width: 68%;
}
.cart-item.deposit-type .item-image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: unset;
}
.cart-item.item-personal-offers {
  margin-bottom: 32px;
}
.cart-item.item-personal-offers .item-image {
  width: 112px;
  height: 112px;
}
.cart-item.item-personal-offers .item-text {
  width: calc(100% - 112px);
  padding-right: 0px;
}
.cart-item.item-personal-offers .item-text .name p {
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 700;
}
.cart-item.item-personal-offers .item-text .detail p {
  font-weight: 600;
}
.cart-item.item-personal-offers .item-set-control {
  width: 100%;
  padding: 0px;
  margin-top: -14px;
  margin-left: 82px;
}
.cart-item.item-personal-offers .item-set-control .item-box-number {
  width: 64px;
  height: 46px;
}
.cart-item.item-personal-offers .item-set-control .item-box-number .box-number {
  display: none;
}
.cart-item.item-personal-offers .item-set-control .item-box-number .custom-select-list.view-list {
  display: block;
  margin-top: 2px;
  left: 0px;
  top: 0px;
}
.cart-item.item-personal-offers .item-set-control .item-box-number .custom-select-list.view-list .list-option.active {
  display: block;
}
.cart-item.item-personal-offers .item-set-control .item-box-number .custom-select-list.view-list .list-select p {
  display: block;
}
.cart-item.item-personal-offers .item-set-control .item-box-number .custom-select-list.view-list .list-select .icon-arr-down {
  display: block;
}
.cart-item.item-personal-offers .item-set-control .item-box-number .custom-select-list.view-list .list-option .box-options .box-option {
  padding-left: 0px;
}
.cart-item.item-personal-offers .item-set-control .item-price {
  width: 88px;
  display: flex;
  flex-direction: column;
}
.cart-item.item-personal-offers .item-set-control .item-price .og-price {
  display: inline-flex;
  margin: 0 auto;
  text-align: center;
  color: #aeb2b2;
  position: relative;
}
.cart-item.item-personal-offers .item-set-control .item-price .og-price:before {
  content: " ";
  width: 110%;
  height: 1px;
  transform: rotate(-8deg);
  display: inline-block;
  position: absolute;
  top: 20%;
  border-bottom: 1px solid #aeb2b2;
  left: -2px;
}
.cart-item.item-personal-offers .item-set-control .item-price p {
  font-size: 14px;
}
.cart-item.item-personal-offers .item-set-control .item-bt {
  width: 116px;
}
.cart-item.item-personal-offers .item-set-control .item-bt .bt-detail-config,
.cart-item.item-personal-offers .item-set-control .item-bt .bt-remove {
  display: none;
}
.cart-item.item-personal-offers .item-set-control .item-bt .bt-cart {
  height: 40px;
  width: 116px;
  padding: 0px;
  border: solid 2px #111c1c;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  transition: all 0.3s;
  cursor: pointer;
}
.cart-item.item-personal-offers .item-set-control .item-bt .bt-cart.active {
  border: solid 2px #e4b760;
  background-color: #e4b760;
}
.cart-item.item-personal-offers .item-set-control .item-bt .bt-cart.active .add {
  display: none;
}
.cart-item.item-personal-offers .item-set-control .item-bt .bt-cart.active .added {
  display: flex;
}
.cart-item.item-personal-offers .item-set-control .item-bt .bt-cart.active .block p {
  color: #ffffff;
}
.cart-item.item-personal-offers .item-set-control .item-bt .bt-cart.active .block .icon-checked {
  background-color: #ffffff;
}
.cart-item.item-personal-offers .item-set-control .item-bt .bt-cart .block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart-item.item-personal-offers .item-set-control .item-bt .bt-cart .block .icon {
  margin-left: 14px;
}
.cart-item.item-personal-offers .item-set-control .item-bt .bt-cart .block p {
  color: #111c1c;
  font-weight: 700;
  transition: all 0.3s;
}
.cart-item.item-personal-offers .item-set-control .item-bt .bt-cart .added {
  display: none;
}
.cart-item:last-child {
  margin-bottom: 0px;
}
.cart-item.disable .item-image,
.cart-item.disable .item-text {
  opacity: 0.5;
}
.cart-item.disable .item-set-control .item-box-number {
  opacity: 0.5;
}
.cart-item.disable .item-set-control .item-box-number .box-number {
  pointer-events: none;
}
.cart-item.disable .item-set-control .item-box-number .box-number .input-number {
  background-color: #ffffff;
}
.cart-item.disable .item-set-control .item-box-number .custom-select-list.view-list .list-select {
  pointer-events: none;
}
.cart-item.normal .bt-detail-config {
  visibility: hidden;
  opacity: 0;
}
.cart-item .item-set-main {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: 128px;
  width: 100%;
}
.cart-item .item-image {
  width: 128px;
  height: 128px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.cart-item .item-image:hover svg {
  color: #e4b760;
}
.cart-item .item-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cart-item .item-image img.cart-screenshot-thumb {
  cursor: pointer;
}
.cart-item .item-image svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  color: #111d1d;
  pointer-events: none;
}
.cart-item .item-text {
  padding: 0px 50px;
  display: flex;
  flex-flow: column wrap;
  width: 42%;
}
.cart-item .item-text .name p {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
.cart-item .item-text .detail {
  display: flex;
  padding-bottom: 5px;
}
.cart-item .item-text .detail .label p {
  color: #a6a8a7;
}
.cart-item .item-text .detail p {
  font-size: 12px;
  line-height: 16px;
}
.cart-item .item-text .shipping-item {
  display: flex;
  position: relative;
}
.cart-item .item-text .shipping-item p {
  font-size: 12px;
  line-height: 20px;
  padding-right: 10px;
  color: #a6a8a7;
}
.cart-item .item-text .shipping-item p b {
  font-weight: 600;
}
.cart-item .item-text .shipping-item .icon-and-tooltip {
  position: relative;
  cursor: pointer;
}
.cart-item .item-text .shipping-item .icon-and-tooltip:hover .icon-moreinfo {
  background-color: #e4b760;
}
.cart-item .product-tooltips .tooltip.top .tooltip-content {
  right: -8px;
  left: unset;
  transform: unset;
}
.cart-item .product-tooltips .tooltip.top .tooltip-content .detail p {
  color: black;
}
.cart-item .product-tooltips .tooltip.top .tooltip-content:after {
  left: unset;
  right: 14px;
  margin-left: -10px;
}
.cart-item .product-tooltips .tooltip.bottom .tooltip-content {
  bottom: -14px;
  left: unset;
  right: -8px;
  transform: translateY(100%);
}
.cart-item .product-tooltips .tooltip.bottom .tooltip-content .detail p {
  color: black;
}
.cart-item .product-tooltips .tooltip.bottom .tooltip-content:after {
  left: unset;
  right: 14px;
  margin-left: -10px;
  top: -6px;
  bottom: 0;
  box-shadow: -2px -3px 4px rgba(0, 0, 0, 0.08);
}
.cart-item .item-set-control {
  max-width: 390px;
  width: 40%;
  display: flex;
  align-items: center;
}
.cart-item .item-set-control.disable .item-price,
.cart-item .item-set-control.disable .item-bt {
  display: none;
}
.cart-item .item-set-control.disable .item-set-remove {
  display: block;
}
.cart-item .item-set-control .item-price {
  width: calc(100% - 216px);
  max-width: 148px;
}
.cart-item .item-set-control .item-price.personaloffer-price .price,
.cart-item .item-set-control .item-price.personaloffer-price .original-price {
  color: #a0a4a4;
}
.cart-item .item-set-control .item-price .original-price {
  display: none;
  position: relative;
  font-size: 13px;
  width: fit-content;
  margin: 0 auto;
  top: -3px;
  color: #aeb2b2;
}
.cart-item .item-set-control .item-price .original-price:after {
  border-top: 1px solid #aeb2b2;
  position: absolute;
  content: "";
  right: 0;
  top: 45%;
  left: 0;
  transform: rotate(-6deg);
}
.cart-item .item-set-control .item-price.on-original-price .original-price {
  display: block;
}
.cart-item .item-set-control .item-price p {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.cart-item .item-set-control .item-price p.orange {
  color: #e4b760;
}
.cart-item .item-set-control .item-bt {
  display: flex;
  width: 112px;
  justify-content: space-between;
}
.cart-item .item-set-control .item-bt .bt-detail-config .icon .icon-config {
  display: block;
}
.cart-item .item-set-control .item-bt .bt-detail-config .icon .icon-arr-up-bg {
  display: none;
}
.cart-item .item-set-control .item-bt .bt-detail-config.active .icon .icon-config {
  display: none;
}
.cart-item .item-set-control .item-bt .bt-detail-config.active .icon .icon-arr-up-bg {
  display: block;
}
.cart-item .item-set-control .item-box-number {
  position: relative;
}
.cart-item .item-set-control .item-box-number .custom-select-list.view-list {
  display: none;
  width: 60px;
  height: 40px;
  position: absolute;
  top: -20px;
  left: -50px;
  border: solid 2px #ffffff;
  border-radius: 8px;
}
.cart-item .item-set-control .item-box-number .custom-select-list.view-list .list-select {
  height: 36px;
}
.cart-item .item-set-control .item-box-number .custom-select-list.view-list .list-select p {
  padding-left: 12px;
}
.cart-item .item-set-control .item-box-number .custom-select-list.view-list .list-select .icon-arr-down {
  right: 16px;
  top: 16px;
}
.cart-item .item-set-control .item-box-number .custom-select-list.view-list .list-result {
  display: none;
}
.cart-item .item-set-control .item-box-number .custom-select-list.view-list .list-option .box-options .box-option {
  justify-content: center;
}
.cart-item .item-set-control .item-set-remove {
  width: calc(100% - 132px);
  display: none;
}
.cart-item .item-set-control .button-box {
  min-width: 132px;
}
.cart-item .item-set-control .button-box .add-to-cart-bt {
  width: fit-content;
  min-width: 80px;
  min-height: unset;
  height: 40px;
  padding: 0 16px;
  border-radius: 100px;
  border: none;
  background: #e4b760;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.cart-item .item-set-control .button-box .add-to-cart-bt .ico-add {
  width: 10px;
  height: 10px;
  display: flex;
  align-items: center;
  color: #fff;
}
.cart-item .item-set-control .button-box .add-to-cart-bt span {
  color: #fff;
  font-size: 12px;
  font-weight: 56px;
}

@media screen and (max-width: 1479px) {
  .cart-item .item-text {
    width: 36%;
    padding-left: 32px;
    padding-right: 24px;
  }
  .cart-item .item-set-control {
    width: 44%;
  }
}
@media screen and (max-width: 1199px) {
  .cart-item .item-text {
    width: 36%;
    padding: 0px;
    padding-left: 32px;
  }
  .cart-item .item-set-control {
    width: 44%;
  }
}
@media screen and (max-width: 1024px) {
  .cart-item {
    margin-bottom: 12px;
  }
  .cart-item .item-image {
    width: 112px;
    height: 112px;
  }
  .cart-item .item-image img {
    height: 112px;
  }
  .cart-item .item-text {
    padding-left: 32px;
    padding-right: 24px;
    width: 36%;
  }
  .cart-item .item-text .name p {
    font-size: 14px;
    line-height: 18px;
  }
  .cart-item .item-set-control {
    width: 45%;
  }
  .cart-item .item-set-control .item-price {
    width: 112px;
  }
  .cart-item .item-set-control .item-bt {
    width: 94px;
  }
  .cart-item .item-set-control .item-bt .bt-detail-config {
    width: 40px;
    height: 40px;
  }
  .cart-item .item-set-control .item-bt .bt-remove {
    width: 40px;
    height: 40px;
  }
  .cart-item .item-set-control .item-set-remove .bt-undo {
    height: 40px;
    padding: 0px 24px 0px 44px;
    min-width: 205px;
  }
  .cart-item .item-set-control .item-set-remove .bt-undo p {
    line-height: 38px;
  }
  .cart-item .item-set-control .item-set-remove .bt-undo .icon {
    left: 14px;
    top: 10px;
  }
}
@media screen and (max-width: 833px) {
  .cart-item .item-set-control {
    width: 47%;
  }
  .cart-item .item-text {
    width: 34%;
  }
}
@media screen and (max-width: 767px) {
  .cart-item {
    padding-bottom: 24px;
    border-bottom: solid 1px #ebebeb;
    margin-bottom: 0;
  }
  .cart-item.item-personal-offers .item-text {
    padding: 24px 24px 24px 30px;
    width: 100%;
  }
  .cart-item.item-personal-offers .item-set-control {
    margin-top: -10px;
    margin-left: -29px;
  }
  .cart-item:not(:first-child) {
    padding-top: 24px;
  }
  .cart-item:last-child {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .cart-item.deposit-type .item-set-main {
    grid-template-columns: 112px 1fr;
  }
  .cart-item.deposit-type .item-text {
    width: 100%;
    max-width: 100%;
  }
  .cart-item.deposit-type::after, .cart-item.deposit-type::before {
    display: none;
  }
  .cart-item .item-set-main {
    display: grid;
    grid-template-columns: 112px 1fr 258px;
    min-height: unset;
  }
  .cart-item .item-text {
    width: 100%;
    max-width: 286px;
    padding-left: 24px;
  }
  .cart-item .item-text .shipping-item .icon-and-tooltip .product-tooltips .tooltip-content .detail p {
    width: max-content;
  }
  .cart-item .item-set-control {
    width: 100%;
    justify-content: flex-end;
    padding-left: 24px;
  }
  .cart-item .item-set-control .item-box-number .box-number {
    display: none;
  }
  .cart-item .item-set-control .item-box-number .custom-select-list.view-list {
    display: block;
    margin-top: 2px;
  }
  .cart-item .item-set-control .item-box-number .custom-select-list.view-list .list-option.active {
    display: block;
  }
  .cart-item .item-set-control .item-box-number .custom-select-list.view-list .list-select p {
    display: block;
  }
  .cart-item .item-set-control .item-box-number .custom-select-list.view-list .list-select .icon-arr-down {
    display: block;
  }
  .cart-item .item-set-control .item-box-number .custom-select-list.view-list .list-option .box-options .box-option {
    padding-left: 0px;
  }
}
@media screen and (max-width: 691px) {
  .cart-item:not(.deposit-type) .item-set-main {
    display: grid;
    grid-template-columns: 112px 1fr;
    row-gap: 20px;
  }
  .cart-item .item-image {
    height: 112px;
    grid-area: 1/1/3/2;
  }
  .cart-item .item-text {
    grid-area: 1/2/2/3;
    width: 100%;
    max-width: 100%;
  }
  .cart-item .item-set-control {
    width: 100%;
    padding-left: 24px;
    grid-area: 2/2/3/3;
    justify-content: flex-start;
  }
  .cart-item .item-set-control .item-box-number .custom-select-list.view-list {
    top: 0;
    left: 0;
    position: relative;
  }
  .cart-item .item-set-control .item-set-remove .bt-undo {
    float: left;
  }
  .cart-item .item-set-control .item-price p {
    font-size: 14px;
  }
  .cart-item .item-set-control .item-set-remove {
    width: calc(100% - 36px);
  }
  .cart-item.deposit-type .item-image {
    margin-bottom: 0;
  }
  .cart-item.deposit-type .item-text {
    width: 100%;
  }
}
@media screen and (max-width: 456px) {
  .cart-item.personaloffer-item .item-set-control {
    justify-content: flex-start;
    padding: 0;
  }
  .cart-item.personaloffer-item .item-set-control .button-box {
    min-width: unset;
  }
  .cart-item .item-image {
    grid-area: unset;
  }
  .cart-item .item-text {
    grid-area: unset;
  }
  .cart-item .item-set-control {
    grid-area: 2/1/3/3;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 400px) {
  .cart-item.item-personal-offers .item-set-control {
    margin-left: -84px;
  }
}
@media screen and (max-width: 380px) {
  .cart-item.deposit-type .item-set-main {
    grid-template-columns: 80px 1fr;
  }
  .cart-item .item-set-main {
    grid-template-columns: 80px 1fr;
  }
  .cart-item .item-image {
    width: 80px;
  }
  .cart-item .item-text {
    width: 100%;
  }
  .cart-item .item-set-control {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
  }
  .cart-item.item-personal-offers .item-image {
    width: 80px;
    height: 80px;
  }
  .cart-item.item-personal-offers .item-image img {
    width: 80px;
    height: 80px;
  }
  .cart-item.item-personal-offers .item-set-control {
    margin-left: -80px;
  }
  .cart-item.item-personal-offers .item-text {
    padding: 12px 12px 12px 15px;
    width: 100%;
  }
  .cart-item.item-personal-offers .item-text .detail .type {
    word-break: break-word;
  }
}
@media screen and (max-width: 360px) {
  .cart-item .item-set-control {
    padding-left: 0px;
    margin-left: -10px;
  }
  .cart-item .item-set-control .item-box-number .custom-select-list.view-list {
    margin-top: -16px;
  }
}
.cart-item-configuration {
  position: relative;
  width: 100%;
  margin-top: 16px;
  padding: 26px 4px 16px;
  overflow: hidden;
  display: none;
}
.cart-item-configuration.active {
  display: flex;
}
.cart-item-configuration:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ebebeb;
  position: absolute;
  top: 0;
}
.cart-item-configuration .config-column {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.cart-item-configuration .config-column:nth-child(even) {
  padding-left: 48px;
}
.cart-item-configuration .config-item {
  display: flex;
  margin-bottom: 8px;
}
.cart-item-configuration .config-item .label {
  width: 168px;
}
.cart-item-configuration .config-item .label p {
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
}
.cart-item-configuration .config-item .detail {
  width: calc(100% - 168px);
}
.cart-item-configuration .config-item .detail p {
  font-size: 12px;
  line-height: 20px;
}

@media screen and (max-width: 1199px) {
  .cart-item-configuration .config-column:nth-child(even) {
    padding-left: 16px;
  }
  .cart-item-configuration .config-item .label {
    width: 140px;
  }
  .cart-item-configuration .config-item .detail {
    width: calc(100% - 140px);
  }
}
@media screen and (max-width: 1024px) {
  .cart-item-configuration {
    margin-top: 10px;
    padding: 26px 0px 16px;
  }
  .cart-item-configuration .config-column:nth-child(even) {
    padding-left: 48px;
  }
  .cart-item-configuration .config-item .label {
    width: 148px;
  }
  .cart-item-configuration .config-item .detail {
    width: calc(100% - 148px);
  }
}
@media screen and (max-width: 767px) {
  .cart-item-configuration {
    margin-top: 12px;
    flex-wrap: wrap;
    padding: 26px 0px 0px;
  }
  .cart-item-configuration .config-column {
    width: 100%;
    padding-left: 4px;
    grid-template-columns: repeat(1, 1fr);
  }
  .cart-item-configuration .config-column:nth-child(even) {
    padding-left: 4px;
  }
  .cart-item-configuration .config-item .label {
    width: 108px;
  }
  .cart-item-configuration .config-item .detail {
    width: calc(100% - 108px);
  }
}
.cart-summary {
  width: 446px;
  padding-left: 96px;
  margin-top: -128px;
}
.cart-summary .head {
  margin-bottom: 32px;
}
.cart-summary .head p {
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
}
.cart-summary .detail .d-group {
  border-bottom: solid 1px #ebebeb;
  padding-bottom: 6px;
}
.cart-summary .detail .d-group.no-border {
  border: none;
}
.cart-summary .detail .d-group .d-row {
  display: flex;
  justify-content: space-between;
  padding-left: 32px;
  margin-bottom: 22px;
}
.cart-summary .detail .d-group .d-row.font-grey p,
.cart-summary .detail .d-group .d-row.font-grey div {
  color: #a6a8a7;
}
.cart-summary .detail .d-group .d-row p {
  font-weight: 700;
  font-size: 16px;
}
.cart-summary .detail .d-group .d-row p:first-child {
  width: calc(100% - 100px);
}
.cart-summary .detail .d-group .d-row p:last-child {
  width: 100px;
}
.cart-summary .detail .d-group .d-row div {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.cart-summary .detail .d-group .d-row .cart-promotion-code {
  position: relative;
}
.cart-summary .detail .d-group .d-row .voucher-info {
  display: none;
  position: relative;
  width: 16px;
  height: 16px;
  cursor: pointer;
  top: 2px;
  margin-left: 4px;
}
.cart-summary .detail .d-group .d-row .voucher-info.active {
  display: inline-block;
}
.cart-summary .detail .d-group .d-row .voucher-info.grey {
  opacity: 0.5;
  cursor: default;
}
.cart-summary .detail .d-group .d-row .voucher-info .info-icon {
  width: 16px;
  height: 16px;
}
.cart-summary .detail .d-group .d-row.voucher .box-promo p {
  display: inline-block;
}
.cart-summary .detail .d-group .d-row.voucher .box-promo-success .promo-name p {
  width: calc(100% - 20px);
}
.cart-summary .total {
  padding-top: 36px;
  padding-left: 32px;
  padding-bottom: 36px;
  border-bottom: solid 1px #ebebeb;
  margin-bottom: 24px;
}
.cart-summary .total .label {
  margin-bottom: 8px;
}
.cart-summary .total .label p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
.cart-summary .total .price p.price-txt {
  font-weight: 700;
  font-size: 24px;
}
.cart-summary .total .price p.price-txt span {
  font-size: 24px;
}
.cart-summary .total .price p.price-condition {
  font-size: 12px;
  line-height: 16px;
  color: #a6a8a7;
}
.cart-summary .terms-delivery {
  padding: 0 32px 24px;
  border-bottom: solid 1px #ebebeb;
  margin-bottom: 32px;
}
.cart-summary .terms-delivery .label p {
  font-weight: 500;
  color: #111c1c;
  line-height: 18px;
  font-size: 12px;
}
.cart-summary .bt-general {
  height: 64px;
  padding: 0px 84px;
  position: relative;
  margin-left: 32px;
  width: fit-content;
}
.cart-summary .bt-general p {
  font-size: 16px;
  font-weight: 600;
}
.cart-summary .bt-general .icon-arr-right-bg {
  background-color: #ffffff;
  position: absolute;
  right: 34px;
}

@media screen and (max-width: 1199px) {
  .cart-summary {
    width: 300px;
    padding-left: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .cart-summary {
    order: 3;
    width: 100%;
    margin: 0;
    padding: 0px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .cart-summary .head {
    display: none;
  }
  .cart-summary .detail {
    order: 2;
  }
  .cart-summary .detail.out-standing {
    order: 4;
  }
  .cart-summary .detail .d-group {
    padding: 26px 124px 4px;
  }
  .cart-summary .detail .d-group .d-row {
    padding-left: 20px;
  }
  .cart-summary .detail .d-group .d-row p {
    font-size: 14px;
  }
  .cart-summary .detail .d-group .d-row p:first-child {
    width: calc(100% - 80px);
  }
  .cart-summary .detail .d-group .d-row p:last-child {
    width: 80px;
  }
  .cart-summary .detail .d-group .d-row div {
    font-size: 14px;
  }
  .cart-summary .total {
    order: 3;
    display: flex;
    padding: 0px 64px;
    min-height: 110px;
    height: auto;
    align-items: flex-start;
    margin-bottom: 4px;
    padding-top: 30px;
  }
  .cart-summary .total .label {
    width: calc(100% - 180px);
    padding-left: 80px;
  }
  .cart-summary .total .label p {
    font-size: 14px;
  }
  .cart-summary .total .price {
    width: 180px;
  }
  .cart-summary .total .price p {
    text-align: right;
  }
  .cart-summary .total .price p.price-txt span {
    font-size: 22px;
  }
  .cart-summary .terms-delivery {
    order: 1;
    padding: 26px 32px 42px;
    margin-bottom: 12px;
  }
  .cart-summary .bt-general {
    order: 5;
    float: right;
    margin-right: 32px;
    padding: 0px 116px;
    margin-left: auto;
  }
  .cart-summary .bt-general.step-1 {
    margin-top: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .cart-summary .detail .d-group {
    padding: 32px 0px 0px;
  }
  .cart-summary .detail .d-group .d-row {
    padding-left: 4px;
  }
  .cart-summary .detail .d-group .d-row p:first-child {
    width: calc(100% - 100px);
  }
  .cart-summary .detail .d-group .d-row p:last-child {
    width: 100px;
    text-align: right;
  }
  .cart-summary .total {
    padding: 0px;
    padding-top: 28px;
    margin-bottom: 0px;
  }
  .cart-summary .total .label {
    padding-left: 4px;
  }
  .cart-summary .total .price p.price-condition {
    text-align: right;
  }
  .cart-summary .terms-delivery {
    padding: 32px 0 48px;
    margin-bottom: 12px;
  }
  .cart-summary .bt-general {
    padding: 0px 70px 0px 54px;
  }
  .cart-summary .bt-general.step-1 {
    margin-right: 0;
  }
  .cart-summary .bt-general .icon-arr-right-bg {
    right: 30px;
  }
}
@media screen and (max-width: 370px) {
  .cart-summary .bt-general {
    padding: 0px 50px 0px 34px;
  }
}
@media screen and (max-width: 350px) {
  .cart-summary .total .price p.price-txt {
    font-size: 26px;
  }
  .cart-summary .total .price p.price-txt span {
    font-size: 20px;
  }
}
.cart-promotion-code {
  width: 100%;
}
.cart-promotion-code p {
  font-weight: 700;
}
.cart-promotion-code p.orange {
  color: #e4b760;
}
.cart-promotion-code .box-promo {
  width: 100%;
  display: none;
}
.cart-promotion-code .box-promo.active {
  display: block;
}
.cart-promotion-code .box-promo .bt-promo {
  cursor: pointer;
}
.cart-promotion-code .box-get-code {
  min-height: 50px;
  display: none;
  position: relative;
}
.cart-promotion-code .box-get-code.active {
  display: block;
}
.cart-promotion-code .box-get-code .box-code {
  width: 100%;
  border-radius: 8px;
}
.cart-promotion-code .box-get-code input {
  width: calc(100% - 100px);
  height: 50px;
  background-color: #f8f7f3;
  color: #a0a4a4;
  font-size: 14px;
  font-weight: 700;
  line-height: 50px;
  padding: 10px 10px 10px 20px;
  position: relative;
  right: 20px;
}
.cart-promotion-code .box-get-code button {
  height: 50px;
  width: 100px;
  padding: 0px;
  border: none;
  background-color: transparent;
  color: #e4b760;
  font-size: 14px;
  line-height: 50px;
  font-weight: 700;
  margin-left: -4px;
  text-align: left;
}
.cart-promotion-code .box-get-code small {
  position: absolute;
  bottom: -20px;
  right: 24px;
  font-size: 12px;
}
.cart-promotion-code .box-promo-success {
  width: 100%;
  display: none;
}
.cart-promotion-code .box-promo-success.active {
  display: flex;
}
.cart-promotion-code .box-promo-success p {
  font-weight: 700;
  font-size: 14px;
}
.cart-promotion-code .box-promo-success p.orange {
  color: #e4b760;
}
.cart-promotion-code .box-promo-success .promo-name {
  width: calc(100% - 100px);
  position: relative;
}
.cart-promotion-code .box-promo-success .promo-name .icon-close {
  display: inline-block;
  margin-right: 6px;
  top: -1px;
}
.cart-promotion-code .box-promo-success .promo-name p {
  display: inline-block;
}
.cart-promotion-code .box-promo-success .promo-price {
  width: 100px;
}
.cart-promotion-code .vouchers {
  display: flex;
  width: 100%;
  flex-direction: column;
  position: relative;
}
.cart-promotion-code #drawing_canvas {
  position: absolute;
  width: 100%;
  height: auto;
  top: -100px;
  bottom: 0;
  left: 50%;
  right: 0;
  transform: translateX(-50%);
  pointer-events: none;
  max-width: 318px;
}
.cart-promotion-code.invalid .box-get-code small {
  color: red;
}
.cart-promotion-code.valid .box-get-code small {
  color: #e4b760;
}

@media screen and (max-width: 1024px) {
  .cart-promotion-code .box-get-code button {
    padding: 0 20px;
  }
  .cart-promotion-code .box-promo-success .promo-name {
    width: calc(100% - 20px);
  }
  .cart-promotion-code .box-promo-success .promo-price {
    width: 80px;
  }
}
@media screen and (max-width: 767px) {
  .cart-promotion-code .box-get-code button {
    text-align: right;
    padding: 0;
  }
  .cart-promotion-code .box-promo-success .promo-name {
    width: calc(100% - 100px);
  }
  .cart-promotion-code .box-promo-success .promo-name p {
    text-align: left !important;
  }
  .cart-promotion-code .box-promo-success .promo-price {
    width: 100px;
    text-align: right;
  }
}
.cart-extra-info {
  margin-bottom: 160px;
  position: relative;
  visibility: hidden;
  opacity: 0;
  display: none;
  transition: all ease-in-out 0.5s;
}
.cart-extra-info.active {
  visibility: visible;
  opacity: 1;
  display: block;
}
.cart-extra-info .bg-pattern {
  position: absolute;
  z-index: -2;
  height: fit-content;
}
.cart-extra-info .text-right {
  float: right;
}
.cart-extra-info p, .cart-extra-info h3 {
  font-size: 16px;
  line-height: 24px;
}
.cart-extra-info p.head, .cart-extra-info h3.head {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 36px;
}
.cart-extra-info .title {
  text-align: center;
  margin-bottom: 68px;
}
.cart-extra-info .title .title-txt p, .cart-extra-info .title .title-txt h1 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.cart-extra-info .title .desc-txt p {
  color: #4D5555;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.cart-extra-info .detail-annex {
  margin: 10px 180px;
}
.cart-extra-info .detail-annex p {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.cart-extra-info .more-left {
  margin-left: 60px;
}
.cart-extra-info .detail-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 64px;
  margin: 0 auto;
  width: 100%;
  max-width: 906px;
  margin-bottom: 24px;
}
.cart-extra-info .detail-grid.content {
  max-width: 1024px;
  grid-gap: 90px;
  margin-top: 200px;
}
.cart-extra-info .content-wrapper {
  position: relative;
}
.cart-extra-info .content-wrapper::before {
  content: " ";
  position: absolute;
  top: -100px;
  left: -128px;
  width: 45%;
  height: 900px;
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  z-index: -1;
}
.cart-extra-info .content-wrapper::after {
  content: " ";
  position: absolute;
  top: 580px;
  right: -128px;
  width: 45%;
  height: 634px;
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  z-index: -1;
}
.cart-extra-info .content-wrapper .bg-pattern {
  right: -32px;
  transform: unset;
  top: 340px;
}
.cart-extra-info .blog-image-grid.col-2 {
  grid-gap: 30px;
  padding: 36px 20px 0 20px;
  grid-template-columns: 664px 632px;
  position: relative;
}
.cart-extra-info .blog-image-grid.col-2::before {
  content: " ";
  position: absolute;
  bottom: -86px;
  right: -128px;
  width: 38%;
  height: 793px;
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  z-index: -1;
}
.cart-extra-info .blog-image-grid.col-2 .set-image .item .img {
  height: 480px;
}
.cart-extra-info .blog-image-grid.col-2 .bg-pattern {
  left: -38px;
  top: unset;
  bottom: -38px;
  transform: unset;
}
.cart-extra-info ul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  list-style: disc;
  list-style-position: outside;
  margin-left: 16px;
}
.cart-extra-info ul.detail {
  width: 80%;
  display: inline-flex;
  flex-flow: column wrap;
}
.cart-extra-info ul.price {
  width: 20%;
  display: inline-flex;
  flex-flow: column wrap;
}
.cart-extra-info ul.price li {
  list-style: none;
}
.cart-extra-info .price-table {
  display: flex;
  flex-flow: row wrap;
}
.cart-extra-info .bt-general {
  height: 64px;
  padding: 0px 84px;
  position: relative;
}
.cart-extra-info .bt-wrapper {
  margin: 60px 0;
}
.cart-extra-info .bt-wrapper.first {
  margin: 24px 0;
}
.cart-extra-info .bt-wrapper .bt-general {
  float: right;
}

@media (max-width: 1480px) {
  .cart-extra-info .blog-image-grid.col-2 {
    padding-left: 0;
    padding-right: 0;
    grid-template-columns: 1fr 1fr;
  }
  .cart-extra-info .blog-image-grid.col-2 .set-image .item .img {
    height: 400px;
  }
  .cart-extra-info .detail-annex {
    margin: 10px;
  }
}
@media (max-width: 1024px) {
  .cart-extra-info p, .cart-extra-info h3 {
    font-size: 14px;
  }
  .cart-extra-info p.head, .cart-extra-info h3.head {
    font-size: 20px;
    line-height: 30px;
  }
  .cart-extra-info .blog-image-grid.col-2 {
    grid-template-columns: 1fr;
  }
  .cart-extra-info .blog-image-grid.col-2::before {
    width: 64%;
  }
  .cart-extra-info .blog-image-grid.col-2 .bg-pattern {
    top: 0;
    bottom: unset;
  }
  .cart-extra-info .blog-image-grid.col-2 .set-image .item .img {
    height: 480px;
  }
  .cart-extra-info .detail-annex {
    margin: 24px 80px;
  }
  .cart-extra-info .content-wrapper .bg-pattern {
    top: 160px;
    right: -172px;
  }
  .cart-extra-info .content-wrapper::before {
    width: 55%;
  }
  .cart-extra-info .content-wrapper::after {
    width: 55%;
  }
  .cart-extra-info .detail-grid.content {
    grid-gap: 64px;
    max-width: 906px;
  }
  .cart-extra-info .bt-wrapper .bt-general {
    width: calc(50% - 32px);
  }
}
@media (max-width: 991px) {
  .cart-extra-info .more-left {
    margin-left: 0;
  }
  .cart-extra-info ul.detail {
    width: 77%;
  }
  .cart-extra-info ul.price {
    width: 23%;
  }
}
@media (max-width: 768px) {
  .cart-extra-info ul.detail {
    width: 80%;
  }
  .cart-extra-info ul.price {
    width: 20%;
  }
  .cart-extra-info .title .title-txt p, .cart-extra-info .title .title-txt h1 {
    font-size: 32px;
    line-height: 42px;
  }
  .cart-extra-info .mobile-center {
    text-align: center;
  }
  .cart-extra-info .blog-image-grid.col-2 .set-image .item .img {
    height: 360px;
  }
  .cart-extra-info .detail-grid {
    grid-template-columns: 1fr;
  }
  .cart-extra-info .bt-wrapper .bt-general {
    width: auto;
  }
}
@media (max-width: 600px) {
  .cart-extra-info .blog-image-grid.col-2 .set-image .item .img {
    height: 320px;
  }
}
@media (max-width: 480px) {
  .cart-extra-info ul.detail {
    width: 77%;
  }
  .cart-extra-info ul.price {
    width: 23%;
  }
  .cart-extra-info .blog-image-grid.col-2::before {
    width: 100%;
  }
  .cart-extra-info .blog-image-grid.col-2 .bg-pattern {
    top: 0;
    bottom: unset;
  }
  .cart-extra-info .blog-image-grid.col-2 .set-image .item .img {
    height: 240px;
  }
  .cart-extra-info .detail-annex {
    margin: 12px 0px;
  }
  .cart-extra-info .content-wrapper .bg-pattern {
    top: 160px;
    right: -172px;
  }
  .cart-extra-info .content-wrapper::before {
    width: 80%;
  }
  .cart-extra-info .content-wrapper::after {
    width: 80%;
    top: 890px;
  }
}
@media (max-width: 400px) {
  .cart-extra-info ul.detail {
    width: 75%;
  }
  .cart-extra-info ul.price {
    width: 25%;
  }
  .cart-extra-info .blog-image-grid.col-2 .set-image .item .img {
    height: 180px;
  }
}
@media (max-width: 350px) {
  .cart-extra-info ul.detail {
    width: 70%;
  }
  .cart-extra-info ul.price {
    width: 30%;
  }
  .cart-extra-info .blog-image-grid.col-2 .set-image .item .img {
    height: 160px;
  }
}
.interior-advise-appointment {
  position: relative;
  width: 100%;
  min-height: 810px;
  padding-top: 136px;
  height: auto;
}
.interior-advise-appointment .hilight-box {
  display: flex;
  flex-flow: row wrap;
  z-index: 2;
  position: relative;
}
.interior-advise-appointment .hilight-box .advise-title-set {
  order: 1;
  width: 100%;
  padding-left: 162px;
  margin-bottom: 94px;
  padding-right: 20px;
}
.interior-advise-appointment .hilight-box .advise-title-set .title-txt p,
.interior-advise-appointment .hilight-box .advise-title-set .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.interior-advise-appointment .hilight-box .advise-title-set .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.interior-advise-appointment .hilight-box .advise-title-set .desc-txt p,
.interior-advise-appointment .hilight-box .advise-title-set .desc-txt h3 {
  color: rgba(77, 85, 85, 0.75);
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 500;
}
.interior-advise-appointment .hilight-box .advise-detail-set {
  order: 2;
  width: 48%;
  position: relative;
}
.interior-advise-appointment .hilight-box .advise-detail-set .detail-txt {
  margin-bottom: 28px;
  max-width: 314px;
}
.interior-advise-appointment .hilight-box .advise-detail-set .detail-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
}
.interior-advise-appointment .hilight-box .advise-detail-set .scroll-down-button {
  margin: 0 0 0 48px;
}
.interior-advise-appointment .hilight-box .advise-slide-box {
  order: 3;
  margin-top: -34px;
}
.interior-advise-appointment .bg-pattern {
  position: absolute;
  top: 206px;
  left: 50%;
  transform: translate(534px, 0px);
  z-index: 1;
}
.interior-advise-appointment .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.interior-advise-appointment .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1479px) {
  .interior-advise-appointment .bg-pattern {
    top: 206px;
    transform: translate(400px, 0px);
  }
}
@media screen and (max-width: 1199px) {
  .interior-advise-appointment .hilight-box .advise-title-set {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 1024px) {
  .interior-advise-appointment {
    min-height: 790px;
    padding-top: 82px;
  }
  .interior-advise-appointment .container {
    padding-left: 32px;
    padding-right: 0px;
    max-width: 100%;
  }
  .interior-advise-appointment:before {
    width: 324px;
    top: 20px;
  }
  .interior-advise-appointment .hilight-box .advise-title-set {
    padding: 0px;
    padding-left: 95px;
    margin-bottom: 64px;
  }
  .interior-advise-appointment .hilight-box .advise-title-set .title-txt p,
  .interior-advise-appointment .hilight-box .advise-title-set .title-txt h2 {
    font-size: 40px;
    line-height: 52px;
  }
  .interior-advise-appointment .hilight-box .advise-title-set .desc-txt p,
  .interior-advise-appointment .hilight-box .advise-title-set .desc-txt h3 {
    font-size: 14px;
    line-height: 18px;
    padding: 0px;
  }
  .interior-advise-appointment .hilight-box .advise-detail-set {
    width: 52%;
    padding-left: 32px;
  }
  .interior-advise-appointment .hilight-box .advise-detail-set .detail-txt {
    margin-left: 0px;
    margin-bottom: 45px;
    max-width: 288px;
  }
  .interior-advise-appointment .hilight-box .advise-detail-set .detail-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .interior-advise-appointment .hilight-box .advise-detail-set .scroll-down-button {
    display: block;
    bottom: 16px;
    margin-left: 48px;
    height: 40px;
  }
  .interior-advise-appointment .hilight-box .advise-detail-set .scroll-down-button.horizontal .circle-bt {
    width: 40px;
    height: 40px;
  }
  .interior-advise-appointment .hilight-box .advise-detail-set .scroll-down-button.horizontal p {
    margin-left: 56px;
    line-height: 40px;
  }
  .interior-advise-appointment .hilight-box .advise-slide-box {
    width: 48%;
    margin-top: 30px;
  }
  .interior-advise-appointment .bg-pattern {
    top: 464px;
    transform: translate(200px, 0px);
  }
  .interior-advise-appointment .bg-pattern .icon-bg svg {
    transform: scale(0.82);
  }
}
@media screen and (max-width: 767px) {
  .interior-advise-appointment {
    padding-top: 68px;
  }
  .interior-advise-appointment .container {
    padding-left: 0px;
    padding-right: 32px;
  }
  .interior-advise-appointment .hilight-box {
    flex-flow: row wrap;
    max-height: 100%;
  }
  .interior-advise-appointment .hilight-box .advise-title-set {
    width: 100%;
    padding-left: 64px;
    margin-bottom: 30px;
  }
  .interior-advise-appointment .hilight-box .advise-title-set .title-txt p,
  .interior-advise-appointment .hilight-box .advise-title-set .title-txt h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .interior-advise-appointment .hilight-box .advise-detail-set {
    order: 3;
    width: 100%;
    padding-left: 64px;
    max-width: 360px;
  }
  .interior-advise-appointment .hilight-box .advise-detail-set .detail-txt {
    margin-bottom: 60px;
  }
  .interior-advise-appointment .hilight-box .advise-slide-box {
    order: 2;
    height: 440px;
    margin: 0px 0px 50px;
    padding-top: 0px;
    width: 100%;
  }
  .interior-advise-appointment .hilight-box .advise-slide-box .interior-advise-appointment-slide {
    height: 440px;
  }
  .interior-advise-appointment .bg-pattern {
    top: 78px;
    transform: translate(60px, 0px);
  }
  .interior-advise-appointment .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
.how-it-work {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 490px;
  padding-top: 32px;
}
.how-it-work.interior-advise {
  padding-top: 16px;
  min-height: 444px;
}
.how-it-work.interior-advise .title-set .desc-txt p,
.how-it-work.interior-advise .title-set .desc-txt h3 {
  color: rgba(77, 85, 85, 0.75);
  font-weight: 500;
}
.how-it-work.interior-advise-form .title-set .desc-txt p {
  color: #4d5555;
}
.how-it-work .title-set {
  position: relative;
  z-index: 2;
  margin-bottom: 60px;
  text-align: center;
}
.how-it-work .title-set .title-txt p,
.how-it-work .title-set .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.how-it-work .title-set .desc-txt {
  width: fit-content;
  display: inline-block;
}
.how-it-work .title-set .desc-txt p,
.how-it-work .title-set .desc-txt h3 {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.how-it-work .step-boxs {
  display: flex;
  justify-content: space-between;
}
.how-it-work .step-boxs .step-box {
  padding: 34px 8px 44px;
  position: relative;
}
.how-it-work .step-boxs .step-box:first-child {
  padding-left: 0px;
}
.how-it-work .step-boxs .step-box:last-child {
  padding-right: 0px;
}
.how-it-work .step-boxs .step-box .box-container {
  max-width: 436px;
}
.how-it-work .step-boxs .step-box .box-container:before {
  content: " ";
  position: absolute;
  top: 0px;
  right: 8px;
  width: 294px;
  height: 214px;
  background-color: #f8f7f4;
  border-radius: 5px;
  z-index: -1;
}
.how-it-work .step-boxs .step-box .step-head {
  min-height: 50px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.how-it-work .step-boxs .step-box .step-head .icon {
  width: 48px;
  height: 48px;
  border: solid 2px #000000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
}
.how-it-work .step-boxs .step-box .step-head .icon .icon-calendar, .how-it-work .step-boxs .step-box .step-head .icon .icon-checked, .how-it-work .step-boxs .step-box .step-head .icon .icon-checklist {
  cursor: default;
}
.how-it-work .step-boxs .step-box .step-head p,
.how-it-work .step-boxs .step-box .step-head h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.how-it-work .step-boxs .step-box .step-detail {
  padding: 0px 64px;
}
.how-it-work .step-boxs .step-box .step-detail p {
  font-size: 16px;
  line-height: 24px;
}
.how-it-work .bg-pattern {
  position: absolute;
  top: 532px;
  left: 50%;
  transform: translate(-156px, 0px);
  z-index: 1;
}
.how-it-work .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.how-it-work .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1024px) {
  .how-it-work {
    padding-top: 52px;
    margin-bottom: 64px;
  }
  .how-it-work.interior-advise {
    min-height: 474px;
    padding-top: 84px;
  }
  .how-it-work.interior-advise .title-set {
    margin-bottom: 62px;
  }
  .how-it-work.interior-advise-form {
    margin-bottom: 0px;
  }
  .how-it-work .title-set {
    margin-bottom: 64px;
  }
  .how-it-work .title-set .title-txt p,
  .how-it-work .title-set .title-txt h2 {
    font-size: 40px;
    line-height: 52px;
  }
  .how-it-work .title-set .desc-txt p,
  .how-it-work .title-set .desc-txt h3 {
    font-size: 14px;
    line-height: 18px;
  }
  .how-it-work .step-boxs {
    padding: 0px 32px;
    flex-flow: row wrap;
    max-width: 784px;
    margin: 0 auto;
  }
  .how-it-work .step-boxs .step-box {
    width: 50%;
    max-width: 344px;
    padding: 22px 8px 44px;
    margin-bottom: 36px;
  }
  .how-it-work .step-boxs .step-box:nth-child(n) {
    padding: 24px 7px;
  }
  .how-it-work .step-boxs .step-box:nth-child(odd) {
    padding-left: 0px;
  }
  .how-it-work .step-boxs .step-box:nth-child(even) {
    padding-right: 0px;
  }
  .how-it-work .step-boxs .step-box .box-container:before {
    top: 0px;
    right: 8px;
    width: 232px;
    height: 180px;
  }
  .how-it-work .step-boxs .step-box .step-head {
    min-height: 40px;
    margin-bottom: 15px;
  }
  .how-it-work .step-boxs .step-box .step-head .icon {
    width: 40px;
    height: 40px;
  }
  .how-it-work .step-boxs .step-box .step-detail {
    padding: 0px;
    padding-left: 56px;
    padding-right: 30px;
  }
  .how-it-work .step-boxs .step-box .step-detail p {
    font-size: 14px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .how-it-work {
    padding-top: 58px;
    margin-bottom: 78px;
  }
  .how-it-work.interior-advise {
    padding-top: 58px;
    margin-bottom: 25px;
  }
  .how-it-work.interior-advise .step-boxs .step-box {
    max-width: 352px;
    margin-bottom: 32px;
  }
  .how-it-work.interior-advise .step-boxs .step-box .step-head {
    margin-bottom: 12px;
  }
  .how-it-work.interior-advise .step-boxs .step-box .step-detail {
    padding-right: 54px;
  }
  .how-it-work.interior-advise .step-boxs .step-box .box-container:before {
    height: 200px;
  }
  .how-it-work.interior-advise-form .step-boxs .step-box:nth-child(n) {
    margin: 0 auto;
    margin-bottom: 24px;
  }
  .how-it-work .title-set {
    margin-bottom: 48px;
  }
  .how-it-work .title-set .title-txt p,
  .how-it-work .title-set .title-txt h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .how-it-work .step-boxs {
    padding: 0px;
  }
  .how-it-work .step-boxs .step-box {
    width: 100%;
    max-width: 352px;
    margin-bottom: 28px;
  }
  .how-it-work .step-boxs .step-box:nth-child(n) {
    padding: 24px 0px;
  }
  .how-it-work .step-boxs .step-box .box-container:before {
    top: 0px;
    right: 0px;
    width: 70%;
    height: 180px;
  }
}
.interior-advise-stylelist-slide {
  position: relative;
  width: 100%;
  min-height: 1235px;
  padding-top: 136px;
  margin-bottom: 40px;
}
.interior-advise-stylelist-slide:before {
  content: " ";
  position: absolute;
  top: 256px;
  width: 38%;
  height: calc(100% - 260px);
  background-color: #f8f7f4;
  border-radius: 5px;
  z-index: -1;
}
.interior-advise-stylelist-slide .advise-title {
  text-align: center;
  margin-bottom: 34px;
}
.interior-advise-stylelist-slide .advise-title .title-txt p,
.interior-advise-stylelist-slide .advise-title .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.interior-advise-stylelist-slide .advise-title .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.interior-advise-stylelist-slide .advise-title .desc-txt p,
.interior-advise-stylelist-slide .advise-title .desc-txt h3 {
  color: rgba(77, 85, 85, 0.75);
  font-size: 16px;
  font-weight: 500;
}
.interior-advise-stylelist-slide .advise-title .bt-route p {
  font-size: 16px;
}
.interior-advise-stylelist-slide .advise-title a {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.interior-advise-stylelist-slide .advise-slide-layer {
  position: relative;
  width: 1424px;
  min-height: 788px;
  left: 50%;
  transform: translate(-50%, 0px);
  z-index: 2;
}
.interior-advise-stylelist-slide .advise-slide-layer .flip-slide {
  z-index: 2;
}
.interior-advise-stylelist-slide .advise-slide-layer .flip-slide .container {
  min-height: 50px;
}
.interior-advise-stylelist-slide .advise-slide-layer .flip-slide .slide-container {
  min-height: 530px;
  justify-content: space-between;
}
.interior-advise-stylelist-slide .advise-slide-layer .flip-slide .slide-nav {
  display: none;
}
.interior-advise-stylelist-slide .advise-slide-layer .flip-slide .block {
  margin-right: 64px;
  min-height: 500px;
}
.interior-advise-stylelist-slide .advise-slide-layer .flip-slide .block.b-1 {
  top: 0px;
}
.interior-advise-stylelist-slide .advise-slide-layer .flip-slide .block.b-2 {
  top: 32px;
}
.interior-advise-stylelist-slide .advise-slide-layer .flip-slide .block.b-3 {
  top: 16px;
  margin-right: 0px;
}
.interior-advise-stylelist-slide .advise-slide-layer .flip-slide .block:hover .item img {
  transform: scale(1.05);
  object-fit: cover;
  width: 100%;
}
.interior-advise-stylelist-slide .advise-slide-layer .flip-slide .block h2,
.interior-advise-stylelist-slide .advise-slide-layer .flip-slide .block h4 {
  font-size: 24px;
  margin-top: 484px;
  left: 48px;
}
.interior-advise-stylelist-slide .advise-slide-layer .flip-slide .block p {
  margin-top: 30px;
  left: 48px;
  max-width: 324px;
}
.interior-advise-stylelist-slide .advise-slide-layer .flip-slide .block span {
  top: 466px;
  left: 48px;
  display: block;
}
.interior-advise-stylelist-slide .advise-slide-layer .flip-slide .block .item img {
  max-width: 430px;
  height: 432px;
  object-fit: cover;
  width: 100%;
  transform-origin: center center;
  transition: all 0.3s ease-in-out;
}
.interior-advise-stylelist-slide .advise-slide-layer .flip-slide .slide-bullets {
  display: none;
}
.interior-advise-stylelist-slide .slide-nav {
  position: absolute;
  top: 178px;
  right: -92px;
}
.interior-advise-stylelist-slide .bg-pattern {
  position: absolute;
  top: -68px;
  left: 50%;
  transform: translate(631px, 0px);
  z-index: 1;
}
.interior-advise-stylelist-slide .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.interior-advise-stylelist-slide .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

.edit .interior-advise-stylelist-slide .advise-slide-layer {
  position: relative;
  height: auto;
}
.edit .interior-advise-stylelist-slide .advise-slide-layer .allow-edit.flip-slide .slide-container {
  height: auto;
  margin-bottom: 100px;
}
.edit .interior-advise-stylelist-slide .advise-slide-layer .allow-edit.flip-slide .block {
  min-height: 500px;
  margin: 1%;
}

@media screen and (max-width: 834px) {
  .interior-advise-stylelist-slide {
    min-height: 1086px;
    padding-top: 82px;
  }
  .interior-advise-stylelist-slide:before {
    top: 248px;
    width: 324px;
    height: 696px;
  }
  .interior-advise-stylelist-slide .container {
    padding-right: 64px;
    padding-left: 64px;
  }
  .interior-advise-stylelist-slide .advise-title {
    padding-left: 0px;
    margin-bottom: 18px;
  }
  .interior-advise-stylelist-slide .advise-title .title-txt {
    margin-bottom: 3px;
  }
  .interior-advise-stylelist-slide .advise-title .title-txt p,
  .interior-advise-stylelist-slide .advise-title .title-txt h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .interior-advise-stylelist-slide .advise-title .desc-txt {
    padding-right: 10px;
  }
  .interior-advise-stylelist-slide .advise-title .desc-txt p,
  .interior-advise-stylelist-slide .advise-title .desc-txt h3 {
    font-size: 14px;
  }
  .interior-advise-stylelist-slide .advise-title .bt-route p {
    font-size: 14px;
  }
  .interior-advise-stylelist-slide .advise-slide-layer {
    width: 1080px;
    min-height: 725px;
  }
  .interior-advise-stylelist-slide .advise-slide-layer .flip-slide {
    min-height: 648px;
  }
  .interior-advise-stylelist-slide .advise-slide-layer .flip-slide .slide-container {
    min-height: 598px;
    margin-left: 188px;
  }
  .interior-advise-stylelist-slide .advise-slide-layer .flip-slide .container {
    min-height: 50px;
    margin-top: 30px;
  }
  .interior-advise-stylelist-slide .advise-slide-layer .flip-slide .block {
    min-height: 430px;
    margin-right: 66px;
  }
  .interior-advise-stylelist-slide .advise-slide-layer .flip-slide .block.b-2 {
    top: 16px;
  }
  .interior-advise-stylelist-slide .advise-slide-layer .flip-slide .block .item img {
    height: 320px;
  }
  .interior-advise-stylelist-slide .advise-slide-layer .flip-slide .block h2,
  .interior-advise-stylelist-slide .advise-slide-layer .flip-slide .block h4 {
    font-size: 24px;
    margin-top: 372px;
    left: 32px;
  }
  .interior-advise-stylelist-slide .advise-slide-layer .flip-slide .block span {
    top: 354px;
    left: 32px;
  }
  .interior-advise-stylelist-slide .advise-slide-layer .flip-slide .block p {
    margin-top: 28px;
    left: 32px;
    max-width: 278px;
  }
  .interior-advise-stylelist-slide .advise-slide-layer .flip-slide .slide-bullets {
    top: auto;
    bottom: 20px;
    display: none;
  }
  .interior-advise-stylelist-slide .advise-slide-layer .flip-slide .slide-nav {
    display: block;
    top: 0;
    right: 0;
    width: 200px;
    height: 50px;
  }
  .interior-advise-stylelist-slide .advise-slide-layer .flip-slide .slide-nav.vertical .slide-nav-box {
    right: 28px;
    bottom: 10px;
  }
  .interior-advise-stylelist-slide .advise-slide-layer .flip-slide .slide-nav.vertical .slide-nav-box .circle-bt {
    width: 42px;
    height: 42px;
  }
  .interior-advise-stylelist-slide .bg-pattern {
    transform: translate(272px, 0px);
  }
  .interior-advise-stylelist-slide .bg-pattern .icon-bg svg {
    transform: scale(0.8);
  }
}
@media screen and (max-width: 767px) {
  .interior-advise-stylelist-slide {
    min-height: 1124px;
    padding-top: 68px;
  }
  .interior-advise-stylelist-slide .container {
    padding-right: 32px;
    padding-left: 32px;
    max-width: 100%;
  }
  .interior-advise-stylelist-slide .advise-slide-layer {
    min-height: 715px;
  }
  .interior-advise-stylelist-slide .bg-pattern {
    top: -82px;
    transform: translate(94px, 0px);
  }
  .interior-advise-stylelist-slide .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 640px) {
  .interior-advise-stylelist-slide:before {
    top: 220px;
    width: 170px;
    height: 840px;
  }
  .interior-advise-stylelist-slide .advise-title {
    margin-bottom: 36px;
  }
  .interior-advise-stylelist-slide .advise-title .title-txt {
    margin-bottom: 2px;
  }
  .interior-advise-stylelist-slide .advise-title .title-txt p,
  .interior-advise-stylelist-slide .advise-title .title-txt h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .interior-advise-stylelist-slide .advise-slide-layer {
    width: 1170px;
  }
  .interior-advise-stylelist-slide .advise-slide-layer .flip-slide .slide-container {
    min-height: 578px;
    margin-left: 410px;
  }
  .interior-advise-stylelist-slide .advise-slide-layer .flip-slide .block .item img {
    max-width: 350px;
    height: 350px;
  }
  .interior-advise-stylelist-slide .advise-slide-layer .flip-slide .block h2,
  .interior-advise-stylelist-slide .advise-slide-layer .flip-slide .block h4 {
    font-size: 24px;
    left: 32px;
    margin-top: 396px;
  }
  .interior-advise-stylelist-slide .advise-slide-layer .flip-slide .block span {
    top: 382px;
    left: 32px;
  }
  .interior-advise-stylelist-slide .advise-slide-layer .flip-slide .block p {
    margin-top: 30px;
    left: 32px;
  }
  .interior-advise-stylelist-slide .advise-slide-layer .flip-slide .slide-nav {
    height: 42px;
  }
  .interior-advise-stylelist-slide .advise-slide-layer .flip-slide .slide-nav.vertical .slide-nav-box .circle-bt {
    width: 42px;
    height: 42px;
  }
}
.descriptions-set {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100%;
  flex-flow: column wrap;
  max-height: 100%;
}
.descriptions-set.interior-advise .description-text .text-box {
  max-width: 340px;
}
.descriptions-set.interior-advise .description-text .text-box .desc-txt p {
  -webkit-line-clamp: unset;
}
.descriptions-set .description-text {
  order: 2;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 34px 28px;
  max-width: 784px;
  margin: 0 auto;
}
.descriptions-set .description-text .text-box {
  max-width: 332px;
  padding: 0px 8px;
}
.descriptions-set .description-text .text-box .head-txt {
  margin-bottom: 18px;
}
.descriptions-set .description-text .text-box .head-txt p {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #111c1c;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.descriptions-set .description-text .text-box .desc-txt {
  margin-bottom: 16px;
}
.descriptions-set .description-text .text-box .desc-txt p {
  font-size: 16px;
  line-height: 24px;
  color: #2e2e2e;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.descriptions-set .description-bt-set {
  order: 2;
  width: 47%;
  padding-left: 132px;
}
.descriptions-set .scroll-down-button {
  width: 100%;
  height: 50px;
  cursor: pointer;
  position: relative;
  padding-left: 40px;
  margin-top: 16px;
  display: inline-block;
}
.descriptions-set .scroll-down-button .scroll-container-box {
  display: grid;
  grid-template-columns: 50px 1fr;
  align-items: center;
  width: fit-content;
}
.descriptions-set .scroll-down-button .scroll-container-box .circle-bt {
  width: 50px;
  position: relative;
}
.descriptions-set .scroll-down-button p {
  padding-left: 16px;
  font-size: 16px;
}

@media screen and (max-width: 1024px) {
  .descriptions-set.interior-advise .description-text {
    padding: 34px 0px;
  }
  .descriptions-set.interior-advise .description-text .text-box {
    padding: 0px;
  }
  .descriptions-set .description-text {
    padding: 34px 24px;
  }
  .descriptions-set .description-text .text-box {
    max-width: 334px;
  }
  .descriptions-set .description-text .text-box .desc-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .descriptions-set .scroll-down-button {
    height: 40px;
    padding-left: 46px;
    margin-top: 14px;
  }
  .descriptions-set .scroll-down-button .scroll-container-box {
    grid-template-columns: 40px 1fr;
  }
  .descriptions-set .scroll-down-button .scroll-container-box .circle-bt {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 899px) {
  .descriptions-set.interior-advise .description-text .text-box {
    max-width: 294px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .descriptions-set.interior-advise {
    margin-bottom: 4px;
    max-height: 100%;
  }
  .descriptions-set.interior-advise .description-text {
    padding: 0px;
  }
  .descriptions-set.interior-advise .description-text .text-box {
    margin: 0 auto;
    margin-bottom: 16px;
    padding: 0px;
  }
  .descriptions-set .description-text {
    padding: 15px 24px;
    flex-flow: row wrap;
    text-align: center;
  }
  .descriptions-set .description-text .text-box {
    margin-bottom: 16px;
    padding: 0px;
  }
  .descriptions-set .scroll-down-button {
    padding-left: 56px;
  }
}
@media screen and (max-width: 360px) {
  .descriptions-set .scroll-down-button {
    padding-left: 0px;
  }
}
.application-box {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 850px;
  padding-top: 106px;
}
.application-box h1 {
  text-align: center;
}
.application-box.interior-advise {
  min-height: auto;
  padding-top: 0px;
}
.application-box.interior-advise .application-footer {
  padding: 26px 0px 62px;
  flex-direction: column;
  height: 256px;
}
.application-box.interior-advise .application-footer .title {
  margin: 0px;
  margin-bottom: 16px;
}
.application-box.interior-advise .application-footer .title p,
.application-box.interior-advise .application-footer .title h2 {
  font-size: 24px;
}
.application-box.contact-page, .application-box.magazine-page {
  padding-top: 60px;
  min-height: initial;
}
.application-box.contact-page .application-form .container, .application-box.magazine-page .application-form .container {
  position: relative;
}
.application-box.contact-page .application-form .scroll-down-button, .application-box.magazine-page .application-form .scroll-down-button {
  position: absolute;
  right: 0;
  bottom: 128px;
}
.application-box.contact-page .application-form .scroll-down-button p, .application-box.magazine-page .application-form .scroll-down-button p {
  color: rgba(77, 85, 85, 0.75);
}
.application-box.contact-page .application-footer, .application-box.magazine-page .application-footer {
  min-height: 208px;
  height: auto;
}
.application-box.contact-page .application-footer .footer-box, .application-box.magazine-page .application-footer .footer-box {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  min-height: 50px;
  display: flex;
  padding: 20px 0px;
}
.application-box.contact-page .application-footer .footer-box .footer-set-icon, .application-box.magazine-page .application-footer .footer-box .footer-set-icon {
  width: 82%;
  max-width: 886px;
  position: relative;
}
.application-box.contact-page .application-footer .footer-box .footer-set-icon:before, .application-box.magazine-page .application-footer .footer-box .footer-set-icon:before {
  content: "";
  width: 1px;
  height: 50px;
  background-color: #a0a4a4;
  position: absolute;
  right: 0;
  top: 0;
}
.application-box.contact-page .application-footer .footer-box .footer-set-icon .display-contact-boxs, .application-box.magazine-page .application-footer .footer-box .footer-set-icon .display-contact-boxs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 50px;
  min-height: 50px;
  height: auto;
  padding: 0px;
}
.application-box.contact-page .application-footer .footer-box .footer-set-icon .display-contact-boxs .display-contact-box, .application-box.magazine-page .application-footer .footer-box .footer-set-icon .display-contact-boxs .display-contact-box {
  margin-bottom: 0px;
  place-content: center;
}
.application-box.contact-page .application-footer .footer-box .footer-set-icon .display-contact-boxs .display-contact-box .title, .application-box.magazine-page .application-footer .footer-box .footer-set-icon .display-contact-boxs .display-contact-box .title {
  margin: 0;
  color: #ffffff;
}
.application-box.contact-page .application-footer .footer-box .footer-set-icon .display-contact-boxs .display-contact-box .contact-box-icon, .application-box.magazine-page .application-footer .footer-box .footer-set-icon .display-contact-boxs .display-contact-box .contact-box-icon {
  margin-top: 8px;
  background-color: #ffffff;
}
.application-box.contact-page .application-footer .footer-box .footer-set-social, .application-box.magazine-page .application-footer .footer-box .footer-set-social {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 18%;
}
.application-box.contact-page .application-footer .footer-box .footer-set-social .social-box, .application-box.magazine-page .application-footer .footer-box .footer-set-social .social-box {
  display: flex;
  flex-flow: row wrap;
  padding-top: 4px;
}
.application-box.contact-page .application-footer .footer-box .footer-set-social .social-box .social-nav, .application-box.magazine-page .application-footer .footer-box .footer-set-social .social-box .social-nav {
  padding-right: 25px;
}
.application-box.contact-page .application-footer .footer-box .footer-set-social .social-box .social-nav:last-child, .application-box.magazine-page .application-footer .footer-box .footer-set-social .social-box .social-nav:last-child {
  padding-right: 0px;
}
.application-box.magazine-page {
  padding-top: 36px;
}
.application-box.magazine-page .application-form .title-set {
  width: 100%;
  max-width: 710px;
  text-align: center;
}
.application-box.magazine-page .application-form .title-set .desc-txt {
  text-align: center;
}
.application-box.magazine-page .application-form .form-set-grid {
  grid-column-gap: 48px;
  grid-row-gap: 0px;
  margin-bottom: 28px;
}
.application-box.magazine-page .application-form .form-set-grid .grid-form:nth-last-child(2), .application-box.magazine-page .application-form .form-set-grid .grid-form:last-child {
  grid-column: 1/3;
}
.application-box.magazine-page .application-form .form-set-grid .grid-form:last-child .form-block .form-input {
  display: flex;
  gap: 10px;
}
.application-box.magazine-page .application-form .form-set-grid .grid-form:last-child .form-block .check-box {
  margin-left: 22px;
  width: 20px;
  height: 20px;
  border: 1px solid #111c1c;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.application-box.magazine-page .application-form .form-set-grid .grid-form:last-child .form-block .check-box.active {
  background-color: #e4b760;
  border: 1px solid #e4b760;
}
.application-box.magazine-page .application-form .form-set-grid .grid-form:last-child .form-block .check-box.active .icon-check::after {
  width: 20px;
  height: 20px;
  content: " ";
  position: absolute;
  width: 2px;
  height: 6px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.application-box.magazine-page .application-form .form-set-grid .grid-form:last-child .form-block .checkbox-label {
  margin: auto 0;
  font-weight: 600;
  font-size: 14px;
  color: #000000;
}
.application-box.magazine-page .application-form.ac-subscribed {
  margin-bottom: 128px;
}
.application-box.magazine-page .application-form.ac-subscribed .form-set-grid {
  margin-bottom: 12px;
}
.application-box.magazine-page .application-form.ac-subscribed .form-set-grid .grid-form .form-input {
  align-items: center;
  justify-content: center;
}
.application-box.magazine-page .application-form.ac-subscribed .form-set-grid .grid-form .form-input .check-box {
  margin-left: 0;
}
.application-box.magazine-page .application-form.ac-subscribed .form-bt-set .bt-view {
  min-width: 282px;
}
.application-box.contact-page .application-form .form-set-grid {
  grid-column-gap: 48px;
  grid-row-gap: unset;
}
.application-box.contact-page .application-form .form-set-grid .grid-form:last-child {
  grid-column: 1/3;
}
.application-box.interior-advise-form-app {
  min-height: auto;
  padding: 0px;
}
.application-box.interior-advise-form-app .application-form .form-set-mail {
  margin: 0 auto;
  margin-bottom: 68px;
}
.application-box.interior-advise-form-app .application-form .form-input input {
  height: 56px;
  border-radius: 4px;
  transition: all 0.3s;
}
.application-box.interior-advise-form-app .application-form .form-input input::placeholder {
  color: #aeb2b2;
}
.application-box.interior-advise-form-app .application-form .form-bt-set .bt-view {
  padding: 0px 32px;
}
.application-box.interior-advise-form-app .application-form .form-bt-set .bt-view.disabled {
  color: #e4b760;
  pointer-events: none;
}
.application-box.interior-advise-form-app .application-footer {
  min-height: 238px;
  height: auto;
  flex-direction: column;
}
.application-box.interior-advise-form-app .application-footer .text-box p {
  display: inline-block;
}
.application-box .application-form .title-set {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  margin-bottom: 62px;
  width: fit-content;
  max-width: 100%;
}
.application-box .application-form .title-set .title-txt p,
.application-box .application-form .title-set .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.application-box .application-form .title-set .desc-txt {
  text-align: center;
}
.application-box .application-form .title-set .desc-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
}
.application-box .application-form .form-set {
  max-width: 768px;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}
.application-box .application-form .form-set .form-block {
  width: 47%;
  margin-bottom: 22px;
}
.application-box .application-form .form-set .fs {
  max-width: 780px;
  overflow: auto;
  overflow-x: hidden;
  padding: 0px 10px 10px 0px;
}
.application-box .application-form .form-set .fs .title {
  padding: 0 12px;
  word-break: break-word;
}
.application-box .application-form .form-set .fs .form-block {
  width: 100%;
}
.application-box .application-form .form-set-grid {
  max-width: 1010px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 48px;
  margin: 0 auto;
  margin-bottom: 36px;
}
.application-box .application-form .form-set-grid .form-block {
  margin-bottom: 24px;
}
.application-box .application-form .form-set-grid .form-block .form-input textarea {
  height: 178px;
  padding: 24px;
}
.application-box .application-form .form-set-grid .form-block .form-label {
  margin-bottom: 8px;
}
.application-box .application-form .form-bt-set .message-sent {
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  color: #e4b760;
  margin: 20px 0;
  display: none;
}
.application-box .application-form .form-set-mail {
  max-width: 480px;
  margin: 0 auto;
}
.application-box .application-form .form-set-mail .form-block.invalid .form-validate {
  padding-left: 24px;
}
.application-box .application-form .form-set-mail .form-block.invalid .form-validate .txt {
  display: block;
  opacity: 1;
}
.application-box .application-form .form-set-mail .form-block.invalid .form-input input {
  border: 1px solid #ff0100;
}
.application-box .application-form .form-set-mail .form-block.invalid-check .form-check-validate {
  justify-content: center;
}
.application-box .application-form .form-set-mail .form-block.invalid-check .form-check-validate .txt {
  display: block;
  opacity: 1;
}
.application-box .application-form .form-set-mail .form-block.invalid-check .cond-check.invalid {
  border: 1px solid #c52626;
}
.application-box .application-form .form-set-mail .form-block.success .form-validate {
  justify-content: center;
}
.application-box .application-form .form-set-mail .form-block.success .form-validate .txt {
  display: block;
  opacity: 1;
  color: #111c1c;
}
.application-box .application-form .form-set-mail .form-block .form-validate,
.application-box .application-form .form-set-mail .form-block .form-check-validate {
  height: 32px;
  display: flex;
  align-items: center;
}
.application-box .application-form .form-set-mail .form-block .form-validate .txt,
.application-box .application-form .form-set-mail .form-block .form-check-validate .txt {
  color: #c52626;
  opacity: 0;
  transition: all 0.3s;
  display: none;
}
.application-box .application-footer {
  width: 100%;
  height: 238px;
  background-color: #405954;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -32px;
}
.application-box .application-footer .title {
  margin: 14px 0;
  color: #fff;
}
.application-box .application-footer .title p,
.application-box .application-footer .title h2,
.application-box .application-footer .title .footer-title {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
.application-box .application-footer .text-box {
  max-width: 326px;
  color: #a0a4a4;
}
.application-box .application-footer .text-box p {
  font-size: 12px;
  line-height: 20px;
  color: #a0a4a4;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.application-box.success .application-form .form-bt-set .message-sent {
  display: block;
}
.application-box.success .application-form .form-bt-set .bt-view {
  cursor: not-allowed;
  pointer-events: none;
}

.showroom-page .application-box .application-footer {
  min-height: 238px;
  height: auto;
  flex-direction: column;
}
.showroom-page .application-box .application-footer .text-box p {
  display: inline-block;
}

.collaborate-page .application-box {
  min-height: 0;
}
.collaborate-page .application-box .title {
  padding: 0 24px;
}
.collaborate-page .application-box .title.np {
  padding: 0;
}
.collaborate-page .application-box .title h1 {
  text-align: center;
  font-size: 36px;
}
.collaborate-page .application-box .title .sub-txt p {
  color: rgb(122, 127, 127);
  text-align: center;
  font-size: 14px;
}
.collaborate-page .application-box .form-set {
  position: fixed;
  flex-flow: column;
  flex-direction: column;
  right: -365px;
  top: 0;
  z-index: 1;
  background-color: #fff;
  height: 100%;
  width: 360px;
  z-index: 5;
  transition: all ease-in-out 0.35s;
  padding: 0 32px;
  border-left: 1px solid rgb(236, 236, 236);
  justify-content: start;
  padding-top: 96px;
}
.collaborate-page .application-box .form-set.active {
  right: 0;
}
.collaborate-page .application-box .form-set .smt {
  padding-left: 12px;
}
.collaborate-page .application-box .form-set h2 {
  font-size: 28px;
  margin-bottom: 2px;
}
.collaborate-page .application-box .form-set p {
  margin-bottom: 48px;
  color: rgb(77, 86, 85);
}
.collaborate-page .application-box .form-set .form-block {
  width: 100%;
  justify-content: stretch;
  margin-bottom: 24px;
}
.collaborate-page .application-box .form-set .form-block .form-label {
  margin-bottom: 4px;
}
.collaborate-page .application-box .form-set .form-block .form-label p {
  margin-bottom: 0;
  color: #000;
}
.collaborate-page .application-box .form-set .form-block .form-select .select-down {
  top: 16px;
}
.collaborate-page .application-box .form-set .form-block input {
  height: 36px;
  border-radius: 4px;
  font-size: 12px;
}
.collaborate-page .application-box .form-set .form-block select {
  height: 36px;
  font-size: 12px;
}
.collaborate-page .application-box .form-set .actions {
  width: 100%;
  text-align: center;
}
.collaborate-page .application-box .form-set .actions.abs {
  position: absolute;
  left: 64px;
  bottom: 56px;
  text-align: left;
}
.collaborate-page .application-box .form-set .actions .link-bt {
  background-color: transparent;
  padding: 4px;
  cursor: pointer;
  color: #000;
  display: inline-block;
  border-radius: 0;
  height: auto;
  overflow: visible;
}
.collaborate-page .application-box .form-set .actions .link-bt.bt-cancel {
  opacity: 0.7;
}
.collaborate-page .application-box .form-set .actions .link-bt.disabled {
  opacity: 0.3;
  cursor: default;
}
.collaborate-page .application-box .form-set .actions .sep {
  display: inline-block;
  border-left: 1px solid rgb(208, 209, 211);
  width: 1px;
  height: 18px;
  display: inline-block;
  margin: 0 32px;
}
.collaborate-page .application-box .form-set .success-message {
  width: 70%;
}
.collaborate-page .application-box .form-set .success-message p {
  color: #000;
}
.collaborate-page .application-box .steps {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  max-width: 1226px;
  margin: 0 auto;
  padding-bottom: 48px;
}
.collaborate-page .application-box .steps .step {
  display: inline-block;
  flex: calc(33.333% - 48px);
  position: relative;
  padding: 24px 0 32px 0;
  margin-bottom: 24px;
  margin-right: 48px;
  max-width: calc(33.333% - 48px);
}
.collaborate-page .application-box .steps .step::after {
  content: " ";
  position: absolute;
  height: 100%;
  width: 75%;
  top: 0;
  right: -24px;
  background-color: rgb(248, 247, 243);
  border-radius: 5px;
  z-index: -1;
}
.collaborate-page .application-box .steps .step h4 {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 14px;
}
.collaborate-page .application-box .steps .step h4 .ico {
  width: 32px;
  height: 32px;
  border: 1px solid #000;
  border-radius: 50%;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
}
.collaborate-page .application-box .steps .step h4 .ico svg {
  width: 18px;
  height: 18px;
  position: relative;
  left: 0.5px;
}
.collaborate-page .application-box .steps .step h4 .ico svg.acc {
  width: 15px;
  height: 15px;
}
.collaborate-page .application-box .steps .step h4 .ico svg.send {
  width: 13px;
  height: 13px;
}
.collaborate-page .application-box .steps .step p {
  padding-left: 44px;
  font-size: 14px;
  line-height: 1.4;
}
.collaborate-page .application-box .bt-open {
  overflow: hidden;
  height: 64px;
  padding: 0px 32px;
  background-color: #e4b760;
  border-radius: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  transition: all 0.5s ease-out;
  cursor: pointer;
  position: relative;
  color: #fff;
}

@media screen and (max-width: 1479px) {
  .collaborate-page .application-box .steps {
    max-width: 960px;
  }
}
@media screen and (max-width: 1199px) {
  .collaborate-page .application-box .steps {
    max-width: 890px;
  }
  .collaborate-page .application-box .steps .step {
    flex: calc(50% - 48px);
    max-width: calc(50% - 48px);
  }
}
@media screen and (max-width: 1024px) {
  .application-box.contact-page, .application-box.magazine-page {
    padding-top: 16px;
  }
  .application-box.contact-page .application-form .form-bt-set .bt-view, .application-box.magazine-page .application-form .form-bt-set .bt-view {
    padding: 0px 32px;
  }
  .application-box.contact-page .application-footer, .application-box.magazine-page .application-footer {
    padding: 58px 0px 40px;
  }
  .application-box.contact-page .application-footer .footer-box, .application-box.magazine-page .application-footer .footer-box {
    flex-direction: column;
  }
  .application-box.contact-page .application-footer .footer-box .footer-set-icon, .application-box.magazine-page .application-footer .footer-box .footer-set-icon {
    width: 100%;
    max-width: 610px;
    margin: 0 auto;
    padding-bottom: 24px;
  }
  .application-box.contact-page .application-footer .footer-box .footer-set-icon:before, .application-box.magazine-page .application-footer .footer-box .footer-set-icon:before {
    content: "";
    width: 260px;
    height: 1px;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0px);
  }
  .application-box.contact-page .application-footer .footer-box .footer-set-social, .application-box.magazine-page .application-footer .footer-box .footer-set-social {
    justify-content: center;
    width: 100%;
    padding-top: 30px;
  }
  .application-box.magazine-page .application-form .form-set-grid {
    max-width: 624px;
    grid-column-gap: 48px;
    margin-bottom: 22px;
  }
  .application-box.magazine-page .application-form .title-set {
    margin-bottom: 44px;
  }
  .application-box.magazine-page .application-form .title-set .desc-txt {
    padding-left: 16px;
  }
  .application-box.contact-page .application-form .form-set-grid {
    grid-column-gap: 32px;
    grid-row-gap: unset;
  }
  .application-box.interior-advise-form-app .application-form .form-set-mail {
    margin-bottom: 44px;
  }
  .application-box .application-form .form-set-grid {
    max-width: 610px;
    grid-gap: 32px;
    margin-bottom: 22px;
  }
  .application-box .application-form .form-set-grid .form-block {
    margin-bottom: 22px;
  }
  .application-box .application-form .form-set-grid .form-block .form-select select {
    font-size: 14px;
    height: 48px;
  }
  .application-box .application-form .form-set-grid .form-block .form-select .select-down {
    top: 20px;
  }
  .application-box .application-form .form-set-grid .form-block .form-input input,
  .application-box .application-form .form-set-grid .form-block .form-input .file-upload {
    font-size: 14px;
    height: 48px;
  }
  .application-box .application-form .form-set-grid .form-block .form-input textarea {
    height: 146px;
    padding: 16px 22px;
    font-size: 14px;
  }
  .application-box .application-form .title-set .title-txt h2 {
    font-size: 40px;
    line-height: 52px;
  }
}
@media screen and (max-width: 834px) {
  .collaborate-page .application-box .steps {
    max-width: 768px;
  }
}
@media screen and (max-width: 834px) {
  .application-box {
    min-height: 754px;
    padding-top: 64px;
  }
  .application-box .application-form .title-set {
    margin-bottom: 48px;
  }
  .application-box .application-form .title-set .title-txt p {
    font-size: 40px;
    line-height: 52px;
  }
  .application-box .application-form .title-set .desc-txt {
    text-align: left;
  }
  .application-box .application-form .title-set .desc-txt p {
    font-size: 14px;
  }
  .application-box .application-form .form-set {
    max-width: 624px;
    margin-bottom: 20px;
  }
  .application-box .application-form .form-set .form-block {
    width: 46%;
  }
  .application-box .application-form .form-set .form-block .form-label {
    margin-bottom: 8px;
  }
  .application-box .application-form .form-set .form-block .form-input input {
    height: 48px;
    font-size: 14px;
  }
  .application-box .application-form .form-set .form-block .form-select select {
    font-size: 16px;
    height: 48px;
  }
  .application-box .application-form .form-set .form-block .form-select .select-down {
    right: 24px;
    top: 20px;
  }
  .application-box .application-form .form-bt-set .bt-view {
    padding: 0px 90px;
  }
  .application-box .application-footer {
    height: 220px;
  }
  .application-box .application-footer .text-box {
    margin-top: 0px;
  }
}
@media screen and (max-width: 767px) {
  .application-box {
    min-height: 100%;
    padding-top: 48px;
  }
  .application-box.contact-page, .application-box.magazine-page {
    padding-top: 16px;
  }
  .application-box.contact-page .application-footer, .application-box.magazine-page .application-footer {
    padding: 62px 0px 40px;
  }
  .application-box.contact-page .application-footer .footer-box .footer-set-icon, .application-box.magazine-page .application-footer .footer-box .footer-set-icon {
    padding-bottom: 44px;
  }
  .application-box.contact-page .application-footer .footer-box .footer-set-icon .display-contact-boxs, .application-box.magazine-page .application-footer .footer-box .footer-set-icon .display-contact-boxs {
    grid-template-columns: 1fr;
    grid-gap: 42px;
    margin: 0px 64px;
  }
  .application-box.contact-page .application-footer .footer-box .footer-set-social, .application-box.magazine-page .application-footer .footer-box .footer-set-social {
    padding-top: 46px;
  }
  .application-box.magazine-page {
    padding-top: 2px;
  }
  .application-box.magazine-page .application-form .title-set .title-txt {
    padding-left: 18px;
  }
  .application-box.magazine-page .application-form .title-set .desc-txt {
    padding-left: 0px;
  }
  .application-box.magazine-page .application-form .form-set-grid {
    grid-column-gap: 22px;
  }
  .application-box.magazine-page .application-form .form-set-grid .grid-form:nth-last-child(2), .application-box.magazine-page .application-form .form-set-grid .grid-form:last-child {
    grid-column: 1/1;
  }
  .application-box.contact-page .application-form .form-set-grid {
    grid-column-gap: 0;
    grid-row-gap: unset;
  }
  .application-box.contact-page .application-form .form-set-grid .grid-form:last-child {
    grid-column: 1/1;
  }
  .application-box.interior-advise-form-app .container {
    padding: 0px 32px;
  }
  .application-box .container {
    padding-right: 0px;
    padding-left: 0px;
  }
  .application-box .application-form .title-set {
    padding: 0px 64px;
  }
  .application-box .application-form .title-set .title-txt p,
  .application-box .application-form .title-set .title-txt h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .application-box .application-form .title-set .desc-txt {
    text-align: left;
  }
  .application-box .application-form .form-set {
    max-width: 334px;
    margin-bottom: 16px;
  }
  .application-box .application-form .form-set .form-block {
    width: 100%;
    margin-bottom: 20px;
  }
  .application-box .application-form .form-set .form-block:nth-child(1) {
    order: 1;
  }
  .application-box .application-form .form-set .form-block:nth-child(2) {
    order: 4;
  }
  .application-box .application-form .form-set .form-block:nth-child(3) {
    order: 2;
  }
  .application-box .application-form .form-set .form-block:nth-child(4) {
    order: 5;
  }
  .application-box .application-form .form-set .form-block:nth-child(5) {
    order: 3;
  }
  .application-box .application-form .form-set .form-block:nth-child(6) {
    order: 6;
  }
  .application-box .application-form .form-set-grid {
    grid-gap: 0px;
    margin-bottom: 22px;
    grid-template-columns: 1fr;
    margin: 0px 40px;
  }
  .application-box .application-form .form-bt-set .bt-view {
    padding: 0px 32px;
  }
  .application-box .application-footer {
    height: 188px;
    margin-top: -32px;
  }
  .collaborate-page .application-box .application-form .title-set {
    padding: 0;
  }
  .collaborate-page .application-box .steps {
    max-width: 768px;
    padding-left: 64px;
    padding-right: 96px;
  }
  .collaborate-page .application-box .steps .step {
    flex: 100%;
    max-width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 400px) {
  .application-box.magazine-page .application-form .title-set {
    padding: 0px 32px;
  }
  .application-box.magazine-page .application-form .title-set .title-txt {
    padding-left: 0px;
  }
}
.blog-detail-intro {
  position: relative;
  width: 100%;
  padding-top: 16px;
}
.blog-detail-intro:before {
  content: " ";
  position: absolute;
  top: 226px;
  left: 0;
  width: 38%;
  height: 712px;
  background-color: #f8f7f4;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: -1;
}
.blog-detail-intro.detail-layout-3 .blog-image-grid .set-product {
  display: none;
}
.blog-detail-intro.detail-layout-3 .blog-image-grid .set-image {
  padding-bottom: 110px;
}
.blog-detail-intro.detail-layout-3 .blog-image-grid .set-bt .bt-icon {
  margin-right: 82px;
}
.blog-detail-intro.detail-layout-3 .blog-image-grid .bg-pattern {
  bottom: 30px;
  transform: none;
}
.blog-detail-intro.detail-layout-4:before {
  top: 194px;
  height: 756px;
}
.blog-detail-intro.detail-layout-4 .blog-image-grid .set-product,
.blog-detail-intro.detail-layout-4 .blog-image-grid .set-bt {
  display: none;
}
.blog-detail-intro.detail-layout-5 {
  padding-top: 136px;
}
.blog-detail-intro.detail-layout-5:before {
  top: 344px;
  height: 1746px;
}
.blog-detail-intro.detail-layout-5 .blog-detail-grid {
  margin-bottom: 94px;
}
.blog-detail-intro .container {
  position: relative;
}
.blog-detail-intro .blog-profile {
  position: absolute;
  left: 48px;
  top: -8px;
  display: grid;
  grid-template-columns: 64px auto;
  grid-gap: 16px;
  margin-bottom: 50px;
}
.blog-detail-intro .blog-profile.profilte-large {
  position: relative;
  left: 0;
  top: 0;
  grid-template-columns: 80px auto;
  grid-gap: 26px;
}
.blog-detail-intro .blog-profile.profilte-large .profile-img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
}
.blog-detail-intro .blog-profile.profilte-large .profile-img img {
  width: 80px;
  height: 80px;
}
.blog-detail-intro .blog-profile.profilte-large .profile-txt .txt-box {
  padding: 12px 0px;
}
.blog-detail-intro .blog-profile.profilte-large .profile-txt .txt-box .head p,
.blog-detail-intro .blog-profile.profilte-large .profile-txt .txt-box .head h2 {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
}
.blog-detail-intro .blog-profile.profilte-large .profile-txt .txt-box .desc p {
  font-size: 16px;
  line-height: 20px;
}
.blog-detail-intro .blog-profile .profile-img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
}
.blog-detail-intro .blog-profile .profile-img img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  mix-blend-mode: multiply;
}
.blog-detail-intro .blog-profile .profile-txt .txt-box {
  padding: 14px 0px;
}
.blog-detail-intro .blog-profile .profile-txt .txt-box .head p,
.blog-detail-intro .blog-profile .profile-txt .txt-box .head h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.blog-detail-intro .blog-profile .profile-txt .txt-box .desc p {
  color: #888d8d;
  font-size: 12px;
  line-height: 16px;
}
.blog-detail-intro .blog-detail-intro-title {
  text-align: center;
  max-width: 846px;
  margin: 0 auto;
  margin-bottom: 68px;
}
.blog-detail-intro .blog-detail-intro-title .title-txt {
  margin-bottom: 4px;
}
.blog-detail-intro .blog-detail-intro-title .title-txt p,
.blog-detail-intro .blog-detail-intro-title .title-txt h1,
.blog-detail-intro .blog-detail-intro-title .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.blog-detail-intro .blog-detail-intro-title .desc-txt {
  width: fit-content;
  display: inline-block;
}
.blog-detail-intro .blog-detail-intro-title .desc-txt p,
.blog-detail-intro .blog-detail-intro-title .desc-txt h2 {
  font-weight: 500;
  color: rgba(77, 85, 85, 0.75);
  font-size: 16px;
  line-height: 16px;
}
.blog-detail-intro .blog-detail-intro-title .desc-txt p .line-through,
.blog-detail-intro .blog-detail-intro-title .desc-txt h2 .line-through {
  text-decoration: line-through;
}
.blog-detail-intro .blog-detail-grid {
  margin-bottom: 64px;
}

.edit .blog-detail-intro .blog-profile {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
}
.edit .blog-detail-intro .blog-profile .profile-img,
.edit .blog-detail-intro .blog-profile .profile-txt {
  display: inline-block;
}

@media screen and (max-width: 1479px) {
  .blog-detail-intro .blog-profile {
    position: relative;
  }
}
@media screen and (max-width: 1024px) {
  .blog-detail-intro {
    padding-top: 12px;
  }
  .blog-detail-intro:before {
    top: 168px;
    width: 324px;
    height: 866px;
  }
  .blog-detail-intro.detail-layout-3 {
    padding-top: 44px;
  }
  .blog-detail-intro.detail-layout-3:before {
    top: 210px;
    width: 324px;
    height: 866px;
  }
  .blog-detail-intro.detail-layout-3 .blog-detail-intro-title {
    margin-bottom: 34px;
  }
  .blog-detail-intro.detail-layout-3 .blog-detail-grid {
    margin-bottom: 62px;
  }
  .blog-detail-intro.detail-layout-3 .blog-image-grid .set-image {
    padding-bottom: 16px;
  }
  .blog-detail-intro.detail-layout-3 .blog-image-grid .set-bt .bt-icon {
    margin-right: 82px;
    margin: 0px;
  }
  .blog-detail-intro.detail-layout-3 .blog-image-grid .bg-pattern {
    bottom: 10px;
    left: -50px;
  }
  .blog-detail-intro.detail-layout-4:before {
    top: 188px;
    height: 592px;
  }
  .blog-detail-intro.detail-layout-4 .blog-detail-intro-title {
    margin-bottom: 50px;
  }
  .blog-detail-intro.detail-layout-5 {
    padding-top: 98px;
  }
  .blog-detail-intro.detail-layout-5:before {
    top: 266px;
    height: 3016px;
  }
  .blog-detail-intro.detail-layout-5 .blog-detail-intro-title {
    margin-bottom: 36px;
  }
  .blog-detail-intro.detail-layout-5 .blog-detail-grid {
    margin-bottom: 78px;
  }
  .blog-detail-intro .blog-profile {
    display: none;
  }
  .blog-detail-intro .blog-profile.profilte-large {
    display: grid;
    top: 36px;
    grid-template-columns: 64px auto;
    grid-gap: 24px;
    margin: 0px;
  }
  .blog-detail-intro .blog-profile.profilte-large .profile-img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
  }
  .blog-detail-intro .blog-profile.profilte-large .profile-img img {
    width: 64px;
    height: 64px;
  }
  .blog-detail-intro .blog-profile.profilte-large .profile-txt .txt-box {
    padding: 8px 0px;
  }
  .blog-detail-intro .blog-profile.profilte-large .profile-txt .txt-box .head p,
  .blog-detail-intro .blog-profile.profilte-large .profile-txt .txt-box .head h2 {
    font-size: 20px;
    line-height: 30px;
  }
  .blog-detail-intro .blog-profile.profilte-large .profile-txt .txt-box .desc p {
    font-size: 14px;
    line-height: 20px;
  }
  .blog-detail-intro .blog-detail-intro-title {
    margin-bottom: 68px;
  }
  .blog-detail-intro .blog-detail-intro-title .title-txt p,
  .blog-detail-intro .blog-detail-intro-title .title-txt h1 {
    font-size: 40px;
    line-height: 50px;
  }
  .blog-detail-intro .blog-detail-intro-title .desc-txt p,
  .blog-detail-intro .blog-detail-intro-title .desc-txt h2 {
    font-size: 14px;
    line-height: 16px;
  }
  .blog-detail-intro .blog-detail-grid {
    margin-bottom: 78px;
  }
}
@media screen and (max-width: 767px) {
  .blog-detail-intro.detail-layout-3 {
    padding-top: 28px;
  }
  .blog-detail-intro.detail-layout-3:before {
    top: 190px;
    height: 562px;
  }
  .blog-detail-intro.detail-layout-3 .blog-detail-grid {
    margin-bottom: 46px;
  }
  .blog-detail-intro.detail-layout-3 .blog-detail-grid .set-bt {
    justify-content: center;
  }
  .blog-detail-intro.detail-layout-3 .blog-image-grid .bg-pattern {
    bottom: 8px;
    left: -82px;
  }
  .blog-detail-intro.detail-layout-3 .blog-image-grid .set-bt {
    justify-content: center;
  }
  .blog-detail-intro.detail-layout-4 {
    padding-top: 30px;
    padding-bottom: 70px;
  }
  .blog-detail-intro.detail-layout-4:before {
    top: 190px;
    height: 946px;
  }
  .blog-detail-intro.detail-layout-4 .blog-detail-intro-title {
    margin-bottom: 36px;
  }
  .blog-detail-intro.detail-layout-4 .blog-detail-intro-title .title-txt {
    margin-bottom: 0px;
  }
  .blog-detail-intro.detail-layout-4 .blog-profile.profilte-large {
    top: 0px;
    margin-bottom: 42px;
  }
  .blog-detail-intro.detail-layout-4 .blog-detail-grid {
    margin-bottom: 78px;
  }
  .blog-detail-intro.detail-layout-5 {
    padding-top: 66px;
  }
  .blog-detail-intro.detail-layout-5:before {
    top: 226px;
    height: 1714px;
  }
  .blog-detail-intro.detail-layout-5 .blog-detail-grid {
    margin-bottom: 44px;
  }
  .blog-detail-intro:before {
    width: 164px;
    height: 750px;
  }
  .blog-detail-intro.detail-layout-3 {
    padding-top: 28px;
  }
  .blog-detail-intro.detail-layout-3:before {
    top: 190px;
    height: 562px;
  }
  .blog-detail-intro.detail-layout-3 .blog-detail-grid {
    margin-bottom: 46px;
  }
  .blog-detail-intro.detail-layout-3 .blog-detail-grid .set-bt {
    justify-content: center;
  }
  .blog-detail-intro.detail-layout-3 .blog-image-grid .bg-pattern {
    bottom: 8px;
    left: -82px;
  }
  .blog-detail-intro.detail-layout-3 .blog-image-grid .set-bt {
    justify-content: center;
  }
  .blog-detail-intro .blog-detail-intro-title {
    margin-bottom: 36px;
  }
  .blog-detail-intro .blog-detail-intro-title .title-txt p,
  .blog-detail-intro .blog-detail-intro-title .title-txt h1 {
    font-size: 32px;
    line-height: 42px;
  }
  .blog-detail-intro .blog-detail-grid {
    margin-bottom: 34px;
  }
}
.blog-detail-description {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 168px;
}
.blog-detail-description:before {
  content: " ";
  position: absolute;
  top: 70px;
  right: 0;
  width: 38%;
  height: 1096px;
  background-color: #f8f7f4;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  z-index: -1;
}
.blog-detail-description.lower-bg::before {
  top: 120px;
}
.blog-detail-description.detail-layout-3 {
  padding-top: 118px;
}
.blog-detail-description.detail-layout-3:before {
  top: 20px;
}
.blog-detail-description.detail-layout-3 .blog-image-grid .set-product {
  display: none;
}
.blog-detail-description.detail-layout-3 .blog-image-grid .set-image {
  padding-bottom: 110px;
}
.blog-detail-description.detail-layout-3 .blog-image-grid .set-bt .scroll-down-button {
  display: none;
}
.blog-detail-description.detail-layout-3 .blog-image-grid .set-bt .bt-icon {
  margin-right: 82px;
}
.blog-detail-description.detail-layout-3 .blog-image-grid .bg-pattern {
  bottom: 30px;
}
.blog-detail-description.detail-layout-3 .how-it-made-manufacturing-slide {
  margin-bottom: 50px;
}
.blog-detail-description .blog-detail-grid {
  margin-bottom: 94px;
}

@media screen and (max-width: 1024px) {
  .blog-detail-description {
    padding-top: 80px;
  }
  .blog-detail-description.detail-layout-3 {
    padding-top: 96px;
  }
  .blog-detail-description.detail-layout-3:before {
    top: 204px;
  }
  .blog-detail-description.detail-layout-3 .blog-detail-grid {
    margin-bottom: 62px;
  }
  .blog-detail-description.detail-layout-3 .blog-image-grid .set-image {
    padding-bottom: 0px;
  }
  .blog-detail-description:before {
    top: 182px;
    width: 324px;
    height: 942px;
  }
  .blog-detail-description.detail-layout-3 {
    padding-top: 96px;
  }
  .blog-detail-description.detail-layout-3:before {
    top: 204px;
  }
  .blog-detail-description.detail-layout-3 .blog-detail-grid {
    margin-bottom: 62px;
  }
  .blog-detail-description.detail-layout-3 .blog-image-grid .set-image {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 767px) {
  .blog-detail-description {
    padding-top: 70px;
  }
  .blog-detail-description:before {
    width: 164px;
    height: 750px;
    top: 204px;
  }
  .blog-detail-description.detail-layout-3 {
    padding-top: 66px;
  }
  .blog-detail-description.detail-layout-3 .blog-detail-grid {
    margin-bottom: 76px;
  }
  .blog-detail-description .blog-detail-grid {
    margin-bottom: 74px;
  }
}
.blog-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 64px;
  margin: 0 auto;
  width: 100%;
  max-width: 846px;
}
.blog-detail-grid .text-box .head-txt {
  margin-bottom: 30px;
}
.blog-detail-grid .text-box .head-txt p,
.blog-detail-grid .text-box .head-txt h2 {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
}
.blog-detail-grid .text-box .desc-txt p {
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 1024px) {
  .blog-detail-grid {
    grid-gap: 66px;
    margin-bottom: 78px;
    max-width: 640px;
  }
  .blog-detail-grid .text-box .head-txt {
    margin-bottom: 16px;
  }
  .blog-detail-grid .text-box .head-txt p,
  .blog-detail-grid .text-box .head-txt h2 {
    font-size: 20px;
    line-height: 30px;
  }
  .blog-detail-grid .text-box .desc-txt p {
    font-size: 14px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .blog-detail-grid {
    grid-gap: 24px;
    margin-bottom: 36px;
    max-width: 274px;
    grid-template-columns: 1fr;
    text-align: left;
  }
}
.blog-image-grid {
  position: relative;
}
.blog-image-grid.col-2 {
  display: grid;
  grid-template-columns: 560px 382px;
  grid-gap: 112px;
  padding: 0px 72px;
  padding-top: 60px;
}
.blog-image-grid.col-2 .set-image .item {
  height: auto;
}
.blog-image-grid.col-2 .set-image .item .img {
  height: 400px;
}
.blog-image-grid.col-2 .bg-pattern {
  z-index: -1;
  left: 50%;
  top: 380px;
  transform: translate(-160px, 0px);
}
.blog-image-grid.col-3.more-bottom .set-bt {
  z-index: 2;
  bottom: -100px;
}
.blog-image-grid.col-3.more-bottom {
  padding-bottom: 10px;
}
.blog-image-grid.col-3 .set-image {
  grid-template-columns: 54% 21.4% 21.4%;
}
.blog-image-grid.col-3 .bg-pattern {
  bottom: 82px;
  left: 50%;
  transform: translate(198px, 0px);
}
.blog-image-grid.col-3 .set-product {
  width: 100%;
}
.blog-image-grid.col-3 .set-product .blog-product-item {
  max-width: unset;
  width: calc(25% - 9px);
}
.blog-image-grid.col-4.more-bottom .set-bt {
  z-index: 2;
  bottom: -100px;
}
.blog-image-grid.col-4.more-bottom {
  padding-bottom: 10px;
}
.blog-image-grid.col-4 .set-image {
  grid-template-columns: 46.6% 21.4% 21.4% 80px;
}
.blog-image-grid.col-4 .bg-pattern {
  bottom: 82px;
  left: 50%;
  transform: translate(198px, 0px);
}
.blog-image-grid.col-4 .set-product {
  width: 100%;
}
.blog-image-grid.col-4 .set-product .blog-product-item {
  max-width: unset;
  width: calc(25% - 9px);
}
.blog-image-grid.col-3-reverse .set-image {
  grid-template-columns: 21.4% 21.4% 54%;
}
.blog-image-grid.col-3-reverse .bg-pattern {
  bottom: 88px;
  left: 50%;
  transform: translate(-490px, 0px);
}
.blog-image-grid.col-3-reverse .set-product {
  width: 100%;
}
.blog-image-grid.col-3-reverse .set-product .blog-product-item {
  max-width: unset;
  width: calc(25% - 9px);
}
.blog-image-grid.col-4-reverse .set-image {
  grid-template-columns: 80px 21.4% 21.4% 46.6%;
}
.blog-image-grid.col-4-reverse .bg-pattern {
  bottom: 82px;
  left: 50%;
  transform: translate(-386px, 0px);
}
.blog-image-grid.col-4-reverse .set-product {
  width: 100%;
}
.blog-image-grid.col-4-reverse .set-product .blog-product-item {
  max-width: unset;
  width: calc(25% - 9px);
}
.blog-image-grid.col-4-reverse .set-bt, .blog-image-grid.col-3-reverse .set-bt {
  display: none;
}
.blog-image-grid.col-3-2-3 .set-image {
  margin-bottom: 24px;
}
.blog-image-grid.col-3-2-3 .set-image.set-1 {
  grid-template-columns: 54% 21.4% 21.4%;
}
.blog-image-grid.col-3-2-3 .set-image.set-2 {
  grid-template-columns: repeat(2, 1fr);
}
.blog-image-grid.col-3-2-3 .set-image.set-3 {
  grid-template-columns: 21.4% 21.4% 54%;
}
.blog-image-grid.col-3-2-3 .bg-pattern {
  bottom: -110px;
  left: 50%;
  transform: translate(630px, 0px);
}
.blog-image-grid .set-image {
  display: grid;
  grid-gap: 24px;
  margin-bottom: 44px;
}
.blog-image-grid .set-image .item {
  height: 480px;
  position: relative;
  overflow: hidden;
}
.blog-image-grid .set-image .item:hover .bt-cart {
  background-color: rgb(0, 0, 0);
}
.blog-image-grid .set-image .item:hover img {
  transform-origin: center center;
  transform: scale(1.05);
}
.blog-image-grid .set-image .item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: 0.3s linear;
}
.blog-image-grid .set-image .item .bt-cart {
  position: absolute;
  right: 32px;
  bottom: 32px;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.blog-image-grid .set-image .item .bt-cart:hover {
  background-color: rgb(0, 0, 0);
}
.blog-image-grid .set-image .item .bt-cart .icon-cart {
  background-color: #ffffff;
}
.blog-image-grid .set-product {
  padding: 0px 10px;
  display: flex;
  flex-wrap: wrap;
}
.blog-image-grid .set-product .blog-product-item {
  height: auto;
  min-height: 120px;
  display: grid;
  grid-template-columns: 120px 1fr;
  grid-gap: 24px;
  margin-right: 12px;
  max-width: 330px;
}
.blog-image-grid .set-product .blog-product-item:last-child {
  margin-right: 0px;
}
.blog-image-grid .set-product .blog-product-item .product-img {
  height: 120px;
}
.blog-image-grid .set-product .blog-product-item .product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
}
.blog-image-grid .set-product .blog-product-item .product-txt .slide-set-top {
  position: relative;
  min-height: 72px;
  margin-bottom: 16px;
}
.blog-image-grid .set-product .blog-product-item .product-txt .slide-set-top .title-txt {
  margin-bottom: 6px;
  position: relative;
  min-height: 44px;
}
.blog-image-grid .set-product .blog-product-item .product-txt .slide-set-top .title-txt p {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  color: #111c1c;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: relative;
  bottom: 0;
}
.blog-image-grid .set-product .blog-product-item .product-txt .slide-set-top .reviews-ratting {
  margin-bottom: 0;
}
.blog-image-grid .set-product .blog-product-item .product-txt .slide-set-top .reviews-ratting .count {
  display: none;
}
.blog-image-grid .set-product .blog-product-item .product-txt .slide-bt-box {
  display: flex;
  align-items: center;
  height: 20px;
}
.blog-image-grid .set-product .blog-product-item .product-txt .slide-bt-box .bt-save {
  width: 45px;
  height: 20px;
}
.blog-image-grid .set-product .blog-product-item .product-txt .slide-bt-box .bt-save .save p {
  display: none;
}
.blog-image-grid .set-bt {
  position: absolute;
  right: 0;
  bottom: 0px;
  display: flex;
  align-items: flex-end;
}
.blog-image-grid .set-bt .scroll-down-button {
  height: 94px;
}
.blog-image-grid .set-bt .scroll-down-button p {
  color: #9da2a3;
}
.blog-image-grid .set-bt .scroll-down-button.bt-icon {
  height: unset;
}
.blog-image-grid .set-bt .scroll-down-button.bt-icon p {
  color: #111c1c;
}
.blog-image-grid .set-bt .bt-icon {
  margin-right: 32px;
}
.blog-image-grid .set-bt .bt-icon a {
  padding: 0px;
}
.blog-image-grid .set-bt .bt-icon.tablet {
  display: none;
}
.blog-image-grid .set-text {
  position: relative;
  margin-top: 56px;
}
.blog-image-grid .set-text .text-box .head-txt {
  margin-bottom: 30px;
}
.blog-image-grid .set-text .text-box .head-txt p {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
}
.blog-image-grid .set-text .text-box .desc-txt p {
  font-size: 16px;
  line-height: 24px;
}
.blog-image-grid .bg-pattern {
  position: absolute;
  z-index: -2;
  height: fit-content;
}
.blog-image-grid .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.blog-image-grid .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1199px) {
  .blog-image-grid .set-product .blog-product-item {
    margin-right: 24px;
  }
  .blog-image-grid .set-product .blog-product-item.empty {
    display: none;
  }
  .blog-image-grid .set-product .blog-product-item:nth-child(1), .blog-image-grid .set-product .blog-product-item:nth-child(2) {
    margin-bottom: 24px;
  }
  .blog-image-grid .set-product .blog-product-item:nth-child(2), .blog-image-grid .set-product .blog-product-item:last-child {
    margin-right: 0;
  }
  .blog-image-grid.col-3 .set-product .blog-product-item {
    width: calc(50% - 12px);
  }
  .blog-image-grid.col-3-reverse .set-product .blog-product-item {
    width: calc(50% - 12px);
  }
  .blog-image-grid.col-4 .set-product .blog-product-item {
    width: calc(50% - 12px);
  }
  .blog-image-grid.col-4-reverse .set-product {
    padding-right: 0;
  }
  .blog-image-grid.col-4-reverse .set-product .blog-product-item {
    width: calc(50% - 12px);
  }
}
@media screen and (max-width: 1024px) {
  .blog-image-grid.col-2 {
    grid-template-columns: 1fr;
    grid-gap: 68px;
    padding: 0px;
  }
  .blog-image-grid.col-2 .set-image {
    margin: 0;
  }
  .blog-image-grid.col-2 .set-image .item {
    height: auto;
  }
  .blog-image-grid.col-2 .set-image .item .img {
    height: 360px;
  }
  .blog-image-grid.col-2 .set-text {
    position: relative;
    margin-top: 0px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-left: 64px;
    padding: 0px 32px;
  }
  .blog-image-grid.col-2 .set-text .text-box {
    max-width: 288px;
  }
  .blog-image-grid.col-2 .set-text .text-box .desc-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .blog-image-grid.col-2 .bg-pattern {
    transform: none;
    top: 276px;
    left: auto;
    right: -50px;
  }
  .blog-image-grid.col-3.more-bottom .set-bt {
    bottom: 0;
  }
  .blog-image-grid.col-3 .set-image {
    grid-template-columns: 1fr 1fr;
  }
  .blog-image-grid.col-3 .set-image .item:first-child {
    height: 440px;
    grid-column: 1/3;
  }
  .blog-image-grid.col-3 .bg-pattern {
    transform: none;
    left: -50px;
    bottom: -20px;
  }
  .blog-image-grid.col-3 .set-product {
    max-width: 100%;
  }
  .blog-image-grid.col-3-reverse .set-image {
    grid-template-columns: 1fr 1fr;
  }
  .blog-image-grid.col-3-reverse .set-image .item:last-child {
    height: 440px;
    grid-column: 1/3;
  }
  .blog-image-grid.col-3-reverse .bg-pattern {
    transform: none;
    top: 848px;
    left: auto;
    right: -50px;
  }
  .blog-image-grid.col-3-reverse .set-product {
    justify-content: flex-start;
    padding: 0px 32px;
    max-width: 100%;
    padding-right: 32px;
  }
  .blog-image-grid.col-4.more-bottom .set-bt {
    bottom: 0;
  }
  .blog-image-grid.col-4 .set-image {
    grid-template-columns: 1fr 1fr 80px;
  }
  .blog-image-grid.col-4 .set-image .item:first-child {
    height: 440px;
    grid-column: 1/4;
  }
  .blog-image-grid.col-4 .bg-pattern {
    left: auto;
    transform: none;
    right: -52px;
    top: -80px;
  }
  .blog-image-grid.col-4 .set-product {
    max-width: 100%;
  }
  .blog-image-grid.col-4-reverse .set-image {
    grid-template-columns: 80px 1fr 1fr;
  }
  .blog-image-grid.col-4-reverse .set-image .item:last-child {
    height: 440px;
    grid-column: 1/4;
  }
  .blog-image-grid.col-4-reverse .set-product {
    justify-content: flex-start;
    padding: 0px 32px;
    max-width: 100%;
  }
  .blog-image-grid.col-4-reverse .set-product .blog-product-item {
    width: calc(50% - 12px);
  }
  .blog-image-grid.col-4-reverse .bg-pattern {
    transform: none;
    top: 848px;
    left: auto;
    right: -50px;
  }
  .blog-image-grid.col-3-2-3 .set-image {
    margin-bottom: 24px;
  }
  .blog-image-grid.col-3-2-3 .set-image.set-1 {
    grid-template-columns: 1fr 1fr;
  }
  .blog-image-grid.col-3-2-3 .set-image.set-1 .item:first-child {
    height: 440px;
    grid-column: 1/3;
  }
  .blog-image-grid.col-3-2-3 .set-image.set-2 {
    grid-template-columns: 1fr;
  }
  .blog-image-grid.col-3-2-3 .set-image.set-2 .item {
    height: 440px;
  }
  .blog-image-grid.col-3-2-3 .set-image.set-3 {
    grid-template-columns: 1fr 1fr;
  }
  .blog-image-grid.col-3-2-3 .set-image.set-3 .item:last-child {
    height: 440px;
    grid-column: 1/3;
  }
  .blog-image-grid.col-3-2-3 .bg-pattern {
    bottom: -84px;
    left: auto;
    transform: none;
    right: -50px;
  }
  .blog-image-grid .set-image {
    padding: 0px 32px;
    margin-bottom: 32px;
  }
  .blog-image-grid .set-image .item {
    height: 468px;
  }
  .blog-image-grid .set-image .item .bt-cart {
    width: 40px;
    height: 40px;
    right: 20px;
    bottom: 20px;
  }
  .blog-image-grid .set-image .item .bt-cart .icon-cart {
    width: 18px;
    height: 15px;
  }
  .blog-image-grid .set-product {
    padding: 0px 32px;
    margin-bottom: 40px;
  }
  .blog-image-grid .set-bt {
    position: relative;
    justify-content: center;
  }
  .blog-image-grid .set-bt .bt-icon {
    height: 42px;
    margin: 0px;
  }
  .blog-image-grid .set-bt .bt-icon .icon {
    width: 42px;
    height: 42px;
  }
  .blog-image-grid .set-bt .bt-icon p,
  .blog-image-grid .set-bt .bt-icon a {
    line-height: 42px;
    font-size: 14px;
    padding-right: 0px;
  }
  .blog-image-grid .set-bt .bt-icon.tablet {
    display: flex;
  }
  .blog-image-grid .bg-pattern .icon-bg svg {
    transform: scale(0.8);
  }
}
@media screen and (max-width: 767px) {
  .blog-image-grid.col-2 {
    grid-gap: 40px;
  }
  .blog-image-grid.col-2 .set-image {
    padding: 0px;
    grid-template-columns: 1fr;
    grid-gap: 16px;
  }
  .blog-image-grid.col-2 .set-image .item .img {
    height: 264px;
  }
  .blog-image-grid.col-2 .set-text {
    grid-template-columns: 1fr;
    margin-left: 0px;
    padding: 0px 32px;
  }
  .blog-image-grid.col-2 .bg-pattern {
    top: 182px;
    right: -60px;
  }
  .blog-image-grid.col-3 .set-image {
    grid-template-columns: 1fr 1fr;
  }
  .blog-image-grid.col-3 .set-image .item {
    height: 230px;
  }
  .blog-image-grid.col-3 .set-image .item:first-child {
    height: 218px;
  }
  .blog-image-grid.col-3 .bg-pattern {
    top: auto;
    bottom: -12px;
    left: -58px;
  }
  .blog-image-grid.col-3 .set-product .blog-product-item {
    width: 100%;
  }
  .blog-image-grid.col-3-reverse .set-image {
    grid-template-columns: 1fr 1fr;
  }
  .blog-image-grid.col-3-reverse .set-image .item {
    height: 230px;
  }
  .blog-image-grid.col-3-reverse .set-image .item:last-child {
    height: 218px;
  }
  .blog-image-grid.col-3-reverse .bg-pattern {
    top: 384px;
    left: auto;
    right: -58px;
  }
  .blog-image-grid.col-3-reverse .set-product {
    padding: 0px;
  }
  .blog-image-grid.col-3-reverse .set-product .blog-product-item {
    width: 100%;
  }
  .blog-image-grid.col-4 .set-image {
    grid-template-columns: 1fr 1fr 36px;
  }
  .blog-image-grid.col-4 .set-image .item:first-child {
    height: 218px;
  }
  .blog-image-grid.col-4 .bg-pattern {
    top: auto;
    bottom: -12px;
    left: -58px;
  }
  .blog-image-grid.col-4 .set-product .blog-product-item {
    width: 100%;
  }
  .blog-image-grid.col-4-reverse .set-image {
    grid-template-columns: 36px 1fr 1fr;
  }
  .blog-image-grid.col-4-reverse .set-image .item:last-child {
    height: 218px;
  }
  .blog-image-grid.col-4-reverse .bg-pattern {
    top: 370px;
    right: -58px;
  }
  .blog-image-grid.col-4-reverse .set-product {
    padding: 0px;
  }
  .blog-image-grid.col-4-reverse .set-product .blog-product-item {
    width: 100%;
  }
  .blog-image-grid.col-3-2-3 .set-image {
    margin-bottom: 16px;
  }
  .blog-image-grid.col-3-2-3 .set-image.set-1 .item:first-child {
    height: 218px;
  }
  .blog-image-grid.col-3-2-3 .set-image.set-2 .item {
    height: 218px;
  }
  .blog-image-grid.col-3-2-3 .set-image.set-3 .item:last-child {
    height: 218px;
  }
  .blog-image-grid.col-3-2-3 .set-image .item {
    height: 230px;
  }
  .blog-image-grid.col-3-2-3 .bg-pattern {
    bottom: -84px;
    right: -84px;
  }
  .blog-image-grid .set-image {
    padding: 0px;
    grid-template-columns: 1fr 1fr 36px;
    grid-gap: 16px;
  }
  .blog-image-grid .set-image .item {
    height: 216px;
  }
  .blog-image-grid .set-image .item .bt-cart {
    right: 20px;
    bottom: 20px;
  }
  .blog-image-grid .set-product {
    padding: 0px;
    margin-bottom: 26px;
  }
  .blog-image-grid .set-product .blog-product-item {
    grid-gap: 24px;
    margin: 0px;
    margin-bottom: 36px;
    width: 100%;
    max-width: 100%;
  }
  .blog-image-grid .set-product .blog-product-item:last-child {
    margin-bottom: 0px;
  }
  .blog-image-grid .set-product .blog-product-item:nth-child(1), .blog-image-grid .set-product .blog-product-item:nth-child(2) {
    margin-bottom: 36px;
  }
  .blog-image-grid .set-product .blog-product-item .product-txt .slide-set-top {
    padding: 12px 4px;
    margin-bottom: 14px;
  }
  .blog-image-grid .set-bt {
    justify-content: flex-start;
  }
  .blog-image-grid .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 400px) {
  .blog-image-grid .set-product .blog-product-item {
    grid-gap: 16px;
    margin-bottom: 36px;
    grid-template-columns: 80px 1fr;
  }
  .blog-image-grid .set-product .blog-product-item .product-img {
    height: 80px;
    width: 80px;
  }
}
.blog-more-slides {
  position: relative;
  width: 100%;
  min-height: 1086px;
  height: auto;
  padding-top: 54px;
  margin-bottom: 40px;
}
.blog-more-slides:before {
  content: " ";
  position: absolute;
  top: 204px;
  left: 0;
  width: 38%;
  height: 788px;
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  z-index: -1;
}
.blog-more-slides .slide-box {
  width: 100%;
  position: relative;
  min-height: 820px;
}
.blog-more-slides .slide-layer {
  position: relative;
  width: 2000px;
  min-height: 820px;
  left: 50%;
  transform: translate(-50%, 0px);
  z-index: 2;
}
.blog-more-slides .flip-slide {
  display: flex;
  flex-flow: wrap;
}
.blog-more-slides .flip-slide .container {
  order: 0;
  min-height: 1px;
  height: 1px;
  margin-bottom: 0px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.blog-more-slides .flip-slide .block {
  min-height: 375px;
  margin-right: 128px;
  width: 50%;
}
.blog-more-slides .flip-slide .block a {
  width: 100%;
  height: 100%;
}
.blog-more-slides .flip-slide .block .item {
  position: relative;
  height: 375px;
}
.blog-more-slides .flip-slide .block h2,
.blog-more-slides .flip-slide .block h3 {
  font-size: 32px;
  position: relative;
  margin-top: 76px;
  margin-bottom: 34px;
  left: 81px;
}
.blog-more-slides .flip-slide .block p {
  position: relative;
  left: 80px;
}
.blog-more-slides .flip-slide .block button {
  position: relative;
  margin-top: 22px;
  left: 65px;
  display: block;
  font-size: 16px;
  font-weight: 600;
  background: none;
  color: #e4b760;
  z-index: 1;
}
.blog-more-slides .flip-slide .block button .icon-arr-right {
  width: 9px;
  height: 10px;
  position: relative;
  display: inline-block;
  margin-left: 14px;
}
.blog-more-slides .flip-slide .block span {
  color: #9da2a3;
  display: block;
  top: 424px;
  left: 395px;
  font-size: 14px;
}
.blog-more-slides .flip-slide .block span.category {
  left: 80px;
}
.blog-more-slides .flip-slide .slide-nav {
  top: 164px;
  transform: translate(648px, 0%);
}
.blog-more-slides .flip-slide .slide-bullets {
  top: 420px;
  right: 138px;
}
.blog-more-slides .flip-slide .slide-container {
  order: 1;
  max-width: 1458px;
  margin: 0 auto;
  margin-bottom: 45px;
}
.blog-more-slides .title-set {
  padding-left: 162px;
  margin-bottom: 118px;
  max-width: 900px;
  width: 100%;
}
.blog-more-slides .title-set .title-txt p,
.blog-more-slides .title-set .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.blog-more-slides .title-set .desc-box {
  display: inline-block;
}
.blog-more-slides .title-set .desc-txt {
  width: fit-content;
  display: inline-block;
  float: left;
  padding-right: 10px;
}
.blog-more-slides .title-set .desc-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-more-slides .title-set .desc-bt {
  display: inline-block;
  float: left;
}
.blog-more-slides .title-set .desc-bt .bt-route p {
  padding-right: 12px;
  color: #e4b760;
  font-size: 16px;
  line-height: 24px;
}
.blog-more-slides .bg-pattern {
  position: absolute;
  z-index: -1;
  top: 324px;
  left: 50%;
  transform: translate(-80px, 0);
}
.blog-more-slides .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.blog-more-slides .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}
.blog-more-slides.how-it-made-discover {
  padding-top: 40px;
  min-height: 1104px;
}
.blog-more-slides.how-it-made-discover .slide-layer {
  position: relative;
}
.blog-more-slides.how-it-made-discover .flip-slide .slide-bullets {
  top: 422px;
}
.blog-more-slides.how-it-made-discover .flip-slide .container {
  margin-bottom: 64px;
}
.blog-more-slides.wish-list-slide {
  min-height: 1040px;
  padding-top: 40px;
}
.blog-more-slides.wish-list-slide .title-set {
  padding-left: 144px;
}
.blog-more-slides.wish-list-slide .flip-slide .slide-nav {
  top: 200px;
}
.blog-more-slides.wish-list-slide .flip-slide .slide-bullets {
  top: 418px;
}
.blog-more-slides.blog-bg-2 .flip-slide .slide-container {
  order: unset;
}
.blog-more-slides.blog-bg-2 .flip-slide .slide-nav-container {
  order: unset;
  position: relative;
  min-height: 50px;
  margin-top: 64px;
}
.blog-more-slides.blog-bg-2 .flip-slide .slide-nav-container .slide-nav {
  top: unset;
  transform: unset;
  left: unset;
  right: 128px;
}
.blog-more-slides.blog-bg-2 .flip-slide .slide-nav-container .slide-nav .nav-txt p {
  font-size: 14px;
}
.blog-more-slides.blog-bg-2 .flip-slide .slide-nav-container .slide-nav .nav-txt p.label-txt {
  padding: 0 2px;
  color: rgba(17, 28, 28, 0.34);
}
.blog-more-slides.blog-bg-2 .flip-slide .slide-nav-container .slide-nav .nav-txt p.current-txt {
  padding-right: 0px;
  color: black;
}
.blog-more-slides.blog-bg-2 .flip-slide .slide-nav-container .slide-nav .nav-txt p.all-txt {
  color: rgba(17, 28, 28, 0.34);
}
.blog-more-slides.blog-bg-2 .flip-slide .slide-nav-container .slide-bullets {
  top: 50%;
  bottom: unset;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 1479px) {
  .blog-more-slides .slide-box {
    min-height: 900px;
  }
  .blog-more-slides .flip-slide {
    display: block;
  }
  .blog-more-slides .flip-slide .container {
    order: unset;
    min-height: 40px;
    height: unset;
    margin-bottom: 0;
    position: relative;
    top: unset;
    right: unset;
    left: unset;
  }
  .blog-more-slides .flip-slide .slide-container {
    order: unset;
  }
  .blog-more-slides .flip-slide .slide-nav {
    top: auto;
    bottom: 0;
    width: 112px;
    height: 50px;
    transform: unset;
    left: unset;
    right: 64px;
  }
  .blog-more-slides .flip-slide .slide-nav.vertical .slide-nav-box .circle-bt {
    width: 50px;
    height: 50px;
  }
  .blog-more-slides .flip-slide .slide-nav.vertical .slide-nav-box .circle-bt.bt-prev {
    top: 0;
  }
  .blog-more-slides .flip-slide .slide-nav.vertical .slide-nav-box .circle-bt.bt-next {
    right: 0;
    left: auto;
  }
  .blog-more-slides .flip-slide .slide-bullets {
    bottom: 18px;
    top: auto;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .blog-more-slides.how-it-made-discover .flip-slide .slide-bullets,
  .blog-more-slides.how-it-made-discover .flip-slide .slide-nav, .blog-more-slides.wish-list-slide .flip-slide .slide-bullets,
  .blog-more-slides.wish-list-slide .flip-slide .slide-nav {
    top: auto;
  }
  .blog-more-slides.blog-bg-2 .flip-slide .slide-nav-container .slide-nav {
    right: 64px;
  }
}
@media screen and (max-width: 1440px) {
  .blog-more-slides {
    min-height: 996px;
    padding-top: 30px;
  }
  .blog-more-slides:before {
    width: 385px;
    height: 656px;
    top: 148px;
  }
  .blog-more-slides .flip-slide {
    min-height: 745px;
  }
  .blog-more-slides .flip-slide .block {
    min-height: 300px;
  }
  .blog-more-slides .flip-slide .block .item {
    height: 300px;
  }
  .blog-more-slides .flip-slide .block.b-2 {
    top: 36px;
  }
  .blog-more-slides .flip-slide .block h2,
  .blog-more-slides .flip-slide .block h3 {
    left: 64px;
  }
  .blog-more-slides .flip-slide .block p {
    left: 64px;
  }
  .blog-more-slides .flip-slide .block button {
    left: 48px;
    font-size: 14px;
  }
  .blog-more-slides .flip-slide .block span {
    top: 350px;
    left: 322px;
  }
  .blog-more-slides .flip-slide .block span.category {
    left: 64px;
  }
  .blog-more-slides .flip-slide .container {
    margin-left: 64px;
  }
  .blog-more-slides .flip-slide .slide-container {
    max-width: 1216px;
    margin-left: 64px;
  }
  .blog-more-slides .title-set {
    padding-left: 96px;
    margin-bottom: 88px;
  }
  .blog-more-slides .title-set .title-txt p,
  .blog-more-slides .title-set .title-txt h2 {
    font-size: 40px;
    line-height: 48px;
  }
  .blog-more-slides .title-set .desc-txt p {
    font-size: 14px;
  }
  .blog-more-slides .title-set .desc-bt .bt-route p {
    font-size: 14px;
  }
  .blog-more-slides .slide-box {
    min-height: 804px;
  }
  .blog-more-slides .slide-layer {
    width: 1216px;
    min-height: 804px;
    left: 0%;
    transform: translate(0%, 0px);
  }
  .blog-more-slides .slide-layer.active {
    mask-image: none;
  }
  .blog-more-slides .bg-pattern {
    top: 254px;
    transform: none;
    left: 590px;
  }
  .blog-more-slides .bg-pattern .icon-bg svg {
    transform: scale(0.78);
  }
  .blog-more-slides.wish-list-slide {
    min-height: 996px;
  }
}
@media screen and (max-width: 1199px) {
  .blog-more-slides .flip-slide {
    margin-left: 0;
  }
  .blog-more-slides .flip-slide .slide-nav {
    right: 0;
  }
  .blog-more-slides.blog-bg-2 .flip-slide .slide-nav-container .slide-nav {
    right: 0;
  }
}
@media screen and (max-width: 1200px) {
  .blog-more-slides .collaborate-concept-boxs {
    padding: 30px 16px;
  }
}
@media screen and (max-width: 1024px) {
  .blog-more-slides.how-it-made-discover {
    min-height: 988px;
  }
  .blog-more-slides.wish-list-slide {
    min-height: 986px;
    padding-top: 90px;
  }
  .blog-more-slides.wish-list-slide:before {
    width: 385px;
    height: 656px;
    top: 210px;
  }
  .blog-more-slides.wish-list-slide .title-set {
    padding-left: 96px;
  }
  .blog-more-slides .flip-slide {
    margin-left: 0;
    min-height: 722px;
  }
  .blog-more-slides .flip-slide .slide-container {
    width: 1216px;
    margin-left: 64px;
    position: relative;
    min-height: 674px;
  }
  .blog-more-slides .flip-slide .container {
    min-height: 40px;
    margin-left: 0px;
    max-width: 100%;
    margin-bottom: 0;
  }
  .blog-more-slides .flip-slide .slide-nav {
    width: 200px;
    height: 42px;
    transform: none;
    right: 0;
    position: absolute;
  }
  .blog-more-slides .flip-slide .slide-nav.vertical .slide-nav-box .circle-bt {
    width: 42px;
    height: 42px;
  }
  .blog-more-slides .flip-slide .block h2,
  .blog-more-slides .flip-slide .block h3 {
    margin-top: 60px;
  }
  .blog-more-slides .flip-slide .block span {
    top: 332px;
  }
  .blog-more-slides .flip-slide .block button {
    margin-top: 14px;
  }
}
@media screen and (max-width: 767px) {
  .blog-more-slides {
    min-height: 728px;
    padding: 28px 0px 0px 0px;
  }
  .blog-more-slides.how-it-made-discover {
    min-height: 500px;
    margin-bottom: 0px;
  }
  .blog-more-slides.how-it-made-discover .flip-slide {
    min-height: 500px;
    height: auto;
  }
  .blog-more-slides.how-it-made-discover .flip-slide .slide-container {
    margin-bottom: 0;
  }
  .blog-more-slides.wish-list-slide {
    min-height: 686px;
  }
  .blog-more-slides.wish-list-slide:before {
    width: 170px;
    height: 468px;
    top: 185px;
  }
  .blog-more-slides.wish-list-slide .title-set {
    padding-left: 32px;
  }
  .blog-more-slides.how-it-made-discover:before {
    top: 134px;
  }
  .blog-more-slides.how-it-made-discover .flip-slide .block h2,
  .blog-more-slides.how-it-made-discover .flip-slide .block h3 {
    margin-top: 45px;
    margin-bottom: 28px;
  }
  .blog-more-slides.how-it-made-discover .flip-slide .block .item img {
    max-width: 292px;
  }
  .blog-more-slides.how-it-made-discover .flip-slide .slide-container {
    min-height: 426px;
  }
  .blog-more-slides .container {
    padding-right: 32px;
    padding-left: 32px;
  }
  .blog-more-slides:before {
    width: 168px;
    height: 468px;
    top: 122px;
  }
  .blog-more-slides .flip-slide {
    min-height: 610px;
  }
  .blog-more-slides .flip-slide .block {
    min-height: 184px;
    margin-right: 48px;
  }
  .blog-more-slides .flip-slide .block .item {
    height: 184px;
  }
  .blog-more-slides .flip-slide .block h2,
  .blog-more-slides .flip-slide .block h3 {
    left: 32px;
    font-size: 20px;
  }
  .blog-more-slides .flip-slide .block p {
    left: 32px;
  }
  .blog-more-slides .flip-slide .block .item img {
    width: 100%;
    height: 100%;
  }
  .blog-more-slides .flip-slide .block button {
    left: 16px;
  }
  .blog-more-slides .flip-slide .block.b-2 {
    top: 32px;
  }
  .blog-more-slides .flip-slide .block span {
    left: auto;
    top: 206px;
    right: 32px;
    font-size: 12px;
  }
  .blog-more-slides .flip-slide .block span.category {
    left: 32px;
  }
  .blog-more-slides .flip-slide .slide-container {
    margin-left: 32px;
    width: 680px;
    min-height: 530px;
  }
  .blog-more-slides .flip-slide .container {
    margin-top: 20px;
  }
  .blog-more-slides .flip-slide .slide-nav {
    right: 0;
  }
  .blog-more-slides .slide-box {
    min-height: 572px;
  }
  .blog-more-slides .slide-layer {
    width: 680px;
    min-height: 550px;
  }
  .blog-more-slides .title-set {
    padding-left: 32px;
    margin-bottom: 56px;
  }
  .blog-more-slides .title-set .title-txt p,
  .blog-more-slides .title-set .title-txt h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .blog-more-slides .title-set .desc-txt {
    padding-right: 0px;
  }
  .blog-more-slides .title-set .desc-bt .bt-rout p {
    font-size: 14px;
  }
  .blog-more-slides .bg-pattern {
    top: 134px;
    left: 302px;
  }
  .blog-more-slides .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 600px) {
  .blog-more-slides .flip-slide.more-item-nav .slide-bullets {
    transform: translate(-50%, 0%);
    left: 50%;
    text-align: center;
    bottom: 28px;
  }
  .blog-more-slides .flip-slide.more-item-nav .slide-bullets .slide-bullet {
    display: inline-block;
  }
}
@media screen and (max-width: 414px) {
  .blog-more-slides .flip-slide .block.b-2 h2,
  .blog-more-slides .flip-slide .block.b-2 h3,
  .blog-more-slides .flip-slide .block.b-2 p,
  .blog-more-slides .flip-slide .block.b-2 button,
  .blog-more-slides .flip-slide .block.b-2 span {
    display: none;
  }
}
@media screen and (max-width: 360px) {
  .blog-more-slides .flip-slide .slide-bullets {
    left: 32px;
    transform: none;
  }
  .blog-more-slides .flip-slide .block.b-1 {
    width: 256px;
    min-height: 184px;
  }
  .blog-more-slides .flip-slide .block h2,
  .blog-more-slides .flip-slide .block h3 {
    left: 0px;
  }
  .blog-more-slides .flip-slide .block p {
    left: 0px;
  }
  .blog-more-slides .flip-slide .block span.category {
    left: 0px;
  }
  .blog-more-slides .flip-slide .block button {
    left: 0px;
    padding-left: 0;
  }
}
.quote-slides {
  width: 52%;
  position: relative;
}
.quote-slides .quote-slide {
  height: 400px;
  position: relative;
  width: calc(100% - 96px);
}
.quote-slides .quote-slide .swiper {
  width: 100%;
  height: auto;
  position: relative;
}
.quote-slides .quote-slide .swiper .swiper-wrapper {
  width: 100%;
}
.quote-slides .quote-slide .swiper-pagination {
  bottom: -38px;
  right: 8px;
  left: auto;
}
.quote-slides .quote-slide .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
}
.quote-slides .quote-slide .swiper-pagination .swiper-pagination-bullet:hover, .quote-slides .quote-slide .swiper-pagination .swiper-pagination-bullet:focus {
  border: none;
  background-color: rgba(17, 28, 28, 0.25);
}
.quote-slides .quote-slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(17, 28, 28);
}
.quote-slides .quote-slide .swiper-button-lock {
  display: none;
}
.quote-slides .quote-slide .slide-nav {
  z-index: 2;
}
.quote-slides .quote-slide .slide-nav.vertical {
  position: absolute;
  top: 50%;
  right: -96px;
  transform: translate(0%, -50%);
}
.quote-slides .interior-text-boxs {
  width: 32%;
  max-width: 450px;
  z-index: 3;
  position: relative;
}
.quote-slides .quote-box {
  width: 292px;
  height: auto;
  min-height: 240px;
  position: absolute;
  top: 26.5%;
  left: -222px;
  border-radius: 5px;
  padding: 34px;
  background: #ffffff;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.05);
  z-index: 2;
}
.quote-slides .quote-box .quote-text {
  margin-bottom: 28px;
}
.quote-slides .quote-box .quote-text p {
  font-size: 16px;
  line-height: 24px;
  color: #2e2e2e;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.quote-slides .quote-box .slide-txt-box {
  height: 50px;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  width: 100%;
  background: #ffffff;
}
.quote-slides .quote-box .slide-txt-box .profile-box {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.quote-slides .quote-box .slide-txt-box .profile-box .profile-img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
}
.quote-slides .quote-box .slide-txt-box .profile-box .profile-img img {
  width: 48px;
  height: 48px;
}
.quote-slides .quote-box .slide-txt-box .profile-txt {
  width: calc(100% - 50px);
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0px 10px;
}
.quote-slides .quote-box .slide-txt-box .profile-txt .txt-box {
  width: 100%;
}
.quote-slides .quote-box .slide-txt-box .profile-txt .txt-box p {
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.quote-slides .quote-box .slide-txt-box .profile-txt .txt-box p.head {
  font-weight: 600;
}
.quote-slides .quote-box .slide-txt-box .profile-txt .txt-box p.desc {
  color: #888d8d;
}
.quote-slides .quote-box .icon-quote {
  position: absolute;
  top: -8px;
  left: 37px;
}

@media screen and (max-width: 1199px) {
  .quote-slides .quote-box {
    left: -126px;
  }
}
@media screen and (max-width: 1024px) {
  .quote-slides .quote-box {
    width: 334px;
    min-height: 190px;
    padding: 26px 20px;
    left: -84px;
    top: 234px;
  }
  .quote-slides .quote-box .icon-quote {
    top: -10px;
    left: 30px;
  }
  .quote-slides .quote-box .quote-text {
    margin-bottom: 22px;
  }
  .quote-slides .quote-box .quote-text p {
    font-size: 14px;
  }
  .quote-slides .quote-slide {
    height: 300px;
    width: 100%;
  }
  .quote-slides .quote-slide .slide-nav.vertical {
    right: 64px;
    bottom: -218px;
    width: 200px;
    height: 42px;
    transform: none;
    top: auto;
  }
  .quote-slides .quote-slide .slide-nav.vertical .slide-nav-box {
    right: 0;
  }
  .quote-slides .quote-slide .slide-nav.vertical .slide-nav-box .circle-bt {
    width: 42px;
    height: 42px;
  }
  .quote-slides .quote-slide .slide-nav.vertical .slide-nav-box .circle-bt.bt-next {
    top: 0;
    right: 0;
    left: auto;
  }
  .quote-slides .quote-slide .slide-nav.vertical .slide-nav-box .circle-bt.bt-prev {
    top: 0px;
    left: 0;
  }
  .quote-slides .quote-slide .swiper-pagination {
    display: none;
    bottom: -198px;
    left: -8%;
  }
}
@media screen and (max-width: 767px) {
  .quote-slides {
    width: 100%;
    height: 440px;
    margin: 0px 0px 50px;
    padding-top: 0px;
  }
  .quote-slides .quote-box {
    width: 100%;
    padding: 24px;
    max-width: 320px;
    top: 176px;
    left: 96px;
  }
  .quote-slides .quote-box .quote-text p {
    -webkit-line-clamp: 4;
  }
  .quote-slides .quote-box .icon-quote {
    top: -8px;
    left: auto;
    right: 22px;
    background-color: #ffffff;
  }
  .quote-slides .quote-slide .slide-nav.vertical {
    top: 400px;
    right: 32px;
  }
  .quote-slides .quote-slide .swiper-pagination {
    top: 416px;
    left: 50%;
  }
}
@media screen and (max-width: 400px) {
  .quote-slides .quote-slide .slide-nav.vertical {
    top: 400px;
    right: 22px;
  }
  .quote-slides .quote-box {
    left: 32px;
  }
}
@media screen and (max-width: 360px) {
  .quote-slides .quote-box {
    top: 138px;
    max-width: 270px;
  }
  .quote-slides .quote-slide .swiper-pagination {
    left: 60px;
  }
}
.how-it-made-slide {
  position: relative;
  width: 100%;
  min-height: 810px;
  padding-top: 136px;
  height: auto;
}
.how-it-made-slide:before {
  content: " ";
  position: absolute;
  top: 64px;
  right: 0;
  width: 38%;
  height: 100%;
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  z-index: -1;
}
.how-it-made-slide .hilight-box {
  display: flex;
  flex-flow: row wrap;
  z-index: 2;
  position: relative;
}
.how-it-made-slide .hilight-box .title-set {
  order: 1;
  width: 100%;
  padding-left: 162px;
  margin-bottom: 94px;
  padding-right: 20px;
}
.how-it-made-slide .hilight-box .title-set .title-txt p,
.how-it-made-slide .hilight-box .title-set .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.how-it-made-slide .hilight-box .title-set .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.how-it-made-slide .hilight-box .title-set .desc-txt p {
  color: rgba(77, 85, 85, 0.75);
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.how-it-made-slide .hilight-box .detail-set {
  order: 2;
  width: 48%;
  position: relative;
}
.how-it-made-slide .hilight-box .detail-set .detail-txt {
  margin-bottom: 28px;
  margin-left: 100px;
  max-width: 314px;
}
.how-it-made-slide .hilight-box .detail-set .detail-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
}
.how-it-made-slide .hilight-box .detail-set .scroll-down-button {
  margin: 0 0 0 148px;
}
.how-it-made-slide .hilight-box .slide-box {
  order: 3;
  margin-top: -34px;
}
.how-it-made-slide .hilight-box .quote-box {
  display: none;
}
.how-it-made-slide .bg-pattern {
  position: absolute;
  left: 50%;
  transform: translate(-104px, 0px);
  z-index: 1;
  bottom: 40px;
}
.how-it-made-slide .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.how-it-made-slide .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1479px) {
  .how-it-made-slide .bg-pattern {
    top: 206px;
    transform: translate(400px, 0px);
  }
}
@media screen and (max-width: 1199px) {
  .how-it-made-slide .hilight-box .title-set {
    padding-left: 0px;
    padding-right: 0px;
  }
  .how-it-made-slide .hilight-box .detail-set .detail-txt {
    margin-left: 0px;
  }
  .how-it-made-slide .hilight-box .detail-set .scroll-down-button {
    margin: 0 0 0 48px;
  }
}
@media screen and (max-width: 1024px) {
  .how-it-made-slide {
    min-height: 650px;
    padding-top: 82px;
  }
  .how-it-made-slide .container {
    padding-left: 32px;
    padding-right: 0px;
    max-width: 100%;
  }
  .how-it-made-slide:before {
    width: 324px;
  }
  .how-it-made-slide .hilight-box .title-set {
    padding: 0px;
    padding-left: 95px;
    margin-bottom: 64px;
  }
  .how-it-made-slide .hilight-box .title-set .title-txt p,
  .how-it-made-slide .hilight-box .title-set .title-txt h2 {
    font-size: 40px;
    line-height: 52px;
  }
  .how-it-made-slide .hilight-box .title-set .desc-txt p {
    font-size: 14px;
    line-height: 18px;
    padding: 0px;
  }
  .how-it-made-slide .hilight-box .detail-set {
    width: 52%;
    padding-left: 32px;
  }
  .how-it-made-slide .hilight-box .detail-set .detail-txt {
    margin-left: 0px;
    margin-bottom: 45px;
    max-width: 288px;
  }
  .how-it-made-slide .hilight-box .detail-set .detail-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .how-it-made-slide .hilight-box .detail-set .scroll-down-button {
    display: block;
    bottom: 16px;
    margin-left: 48px;
    height: 40px;
  }
  .how-it-made-slide .hilight-box .detail-set .scroll-down-button.horizontal .circle-bt {
    width: 40px;
    height: 40px;
  }
  .how-it-made-slide .hilight-box .detail-set .scroll-down-button.horizontal p {
    margin-left: 56px;
    line-height: 40px;
  }
  .how-it-made-slide .hilight-box .slide-box {
    width: 48%;
    margin-top: 30px;
  }
  .how-it-made-slide .bg-pattern {
    top: 480px;
    transform: none;
    left: -84px;
  }
  .how-it-made-slide .bg-pattern .icon-bg svg {
    transform: scale(0.82);
  }
}
@media screen and (max-width: 767px) {
  .how-it-made-slide {
    padding-top: 68px;
  }
  .how-it-made-slide:before {
    width: 164px;
    top: 278px;
  }
  .how-it-made-slide .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .how-it-made-slide .hilight-box {
    flex-flow: row wrap;
    max-height: 100%;
  }
  .how-it-made-slide .hilight-box .title-set {
    width: 100%;
    padding-left: 64px;
    margin-bottom: 30px;
  }
  .how-it-made-slide .hilight-box .title-set .title-txt p,
  .how-it-made-slide .hilight-box .title-set .title-txt h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .how-it-made-slide .hilight-box .detail-set {
    order: 3;
    width: 100%;
    padding-left: 64px;
    max-width: 360px;
  }
  .how-it-made-slide .hilight-box .detail-set .detail-txt {
    margin-bottom: 60px;
  }
  .how-it-made-slide .hilight-box .slide-box {
    order: 2;
    min-height: 420px;
    height: auto;
    margin: 0px 0px 24px;
    padding-top: 0px;
    width: 100%;
  }
  .how-it-made-slide .hilight-box .slide-box .how-it-made-slide-slide {
    min-height: 420px;
    height: auto;
  }
  .how-it-made-slide .hilight-box .quote-box {
    display: block;
  }
  .how-it-made-slide .bg-pattern {
    top: 78px;
    left: auto;
    right: -18px;
  }
  .how-it-made-slide .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
.how-it-made-manufacturing-slide {
  position: relative;
  width: 100%;
  min-height: 970px;
  height: auto;
  padding-top: 16px;
  margin-bottom: 30px;
}
.how-it-made-manufacturing-slide:before {
  content: " ";
  position: absolute;
  top: 0px;
  right: 0;
  width: 38%;
  height: 960px;
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  z-index: -1;
}
.how-it-made-manufacturing-slide .title-set {
  padding-left: 162px;
  margin-bottom: 24px;
  max-width: 900px;
  width: 100%;
}
.how-it-made-manufacturing-slide .title-set .title-txt p,
.how-it-made-manufacturing-slide .title-set .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.how-it-made-manufacturing-slide .title-set .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.how-it-made-manufacturing-slide .title-set .desc-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.how-it-made-manufacturing-slide .container {
  position: relative;
  z-index: 3;
}
.how-it-made-manufacturing-slide .manufacturing-layer {
  width: 2310px;
  min-height: 820px;
  left: 50%;
  transform: translate(-50%, 0px);
  z-index: 2;
  position: relative;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide {
  display: flex;
  flex-flow: wrap;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block .item {
  position: relative;
  height: 400px;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block .item img {
  height: 400px;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block.b-2 span.category:after {
  display: block;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block.b-2 span.category:before {
  border: solid 2px #141e1f;
  width: 6px;
  height: 6px;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block h2,
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block h3 {
  margin-top: 76px;
  margin-bottom: 32px;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block p {
  height: 96px;
  overflow: hidden;
  max-width: 340px;
  transition: all 0.5s ease-in-out;
  position: relative;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block p.fixed-line {
  -webkit-line-clamp: 4;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block p.active {
  height: auto;
  overflow: auto;
  -webkit-line-clamp: unset;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block span.category {
  color: #e6e6e6;
  font-size: 60px;
  top: 438px;
  left: -62px;
  display: block;
  font-weight: 700;
  border-bottom: dotted 1px #c4c4c4;
  width: 64px;
  text-align: center;
  line-height: 110px;
  direction: rtl;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block span.category:before {
  content: "";
  position: absolute;
  top: 150px;
  left: 27px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: solid 2px #9c9e9d;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block span.category:after {
  content: "";
  position: absolute;
  top: 143px;
  left: 20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: solid 2px #141e1f;
  display: none;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block button {
  left: 50px;
  display: block;
  font-size: 16px;
  font-weight: 600;
  background: none;
  color: #343a38;
  z-index: 1;
  cursor: pointer;
  position: relative;
  margin-top: 20px;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block button.hide {
  display: none;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block button.active {
  color: #e4b760;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block button.active .icon-arr-right svg {
  transform: rotate(90deg);
  color: #e4b760;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block button:hover svg {
  animation: menuDown 1s linear forwards;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block button .icon-arr-right {
  display: inline-block;
  margin-left: 14px;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block button .icon-arr-right svg {
  transform: rotate(270deg);
  color: #343a38;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .scroll-down-button {
  display: none;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .slide-container {
  order: 1;
  position: relative;
  z-index: 2;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .container {
  min-height: 1px;
  height: 1px;
  order: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 3;
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .slide-nav {
  top: 210px;
  transform: translateX(370px);
}
.how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .slide-bullets {
  z-index: 2;
  top: 500px;
}
.how-it-made-manufacturing-slide .bg-pattern {
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 346px;
  transform: translate(-600px, 0px);
}
.how-it-made-manufacturing-slide .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.how-it-made-manufacturing-slide .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

.edit .how-it-made-manufacturing-slide .manufacturing-layer {
  position: relative;
  width: 100%;
  left: 0;
  height: 100%;
  transform: unset;
}

@media (min-width: 1680px) {
  .how-it-made-manufacturing-slide .manufacturing-container {
    max-width: 2378px;
  }
}
@media screen and (max-width: 1024px) {
  .how-it-made-manufacturing-slide {
    padding-top: 67px;
    min-height: 870px;
  }
  .how-it-made-manufacturing-slide:before {
    width: 324px;
  }
  .how-it-made-manufacturing-slide .title-set {
    padding-left: 96px;
    margin-bottom: 8px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer {
    transform: translate(-46.4%, 0px);
    width: 1728px;
    min-height: 705px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide {
    min-height: 662px;
    display: block;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .container {
    position: relative;
    left: unset;
    right: unset;
    order: unset;
    height: unset;
    min-height: 42px;
    top: 0px;
    margin: 0 auto;
    min-height: 42px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .slide-container {
    order: unset;
    min-height: 662px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block {
    margin-right: 96px;
    min-height: 300px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block.b-2 {
    margin-top: 48px;
    top: 0;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block .item {
    height: 300px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block .item img {
    max-width: 480px;
    height: 300px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block h2,
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block h3 {
    margin-top: 58px;
    left: 48px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block p {
    left: 48px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block span.category {
    font-size: 48px;
    top: 330px;
    left: -48px;
    width: 48px;
    line-height: 90px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block span.category:after {
    top: 116px;
    left: 12px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block span.category:before {
    top: 123px;
    left: 19px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block button {
    left: 34px;
    font-size: 14px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .slide-nav {
    top: unset;
    transform: none;
    bottom: 0;
    right: 92px;
    position: absolute;
    right: 30px;
    width: 200px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .slide-bullets {
    top: unset;
    left: calc(50% - 92px);
  }
  .how-it-made-manufacturing-slide .bg-pattern {
    top: 240px;
    transform: translate(-492px, 0px);
  }
  .how-it-made-manufacturing-slide .bg-pattern .icon-bg svg {
    transform: scale(0.82);
  }
}
@media screen and (max-width: 834px) {
  .how-it-made-manufacturing-slide:before {
    width: 324px;
    height: 516px;
  }
  .how-it-made-manufacturing-slide .title-set .title-txt p,
  .how-it-made-manufacturing-slide .title-set .title-txt h2 {
    font-size: 40px;
    line-height: 52px;
  }
  .how-it-made-manufacturing-slide .title-set .desc-txt p {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .how-it-made-manufacturing-slide {
    min-height: 832px;
    padding: 0px 64px;
    padding-top: 58px;
    margin-bottom: 14px;
  }
  .how-it-made-manufacturing-slide:before {
    width: 164px;
    height: 320px;
  }
  .how-it-made-manufacturing-slide .container {
    padding-right: 0px;
    padding-left: 0px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer {
    width: 1180px;
    min-height: 490px;
    transform: translate(-50%, 0px);
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide {
    min-height: 622px;
    padding-bottom: 0px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .slide-container {
    min-height: 520px;
    margin-left: 32px;
    margin-bottom: 48px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block {
    margin-right: 32px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block .item {
    height: 220px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block .item img {
    max-width: 350px;
    height: 220px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block h2,
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block h3 {
    margin-top: 40px;
    margin-bottom: 28px;
    left: 78px;
    max-width: calc(100% - 72px);
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block p {
    left: 78px;
    max-width: 270px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block button {
    left: 60px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block span.category {
    top: 234px;
    left: -4px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .slide-nav {
    right: 0;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .slide-bullets {
    bottom: 20px;
    left: 50%;
  }
  .how-it-made-manufacturing-slide .title-set {
    padding-left: 0px;
    margin-bottom: 24px;
  }
  .how-it-made-manufacturing-slide .title-set .title-txt p,
  .how-it-made-manufacturing-slide .title-set .title-txt h2 {
    font-size: 32px;
    line-height: 44px;
  }
  .how-it-made-manufacturing-slide .title-set .desc-txt {
    padding-right: 0px;
  }
  .how-it-made-manufacturing-slide .bg-pattern {
    top: -80px;
    transform: translate(-264px, 0px);
  }
  .how-it-made-manufacturing-slide .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 600px) {
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide.more-item-nav .slide-bullets {
    transform: translate(-50%, 0%);
    left: 50%;
    text-align: center;
    bottom: 28px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide.more-item-nav .slide-bullets .slide-bullet {
    display: inline-block;
  }
}
@media screen and (max-width: 380px) {
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block h2,
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block h3 {
    max-width: calc(100% - 112px);
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block p {
    max-width: 250px;
  }
}
@media screen and (max-width: 360px) {
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .block span.category {
    left: 16px;
  }
  .how-it-made-manufacturing-slide .manufacturing-layer .flip-slide .slide-bullets {
    left: 32px;
  }
}
.how-it-made-take-tour {
  position: relative;
  width: 100%;
  min-height: 810px;
  padding-top: 64px;
  height: auto;
}
.how-it-made-take-tour .hilight-box {
  display: flex;
  flex-flow: row wrap;
  z-index: 2;
  position: relative;
}
.how-it-made-take-tour .hilight-box .title-set {
  order: 1;
  width: 100%;
  padding-left: 162px;
  margin-bottom: 94px;
  margin-bottom: 56px;
}
.how-it-made-take-tour .hilight-box .title-set .title-txt p,
.how-it-made-take-tour .hilight-box .title-set .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.how-it-made-take-tour .hilight-box .title-set .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.how-it-made-take-tour .hilight-box .title-set .desc-txt p {
  color: rgba(77, 85, 85, 0.75);
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.how-it-made-take-tour .hilight-box .detail-set {
  order: 2;
  width: 48%;
  position: relative;
}
.how-it-made-take-tour .hilight-box .detail-set .detail-txt {
  margin-bottom: 28px;
  max-width: 314px;
}
.how-it-made-take-tour .hilight-box .detail-set .detail-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
}
.how-it-made-take-tour .hilight-box .detail-set .scroll-down-button {
  margin: 0 0 0 48px;
}
.how-it-made-take-tour .video-container {
  margin-bottom: 80px;
}
.how-it-made-take-tour .video-container .street-view {
  max-width: 100%;
  height: 800px;
}
.how-it-made-take-tour .video-container .street-view iframe {
  border: none;
  height: 100%;
  width: 100%;
}
.how-it-made-take-tour .video-container .street-view img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1024px) {
  .how-it-made-take-tour {
    min-height: 790px;
    padding-top: 24px;
  }
  .how-it-made-take-tour .container {
    padding-left: 32px;
    max-width: 100%;
  }
  .how-it-made-take-tour .hilight-box .title-set {
    padding: 0px;
    padding-left: 95px;
    margin-bottom: 64px;
  }
  .how-it-made-take-tour .hilight-box .title-set .title-txt p,
  .how-it-made-take-tour .hilight-box .title-set .title-txt h2 {
    font-size: 40px;
    line-height: 52px;
  }
  .how-it-made-take-tour .hilight-box .title-set .desc-txt p {
    font-size: 14px;
    line-height: 18px;
    padding: 0px;
  }
  .how-it-made-take-tour .hilight-box .detail-set {
    width: 52%;
    padding-left: 32px;
  }
  .how-it-made-take-tour .hilight-box .detail-set .detail-txt {
    margin-left: 0px;
    margin-bottom: 45px;
    max-width: 288px;
  }
  .how-it-made-take-tour .hilight-box .detail-set .detail-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .how-it-made-take-tour .hilight-box .detail-set .scroll-down-button {
    display: block;
    bottom: 16px;
    margin-left: 48px;
    height: 40px;
  }
  .how-it-made-take-tour .hilight-box .detail-set .scroll-down-button.horizontal .circle-bt {
    width: 40px;
    height: 40px;
  }
  .how-it-made-take-tour .hilight-box .detail-set .scroll-down-button.horizontal p {
    margin-left: 56px;
    line-height: 40px;
  }
  .how-it-made-take-tour .video-container {
    margin-bottom: 40px;
  }
  .how-it-made-take-tour .video-container .street-view {
    height: 960px;
  }
}
@media screen and (max-width: 767px) {
  .how-it-made-take-tour {
    padding-top: 0px;
    margin-top: 64px;
  }
  .how-it-made-take-tour .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .how-it-made-take-tour .hilight-box {
    flex-flow: row wrap;
    max-height: 100%;
  }
  .how-it-made-take-tour .hilight-box .title-set {
    width: 100%;
    padding-left: 64px;
    margin-bottom: 46px;
  }
  .how-it-made-take-tour .hilight-box .title-set .title-txt p,
  .how-it-made-take-tour .hilight-box .title-set .title-txt h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .how-it-made-take-tour .hilight-box .detail-set {
    order: 3;
    width: 100%;
    padding-left: 64px;
    max-width: 360px;
  }
  .how-it-made-take-tour .hilight-box .detail-set .detail-txt {
    margin-bottom: 60px;
  }
  .how-it-made-take-tour .video-container .street-view {
    height: 800px;
  }
}
.how-it-made-for-people-slide {
  position: relative;
  width: 100%;
  min-height: 600px;
  padding-top: 56px;
  height: auto;
}
.how-it-made-for-people-slide:before {
  content: " ";
  position: absolute;
  top: 150px;
  width: 38%;
  height: 100%;
  background-color: #f8f7f4;
  border-radius: 5px;
  z-index: -1;
}
.how-it-made-for-people-slide .hilight-box {
  display: flex;
  flex-flow: row wrap;
  z-index: 2;
  position: relative;
}
.how-it-made-for-people-slide .hilight-box .for-people-title-set {
  order: 1;
  width: 100%;
  padding-left: 162px;
  margin-bottom: 60px;
}
.how-it-made-for-people-slide .hilight-box .for-people-title-set .title-txt {
  max-width: 40%;
}
.how-it-made-for-people-slide .hilight-box .for-people-title-set .title-txt p,
.how-it-made-for-people-slide .hilight-box .for-people-title-set .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.how-it-made-for-people-slide .hilight-box .for-people-title-set .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
  max-width: 40%;
}
.how-it-made-for-people-slide .hilight-box .for-people-title-set .desc-txt p {
  color: rgba(77, 85, 85, 0.75);
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.how-it-made-for-people-slide .hilight-box .for-people-detail-set {
  order: 2;
  width: 48%;
  position: relative;
}
.how-it-made-for-people-slide .hilight-box .for-people-detail-set .detail-txt {
  margin-bottom: 28px;
  max-width: 314px;
}
.how-it-made-for-people-slide .hilight-box .for-people-detail-set .detail-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
}
.how-it-made-for-people-slide .hilight-box .for-people-detail-set .scroll-down-button {
  margin: 0 0 0 48px;
}
.how-it-made-for-people-slide .hilight-box .for-people-slide-box {
  order: 3;
  margin-top: -158px;
}
.how-it-made-for-people-slide .bg-pattern {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-105px, 0px);
  z-index: 1;
}
.how-it-made-for-people-slide .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.how-it-made-for-people-slide .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1024px) {
  .how-it-made-for-people-slide {
    min-height: 492px;
    padding-top: 24px;
  }
  .how-it-made-for-people-slide:before {
    width: 324px;
    top: 80px;
  }
  .how-it-made-for-people-slide .container {
    padding-left: 32px;
    padding-right: 0px;
    max-width: 100%;
  }
  .how-it-made-for-people-slide .hilight-box .for-people-title-set {
    padding: 0px;
    padding-left: 95px;
    margin-bottom: 64px;
  }
  .how-it-made-for-people-slide .hilight-box .for-people-title-set .title-txt {
    margin-bottom: 8px;
    max-width: 45%;
  }
  .how-it-made-for-people-slide .hilight-box .for-people-title-set .title-txt p,
  .how-it-made-for-people-slide .hilight-box .for-people-title-set .title-txt h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .how-it-made-for-people-slide .hilight-box .for-people-title-set .desc-txt {
    max-width: 45%;
  }
  .how-it-made-for-people-slide .hilight-box .for-people-title-set .desc-txt p {
    font-size: 14px;
    line-height: 18px;
    padding: 0px;
  }
  .how-it-made-for-people-slide .hilight-box .for-people-detail-set {
    width: 52%;
    padding-left: 32px;
  }
  .how-it-made-for-people-slide .hilight-box .for-people-detail-set .detail-txt {
    margin-left: 0px;
    margin-bottom: 45px;
    max-width: 288px;
  }
  .how-it-made-for-people-slide .hilight-box .for-people-detail-set .detail-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .how-it-made-for-people-slide .hilight-box .for-people-detail-set .scroll-down-button {
    display: block;
    bottom: 16px;
    margin-left: 48px;
    height: 40px;
  }
  .how-it-made-for-people-slide .hilight-box .for-people-detail-set .scroll-down-button.horizontal .circle-bt {
    width: 40px;
    height: 40px;
  }
  .how-it-made-for-people-slide .hilight-box .for-people-detail-set .scroll-down-button.horizontal p {
    margin-left: 56px;
    line-height: 40px;
  }
  .how-it-made-for-people-slide .hilight-box .quote-slides .quote-slide {
    height: 406px;
    width: 100%;
  }
  .how-it-made-for-people-slide .hilight-box .quote-slides .quote-slide .slide-nav.vertical {
    bottom: 0px;
  }
  .how-it-made-for-people-slide .hilight-box .for-people-slide-box {
    width: 48%;
    margin-top: -130px;
  }
  .how-it-made-for-people-slide .bg-pattern {
    top: 5px;
    transform: translate(-55px, 0px);
  }
  .how-it-made-for-people-slide .bg-pattern .icon-bg svg {
    transform: scale(0.78);
  }
}
@media screen and (max-width: 767px) {
  .how-it-made-for-people-slide {
    padding-top: 26px;
  }
  .how-it-made-for-people-slide:before {
    top: 116px;
    width: 170px;
    height: 100%;
  }
  .how-it-made-for-people-slide .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .how-it-made-for-people-slide .hilight-box {
    flex-flow: row wrap;
    max-height: 100%;
  }
  .how-it-made-for-people-slide .hilight-box .for-people-title-set {
    width: 100%;
    padding-left: 64px;
    margin-bottom: 48px;
  }
  .how-it-made-for-people-slide .hilight-box .for-people-title-set .title-txt {
    max-width: unset;
    padding-right: 10px;
  }
  .how-it-made-for-people-slide .hilight-box .for-people-title-set .title-txt p,
  .how-it-made-for-people-slide .hilight-box .for-people-title-set .title-txt h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .how-it-made-for-people-slide .hilight-box .for-people-title-set .desc-txt {
    width: unset;
    max-width: unset;
  }
  .how-it-made-for-people-slide .hilight-box .for-people-detail-set {
    width: 100%;
    padding-right: 32px;
  }
  .how-it-made-for-people-slide .hilight-box .for-people-detail-set .detail-txt {
    margin-bottom: 45px;
    max-width: 100%;
  }
  .how-it-made-for-people-slide .hilight-box .for-people-slide-box {
    height: 310px;
    margin: 0px 0px 50px;
    padding-top: 0px;
    width: 100%;
    padding-left: 64px;
  }
  .how-it-made-for-people-slide .hilight-box .quote-slides .quote-slide {
    height: 310px;
    width: 100%;
  }
  .how-it-made-for-people-slide .hilight-box .quote-slides .quote-slide .slide-nav.vertical {
    top: auto;
  }
  .how-it-made-for-people-slide .hilight-box .quote-slides .quote-slide .glide-slide-item .glide-img img {
    height: 220px;
  }
  .how-it-made-for-people-slide .bg-pattern {
    top: auto;
    transform: none;
    bottom: 58px;
    left: -18px;
  }
  .how-it-made-for-people-slide .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
.how-it-made-finest-material {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 670px;
  padding-top: 64px;
}
.how-it-made-finest-material:before {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0;
  width: 38%;
  height: 100%;
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  z-index: -1;
}
.how-it-made-finest-material .materials-boxs {
  display: flex;
  width: 100%;
}
.how-it-made-finest-material .material-img {
  width: 48%;
  height: 568px;
  position: relative;
}
.how-it-made-finest-material .material-img .image-box {
  max-width: 640px;
  height: 400px;
  overflow: hidden;
  border-radius: 5px;
}
.how-it-made-finest-material .material-img .image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.how-it-made-finest-material .materials-set {
  position: relative;
  width: 52%;
}
.how-it-made-finest-material .materials-set .materials-title {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-left: 228px;
  margin-top: 28px;
  margin-bottom: 64px;
}
.how-it-made-finest-material .materials-set .materials-title .title-txt {
  margin-bottom: 2px;
}
.how-it-made-finest-material .materials-set .materials-title .title-txt p,
.how-it-made-finest-material .materials-set .materials-title .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.how-it-made-finest-material .materials-set .materials-title .desc-txt {
  width: fit-content;
  display: inline-block;
}
.how-it-made-finest-material .materials-set .materials-title .desc-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
  padding-left: 4px;
}
.how-it-made-finest-material .materials-set .material-text {
  order: 2;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 66px;
  max-width: 634px;
  margin-left: 68px;
  margin-bottom: 14px;
}
.how-it-made-finest-material .materials-set .material-text .text-box .head-txt {
  margin-bottom: 18px;
}
.how-it-made-finest-material .materials-set .material-text .text-box .head-txt p {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #111c1c;
}
.how-it-made-finest-material .materials-set .material-text .text-box .desc-txt p {
  font-size: 16px;
  line-height: 24px;
  color: #2e2e2e;
}
.how-it-made-finest-material .materials-set .material-bt-set {
  float: right;
  margin-right: 86px;
  margin-bottom: 40px;
}
.how-it-made-finest-material .materials-set .material-bt-set .scroll-down-button {
  width: fit-content;
}
.how-it-made-finest-material .materials-set .material-bt-set .scroll-down-button p {
  font-size: 16px;
}
.how-it-made-finest-material .materials-set .material-bt-set .bt-icon a {
  padding: 0px;
}
.how-it-made-finest-material .bg-pattern {
  position: absolute;
  top: 64px;
  left: 50%;
  transform: translate(760px, 0px);
  z-index: -1;
}
.how-it-made-finest-material .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.how-it-made-finest-material .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1024px) {
  .how-it-made-finest-material {
    min-height: 656px;
    padding-top: 62px;
    padding-bottom: 20px;
  }
  .how-it-made-finest-material:before {
    width: 324px;
  }
  .how-it-made-finest-material .materials-boxs {
    width: 100%;
    flex-flow: row wrap;
  }
  .how-it-made-finest-material .materials-set {
    width: 100%;
  }
  .how-it-made-finest-material .materials-set .materials-title {
    padding-left: 96px;
    margin-top: 66px;
    margin-bottom: 48px;
  }
  .how-it-made-finest-material .materials-set .materials-title .title-txt {
    margin-bottom: 4px;
  }
  .how-it-made-finest-material .materials-set .materials-title .title-txt p,
  .how-it-made-finest-material .materials-set .materials-title .title-txt h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .how-it-made-finest-material .materials-set .materials-title .desc-txt p {
    font-size: 14px;
    line-height: 24px;
    padding-left: 0px;
  }
  .how-it-made-finest-material .materials-set .material-text {
    grid-gap: 96px;
    max-width: 100%;
    padding: 0px 32px;
    margin-left: 0px;
  }
  .how-it-made-finest-material .materials-set .material-text .text-box .desc-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .how-it-made-finest-material .materials-set .material-bt-set {
    margin-right: 128px;
  }
  .how-it-made-finest-material .materials-set .material-bt-set .bt-icon {
    height: 42px;
    display: flex;
  }
  .how-it-made-finest-material .materials-set .material-bt-set .bt-icon .icon {
    width: 42px;
    height: 42px;
  }
  .how-it-made-finest-material .material-img {
    width: 100%;
    height: auto;
  }
  .how-it-made-finest-material .material-img .image-box {
    max-width: 100%;
    height: 300px;
  }
  .how-it-made-finest-material .bg-pattern {
    top: 278px;
    transform: none;
    right: -52px;
    left: auto;
  }
  .how-it-made-finest-material .bg-pattern .icon-bg svg {
    transform: scale(0.82);
  }
}
@media screen and (max-width: 767px) {
  .how-it-made-finest-material {
    padding-top: 12px;
    padding-bottom: 62px;
  }
  .how-it-made-finest-material:before {
    width: 164px;
    height: 100%;
  }
  .how-it-made-finest-material .materials-set .materials-title {
    padding-left: 32px;
    margin-top: 51px;
  }
  .how-it-made-finest-material .materials-set .materials-title .title-txt {
    margin-bottom: 6px;
  }
  .how-it-made-finest-material .materials-set .materials-title .title-txt p,
  .how-it-made-finest-material .materials-set .materials-title .title-txt h2 {
    font-size: 32px;
    line-height: 38px;
  }
  .how-it-made-finest-material .materials-set .material-text {
    grid-gap: 22px;
    padding: 0px;
    grid-template-columns: 1fr;
    margin-bottom: 46px;
  }
  .how-it-made-finest-material .materials-set .material-bt-set {
    float: left;
    margin: 0px 0px 0px 46px;
  }
  .how-it-made-finest-material .material-img .image-box {
    height: 350px;
  }
  .how-it-made-finest-material .bg-pattern {
    display: none;
  }
}
.how-it-made-video {
  position: relative;
  margin-bottom: 80px;
}
.how-it-made-video .video-box {
  height: 600px;
  width: 100%;
}
.how-it-made-video .video-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.how-it-made-video .video-box iframe {
  border: 0;
  width: 100%;
  height: 100%;
}
.how-it-made-video .bg-pattern {
  position: absolute;
  z-index: -1;
  bottom: -82px;
  left: 50%;
  transform: translate(-796px, 0);
}
.how-it-made-video .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.how-it-made-video .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1024px) {
  .how-it-made-video {
    margin-bottom: 48px;
  }
  .how-it-made-video .video-box {
    height: 324px;
    padding: 0px 32px;
  }
  .how-it-made-video .bg-pattern {
    transform: none;
    bottom: -85px;
    left: -50px;
  }
  .how-it-made-video .bg-pattern .icon-bg svg {
    transform: scale(0.78);
  }
}
@media screen and (max-width: 767px) {
  .how-it-made-video .container {
    padding: 0px;
  }
  .how-it-made-video .video-box {
    height: 100%;
  }
  .how-it-made-video .video-box video {
    object-fit: contain;
  }
  .how-it-made-video .bg-pattern {
    bottom: -80px;
    left: -84px;
  }
  .how-it-made-video .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
.glide-slide-item {
  display: flex;
  position: relative;
  flex-flow: row wrap;
}
.glide-slide-item a {
  cursor: pointer;
}
.glide-slide-item .glide-img img {
  height: auto;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}

@media screen and (max-width: 1024px) {
  .glide-slide-item .glide-img img {
    border-radius: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
}
@media screen and (max-width: 834px) {
  .glide-slide-item .glide-img img {
    object-fit: cover;
    height: 300px;
  }
}
@media screen and (max-width: 767px) {
  .glide-slide-item .glide-img img {
    max-width: calc(100% - 32px);
  }
}
@media screen and (max-width: 414px) {
  .glide-slide-item .glide-img img {
    object-fit: cover;
    height: 220px;
    max-width: 350px;
  }
}
.popup-personal-offers {
  padding: 132px 16px 64px 32px;
  z-index: -1;
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
}
.popup-personal-offers ::-webkit-scrollbar-thumb {
  background: #ffffff;
}
.popup-personal-offers.active {
  right: 0px;
  top: 0;
  opacity: 1;
  z-index: 7;
  pointer-events: initial;
}
.popup-personal-offers .popup-title {
  margin-bottom: 44px;
  padding-left: 32px;
}
.popup-personal-offers .popup-content {
  height: calc(100vh - 450px);
  padding-bottom: 18px;
}
.popup-personal-offers .popup-content .cart-item-list {
  width: 100%;
  max-width: 350px;
  padding-top: 24px;
}
.popup-personal-offers .popup-content .cart-item-list:before {
  display: none;
}
.popup-personal-offers .popup-content .cart-item-list .cart-txt {
  display: inline-block;
  padding-left: 32px;
  min-height: auto;
  margin-bottom: 20px;
}
.popup-personal-offers .popup-content .cart-item-list .cart-txt p {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.popup-personal-offers .popup-content .cart-item-list .cart-item.item-personal-offers .custom-select-list .list-option {
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.popup-personal-offers .popup-content .summary-set {
  margin-bottom: 26px;
}
.popup-personal-offers .popup-content .summary-set .product-preview {
  display: flex;
  margin-bottom: 6px;
}
.popup-personal-offers .popup-content .summary-set .product-preview .preview-img {
  width: 96px;
  padding: 0px 8px;
}
.popup-personal-offers .popup-content .summary-set .product-preview .preview-img img {
  width: 100%;
  object-fit: cover;
}
.popup-personal-offers .popup-content .summary-set .product-preview .preview-text {
  width: calc(100% - 96px);
  padding: 18px 0px 20px;
}
.popup-personal-offers .popup-content .summary-set .product-preview .preview-text .name {
  max-width: 160px;
  margin-bottom: 5px;
}
.popup-personal-offers .popup-content .summary-set .product-preview .preview-text .name p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
.popup-personal-offers .popup-content .shadows {
  display: none;
}
.popup-personal-offers .popup-box-summary {
  margin-top: 26px;
  position: relative;
  min-width: 325px;
  bottom: 110px;
  position: absolute;
}
.popup-personal-offers .popup-box-summary .summary-text-set {
  width: 100%;
  padding-left: 32px;
  padding-right: 48px;
}
.popup-personal-offers .popup-box-summary .summary-text-set .summary-text .text-label {
  display: flex;
  justify-content: space-between;
}
.popup-personal-offers .popup-box-summary .summary-text-set .summary-text .text-label p {
  font-size: 10px;
  line-height: 16px;
  color: #a6a8a7;
}
.popup-personal-offers .popup-box-summary .summary-text-set .summary-text .text-detail {
  display: flex;
  justify-content: space-between;
}
.popup-personal-offers .popup-box-summary .summary-text-set .summary-text .text-detail p {
  font-size: 12px;
  line-height: 20px;
  color: #111c1c;
}
.popup-personal-offers .popup-box-summary .summary-text-set .summary-text .text-detail p:first-child {
  max-width: 204px;
}
.popup-personal-offers .popup-box-summary .summary-text-set .summary-text .text-detail p.grey {
  color: #a6a8a7;
}
.popup-personal-offers .popup-box-summary .summary-text-set .summary-text .text-detail p b {
  font-weight: 700;
}
.popup-personal-offers .popup-box-summary .summary-text-set .summary-text .text-detail p b.orange {
  color: #e4b760;
}
.popup-personal-offers .popup-box-summary .summary-text-set .summary-text .text-detail p b.grey {
  color: #a6a8a7;
}
.popup-personal-offers .popup-box-summary .summary-bg {
  position: absolute;
  top: -22px;
  right: -16px;
  width: 264px;
  height: 64px;
  background-color: #f8f7f4;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  z-index: -1;
}
.popup-personal-offers .popup-box-bt {
  position: absolute;
  bottom: 64px;
  left: 0;
  right: 0;
  padding-right: 16px;
  padding-left: 32px;
  align-items: center;
}
.popup-personal-offers .popup-box-bt .simple-bt {
  width: 50%;
  justify-content: center;
}
.popup-personal-offers .popup-box-bt .simple-bt:first-child {
  padding-right: 20px;
  border: none;
}
.popup-personal-offers .popup-box-bt .simple-bt:first-child p {
  line-height: 16px;
  font-size: 12px;
  color: #d8d8d8;
}
.popup-personal-offers .popup-box-bt .simple-bt:last-child {
  padding-left: 20px;
}
.popup-personal-offers .popup-box-bt .simple-bt:last-child p {
  color: #111c1c;
  line-height: 16px;
  font-size: 14px;
}
.popup-personal-offers .popup-box-bt .simple-bt p {
  color: #888d8d;
  text-align: center;
}
.popup-personal-offers .popup-box-bt .simple-bt.disabled {
  opacity: 0.7;
  cursor: default;
}
.popup-personal-offers .popup-box-bt .bt-general {
  text-align: center;
  width: 50%;
}

@media screen and (max-width: 1280px) {
  .popup-personal-offers .popup-title {
    margin-bottom: 18px;
  }
  .popup-personal-offers .popup-box-summary {
    bottom: 110px;
    margin-top: 0;
    position: absolute;
  }
}
@media screen and (max-width: 743px) {
  .popup-personal-offers .popup-box-summary {
    position: absolute;
    bottom: 70px;
  }
  .popup-personal-offers .popup-box-bt {
    position: fixed;
    bottom: 30px;
    max-width: 414px;
    left: unset;
  }
}
@media screen and (max-width: 420px) {
  .popup-personal-offers {
    padding-top: 86px;
    padding-bottom: 32px;
  }
  .popup-personal-offers .popup-content {
    height: calc(100vh - 480px);
  }
}
@media screen and (max-width: 390px) {
  .popup-personal-offers .popup-box-summary .summary-text-set .summary-text .text-detail p:first-child {
    max-width: 160px;
  }
}
@media screen and (max-width: 370px) {
  .popup-personal-offers .popup-box-summary .summary-text-set .summary-text .text-detail p:first-child {
    max-width: 140px;
  }
}
@media screen and (max-width: 360px) {
  .popup-personal-offers {
    padding: 100px 0px 60px 32px;
  }
  .popup-personal-offers .popup-content {
    padding-right: 16px;
  }
  .popup-personal-offers .popup-content .summary-text-set {
    padding-right: 16px;
  }
}
.blog-overview-intro {
  position: relative;
  width: 100%;
  padding-top: 16px;
}
.blog-overview-intro:before {
  content: " ";
  position: absolute;
  top: 204px;
  right: 0;
  width: 38%;
  height: 100%;
  background-color: #f8f7f4;
  border-top-left-radius: 4px;
  z-index: -1;
}
.blog-overview-intro .container {
  position: relative;
}
.blog-overview-intro .blog-overview-intro-title {
  text-align: center;
  margin-bottom: 68px;
}
.blog-overview-intro .blog-overview-intro-title .title-txt {
  margin-bottom: 4px;
}
.blog-overview-intro .blog-overview-intro-title .title-txt p,
.blog-overview-intro .blog-overview-intro-title .title-txt h1,
.blog-overview-intro .blog-overview-intro-title .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.blog-overview-intro .blog-overview-intro-title .desc-txt {
  width: fit-content;
  display: inline-block;
}
.blog-overview-intro .blog-overview-intro-title .desc-txt p,
.blog-overview-intro .blog-overview-intro-title .desc-txt h2 {
  font-weight: 500;
  color: rgba(77, 85, 85, 0.75);
  font-size: 16px;
  line-height: 16px;
}
.blog-overview-intro .blog-detail-grid {
  max-width: 708px;
  margin-bottom: 94px;
}

@media screen and (max-width: 1024px) {
  .blog-overview-intro {
    padding-top: 12px;
  }
  .blog-overview-intro:before {
    top: 168px;
    width: 324px;
    height: 866px;
  }
  .blog-overview-intro .blog-profile {
    display: none;
  }
  .blog-overview-intro .blog-overview-intro-title {
    margin-bottom: 50px;
  }
  .blog-overview-intro .blog-overview-intro-title .title-txt p,
  .blog-overview-intro .blog-overview-intro-title .title-txt h1,
  .blog-overview-intro .blog-overview-intro-title .title-txt h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .blog-overview-intro .blog-overview-intro-title .desc-txt p,
  .blog-overview-intro .blog-overview-intro-title .desc-txt h2 {
    font-size: 14px;
    line-height: 16px;
  }
  .blog-overview-intro .blog-detail-grid {
    max-width: 640px;
    margin-bottom: 62px;
  }
}
@media screen and (max-width: 767px) {
  .blog-overview-intro:before {
    width: 164px;
    height: 750px;
  }
  .blog-overview-intro .blog-overview-intro-title {
    margin-bottom: 36px;
  }
  .blog-overview-intro .blog-overview-intro-title .title-txt p,
  .blog-overview-intro .blog-overview-intro-title .title-txt h1,
  .blog-overview-intro .blog-overview-intro-title .title-txt h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .blog-overview-intro .blog-detail-grid {
    margin-bottom: 46px;
    max-width: 286px;
    grid-gap: 30px;
  }
}
.blog-overview-tabs {
  position: relative;
}
.blog-overview-tabs:before {
  content: " ";
  position: absolute;
  top: 0px;
  right: 0;
  width: 38%;
  height: 846px;
  background-color: #f8f7f4;
  border-bottom-left-radius: 4px;
  z-index: -1;
}
.blog-overview-tabs .container {
  position: relative;
}
.blog-overview-tabs .blog-tab {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  margin-bottom: 60px;
}
.blog-overview-tabs .blog-tab::-webkit-scrollbar-thumb {
  display: none;
}
.blog-overview-tabs .blog-tab ul {
  padding: 0;
  width: fit-content;
  margin: 0 auto;
}
.blog-overview-tabs .blog-tab ul li {
  display: inline-block;
  cursor: pointer;
  padding: 0px 24px;
  height: 48px;
  transition: all 0.3s ease-out;
}
.blog-overview-tabs .blog-tab ul li:not(.active):hover, .blog-overview-tabs .blog-tab ul li.active {
  background-color: #edece8;
  border-radius: 50px;
}
.blog-overview-tabs .blog-tab ul li:not(.active):hover p, .blog-overview-tabs .blog-tab ul li.active p {
  color: rgb(17, 28, 28);
}
.blog-overview-tabs .blog-tab ul li p {
  line-height: 48px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: rgba(17, 28, 28, 0.4);
  transition: all 0.3s ease-out;
  white-space: nowrap;
}
.blog-overview-tabs .blog-contents {
  margin-bottom: 56px;
}
.blog-overview-tabs .blog-contents.content-layout-2 .content-grid .content-grid-item .item-bt, .blog-overview-tabs .blog-contents.content-layout-4 .content-grid .content-grid-item .item-bt {
  display: block;
}
.blog-overview-tabs .blog-contents.content-layout-2 .content-grid .content-grid-item .text, .blog-overview-tabs .blog-contents.content-layout-4 .content-grid .content-grid-item .text {
  padding: 32px 48px 30px;
}
.blog-overview-tabs .blog-contents.content-layout-2 .content-grid .bg-pattern.bg-2, .blog-overview-tabs .blog-contents.content-layout-4 .content-grid .bg-pattern.bg-2 {
  bottom: 604px;
}
.blog-overview-tabs .blog-contents .content-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 64px;
  grid-row-gap: 0px;
  position: relative;
}
.blog-overview-tabs .blog-contents .content-grid .content-grid-item {
  height: auto;
}
.blog-overview-tabs .blog-contents .content-grid .content-grid-item:nth-child(3n+2) {
  padding-top: 32px;
}
.blog-overview-tabs .blog-contents .content-grid .content-grid-item:nth-child(3n+3) {
  padding-top: 16px;
}
.blog-overview-tabs .blog-contents .content-grid .content-grid-item .image {
  height: 270px;
  overflow: hidden;
  border-radius: 5px;
}
.blog-overview-tabs .blog-contents .content-grid .content-grid-item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-overview-tabs .blog-contents .content-grid .content-grid-item .text {
  padding: 32px 48px 8px;
}
.blog-overview-tabs .blog-contents .content-grid .content-grid-item .text .subhead {
  display: inline-block;
  width: 100%;
}
.blog-overview-tabs .blog-contents .content-grid .content-grid-item .text .subhead span {
  color: #9da2a3;
  font-size: 12px;
  display: inline-block;
}
.blog-overview-tabs .blog-contents .content-grid .content-grid-item .text .subhead span.date {
  float: right;
  color: #9da2a3;
}
.blog-overview-tabs .blog-contents .content-grid .content-grid-item .text .head {
  margin-bottom: 28px;
}
.blog-overview-tabs .blog-contents .content-grid .content-grid-item .text .head h2 {
  padding: 0px;
  margin: 0px;
  font-size: 24px;
  line-height: 30px;
  color: #000;
}
.blog-overview-tabs .blog-contents .content-grid .content-grid-item .text .detail {
  max-width: 320px;
  margin-bottom: 22px;
}
.blog-overview-tabs .blog-contents .content-grid .content-grid-item .text .detail p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}
.blog-overview-tabs .blog-contents .content-grid .content-grid-item .item-bt {
  display: none;
}
.blog-overview-tabs .blog-contents .content-grid .content-grid-item .item-bt .bt-icon {
  background: #405955;
  border-radius: 30px;
  align-items: center;
  transition: 0.3s;
}
.blog-overview-tabs .blog-contents .content-grid .content-grid-item .item-bt .bt-icon:hover {
  filter: brightness(85%);
}
.blog-overview-tabs .blog-contents .content-grid .content-grid-item .item-bt .bt-icon a {
  padding: 0px 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-overview-tabs .blog-contents .content-grid .content-grid-item .item-bt .bt-icon p,
.blog-overview-tabs .blog-contents .content-grid .content-grid-item .item-bt .bt-icon a {
  color: #ffffff;
  font-size: 14px;
}
.blog-overview-tabs .blog-contents .content-grid .content-grid-item .item-bt .bt-icon p {
  padding: 0px 16px 0px 0px;
}
.blog-overview-tabs .blog-contents .content-grid .content-grid-item .item-bt .bt-icon .icon {
  width: 18px;
  height: 16px;
  border: none;
}
.blog-overview-tabs .blog-contents .content-grid .content-grid-item .item-bt .bt-icon .icon .icon-download {
  background-color: #ffffff;
}
.blog-overview-tabs .blog-contents .content-grid .bg-pattern {
  position: absolute;
  z-index: -1;
}
.blog-overview-tabs .blog-contents .content-grid .bg-pattern.bg-1 {
  top: -82px;
  left: -82px;
}
.blog-overview-tabs .blog-contents .content-grid .bg-pattern.bg-2 {
  bottom: 280px;
  left: 50%;
  transform: translate(134px, 0px);
}
.blog-overview-tabs .blog-contents .content-grid .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.blog-overview-tabs .blog-contents .content-grid .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1024px) {
  .blog-overview-tabs:before {
    height: 718px;
    width: 324px;
  }
  .blog-overview-tabs .blog-tab {
    margin-bottom: 60px;
  }
  .blog-overview-tabs .blog-tab ul li p {
    font-size: 14px;
  }
  .blog-overview-tabs .blog-contents {
    margin-bottom: 30px;
  }
  .blog-overview-tabs .blog-contents.content-layout-2 .content-grid .content-grid-item .text {
    padding: 32px 32px 46px;
  }
  .blog-overview-tabs .blog-contents.content-layout-2 .content-grid .bg-pattern.bg-2 {
    bottom: 600px;
  }
  .blog-overview-tabs .blog-contents .content-grid {
    grid-template-columns: repeat(2, 1fr);
    padding: 0px 32px;
  }
  .blog-overview-tabs .blog-contents .content-grid .content-grid-item:nth-child(n) {
    padding-top: 0px;
  }
  .blog-overview-tabs .blog-contents .content-grid .content-grid-item:nth-child(2n+2) {
    padding-top: 16px;
  }
  .blog-overview-tabs .blog-contents .content-grid .content-grid-item .image {
    height: 200px;
  }
  .blog-overview-tabs .blog-contents .content-grid .content-grid-item .text {
    padding: 32px 32px 24px;
  }
  .blog-overview-tabs .blog-contents .content-grid .content-grid-item .text .detail p {
    font-size: 14px;
    line-height: 24px;
  }
  .blog-overview-tabs .blog-contents .content-grid .bg-pattern.bg-1 {
    top: -80px;
    left: -52px;
  }
  .blog-overview-tabs .blog-contents .content-grid .bg-pattern.bg-2 {
    bottom: 334px;
    left: auto;
    right: -52px;
    transform: none;
  }
  .blog-overview-tabs .blog-contents .content-grid .bg-pattern .icon-bg svg {
    transform: scale(0.82);
  }
}
@media screen and (max-width: 767px) {
  .blog-overview-tabs:before {
    height: 45%;
    width: 164px;
  }
  .blog-overview-tabs .container {
    padding-right: 0px;
    padding-left: 32px;
  }
  .blog-overview-tabs .blog-tab {
    margin-bottom: 44px;
  }
  .blog-overview-tabs .blog-contents .container {
    padding-right: 32px;
    padding-left: 32px;
  }
  .blog-overview-tabs .blog-contents.content-layout-2 .content-grid .content-grid-item .text {
    padding: 32px 32px 64px;
  }
  .blog-overview-tabs .blog-contents.content-layout-2 .content-grid .bg-pattern.bg-2 {
    bottom: 22.3%;
  }
  .blog-overview-tabs .blog-contents .content-grid {
    grid-template-columns: repeat(1, 1fr);
    padding: 0px;
  }
  .blog-overview-tabs .blog-contents .content-grid .content-grid-item:nth-child(3n+2) {
    padding-top: 0px;
  }
  .blog-overview-tabs .blog-contents .content-grid .content-grid-item .image {
    height: 220px;
  }
  .blog-overview-tabs .blog-contents .content-grid .content-grid-item .text {
    padding: 32px 32px 40px;
  }
  .blog-overview-tabs .blog-contents .content-grid .content-grid-item .text .detail {
    max-width: 270px;
  }
  .blog-overview-tabs .blog-contents .content-grid .bg-pattern.bg-1 {
    top: -68px;
    left: -68px;
  }
  .blog-overview-tabs .blog-contents .content-grid .bg-pattern.bg-2 {
    bottom: 374px;
    right: -82px;
  }
  .blog-overview-tabs .blog-contents .content-grid .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
.blog-overview-slide {
  position: relative;
  width: 100%;
  min-height: 828px;
  padding-top: 136px;
  height: auto;
}
.blog-overview-slide:before {
  content: " ";
  position: absolute;
  top: 32px;
  left: 0;
  width: 38%;
  height: 732px;
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  z-index: -1;
}
.blog-overview-slide .hilight-box {
  display: flex;
  flex-flow: row wrap;
  z-index: 2;
  position: relative;
}
.blog-overview-slide .hilight-box .blog-overview-title-set {
  order: 1;
  width: 100%;
  margin-left: 61%;
  margin-bottom: 90px;
}
.blog-overview-slide .hilight-box .blog-overview-title-set .title-txt p,
.blog-overview-slide .hilight-box .blog-overview-title-set .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-overview-slide .hilight-box .blog-overview-title-set .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.blog-overview-slide .hilight-box .blog-overview-title-set .desc-txt p {
  color: rgba(77, 85, 85, 0.75);
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-overview-slide .hilight-box .blog-overview-detail-set {
  order: 3;
  width: 39%;
  position: relative;
  padding-left: 130px;
  padding-bottom: 40px;
}
.blog-overview-slide .hilight-box .blog-overview-detail-set .detail-txt {
  max-width: 330px;
  margin-bottom: 48px;
}
.blog-overview-slide .hilight-box .blog-overview-detail-set .detail-txt p {
  color: #111c1c;
  font-size: 14px;
  line-height: 24px;
}
.blog-overview-slide .hilight-box .blog-overview-detail-set .blog-overview-bt-set {
  margin: 0 0 0 32px;
}
.blog-overview-slide .hilight-box .blog-overview-detail-set .blog-overview-bt-set .bt-icon {
  height: 40px;
}
.blog-overview-slide .hilight-box .blog-overview-detail-set .blog-overview-bt-set .bt-icon p {
  padding: 0px 16px;
  line-height: 40px;
  white-space: nowrap;
}
.blog-overview-slide .hilight-box .blog-overview-detail-set .blog-overview-bt-set .bt-icon a {
  padding: 0px;
  line-height: 40px;
}
.blog-overview-slide .hilight-box .blog-overview-detail-set .blog-overview-bt-set .bt-icon .icon {
  width: 40px;
  height: 40px;
}
.blog-overview-slide .hilight-box .blog-overview-slide-box {
  order: 2;
  margin-top: -120px;
  width: 61%;
  height: fit-content;
}
.blog-overview-slide .hilight-box .quote-slides .quote-slide {
  width: calc(100% - 230px);
}
.blog-overview-slide .hilight-box .quote-slides .quote-slide .slide-nav.vertical {
  display: none;
}
.blog-overview-slide .hilight-box .quote-slides .quote-box {
  top: 96px;
  left: auto;
  right: -8px;
}
.blog-overview-slide .hilight-box .quote-slides .quote-box .icon-quote {
  left: auto;
  right: 36px;
}
.blog-overview-slide .bg-pattern {
  position: absolute;
  top: 516px;
  left: 50%;
  transform: translate(-154px, 0px);
  z-index: 1;
}
.blog-overview-slide .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.blog-overview-slide .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1199px) {
  .blog-overview-slide .hilight-box .blog-overview-detail-set .blog-overview-bt-set {
    margin: 0px;
  }
}
@media screen and (max-width: 1024px) {
  .blog-overview-slide {
    min-height: 698px;
    padding-top: 38px;
  }
  .blog-overview-slide:before {
    width: 324px;
    top: 0;
    height: 632px;
  }
  .blog-overview-slide .hilight-box .blog-overview-title-set {
    margin-bottom: 44px;
    margin-left: 54%;
  }
  .blog-overview-slide .hilight-box .blog-overview-title-set .title-txt p,
  .blog-overview-slide .hilight-box .blog-overview-title-set .title-txt h2 {
    margin-bottom: 0px;
    font-size: 40px;
    line-height: 50px;
  }
  .blog-overview-slide .hilight-box .blog-overview-title-set .desc-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .blog-overview-slide .hilight-box .blog-overview-detail-set {
    width: 42%;
    padding-left: 0px;
  }
  .blog-overview-slide .hilight-box .blog-overview-detail-set .detail-txt {
    max-width: 300px;
  }
  .blog-overview-slide .hilight-box .blog-overview-detail-set .blog-overview-bt-set {
    margin: 0 0 0 32px;
  }
  .blog-overview-slide .hilight-box .blog-overview-detail-set .blog-overview-bt-set .bt-icon a {
    font-size: 14px;
  }
  .blog-overview-slide .hilight-box .blog-overview-detail-set .blog-overview-bt-set .bt-icon .icon-schedule {
    width: 20px;
    height: 22px;
    -webkit-mask-size: cover;
  }
  .blog-overview-slide .hilight-box .blog-overview-slide-box {
    margin-top: -18px;
    width: 58%;
  }
  .blog-overview-slide .hilight-box .quote-slides .quote-slide {
    width: calc(100% - 64px);
    margin-left: -32px;
  }
  .blog-overview-slide .hilight-box .quote-slides .quote-slide .glide-slide-item .glide-img img {
    border-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    max-width: 100%;
  }
  .blog-overview-slide .hilight-box .quote-slides .quote-box {
    top: 236px;
    left: auto;
    right: 12px;
  }
  .blog-overview-slide .hilight-box .quote-slides .quote-box .icon-quote {
    left: auto;
    right: 28px;
  }
  .blog-overview-slide .bg-pattern {
    top: 484px;
    transform: translate(-32px, 0px);
  }
  .blog-overview-slide .bg-pattern .icon-bg svg {
    transform: scale(0.82);
  }
}
@media screen and (max-width: 991px) {
  .blog-overview-slide .hilight-box .hilight-box .quote-slides .quote-box {
    top: 180px;
  }
}
@media screen and (max-width: 767px) {
  .blog-overview-slide {
    min-height: 796px;
  }
  .blog-overview-slide:before {
    width: 164px;
    height: 762px;
    top: -16px;
  }
  .blog-overview-slide .hilight-box .blog-overview-title-set {
    margin-bottom: 24px;
    margin-left: 32px;
  }
  .blog-overview-slide .hilight-box .blog-overview-title-set .title-txt p,
  .blog-overview-slide .hilight-box .blog-overview-title-set .title-txt h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .blog-overview-slide .hilight-box .blog-overview-slide-box {
    margin: 0px;
    width: 100%;
    height: 400px;
  }
  .blog-overview-slide .hilight-box .blog-overview-detail-set {
    width: 100%;
    padding: 0px 32px 40px;
  }
  .blog-overview-slide .hilight-box .blog-overview-detail-set .detail-txt {
    max-width: 330px;
    margin-bottom: 32px;
  }
  .blog-overview-slide .hilight-box .blog-overview-detail-set .blog-overview-bt-set {
    margin: 0px 0 0 24px;
  }
  .blog-overview-slide .hilight-box .quote-slides .quote-slide {
    width: 100%;
    margin-left: -32px;
    height: 220px;
  }
  .blog-overview-slide .hilight-box .quote-slides .quote-box {
    left: auto;
    right: -34px;
    top: 178px;
  }
  .blog-overview-slide .hilight-box .quote-slides .quote-box .icon-quote {
    right: 24px;
  }
  .blog-overview-slide .bg-pattern {
    top: 48px;
    transform: none;
    right: 14px;
    left: auto;
  }
  .blog-overview-slide .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 414px) {
  .blog-overview-slide .bg-pattern {
    right: -16px;
  }
}
@media screen and (max-width: 370px) {
  .blog-overview-slide .hilight-box .blog-overview-detail-set .blog-overview-bt-set {
    margin: 0px;
  }
}
.popup-product {
  padding: 100px 22px 64px 32px;
  z-index: 8;
  top: 0;
  height: 100%;
}
.popup-product::-webkit-scrollbar-thumb {
  background: #0e1819;
}
.popup-product::-webkit-scrollbar-track {
  background: #e8e8e8;
}
.popup-product.active {
  right: 0px;
}
.popup-product .popup-title {
  margin-bottom: 48px;
  padding-left: 32px;
}
.popup-product .popup-content {
  height: calc(100vh - 336px);
  padding: 0px;
  z-index: 1;
}
.popup-product .popup-content .new-product-slide-item:last-child {
  margin-bottom: 100px;
}
.popup-product .popup-content .new-product-slide-item .item-container {
  max-width: 350px;
}
.popup-product .popup-content .new-product-slide-item .item-container .slide-text-box {
  padding: 40px 36px 32px;
}
.popup-product .popup-content .new-product-slide-item .item-container .slide-text-box .slide-bt-box {
  padding: 0px;
}
.popup-product .popup-content .new-product-slide-item .item-container .slide-text-box .bt-save:hover p {
  color: #e4b760;
}
.popup-product .popup-content .new-product-slide-item .item-container .slider {
  z-index: 2;
}
.popup-product .popup-content .new-product-slide-item .item-container .slider.sub-product-slide {
  position: relative;
  cursor: pointer;
}
.popup-product .popup-content .new-product-slide-item .item-container .slider.sub-product-slide .swiper-pagination.swiper-pagination-bullets {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
.popup-product .popup-content .new-product-slide-item .item-container .slider.sub-product-slide .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
}
.popup-product .popup-content .new-product-slide-item .item-container .slider.sub-product-slide .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.popup-product .popup-content .new-product-slide-item .item-container .slider.sub-product-slide .swiper-slide img {
  height: 308px;
  width: 100%;
  object-fit: contain;
}
.popup-product .popup-content .new-product-slide-item .item-container .slider .slide-nav {
  display: none;
}
.popup-product .popup-content .new-product-slide-item .item-img {
  height: 334px;
}
.popup-product .popup-content .new-product-slide-item .item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.popup-product .popup-content .shadows {
  display: none;
}
.popup-product .popup-box-summary {
  margin-bottom: 80px;
  margin-top: 26px;
  position: relative;
}
.popup-product .popup-box-summary .summary-text-set {
  margin-bottom: 46px;
  width: 100%;
  padding-left: 32px;
  padding-right: 48px;
}
.popup-product .popup-box-summary .summary-text-set .summary-text {
  margin-bottom: 16px;
}
.popup-product .popup-box-summary .summary-text-set .summary-text .text-label {
  display: flex;
  justify-content: space-between;
}
.popup-product .popup-box-summary .summary-text-set .summary-text .text-label p {
  font-size: 10px;
  line-height: 16px;
  color: #a6a8a7;
}
.popup-product .popup-box-summary .summary-text-set .summary-text .text-detail {
  display: flex;
  justify-content: space-between;
}
.popup-product .popup-box-summary .summary-text-set .summary-text .text-detail p {
  font-size: 12px;
  line-height: 20px;
  color: #111c1c;
}
.popup-product .popup-box-summary .summary-text-set .summary-text .text-detail p:first-child {
  max-width: 204px;
}
.popup-product .popup-box-summary .summary-text-set .summary-text .text-detail p.grey {
  color: #a6a8a7;
}
.popup-product .popup-box-summary .summary-text-set .summary-text .text-detail p b {
  font-weight: 700;
}
.popup-product .popup-box-summary .summary-text-set .summary-text .text-detail p b.orange {
  color: #e4b760;
}
.popup-product .popup-box-summary .summary-text-set .summary-text .text-detail p b.grey {
  color: #a6a8a7;
}
.popup-product .popup-box-summary .summary-bg {
  position: absolute;
  top: -22px;
  right: -16px;
  width: 264px;
  height: 64px;
  background-color: #f8f7f4;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  z-index: -1;
}
.popup-product .popup-box-bt {
  padding: 0px;
  height: 128px;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 2;
  width: 100%;
  background: #ffffff;
}
.popup-product .popup-box-bt .simple-bt {
  width: 50%;
}
.popup-product .popup-box-bt .simple-bt:first-child p {
  line-height: 16px;
  font-size: 12px;
  color: #d8d8d8;
}
.popup-product .popup-box-bt .simple-bt:last-child p {
  color: #111c1c;
  line-height: 16px;
  font-size: 14px;
}
.popup-product .popup-box-bt .simple-bt p {
  color: #888d8d;
  text-align: center;
}
.popup-product .popup-box-bt .simple-bt.disabled {
  opacity: 0.7;
  cursor: default;
}
.popup-product .close-bt {
  border: none;
}
.popup-product .close-bt:hover {
  border: none;
}

@media screen and (max-width: 1024px) {
  .popup-product .popup-content .new-product-slide-item .item-container .slide-text-box .slide-set-top {
    min-height: 70px;
  }
}
@media screen and (max-width: 400px) {
  .popup-product .popup-content {
    height: calc(100vh - 236px);
  }
  .popup-product .popup-box-bt {
    height: 64px;
  }
}
@media screen and (max-width: 360px) {
  .popup-product {
    padding: 100px 0px 60px 32px;
  }
  .popup-product .popup-content {
    padding-right: 16px;
  }
  .popup-product .popup-content .summary-text-set {
    padding-right: 16px;
  }
}
.display-content {
  position: relative;
  padding-top: 10px;
  padding-bottom: 42px;
}
.display-content:before {
  content: " ";
  position: absolute;
  top: 0px;
  right: 0;
  width: 38%;
  height: 1740px;
  background-color: #f8f7f4;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  z-index: -1;
}
.display-content .display-title {
  padding-left: 162px;
  margin-bottom: 70px;
}
.display-content .display-title .title-txt p,
.display-content .display-title .title-txt h1 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.display-content .display-title .desc-txt p {
  color: #111c1c;
  font-size: 16px;
}
.display-content .display-content-box {
  display: flex;
}
.display-content .display-content-box .display-menu {
  width: 288px;
}
.display-content .display-content-box .display-menu::-webkit-scrollbar-thumb {
  display: none;
}
.display-content .display-content-box .display-menu .menu-txt {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: #a0a4a4;
  transition: all 0.3s ease-out;
  margin-bottom: 18px;
  cursor: pointer;
  white-space: nowrap;
}
.display-content .display-content-box .display-menu .menu-txt.active {
  color: #111c1c;
}
.display-content .display-content-box .display-content-details {
  width: 845px;
  display: flex;
  flex-direction: column;
}
.display-content .display-content-box .bg-pattern {
  position: absolute;
  top: 468px;
  left: 50%;
  transform: translate(-506px, 0px);
  height: fit-content;
  width: fit-content;
  z-index: -1;
}
.display-content .display-content-box .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.display-content .display-content-box .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1024px) {
  .display-content {
    padding-top: 35px;
    padding-bottom: 12px;
  }
  .display-content:before {
    top: 28px;
    width: 324px;
    height: 2360px;
  }
  .display-content .display-title {
    padding-left: 96px;
    margin-bottom: 66px;
  }
  .display-content .display-title .title-txt p,
  .display-content .display-title .title-txt h1 {
    font-size: 40px;
    line-height: 50px;
  }
  .display-content .display-content-box .display-menu {
    width: 224px;
    padding-left: 32px;
  }
  .display-content .display-content-box .display-menu .menu-txt {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .display-content .display-content-box .display-content-details {
    width: calc(100% - 224px);
    max-width: 390px;
    padding-top: 4px;
  }
  .display-content .display-content-box .bg-pattern {
    top: 450px;
    transform: translate(-244px, 0px);
  }
  .display-content .display-content-box .bg-pattern .icon-bg svg {
    transform: scale(0.78);
  }
}
@media screen and (max-width: 767px) {
  .display-content:before {
    display: none;
  }
  .display-content .container {
    padding-right: 0px;
    padding-left: 32px;
  }
  .display-content .display-title {
    padding-left: 32px;
    margin-bottom: 36px;
    padding-right: 32px;
  }
  .display-content .display-title .title-txt p,
  .display-content .display-title .title-txt h1 {
    font-size: 32px;
    line-height: 42px;
  }
  .display-content .display-title .desc-txt p {
    font-size: 14px;
  }
  .display-content .display-content-box {
    flex-flow: row wrap;
    padding-bottom: 50px;
  }
  .display-content .display-content-box .display-menu {
    width: 100%;
    padding-left: 0px;
    display: flex;
    overflow-x: auto;
  }
  .display-content .display-content-box .display-menu .menu-txt {
    height: 48px;
    padding: 0px 24px;
    line-height: 48px;
    border-radius: 24px;
    font-size: 16px;
    margin-bottom: 28px;
  }
  .display-content .display-content-box .display-menu .menu-txt.active {
    background-color: #f8f7f4;
  }
  .display-content .display-content-box .display-content-details {
    width: 100%;
    max-width: 100%;
    padding-top: 4px;
    padding-right: 32px;
  }
  .display-content .display-content-box .bg-pattern {
    display: none;
  }
}
.display-content-detail {
  transition: all 0.3s ease-in-out;
  opacity: 0;
  max-height: 0;
  transform: translateY(400px);
}
.display-content-detail.active {
  opacity: 1;
  height: 100%;
  max-height: unset;
  transform: translateY(0px);
  transition: 0.5s opacity ease-in, 0.3s transform ease;
}
.display-content-detail .bt-route {
  margin-bottom: 48px;
  margin-top: -5px;
}
.display-content-detail .bt-route p {
  color: #e4b760;
  font-weight: 600;
}
.display-content-detail .content-head {
  margin-bottom: 30px;
  width: 100%;
}
.display-content-detail .content-head p,
.display-content-detail .content-head h2 {
  font-weight: 700;
  font-size: 32px;
  line-height: 42px;
}
.display-content-detail .content-title {
  margin-bottom: 24px;
}
.display-content-detail .content-text {
  margin-bottom: 24px;
}
.display-content-detail .content-text.gap20 {
  margin-bottom: 20px;
}
.display-content-detail .content-text h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #2e2e2e;
}
.display-content-detail .content-text p {
  font-size: 16px;
  line-height: 24px;
  color: #2e2e2e;
}
.display-content-detail .content-text p.bold {
  font-weight: 600;
}
.display-content-detail .content-text p span.bold {
  font-weight: 600;
}
.display-content-detail .content-text p span.italic {
  font-style: italic;
}
.display-content-detail .content-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 68px;
  margin-bottom: 76px;
}

@media screen and (max-width: 1024px) {
  .display-content-detail .content-head {
    margin-bottom: 28px;
  }
  .display-content-detail .content-text p,
  .display-content-detail .content-text h3 {
    font-size: 14px;
  }
  .display-content-detail .content-grid {
    grid-template-columns: 1fr;
    grid-gap: 8px;
    margin-bottom: 44px;
  }
  .display-content-detail .bt-route {
    margin-bottom: 30px;
  }
  .display-content-detail .bt-route.rout-section {
    margin-top: 36px;
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 767px) {
  .display-content-detail .content-head {
    margin-bottom: 22px;
  }
  .display-content-detail .content-head p,
  .display-content-detail .content-head h2 {
    font-size: 24px;
    line-height: 34px;
  }
  .display-content-detail .content-grid {
    margin-bottom: 28px;
  }
  .display-content-detail .content-grid .content-column .content-head {
    margin-bottom: 32px;
  }
  .display-content-detail .content-grid .content-column .content-head p,
  .display-content-detail .content-grid .content-column .content-head h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .display-content-detail .bt-route {
    margin-bottom: 34px;
  }
  .display-content-detail .bt-route.rout-section {
    margin-top: 0px;
  }
}
.display-qa-boxs {
  width: 100%;
  padding-top: 12px;
}
.display-qa-boxs .display-qa-box {
  cursor: pointer;
  margin-bottom: 0px;
  min-height: 48px;
}
.display-qa-boxs .display-qa-box.active {
  min-height: 64px;
  margin-bottom: 24px;
}
.display-qa-boxs .display-qa-box.active .head .qa-icon .icon-plus {
  opacity: 0;
  transition: 0.15s opacity ease-out;
  height: 0;
  transform: translateY(-10px);
}
.display-qa-boxs .display-qa-box.active .head .qa-icon .icon-minus {
  opacity: 1;
  transition: 0.15s opacity ease-in;
  height: 2px;
  transform: translateY(0);
}
.display-qa-boxs .display-qa-box.active .detail {
  max-height: unset;
  opacity: 1;
  transition: 0.3s opacity ease-in, 0.3s max-height ease;
}
.display-qa-boxs .display-qa-box .head {
  display: grid;
  grid-template-columns: 32px 1fr;
  width: 100%;
  min-height: 36px;
}
.display-qa-boxs .display-qa-box .head p {
  font-weight: 600;
  color: #2e2e2e;
  font-size: 16px;
  line-height: 26px;
}
.display-qa-boxs .display-qa-box .head .qa-icon .icon-minus {
  margin-top: 10px;
  opacity: 0;
  height: 0;
  transform: translateY(10px);
  transition: 0.15s opacity ease-out;
}
.display-qa-boxs .display-qa-box .head .qa-icon .icon-plus {
  margin-top: 8px;
  opacity: 1;
  height: 10px;
  transform: translateY(0);
  transition: 0.15s opacity ease-in;
}
.display-qa-boxs .display-qa-box .detail {
  padding-left: 64px;
  margin-top: 5px;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
}
.display-qa-boxs .display-qa-box .detail p {
  color: #2e2e2e;
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 1024px) {
  .display-qa-boxs {
    margin-bottom: 35px;
  }
  .display-qa-boxs .display-qa-box .head p {
    font-size: 14px;
  }
  .display-qa-boxs .display-qa-box .detail p {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .display-qa-boxs {
    margin-bottom: 16px;
  }
}
.display-contact-boxs {
  padding-top: 8px;
}
.display-contact-boxs .display-contact-box {
  display: grid;
  grid-template-columns: 32px 1fr;
  grid-gap: 16px;
  margin-bottom: 22px;
}
.display-contact-boxs .display-contact-box .text {
  padding-top: 6px;
}
.display-contact-boxs .display-contact-box .text .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.display-contact-boxs .display-contact-box .text .detail {
  font-size: 12px;
  color: #a0a4a4;
  line-height: 20px;
}
.display-contact-boxs .display-contact-box .icon-chat, .display-contact-boxs .display-contact-box .icon-headset, .display-contact-boxs .display-contact-box .icon-mail {
  cursor: default;
}

@media screen and (max-width: 1024px) {
  .display-contact-boxs {
    padding-top: 10px;
  }
  .display-contact-boxs .display-contact-box .text .title {
    font-size: 14px;
    line-height: 20px;
  }
  .display-contact-boxs .display-contact-box .text .detail {
    font-size: 11px;
    line-height: 20px;
  }
}
.voucher-redeem-input {
  min-height: calc(100vh - 96px);
  background-color: #405954;
}
.voucher-redeem-input p {
  font-size: 12px;
  line-height: 20px;
  color: #d4d4d4;
}
.voucher-redeem-input .redeem-input-container {
  position: relative;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  max-width: 800px;
  min-height: calc(100vh - 96px);
  margin: 0 auto;
}
.voucher-redeem-input .redeem-input-container .title {
  min-width: 356px;
  padding: 0;
}
.voucher-redeem-input .redeem-input-container .title p {
  color: #fff;
  font-weight: 700;
  font-size: 36px;
  line-height: 1.2;
}
.voucher-redeem-input .redeem-input-container .text-box {
  min-width: 356px;
  padding: 0;
}
.voucher-redeem-input .redeem-input-container .box-bt {
  margin: 8px 0 8px 0;
  width: 100%;
  max-width: 356px;
  height: 50px;
  overflow: hidden;
  border-radius: 50px;
  position: relative;
}
.voucher-redeem-input .redeem-input-container .box-bt input {
  width: 100%;
  color: #111c1c;
}
.voucher-redeem-input .redeem-input-container .box-bt input::placeholder, .voucher-redeem-input .redeem-input-container .box-bt input:-ms-input-placeholder, .voucher-redeem-input .redeem-input-container .box-bt input::-ms-input-placeholder {
  color: rgba(17, 28, 28, 0.4);
}
.voucher-redeem-input .redeem-input-container .box-bt .news-bt {
  position: relative;
  width: auto;
  min-width: 204px;
}
.voucher-redeem-input .redeem-input-container .box-bt.first {
  margin-top: 24px;
}
.voucher-redeem-input .redeem-input-container .box-bt.last {
  margin-bottom: 32px;
  margin-top: 16px;
  text-align: center;
}
.voucher-redeem-input .redeem-input-container .box-bt .copy-to-clipboard svg {
  cursor: default;
  position: absolute;
  height: 24px;
  width: 24px;
  top: 0px;
  right: 0;
  top: 14px;
  right: 14px;
  color: #AEB2B2;
}
.voucher-redeem-input .redeem-input-container .box-bt .copy-to-clipboard.active svg {
  cursor: pointer;
  color: #111C1C;
}
.voucher-redeem-input .redeem-input-container .box-bt .copy-to-clipboard:hover.active svg {
  color: #dfb66b;
}
.voucher-redeem-input .redeem-input-container .error-message, .voucher-redeem-input .redeem-input-container .order-number-required, .voucher-redeem-input .redeem-input-container .order-number-invalid {
  width: 100%;
  max-width: 356px;
  font-size: 14px;
  text-align: right;
  color: red;
  display: none;
  margin-bottom: 12px;
  margin-top: -4px;
}
.voucher-redeem-input .redeem-input-container .order-number-required, .voucher-redeem-input .redeem-input-container .order-number-invalid {
  display: none;
}
.voucher-redeem-input .voucher-redeemed-success-box {
  width: 100%;
  max-width: 356px;
  text-align: center;
  display: none;
}
.voucher-redeem-input .voucher-redeemed-success-box p {
  color: #fff;
}
.voucher-redeem-input .voucher-redeemed-success-box .success-message {
  font-size: 14px;
  color: #e4b760;
  display: block;
  margin-bottom: 24px;
}
.voucher-redeem-input .voucher-redeemed-success-box .campaign {
  font-size: 14px;
}
.voucher-redeem-input .voucher-redeemed-box {
  width: 100%;
  max-width: 356px;
}
.voucher-redeem-input .voucher-redeemed-box p {
  color: #8c9b8e;
  padding: 0 24px;
}
.voucher-redeem-input .voucher-redeemed-box ul {
  margin-top: 24px;
  margin-bottom: 12px;
  max-height: 310px;
  overflow-y: auto;
  padding: 0 24px;
}
.voucher-redeem-input .voucher-redeemed-box ul::-webkit-scrollbar {
  width: 4px;
  height: 6px;
}
.voucher-redeem-input .voucher-redeemed-box ul::-webkit-scrollbar-track {
  border-radius: 14px;
  background: rgba(168, 180, 178, 0.3);
}
.voucher-redeem-input .voucher-redeemed-box ul::-webkit-scrollbar-thumb {
  border-radius: 14px;
  background: #a8b4b2;
}
.voucher-redeem-input .voucher-redeemed-box ul li {
  display: flex;
  flex: 0 0 100%;
  padding: 22px 0;
  border-top: 1px solid #536a64;
  justify-content: space-between;
}
.voucher-redeem-input .voucher-redeemed-box ul li:last-child {
  border-bottom: 1px solid #536a64;
}
.voucher-redeem-input .voucher-redeemed-box ul li b {
  color: #cfd5d5;
  font-size: 14px;
}
.voucher-redeem-input .voucher-redeemed-box ul li b.right {
  text-align: right;
}

@media screen and (max-width: 450px) {
  .voucher-redeem-input .redeem-input-container {
    align-items: flex-start;
  }
  .voucher-redeem-input .redeem-input-container .title,
  .voucher-redeem-input .redeem-input-container .text-box {
    min-width: unset;
    width: 100%;
    padding: 0;
  }
  .voucher-redeem-input .redeem-input-container .box-bt {
    max-width: unset;
  }
}
.contact-content {
  position: relative;
  width: 100%;
  padding-top: 84px;
}
.contact-content .container {
  position: relative;
}
.contact-content .contact-content-title {
  text-align: center;
  margin-bottom: 68px;
}
.contact-content .contact-content-title .title-txt {
  margin-bottom: 4px;
}
.contact-content .contact-content-title .title-txt p,
.contact-content .contact-content-title .title-txt h1 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.contact-content .contact-content-title .desc-txt {
  width: fit-content;
  display: inline-block;
}
.contact-content .contact-content-title .desc-txt p {
  color: rgba(77, 85, 85, 0.75);
  font-size: 16px;
  line-height: 16px;
}
.contact-content .contact-content-title .desc-txt p .line-through {
  text-decoration: line-through;
}
.contact-content .blog-detail-grid {
  max-width: 680px;
  grid-gap: 76px;
}

@media screen and (max-width: 1024px) {
  .contact-content {
    padding-top: 104px;
  }
  .contact-content .contact-content-title {
    margin-bottom: 36px;
  }
  .contact-content .contact-content-title .title-txt p,
  .contact-content .contact-content-title .title-txt h1 {
    font-size: 40px;
    line-height: 50px;
  }
  .contact-content .contact-content-title .desc-txt p {
    font-size: 14px;
    line-height: 16px;
  }
  .contact-content .blog-detail-grid {
    margin-bottom: 30px;
    grid-gap: 0px;
    grid-template-columns: 1fr;
    text-align: center;
    max-width: 412px;
  }
}
@media screen and (max-width: 767px) {
  .contact-content .contact-content-title {
    margin-bottom: 36px;
  }
  .contact-content .contact-content-title .title-txt {
    margin-bottom: 0px;
  }
  .contact-content .contact-content-title .title-txt p,
  .contact-content .contact-content-title .title-txt h1 {
    font-size: 32px;
    line-height: 42px;
  }
  .contact-content .blog-detail-grid {
    max-width: 278px;
  }
}
.contact-showroom {
  position: relative;
  width: 100%;
  min-height: 580px;
  height: auto;
}
.contact-showroom:before {
  content: " ";
  position: absolute;
  top: 320px;
  left: 0;
  width: 38%;
  height: 100%;
  background-color: #f8f7f4;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  z-index: -1;
}
.contact-showroom .showroom-box .showroom-title {
  padding-left: 162px;
  padding-top: 104px;
  margin-bottom: 32px;
}
.contact-showroom .showroom-box .showroom-title .title-txt p,
.contact-showroom .showroom-box .showroom-title .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.contact-showroom .showroom-box .showroom-title .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.contact-showroom .showroom-box .showroom-title .desc-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 22px;
}
.contact-showroom .showroom-box .showroom-content {
  display: flex;
  position: relative;
  width: 100%;
}
.contact-showroom .showroom-box .showroom-content .showroom-detail {
  width: 45%;
}
.contact-showroom .showroom-box .showroom-content .showroom-detail .detail-content {
  max-width: 316px;
  margin-bottom: 64px;
  padding-top: 32px;
}
.contact-showroom .showroom-box .showroom-content .showroom-detail .detail-content p {
  font-size: 16px;
  line-height: 28px;
}
.contact-showroom .showroom-box .showroom-content .showroom-detail .bt-view {
  margin-left: 64px;
}
.contact-showroom .showroom-box .showroom-content .showroom-branch {
  width: 55%;
  position: relative;
}
.contact-showroom .showroom-box .showroom-content .showroom-branch .slider {
  width: 100%;
  height: 100%;
}
.contact-showroom .showroom-box .showroom-content .showroom-branch .slider.show-nav .slide-nav {
  display: block;
}
.contact-showroom .showroom-box .showroom-content .showroom-branch .slider .swiper-wrapper {
  width: 100%;
}
.contact-showroom .showroom-box .showroom-content .showroom-branch .slider .swiper-wrapper .swiper-slide {
  width: fit-content;
}
.contact-showroom .showroom-box .showroom-content .showroom-branch .slider .swiper-pagination {
  bottom: -38px;
  right: 8px;
  left: auto;
}
.contact-showroom .showroom-box .showroom-content .showroom-branch .slider .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
}
.contact-showroom .showroom-box .showroom-content .showroom-branch .slider .swiper-pagination .swiper-pagination-bullet:hover, .contact-showroom .showroom-box .showroom-content .showroom-branch .slider .swiper-pagination .swiper-pagination-bullet:focus {
  border: none;
  background-color: rgba(17, 28, 28, 0.25);
}
.contact-showroom .showroom-box .showroom-content .showroom-branch .slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(17, 28, 28);
}
.contact-showroom .showroom-box .showroom-content .showroom-branch .slider .slide-nav {
  z-index: 2;
  display: none;
}
.contact-showroom .showroom-box .showroom-content .showroom-branch .slider .slide-nav .nav-txt p.current-txt {
  color: black;
}
.contact-showroom .showroom-box .showroom-content .showroom-branch .slider .slide-nav .nav-txt p.label-txt {
  color: rgba(17, 28, 28, 0.34);
}
.contact-showroom .showroom-box .showroom-content .showroom-branch .slider .slide-nav .nav-txt p.all-txt {
  color: rgba(17, 28, 28, 0.34);
}
.contact-showroom .showroom-box .showroom-content .showroom-branch .slider .swiper-button-lock {
  display: none;
}
.contact-showroom .showroom-box .showroom-content .showroom-branch .showroom-branch-item .branch {
  margin-bottom: 10px;
}
.contact-showroom .showroom-box .showroom-content .showroom-branch .showroom-branch-item .branch p {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
}
.contact-showroom .showroom-box .showroom-content .showroom-branch .showroom-branch-item .address {
  margin-bottom: 16px;
}
.contact-showroom .showroom-box .showroom-content .showroom-branch .showroom-branch-item .address p {
  font-size: 16px;
  line-height: 24px;
}
.contact-showroom .showroom-box .showroom-content .showroom-branch .showroom-branch-item .detail {
  margin-bottom: 18px;
}
.contact-showroom .showroom-box .showroom-content .showroom-branch .showroom-branch-item .detail p {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.contact-showroom .showroom-box .showroom-content .showroom-branch .showroom-branch-item .detail a {
  color: #000000;
}
.contact-showroom .showroom-box .showroom-content .showroom-branch .showroom-branch-item .detail span {
  font-size: 16px;
  line-height: 24px;
  color: #aeb2b2;
}
.contact-showroom .showroom-box .showroom-content .showroom-branch .showroom-branch-item .bt-route p {
  font-weight: 600;
  font-size: 16px;
}

@media screen and (max-width: 1024px) {
  .contact-showroom:before {
    width: 324px;
    top: 528px;
  }
  .contact-showroom .showroom-box .showroom-title {
    padding-left: 112px;
    padding-top: 86px;
    margin-bottom: 64px;
  }
  .contact-showroom .showroom-box .showroom-title .title-txt p,
  .contact-showroom .showroom-box .showroom-title .title-txt h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .contact-showroom .showroom-box .showroom-title .desc-txt p {
    font-size: 14px;
    line-height: 22px;
  }
  .contact-showroom .showroom-box .showroom-content {
    flex-direction: column;
    max-width: 706px;
    margin: 0 auto;
  }
  .contact-showroom .showroom-box .showroom-content .showroom-branch {
    width: 100%;
    order: 1;
  }
  .contact-showroom .showroom-box .showroom-content .showroom-detail {
    width: 100%;
    order: 2;
    display: flex;
  }
  .contact-showroom .showroom-box .showroom-content .showroom-detail .detail-content {
    padding-top: 68px;
    width: 50%;
    padding-left: 80px;
    max-width: unset;
  }
  .contact-showroom .showroom-box .showroom-content .showroom-detail .detail-content p {
    font-size: 14px;
    line-height: 24px;
  }
  .contact-showroom .showroom-box .showroom-content .showroom-detail .bt-view {
    margin-top: 80px;
    margin-left: 74px;
  }
}
@media screen and (max-width: 767px) {
  .contact-showroom {
    min-height: 732px;
    padding-top: 0px;
    margin-bottom: 64px;
  }
  .contact-showroom:before {
    display: none;
  }
  .contact-showroom .container {
    padding-right: 0px;
    padding-left: 32px;
  }
  .contact-showroom .showroom-box .showroom-title {
    width: 100%;
    padding-left: 32px;
    margin-top: -16px;
    min-height: 106px;
    margin-bottom: 50px;
  }
  .contact-showroom .showroom-box .showroom-title .title-txt p,
  .contact-showroom .showroom-box .showroom-title .title-txt h2 {
    font-size: 32px;
    line-height: 38px;
  }
  .contact-showroom .showroom-box .showroom-content .showroom-detail {
    flex-direction: column;
  }
  .contact-showroom .showroom-box .showroom-content .showroom-detail .detail-content {
    padding-top: 50px;
    width: 100%;
    padding-left: 32px;
    max-width: 300px;
    margin-bottom: 28px;
  }
  .contact-showroom .showroom-box .showroom-content .showroom-detail .bt-view {
    margin-top: 0px;
    margin-left: 118px;
  }
  .contact-showroom .showroom-box .showroom-content .showroom-branch {
    padding-right: 20px;
  }
  .contact-showroom .showroom-box .showroom-content .showroom-branch .swiper {
    padding-bottom: 88px;
  }
  .contact-showroom .showroom-box .showroom-content .showroom-branch .nav-txt {
    display: flex;
    bottom: 15px;
    width: fit-content;
  }
  .contact-showroom .showroom-box .showroom-content .showroom-branch .slide-nav {
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 400px) {
  .contact-showroom .showroom-box .showroom-content .showroom-detail .bt-view {
    margin-left: 32px;
  }
}
.contact-slide {
  position: relative;
  width: 100%;
  min-height: 740px;
  padding-top: 52px;
  height: auto;
}
.contact-slide:before {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0;
  width: 38%;
  height: 642px;
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: -1;
}
.contact-slide .hilight-box {
  display: flex;
  flex-flow: row wrap;
  z-index: 2;
  position: relative;
}
.contact-slide .hilight-box .contact-slide-title-set {
  order: 1;
  width: 100%;
  margin-left: 61%;
  margin-bottom: 90px;
}
.contact-slide .hilight-box .contact-slide-title-set .title-txt p,
.contact-slide .hilight-box .contact-slide-title-set .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.contact-slide .hilight-box .contact-slide-title-set .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.contact-slide .hilight-box .contact-slide-title-set .desc-txt p {
  color: rgba(77, 85, 85, 0.75);
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.contact-slide .hilight-box .contact-slide-detail-set {
  order: 3;
  width: 39%;
  position: relative;
  padding-left: 130px;
  padding-bottom: 40px;
}
.contact-slide .hilight-box .contact-slide-detail-set .detail-txt {
  max-width: 330px;
  margin-bottom: 48px;
}
.contact-slide .hilight-box .contact-slide-detail-set .detail-txt p {
  color: #111c1c;
  font-size: 14px;
  line-height: 24px;
}
.contact-slide .hilight-box .contact-slide-detail-set .contact-slide-bt-set {
  margin: 0 0 0 32px;
}
.contact-slide .hilight-box .contact-slide-detail-set .contact-slide-bt-set .bt-icon {
  height: 40px;
}
.contact-slide .hilight-box .contact-slide-detail-set .contact-slide-bt-set .bt-icon p {
  padding: 0px 16px;
  line-height: 40px;
  white-space: nowrap;
}
.contact-slide .hilight-box .contact-slide-detail-set .contact-slide-bt-set .bt-icon a {
  padding: 0px;
  line-height: 40px;
}
.contact-slide .hilight-box .contact-slide-detail-set .contact-slide-bt-set .bt-icon .icon {
  width: 40px;
  height: 40px;
}
.contact-slide .hilight-box .contact-slide-box {
  order: 2;
  margin-top: -120px;
  width: 61%;
  height: fit-content;
}
.contact-slide .hilight-box .quote-slides .quote-slide {
  width: calc(100% - 230px);
}
.contact-slide .hilight-box .quote-slides .quote-slide .slide-nav.vertical {
  display: none;
}
.contact-slide .hilight-box .quote-slides .quote-box {
  top: 96px;
  left: auto;
  right: -8px;
}
.contact-slide .hilight-box .quote-slides .quote-box .icon-quote {
  left: auto;
  right: 36px;
}
.contact-slide .bg-pattern {
  position: absolute;
  z-index: -1;
  bottom: -82px;
  right: -82px;
}
.contact-slide .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.contact-slide .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1199px) {
  .contact-slide .hilight-box .contact-slide-detail-set .contact-slide-bt-set {
    margin: 0px;
  }
}
@media screen and (max-width: 1024px) {
  .contact-slide {
    min-height: 728px;
    padding-top: 38px;
  }
  .contact-slide:before {
    width: 324px;
    top: 0;
    height: 660px;
  }
  .contact-slide .hilight-box .contact-slide-title-set {
    margin-bottom: 44px;
    margin-left: 54%;
  }
  .contact-slide .hilight-box .contact-slide-title-set .title-txt p,
  .contact-slide .hilight-box .contact-slide-title-set .title-txt h2 {
    margin-bottom: 0px;
    font-size: 40px;
    line-height: 50px;
  }
  .contact-slide .hilight-box .contact-slide-title-set .desc-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .contact-slide .hilight-box .contact-slide-detail-set {
    width: 42%;
    padding-left: 0px;
  }
  .contact-slide .hilight-box .contact-slide-detail-set .detail-txt {
    max-width: 300px;
  }
  .contact-slide .hilight-box .contact-slide-detail-set .contact-slide-bt-set {
    margin: 0 0 0 32px;
  }
  .contact-slide .hilight-box .contact-slide-detail-set .contact-slide-bt-set .bt-icon a {
    font-size: 14px;
  }
  .contact-slide .hilight-box .contact-slide-detail-set .contact-slide-bt-set .bt-icon .icon-schedule {
    width: 20px;
    height: 22px;
    -webkit-mask-size: cover;
  }
  .contact-slide .hilight-box .contact-slide-box {
    margin-top: -18px;
    width: 58%;
  }
  .contact-slide .hilight-box .quote-slides .quote-slide {
    width: calc(100% - 64px);
    margin-left: -32px;
  }
  .contact-slide .hilight-box .quote-slides .quote-slide .glide-slide-item .glide-img img {
    border-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .contact-slide .hilight-box .quote-slides .quote-box {
    top: 236px;
    left: auto;
    right: 12px;
  }
  .contact-slide .hilight-box .quote-slides .quote-box .icon-quote {
    left: auto;
    right: 28px;
  }
  .contact-slide .bg-pattern {
    bottom: -210px;
    right: -166px;
  }
  .contact-slide .bg-pattern .icon-bg svg {
    transform: scale(0.82);
  }
}
@media screen and (max-width: 991px) {
  .contact-slide .hilight-box .hilight-box .quote-slides .quote-box {
    top: 180px;
  }
}
@media screen and (max-width: 767px) {
  .contact-slide {
    min-height: 826px;
    padding-top: 52px;
  }
  .contact-slide:before {
    width: 164px;
    height: 762px;
    top: 0px;
  }
  .contact-slide .hilight-box .contact-slide-title-set {
    margin-bottom: 24px;
    margin-left: 32px;
  }
  .contact-slide .hilight-box .contact-slide-title-set .title-txt p,
  .contact-slide .hilight-box .contact-slide-title-set .title-txt h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .contact-slide .hilight-box .contact-slide-box {
    margin: 0px;
    width: 100%;
    height: fit-content;
    min-height: 400px;
  }
  .contact-slide .hilight-box .contact-slide-detail-set {
    width: 100%;
    padding: 0px 32px 40px;
    margin-top: -12px;
  }
  .contact-slide .hilight-box .contact-slide-detail-set .detail-txt {
    max-width: 330px;
    margin-bottom: 32px;
  }
  .contact-slide .hilight-box .contact-slide-detail-set .contact-slide-bt-set {
    margin: 0px 0 0 24px;
  }
  .contact-slide .hilight-box .quote-slides .quote-slide {
    width: 100%;
    margin-left: -32px;
    height: 220px;
  }
  .contact-slide .hilight-box .quote-slides .quote-box {
    right: -67px;
    top: -44px;
    position: relative;
  }
  .contact-slide .hilight-box .quote-slides .quote-box .icon-quote {
    right: 24px;
  }
  .contact-slide .bg-pattern {
    top: -80px;
    right: -80px;
  }
  .contact-slide .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 400px) {
  .contact-slide .hilight-box .quote-slides .quote-box {
    right: -30px;
    top: -44px;
  }
}
@media screen and (max-width: 370px) {
  .contact-slide .hilight-box .contact-slide-detail-set .contact-slide-bt-set {
    margin: 0px;
  }
}
.wishlist-product {
  position: relative;
  min-height: 415px;
  height: auto;
  margin-bottom: 90px;
}
.wishlist-product.is-guest .share-box {
  display: none;
}
.wishlist-product.is-guest .login-box {
  display: block;
}
.wishlist-product.is-guest .product-box .product-box-grid {
  width: 100%;
  max-width: 100%;
}
.wishlist-product .wishlist-title {
  padding-top: 8px;
  padding-left: 160px;
  padding-bottom: 60px;
  height: auto;
}
.wishlist-product .wishlist-title .title-txt h1 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.wishlist-product .wishlist-title .desc-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 22px;
}
.wishlist-product .wishlist-title .desc-txt .have-product-desc {
  display: block;
}
.wishlist-product .wishlist-title .desc-txt .no-product-desc {
  display: none;
}
.wishlist-product .login-box {
  display: none;
  max-width: 332px;
  width: 100%;
  margin-inline: auto;
  padding-bottom: 64px;
}
.wishlist-product .login-box p {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
}
.wishlist-product .login-box button.login-button {
  color: #ffffff;
  background-color: #e4b760;
  border-radius: 100px;
  display: flex;
  text-align: center;
  width: 200px;
  height: 64px;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  margin-top: 24px;
  margin-inline: auto;
  justify-content: center;
  align-items: center;
  border: none;
}
.wishlist-product .login-box button.login-button:hover {
  background-color: #b99250;
}
.wishlist-product .login-box .icon-arr-up {
  transform: rotate(90deg);
  margin-left: 14px;
}
.wishlist-product .login-box .icon-arr-up svg {
  color: #ffffff;
}
.wishlist-product .product-box {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.wishlist-product .product-box .product-box-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(332px, 1fr));
  grid-column-gap: 24px;
  grid-row-gap: 32px;
  max-width: calc(100% - 342px);
  width: 100%;
}
.wishlist-product .product-box .product-box-grid .wishlist-item {
  opacity: 1;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
.wishlist-product .product-box .product-box-grid .wishlist-item.disable .item-container {
  opacity: 0.5;
}
.wishlist-product .product-box .product-box-grid .wishlist-item.disable .bt-save .save {
  display: none;
}
.wishlist-product .product-box .product-box-grid .wishlist-item.disable .bt-save .saved {
  display: none;
}
.wishlist-product .product-box .product-box-grid .wishlist-item.disable .bt-save .undo {
  display: flex;
}
.wishlist-product .product-box .product-box-grid .wishlist-item.has-3D-tagger .bt-config {
  display: none;
}
.wishlist-product .product-box .product-box-grid .wishlist-item.has-3D-tagger .bt-config.toggle-3d {
  display: flex;
}
.wishlist-product .product-box .product-box-grid .wishlist-item.has-3D-tagger .product-configs-selection {
  display: block;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .product-configs-selection {
  display: none;
}
.wishlist-product .product-box .product-box-grid .wishlist-item.has-3D .bt-config.bt-2D-product {
  display: none;
}
.wishlist-product .product-box .product-box-grid .wishlist-item.has-3D .bt-config.bt-3D-product {
  display: flex;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .bt-config {
  display: flex;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .bt-config.toggle-3d {
  display: none;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .bt-config.bt-3D-product {
  display: none;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .bt-config.bt-3D-product p {
  padding-left: 0;
  font-weight: 700;
  font-size: 16px;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .bt-config.bt-3D-product .icon-arr-right {
  height: 48px;
  display: flex;
  align-items: center;
  margin-left: 14px;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .bt-config.bt-3D-product .icon-arr-right svg {
  color: #ffffff;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slide-text-box {
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slide-text-box .slide-set-top {
  position: relative;
  min-height: 94px;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slide-text-box .slide-set-top .title-txt {
  min-height: 44px;
  margin-bottom: 4px;
  position: relative;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slide-text-box .slide-set-top .title-txt > p,
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slide-text-box .slide-set-top .title-txt > b {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #111c1c;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slide-text-box .slide-set-top .title-txt > b {
  text-overflow: initial;
  color: #e4b760;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slide-text-box .slide-set-top .title-txt .icon-moreinfo2 {
  display: inline-block;
  top: 3px;
  cursor: pointer;
  position: relative;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slide-text-box .slide-set-top .title-txt .icon-moreinfo2.repositioned {
  position: absolute;
  bottom: 3px;
  right: 0;
  top: unset;
  background: #ffffff;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slider {
  z-index: 2;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slider.sub-product-slide {
  position: relative;
  width: 100%;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slider.sub-product-slide .swiper-pagination {
  bottom: 30px;
  transform: translate(-50%, 0%);
  display: block;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slider.sub-product-slide .swiper-wrapper {
  transform: none !important;
  width: auto !important;
  display: block;
  position: relative;
  height: 268px;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slider.sub-product-slide .swiper-slide {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity 0.3s;
  text-align: center;
  z-index: 0;
  max-width: 100%;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slider.sub-product-slide .swiper-slide svg {
  width: 24px;
  height: 24px;
  --color-1: #333;
  position: absolute;
  bottom: 0px;
  right: 12px;
  cursor: pointer;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slider.sub-product-slide .swiper-slide-active {
  position: relative;
  z-index: 2;
  opacity: 1;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slider .swiper-slide a {
  cursor: pointer;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slider .swiper-slide img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slider .swiper-slide svg:hover {
  color: #e4b760;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slider .swiper-pagination {
  display: none;
  bottom: -64px;
  transform: translate(-50%, 0px);
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slider .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slider .swiper-pagination .swiper-pagination-bullet:hover, .wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slider .swiper-pagination .swiper-pagination-bullet:focus {
  border: none;
  background-color: rgba(17, 28, 28, 0.25);
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(17, 28, 28);
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slider .slide-nav {
  display: none;
}
.wishlist-product .product-box .product-box-grid .wishlist-item .item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wishlist-product .product-box .share-box {
  width: max-content;
  position: relative;
  padding-left: 26px;
}
.wishlist-product .product-box .share-box .share-box-container h2 {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  padding-bottom: 8px;
}
.wishlist-product .product-box .share-box .share-box-container p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
.wishlist-product .product-box .share-box .share-box-container .share-to-device-qr {
  padding-top: 16px;
  width: 200px;
  height: 200px;
}
.wishlist-product .product-box .share-box .share-box-container .panel-container .title {
  display: none;
  padding-bottom: 8px;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  padding-left: 0;
  padding-right: 0;
}
.wishlist-product .product-box .share-box .tabs {
  display: flex;
  width: 100%;
  flex-direction: row;
  padding-top: 40px;
  padding-bottom: 32px;
}
.wishlist-product .product-box .share-box label.tab {
  width: 50%;
  display: flex;
  color: #aeb2b2;
  height: 48px;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  gap: 10px;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
.wishlist-product .product-box .share-box label.tab:hover {
  background: #edece8;
  border-radius: 100px;
  color: #111c1c;
  opacity: 1;
}
.wishlist-product .product-box .share-box .share-wishlist-box {
  display: none;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
  width: 100%;
  background-color: #f8f7f4;
  height: 48px;
  align-content: center;
  position: relative;
  font-weight: 600;
  cursor: pointer;
  justify-content: space-between;
  padding: 0 24px;
  align-items: center;
}
.wishlist-product .product-box .share-box .share-wishlist-box .icon-arr-up {
  transform: rotate(180deg);
}
.wishlist-product .product-box .share-box .share-wishlist-box .icon-arr-up svg {
  color: #111c1c;
}
.wishlist-product .product-box .share-box input[name=share-tab] {
  display: none;
}
.wishlist-product .product-box .share-box input[name=tab-accordion] {
  display: none;
}
.wishlist-product .product-box .share-box #share-link:checked ~ nav label.share-link-box,
.wishlist-product .product-box .share-box #share-device:checked ~ nav label.share-device-box {
  background: #edece8;
  border-radius: 100px;
  color: #111c1c;
  opacity: 1;
}
.wishlist-product .product-box .share-box #share-link:checked ~ .share-link-panel,
.wishlist-product .product-box .share-box #share-device:checked ~ .share-device-panel {
  display: block;
  min-height: 300px;
  visibility: visible;
  height: 100%;
  opacity: 1;
  z-index: 1;
  max-height: unset;
  transition: 0.5s opacity ease-in, 0.3s transform ease;
}
.wishlist-product .product-box .share-box .tab-panel {
  display: block;
  width: 100%;
  height: auto;
  visibility: hidden;
  opacity: 0;
  height: auto;
  top: 0;
  z-index: 0;
  max-height: 0;
}
.wishlist-product .product-box .share-box .tab-panel .share-btn {
  min-width: 160px;
  height: 56px;
  display: flex;
  border: 1px solid #505050;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border-radius: 100px;
  margin-top: 16px;
  padding: 16px 20px 16px 16px;
}
.wishlist-product .product-box .share-box .tab-panel .share-btn:hover {
  border: 1px solid #e4b760;
  color: #e4b760;
}
.wishlist-product .product-box .share-box .tab-panel .share-btn:hover .icon-share svg {
  color: #e4b760;
}
.wishlist-product .product-box .share-box .tab-panel .share-btn:hover span {
  color: #e4b760;
}
.wishlist-product .product-box .share-box .tab-panel .share-btn span {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
}
.wishlist-product .product-box .share-box .tab-panel .share-btn.disabled {
  opacity: 0.7;
  cursor: default;
}
.wishlist-product .product-box .share-box .tab-panel.active .tab-panel {
  visibility: visible;
  opacity: 1;
}
.wishlist-product .product-box .share-box .icon-share {
  position: relative;
  padding-right: 8px;
}
.wishlist-product .product-box .share-box .icon-share svg {
  position: relative;
  width: 24px;
  height: 24px;
  color: #111c1c;
}
.wishlist-product .item-details-box {
  width: 306px;
  height: auto;
  display: none;
  flex-direction: column;
  gap: 4px;
  filter: drop-shadow(0px 0px 16px rgba(17, 28, 28, 0.16));
  background-color: #ffffff;
  border-radius: 4px;
  padding: 16px;
  transition: all ease-in-out 0.3s;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  transform: translate(calc(-50% + 8px), 30px);
}
.wishlist-product .item-details-box.active {
  display: flex;
  z-index: 100;
  opacity: 1;
  visibility: visible;
}
.wishlist-product .item-details-box::after {
  content: "";
  border-width: 7px 7px 0 7px;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: -7px;
  transform: rotate(180deg) translateX(-50%);
  right: 50%;
}
.wishlist-product .item-details-box .title {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
  display: none;
}
.wishlist-product .item-details-box .item-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.wishlist-product .item-details-box .item-col {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.wishlist-product .item-details-box .item-col:first-child {
  max-width: 94px;
}
.wishlist-product .item-details-box .item-row,
.wishlist-product .item-details-box .item-col {
  font-weight: 500;
  font-size: 11px;
  line-height: 14px;
  color: #a0a4a4;
  word-break: inherit;
  gap: 4px;
}
.wishlist-product .item-details-box .item-row > b,
.wishlist-product .item-details-box .item-col > b {
  color: #111c1c;
  font-weight: 500;
}
.wishlist-product .item-details-box .btn-close {
  width: 24px;
  height: 24px;
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  border-radius: 50%;
  margin-top: 4px;
  margin-right: 4px;
  margin-bottom: 12px;
}
.wishlist-product .item-details-box .btn-close svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  color: #111c1c;
  transition: all 0.3s ease-out;
}
.wishlist-product .item-details-box .btn-close svg use {
  transform: scale(1.5);
}
.wishlist-product .slide-bt-box {
  padding: 0px;
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
}
.wishlist-product .bt-save {
  width: 100%;
}
.wishlist-product .bt-save:not(.undo):hover p {
  color: #e4b760;
}
.wishlist-product .bt-save .saved {
  background: #ffffff;
  border-radius: 50%;
}
.wishlist-product .bt-save .undo {
  background: #ffffff;
  width: 76px;
  height: 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
  border: 1px solid #111c1c;
  border-radius: 100px;
  display: none;
  flex-direction: row;
  align-items: center;
  padding: 0px 8px 0px 4px;
}
.wishlist-product .product-box-bt {
  position: relative;
  width: 100%;
}
.wishlist-product .product-box-bt.only-3d .product-configs-selection .list-option .box-options {
  grid-template-columns: 1fr;
}
.wishlist-product .product-box-bt.only-3d .product-configs-selection .list-option .box-options::before {
  width: 100%;
}
.wishlist-product .product-box-bt.only-3d .product-configs-selection .list-option .box-options .box-option.option-2d {
  display: none;
}
.wishlist-product .product-box-bt .bt-config-wrapper.has-stock .bt-config p.has-stock {
  display: block;
}
.wishlist-product .product-box-bt .bt-config-wrapper.has-stock .bt-config p.out-of-stock {
  display: none;
}
.wishlist-product .product-box-bt .bt-config-wrapper.out-of-stock .bt-config p.has-stock {
  display: none;
}
.wishlist-product .product-box-bt .bt-config-wrapper.out-of-stock .bt-config p.out-of-stock {
  display: block;
}
.wishlist-product .product-box-bt .bt-config {
  height: 48px;
  padding: 0px 32px;
  display: flex;
  border-radius: 32px;
  width: auto;
  cursor: pointer;
  border-radius: 100px;
  justify-content: center;
}
.wishlist-product .product-box-bt .bt-config.toggle-3d {
  transition: all 0.3s ease-out;
  background: #f8f7f4;
  border: 2px solid #e4b760;
}
.wishlist-product .product-box-bt .bt-config p {
  line-height: 48px;
}
.wishlist-product .product-box-bt .bt-config .icon {
  height: 48px;
}
.wishlist-product .product-box-bt .product-configs-selection {
  color: #111c1c;
  width: 100%;
  height: 48px;
  position: absolute;
  top: 0;
}
.wishlist-product .product-box-bt .product-configs-selection .list-select {
  border-radius: 40px;
  background-color: #ffffff;
  position: relative;
  width: 100%;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.wishlist-product .product-box-bt .product-configs-selection .list-select p {
  padding-left: 24px;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
}
.wishlist-product .product-box-bt .product-configs-selection .list-select .icon-arr-down {
  z-index: 3;
}
.wishlist-product .product-box-bt .product-configs-selection .list-result {
  position: relative;
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.wishlist-product .product-box-bt .product-configs-selection .list-result .result-row {
  width: 100%;
  position: relative;
}
.wishlist-product .product-box-bt .product-configs-selection .list-result .result-row p {
  display: inline-block;
  float: left;
  font-size: 12px;
  line-height: 18px;
  padding-left: 26px;
  padding-right: 8px;
}
.wishlist-product .product-box-bt .product-configs-selection .list-result .result-row .icon-remove {
  display: inline-block;
  float: left;
  cursor: pointer;
  display: none;
}
.wishlist-product .product-box-bt .product-configs-selection .list-result .result-row .icon-remove.active {
  display: block;
}
.wishlist-product .product-box-bt .product-configs-selection .list-option {
  width: 100%;
  border-radius: 28px;
  top: 0;
  z-index: 2;
  background: none;
  box-shadow: none;
  padding: 0px;
}
.wishlist-product .product-box-bt .product-configs-selection .list-option .box-options {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  overflow: hidden;
}
.wishlist-product .product-box-bt .product-configs-selection .list-option .box-options:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100px;
  width: 50%;
  height: 48px;
}
.wishlist-product .product-box-bt .product-configs-selection .list-option .box-options.active:before {
  left: 50%;
}
.wishlist-product .product-box-bt .product-configs-selection .list-option .box-options .box-option {
  width: 100%;
  height: 48px;
  margin: 0;
  background: none;
  justify-content: center;
  padding-left: 0;
}
.wishlist-product .product-box-bt .product-configs-selection .list-option .box-options .box-option p {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.wishlist-product .product-box-bt .product-configs-selection .list-option .box-options .box-option .icon-arr-right {
  margin-left: 14px;
}
.wishlist-product.no-products {
  min-height: 160px;
}
.wishlist-product.no-products .wishlist-title {
  padding-bottom: 48px;
}
.wishlist-product.no-products .wishlist-title .desc-txt .have-product-desc {
  display: none;
}
.wishlist-product.no-products .wishlist-title .desc-txt .no-product-desc {
  display: block;
}

@media screen and (max-width: 1200px) {
  .wishlist-product .item-details-box:after {
    display: none;
  }
  .wishlist-product .item-details-box .title {
    display: block;
  }
  .wishlist-product .item-details-box .btn-close {
    display: flex;
  }
}
@media screen and (max-width: 1024px) {
  .wishlist-product {
    min-height: 330px;
    margin-bottom: 0;
  }
  .wishlist-product:before {
    height: 99%;
  }
  .wishlist-product .container {
    padding-right: 32px;
    padding-left: 32px;
  }
  .wishlist-product .wishlist-title {
    padding-top: 2px;
    padding-left: 96px;
    padding-bottom: 32px;
  }
  .wishlist-product .wishlist-title .title-txt h1 {
    font-size: 40px;
    line-height: 52px;
  }
  .wishlist-product .wishlist-title .desc-txt p {
    font-size: 14px;
    line-height: 20px;
  }
  .wishlist-product .login-box {
    padding-bottom: 48px;
  }
  .wishlist-product .product-box {
    display: flex;
    flex-direction: column;
  }
  .wishlist-product .product-box .product-box-grid {
    order: 2;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 16px;
    grid-column-gap: 54px;
    max-width: 100%;
    width: 100%;
  }
  .wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slider.sub-product-slide .custom_bullets {
    display: none;
  }
  .wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slide-text-box .slide-set-top {
    min-height: 96px;
  }
  .wishlist-product .product-box .share-box {
    order: 1;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 48px;
  }
  .wishlist-product .product-box .share-box .share-box-container .tabs {
    display: none;
  }
  .wishlist-product .product-box .share-box .share-box-container .share-link-panel {
    text-align: center;
  }
  .wishlist-product .product-box .share-box .share-box-container .share-link-panel .panel-container {
    max-width: 390px;
    margin: 0 auto;
    padding-top: 24px;
  }
  .wishlist-product .product-box .share-box .share-box-container .share-link-panel .panel-container .title {
    display: block;
  }
  .wishlist-product .product-box .share-box .share-box-container .share-link-panel .panel-container .share-btn {
    margin-left: auto;
    margin-right: auto;
  }
  .wishlist-product .product-box .share-box .share-box-container #share-wishlist ~ .share-link-panel {
    height: 0;
    transition: height 300ms ease-in-out;
    visibility: hidden;
    min-height: unset;
  }
  .wishlist-product .product-box .share-box .share-box-container #share-wishlist:checked ~ .share-wishlist-box .icon-arr-up {
    transform: rotate(0deg);
  }
  .wishlist-product .product-box .share-box .share-box-container #share-wishlist:checked ~ .share-link-panel {
    height: auto;
    visibility: visible;
  }
  .wishlist-product .product-box .share-box .share-box-container > h2 {
    padding-bottom: 24px;
  }
  .wishlist-product .product-box .share-box .share-box-container > p {
    display: none;
  }
  .wishlist-product .product-box .share-box .share-wishlist-box {
    display: flex;
  }
  .wishlist-product .product-box .share-box .tab-panel.share-device-panel {
    display: none;
  }
}
@media screen and (max-width: 743px) {
  .wishlist-product .container {
    padding-right: 32px;
    padding-left: 32px;
  }
  .wishlist-product .wishlist-title {
    padding-top: 8px;
    padding-left: 32px;
  }
  .wishlist-product .wishlist-title .title-txt h1 {
    font-size: 32px;
    line-height: 42px;
  }
  .wishlist-product .wishlist-title .desc-txt p {
    font-size: 14px;
  }
  .wishlist-product .login-box {
    padding-bottom: 24px;
  }
  .wishlist-product .product-box .product-box-grid {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 24px;
    padding: 0;
  }
  .wishlist-product .product-box .product-box-grid .wishlist-item {
    margin: 0 auto;
  }
  .wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slide-text-box .slide-set-top {
    min-height: 98px;
    height: auto;
  }
  .wishlist-product .product-box .share-box {
    padding-bottom: 24px;
  }
  .wishlist-product .product-box .share-box .share-box-container > h2 {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 480px) {
  .wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slider.sub-product-slide .swiper-wrapper {
    height: 280px;
  }
  .wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slider.sub-product-slide .swiper-slider {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slider.sub-product-slide .swiper-slider img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
  .wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slide-text-box .slide-set-top {
    min-height: 94px;
  }
  .wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slide-text-box .slide-set-top .title-txt {
    margin-bottom: 6px;
  }
}
@media screen and (max-width: 400px) {
  .wishlist-product .product-box .product-box-grid .wishlist-item {
    margin: 0;
  }
  .wishlist-product .product-box .product-box-grid .wishlist-item .item-container {
    margin: 0 auto;
  }
  .wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slide-text-box {
    padding: 10px;
  }
}
@media screen and (max-width: 380px) {
  .wishlist-product .product-box .product-box-grid .wishlist-item {
    margin: 0;
  }
  .wishlist-product .product-box .product-box-grid .wishlist-item .item-container {
    width: 100%;
    margin: 0 auto;
  }
  .wishlist-product .product-box .product-box-grid .wishlist-item .item-container .slider.sub-product-slide .swiper-wrapper {
    height: 220px;
  }
}
.team-intro {
  position: relative;
  width: 100%;
  padding-top: 8px;
}
.team-intro:before {
  content: " ";
  position: absolute;
  top: 198px;
  right: 0;
  width: 38%;
  height: 100%;
  background-color: #f8f7f4;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  z-index: -1;
}
.team-intro .container {
  position: relative;
}
.team-intro .container:before {
  content: "";
  position: absolute;
  top: 190px;
  right: 0;
  width: 38%;
  height: 100%;
  background-color: #f8f7f4;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  z-index: -1;
}
.team-intro .team-intro-title {
  text-align: center;
  margin-bottom: 68px;
}
.team-intro .team-intro-title .title-txt {
  margin-bottom: 4px;
}
.team-intro .team-intro-title .title-txt p,
.team-intro .team-intro-title .title-txt h1 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.team-intro .team-intro-title .desc-txt {
  width: fit-content;
  display: inline-block;
}
.team-intro .team-intro-title .desc-txt p {
  color: rgba(77, 85, 85, 0.75);
  font-size: 16px;
  line-height: 16px;
}
.team-intro .team-intro-title .desc-txt p .line-through {
  text-decoration: line-through;
}
.team-intro .team-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 64px;
  margin: 0 auto;
  width: 100%;
  max-width: 710px;
  margin-bottom: 94px;
}
.team-intro .team-detail-grid .text-box .head-txt {
  margin-bottom: 30px;
}
.team-intro .team-detail-grid .text-box .head-txt p {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
}
.team-intro .team-detail-grid .text-box .desc-txt p {
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 1024px) {
  .team-intro {
    padding-top: 2px;
  }
  .team-intro:before {
    top: 160px;
    width: 324px;
    height: 866px;
  }
  .team-intro .container:before {
    display: none;
  }
  .team-intro .team-intro-title {
    margin-bottom: 52px;
  }
  .team-intro .team-intro-title .title-txt p,
  .team-intro .team-intro-title .title-txt h1 {
    font-size: 40px;
    line-height: 50px;
  }
  .team-intro .team-intro-title .desc-txt p {
    font-size: 14px;
    line-height: 16px;
  }
  .team-intro .team-detail-grid {
    grid-gap: 64px;
    max-width: 640px;
    margin-bottom: 62px;
  }
  .team-intro .team-detail-grid .text-box .desc-txt p {
    font-size: 14px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .team-intro {
    padding-top: 10px;
  }
  .team-intro:before {
    width: 164px;
    height: 750px;
    top: 166px;
  }
  .team-intro .team-intro-title {
    margin-bottom: 36px;
  }
  .team-intro .team-intro-title .title-txt {
    margin-bottom: 0px;
  }
  .team-intro .team-intro-title .title-txt p,
  .team-intro .team-intro-title .title-txt h1 {
    font-size: 32px;
    line-height: 42px;
  }
  .team-intro .team-detail-grid {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 32px;
    margin-bottom: 62px;
    max-width: 280px;
    text-align: center;
  }
}
.team-member,
.team-member-component {
  position: relative;
  padding-bottom: 64px;
}
.team-member:before,
.team-member-component:before {
  content: " ";
  position: absolute;
  top: 0px;
  right: 0;
  width: 38%;
  height: 846px;
  background-color: #f8f7f4;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  z-index: -1;
}
.team-member:after,
.team-member-component:after {
  content: " ";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 38%;
  height: 1430px;
  background-color: #f8f7f4;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: -1;
}
.team-member .container,
.team-member-component .container {
  position: relative;
}
.team-member .container:before,
.team-member-component .container:before {
  content: " ";
  position: absolute;
  top: 0px;
  right: 0;
  width: 38%;
  height: 846px;
  background-color: #f8f7f4;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  z-index: -1;
}
.team-member .container:after,
.team-member-component .container:after {
  content: " ";
  position: absolute;
  bottom: -64px;
  left: 0;
  width: 512px;
  height: 1430px;
  background-color: #f8f7f4;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: -1;
}
.team-member .team-member-grid,
.team-member-component .team-member-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 64px;
  grid-row-gap: 30px;
}
.team-member .team-member-grid .team-member-item,
.team-member-component .team-member-grid .team-member-item {
  opacity: 1;
  visibility: visible;
  transition: all ease-in-out 0.5s;
}
.team-member .team-member-grid .team-member-item:nth-child(3n+2),
.team-member-component .team-member-grid .team-member-item:nth-child(3n+2) {
  margin-top: 32px;
}
.team-member .team-member-grid .team-member-item:nth-child(3n),
.team-member-component .team-member-grid .team-member-item:nth-child(3n) {
  margin-top: 16px;
}
.team-member .team-member-grid .team-member-item .image,
.team-member-component .team-member-grid .team-member-item .image {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  width: 100%;
  --aspect-ratio: 1;
  padding-bottom: calc(100% / var(--aspect-ratio));
  height: auto;
}
.team-member .team-member-grid .team-member-item .image img,
.team-member-component .team-member-grid .team-member-item .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-member .team-member-grid .team-member-item .text,
.team-member-component .team-member-grid .team-member-item .text {
  padding: 30px 48px;
}
.team-member .team-member-grid .team-member-item .text .position p,
.team-member .team-member-grid .team-member-item .text .position .txt,
.team-member-component .team-member-grid .team-member-item .text .position p,
.team-member-component .team-member-grid .team-member-item .text .position .txt {
  font-size: 12px;
  line-height: 16px;
  color: #848987;
}
.team-member .team-member-grid .team-member-item .text .name,
.team-member-component .team-member-grid .team-member-item .text .name {
  margin-bottom: 26px;
}
.team-member .team-member-grid .team-member-item .text .name p,
.team-member .team-member-grid .team-member-item .text .name h3,
.team-member .team-member-grid .team-member-item .text .name .txt,
.team-member-component .team-member-grid .team-member-item .text .name p,
.team-member-component .team-member-grid .team-member-item .text .name h3,
.team-member-component .team-member-grid .team-member-item .text .name .txt {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: #111c1c;
}
.team-member .team-member-grid .team-member-item .text .detail,
.team-member-component .team-member-grid .team-member-item .text .detail {
  max-width: 320px;
}
.team-member .team-member-grid .team-member-item .text .detail p,
.team-member .team-member-grid .team-member-item .text .detail .txt,
.team-member-component .team-member-grid .team-member-item .text .detail p,
.team-member-component .team-member-grid .team-member-item .text .detail .txt {
  font-size: 16px;
  line-height: 24px;
  color: #111c1c;
}
.team-member .team-member-grid .bg-pattern,
.team-member-component .team-member-grid .bg-pattern {
  position: absolute;
  z-index: -2;
  height: fit-content;
}
.team-member .team-member-grid .bg-pattern.bg-1,
.team-member-component .team-member-grid .bg-pattern.bg-1 {
  top: -82px;
  left: -82px;
}
.team-member .team-member-grid .bg-pattern.bg-2,
.team-member-component .team-member-grid .bg-pattern.bg-2 {
  bottom: 160px;
  right: -82px;
}
.team-member .team-member-grid .bg-pattern .icon-bg,
.team-member-component .team-member-grid .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.team-member .team-member-grid .bg-pattern .icon-bg svg,
.team-member-component .team-member-grid .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}
.team-member .bt-load-more,
.team-member-component .bt-load-more {
  margin-left: 61.2%;
  margin-top: 34px;
}

.edit .team-member .team-member-item .position,
.edit .team-member .team-member-item .name,
.edit .team-member .team-member-item .detail {
  visibility: visible !important;
}

@media screen and (max-width: 1024px) {
  .team-member:before,
  .team-member-component:before {
    width: 324px;
    height: 722px;
  }
  .team-member:after,
  .team-member-component:after {
    width: 324px;
    height: 1120px;
  }
  .team-member .container,
  .team-member-component .container {
    padding-right: 32px;
    padding-left: 32px;
  }
  .team-member .container:before, .team-member .container:after,
  .team-member-component .container:before,
  .team-member-component .container:after {
    display: none;
  }
  .team-member .team-member-grid,
  .team-member-component .team-member-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 32px;
  }
  .team-member .team-member-grid .team-member-item:nth-child(n),
  .team-member-component .team-member-grid .team-member-item:nth-child(n) {
    margin-top: 0px;
  }
  .team-member .team-member-grid .team-member-item:nth-child(even),
  .team-member-component .team-member-grid .team-member-item:nth-child(even) {
    margin-top: 16px;
  }
  .team-member .team-member-grid .team-member-item .text,
  .team-member-component .team-member-grid .team-member-item .text {
    padding: 30px 28px 30px 32px;
  }
  .team-member .team-member-grid .team-member-item .text .detail p,
  .team-member .team-member-grid .team-member-item .text .detail .txt,
  .team-member-component .team-member-grid .team-member-item .text .detail p,
  .team-member-component .team-member-grid .team-member-item .text .detail .txt {
    font-size: 14px;
    line-height: 24px;
    color: #111c1c;
  }
  .team-member .team-member-grid .bg-pattern.bg-1,
  .team-member-component .team-member-grid .bg-pattern.bg-1 {
    top: -80px;
    left: -84px;
  }
  .team-member .team-member-grid .bg-pattern.bg-2,
  .team-member-component .team-member-grid .bg-pattern.bg-2 {
    bottom: 150px;
    right: -80px;
  }
  .team-member .team-member-grid .bg-pattern .icon-bg svg,
  .team-member-component .team-member-grid .bg-pattern .icon-bg svg {
    transform: scale(0.82);
  }
  .team-member .bt-load-more,
  .team-member-component .bt-load-more {
    margin-left: 172px;
  }
}
@media screen and (max-width: 767px) {
  .team-member:before,
  .team-member-component:before {
    width: 164px;
    height: 1654px;
  }
  .team-member:after,
  .team-member-component:after {
    width: 164px;
    height: 1705px;
  }
  .team-member .team-member-grid,
  .team-member .members,
  .team-member-component .team-member-grid,
  .team-member-component .members {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 16px;
    grid-column-gap: 0px;
  }
  .team-member .team-member-grid .bg-pattern .icon-bg svg,
  .team-member .members .bg-pattern .icon-bg svg,
  .team-member-component .team-member-grid .bg-pattern .icon-bg svg,
  .team-member-component .members .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 400px) {
  .team-member .bt-load-more,
  .team-member-component .bt-load-more {
    margin: 0 auto;
    justify-content: center;
  }
}
.team-join,
.team-details-component {
  position: relative;
  width: 100%;
  padding-top: 105px;
  padding-bottom: 146px;
}
.team-join .container,
.team-details-component .container {
  position: relative;
}
.team-join .team-join-title,
.team-details-component .team-join-title {
  text-align: left;
  width: 100%;
  margin-left: 160px;
  margin-bottom: 38px;
}
.team-join .team-join-title .title-txt,
.team-details-component .team-join-title .title-txt {
  margin-bottom: 2px;
}
.team-join .team-join-title .title-txt p,
.team-join .team-join-title .title-txt h2,
.team-details-component .team-join-title .title-txt p,
.team-details-component .team-join-title .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.team-join .team-join-title .desc-txt,
.team-details-component .team-join-title .desc-txt {
  width: fit-content;
  display: inline-block;
}
.team-join .team-join-title .desc-txt p,
.team-details-component .team-join-title .desc-txt p {
  color: rgba(77, 85, 85, 0.75);
  font-size: 16px;
  line-height: 16px;
}
.team-join .team-join-title .desc-txt p .line-through,
.team-details-component .team-join-title .desc-txt p .line-through {
  text-decoration: line-through;
}
.team-join .team-join-box,
.team-details-component .team-join-box {
  display: flex;
}
.team-join .team-join-box .team-join-detail,
.team-details-component .team-join-box .team-join-detail {
  width: 41%;
  padding-top: 32px;
}
.team-join .team-join-box .team-join-detail .text-box,
.team-details-component .team-join-box .team-join-detail .text-box {
  max-width: 320px;
  margin-top: 30px;
  margin-bottom: 46px;
}
.team-join .team-join-box .team-join-detail .text-box .head-txt,
.team-details-component .team-join-box .team-join-detail .text-box .head-txt {
  margin-bottom: 30px;
}
.team-join .team-join-box .team-join-detail .text-box .head-txt p,
.team-details-component .team-join-box .team-join-detail .text-box .head-txt p {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
}
.team-join .team-join-box .team-join-detail .text-box .desc-txt p,
.team-details-component .team-join-box .team-join-detail .text-box .desc-txt p {
  font-size: 16px;
  line-height: 24px;
}
.team-join .team-join-box .team-join-detail .bt-join,
.team-details-component .team-join-box .team-join-detail .bt-join {
  margin-left: 32px;
}
.team-join .team-join-box .team-join-image,
.team-details-component .team-join-box .team-join-image {
  position: relative;
  width: 59%;
}
.team-join .team-join-box .team-join-image .join-image-grid,
.team-details-component .team-join-box .team-join-image .join-image-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px;
}
.team-join .team-join-box .team-join-image .join-image-grid .image,
.team-details-component .team-join-box .team-join-image .join-image-grid .image {
  --aspect-ratio: 0.62;
  position: relative;
  width: 100%;
  padding-bottom: calc(100% / var(--aspect-ratio));
  height: auto;
  overflow: hidden;
  border-radius: 5px;
}
.team-join .team-join-box .team-join-image .join-image-grid .image img,
.team-details-component .team-join-box .team-join-image .join-image-grid .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-join .team-join-box .team-join-image .bg-pattern,
.team-details-component .team-join-box .team-join-image .bg-pattern {
  position: absolute;
  z-index: -2;
  height: fit-content;
  bottom: -82px;
  left: -82px;
}
.team-join .team-join-box .team-join-image .bg-pattern .icon-bg,
.team-details-component .team-join-box .team-join-image .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.team-join .team-join-box .team-join-image .bg-pattern .icon-bg svg,
.team-details-component .team-join-box .team-join-image .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1024px) {
  .team-join,
  .team-details-component {
    padding-top: 74px;
  }
  .team-join .container,
  .team-details-component .container {
    position: relative;
    padding: 0px 32px;
  }
  .team-join .team-join-title,
  .team-details-component .team-join-title {
    margin-left: 154px;
    margin-bottom: 8px;
  }
  .team-join .team-join-title .title-txt,
  .team-details-component .team-join-title .title-txt {
    margin-bottom: 0px;
  }
  .team-join .team-join-title .title-txt p,
  .team-join .team-join-title .title-txt h2,
  .team-details-component .team-join-title .title-txt p,
  .team-details-component .team-join-title .title-txt h2 {
    font-size: 56px;
    line-height: 66px;
  }
  .team-join .team-join-box,
  .team-details-component .team-join-box {
    flex-direction: column;
  }
  .team-join .team-join-box .team-join-detail,
  .team-details-component .team-join-box .team-join-detail {
    width: 100%;
    display: flex;
    margin-bottom: 24px;
  }
  .team-join .team-join-box .team-join-detail .text-box,
  .team-details-component .team-join-box .team-join-detail .text-box {
    width: 50%;
    max-width: 100%;
    margin-bottom: 38px;
    padding-left: 32px;
  }
  .team-join .team-join-box .team-join-detail .bt-join,
  .team-details-component .team-join-box .team-join-detail .bt-join {
    margin-left: 100px;
    margin-top: 64px;
  }
  .team-join .team-join-box .team-join-image,
  .team-details-component .team-join-box .team-join-image {
    width: 100%;
  }
  .team-join .team-join-box .team-join-image .bg-pattern,
  .team-details-component .team-join-box .team-join-image .bg-pattern {
    bottom: -88px;
    left: auto;
    right: -76px;
  }
  .team-join .team-join-box .team-join-image .bg-pattern .icon-bg svg,
  .team-details-component .team-join-box .team-join-image .bg-pattern .icon-bg svg {
    transform: scale(0.9);
  }
}
@media screen and (max-width: 767px) {
  .team-join,
  .team-details-component {
    padding-top: 66px;
    padding-bottom: 96px;
  }
  .team-join .team-join-title,
  .team-details-component .team-join-title {
    margin-bottom: 6px;
    margin-left: 62px;
  }
  .team-join .team-join-title .title-txt,
  .team-details-component .team-join-title .title-txt {
    margin-bottom: 0px;
    padding-left: 22px;
  }
  .team-join .team-join-title .title-txt p,
  .team-join .team-join-title .title-txt h2,
  .team-details-component .team-join-title .title-txt p,
  .team-details-component .team-join-title .title-txt h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .team-join .team-join-title .desc-txt p,
  .team-details-component .team-join-title .desc-txt p {
    font-size: 14px;
  }
  .team-join .team-join-box .team-join-detail,
  .team-details-component .team-join-box .team-join-detail {
    flex-direction: column;
    margin-bottom: 46px;
  }
  .team-join .team-join-box .team-join-detail .text-box,
  .team-details-component .team-join-box .team-join-detail .text-box {
    width: 100%;
    max-width: 284px;
    padding: 0px;
    margin-top: 14px;
    margin-bottom: 4px;
    margin-left: 37px;
  }
  .team-join .team-join-box .team-join-detail .text-box .desc-txt p,
  .team-details-component .team-join-box .team-join-detail .text-box .desc-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .team-join .team-join-box .team-join-detail .bt-join,
  .team-details-component .team-join-box .team-join-detail .bt-join {
    margin-left: 80px;
    margin-top: 44px;
  }
  .team-join .team-join-box .team-join-image,
  .team-details-component .team-join-box .team-join-image {
    height: 260px;
  }
  .team-join .team-join-box .team-join-image .join-image-grid,
  .team-details-component .team-join-box .team-join-image .join-image-grid {
    grid-gap: 16px;
    position: absolute;
    width: 498px;
    left: 50%;
    transform: translateX(-50%);
  }
  .team-join .team-join-box .team-join-image .bg-pattern,
  .team-details-component .team-join-box .team-join-image .bg-pattern {
    bottom: -84px;
    right: 0px;
  }
  .team-join .team-join-box .team-join-image .bg-pattern .icon-bg svg,
  .team-details-component .team-join-box .team-join-image .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 400px) {
  .team-join .team-join-title,
  .team-details-component .team-join-title {
    margin: 0px;
  }
  .team-join .team-join-title .title-txt,
  .team-details-component .team-join-title .title-txt {
    padding: 0;
    text-align: center;
  }
  .team-join .team-join-title .desc-txt,
  .team-details-component .team-join-title .desc-txt {
    width: 100%;
    text-align: center;
  }
  .team-join .team-join-box .team-join-detail .text-box,
  .team-details-component .team-join-box .team-join-detail .text-box {
    margin: 0px;
    max-width: 100%;
  }
  .team-join .team-join-box .team-join-detail .bt-join,
  .team-details-component .team-join-box .team-join-detail .bt-join {
    margin: 0px auto;
    margin-top: 44px;
  }
}
.tooltip-box {
  --arrow-left: 0;
  background: #fff;
  min-width: 126px;
  max-width: 275px;
  position: fixed;
  z-index: 6;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  padding: 16px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip-box.visible {
  visibility: visible;
  opacity: 1;
}
.tooltip-box:after {
  background: #ffffff;
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  transform: rotate(45deg);
  box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.08);
  bottom: -4px;
  left: calc(var(--arrow-left) - 10px);
}
.tooltip-box.tooltip-within-container {
  position: absolute;
}
.tooltip-box .tooltip-content {
  color: #111c1c;
  font-size: 12px;
  line-height: 14px;
  white-space: normal;
  word-break: normal;
  padding: 0px;
}
.tooltip-box .tooltip-content .title p {
  color: #a0a4a4;
  font-size: 11px;
}
.tooltip-box .tooltip-content .title {
  margin-bottom: 10px;
}
.tooltip-box .tooltip-content table {
  min-width: 94px;
}
.tooltip-box .tooltip-content table tbody tr td:first-child {
  color: #111c1c;
  font-size: 11px;
}
.tooltip-box .tooltip-content table tbody tr td:last-child {
  color: #a0a4a4;
  font-size: 11px;
  text-align: end;
}
.tooltip-box .tooltip-content .label p {
  color: #a0a4a4;
  font-size: 10px;
}
.tooltip-box .tooltip-content .content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.tooltip-box .tooltip-content .detail p {
  color: #111c1c;
  font-size: 12px;
  line-height: 20px;
  white-space: break-spaces;
  word-break: break-word;
  padding: 0px;
}
.tooltip-box .tooltip-content .detail b {
  color: #111c1c;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  padding: 0px;
}
.tooltip-box .tooltip-content .detail.price .ed-name {
  width: calc(66% - 4px);
  display: inline-block;
  margin-right: 4px;
  white-space: break-spaces;
}
.tooltip-box .tooltip-content .detail.price .ed-price {
  float: right;
  display: inline-block;
  text-align: right;
  width: 34%;
}
.tooltip-box .close-bt-black {
  position: absolute;
  right: 14px;
  top: 10px;
  display: none;
}
.tooltip-box .close-bt-black .icon svg {
  left: 0;
}
.tooltip-box .ico {
  display: inline-block;
}
.tooltip-box .ico.ico-tds-choice {
  height: 24px;
  width: 140px;
  margin-bottom: 16px;
  display: block;
}
.tooltip-box .ico.ico-tds-choice-2d {
  height: 24px;
  width: 140px;
  margin-bottom: 4px;
  display: block;
}
.tooltip-box .ico.ico-plus {
  width: 10px;
  height: 10px;
  color: #111c1c;
  display: inline-flex;
  align-items: center;
  justify-self: center;
  margin-right: 6px;
}
.tooltip-box .tds-choice-logo {
  height: 24px;
  width: 140px;
  margin-bottom: 4px;
  display: block;
}
.tooltip-box .btn-order-sample {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 1px solid #111c1c;
  padding: 12px 16px;
  margin-top: 16px;
}
.tooltip-box .btn-order-sample.product-2d {
  margin-top: 4px;
}
.tooltip-box .btn-order-sample > p {
  color: #111c1c;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
}
.tooltip-box .btn-order-sample:hover {
  border: 1px solid #e4b760;
}
.tooltip-box .btn-order-sample:hover > p {
  color: #e4b760;
}
.tooltip-box .btn-order-sample:hover .ico-plus {
  color: #e4b760;
}

@media screen and (max-width: 1024px) {
  .tooltip-box .close-bt-black {
    display: inline-block;
  }
}
.magazine-intro {
  position: relative;
  width: 100%;
  padding-top: 8px;
}
.magazine-intro:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0;
  width: 38%;
  height: 960px;
  background-color: #f8f7f4;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  z-index: -1;
}
.magazine-intro .container {
  position: relative;
}
.magazine-intro .container:before {
  content: "";
  position: absolute;
  top: -8px;
  right: 0;
  width: 512px;
  height: 960px;
  background-color: #f8f7f4;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  z-index: -1;
}
.magazine-intro .magazine-intro-title {
  text-align: center;
  margin-bottom: 68px;
}
.magazine-intro .magazine-intro-title .title-txt {
  margin-bottom: 4px;
}
.magazine-intro .magazine-intro-title .title-txt p,
.magazine-intro .magazine-intro-title .title-txt h1 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.magazine-intro .magazine-intro-title .desc-txt {
  width: fit-content;
  display: inline-block;
}
.magazine-intro .magazine-intro-title .desc-txt p {
  color: rgba(77, 85, 85, 0.75);
  font-size: 16px;
  line-height: 26px;
}
.magazine-intro .magazine-intro-title .desc-txt p .line-through {
  text-decoration: line-through;
}
.magazine-intro .magazine-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 64px;
  margin: 0 auto;
  width: 100%;
  max-width: 710px;
  margin-bottom: 64px;
}
.magazine-intro .magazine-detail-grid .text-box .head-txt {
  margin-bottom: 30px;
}
.magazine-intro .magazine-detail-grid .text-box .head-txt p {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
}
.magazine-intro .magazine-detail-grid .text-box .desc-txt p {
  font-size: 16px;
  line-height: 24px;
}
.magazine-intro .magazine-image-grid {
  position: relative;
  margin-bottom: 98px;
}
.magazine-intro .magazine-image-grid .set-image {
  display: grid;
  grid-template-columns: 54% 21.4% 21.4%;
  grid-gap: 24px;
  margin-bottom: 44px;
}
.magazine-intro .magazine-image-grid .set-image .item {
  height: 480px;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.magazine-intro .magazine-image-grid .set-image .item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: 0.3s linear;
}
.magazine-intro .magazine-image-grid .bg-pattern {
  position: absolute;
  z-index: -2;
  height: fit-content;
  bottom: -82px;
  left: -82px;
}
.magazine-intro .magazine-image-grid .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.magazine-intro .magazine-image-grid .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}
.magazine-intro .bt-download {
  height: 48px;
  width: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-top: 30px;
  padding-left: 48px;
}
.magazine-intro .bt-download:hover .bt-icon {
  border: solid 2px #e4b760;
}
.magazine-intro .bt-download:hover .bt-icon .icon-arr-down-bg {
  background-color: #e4b760;
}
.magazine-intro .bt-download:hover p {
  color: #e4b760;
}
.magazine-intro .bt-download p {
  padding: 0px 16px;
  color: #111c1c;
  font-size: 16px;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
}
.magazine-intro .bt-download .bt-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  border: solid 2px #111c1c;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
.magazine-intro .bt-download .bt-icon .icon-arr-down-bg {
  background-color: #111c1c;
}

@media screen and (max-width: 1024px) {
  .magazine-intro {
    padding-top: 4px;
  }
  .magazine-intro:before {
    top: 16px;
    width: 324px;
    height: 836px;
  }
  .magazine-intro .container:before {
    display: none;
  }
  .magazine-intro .magazine-intro-title {
    margin-bottom: 50px;
  }
  .magazine-intro .magazine-intro-title .title-txt p,
  .magazine-intro .magazine-intro-title .title-txt h1 {
    font-size: 40px;
    line-height: 50px;
  }
  .magazine-intro .magazine-intro-title .desc-txt p {
    font-size: 14px;
    line-height: 16px;
  }
  .magazine-intro .magazine-detail-grid {
    grid-gap: 64px;
    max-width: 640px;
  }
  .magazine-intro .magazine-detail-grid .text-box .desc-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .magazine-intro .magazine-image-grid {
    padding: 0px 32px;
    margin-bottom: 66px;
  }
  .magazine-intro .magazine-image-grid .set-image {
    grid-template-columns: 1fr 1fr;
  }
  .magazine-intro .magazine-image-grid .set-image .item {
    height: 468px;
  }
  .magazine-intro .magazine-image-grid .set-image .item:first-child {
    height: 440px;
    grid-column: 1/3;
  }
  .magazine-intro .magazine-image-grid .bg-pattern {
    display: none;
  }
  .magazine-intro .bt-download {
    height: 40px;
  }
  .magazine-intro .bt-download .bt-icon {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .magazine-intro {
    padding-top: 10px;
  }
  .magazine-intro:before {
    width: 164px;
    height: 725px;
    top: 0px;
  }
  .magazine-intro .magazine-intro-title {
    margin-bottom: 36px;
  }
  .magazine-intro .magazine-intro-title .title-txt {
    margin-bottom: 0px;
  }
  .magazine-intro .magazine-intro-title .title-txt p,
  .magazine-intro .magazine-intro-title .title-txt h1 {
    font-size: 32px;
    line-height: 42px;
  }
  .magazine-intro .magazine-detail-grid {
    grid-template-columns: 1fr;
    grid-gap: 32px;
    max-width: 288px;
    text-align: center;
  }
  .magazine-intro .team-detail-grid {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 32px;
    margin-bottom: 62px;
    max-width: 280px;
    text-align: center;
  }
  .magazine-intro .magazine-image-grid {
    padding: 0px;
    margin-bottom: 66px;
  }
  .magazine-intro .magazine-image-grid .set-image {
    grid-gap: 16px;
  }
  .magazine-intro .magazine-image-grid .set-image .item {
    height: 230px;
  }
  .magazine-intro .magazine-image-grid .set-image .item:first-child {
    height: 218px;
  }
  .magazine-intro .bt-download {
    padding-left: 60px;
  }
}
.magazine-viewer {
  height: 100vh;
  position: relative;
  opacity: 0;
}
.magazine-viewer.active {
  opacity: 1;
  transition: opacity ease-out 300ms;
}
.magazine-viewer .circle-bt.bt-next, .magazine-viewer .circle-bt.bt-prev {
  border: solid 2px #000;
}
.magazine-viewer .circle-bt.bt-next .icon-arr-right svg,
.magazine-viewer .circle-bt.bt-next .icon-arr-left svg, .magazine-viewer .circle-bt.bt-prev .icon-arr-right svg,
.magazine-viewer .circle-bt.bt-prev .icon-arr-left svg {
  color: #000000;
}
.magazine-viewer .circle-bt.bt-next:not(.disable):hover .icon-arr-right svg, .magazine-viewer .circle-bt.bt-prev:not(.disable):hover .icon-arr-right svg {
  animation: moveNext 0.6s linear forwards;
}
.magazine-viewer .circle-bt.bt-next:not(.disable):hover .icon-arr-left svg, .magazine-viewer .circle-bt.bt-prev:not(.disable):hover .icon-arr-left svg {
  animation: moveBack 0.6s linear forwards;
}
.magazine-viewer .circle-bt.disabled {
  border: solid 2px rgba(17, 28, 28, 0.34);
  pointer-events: none;
}
.magazine-viewer .circle-bt.disabled .icon-arr-left svg,
.magazine-viewer .circle-bt.disabled .icon-arr-right svg {
  color: rgba(17, 28, 28, 0.34);
}
.magazine-viewer .circle-bt.bt-prev {
  top: 50%;
  transform: translateY(-50%);
  left: 25px;
}
.magazine-viewer .circle-bt.bt-next {
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
}
.magazine-viewer .magazine-book {
  width: calc(100% - 200px);
  height: 92%;
  top: 4%;
  left: 100px;
  position: absolute;
  overflow: hidden;
}
.magazine-viewer .magazine-book #book {
  height: 100%;
  touch-action: inherit !important;
}
.magazine-viewer .magazine-book .page {
  height: 100%;
  text-align: center;
}
.magazine-viewer .magazine-book .page img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

@media (max-width: 1200px) {
  .magazine-viewer .magazine-book {
    width: calc(100% - 160px);
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .magazine-viewer .circle-bt.bt-prev {
    width: 42px;
    height: 42px;
    left: 21px;
  }
  .magazine-viewer .circle-bt.bt-next {
    width: 42px;
    height: 42px;
    right: 21px;
  }
}
@media (max-width: 767px) {
  .magazine-viewer .magazine-book {
    width: calc(100% - 120px);
  }
  .magazine-viewer .circle-bt.bt-prev {
    width: 36px;
    height: 36px;
    left: 12px;
  }
  .magazine-viewer .circle-bt.bt-next {
    width: 36px;
    height: 36px;
    right: 12px;
  }
}
.configuration-3d-main {
  position: relative;
  width: 100%;
  transition: 0.3s;
}
.configuration-3d-main .step-price {
  position: absolute;
  bottom: 140px;
  right: 0px;
  width: 462px;
  z-index: 50;
}
.configuration-3d-main.active {
  opacity: 1;
  z-index: 5;
  pointer-events: initial;
}
.configuration-3d-main.fixed-size {
  overflow-y: hidden;
}
.configuration-3d-main::-webkit-scrollbar {
  display: none;
}
.configuration-3d-main .configuration-3d-boxs {
  background: #ffffff;
  height: 100%;
  max-width: 1680px;
  margin: 0 auto;
  position: relative;
}
.configuration-3d-main .configuration-3d-container {
  position: relative;
  width: 100%;
  max-width: 1556px;
  z-index: 2;
  margin: 0 auto;
  display: flex;
  align-items: center;
  height: 100vh;
  min-height: 640px;
}
.configuration-3d-main .closelight-bt {
  display: flex;
  right: 64px;
  top: 60px;
  position: absolute;
  z-index: 5;
  transition: 0.3s;
}
.configuration-3d-main .closelight-bt.disable {
  opacity: 0;
  top: -16px;
}
.configuration-3d-main .closelight-bt p {
  font-size: 14px;
  padding: 2px 10px;
}
.configuration-3d-main .closelight-bt .icon {
  margin-top: 3px;
}

@media screen and (max-width: 1112px) {
  .configuration-3d-main .step-price {
    width: 416px;
  }
  .configuration-3d-main .configuration-3d-container .configuration-progress.progress-3d {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .configuration-3d-main {
    height: 100%;
  }
  .configuration-3d-main .step-price {
    position: relative;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 1;
  }
  .configuration-3d-main .configuration-3d-boxs {
    max-height: 100%;
  }
  .configuration-3d-main .configuration-3d-container {
    min-height: 448px;
    height: 448px;
  }
  .configuration-3d-main .closelight-bt {
    right: 32px;
    top: 44px;
  }
  .configuration-3d-main .closelight-bt p {
    font-size: 12px;
    padding: 2px 14px;
  }
}
.configuration-3d-select-size {
  position: relative;
  width: 100%;
  transform: translateY(0px);
  opacity: 1;
  transition: 0.3s;
  padding: 0px 64px;
  z-index: 2;
}
.configuration-3d-select-size.hidden-fade {
  transform: translateY(20px);
  opacity: 0;
  height: 0px;
}
.configuration-3d-select-size.disabled-by-force-select .list-select {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-3d-select-size.disabled-by-force-select .icon-remove {
  display: none !important;
}
.configuration-3d-select-size .box-select {
  flex-direction: column;
}
.configuration-3d-select-size .box-select .custom-select-list {
  padding: 0px;
  width: 100%;
  max-width: 100%;
  margin-bottom: 18px;
}
.configuration-3d-select-size .box-select .custom-select-list.config-price-list .list-result {
  height: 52px;
  padding: 0px 26px;
}
.configuration-3d-select-size .box-select .custom-select-list.config-price-list .list-result .result-row .icon-remove {
  margin-left: 14px;
}
.configuration-3d-select-size .box-select .custom-select-list.config-price-list .list-select {
  background-color: #ffffff;
  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.08);
}
.configuration-3d-select-size .box-select .custom-select-list.config-price-list .list-select p {
  font-size: 13px;
  padding-left: 26px;
  pointer-events: none;
}
.configuration-3d-select-size .box-select .custom-select-list.config-price-list .list-option .box-options p.right {
  color: #111c1c;
}
.configuration-3d-select-size .box-select .custom-select-list.config-price-list .list-option .box-options .box-option.active {
  background-color: #ffffff;
}

@media screen and (max-width: 1112px) {
  .configuration-3d-select-size .box-select .custom-select-list {
    margin-bottom: 14px;
  }
  .configuration-3d-select-size .box-select .custom-select-list.config-price-list .list-select {
    height: 40px;
  }
  .configuration-3d-select-size .box-select .custom-select-list.config-price-list .list-select .icon-arr-down {
    right: 20px;
    top: 18px;
  }
  .configuration-3d-select-size .box-select .custom-select-list.config-price-list .list-select p {
    font-size: 12px;
    padding-left: 20px;
  }
  .configuration-3d-select-size .box-select .custom-select-list.config-price-list .list-result {
    height: 52px;
    padding: 0px 20px;
  }
}
@media screen and (max-width: 834px) {
  .configuration-3d-select-size .box-select .custom-select-list {
    margin-bottom: 20px;
  }
  .configuration-3d-select-size .box-select .custom-select-list.config-price-list .list-select {
    height: 48px;
  }
  .configuration-3d-select-size .box-select .custom-select-list.config-price-list .list-select p {
    font-size: 13px;
    padding-left: 26px;
  }
  .configuration-3d-select-size .box-select .custom-select-list.config-price-list .list-select .icon-arr-down {
    right: 22px;
    top: 20px;
  }
  .configuration-3d-select-size .box-select .custom-select-list.config-price-list .list-result {
    height: 50px;
    padding: 0px 24px;
  }
  .configuration-3d-select-size .box-select .custom-select-list.config-price-list .list-result .result-row .icon-remove {
    margin-left: 14px;
  }
}
@media screen and (max-width: 767px) {
  .configuration-3d-select-size {
    margin-bottom: 32px;
    padding: 0px 32px;
  }
  .configuration-3d-select-size .box-select .custom-select-list {
    margin-bottom: 16px;
  }
}
.configuration-3d-preview {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 1394px;
  padding-right: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.configuration-3d-preview .content-3d {
  position: absolute;
  height: 640px;
  display: flex;
  align-items: center;
  margin-left: -128px;
}
.configuration-3d-preview .content-3d .content-3d-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.configuration-3d-preview .content-3d .img {
  mix-blend-mode: darken;
  z-index: 3;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.configuration-3d-preview .content-3d .img #tdview {
  width: 1000px;
  height: 1000px;
  position: relative;
  margin-top: -200px;
  width: 1522px;
  height: 1058px;
}
.configuration-3d-preview .content-3d .img #tdview .loading-text {
  position: absolute;
  top: calc(50% + 186px);
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  font-weight: 600;
}
.configuration-3d-preview .content-3d .img #tdview.loaded .loading-text {
  display: none;
}
.configuration-3d-preview .content-3d .img img {
  width: 100%;
}
.configuration-3d-preview .content-3d .icon-3d-bg {
  position: absolute;
  z-index: 1;
  top: 48px;
  left: 50%;
  transform: translateX(-50%);
}
.configuration-3d-preview .content-3d .rotate-set {
  position: absolute;
  bottom: 96px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  pointer-events: none;
}
.configuration-3d-preview .content-3d .rotate-set .rotate-container {
  position: relative;
  display: flex;
  justify-content: center;
}
.configuration-3d-preview .content-3d .rotate-set .rotate-container .bt-rotate {
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.configuration-3d-preview .content-3d iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: none;
}
.configuration-3d-preview .content-3d .loading-icon {
  width: 160px !important;
  height: 160px;
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 80px);
}

@media screen and (max-width: 1280px) {
  .configuration-3d-preview .content-3d {
    margin-left: -230px;
  }
  .configuration-3d-preview .content-3d .img {
    max-width: 100%;
  }
  .configuration-3d-preview .content-3d .img #tdview {
    width: 1000px;
  }
}
@media screen and (max-width: 1112px) {
  .configuration-3d-preview {
    max-width: 848px;
    padding-right: 52px;
  }
  .configuration-3d-preview .content-3d {
    height: 600px;
    margin-left: 0px;
  }
  .configuration-3d-preview .content-3d .rotate-set {
    bottom: 138px;
  }
  .configuration-3d-preview .content-3d .rotate-set .icon-rotation-circle {
    width: 480px;
    height: 180px;
  }
  .configuration-3d-preview .content-3d .img {
    max-width: 100%;
  }
  .configuration-3d-preview .content-3d .img #tdview {
    width: 900px;
  }
  .configuration-3d-preview .content-3d .img #tdview .loading-text {
    top: calc(50% + 130px);
  }
  .configuration-3d-preview .content-3d .icon-3d-bg {
    width: 348px;
    height: 345px;
  }
  .configuration-3d-preview .content-3d .loading-icon {
    width: 100px !important;
    height: 100px;
    top: calc(50% - 20px);
    left: calc(50% - 50px);
  }
}
@media screen and (max-width: 834px) {
  .configuration-3d-preview {
    padding-right: 264px;
  }
  .configuration-3d-preview .content-3d {
    height: 478px;
  }
  .configuration-3d-preview .content-3d .rotate-set {
    bottom: 64px;
  }
}
@media screen and (max-width: 767px) {
  .configuration-3d-preview {
    padding-right: 0px;
    padding-top: 24px;
  }
  .configuration-3d-preview .content-3d {
    height: 312px;
  }
  .configuration-3d-preview .content-3d .icon-3d-bg {
    width: 240px;
    height: 238px;
  }
  .configuration-3d-preview .content-3d .img #tdview {
    width: 600px;
    margin-top: -88px;
  }
  .configuration-3d-preview .content-3d .rotate-set {
    width: 100%;
    bottom: 0px;
  }
  .configuration-3d-preview .content-3d .rotate-set .rotate-container .bt-rotate {
    height: 40px;
  }
  .configuration-3d-preview .content-3d .rotate-set .icon-rotation-circle {
    width: 350px;
    height: 131px;
  }
  .configuration-3d-preview .content-3d .loading-icon {
    width: 80px !important;
    height: 80px;
    top: calc(50% - 46px);
    left: calc(50% - 40px);
  }
  main.configuration-3d-page {
    position: relative;
    overflow: visible;
    height: auto;
  }
  main.configuration-3d-page.mobile-sticky-model .configuration-3d-container {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 4;
    height: 40vh;
    min-height: 0;
    background-color: #fff;
    padding-top: 50px;
  }
  main.configuration-3d-page.mobile-sticky-model .configuration-3d-container .border {
    box-shadow: 0px 2px 5px #ddd;
  }
  main.configuration-3d-page.mobile-sticky-model .configuration-3d-side-bar {
    position: relative;
    max-width: 100%;
    padding-bottom: 24px;
    width: 100%;
    margin-top: 34vh;
  }
  main.configuration-3d-page.mobile-sticky-model .configuration-3d-preview .content-3d .img #tdview {
    margin-top: 0;
    height: 100% !important;
    background-color: #fff;
  }
  main.configuration-3d-page.mobile-sticky-model .configuration-3d-preview .content-3d .img #tdview .loading-text {
    top: calc(50% + 82px);
  }
  main.configuration-3d-page.mobile-sticky-model .configuration-3d-preview .content-3d .rotate-set {
    bottom: 46px;
    z-index: 5;
  }
  main.configuration-3d-page.mobile-sticky-model .configuration-3d-preview .content-3d .rotate-set .bt-rotate {
    bottom: -66px;
  }
}
@media screen and (max-width: 639px) {
  .configuration-3d-preview .content-3d .img #tdview {
    width: 500px;
  }
}
@media screen and (max-width: 400px) {
  .configuration-3d-preview .content-3d .img #tdview {
    margin-left: 0px;
    width: 400px;
  }
}
.configuration-3d-side-bar {
  position: absolute;
  top: 0;
  right: 0;
  width: 440px;
  height: 100%;
  z-index: 3;
  background: rgba(255, 255, 255, 0.9);
}
.configuration-3d-side-bar:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0;
  width: 286px;
  height: 100%;
  background-color: #f8f7f3;
}

@media screen and (max-width: 1112px) {
  .configuration-3d-side-bar {
    max-width: 416px;
  }
  .configuration-3d-side-bar:before {
    width: 264px;
  }
}
@media screen and (max-width: 834px) {
  .configuration-3d-side-bar {
    max-width: 438px;
  }
}
@media screen and (max-width: 767px) {
  .configuration-3d-side-bar {
    position: relative;
    max-width: 100%;
    padding-bottom: 24px;
    width: 100%;
  }
  .configuration-3d-side-bar:before {
    width: 164px;
    top: 154px;
  }
}
.configuration-3d-control-box {
  width: 100%;
  max-width: 1680px;
  position: absolute;
  bottom: 48px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-flow: row wrap;
  z-index: 3;
  padding: 0px 64px;
}
.configuration-3d-control-box .bt-set-right {
  margin-left: auto;
  display: flex;
  width: fit-content;
  gap: 16px;
  justify-content: space-between;
  opacity: 1;
  transition: 0.3s;
}
.configuration-3d-control-box .bt-set-right.hidden-fade {
  transform: translateY(20px);
  opacity: 0;
}
.configuration-3d-control-box .product-price {
  padding: 6px 8px;
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.configuration-3d-control-box .product-price.hidden-fade {
  opacity: 0;
}
.configuration-3d-control-box .product-price .price {
  display: flex;
}
.configuration-3d-control-box .product-price .price span {
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
}
.configuration-3d-control-box .product-price .price p {
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  display: none;
}
.configuration-3d-control-box .product-price .price p.price-value {
  display: block;
}
.configuration-3d-control-box .product-price .condition p {
  color: #111c1c;
  font-size: 10px;
  line-height: 18px;
  font-weight: 600;
  text-align: right;
}
.configuration-3d-control-box .bt-next-step {
  height: 64px;
  padding: 0px 32px;
}
.configuration-3d-control-box .bt-next-step p {
  font-size: 14px;
  padding-right: 16px;
}
.configuration-3d-control-box .bt-next-step .icon-arr-right-bg2 svg {
  color: #fff;
}
.configuration-3d-control-box .bt-next-step.disabled {
  opacity: 0.3;
  cursor: default;
}
.configuration-3d-control-box .bt-back-step {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  padding: 0px 30px;
  border: solid 2px #111c1c;
  opacity: 1;
  transition: 0.3s;
  width: fit-content;
  cursor: pointer;
}
.configuration-3d-control-box .bt-back-step.hidden-fade {
  transform: translateY(20px);
  opacity: 0;
}
.configuration-3d-control-box .bt-back-step.hide {
  display: none;
}
.configuration-3d-control-box .bt-back-step:hover {
  border: solid 2px #e4b760;
}
.configuration-3d-control-box .bt-back-step:hover p {
  color: #e4b760;
}
.configuration-3d-control-box .bt-back-step:hover .icon-arr-left-bg2 svg {
  color: #e4b760;
}
.configuration-3d-control-box .bt-back-step.disabled {
  opacity: 0.3;
  cursor: default;
  border: solid 2px rgba(17, 28, 28, 0.4);
}
.configuration-3d-control-box .bt-back-step.disabled p {
  color: rgba(17, 28, 28, 0.4);
}
.configuration-3d-control-box .bt-back-step.disabled .icon-arr-left-bg2 svg {
  color: rgb(17, 28, 28);
  opacity: 0.4;
  cursor: default;
}
.configuration-3d-control-box .bt-back-step.disabled:hover {
  border: solid 2px rgba(17, 28, 28, 0.4);
}
.configuration-3d-control-box .bt-back-step.disabled:hover p {
  color: rgba(17, 28, 28, 0.4);
}
.configuration-3d-control-box .bt-back-step.disabled:hover .icon-arr-left-bg2 svg {
  color: rgb(17, 28, 28);
  opacity: 0.4;
}
.configuration-3d-control-box .bt-back-step p {
  font-size: 14px;
  padding-left: 14px;
  color: #111c1c;
  transition: none;
}
.configuration-3d-control-box .bt-back-step .icon-arr-left-bg2 svg {
  color: #111c1c;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-3d-control-box .bt-back-step:hover {
    border: solid 2px #e4b760;
  }
  .configuration-3d-control-box .bt-back-step:hover p {
    color: #e4b760;
  }
  .configuration-3d-control-box .bt-back-step:hover .icon-arr-left-bg2 svg {
    color: #e4b760;
  }
}
@media screen and (max-width: 1112px) {
  .configuration-3d-control-box .bt-next-step {
    height: 56px;
  }
  .configuration-3d-control-box .bt-next-step p {
    font-size: 12px;
  }
  .configuration-3d-control-box .bt-back-step {
    height: 56px;
    padding: 0px 30px;
  }
  .configuration-3d-control-box .bt-back-step p {
    font-size: 12px;
    padding-left: 14px;
  }
  .configuration-3d-control-box .bt-wish-list {
    width: 56px;
    height: 56px;
  }
  .configuration-3d-control-box .product-price {
    padding: 4px 8px;
  }
  .configuration-3d-control-box .product-price .price p {
    font-size: 16px;
    line-height: 30px;
  }
  .configuration-3d-control-box .product-price .price span {
    font-size: 16px;
    line-height: 30px;
  }
}
@media screen and (max-width: 834px) {
  .configuration-3d-control-box .bt-back-step {
    height: 64px;
    padding: 0px 34px;
  }
  .configuration-3d-control-box .bt-next-step {
    height: 64px;
    padding: 0px 36px;
  }
  .configuration-3d-control-box .bt-wish-list {
    width: 64px;
    height: 64px;
  }
  .configuration-3d-control-box .product-price .price p {
    font-size: 18px;
    line-height: 30px;
  }
  .configuration-3d-control-box .product-price .price span {
    font-size: 18px;
    line-height: 30px;
  }
}
@media screen and (max-width: 767px) {
  .configuration-3d-control-box {
    padding: 0px 56px;
    position: relative;
    top: 0px;
  }
  .configuration-3d-control-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #ffffff;
    width: calc(100% - 164px);
    height: 64px;
    z-index: -1;
  }
  .configuration-3d-control-box:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: #f8f7f3;
    width: 164px;
    height: 64px;
    z-index: -1;
  }
  .configuration-3d-control-box .bt-next-step {
    height: 64px;
    width: 64px;
    padding: 0px;
  }
  .configuration-3d-control-box .bt-next-step p {
    display: none;
  }
  .configuration-3d-control-box .product-price {
    padding: 8px 8px 0px 0px;
  }
  .configuration-3d-control-box .bt-wish-list {
    width: 64px;
    height: 64px;
  }
  .configuration-3d-control-box .bt-back-step {
    height: 64px;
    padding: 0px;
    width: 64px;
  }
  .configuration-3d-control-box .bt-back-step p {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .configuration-3d-control-box {
    padding: 0px 8px;
  }
  .configuration-3d-control-box .bt-set-right {
    gap: 4px;
  }
}
.configuration-3d-layout-step {
  z-index: 4;
  height: 100vh;
  width: 100%;
  overflow: hidden;
}
.configuration-3d-layout-step .layout-step {
  transition: all 0.3s ease-out;
  padding: 178px 0px 0px 0px;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  position: absolute;
}
.configuration-3d-layout-step .layout-step .scroll {
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0;
  height: calc(100vh - 400px);
}
.configuration-3d-layout-step .layout-step.step-select-size .configuration-3d-select-size {
  margin-bottom: 120px;
}
.configuration-3d-layout-step .layout-step.step-select-color .configuration-3d-select-color {
  margin-bottom: 122px;
}
.configuration-3d-layout-step .layout-step.step-select-shape .config-box-text {
  margin-bottom: 60px;
}
.configuration-3d-layout-step .layout-step.step-select-shape .configuration-3d-select-shape {
  margin-bottom: 104px;
}
.configuration-3d-layout-step .layout-step.step-select-slide-extra .configuration-3d-text {
  padding-left: 70px;
  padding-right: 64px;
}
.configuration-3d-layout-step .layout-step.step-select-slide-extra .configuration-3d-text .configuration-3d-desc-text .desc-text-set {
  margin-bottom: 25px;
  padding: 0px 20px;
}
.configuration-3d-layout-step .layout-step.step-select-slide-extra .configuration-3d-text .configuration-3d-desc-text .summary-text-set {
  padding-left: 20px;
}
.configuration-3d-layout-step .layout-step.step-select-slide-base .configuration-3d-select-slide {
  margin-bottom: 96px;
}
.configuration-3d-layout-step .layout-step.step-select-slide-base .configuration-3d-select-slide .glide {
  padding-bottom: 64px;
}
.configuration-3d-layout-step .layout-step.step-summary .scroll {
  height: calc(100vh - 320px);
}
.configuration-3d-layout-step .layout-step.step-summary .config-box-text {
  margin-bottom: 2px;
}
.configuration-3d-layout-step .layout-step.active {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  z-index: 4;
  overflow-y: visible;
}
.configuration-3d-layout-step .layout-step .layout-content {
  display: flex;
  flex-direction: column;
  position: relative;
}
.configuration-3d-layout-step .layout-step .layout-content .configuration-tool.hidden-fade {
  transform: translateY(20px);
  opacity: 0;
  height: 0px;
  pointer-events: none;
}
.configuration-3d-layout-step .layout-step .layout-content .product-configs {
  margin-bottom: 186px;
}
.configuration-3d-layout-step .layout-step .layout-content .product-configs .configuration-3d-text {
  position: relative;
}
.configuration-3d-layout-step .layout-step .config-box-text {
  padding-right: 24px;
  padding-left: 88px;
}
.configuration-3d-layout-step .layout-step .config-box-text .configuration-title {
  margin-bottom: 34px;
}
.configuration-3d-layout-step .layout-step .config-box-text .configuration-title .title-txt p {
  color: #111c1c;
  font-weight: 700;
  font-size: 32px;
  line-height: 42px;
}
.configuration-3d-layout-step .layout-step .config-box-text .configuration-title .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
  max-width: 430px;
}
.configuration-3d-layout-step .layout-step .config-box-text .configuration-title .desc-txt p {
  color: #4d5555;
  font-size: 13px;
  line-height: 18px;
}
.configuration-3d-layout-step .layout-step .config-box-text .configuration-detail {
  max-width: 262px;
  margin-bottom: 24px;
}
.configuration-3d-layout-step .layout-step .config-box-text .configuration-detail.active .detail-content {
  max-height: 100%;
}
.configuration-3d-layout-step .layout-step .config-box-text .configuration-detail.active .bt-route p {
  display: none;
}
.configuration-3d-layout-step .layout-step .config-box-text .configuration-detail.active .bt-route p.active-txt {
  display: block;
}
.configuration-3d-layout-step .layout-step .config-box-text .configuration-detail.active .bt-route .icon-arr-down svg {
  transform: rotate(0deg);
}
.configuration-3d-layout-step .layout-step .config-box-text .configuration-detail .detail-content {
  max-height: 74px;
  height: auto;
  overflow: hidden;
  margin-bottom: 18px;
  transition: height 0.3s;
  max-width: 262px;
}
.configuration-3d-layout-step .layout-step .config-box-text .configuration-detail .detail-content p {
  font-size: 13px;
  line-height: 24px;
  font-weight: 500;
  color: #2e2e2e;
}
.configuration-3d-layout-step .layout-step .config-box-text .configuration-detail .detail-content p b {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.configuration-3d-layout-step .layout-step .config-box-text .configuration-detail .bt-route p {
  font-size: 13px;
  font-weight: 600;
  padding-right: 12px;
}
.configuration-3d-layout-step .layout-step .config-box-text .configuration-detail .bt-route p.active-txt {
  display: none;
}

@media screen and (max-width: 1112px) {
  .configuration-3d-layout-step .layout-step.step-select-size .configuration-3d-select-size {
    margin-bottom: 46px;
  }
  .configuration-3d-layout-step .layout-step.step-select-slide .config-box-text {
    margin-bottom: 24px;
  }
  .configuration-3d-layout-step .layout-step.step-select-color .configuration-3d-select-color {
    margin-bottom: 66px;
  }
  .configuration-3d-layout-step .layout-step.step-select-shape .config-box-text {
    margin-bottom: 32px;
  }
  .configuration-3d-layout-step .layout-step.step-select-shape .configuration-3d-select-shape {
    margin-bottom: 68px;
  }
  .configuration-3d-layout-step .layout-step.step-select-slide-extra .config-box-text {
    margin-bottom: 24px;
  }
  .configuration-3d-layout-step .layout-step.step-select-slide-extra .configuration-3d-text {
    padding-left: 64px;
    padding-right: 64px;
  }
  .configuration-3d-layout-step .layout-step.step-select-slide-base .config-box-text {
    margin-bottom: 24px;
  }
  .configuration-3d-layout-step .layout-step.step-select-slide-base .configuration-3d-select-slide {
    margin-bottom: 36px;
  }
  .configuration-3d-layout-step .layout-step.step-summary .config-box-text {
    margin-bottom: 0px;
  }
  .configuration-3d-layout-step .layout-step .config-box-text {
    padding-right: 20px;
    padding-left: 84px;
  }
  .configuration-3d-layout-step .layout-step .config-box-text .configuration-title {
    margin-bottom: 32px;
  }
  .configuration-3d-layout-step .layout-step .config-box-text .configuration-title .title-txt p {
    font-size: 28px;
    line-height: 36px;
  }
  .configuration-3d-layout-step .layout-step .config-box-text .configuration-title .desc-txt p {
    font-size: 12px;
  }
  .configuration-3d-layout-step .layout-step .config-box-text .configuration-detail {
    margin-bottom: 24px;
    max-width: 244px;
  }
  .configuration-3d-layout-step .layout-step .config-box-text .configuration-detail.active .detail-content {
    height: auto;
  }
  .configuration-3d-layout-step .layout-step .config-box-text .configuration-detail .detail-content {
    margin-bottom: 16px;
  }
  .configuration-3d-layout-step .layout-step .config-box-text .configuration-detail .detail-content p {
    font-size: 12px;
    line-height: 20px;
  }
  .configuration-3d-layout-step .layout-step .config-box-text .configuration-detail .bt-route p {
    font-size: 12px;
    padding-right: 12px;
  }
}
@media screen and (max-width: 834px) {
  .configuration-3d-layout-step .layout-step.step-select-size .configuration-3d-text {
    margin-top: auto;
  }
  .configuration-3d-layout-step .layout-step.step-select-size .configuration-3d-select-size {
    margin-bottom: 8px;
  }
  .configuration-3d-layout-step .layout-step .config-box-text {
    padding: 0px 24px;
    padding-left: 88px;
  }
  .configuration-3d-layout-step .layout-step .config-box-text .configuration-title .title-txt p {
    font-size: 32px;
    line-height: 38px;
  }
  .configuration-3d-layout-step .layout-step .config-box-text .configuration-detail {
    max-width: 264px;
  }
  .configuration-3d-layout-step .layout-step .config-box-text .configuration-detail .detail-content p {
    font-size: 13px;
    line-height: 20px;
  }
  .configuration-3d-layout-step .layout-step .config-box-text .configuration-detail .bt-route p {
    font-size: 13px;
    padding-right: 14px;
  }
  .configuration-3d-layout-step .layout-step .layout-content {
    min-height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .configuration-3d-layout-step {
    height: auto;
    overflow: visible;
  }
  .configuration-3d-layout-step .layout-step {
    padding: 36px 0px 0px 0px;
    height: 100%;
    max-width: 100%;
    width: 100%;
    top: 0;
    max-height: 400px !important;
    overflow: hidden;
  }
  .configuration-3d-layout-step .layout-step.active {
    max-height: 9999px !important;
  }
  .configuration-3d-layout-step .layout-step.step-select-size {
    height: 100%;
  }
  .configuration-3d-layout-step .layout-step.step-select-size .configuration-3d-select-size {
    margin-bottom: 22px;
  }
  .configuration-3d-layout-step .layout-step.step-select-size .layout-content {
    min-height: 100%;
    height: 100%;
    padding-bottom: 30px;
  }
  .configuration-3d-layout-step .layout-step.step-select-size .config-box-text .configuration-detail .detail-content {
    max-width: 100%;
  }
  .configuration-3d-layout-step .layout-step.step-select-size .config-box-text .configuration-detail .detail-content p {
    font-size: 13px;
    line-height: 24px;
  }
  .configuration-3d-layout-step .layout-step.step-select-slide {
    height: 100%;
  }
  .configuration-3d-layout-step .layout-step.step-select-slide .config-box-text {
    margin-bottom: 60px;
  }
  .configuration-3d-layout-step .layout-step.step-select-slide .configuration-3d-text .configuration-3d-desc-text .summary-text-set .summary-text {
    padding-bottom: 18px;
  }
  .configuration-3d-layout-step .layout-step.step-select-color {
    height: 100%;
  }
  .configuration-3d-layout-step .layout-step.step-select-color .layout-content {
    min-height: 568px;
  }
  .configuration-3d-layout-step .layout-step.step-select-color .configuration-3d-select-color {
    max-width: 436px;
    margin: 0 auto;
    margin-bottom: 42px;
  }
  .configuration-3d-layout-step .layout-step.step-select-color .summary-text-set .summary-text {
    padding-bottom: 18px;
  }
  .configuration-3d-layout-step .layout-step.step-select-shape {
    height: 100%;
  }
  .configuration-3d-layout-step .layout-step.step-select-shape .config-box-text {
    margin-bottom: 64px;
  }
  .configuration-3d-layout-step .layout-step.step-select-shape .configuration-3d-select-shape {
    margin-bottom: 26px;
  }
  .configuration-3d-layout-step .layout-step.step-select-shape .configuration-3d-desc-text .summary-text-set .summary-text {
    padding-bottom: 16px;
  }
  .configuration-3d-layout-step .layout-step.step-select-slide-extra {
    height: 100%;
  }
  .configuration-3d-layout-step .layout-step.step-select-slide-extra .config-box-text {
    margin-bottom: 64px;
  }
  .configuration-3d-layout-step .layout-step.step-select-slide-extra .configuration-3d-text {
    padding-left: 35px;
    padding-right: 56px;
  }
  .configuration-3d-layout-step .layout-step.step-select-slide-extra .configuration-3d-select-slide .config-select-slide-container {
    padding-bottom: 28px;
  }
  .configuration-3d-layout-step .layout-step.step-select-slide-base {
    height: 100%;
  }
  .configuration-3d-layout-step .layout-step.step-select-slide-base .glide {
    padding-bottom: 64px;
  }
  .configuration-3d-layout-step .layout-step.step-select-slide-base .glide .slide-nav {
    right: 56px;
  }
  .configuration-3d-layout-step .layout-step.step-select-slide-base .config-box-text {
    margin-bottom: 60px;
  }
  .configuration-3d-layout-step .layout-step.step-select-slide-base .configuration-3d-select-slide {
    margin-bottom: 24px;
  }
  .configuration-3d-layout-step .layout-step.step-select-slide-base .glide {
    padding-bottom: 68px;
  }
  .configuration-3d-layout-step .layout-step .layout-content {
    padding-right: 0px;
    min-height: 100%;
  }
  .configuration-3d-layout-step .layout-step .layout-content .product-configs {
    margin-bottom: 0;
  }
  .configuration-3d-layout-step .layout-step .scroll {
    height: auto !important;
    overflow: visible;
  }
  .configuration-3d-layout-step .layout-step .step-summary {
    padding-bottom: 150px;
  }
  .configuration-3d-layout-step .layout-step .config-box-text {
    padding: 0px 56px;
    margin-bottom: 24px;
  }
  .configuration-3d-layout-step .layout-step .config-box-text .configuration-detail {
    max-width: 100%;
  }
  .configuration-3d-layout-step .layout-step .config-box-text .configuration-detail .detail-content {
    max-width: 100%;
  }
  .configuration-3d-layout-step .layout-step .config-box-text .configuration-detail .bt-route p {
    font-size: 12px;
    padding-right: 14px;
  }
}
.configuration-3d-select-slide {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  opacity: 1;
  transition: 0.3s;
  overflow: hidden;
}
.configuration-3d-select-slide.disable {
  opacity: 0;
}
.configuration-3d-select-slide.disabled-by-force-select .configuration-3d-select-slide-item {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-3d-select-slide.disabled-by-force-select .configuration-3d-select-slide-item.active {
  opacity: 1;
  cursor: pointer;
}
.configuration-3d-select-slide .config-select-slide-container {
  width: 100%;
  height: 100%;
  padding-bottom: 40px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 550px;
}
.configuration-3d-select-slide .config-select-slide-container::-webkit-scrollbar-track {
  display: none;
}
.configuration-3d-select-slide .swiper-wrapper {
  position: relative;
  left: 0px;
  transition: left ease-in-out 0.5s;
}
.configuration-3d-select-slide .swiper {
  height: 100%;
  cursor: grab;
  overflow: unset;
}
.configuration-3d-select-slide .swiper .swiper-slide {
  width: 126px;
  user-select: none;
}
.configuration-3d-select-slide .swiper .swiper-slide img {
  user-select: none;
}
.configuration-3d-select-slide .slider .slide-nav {
  position: absolute;
  bottom: 0px;
  right: 64px;
  width: 156px;
  height: 40px;
  display: none;
}
.configuration-3d-select-slide .slider .slide-nav.show {
  display: block;
}
.configuration-3d-select-slide .slider .slide-nav .slide-nav-box {
  display: flex;
  align-items: center;
  height: 40px;
}
.configuration-3d-select-slide .slider .slide-nav .slide-nav-box .nav-txt {
  padding: 0px 4px;
  display: flex;
}
.configuration-3d-select-slide .slider .slide-nav .slide-nav-box .nav-txt p {
  font-size: 10px;
}
.configuration-3d-select-slide .slider .slide-nav .slide-nav-box .nav-txt p.current-txt {
  color: #111c1c;
  padding-right: 2px;
}
.configuration-3d-select-slide .slider .slide-nav .slide-nav-box .nav-txt p.label-txt {
  color: #a0a4a4;
  padding-right: 4px;
}
.configuration-3d-select-slide .slider .slide-nav .slide-nav-box .nav-txt p.all-txt {
  color: #a0a4a4;
}
.configuration-3d-select-slide .slider .slide-nav .slide-nav-box .circle-bt {
  width: 40px;
  height: 40px;
}
.configuration-3d-select-slide .slider .slide-nav .slide-nav-box .circle-bt.bt-prev {
  left: 60px;
}
.configuration-3d-select-slide .slider .slide-nav .slide-nav-box .circle-bt.bt-next {
  left: auto;
  right: 0;
}
.configuration-3d-select-slide .slider.show-nav .slide-nav {
  display: block;
}

@media screen and (max-width: 1112px) {
  .configuration-3d-select-slide {
    margin-left: 32px;
  }
  .configuration-3d-select-slide .swiper .swiper-slide {
    width: 104px;
  }
  .configuration-3d-select-slide .config-select-slide-container {
    padding-bottom: 26px;
  }
}
@media screen and (max-width: 767px) {
  .configuration-3d-select-slide {
    padding-top: 0px;
    padding-right: 0px;
    min-height: auto;
  }
  .configuration-3d-select-slide .swiper .swiper-slide {
    width: 112px;
  }
  .configuration-3d-select-slide .config-select-slide-container {
    width: 100%;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .configuration-3d-select-slide {
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 4px;
  }
  .configuration-3d-select-slide .config-select-slide-container {
    margin-left: 0px;
  }
}
.configuration-3d-select-slide-item {
  position: relative;
  height: fit-content;
  padding: 4px;
  cursor: pointer;
}
.configuration-3d-select-slide-item.active .bt-select-item {
  background-color: #e5b761;
  opacity: 1;
}
.configuration-3d-select-slide-item.active .bt-select-item .icon:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-3d-select-slide-item.disable .text {
  color: #d8d8d8;
}
.configuration-3d-select-slide-item.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-3d-select-slide-item.disabled-by-rule .image {
  opacity: 0.5;
}
.configuration-3d-select-slide-item.disabled-by-rule .lock {
  display: block;
}
.configuration-3d-select-slide-item .lock {
  display: none;
  left: calc(50% - 18px);
  top: 43px;
  position: absolute;
}
.configuration-3d-select-slide-item .lock svg {
  width: 36px;
  height: 36px;
}
.configuration-3d-select-slide-item .disable-info {
  left: calc(50% - 12px);
  top: 80px;
}
.configuration-3d-select-slide-item .image {
  border-radius: 50%;
  border: solid 4px #ffffff;
  background-color: #f8f7f3;
  overflow: hidden;
  width: 118px;
  height: 118px;
  margin-bottom: 10px;
  box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.08);
  position: relative;
}
.configuration-3d-select-slide-item .image .img.img-swap {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.configuration-3d-select-slide-item .image .img.img-swap.active {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-select-slide-item .image .img.img-main {
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.configuration-3d-select-slide-item .image .img.img-main .hide {
  height: 0;
  opacity: 0;
}
.configuration-3d-select-slide-item .image .img.hide {
  display: none;
}
.configuration-3d-select-slide-item .image .img img {
  width: 100.25%;
  height: 100.25%;
  object-fit: cover;
}
.configuration-3d-select-slide-item .text {
  text-align: center;
  color: #111c1c;
  transition: all 0.3s ease-in-out;
}
.configuration-3d-select-slide-item .text .name p,
.configuration-3d-select-slide-item .text .price p {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  line-height: 1.4;
}
.configuration-3d-select-slide-item .text .detail p {
  font-size: 14px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.configuration-3d-select-slide-item .text .box-edition {
  height: 48px;
  min-width: 264px;
  margin-top: 24px;
  margin-bottom: 16px;
  display: none;
}
.configuration-3d-select-slide-item .text .box-edition.active {
  display: flex;
}
.configuration-3d-select-slide-item .bt-zoom {
  position: absolute;
  top: 220px;
  left: 50%;
  transform: translate(-50%, 0px);
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.configuration-3d-select-slide-item .bt-select-item {
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: 2px;
  top: 2px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.configuration-3d-select-slide-item .bt-select-item .icon {
  width: 16px;
  height: 16px;
  position: relative;
}
.configuration-3d-select-slide-item .bt-select-item .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-3d-select-slide-item:not(.active):hover .bt-select-item {
    opacity: 1;
  }
  .configuration-3d-select-slide-item:not(.active):hover .text {
    color: #111c1c;
  }
}
@media screen and (max-width: 1112px) {
  .configuration-3d-select-slide-item {
    max-width: 96px;
  }
  .configuration-3d-select-slide-item .image {
    width: 96px;
    height: 96px;
    border: solid 3px #ffffff;
  }
  .configuration-3d-select-slide-item .text .name p {
    white-space: unset;
  }
  .configuration-3d-select-slide-item .lock {
    top: 28px;
    left: calc(50% - 14px);
  }
  .configuration-3d-select-slide-item .disable-info {
    left: calc(50% - 9px);
    top: 62px;
  }
}
@media screen and (max-width: 767px) {
  .configuration-3d-select-slide-item {
    max-width: 106px;
  }
  .configuration-3d-select-slide-item .text .box-edition {
    margin-top: -10px;
    margin-bottom: 18px;
  }
  .configuration-3d-select-slide-item .image {
    width: 106px;
    height: 106px;
    border: solid 3px #ffffff;
    margin-bottom: 6px;
  }
}
@media screen and (max-width: 400px) {
  .configuration-3d-select-slide-item {
    margin: 0 auto;
  }
  .configuration-3d-select-slide-item .bt-zoom {
    width: 32px;
    padding: 0px;
    justify-content: center;
    top: 224px;
  }
  .configuration-3d-select-slide-item .bt-zoom p {
    display: none;
  }
}
.configuration-3d-select-color {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0px 60px;
  padding-left: 8px;
  padding-bottom: 0 !important;
}
.configuration-3d-select-color.disable {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.configuration-3d-select-color.disabled-by-force-select .configuration-3d-select-color-item {
  opacity: 0.5;
}
.configuration-3d-select-color.disabled-by-force-select .configuration-3d-select-color-item .item-container {
  cursor: not-allowed;
}
.configuration-3d-select-color.disabled-by-force-select .configuration-3d-select-color-item.active {
  opacity: 1;
}
.configuration-3d-select-color.disabled-by-force-select .configuration-3d-select-color-item.active .item-container {
  cursor: pointer;
}
.configuration-3d-select-color .config-select-color-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-out;
  height: fit-content;
}
.configuration-3d-select-color .configuration-colors {
  display: flex;
  flex-flow: row wrap;
  height: fit-content;
  justify-content: center;
}
.configuration-3d-select-color .configuration-colors .configuration-3d-select-color-item {
  padding: 0px 6px 14px;
}
.configuration-3d-select-color .configuration-colors .configuration-3d-select-color-item:nth-child(9n+5) {
  padding-left: 0px;
}
.configuration-3d-select-color .configuration-colors .configuration-3d-select-color-item:nth-child(9n+5) .tooltip-color {
  transform: translate(0%, -44px);
  left: 0%;
}
.configuration-3d-select-color .configuration-colors .configuration-3d-select-color-item:nth-child(9n+5) .tooltip-color:before {
  left: 32%;
  transform: rotate(45deg) translate(-50%, 0px);
}
.configuration-3d-select-color .configuration-colors .configuration-3d-select-color-item:nth-child(9n+9) {
  padding-right: 0px;
}
.configuration-3d-select-color .configuration-colors .configuration-3d-select-color-item:nth-child(9n+9) .tooltip-color {
  left: auto;
  right: 0%;
  transform: translate(0%, -44px);
}
.configuration-3d-select-color .configuration-colors .configuration-3d-select-color-item:nth-child(9n+9) .tooltip-color:before {
  left: auto;
  right: 22%;
  transform: rotate(45deg) translate(-50%, 0px);
}

@media screen and (max-width: 1112px) {
  .configuration-3d-select-color {
    padding: 0px 60px;
    padding-left: 22px;
    padding-right: 32px;
  }
  .configuration-3d-select-color .configuration-colors .configuration-3d-select-color-item {
    padding: 0px 6px 12px;
  }
  .configuration-3d-select-color .configuration-colors .configuration-3d-select-color-item:nth-child(9n+1) {
    padding-left: 16px;
  }
  .configuration-3d-select-color .configuration-colors .configuration-3d-select-color-item:nth-child(9n+4) {
    padding-right: 16px;
  }
}
@media screen and (max-width: 834px) {
  .configuration-3d-select-color {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .configuration-3d-select-color {
    padding: 0px 8px;
  }
  .configuration-3d-select-color .config-select-color-container {
    max-width: 380px;
  }
  .configuration-3d-select-color .configuration-colors {
    justify-content: center;
  }
  .configuration-3d-select-color .configuration-colors .configuration-3d-select-color-item {
    padding: 0px 6px 12px;
  }
  .configuration-3d-select-color .configuration-colors .configuration-3d-select-color-item:nth-child(9n+1) {
    padding-left: 32px;
  }
  .configuration-3d-select-color .configuration-colors .configuration-3d-select-color-item:nth-child(9n+4) {
    padding-right: 32px;
  }
}
@media screen and (max-width: 414px) {
  .configuration-3d-select-color .configuration-colors {
    max-width: 320px;
  }
  .configuration-3d-select-color .configuration-colors .configuration-3d-select-color-item {
    padding: 0px 1px 12px;
  }
  .configuration-3d-select-color .configuration-colors .configuration-3d-select-color-item:nth-child(9n+1) {
    padding-left: 8px;
  }
  .configuration-3d-select-color .configuration-colors .configuration-3d-select-color-item:nth-child(9n+4) {
    padding-right: 8px;
  }
}
@media screen and (max-width: 370px) {
  .configuration-3d-select-color .configuration-colors {
    max-width: 256px;
  }
  .configuration-3d-select-color .configuration-colors .configuration-3d-select-color-item:nth-child(n) {
    padding: 0px 2px 8px;
  }
  .configuration-3d-select-color .configuration-colors .configuration-3d-select-color-item:nth-child(7n+1) {
    padding-left: 30px;
  }
  .configuration-3d-select-color .configuration-colors .configuration-3d-select-color-item:nth-child(7n+3) {
    padding-right: 30px;
  }
}
.configuration-3d-select-color-item {
  padding: 0px 6px 32px;
  max-height: 190px;
  transition: all 0.3s ease-out;
}
.configuration-3d-select-color-item .item-container {
  height: fit-content;
  cursor: pointer;
  position: relative;
  max-width: 144px;
}
.configuration-3d-select-color-item.active .bt-select-item {
  background-color: #e5b761;
  opacity: 1;
}
.configuration-3d-select-color-item.active .bt-select-item .icon:before {
  content: "";
  position: absolute;
  left: 1px;
  top: -1px;
  width: 3px;
  height: 6px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-3d-select-color-item.disable .text {
  color: #d8d8d8;
}
.configuration-3d-select-color-item.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-3d-select-color-item.disabled-by-rule .image {
  opacity: 0.5;
}
.configuration-3d-select-color-item.disabled-by-rule .lock {
  display: block;
  opacity: 0.7;
}
.configuration-3d-select-color-item.disabled-by-rule .bt-select-item {
  display: none !important;
}
.configuration-3d-select-color-item .lock {
  display: none;
  left: calc(50% - 16px);
  top: 15px;
  position: absolute;
}
.configuration-3d-select-color-item .lock svg {
  width: 32px;
  height: 32px;
}
.configuration-3d-select-color-item .disable-info {
  top: 0px;
  left: auto;
  right: 0px;
}
.configuration-3d-select-color-item.hide-item {
  display: none;
  opacity: 0;
}
.configuration-3d-select-color-item.show-item {
  display: block;
  opacity: 1;
}
.configuration-3d-select-color-item .image {
  border-radius: 50%;
  border: solid 2px #ffffff;
  overflow: hidden;
  width: 64px;
  height: 64px;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.configuration-3d-select-color-item .image img {
  width: 100%;
  border-radius: 50%;
}
.configuration-3d-select-color-item .tooltip-color {
  position: absolute;
  left: calc(50% + 8px);
  transform: translate(-50%, -44px);
  background: #ffffff;
  height: 32px;
  padding: 0px 18px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  border-radius: 30px;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
  transition-delay: 0.15s;
  opacity: 0;
  visibility: hidden;
}
.configuration-3d-select-color-item .tooltip-color:before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  position: absolute;
  bottom: -5px;
  left: 46%;
  transform: rotate(45deg) translate(-50%, 0px);
}
.configuration-3d-select-color-item .tooltip-color p {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #111c1c;
}
.configuration-3d-select-color-item .tooltip-color .price {
  margin-bottom: 32px;
}
.configuration-3d-select-color-item .tooltip-color .price p {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}
.configuration-3d-select-color-item .bt-select-item {
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: -3px;
  top: -3px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.configuration-3d-select-color-item .bt-select-item .icon {
  width: 8px;
  height: 8px;
  position: relative;
}
.configuration-3d-select-color-item .bt-select-item .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-3d-select-color-item:not(.active):hover .bt-select-item {
    opacity: 1;
  }
  .configuration-3d-select-color-item:not(.active):hover .tooltip-color {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (max-width: 1112px) {
  .configuration-3d-select-color-item {
    margin-left: 6px;
  }
  .configuration-3d-select-color-item .image {
    width: 56px;
    height: 56px;
  }
  .configuration-3d-select-color-item .bt-select-item {
    right: -6px;
    top: -6px;
  }
  .configuration-3d-select-color-item .lock {
    left: calc(50% - 13px);
    top: 15px;
  }
  .configuration-3d-select-color-item .lock svg {
    width: 26px;
    height: 26px;
  }
}
.configuration-3d-select-shape {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  opacity: 1;
  transition: 0.3s;
  overflow: hidden;
}
.configuration-3d-select-shape.disable {
  opacity: 0;
}
.configuration-3d-select-shape.disabled-by-force-select .configuration-3d-select-shape-item {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-3d-select-shape.disabled-by-force-select .configuration-3d-select-shape-item.active {
  opacity: 1;
  cursor: pointer;
}
.configuration-3d-select-shape .swiper-wrapper {
  position: relative;
  left: 0px;
  transition: left ease-in-out 0.5s;
}
.configuration-3d-select-shape .swiper {
  height: 100%;
  cursor: grab;
  overflow: unset;
}
.configuration-3d-select-shape .swiper .swiper-slide {
  width: 126px;
  user-select: none;
  width: auto !important;
}
.configuration-3d-select-shape .swiper .swiper-slide img {
  user-select: none;
}
.configuration-3d-select-shape .config-select-shape-container {
  width: 100%;
  height: 100%;
  padding-bottom: 48px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 550px;
}
.configuration-3d-select-shape .config-select-shape-container::-webkit-scrollbar-track {
  display: none;
}
.configuration-3d-select-shape .swiper {
  height: 100%;
  cursor: grab;
  overflow: unset;
}
.configuration-3d-select-shape .slider {
  padding-bottom: 78px;
  position: relative;
}
.configuration-3d-select-shape .slider .glide__track.track-center {
  display: flex;
  justify-content: center;
}
.configuration-3d-select-shape .slider .slide-nav {
  position: absolute;
  bottom: 0px;
  right: 64px;
  width: 156px;
  height: 40px;
}
.configuration-3d-select-shape .slider .slide-nav .slide-nav-box {
  display: flex;
  align-items: center;
  height: 40px;
  width: 100%;
}
.configuration-3d-select-shape .slider .slide-nav .slide-nav-box .nav-txt {
  padding: 0px 4px;
  display: flex;
}
.configuration-3d-select-shape .slider .slide-nav .slide-nav-box .nav-txt p {
  font-size: 10px;
}
.configuration-3d-select-shape .slider .slide-nav .slide-nav-box .nav-txt p.current-txt {
  color: #111c1c;
  padding-right: 2px;
}
.configuration-3d-select-shape .slider .slide-nav .slide-nav-box .nav-txt p.label-txt {
  color: #a0a4a4;
  padding-right: 4px;
}
.configuration-3d-select-shape .slider .slide-nav .slide-nav-box .nav-txt p.all-txt {
  color: #a0a4a4;
}
.configuration-3d-select-shape .slider .slide-nav .slide-nav-box .circle-bt {
  width: 40px;
  height: 40px;
}
.configuration-3d-select-shape .slider .slide-nav .slide-nav-box .circle-bt.bt-prev {
  left: 60px;
}
.configuration-3d-select-shape .slider .slide-nav .slide-nav-box .circle-bt.bt-prev.disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
.configuration-3d-select-shape .slider .slide-nav .slide-nav-box .circle-bt.bt-next {
  left: auto;
  right: 0;
}
.configuration-3d-select-shape .slider .slide-nav .slide-nav-box .circle-bt.bt-next.disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
.configuration-3d-select-shape .slider.show-nav .slide-nav {
  display: block;
}
.configuration-3d-select-shape .slider.hide-nav .slide-nav {
  display: none;
}
.configuration-3d-select-shape .bg-pattern {
  position: absolute;
  z-index: -1;
  left: 15.8%;
  top: 80px;
}
.configuration-3d-select-shape .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.configuration-3d-select-shape .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1112px) {
  .configuration-3d-select-shape {
    margin-left: 32px;
  }
  .configuration-3d-select-shape .slider {
    padding-bottom: 60px;
  }
  .configuration-3d-select-shape .slider .slide-nav {
    right: 48px;
  }
  .configuration-3d-select-shape .config-select-shape-container {
    padding-bottom: 26px;
  }
}
@media screen and (max-width: 1024px) {
  .configuration-3d-select-shape {
    margin-left: 32px;
  }
  .configuration-3d-select-shape .slider .slide-nav {
    right: 48px;
  }
  .configuration-3d-select-shape .slider .slide-nav .slide-nav-box .circle-bt.bt-prev {
    position: absolute;
  }
  .configuration-3d-select-shape .slider .slide-nav .slide-nav-box .circle-bt.bt-next {
    position: absolute;
  }
}
@media screen and (max-width: 767px) {
  .configuration-3d-select-shape {
    padding-top: 0px;
    padding-right: 0px;
    margin-left: 42px;
    min-height: unset;
  }
  .configuration-3d-select-shape .slider {
    padding-bottom: 64px;
  }
  .configuration-3d-select-shape .slider .slide-nav {
    right: 32px;
  }
  .configuration-3d-select-shape .config-select-shape-container {
    width: 100%;
    padding-bottom: 30px;
  }
  .configuration-3d-select-shape .bg-pattern {
    top: 48px;
    transform: translate(12px, 0px);
  }
  .configuration-3d-select-shape .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 400px) {
  .configuration-3d-select-shape {
    margin-left: 4px;
  }
}
.configuration-3d-select-shape-item {
  max-width: 118px;
  height: fit-content;
  cursor: pointer;
  position: relative;
  padding: 4px 0px;
}
.configuration-3d-select-shape-item.active .bt-select-item {
  background-color: #e5b761;
  opacity: 1;
}
.configuration-3d-select-shape-item.active .bt-select-item .icon:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-3d-select-shape-item.disable .text {
  color: #d8d8d8;
}
.configuration-3d-select-shape-item.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-3d-select-shape-item.disabled-by-rule .image {
  opacity: 0.5;
}
.configuration-3d-select-shape-item.disabled-by-rule .lock {
  display: block;
}
.configuration-3d-select-shape-item .lock {
  display: none;
  left: calc(50% - 18px);
  top: 32px;
  position: absolute;
}
.configuration-3d-select-shape-item .lock svg {
  width: 36px;
  height: 36px;
}
.configuration-3d-select-shape-item .disable-info {
  left: calc(50% - 12px);
  top: 66px;
}
.configuration-3d-select-shape-item .circle-bg {
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  border: solid 4px #ffffff;
  overflow: hidden;
  width: 96px;
  height: 96px;
  box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.08);
  background-color: #f8f7f3;
}
.configuration-3d-select-shape-item .image {
  position: relative;
  height: 96px;
  width: 100%;
  max-width: 124px;
  display: flex;
  align-items: center;
  padding-top: 8px;
  margin-bottom: 12px;
}
.configuration-3d-select-shape-item .image .img img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
}
.configuration-3d-select-shape-item .text {
  text-align: center;
  color: #111c1c;
  transition: all 0.3s ease-in-out;
  margin-top: 12px;
  display: inline-block;
  width: 100%;
}
.configuration-3d-select-shape-item .text .name p {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}
.configuration-3d-select-shape-item .text .price {
  margin-bottom: 32px;
}
.configuration-3d-select-shape-item .text .price p {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}
.configuration-3d-select-shape-item .text .detail p {
  font-size: 14px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.configuration-3d-select-shape-item .text .box-edition {
  height: 48px;
  min-width: 264px;
  margin-top: 24px;
  margin-bottom: 16px;
  display: none;
}
.configuration-3d-select-shape-item .text .box-edition.active {
  display: flex;
}
.configuration-3d-select-shape-item .bt-select-item {
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: 0px;
  top: 0px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.configuration-3d-select-shape-item .bt-select-item .icon {
  width: 16px;
  height: 16px;
  position: relative;
}
.configuration-3d-select-shape-item .bt-select-item .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-3d-select-shape-item:not(.active):hover .bt-select-item {
    opacity: 1;
  }
  .configuration-3d-select-shape-item:not(.active):hover .text {
    color: #111c1c;
  }
}
@media screen and (max-width: 1112px) {
  .configuration-3d-select-shape-item .circle-bg {
    top: 8px;
    left: 50%;
    width: 80px;
    height: 80px;
  }
  .configuration-3d-select-shape-item .image {
    height: 80px;
    padding-top: 8px;
    margin-bottom: 12px;
  }
  .configuration-3d-select-shape-item .lock {
    left: calc(50% - 16px);
    top: 24px;
  }
  .configuration-3d-select-shape-item .lock svg {
    width: 32px;
    height: 32px;
  }
  .configuration-3d-select-shape-item .disable-info {
    left: calc(50% - 12px);
    top: 54px;
  }
}
@media screen and (max-width: 767px) {
  .configuration-3d-select-shape-item {
    max-width: 132px;
  }
  .configuration-3d-select-shape-item .bt-select-item {
    left: 50%;
    top: 5px;
    transform: translate(16px, 0px);
  }
  .configuration-3d-select-shape-item .image {
    height: 100px;
    width: 100%;
    max-width: 132px;
    margin-bottom: 14px;
  }
  .configuration-3d-select-shape-item .circle-bg {
    width: 100px;
    height: 100px;
  }
  .configuration-3d-select-shape-item .lock {
    left: calc(50% - 18px);
    top: 32px;
  }
  .configuration-3d-select-shape-item .lock svg {
    width: 36px;
    height: 36px;
  }
  .configuration-3d-select-shape-item .disable-info {
    left: calc(50% - 12px);
    top: 66px;
  }
}
.configuration-3d-text {
  padding-left: 88px;
  padding-right: 64px;
  opacity: 1;
  transition: 0.3s;
  z-index: 1;
  width: 100%;
  margin-top: auto;
}
.configuration-3d-text.hidden-fade {
  transform: translateY(20px);
  opacity: 0;
  height: 0px;
}
.configuration-3d-text.text-summary {
  position: relative;
  margin-top: unset;
}
.configuration-3d-text.text-summary .configuration-3d-desc-text .summary-text-set.sum-all .summary-text {
  padding-top: 26px;
}
.configuration-3d-text.text-summary .configuration-3d-desc-text .summary-text-set.sum-all .summary-text:last-child {
  padding-bottom: 8px;
}
.configuration-3d-text.text-summary .configuration-3d-desc-text .summary-text-set.sum-all .summary-text .text-detail {
  margin-bottom: 16px;
}
.configuration-3d-text.text-summary .configuration-3d-desc-text .summary-text-set.remark .summary-text .text-detail {
  padding-top: 18px;
}
.configuration-3d-text.text-summary .configuration-3d-desc-text .summary-text-set .summary-text {
  padding-bottom: 18px;
}
.configuration-3d-text.text-summary .configuration-3d-desc-text .summary-text-set .summary-text:last-child {
  padding-bottom: 24px;
}
.configuration-3d-text.text-summary .configuration-3d-desc-text .text-detail {
  padding-right: 0px;
}
.configuration-3d-text .configuration-3d-desc-text {
  position: relative;
  opacity: 0;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  transform: translateY(20px);
  height: 0px;
  overflow: hidden;
}
.configuration-3d-text .configuration-3d-desc-text.active {
  opacity: 1;
  z-index: 2;
  transform: translateY(0px);
  overflow: auto;
  height: auto;
}
.configuration-3d-text .configuration-3d-desc-text .desc-text-set {
  margin-bottom: 72px;
}
.configuration-3d-text .configuration-3d-desc-text .desc-text-set .desc-label p {
  font-size: 10px;
  line-height: 20px;
  color: #a0a4a4;
}
.configuration-3d-text .configuration-3d-desc-text .desc-text-set .desc-txt {
  max-width: 250px;
}
.configuration-3d-text .configuration-3d-desc-text .desc-text-set .desc-txt p {
  font-size: 13px;
  line-height: 23px;
  color: #111c1c;
}
.configuration-3d-text .configuration-3d-desc-text .extra-option {
  padding: 0px 38px;
  padding-left: 0px;
  margin-bottom: 26px;
}
.configuration-3d-text .configuration-3d-desc-text .extra-option .extra-option-item {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  margin-bottom: 12px;
}
.configuration-3d-text .configuration-3d-desc-text .extra-option .extra-option-item.active .option-circle {
  border: solid 4px #e4b760;
}
.configuration-3d-text .configuration-3d-desc-text .extra-option .extra-option-item .option-circle {
  position: absolute;
  left: 0;
  top: 20px;
  width: 12px;
  height: 12px;
  border: solid 1px #111c1c;
  border-radius: 50%;
  transition: all 0.15s ease-in-out;
}
.configuration-3d-text .configuration-3d-desc-text .summary-text-set {
  margin-top: auto;
  opacity: 1;
  transition: 0.3s;
}
.configuration-3d-text .configuration-3d-desc-text .summary-text-set.hidden-fade {
  transform: translateY(20px);
  opacity: 0;
  height: 0px;
}
.configuration-3d-text .configuration-3d-desc-text .summary-text-set .summary-text {
  padding-bottom: 26px;
}
.configuration-3d-text .configuration-3d-desc-text .summary-text-set .summary-text:last-child {
  border-bottom: solid 1px #d8d8d8;
}
.configuration-3d-text .configuration-3d-desc-text .text-label {
  display: flex;
  justify-content: space-between;
}
.configuration-3d-text .configuration-3d-desc-text .text-label p {
  font-size: 10px;
  line-height: 16px;
  color: #a0a4a4;
}
.configuration-3d-text .configuration-3d-desc-text .text-detail {
  display: flex;
  justify-content: space-between;
  padding-right: 24px;
}
.configuration-3d-text .configuration-3d-desc-text .text-detail p {
  font-size: 13px;
  line-height: 22px;
  color: #111c1c;
}
.configuration-3d-text .configuration-3d-desc-text .text-detail p:first-child {
  max-width: 180px;
  word-wrap: break-word;
}
.configuration-3d-text .configuration-3d-desc-text .text-detail p b {
  font-weight: 600;
}
.configuration-3d-text .configuration-3d-desc-text .text-detail p b.orange {
  color: #e4b760;
}
.configuration-3d-text .configuration-3d-desc-text .text-detail .orange {
  color: #e4b760;
}
.configuration-3d-text .configuration-3d-desc-text .text-detail .grey {
  color: #a0a4a4;
}

@media screen and (max-width: 1112px) {
  .configuration-3d-text {
    padding-left: 64px;
    padding-right: 64px;
  }
  .configuration-3d-text.text-summary {
    padding-right: 11px;
  }
  .configuration-3d-text.text-summary .configuration-3d-desc-text {
    padding-right: 50px;
    overflow-y: auto;
  }
  .configuration-3d-text.text-summary .configuration-3d-desc-text .text-label {
    padding-top: 0px;
  }
  .configuration-3d-text.text-summary .configuration-3d-desc-text .summary-text-set.sum-all .summary-text:last-child {
    padding-bottom: 0px;
    padding-top: 19px;
  }
  .configuration-3d-text.text-summary .configuration-3d-desc-text .summary-text-set .summary-text {
    padding-bottom: 14px;
  }
  .configuration-3d-text.text-summary .configuration-3d-desc-text .summary-text-set .summary-text:last-child {
    padding-bottom: 18px;
  }
  .configuration-3d-text.text-summary .configuration-3d-desc-text .text-detail p:last-child {
    padding-right: 20px;
  }
  .configuration-3d-text .configuration-3d-desc-text {
    padding: 0px;
  }
  .configuration-3d-text .configuration-3d-desc-text .desc-text-set {
    margin-bottom: 44px;
  }
  .configuration-3d-text .configuration-3d-desc-text .desc-text-set .desc-label p {
    font-size: 10px;
    line-height: 16px;
  }
  .configuration-3d-text .configuration-3d-desc-text .desc-text-set .desc-txt {
    max-width: 244px;
  }
  .configuration-3d-text .configuration-3d-desc-text .desc-text-set .desc-txt p {
    font-size: 12px;
    line-height: 20px;
  }
  .configuration-3d-text .configuration-3d-desc-text .summary-text-set .summary-text {
    padding-bottom: 18px;
  }
  .configuration-3d-text .configuration-3d-desc-text .extra-option {
    margin-bottom: 8px;
  }
  .configuration-3d-text .configuration-3d-desc-text .extra-option .extra-option-item .option-circle {
    top: 30px;
  }
  .configuration-3d-text .configuration-3d-desc-text .text-label {
    padding-top: 10px;
  }
  .configuration-3d-text .configuration-3d-desc-text .text-detail {
    padding-right: 24px;
  }
  .configuration-3d-text .configuration-3d-desc-text .text-detail p {
    font-size: 12px;
  }
}
@media screen and (max-width: 834px) {
  .configuration-3d-text {
    padding-left: 88px;
    padding-right: 64px;
  }
  .configuration-3d-text .configuration-3d-desc-text .summary-text-set .summary-text {
    padding-bottom: 12px;
  }
  .configuration-3d-text .configuration-3d-desc-text .text-detail p {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .configuration-3d-text {
    padding: 0px 56px;
    margin-bottom: 0px;
  }
  .configuration-3d-text.text-summary {
    padding-right: 56px;
  }
  .configuration-3d-text.text-summary .configuration-3d-desc-text {
    padding-right: 0px;
    max-height: 100%;
  }
  .configuration-3d-text.text-summary .configuration-3d-desc-text .text-detail p {
    font-size: 12px;
  }
  .configuration-3d-text.text-summary .configuration-3d-desc-text .text-detail p:last-child {
    padding-right: 0px;
  }
  .configuration-3d-text .configuration-3d-desc-text .desc-txt {
    max-width: 100%;
  }
  .configuration-3d-text .configuration-3d-desc-text .summary-text-set.remark .summary-text .text-detail {
    padding-top: 24px;
  }
  .configuration-3d-text .configuration-3d-desc-text .summary-text-set .summary-text {
    padding-bottom: 24px;
  }
  .configuration-3d-text .configuration-3d-desc-text .text-detail {
    padding-right: 0px;
  }
  .configuration-3d-text .configuration-3d-desc-text .text-detail p {
    font-size: 13px;
  }
  .configuration-3d-text .configuration-3d-desc-text .desc-text-set {
    margin-bottom: 52px;
  }
  .configuration-3d-text .configuration-3d-desc-text .desc-text-set .desc-txt {
    max-width: 100%;
  }
  .configuration-3d-text .configuration-3d-desc-text .extra-option {
    margin-bottom: 52px;
  }
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main {
  position: relative;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  display: inline-block;
  padding-top: 178px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .overlay {
  z-index: 10;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main::-webkit-scrollbar {
  display: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .disable-message {
  min-height: 36px;
  font-size: 12px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .tooltips-message {
  position: absolute;
  padding: 12px 24px 12px 8px;
  width: 258px;
  min-height: 78px;
  height: auto;
  background: #111c1c;
  border-radius: 4px;
  top: -98px;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .tooltips-message.active {
  display: block;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .tooltips-message .tooltips-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .tooltips-message::after {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.08);
  background: #111c1c;
  left: 50%;
  transform: rotate(45deg) translateX(-50%);
  bottom: -10px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .tooltips-message .close-tooltips {
  width: 18px;
  height: 18px;
  transition: all 0.3s ease-in-out;
  pointer-events: painted;
  display: inline-block;
  position: absolute;
  top: 12px;
  right: 8px;
  cursor: pointer;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .tooltips-message .close-icon {
  color: #ffffff;
  width: 18px;
  height: 18px;
  transition: all 0.3s ease-in-out;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .tooltips-message .txt-content {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #ffffff;
  max-width: 75%;
  margin: 0 auto;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .tooltips-message .txt-content.mb {
  display: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs {
  background-color: white;
  min-height: 676px;
  width: 100%;
  height: 100%;
  position: absolute;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs [data-popover-content] {
  position: relative;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs [data-popover-content]::after {
  content: attr(data-popover-content);
  position: absolute;
  color: #111c1c;
  left: calc(100% + 8px);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.35s ease-in-out;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  white-space: nowrap;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .remove-btn {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 8;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 1;
  background: white;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view.fixed {
  position: fixed;
  top: 0px;
  z-index: 9;
  overflow: hidden;
  height: auto;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model {
  position: fixed;
  height: calc(100vh - 282px);
  display: flex;
  width: inherit;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .content-3d-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .model-box {
  z-index: 3;
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .model-box img {
  width: 100%;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .model-box #tdview {
  width: 100%;
  height: 100%;
  position: relative;
  margin-top: -180px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .model-box iframe {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .model-box .loading-icon {
  width: 96px;
  bottom: 304px;
  left: 50%;
  margin-left: -48px;
  position: absolute;
  z-index: 1;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .model-box .loading-text {
  position: absolute;
  bottom: 260px;
  left: 50%;
  width: 300px;
  font-size: 12px;
  margin-left: -150px;
  text-align: center;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .empty-screen {
  display: none;
  position: absolute;
  color: #a0a4a4;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  top: 50%;
  left: calc(50% - 16px);
  z-index: 3;
  transform: translate(-50%, -50%);
  cursor: default;
  user-select: none;
  width: auto;
  max-width: calc(100% - 32px);
  margin: 0 16px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .empty-screen p.m {
  display: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .empty-screen.active {
  display: flex;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .rotate-set {
  position: absolute;
  bottom: 96px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  pointer-events: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .rotate-set .rotate-container {
  position: relative;
  display: flex;
  justify-content: center;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .rotate-set .rotate-container .bt-rotate {
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .icon-3d-bg {
  position: absolute;
  z-index: 1;
  top: 48px;
  left: 50%;
  transform: translateX(-50%);
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls {
  position: fixed;
  width: inherit;
  height: 74px;
  display: block;
  left: 0;
  top: calc(226px + var(--shop-notification-bar-height, 0px));
  z-index: 5;
  pointer-events: none;
  transition: all 0.3s ease;
  counter-reset: index;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .btn-wishlist, .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .sofa-preset-btn, .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .inspiration, .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .share-3d-btn, .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .model-actions, .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .ar-control-container {
  position: relative;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
  transition: all 0.3s ease;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #faf9f7;
  justify-content: center;
  cursor: pointer;
  pointer-events: painted;
  flex-shrink: 0;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .disabled.btn-wishlist, .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .disabled.sofa-preset-btn, .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .disabled.inspiration, .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .disabled.share-3d-btn, .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .disabled.model-actions, .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .disabled.ar-control-container {
  cursor: default;
  opacity: 0.1;
  pointer-events: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .disabled.btn-wishlist .btn, .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .disabled.sofa-preset-btn .btn, .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .disabled.inspiration .btn, .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .disabled.share-3d-btn .btn, .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .disabled.model-actions .btn, .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .disabled.ar-control-container .btn {
  pointer-events: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls.uppermost {
  top: 136px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls.auto-top {
  top: 80px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .controls-container {
  margin-right: 64px;
  margin-left: 64px;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .btn {
  cursor: pointer;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .btn .text {
  font-weight: 600;
  font-size: 10px;
  line-height: 11px;
  color: #111c1c;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .ico {
  display: inline-block;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls-toggle {
  position: relative;
  left: 0;
  bottom: 0;
  z-index: 2;
  height: 48px;
  overflow: hidden;
  transition: height 0.3s ease;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls-toggle .ico-360-controls {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  width: 48px;
  height: 48px;
  background: #faf9f7;
  border-radius: 2px;
  pointer-events: painted;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls-toggle .ico-360-controls svg {
  width: 40px;
  height: 17px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls-toggle .bt-controls {
  height: 0;
  overflow: hidden;
  display: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls-toggle.active {
  height: auto;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls-toggle.active .bt-controls {
  height: auto;
  display: flex;
  margin-top: 8px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls {
  position: relative;
  left: 0;
  z-index: 2;
  width: fit-content;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls .bt-control-wrapper {
  display: flex;
  flex-direction: column;
  width: 48px;
  transition: all ease-in 0.3s;
  z-index: -1;
  opacity: 0;
  align-items: center;
  gap: 8px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls .mobile-only {
  display: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls .desktop-only .mouse-rotate-btn {
  position: relative;
  pointer-events: painted;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls .desktop-only .mouse-zoom-btn {
  position: relative;
  pointer-events: painted;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls.active .desktop-only,
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls.active .mobile-only {
  left: 0;
  opacity: 1;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls.inactive .desktop-only,
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls.inactive .mobile-only {
  left: -82px;
  opacity: 0;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls .ico-mouse-rotate svg {
  width: 32px;
  height: 32px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls .ico-mouse-move svg {
  width: 32;
  height: 32px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls .ico-mouse-zoom svg {
  width: 32px;
  height: 32px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls .ico-finger-rotate svg {
  width: 30px;
  height: 32px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls .ico-finger-move svg {
  width: 39px;
  height: 44px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls .ico-finger-zoom svg {
  width: 33px;
  height: 32px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .model-actions.auto-top {
  top: 0;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .model-actions .reset-btn.disabled {
  opacity: 0.1;
  cursor: default;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .model-actions .reset-btn .ico-reset {
  position: relative;
  background-color: #505050;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .model-actions .reset-btn .ico-reset svg {
  width: 32px;
  height: 32px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .ar-ruler.disabled {
  opacity: 0.1;
  cursor: default;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .ar-ruler .ruler-icon {
  width: 32px;
  height: 32px;
  position: relative;
  color: #505050;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .ar-view-btn,
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .vr-view-btn {
  min-width: 130px;
  width: fit-content;
  height: 48px;
  border-radius: 2px;
  position: relative;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #faf9f7;
  cursor: pointer;
  padding: 0 10px;
  pointer-events: painted;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .ar-view-btn.disabled,
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .vr-view-btn.disabled {
  opacity: 0.5;
  cursor: default;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .ar-view-btn span,
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .vr-view-btn span {
  font-size: 12px;
  font-weight: 600;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .ar-view-btn span:first-child,
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .vr-view-btn span:first-child {
  padding-right: 5px;
  color: #7b7b7b;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .ar-view-btn .ico-ar-view,
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .vr-view-btn .ico-ar-view {
  margin-left: 12px;
  width: 32px;
  height: 32px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .ar-view-btn .ico-ar-view svg,
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .vr-view-btn .ico-ar-view svg {
  width: 32px;
  height: 32px;
  color: #505050;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .ar-view-btn .ico-ar-view.vr,
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .vr-view-btn .ico-ar-view.vr {
  position: relative;
  top: -4px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .share-3d-btn {
  background-color: #e4b760;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .share-3d-btn .ico-share-3d {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .share-3d-btn .ico-share-3d svg {
  width: 20px;
  height: 17px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .info-3d-btn {
  position: relative;
  width: fit-content;
  pointer-events: painted;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .info-3d-btn .ico-info-3d {
  position: relative;
  top: 0px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .info-3d-btn .ico-info-3d svg {
  width: 32px;
  height: 32px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .inspiration.auto-top {
  top: 64px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .inspiration .inspiration-btn {
  position: relative;
  width: fit-content;
  gap: 12px;
  cursor: pointer;
  pointer-events: painted;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .inspiration .inspiration-btn.disabled {
  opacity: 0.1;
  cursor: default;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .inspiration .inspiration-btn .ico {
  width: 22px;
  height: 21px;
  color: #505050;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .inspiration .inspiration-btn .ico svg {
  width: 22px;
  height: 21px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .inspiration .inspiration-btn .text {
  font-weight: 600;
  font-size: 11px;
  line-height: 14px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .sofa-preset-btn .ico {
  width: 32px;
  height: 32px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .sofa-preset-btn .ico svg {
  --color-1: #505050;
  width: 32px;
  height: 32px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .btn-wishlist {
  display: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls input[name=model-action-toggle] {
  display: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .btn-close-action-group {
  display: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .btn-kebab {
  display: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar {
  position: absolute;
  height: auto;
  right: -1400px;
  top: calc(0px + var(--shop-notification-bar-height, 0px));
  z-index: 3;
  background-color: rgba(255, 255, 255, 0.9);
  padding-top: 169px;
  transition: all ease-in-out 0.25s;
  width: 0;
  min-height: 100vh;
  overflow: hidden;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0;
  width: 294px;
  height: 100%;
  background-color: rgba(248, 247, 243, 0.5);
  z-index: -1;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar.active {
  right: 0;
  width: 674px;
  overflow: visible;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar.active .side-bar-toggle {
  transform: rotate(0deg);
  animation: slide-in-right 0.35s linear both;
  right: 658px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar.active .configuration-summary .fixed-summary {
  right: 0;
  transition: all ease-in-out 0.25s;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .side-bar-toggle {
  position: fixed;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 16px rgba(17, 28, 28, 0.16);
  transform: rotate(180deg) translateX(100%);
  top: calc(50% - 16px);
  right: -16px;
  z-index: 6;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .side-bar-toggle .icon-arr-right svg {
  color: #111c1c;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .steps {
  position: relative;
  height: auto;
  width: 100%;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .steps.edit-mode {
  margin-top: 80px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .steps .step {
  position: relative;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .steps .step.inactive {
  display: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .steps .step:not(:nth-of-type(1)) {
  margin-top: 48px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .steps .step.disabled {
  pointer-events: none;
  opacity: 0.1;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .steps .step .step-number .s {
  color: #111c1c;
  font-weight: 600;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .steps .title-name {
  font-size: 16px;
  font-weight: 600;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .steps .step-name {
  font-size: 16px;
  font-weight: 500;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .steps .step-number {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  padding: 0 5px;
  color: #a0a4a4;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .edition-layout {
  position: relative;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .edition-layout.hidden-by-rule {
  display: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .title-3d-config {
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  color: #111c1c;
  margin-bottom: 16px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .edition-layout-container {
  margin-left: 32px;
  max-width: 514px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .accordion-box {
  display: block;
  width: 100%;
  max-height: 52px;
  transition: all 0.5s ease-in-out;
  transition-delay: 0s;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .accordion-box .accordion-heading {
  font-size: 16px;
  line-height: 28px;
  color: #111c1c;
  width: 100%;
  align-content: center;
  position: relative;
  font-weight: 600;
  cursor: pointer;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .accordion-box .accordion-heading .accordion-name {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .accordion-box .accordion-heading .accordion-name .icon-arr-up {
  position: absolute;
  right: 0;
  transform: rotate(180deg);
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .accordion-box .accordion-heading .accordion-name .icon-arr-up svg {
  color: #111c1c;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .accordion-box .configuration-detail {
  padding-top: 10px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .accordion-box .configuration-detail.visuallyhidden {
  padding-top: 0;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .accordion-box[open=false] .layout-content {
  height: 0px;
  transition: height 0.5s ease-out;
  transform: scaleY(0);
  float: left;
  display: block;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .accordion-box[open=true] {
  max-height: 100%;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .accordion-box[open=true] .layout-content {
  display: block;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .accordion-box[open=true] .accordion-name .icon-arr-up {
  transform: rotate(0deg);
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .extra-desc {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #a0a4a4;
  padding-top: 8px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .desc-box:nth-child(2) {
  padding-top: 4px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .configuration-detail {
  margin-bottom: 24px;
  -webkit-line-clamp: unset;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .configuration-detail.more-content .detail-box {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .configuration-detail.more-content .bt-route p {
  display: block;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .configuration-detail.more-content .bt-route p.less-txt {
  display: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .configuration-detail.more-content .bt-route .icon-arr-down svg {
  transform: rotate(180deg);
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .configuration-detail .detail-box {
  height: auto;
  margin-bottom: 8px;
  transition: height 0.3s;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .configuration-detail .detail-box p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: #2e2e2e;
  visibility: visible;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .configuration-detail .detail-box p b {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .configuration-detail .detail-box p a {
  display: inline;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .configuration-detail .bt-more {
  width: fit-content;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .configuration-detail .bt-route p {
  font-size: 14px;
  font-weight: 600;
  padding-right: 12px;
  display: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .configuration-detail .bt-route p.less-txt {
  display: block;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .layout-accordion-wrapper .configuration-detail .bt-route .icon-arr-down svg {
  transform: rotate(0deg);
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-desc {
  display: none;
  margin-top: 24px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-desc.active {
  display: block;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-desc .desc-container {
  max-width: 332px;
  width: 100%;
  position: relative;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-desc .desc-container .desc-label {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #a0a4a4;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-desc .desc-container .desc-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #111c1c;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .edition-config-summary {
  padding-top: 24px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .edition-config-summary .summary-text {
  border-bottom: solid 1px #d8d8d8;
  padding-bottom: 8px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .edition-config-summary .summary-text .text-label {
  display: flex;
  justify-content: space-between;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .edition-config-summary .summary-text .text-label > span {
  font-size: 10px;
  line-height: 16px;
  color: #a0a4a4;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .edition-config-summary .summary-text .text-detail {
  display: flex;
  justify-content: space-between;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .edition-config-summary .summary-text .text-detail > span {
  font-size: 13px;
  line-height: 18px;
  color: #111c1c;
  font-weight: 600;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .edition-config-summary .summary-text .text-detail > span:first-child {
  max-width: calc(100% - 100px);
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary {
  max-width: 514px;
  padding-top: 48px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .summary-details .summary-details-container {
  padding-top: 24px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .summary-details .summary-details-container.sum-all {
  padding-top: 0px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .summary-details .summary-details-container .text-detail p:first-child {
  max-width: calc(100% - 100px);
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .summary-details .shipping-days {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .summary-details .shipping-days b {
  font-weight: 600;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .summary-details .fixed-summary::after {
  content: "";
  position: absolute;
  background-color: rgba(248, 247, 243, 0.7);
  height: 100%;
  width: 296px;
  right: 0;
  top: 0;
  z-index: -1;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .summary-details .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .expand-collapse-btn {
  display: block;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .summary-details[open=false] {
  padding-bottom: 140px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .summary-details[open=false] .fixed-summary .summary-details-container.remark,
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .summary-details[open=false] .fixed-summary .shipping-days,
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .summary-details[open=false] .fixed-summary .price-box,
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .summary-details[open=false] .fixed-summary .less-state {
  display: none !important;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .summary-details[open=true] {
  padding-bottom: 260px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .summary-details[open=true] .fixed-summary .more-state {
  display: none !important;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .summary-details[open=true] .fixed-summary .icon-arr-up svg {
  transform: rotate(180deg);
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .sum {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 8px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .sum:first-child {
  margin-top: 24px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .sum:last-child {
  margin-bottom: 12px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .sum .tt {
  display: flex;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .sum .n {
  width: 65%;
  cursor: pointer;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .sum .p {
  width: 35%;
  text-align: right;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .sum .icon-arr-up {
  margin-left: 4px;
  width: 12px;
  height: 12px;
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .sum .icon-arr-up svg {
  color: #000;
  top: 4px;
  left: 2px;
  transform: rotate(180deg);
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .sum .selected {
  margin-top: 16px;
  transition: height 0.5s ease-in-out;
  overflow: hidden;
  height: 0;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .sum .selected .item {
  margin-bottom: 16px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .sum .selected .item .c {
  display: block;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  color: #a0a4a4;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .sum .selected .item .cfg {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .sum[open=true] .icon-arr-up svg {
  transform: rotate(0deg);
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .sum[open=true] .selected {
  height: auto;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .sum[open=hidden] .icon-arr-up {
  display: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary {
  position: fixed;
  bottom: 0;
  background-color: #fff;
  width: 670px;
  z-index: 4;
  padding-top: 16px;
  padding-bottom: 16px;
  right: -671px;
  padding-left: 28px;
  border-radius: 8px 0px 0px 0px;
  background: #fff;
  box-shadow: -4px -4px 8px 0px rgba(0, 0, 0, 0.04);
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .price-sum {
  max-width: 514px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart {
  max-width: 514px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .price-box {
  padding-right: 0;
  text-align: right;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .price-box .text {
  color: #a0a4a4;
  font-size: 10px;
  line-height: 18px;
  font-weight: 600;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .price-box .price {
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .bt-general {
  min-width: 150px;
  max-width: 200px;
  height: 48px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .left {
  display: flex;
  align-items: center;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .right {
  display: flex;
  gap: 12px;
  align-items: center;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .right .bt-wish-list {
  width: 48px;
  height: 48px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .right .bt-wish-list .icon-wishlist2 {
  width: 16px;
  height: 14px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .right .bt-wish-list .icon-wishlist2 svg {
  width: 16px;
  height: 14px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .right .bt-wish-list .icon-wishlist2 svg use {
  transform: scale(0.8);
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .expand-collapse-btn {
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: #505050;
  display: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .expand-collapse-btn .icon-arr-up {
  display: inline-block;
  width: 14px;
  height: 12px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .expand-collapse-btn .icon-arr-up svg {
  color: #000;
  left: 6px;
  top: 4px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .summary-text .sum-downpayment {
  padding-top: 8px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-summary.disabled {
  pointer-events: none;
  opacity: 0.1;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-summary .summary-heading .title {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-summary .summary-heading .desc {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .summary-details-container {
  padding-top: 24px;
  margin-top: auto;
  opacity: 1;
  transition: 0.3s;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .summary-details-container.hidden-fade {
  transform: translateY(20px);
  opacity: 0;
  height: 0px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .summary-details-container.remark {
  padding-top: 0px !important;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .summary-details-container.remark .summary-text:last-child {
  border-bottom: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .summary-details-container .desc-text-set {
  margin-bottom: 72px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .summary-details-container .desc-text-set .desc-label p {
  font-size: 10px;
  line-height: 20px;
  color: #a0a4a4;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .summary-details-container .desc-text-set .desc-txt {
  max-width: 250px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .summary-details-container .desc-text-set .desc-txt p {
  font-size: 13px;
  line-height: 23px;
  color: #111c1c;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .summary-details-container .summary-text {
  padding-bottom: 8px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .summary-details-container .summary-text:last-child {
  border-bottom: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .summary-details-container .text-label {
  display: flex;
  justify-content: space-between;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .summary-details-container .text-label p {
  font-size: 10px;
  line-height: 16px;
  color: #a0a4a4;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .summary-details-container .text-detail {
  display: flex;
  justify-content: space-between;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .summary-details-container .text-detail p {
  font-size: 12px;
  line-height: 18px;
  color: #111c1c;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .summary-details-container .text-detail p:first-child {
  max-width: 180px;
  word-wrap: break-word;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .summary-details-container .text-detail p b {
  font-weight: 600;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .summary-details-container .text-detail p b.orange {
  color: #e4b760;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .summary-details-container .text-detail .orange {
  color: #e4b760;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .summary-details-container .text-detail .grey {
  color: #a0a4a4;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay {
  opacity: 0;
  position: fixed;
  inset: 0px;
  background: rgba(51, 51, 51, 0.8);
  display: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay.open {
  opacity: 1;
  display: block;
  z-index: 1050;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay.open .modal-content {
  transform: translate(-50%, -50%);
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .close-btn {
  cursor: pointer;
  position: absolute;
  width: 38px;
  height: 38px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  opacity: 1;
  inset: 24px 24px 24px auto;
  z-index: 10;
  transition: transform 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .device-switcher {
  position: absolute;
  top: 115px;
  left: 24px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .device-dropdown-box.active .icon-arr-down > svg {
  transform: rotate(0deg);
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .device-dropdown-box.active .dropdown-options {
  display: block;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-selected {
  width: 100px;
  height: 48px;
  display: flex;
  background-color: #f8f7f4;
  align-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-selected .icon-arr-down {
  position: absolute;
  right: 14px;
  cursor: pointer;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-selected .icon-arr-down svg {
  color: #111c1c;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-selected > p {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  padding-right: 15px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-options {
  position: absolute;
  width: 100%;
  z-index: 1;
  border-radius: 4px;
  display: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-options.active {
  display: block;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-options .box-options {
  box-shadow: 0px 0px 16px rgba(17, 28, 28, 0.16);
  padding: 4px;
  border-radius: 4px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-options .box-options .box-option {
  width: 100%;
  height: 30px;
  display: flex;
  cursor: pointer;
  position: relative;
  border-radius: 8px;
  transition: all 0.3s ease-out;
  padding: 0px 20px;
  align-items: center;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-options .box-options .box-option:not(:last-child) {
  margin-bottom: 4px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-options .box-options .box-option:hover {
  background-color: #f8f7f3;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .modal-content {
  height: 478px;
  width: 462px;
  transform: translate(-50%, calc(-50% + 24px));
  position: absolute;
  background: white;
  top: 50%;
  left: 50%;
  bottom: auto;
  padding: 0 24px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .modal-content .qr-code-img {
  display: block;
  margin-top: 45px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  width: 100%;
  max-height: 190px;
  max-width: 190px;
  overflow: hidden;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .modal-content .qr-code-img #qrcode {
  width: 190px;
  height: 190px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .text-box {
  display: flex;
  padding-top: 45px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .text-box .ar-view-icon {
  margin-right: 8px;
  width: 80px;
  height: 80px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .text-box .ar-view-icon svg {
  width: 80px;
  height: 80px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .text-box .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  padding-bottom: 4px;
  padding-left: 0;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .text-box .text-content > p {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .text-footer {
  padding-top: 24px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .ar-view-modal-overlay .text-footer > p {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .flip-device-modal-overlay {
  opacity: 0;
  position: fixed;
  inset: 0px;
  background: rgba(53, 53, 53, 0.25);
  display: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .flip-device-modal-overlay.open {
  opacity: 1;
  display: block;
  z-index: 1050;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .flip-device-modal-overlay.open .modal-container {
  transform: translate(-50%, -50%);
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .flip-device-modal-overlay .close-btn {
  cursor: pointer;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  opacity: 1;
  inset: 24px 24px 24px auto;
  z-index: 10;
  transition: transform 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .flip-device-modal-overlay .close-btn .icon-close-light {
  background-color: white;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .flip-device-modal-overlay .modal-container {
  height: 280px;
  width: 280px;
  transform: translate(-50%, calc(-50% + 24px));
  position: absolute;
  background: rgba(53, 53, 53, 0.75);
  top: 50%;
  left: 50%;
  bottom: auto;
  padding: 0 24px;
  border-radius: 5px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .flip-device-modal-overlay .modal-container .img-box {
  display: block;
  margin-top: 56px;
  margin-left: auto;
  margin-right: auto;
  width: 112px;
  height: 104px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .flip-device-modal-overlay .modal-container .img-box img {
  width: 100%;
  height: 100%;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .flip-device-modal-overlay .modal-container .text-box {
  padding-top: 38px;
  text-align: center;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .flip-device-modal-overlay .modal-container .text-box p {
  color: white;
  padding: 0 16px;
  font-size: 14px;
  line-height: 15px;
  font-weight: 600;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .add-wishlist-notify {
  position: fixed;
  left: 50%;
  bottom: 36px;
  transform: translateX(-50%);
  max-width: 500px;
  width: calc(100% - 46px);
  color: #ffffff;
  background: #505050;
  border-radius: 4px;
  text-align: center;
  padding: 12px;
  display: none;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .add-wishlist-notify.active {
  display: block;
  z-index: 5;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .add-wishlist-notify > p {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .shipping-days {
  font-size: 16px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .shipping-days .icon-and-tooltip {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
  left: 3px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .shipping-days.more-space {
  margin-top: 24px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .empty-text {
  position: absolute;
  color: #a0a4a4;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 4;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .empty-text.active {
  display: block;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .breadcrumb {
  position: absolute;
  top: 152px;
  left: 0;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box {
  position: absolute;
  top: calc(170px + var(--shop-notification-bar-height, 0px));
  left: 0;
  width: 100%;
  z-index: 2;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .wrapper.active {
  max-width: 100%;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .wrapper.active .btn-back {
  max-width: 100%;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .wrapper {
  max-width: 85px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  transition: max-width 0.35s ease;
  will-change: max-width;
  overflow: hidden;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .btn-back {
  max-width: 82px;
  transition: max-width 0.3s ease-in-out;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .btn-back,
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .btn-back-and-save {
  width: fit-content;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: unset;
  background: #fff;
  padding: 0 12px 0 4px;
  transition: all 0.35s ease-out;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .btn-back .icon-arrow,
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .btn-back-and-save .icon-arrow {
  color: #111c1c;
  width: 24px;
  height: 24px;
  transform: rotate(90deg);
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .btn-back span,
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .btn-back-and-save span {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #111c1c;
  inline-size: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .btn-back .icon-wishlist2,
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .btn-back-and-save .icon-wishlist2 {
  position: relative;
  width: 20px;
  height: 18px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding-left: 8px;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .btn-back .icon-wishlist2 svg,
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .btn-back-and-save .icon-wishlist2 svg {
  color: #000000;
  width: 22px;
  height: 18px;
  transition: all 0.35s ease-out;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .btn-back-and-save.active {
  border-color: #e4b760;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .btn-back-and-save.active .icon-wishlist2 svg {
  color: #e4b760;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .btn-back-and-save.active p {
  color: #e4b760;
}
.configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .back-txt {
  display: inline-block;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .btn-back-and-save:not(.active):hover {
    border-color: #e4b760;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .btn-back-and-save:not(.active):hover .icon-wishlist2 svg {
    color: #e4b760;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .btn-back-and-save:not(.active):hover p {
    color: #e4b760;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .btn-back:hover {
    border-color: #e4b760;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .btn-back:hover .icon-arr-left svg {
    color: #e4b760;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .btn-back:hover p {
    color: #e4b760;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs [data-popover-content]:not(.disabled):hover::after {
    visibility: visible;
    opacity: 1;
  }
}
@media screen and (min-width: 1960px) {
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model {
    margin-left: unset;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view {
    justify-content: center;
  }
}
@media screen and (max-width: 1280px) {
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls {
    left: unset;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .controls-container {
    margin: 0 48px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar.active {
    overflow: visible;
  }
}
@media screen and (max-width: 1180px) and (orientation: landscape) {
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls .desktop-only {
    display: none;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls .mobile-only {
    display: flex;
  }
}
@media screen and (max-width: 1112px) {
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .empty-screen p.d {
    display: none;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .empty-screen p.m {
    display: block;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .icon-3d-bg {
    width: 202px;
    height: 200px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .controls-container {
    margin: 0 32px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls .desktop-only {
    display: none;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls .mobile-only {
    display: flex;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar {
    right: -450px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar::after {
    width: 190px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar.active {
    width: 450px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar.active .side-bar-toggle {
    right: 434px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary {
    width: 450px;
    padding-right: 72px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .edition-layout-container {
    max-width: 344px;
  }
}
@media screen and (max-width: 1024px) {
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .tooltips-message .txt-content.pc {
    display: none;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .tooltips-message .txt-content.mb {
    display: block;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box .container {
    max-width: 100%;
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media screen and (max-width: 991px) {
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs {
    min-width: unset;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls {
    max-width: 100%;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .empty-screen {
    top: calc(50% - 32px);
  }
}
@media (min-width: 744px) and (max-width: 767px) {
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main {
    padding-top: 100px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .model-box #tdview {
    margin-top: -100px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .model-box .loading-icon {
    bottom: 396px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .model-box .loading-text {
    bottom: 350px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls {
    top: 192px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar {
    padding-top: 122px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .shipping-days .icon-and-tooltip {
    transform: translateX(50%) !important;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box {
    top: 122px;
  }
}
@media screen and (max-width: 743px) {
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main {
    padding-top: 0px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .product-configs-selection .list-option {
    bottom: 0;
    top: unset;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs {
    position: relative;
    min-width: unset;
    min-height: unset;
    touch-action: pan-y;
    overflow: inherit;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view {
    justify-content: center;
    background: white;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model {
    height: 394px;
    width: 100%;
    position: relative;
    margin-left: unset;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .rotate-set {
    bottom: 80px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .model-box #tdview {
    margin-top: -6px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .model-box .loading-icon {
    width: 80px;
    margin-left: -40px;
    top: 94px;
    bottom: auto;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .model-box .loading-text {
    top: 194px;
    bottom: auto;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls {
    position: absolute;
    top: unset;
    right: unset;
    bottom: 16px;
    left: 16px;
    width: fit-content;
    height: auto;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .controls-container {
    margin: 0;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .btn-toggle {
    width: 48px;
    height: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 68px 19px 0 rgba(17, 28, 28, 0), 0 43px 17px 0 rgba(17, 28, 28, 0), 0 24px 15px 0 rgba(17, 28, 28, 0.02), 0 11px 11px 0 rgba(17, 28, 28, 0.03), 0 3px 6px 0 rgba(17, 28, 28, 0.03);
    cursor: pointer;
    gap: 4px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls input[name=model-action-toggle]:checked ~ .controls-container > * {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 1;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls input[name=model-action-toggle]:checked ~ .btn-kebab {
    opacity: 0;
    visibility: hidden;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls input[name=model-action-toggle] ~ .controls-container > * {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .btn-wishlist {
    display: inline-flex;
    padding: 0;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .btn-wishlist.active svg-sprite {
    --color-1: #e4b760;
    --color-2: #e4b760;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .btn-wishlist svg-sprite {
    width: 24px;
    height: 24px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .btn-close-action-group {
    background-color: #111c1c;
    color: #fff;
    width: 32px;
    height: 32px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .btn-kebab {
    display: flex;
    position: absolute;
    bottom: 0;
    width: 32px;
    height: 32px;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1;
    cursor: pointer;
    pointer-events: auto;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 26px;
    transition: unset;
    min-height: 0;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar::after {
    display: none;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar.fixed {
    margin-top: 480px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar.active {
    width: 100%;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar.active .side-bar-toggle {
    display: none;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .edition-layout-container {
    max-width: unset;
    padding-right: 32px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary {
    max-width: 100%;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary {
    width: 100%;
    padding: 12px 32px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary::after {
    display: none;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .price-sum,
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart {
    width: 100%;
    max-width: 100%;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .bt-wish-list {
    display: none;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .summary-details[open=true], .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .summary-details[open=false] {
    padding-bottom: 100px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .summary-details[open=false] .summary-details-container .text-detail.sum-downpayment {
    display: none !important;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .add-wishlist-notify {
    bottom: unset;
    top: 180px;
    background-color: #fff;
    border-radius: 4px;
    padding: 8px 12px;
    height: auto;
    width: fit-content;
    box-shadow: 0 68px 19px 0 rgba(17, 28, 28, 0), 0 43px 17px 0 rgba(17, 28, 28, 0), 0 24px 15px 0 rgba(17, 28, 28, 0.02), 0 11px 11px 0 rgba(17, 28, 28, 0.03), 0 3px 6px 0 rgba(17, 28, 28, 0.03);
    color: #111c1c;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    transform: translateX(-50%) translateY(400px);
    animation: snackbarSlideIn 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .add-wishlist-notify p {
    color: #111c1c;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .breadcrumb {
    top: -12px;
    left: -16px;
    display: none;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .breadcrumb.fixed {
    top: -14px;
    z-index: 10;
    position: fixed;
    background-color: #fff;
    height: 65px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box {
    top: 16px;
    left: -16px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box.fixed {
    z-index: 10;
    position: fixed;
  }
}
@media screen and (min-width: 691px) and (max-width: 900px) and (orientation: landscape) {
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main {
    padding-top: 0px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .product-configs-selection .list-option {
    bottom: 0;
    top: unset;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs {
    position: relative;
    min-width: unset;
    min-height: unset;
    touch-action: pan-y;
    overflow: inherit;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view {
    justify-content: center;
    background: white;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model {
    height: 420px;
    width: 100%;
    position: relative;
    margin-left: unset;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .rotate-set {
    bottom: 145px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .img #tdview {
    margin-top: -40px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .img .loading-icon {
    width: 80px;
    margin-left: -40px;
    top: 94px;
    bottom: auto;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-model .img .loading-text {
    top: 194px;
    bottom: auto;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls {
    top: 16px;
    position: absolute;
    right: 0;
    width: fit-content;
    height: auto;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .controls-container {
    margin: 0;
    padding: 0 16px;
    width: 100%;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .bt-controls-toggle {
    top: 56px;
    bottom: unset;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .ar-control-container {
    right: unset;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .ar-control-container .text {
    display: none;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .model-actions {
    right: 16px;
    margin-top: 0px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .ar-view-btn {
    padding: 0 12px;
    min-width: 77px;
    justify-content: space-around;
    left: unset;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .ar-view-btn .ico-ar-view {
    margin-left: 8px;
    margin-right: 0;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-3d-sofa-boxs .configuration-3d-view-controls .ar-view-btn span:nth-child(1) {
    display: none;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 26px;
    transition: unset;
    min-height: 0;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar::after {
    display: none;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar.fixed {
    margin-top: 480px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar.active {
    width: 100%;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar.active .side-bar-toggle {
    display: none;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .edition-layout-container {
    max-width: unset;
    padding-right: 32px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .steps {
    padding-bottom: 54px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary {
    max-width: 100%;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary {
    width: 100%;
    padding: 12px 32px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary::after {
    display: none;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .price-sum,
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart {
    width: 100%;
    max-width: 100%;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary .bt-wish-list {
    display: none;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .summary-details[open=true], .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .summary-details[open=false] {
    padding-bottom: 100px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .summary-details[open=false] .summary-details-container .text-detail.sum-downpayment {
    display: none !important;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .add-wishlist-notify {
    bottom: 24px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .breadcrumb {
    top: -12px;
    left: -16px;
    display: none;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .breadcrumb.fixed {
    top: -14px;
    z-index: 10;
    position: fixed;
    background-color: #fff;
    height: 65px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box {
    top: 16px;
    left: -16px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .back-button-box.fixed {
    z-index: 10;
    position: fixed;
  }
}
@media screen and (max-width: 413px) {
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .edition-layout-container {
    padding: 0 24px;
    margin: 0;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary {
    padding: 12px 24px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .breadcrumb.fixed {
    top: -8px;
    z-index: 10;
    position: fixed;
    background-color: #fff;
    height: 54px;
  }
}
@media screen and (max-width: 390px) {
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .edition-layout-container {
    padding: 0 18px;
  }
  .configuration-new-3d-page.sofa-3d-config:not(.dropdown-3d-config) .configuration-new-3d-main .configuration-side-bar .configuration-summary .fixed-summary {
    padding: 12px 18px;
  }
}
.configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-new-3d-main .configuration-side-bar.active .configuration-summary .fixed-summary {
  right: 0;
  transition: all ease-in-out 0.25s;
}
.configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-side-bar .configuration-summary .summary-details .summary-details-container.sum-all {
  padding-top: 0px;
  margin-bottom: unset;
}
.configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-side-bar .configuration-summary .summary-details .summary-details-container .summary-text {
  padding-bottom: 8px;
}
.configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-side-bar .configuration-summary .summary-details .summary-details-container .summary-text:last-child {
  border-bottom: none;
}
.configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-side-bar .configuration-summary .summary-details .summary-details-container .text-detail p:first-child {
  max-width: calc(100% - 100px);
}
.configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-side-bar .configuration-summary .summary-details .shipping-days {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-side-bar .configuration-summary .summary-details .shipping-days b {
  font-weight: 600;
}
.configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-side-bar .configuration-summary .sum {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 8px;
}
.configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-side-bar .configuration-summary .sum:first-child {
  margin-top: 24px;
}
.configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-side-bar .configuration-summary .sum:last-child {
  margin-bottom: 12px;
}
.configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-side-bar .configuration-summary .sum .tt {
  display: flex;
}
.configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-side-bar .configuration-summary .sum .n {
  width: 65%;
  cursor: pointer;
}
.configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-side-bar .configuration-summary .sum .p {
  width: 35%;
  text-align: right;
}
.configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-side-bar .configuration-summary .sum .icon-arr-up {
  margin-left: 4px;
  width: 12px;
  height: 12px;
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-side-bar .configuration-summary .sum .icon-arr-up svg {
  color: #000;
  top: 4px;
  left: 2px;
  transform: rotate(180deg);
}
.configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-side-bar .configuration-summary .sum .selected {
  margin-top: 16px;
  transition: height 0.5s ease-in-out;
  overflow: hidden;
  height: 0;
}
.configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-side-bar .configuration-summary .sum .selected .item {
  margin-bottom: 16px;
}
.configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-side-bar .configuration-summary .sum .selected .item .c {
  display: block;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  color: #a0a4a4;
}
.configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-side-bar .configuration-summary .sum .selected .item .cfg {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}
.configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-side-bar .configuration-summary .sum[open=true] .icon-arr-up svg {
  transform: rotate(0deg);
}
.configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-side-bar .configuration-summary .sum[open=true] .selected {
  height: auto;
}
.configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-side-bar .configuration-summary .sum[open=hidden] .icon-arr-up {
  display: none;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary {
  position: fixed;
  bottom: 0;
  background-color: #fff;
  width: 675px;
  z-index: 4;
  padding-top: 16px;
  padding-bottom: 16px;
  right: -671px;
  padding-left: 32px;
  border-radius: 8px 0px 0px 0px;
  background: #fff;
  box-shadow: -4px -4px 8px 0px rgba(0, 0, 0, 0.04);
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-sum {
  max-width: 514px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart {
  max-width: 514px;
  padding-top: unset;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  flex-wrap: unset;
  justify-content: unset;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .price-box {
  padding-right: unset;
  text-align: right;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .price-box .text {
  color: #a0a4a4;
  font-size: 10px;
  line-height: 18px;
  font-weight: 600;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .price-box .price {
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .bt-general {
  min-width: 150px;
  height: 48px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .bt-general .bt-general > p {
  font-size: 14px;
  padding-right: 10px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .bt-general .icon-arr-right-bg2 svg {
  color: #fff;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .left {
  display: flex;
  align-items: center;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .right {
  display: flex;
  gap: 12px;
  align-items: center;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .right .bt-wish-list {
  width: 48px;
  height: 48px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .right .bt-wish-list .icon-wishlist2 {
  width: 16px;
  height: 14px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .right .bt-wish-list .icon-wishlist2 svg {
  width: 16px;
  height: 14px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .right .bt-wish-list .icon-wishlist2 svg use {
  transform: scale(0.8);
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .expand-collapse-btn {
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: #505050;
  display: none;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .expand-collapse-btn .icon-arr-up {
  display: inline-block;
  width: 14px;
  height: 12px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .expand-collapse-btn .icon-arr-up svg {
  color: #000;
  left: 6px;
  top: 4px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .summary-text .sum-downpayment {
  padding-top: 8px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .summary-details .fixed-summary::after {
  content: "";
  position: absolute;
  background-color: rgba(248, 247, 243, 0.7);
  height: 100%;
  width: 296px;
  right: 0;
  top: 0;
  z-index: -1;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .summary-details .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .expand-collapse-btn {
  display: block;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .summary-details[open=false] {
  padding-bottom: 95px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .summary-details[open=false] .fixed-summary .summary-details-container.remark,
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .summary-details[open=false] .fixed-summary .shipping-days,
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .summary-details[open=false] .fixed-summary .price-box,
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .summary-details[open=false] .fixed-summary .less-state {
  display: none !important;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .summary-details[open=true] {
  padding-bottom: 220px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .summary-details[open=true] .fixed-summary .more-state {
  display: none !important;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .summary-details[open=true] .fixed-summary .icon-arr-up svg {
  transform: rotate(180deg);
}
.configuration-new-3d-page.normal-3d-config .product-info-3d-sticky {
  display: none;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-main {
  position: relative;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  display: inline-block;
  padding-top: 178px;
}
.configuration-new-3d-page.normal-3d-config .overlay {
  z-index: 10;
}
.configuration-new-3d-page.normal-3d-config::-webkit-scrollbar {
  display: none;
}
.configuration-new-3d-page.normal-3d-config .disable-message {
  min-height: 36px;
  font-size: 12px;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs {
  background-color: white;
  min-height: 676px;
  width: 100%;
  height: 100%;
  position: absolute;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 1;
  background: white;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view.fixed {
  position: fixed;
  top: 0;
  z-index: 9;
  overflow: hidden;
  height: auto;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model {
  position: fixed;
  height: calc(100vh - 282px);
  display: flex;
  width: inherit;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .content-3d-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9999;
  pointer-events: none;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .img {
  z-index: 3;
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .img img {
  width: 100%;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .img #tdview {
  width: 100%;
  height: 100%;
  position: relative;
  margin-top: -180px;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .img iframe {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: none;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .img .loading-icon {
  width: 96px;
  bottom: 304px;
  left: 50%;
  margin-left: -48px;
  position: absolute;
  z-index: 1;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .img .loading-text {
  position: absolute;
  bottom: 260px;
  left: 50%;
  width: 300px;
  font-size: 12px;
  margin-left: -150px;
  text-align: center;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .rotate-set {
  position: absolute;
  bottom: 96px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  pointer-events: none;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .rotate-set .rotate-container {
  position: relative;
  display: flex;
  justify-content: center;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .rotate-set .rotate-container .bt-rotate {
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .icon-3d-bg {
  position: absolute;
  z-index: 1;
  top: 48px;
  left: 50%;
  transform: translateX(-50%);
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls {
  width: inherit;
  height: 74px;
  display: block;
  position: fixed;
  z-index: 5;
  left: 0;
  bottom: 64px;
  pointer-events: none;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .controls-container {
  margin-right: 64px;
  margin-left: 64px;
  position: relative;
  height: 100%;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls iframe {
  position: relative;
  z-index: -1;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .btn {
  cursor: pointer;
  z-index: 2;
  overflow: hidden;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .btn .text {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #111c1c;
  text-align: center;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .ico {
  display: inline-block;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-360-controls {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  overflow: hidden;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-360-controls .ico-360-controls {
  cursor: pointer;
  display: inline-block;
  z-index: 2;
  padding-top: 14px;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-360-controls .ico-360-controls svg {
  width: 40px;
  height: 17px;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .mouse-rotate-btn {
  position: relative;
  padding-right: 10px;
  pointer-events: painted;
  cursor: default;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .mouse-zoom-btn {
  position: relative;
  pointer-events: painted;
  cursor: default;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  overflow: hidden;
  width: 164px;
  height: 68px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .desktop-icons,
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .mobile-icons {
  width: 164px;
  bottom: 0;
  left: -82px;
  transition: all ease-in 0.3s;
  z-index: -1;
  opacity: 0;
  position: absolute;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .mobile-icons {
  display: none;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .mobile-icons .mouse-rotate-btn .text {
  color: #a0a4a4;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls.active .desktop-icons,
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls.active .mobile-icons {
  left: 0;
  opacity: 1;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls.inactive .desktop-icons,
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls.inactive .mobile-icons {
  left: -82px;
  opacity: 0;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .ico-mouse-rotate svg {
  width: 32px;
  height: 32px;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .ico-mouse-move svg {
  width: 32;
  height: 32px;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .ico-mouse-zoom svg {
  width: 32px;
  height: 32px;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .ico-finger-rotate svg {
  width: 30px;
  height: 32px;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .ico-finger-move svg {
  width: 39px;
  height: 44px;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .ico-finger-zoom svg {
  width: 33px;
  height: 32px;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .ar-view-btn,
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .vr-view-btn {
  width: fit-content;
  max-width: 251px;
  min-height: 48px;
  box-shadow: 0px 0px 16px rgba(17, 28, 28, 0.16);
  border-radius: 100px;
  position: absolute;
  bottom: 0;
  z-index: 2;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  cursor: pointer;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 16px;
  pointer-events: painted;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .ar-view-btn.disabled,
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .vr-view-btn.disabled {
  opacity: 0.5;
  cursor: default;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .ar-view-btn span,
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .vr-view-btn span {
  font-size: 12px;
  font-weight: 600;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .ar-view-btn span:last-child,
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .vr-view-btn span:last-child {
  color: #7b7b7b;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .ar-view-btn strong,
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .vr-view-btn strong {
  color: #111c1c;
  font-weight: 600;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .ar-view-btn .ico-ar-view,
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .vr-view-btn .ico-ar-view {
  margin-right: 4px;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .ar-view-btn .ico-ar-view svg,
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .vr-view-btn .ico-ar-view svg {
  width: 24px;
  height: 24px;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .ar-view-btn .ico-ar-view.vr,
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .vr-view-btn .ico-ar-view.vr {
  position: relative;
  top: -4px;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .info-3d-btn {
  position: absolute;
  left: 68px;
  width: 48px;
  pointer-events: painted;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .info-3d-btn .ico-info-3d {
  position: relative;
  width: 32px;
  height: 32px;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .info-3d-btn .ico-info-3d svg {
  width: 32px;
  height: 32px;
  color: #2a2a2d;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .share-3d-btn {
  position: absolute;
  left: 0;
  pointer-events: painted;
  width: 68px;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .share-3d-btn .ico-share-3d {
  position: relative;
  background-color: #e4b760;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .share-3d-btn .ico-share-3d svg {
  width: 20px;
  height: 17px;
  color: #2a2a2d;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .reset-btn {
  position: absolute;
  left: 116px;
  width: 48px;
  pointer-events: painted;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .reset-btn .ico-reset {
  position: relative;
  background-color: #2a2a2d;
}
.configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .reset-btn .ico-reset svg {
  width: 32px;
  height: 32px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar {
  position: absolute;
  height: auto;
  right: -1400px;
  top: 0;
  z-index: 3;
  background-color: rgba(255, 255, 255, 0.9);
  padding-top: 178px;
  transition: all ease-in-out 0.25s;
  width: 0;
  min-height: 100vh;
  overflow: hidden;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0;
  width: 294px;
  height: 100%;
  background-color: rgba(248, 247, 243, 0.5);
  z-index: -1;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar.active {
  right: 0;
  width: 674px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar.active .side-bar-toggle {
  transform: rotate(0deg);
  animation: slide-in-right 0.35s linear both;
  right: 658px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .side-bar-toggle {
  position: fixed;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 16px rgba(17, 28, 28, 0.16);
  transform: rotate(180deg) translateX(100%);
  top: calc(50% - 16px);
  right: -16px;
  z-index: 6;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .side-bar-toggle .icon-arr-right svg {
  color: #111c1c;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .steps {
  position: relative;
  height: auto;
  padding-bottom: 64px;
  width: 100%;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .steps.edit-mode {
  margin-top: 84px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .steps .step {
  position: relative;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .steps .step.inactive {
  display: none;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .steps .step:not(:nth-of-type(1)) {
  margin-top: 48px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .steps .step .step-number .s {
  color: #111c1c;
  font-weight: 600;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .steps .title-name {
  font-size: 16px;
  font-weight: 600;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .steps .step-name {
  font-size: 16px;
  font-weight: 500;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .steps .step-number {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  padding: 0 5px;
  color: #a0a4a4;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .edition-layout {
  position: relative;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .edition-layout.hidden-by-rule {
  display: none;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .edition-layout.configuration-3d-color-layout .edition-item .title {
  display: block;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .edition-layout.configuration-3d-color-layout .edition-item .edition-tooltip {
  display: none;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .title-3d-config {
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  color: #111c1c;
  margin-bottom: 16px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .edition-layout-container {
  margin-left: 32px;
  max-width: 514px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .accordion-box {
  display: block;
  width: 100%;
  max-height: 52px;
  transition: all 0.5s ease-in-out;
  transition-delay: 0s;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .accordion-box .accordion-heading {
  font-size: 16px;
  line-height: 28px;
  color: #111c1c;
  width: 100%;
  align-content: center;
  position: relative;
  font-weight: 600;
  cursor: pointer;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .accordion-box .accordion-heading .accordion-name {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .accordion-box .accordion-heading .accordion-name .icon-arr-up {
  position: absolute;
  right: 0;
  transform: rotate(180deg);
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .accordion-box .accordion-heading .accordion-name .icon-arr-up svg {
  color: #111c1c;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .accordion-box .configuration-detail {
  padding-top: 8px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .accordion-box[open=false] .layout-content {
  height: 0px;
  transition: height 0.5s ease-out;
  transform: scaleY(0);
  float: left;
  display: block;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .accordion-box[open=true] {
  max-height: 100%;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .accordion-box[open=true] .layout-content {
  display: block;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .accordion-box[open=true] .accordion-name .icon-arr-up {
  transform: rotate(0deg);
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .extra-desc {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #a0a4a4;
  padding-top: 8px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .desc-box:nth-child(2) {
  padding-top: 4px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .configuration-detail {
  margin-bottom: 24px;
  -webkit-line-clamp: unset;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .configuration-detail.more-content .detail-box {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .configuration-detail.more-content .detail-box p a {
  display: none;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .configuration-detail.more-content .bt-route p {
  display: block;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .configuration-detail.more-content .bt-route p.less-txt {
  display: none;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .configuration-detail.more-content .bt-route .icon-arr-down svg {
  transform: rotate(180deg);
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .configuration-detail .detail-box {
  height: auto;
  margin-bottom: 4px;
  transition: height 0.3s;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .configuration-detail .detail-box p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: #2e2e2e;
  visibility: visible;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .configuration-detail .detail-box p b {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .configuration-detail .detail-box p a {
  display: inline;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .configuration-detail .bt-more {
  width: fit-content;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .configuration-detail .bt-route p {
  font-size: 14px;
  font-weight: 600;
  padding-right: 12px;
  display: none;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .configuration-detail .bt-route p.less-txt {
  display: block;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .layout-accordion-wrapper .configuration-detail .bt-route .icon-arr-down svg {
  transform: rotate(0deg);
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-desc {
  display: none;
  margin-top: 24px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-desc.active {
  display: block;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-desc .desc-container {
  max-width: 332px;
  width: 100%;
  position: relative;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-desc .desc-container .desc-label {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #a0a4a4;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-desc .desc-container .desc-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #111c1c;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .edition-config-summary {
  padding-top: 24px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .edition-config-summary .summary-text {
  border-bottom: solid 1px #d8d8d8;
  padding-bottom: 8px;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .edition-config-summary .summary-text .text-label {
  display: flex;
  justify-content: space-between;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .edition-config-summary .summary-text .text-label > span {
  font-size: 10px;
  line-height: 16px;
  color: #a0a4a4;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .edition-config-summary .summary-text .text-detail {
  display: flex;
  justify-content: space-between;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .edition-config-summary .summary-text .text-detail > span {
  font-size: 12px;
  line-height: 18px;
  color: #111c1c;
  font-weight: 600;
}
.configuration-new-3d-page.normal-3d-config .configuration-side-bar .edition-config-summary .summary-text .text-detail > span:first-child {
  max-width: 180px;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary {
  padding-top: 48px;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .summary-heading .title {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .summary-heading .desc {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .summary-details .summary-details-container {
  padding-top: 24px;
  margin-top: auto;
  opacity: 1;
  transition: 0.3s;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .summary-details .summary-details-container.hidden-fade {
  transform: translateY(20px);
  opacity: 0;
  height: 0px;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .summary-details .summary-details-container.remark {
  padding-top: 0px;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .summary-details .summary-details-container.remark .summary-text:last-child {
  border-bottom: none;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .summary-details .summary-details-container.sum-all {
  margin-bottom: 24px;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .summary-details .summary-details-container .desc-text-set {
  margin-bottom: 72px;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .summary-details .summary-details-container .desc-text-set .desc-label p {
  font-size: 10px;
  line-height: 20px;
  color: #a0a4a4;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .summary-details .summary-details-container .desc-text-set .desc-txt {
  max-width: 250px;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .summary-details .summary-details-container .desc-text-set .desc-txt p {
  font-size: 13px;
  line-height: 23px;
  color: #111c1c;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .summary-details .summary-details-container .summary-text {
  padding-bottom: 18px;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .summary-details .summary-details-container .summary-text:last-child {
  border-bottom: solid 1px #d8d8d8;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .summary-details .summary-details-container .text-label {
  display: flex;
  justify-content: space-between;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .summary-details .summary-details-container .text-label p {
  font-size: 10px;
  line-height: 16px;
  color: #a0a4a4;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .summary-details .summary-details-container .text-detail {
  display: flex;
  justify-content: space-between;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .summary-details .summary-details-container .text-detail p {
  font-size: 12px;
  line-height: 18px;
  color: #111c1c;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .summary-details .summary-details-container .text-detail p:first-child {
  max-width: 180px;
  word-wrap: break-word;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .summary-details .summary-details-container .text-detail p b {
  font-weight: 600;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .summary-details .summary-details-container .text-detail p b.orange {
  color: #e4b760;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .summary-details .summary-details-container .text-detail .orange {
  color: #e4b760;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .summary-details .summary-details-container .text-detail .grey {
  color: #a0a4a4;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .price-add-to-cart {
  padding-top: 48px;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .price-add-to-cart .add-to-cart-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .price-add-to-cart .add-to-cart-container .price-box {
  padding-right: 32px;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .price-add-to-cart .add-to-cart-container .price-box .text {
  color: #a0a4a4;
  font-size: 10px;
  line-height: 18px;
  font-weight: 600;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .price-add-to-cart .add-to-cart-container .price-box .price {
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .price-add-to-cart .add-to-cart-container .bt-general {
  min-width: 150px;
  height: 48px;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .price-add-to-cart .add-to-cart-container .bt-general .icon-arr-right-bg2 svg {
  color: #fff;
}
.configuration-new-3d-page.normal-3d-config .configuration-summary .price-add-to-cart .add-to-cart-container .bt-general > p {
  font-size: 14px;
  padding-right: 10px;
}
.configuration-new-3d-page.normal-3d-config {
  /* Sticky Bar */
}
.configuration-new-3d-page.normal-3d-config .product-info-3d-sticky {
  width: 100%;
  height: 88px;
  background-color: #ffffff;
  box-shadow: 0px 0px 16px rgba(17, 28, 28, 0.16);
  position: fixed;
  top: 0;
  z-index: 5;
  display: none;
  left: 0;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay {
  opacity: 0;
  position: fixed;
  inset: 0px;
  background: rgba(51, 51, 51, 0.8);
  display: none;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay.open {
  opacity: 1;
  display: block;
  z-index: 1050;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay.open .modal-content {
  transform: translate(-50%, -50%);
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .close-btn {
  cursor: pointer;
  position: absolute;
  width: 38px;
  height: 38px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  opacity: 1;
  inset: 24px 24px 24px auto;
  z-index: 10;
  transition: transform 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .device-switcher {
  position: absolute;
  top: 115px;
  left: 24px;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .device-dropdown-box.active .icon-arr-down > svg {
  transform: rotate(0deg);
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .device-dropdown-box.active .dropdown-options {
  display: block;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-selected {
  width: 100px;
  height: 48px;
  display: flex;
  background-color: #f8f7f4;
  align-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-selected .icon-arr-down {
  position: absolute;
  right: 14px;
  cursor: pointer;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-selected .icon-arr-down svg {
  color: #111c1c;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-selected > p {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  padding-right: 15px;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-options {
  position: absolute;
  width: 100%;
  z-index: 1;
  border-radius: 4px;
  display: none;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-options.active {
  display: block;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-options .box-options {
  box-shadow: 0px 0px 16px rgba(17, 28, 28, 0.16);
  padding: 4px;
  border-radius: 4px;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-options .box-options .box-option {
  width: 100%;
  height: 30px;
  display: flex;
  cursor: pointer;
  position: relative;
  border-radius: 8px;
  transition: all 0.3s ease-out;
  padding: 0px 20px;
  align-items: center;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-options .box-options .box-option:not(:last-child) {
  margin-bottom: 4px;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-options .box-options .box-option:hover {
  background-color: #f8f7f3;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .modal-content {
  height: 478px;
  width: 462px;
  transform: translate(-50%, calc(-50% + 24px));
  position: absolute;
  background: white;
  top: 50%;
  left: 50%;
  bottom: auto;
  padding: 0 24px;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .modal-content .qr-code-img {
  display: block;
  margin-top: 45px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  width: 100%;
  max-height: 190px;
  max-width: 190px;
  overflow: hidden;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .modal-content .qr-code-img #qrcode {
  width: 190px;
  height: 190px;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .text-box {
  display: flex;
  padding-top: 45px;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .text-box .ar-view-icon {
  margin-right: 8px;
  width: 80px;
  height: 80px;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .text-box .ar-view-icon svg {
  width: 80px;
  height: 80px;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .text-box .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  padding-bottom: 4px;
  padding-left: 0;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .text-box .text-content > p {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .text-footer {
  padding-top: 24px;
}
.configuration-new-3d-page.normal-3d-config .ar-view-modal-overlay .text-footer > p {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}
.configuration-new-3d-page.normal-3d-config .flip-device-modal-overlay {
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(53, 53, 53, 0.25);
  display: none;
}
.configuration-new-3d-page.normal-3d-config .flip-device-modal-overlay.open {
  opacity: 1;
  display: block;
  z-index: 1050;
}
.configuration-new-3d-page.normal-3d-config .flip-device-modal-overlay.open .modal-container {
  transform: translate(-50%, -50%);
}
.configuration-new-3d-page.normal-3d-config .flip-device-modal-overlay .close-btn {
  cursor: pointer;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  opacity: 1;
  inset: 24px 24px 24px auto;
  z-index: 10;
  transition: transform 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
}
.configuration-new-3d-page.normal-3d-config .flip-device-modal-overlay .close-btn .icon-close-light {
  background-color: white;
}
.configuration-new-3d-page.normal-3d-config .flip-device-modal-overlay .modal-container {
  height: 280px;
  width: 280px;
  transform: translate(-50%, calc(-50% + 24px));
  position: absolute;
  background: rgba(53, 53, 53, 0.75);
  top: 50%;
  left: 50%;
  bottom: auto;
  padding: 0 24px;
  border-radius: 5px;
}
.configuration-new-3d-page.normal-3d-config .flip-device-modal-overlay .modal-container .img-box {
  display: block;
  margin-top: 56px;
  margin-left: auto;
  margin-right: auto;
  width: 112px;
  height: 104px;
}
.configuration-new-3d-page.normal-3d-config .flip-device-modal-overlay .modal-container .img-box img {
  width: 100%;
  height: 100%;
}
.configuration-new-3d-page.normal-3d-config .flip-device-modal-overlay .modal-container .text-box {
  padding-top: 38px;
  text-align: center;
}
.configuration-new-3d-page.normal-3d-config .flip-device-modal-overlay .modal-container .text-box p {
  color: white;
  padding: 0 16px;
  font-size: 14px;
  line-height: 15px;
  font-weight: 600;
}
.configuration-new-3d-page.normal-3d-config .add-wishlist-notify {
  position: fixed;
  left: 50%;
  bottom: 36px;
  transform: translateX(-50%);
  max-width: 500px;
  width: calc(100% - 46px);
  color: #ffffff;
  background: #505050;
  border-radius: 4px;
  text-align: center;
  padding: 12px;
  display: none;
}
.configuration-new-3d-page.normal-3d-config .add-wishlist-notify.active {
  display: block;
  z-index: 5;
}
.configuration-new-3d-page.normal-3d-config .add-wishlist-notify > p {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.configuration-new-3d-page.normal-3d-config .shipping-days {
  font-size: 16px;
}
.configuration-new-3d-page.normal-3d-config .shipping-days .icon-and-tooltip {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
  left: 3px;
}
.configuration-new-3d-page.normal-3d-config .shipping-days.more-space {
  margin-top: 24px;
}
.configuration-new-3d-page.normal-3d-config .breadcrumb {
  position: absolute;
  top: 152px;
  left: 0;
}
.configuration-new-3d-page.normal-3d-config .back-button-box {
  position: absolute;
  top: 172px;
  left: 0;
  width: 100%;
  z-index: 2;
}
.configuration-new-3d-page.normal-3d-config .back-button-box .wrapper.active {
  max-width: 100%;
}
.configuration-new-3d-page.normal-3d-config .back-button-box .wrapper.active .btn-back {
  max-width: 100%;
}
.configuration-new-3d-page.normal-3d-config .back-button-box .wrapper {
  max-width: 82px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  transition: max-width 0.35s ease;
  will-change: max-width;
  overflow: hidden;
}
.configuration-new-3d-page.normal-3d-config .back-button-box .btn-back {
  max-width: 82px;
  transition: max-width 0.3s ease-in-out;
}
.configuration-new-3d-page.normal-3d-config .back-button-box .btn-back,
.configuration-new-3d-page.normal-3d-config .back-button-box .btn-back-and-save {
  width: fit-content;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 1px solid #111c1c;
  background: #fff;
  padding: 0 16px;
  transition: all 0.35s ease-out;
}
.configuration-new-3d-page.normal-3d-config .back-button-box .btn-back .icon-arr-left,
.configuration-new-3d-page.normal-3d-config .back-button-box .btn-back-and-save .icon-arr-left {
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.configuration-new-3d-page.normal-3d-config .back-button-box .btn-back .icon-arr-left svg,
.configuration-new-3d-page.normal-3d-config .back-button-box .btn-back-and-save .icon-arr-left svg {
  position: relative;
  color: #111c1c;
  display: flex;
  align-items: center;
  justify-content: center;
}
.configuration-new-3d-page.normal-3d-config .back-button-box .btn-back .icon-wishlist2,
.configuration-new-3d-page.normal-3d-config .back-button-box .btn-back-and-save .icon-wishlist2 {
  position: relative;
  width: 20px;
  height: 18px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.configuration-new-3d-page.normal-3d-config .back-button-box .btn-back .icon-wishlist2 svg,
.configuration-new-3d-page.normal-3d-config .back-button-box .btn-back-and-save .icon-wishlist2 svg {
  color: #000000;
  width: 22px;
  height: 18px;
  transition: all 0.35s ease-out;
}
.configuration-new-3d-page.normal-3d-config .back-button-box .btn-back p,
.configuration-new-3d-page.normal-3d-config .back-button-box .btn-back-and-save p {
  color: #111c1c;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  transition: all 0.35s ease-out;
  inline-size: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.configuration-new-3d-page.normal-3d-config .back-button-box .btn-back-and-save.active {
  border-color: #e4b760;
}
.configuration-new-3d-page.normal-3d-config .back-button-box .btn-back-and-save.active .icon-wishlist2 svg {
  color: #e4b760;
}
.configuration-new-3d-page.normal-3d-config .back-button-box .btn-back-and-save.active p {
  color: #e4b760;
}
.configuration-new-3d-page.normal-3d-config .back-button-box .back-txt {
  display: inline-block;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-new-3d-page.normal-3d-config .back-button-box .btn-back-and-save:not(.active):hover {
    border-color: #e4b760;
  }
  .configuration-new-3d-page.normal-3d-config .back-button-box .btn-back-and-save:not(.active):hover .icon-wishlist2 svg {
    color: #e4b760;
  }
  .configuration-new-3d-page.normal-3d-config .back-button-box .btn-back-and-save:not(.active):hover p {
    color: #e4b760;
  }
  .configuration-new-3d-page.normal-3d-config .back-button-box .btn-back:hover {
    border-color: #e4b760;
  }
  .configuration-new-3d-page.normal-3d-config .back-button-box .btn-back:hover .icon-arr-left svg {
    color: #e4b760;
  }
  .configuration-new-3d-page.normal-3d-config .back-button-box .btn-back:hover p {
    color: #e4b760;
  }
}
@media screen and (min-width: 1960px) {
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model {
    margin-left: unset;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view {
    justify-content: center;
  }
}
@media screen and (max-width: 1280px) {
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls {
    left: unset;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .controls-container {
    margin: 0 48px;
  }
}
@media screen and (max-width: 1180px) and (orientation: landscape) {
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .desktop-icons {
    display: none;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .mobile-icons {
    display: inline-flex;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .mobile-icons .mouse-rotate-btn .text {
    color: #111c1c;
  }
}
@media screen and (max-width: 1112px) {
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .icon-3d-bg {
    width: 202px;
    height: 200px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .controls-container {
    margin: 0 32px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .desktop-icons {
    display: none;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .mobile-icons {
    display: inline-flex;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .mobile-icons .mouse-rotate-btn .text {
    color: #111c1c;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar {
    right: -450px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar::after {
    width: 190px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar.active {
    width: 450px;
    overflow: visible;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar.active .side-bar-toggle {
    right: 434px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .edition-layout-container {
    max-width: 344px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary {
    width: 450px;
    padding-right: 32px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart {
    max-width: 344px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-sum {
    max-width: 344px;
  }
  .configuration-new-3d-page.normal-3d-config:not(.v2) .configuration-side-bar .configuration-summary .summary-details .fixed-summary::after {
    width: 190px;
  }
}
@media screen and (max-width: 991px) {
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs {
    min-width: unset;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls {
    max-width: 100%;
  }
}
@media screen and (max-width: 834px) {
  .configuration-new-3d-page.normal-3d-config .back-button-box .container {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media (min-width: 744px) and (max-width: 767px) {
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-main {
    padding-top: 100px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .img #tdview {
    margin-top: -100px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .img .loading-icon {
    bottom: 396px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .img .loading-text {
    bottom: 350px;
  }
  .configuration-new-3d-page.normal-3d-config .shipping-days .icon-and-tooltip {
    transform: translateX(50%) !important;
  }
}
@media screen and (max-width: 743px) {
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-main {
    padding-top: 0px;
  }
  .configuration-new-3d-page.normal-3d-config .product-info-3d-sticky {
    z-index: 10;
    display: flex;
    visibility: hidden;
    top: 0px;
  }
  .configuration-new-3d-page.normal-3d-config .product-configs-selection .list-option {
    bottom: 0;
    top: unset;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs {
    position: relative;
    min-width: unset;
    min-height: unset;
    touch-action: pan-y;
    overflow: inherit;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view {
    justify-content: center;
    background: white;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model {
    height: 360px;
    width: 100%;
    position: relative;
    margin-left: unset;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .rotate-set {
    bottom: 116px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .img #tdview {
    margin-top: -40px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .img .loading-icon {
    width: 80px;
    margin-left: -40px;
    top: 94px;
    bottom: auto;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .img .loading-text {
    top: 194px;
    bottom: auto;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls {
    left: 0;
    right: unset;
    bottom: 0;
    position: absolute;
    height: 100%;
    padding: 0 16px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .controls-container {
    margin: 0;
    width: 100%;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-360-controls {
    display: none;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .mouse-rotate-btn {
    padding-right: 15px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls {
    left: 0;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .mobile-icons .mouse-rotate-btn .text {
    color: #a0a4a4;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .ar-view-btn {
    padding: 8px 12px;
    justify-content: space-around;
    right: 0;
    bottom: 16px;
    left: unset;
    transform: unset;
    max-width: 148px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .ar-view-btn span:last-child {
    font-size: 11px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 26px;
    transition: unset;
    min-height: 0;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar::after {
    display: none;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar.fixed {
    margin-top: 480px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar.active {
    width: 100%;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar.active .side-bar-toggle {
    display: none;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .edition-layout-container {
    max-width: unset;
    padding-right: 32px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .steps {
    padding-bottom: 54px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary {
    max-width: 100%;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary {
    width: 100%;
    padding: 12px 32px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary::after {
    display: none;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-sum,
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart {
    width: 100%;
    max-width: 100%;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .bt-wish-list {
    display: none;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .summary-details[open=true], .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .summary-details[open=false] {
    padding-bottom: 36px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .summary-details[open=false] .summary-details-container .text-detail.sum-downpayment {
    display: none !important;
  }
  .configuration-new-3d-page.normal-3d-config .add-wishlist-notify {
    bottom: 24px;
  }
  .configuration-new-3d-page.normal-3d-config .breadcrumb {
    top: -12px;
    left: -16px;
    display: none;
  }
  .configuration-new-3d-page.normal-3d-config .breadcrumb.fixed {
    top: -14px;
    z-index: 10;
    position: fixed;
    background-color: #fff;
    height: 65px;
  }
  .configuration-new-3d-page.normal-3d-config .back-button-box {
    top: 16px;
    left: -16px;
  }
  .configuration-new-3d-page.normal-3d-config .back-button-box.fixed {
    z-index: 10;
    position: fixed;
  }
}
@media screen and (min-width: 691px) and (max-width: 900px) and (orientation: landscape) {
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-main {
    padding-top: 0px;
  }
  .configuration-new-3d-page.normal-3d-config .product-info-3d-sticky {
    top: 0;
    z-index: 10;
    display: flex;
    visibility: hidden;
  }
  .configuration-new-3d-page.normal-3d-config .product-configs-selection .list-option {
    bottom: 0;
    top: unset;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs {
    position: relative;
    min-width: unset;
    min-height: unset;
    touch-action: pan-y;
    overflow: inherit;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view {
    justify-content: center;
    background: white;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model {
    height: 360px;
    width: 100%;
    position: relative;
    margin-left: unset;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .rotate-set {
    bottom: 116px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .img #tdview {
    margin-top: -40px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .img .loading-icon {
    width: 80px;
    margin-left: -40px;
    top: 94px;
    bottom: auto;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-model .img .loading-text {
    top: 194px;
    bottom: auto;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls {
    left: 0;
    right: unset;
    bottom: 0;
    position: absolute;
    height: 100%;
    padding: 0 16px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .controls-container {
    margin: 0;
    width: 100%;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-360-controls {
    display: none;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .mouse-rotate-btn {
    padding-right: 15px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls {
    left: 0;
    top: 58px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .mobile-icons .mouse-rotate-btn .text {
    color: #a0a4a4;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .reset-btn {
    padding-right: 12px;
    left: 0;
    right: unset;
    bottom: 16px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .share-3d-btn {
    left: 48px;
    bottom: 16px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .info-3d-btn {
    left: 96px;
    bottom: 16px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .ar-view-btn {
    padding: 0 12px;
    justify-content: space-around;
    right: 0;
    bottom: 20px;
    left: unset;
    transform: unset;
    max-width: 146px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .ar-view-btn span:last-child {
    font-size: 11px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 26px;
    transition: unset;
    min-height: 0;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar::after {
    display: none;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar.fixed {
    margin-top: 480px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar.active {
    width: 100%;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar.active .side-bar-toggle {
    display: none;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .edition-layout-container {
    max-width: unset;
    padding-right: 32px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .steps {
    padding-bottom: 54px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary {
    max-width: 100%;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary {
    width: 100%;
    padding: 12px 32px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary::after {
    display: none;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-sum,
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart {
    width: 100%;
    max-width: 100%;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary .bt-wish-list {
    display: none;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .summary-details[open=true], .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .summary-details[open=false] {
    padding-bottom: 100px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .summary-details[open=false] .summary-details-container .text-detail.sum-downpayment {
    display: none !important;
  }
  .configuration-new-3d-page.normal-3d-config .add-wishlist-notify {
    bottom: 24px;
  }
  .configuration-new-3d-page.normal-3d-config .breadcrumb {
    top: -12px;
    left: -16px;
    display: none;
  }
  .configuration-new-3d-page.normal-3d-config .breadcrumb.fixed {
    top: -14px;
    z-index: 10;
    position: fixed;
    background-color: #fff;
    height: 65px;
  }
  .configuration-new-3d-page.normal-3d-config .back-button-box {
    top: 16px;
    left: -16px;
  }
  .configuration-new-3d-page.normal-3d-config .back-button-box.fixed {
    z-index: 10;
    position: fixed;
  }
}
@media screen and (max-width: 414px) {
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls {
    width: 100%;
    left: 0;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-zoom {
    right: 130px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .edition-layout-container {
    padding: 0 24px;
    margin: 0;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary {
    padding: 12px 24px;
  }
  .configuration-new-3d-page.normal-3d-config .product-info-3d-sticky.active .container {
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media screen and (max-width: 390px) {
  .configuration-new-3d-page.normal-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls {
    width: 100%;
    left: 0;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .edition-layout-container {
    padding: 0 18px;
  }
  .configuration-new-3d-page.normal-3d-config .configuration-side-bar .configuration-summary .fixed-summary {
    padding: 12px 18px;
  }
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-main {
  position: relative;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  display: inline-block;
  padding-top: 178px;
}
.configuration-new-3d-page.dropdown-3d-config .overlay {
  z-index: 10;
}
.configuration-new-3d-page.dropdown-3d-config::-webkit-scrollbar {
  display: none;
}
.configuration-new-3d-page.dropdown-3d-config .disable-message {
  min-height: 36px;
  font-size: 12px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs {
  background-color: #ffffff;
  min-height: 676px;
  width: 100%;
  height: 100%;
  position: absolute;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 1;
  background: #ffffff;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view.fixed {
  position: fixed;
  top: 0;
  z-index: 9;
  overflow: hidden;
  height: auto;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-model {
  position: fixed;
  height: calc(100vh - 282px);
  display: flex;
  width: inherit;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-model .content-3d-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9999;
  pointer-events: none;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-model .img {
  z-index: 3;
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-model .img img {
  width: 100%;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-model .img #tdview {
  width: 100%;
  height: 100%;
  position: relative;
  margin-top: -180px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-model .img iframe {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: none;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-model .img .loading-icon {
  width: 96px;
  bottom: 304px;
  left: 50%;
  margin-left: -48px;
  position: absolute;
  z-index: 1;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-model .img .loading-text {
  position: absolute;
  bottom: 260px;
  left: 50%;
  width: 300px;
  font-size: 12px;
  margin-left: -150px;
  text-align: center;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-model .rotate-set {
  position: absolute;
  bottom: 96px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  pointer-events: none;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-model .rotate-set .rotate-container {
  position: relative;
  display: flex;
  justify-content: center;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-model .rotate-set .rotate-container .bt-rotate {
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-model .icon-3d-bg {
  position: absolute;
  z-index: 1;
  top: 48px;
  left: 50%;
  transform: translateX(-50%);
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls {
  width: inherit;
  height: 74px;
  display: block;
  position: fixed;
  z-index: 5;
  left: 0;
  bottom: 64px;
  pointer-events: none;
  overflow: hidden;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .controls-container {
  margin-right: 64px;
  margin-left: 64px;
  position: relative;
  height: 100%;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls iframe {
  position: relative;
  z-index: -1;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .btn {
  cursor: pointer;
  z-index: 2;
  overflow: hidden;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .btn .text {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #111c1c;
  text-align: center;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .ico {
  display: inline-block;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-360-controls {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  overflow: hidden;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-360-controls .ico-360-controls {
  cursor: pointer;
  display: inline-block;
  z-index: 2;
  padding-top: 14px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-360-controls .ico-360-controls svg {
  width: 40px;
  height: 17px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .mouse-rotate-btn {
  position: relative;
  padding-right: 10px;
  pointer-events: painted;
  cursor: default;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .mouse-zoom-btn {
  position: relative;
  pointer-events: painted;
  cursor: default;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  overflow: hidden;
  width: 164px;
  height: 68px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .desktop-icons,
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .mobile-icons {
  width: 164px;
  bottom: 0;
  left: -82px;
  transition: all ease-in 0.3s;
  z-index: -1;
  opacity: 0;
  position: absolute;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .mobile-icons {
  display: none;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .mobile-icons .mouse-rotate-btn .text {
  color: #a0a4a4;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls.active .desktop-icons,
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls.active .mobile-icons {
  left: 0;
  opacity: 1;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls.inactive .desktop-icons,
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls.inactive .mobile-icons {
  left: -82px;
  opacity: 0;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .ico-mouse-rotate svg {
  width: 32px;
  height: 32px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .ico-mouse-move svg {
  width: 32px;
  height: 32px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .ico-mouse-zoom svg {
  width: 32px;
  height: 32px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .ico-finger-rotate svg {
  width: 30px;
  height: 32px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .ico-finger-move svg {
  width: 39px;
  height: 44px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .ico-finger-zoom svg {
  width: 33px;
  height: 32px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .info-3d-btn {
  position: absolute;
  left: 68px;
  width: 48px;
  pointer-events: painted;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .info-3d-btn .ico-info-3d {
  position: relative;
  width: 32px;
  height: 32px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .info-3d-btn .ico-info-3d svg {
  width: 32px;
  height: 32px;
  color: #2a2a2d;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .share-3d-btn {
  position: absolute;
  left: 0;
  pointer-events: painted;
  width: 68px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .share-3d-btn .ico-share-3d {
  position: relative;
  background-color: #e4b760;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .share-3d-btn .ico-share-3d svg {
  width: 20px;
  height: 17px;
  color: #2a2a2d;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .reset-btn {
  position: absolute;
  left: 116px;
  width: 48px;
  pointer-events: painted;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .reset-btn .ico-reset {
  position: relative;
  background-color: #2a2a2d;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .reset-btn .ico-reset svg {
  width: 32px;
  height: 32px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .ar-view-btn,
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .vr-view-btn {
  width: fit-content;
  max-width: 251px;
  min-height: 48px;
  box-shadow: 0px 0px 16px rgba(17, 28, 28, 0.16);
  border-radius: 100px;
  position: absolute;
  bottom: 0;
  z-index: 5;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  cursor: pointer;
  left: 50%;
  transform: translate(-50%, 50%);
  padding: 0 16px;
  pointer-events: painted;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .ar-view-btn.disabled,
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .vr-view-btn.disabled {
  opacity: 0.5;
  cursor: default;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .ar-view-btn span,
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .vr-view-btn span {
  font-size: 12px;
  font-weight: 600;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .ar-view-btn span:last-child,
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .vr-view-btn span:last-child {
  color: #7b7b7b;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .ar-view-btn strong,
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .vr-view-btn strong {
  color: #111c1c;
  font-weight: 600;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .ar-view-btn .ico-ar-view,
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .vr-view-btn .ico-ar-view {
  margin-right: 4px;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .ar-view-btn .ico-ar-view svg,
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .vr-view-btn .ico-ar-view svg {
  width: 24px;
  height: 24px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .ar-view-btn .ico-ar-view.vr,
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .vr-view-btn .ico-ar-view.vr {
  position: relative;
  top: -4px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar {
  position: absolute;
  height: calc(100vh - 136px - 48px);
  right: -1400px;
  top: -48px;
  z-index: 3;
  background-color: #f8f7f4;
  margin-top: 178px;
  transition: all ease-in-out 0.25s;
  width: 0;
  border-radius: 16px;
  overflow-y: hidden;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar.active {
  right: 58px;
  width: 578px;
  overflow-y: hidden;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar.active .side-bar-toggle {
  transform: rotate(0deg);
  animation: slide-in-right 0.35s linear both;
  right: 620px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .side-bar-toggle {
  position: fixed;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 16px rgba(17, 28, 28, 0.16);
  transform: rotate(180deg) translateX(100%);
  top: calc(50% - 16px);
  right: -16px;
  z-index: 6;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .side-bar-toggle .icon-arr-right svg {
  color: #111c1c;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .steps {
  position: relative;
  height: calc(100% - 122px);
  counter-reset: currentStep 0;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 24px 0;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .steps.edit-mode {
  margin-top: 84px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .steps .step {
  position: relative;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .steps .step.inactive {
  display: none;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .steps .step:not(:nth-of-type(1)) {
  margin-top: 16px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .steps .step.active .step-number::before {
  color: #111c1c;
  counter-increment: currentStep;
  content: counter(currentStep);
  font-weight: 600;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .steps .title-name {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #111c1c;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .edition-layout {
  position: relative;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .edition-layout.hidden-by-rule {
  display: none;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .edition-layout.configuration-3d-color-layout .edition-item .title {
  display: block;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .edition-layout.configuration-3d-color-layout .edition-item .edition-tooltip {
  display: none;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .edition-layout-container {
  margin: 0 32px;
  max-width: 100%;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .layout-content-box .accordion-box {
  width: 100%;
  transition: all 0.5s ease-in-out;
  transition-delay: 0s;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .layout-content-box .accordion-box .accordion-heading {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
  padding: 8px 24px 8px 16px;
  background-color: #ffffff;
  border-radius: 12px;
  cursor: pointer;
  height: 56px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .layout-content-box .accordion-box .accordion-heading .accordion-image {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .layout-content-box .accordion-box .accordion-heading .accordion-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .layout-content-box .accordion-box .accordion-heading .accordion-name {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  margin-right: auto;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .layout-content-box .accordion-box .accordion-heading .accordion-name.v2 {
  flex-direction: column;
  align-items: flex-start;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .layout-content-box .accordion-box .accordion-heading .accordion-name.v2 .accordion-name-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  margin-right: auto;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .layout-content-box .accordion-box .accordion-heading .icon-arr-up {
  transform: rotate(180deg);
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .layout-content-box .accordion-box .accordion-heading .icon-arr-up svg {
  transform: scale(1.3);
  color: #111c1c;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .layout-content-box .accordion-box .accordion-heading .summary-selected {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .layout-content-box .accordion-box[open=false] .layout-content,
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .layout-content-box .accordion-box[open=false] .edition-config-summary {
  height: 0px;
  transition: height 0.5s ease-out;
  transform: scaleY(0);
  float: left;
  display: block;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .layout-content-box .accordion-box[open=true] {
  max-height: 100%;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .layout-content-box .accordion-box[open=true] .layout-content {
  display: block;
  padding-top: 8px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .layout-content-box .accordion-box[open=true] .edition-config-summary {
  display: block;
  padding-top: 24px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .layout-content-box .accordion-box[open=true] .icon-arr-up {
  transform: rotate(0deg);
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .configuration-desc {
  display: none;
  margin-top: 24px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .configuration-desc.active {
  display: block;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .configuration-desc .desc-container {
  max-width: 332px;
  width: 100%;
  position: relative;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .configuration-desc .desc-container .desc-label {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #a0a4a4;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .configuration-desc .desc-container .desc-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #111c1c;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .edition-config-summary .summary-text {
  border-bottom: solid 1px #d8d8d8;
  padding-bottom: 8px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .edition-config-summary .summary-text .text-label {
  display: flex;
  justify-content: space-between;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .edition-config-summary .summary-text .text-label > span {
  font-size: 10px;
  line-height: 16px;
  color: #a0a4a4;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .edition-config-summary .summary-text .text-detail {
  display: flex;
  justify-content: space-between;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .edition-config-summary .summary-text .text-detail > span {
  font-size: 12px;
  line-height: 18px;
  color: #111c1c;
  font-weight: 600;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .edition-config-summary .summary-text .text-detail > span:first-child {
  max-width: 180px;
}
.configuration-new-3d-page.dropdown-3d-config .summary-heading {
  padding-top: 16px;
}
.configuration-new-3d-page.dropdown-3d-config .summary-heading .title {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
}
.configuration-new-3d-page.dropdown-3d-config .summary-heading .desc {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.configuration-new-3d-page.dropdown-3d-config .summary-details,
.configuration-new-3d-page.dropdown-3d-config .summary-details-wrapper {
  margin-top: 8px;
  opacity: 1;
  transition: 0.3s;
  visibility: visible;
  display: block;
}
.configuration-new-3d-page.dropdown-3d-config .summary-details.hidden-fade,
.configuration-new-3d-page.dropdown-3d-config .summary-details-wrapper.hidden-fade {
  display: none;
}
.configuration-new-3d-page.dropdown-3d-config .summary-details .config-price,
.configuration-new-3d-page.dropdown-3d-config .summary-details-wrapper .config-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.configuration-new-3d-page.dropdown-3d-config .summary-details .config-price .text,
.configuration-new-3d-page.dropdown-3d-config .summary-details-wrapper .config-price .text {
  font-size: 10px;
  line-height: 16px;
  color: #a0a4a4;
}
.configuration-new-3d-page.dropdown-3d-config .summary-details .config-price .price,
.configuration-new-3d-page.dropdown-3d-config .summary-details-wrapper .config-price .price {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
.configuration-new-3d-page.dropdown-3d-config .summary-details .summary-details-container.remark,
.configuration-new-3d-page.dropdown-3d-config .summary-details-wrapper .summary-details-container.remark {
  padding-top: 0px;
}
.configuration-new-3d-page.dropdown-3d-config .summary-details .summary-details-container.remark .summary-text:last-child,
.configuration-new-3d-page.dropdown-3d-config .summary-details-wrapper .summary-details-container.remark .summary-text:last-child {
  border-bottom: none;
}
.configuration-new-3d-page.dropdown-3d-config .summary-details .summary-details-container .summary-text,
.configuration-new-3d-page.dropdown-3d-config .summary-details-wrapper .summary-details-container .summary-text {
  padding-bottom: 8px;
}
.configuration-new-3d-page.dropdown-3d-config .summary-details .summary-details-container .text-label,
.configuration-new-3d-page.dropdown-3d-config .summary-details-wrapper .summary-details-container .text-label {
  display: flex;
  justify-content: space-between;
}
.configuration-new-3d-page.dropdown-3d-config .summary-details .summary-details-container .text-label p,
.configuration-new-3d-page.dropdown-3d-config .summary-details-wrapper .summary-details-container .text-label p {
  font-size: 10px;
  line-height: 16px;
  color: #a0a4a4;
}
.configuration-new-3d-page.dropdown-3d-config .summary-details .summary-details-container .text-detail,
.configuration-new-3d-page.dropdown-3d-config .summary-details-wrapper .summary-details-container .text-detail {
  display: flex;
  justify-content: space-between;
}
.configuration-new-3d-page.dropdown-3d-config .summary-details .summary-details-container p,
.configuration-new-3d-page.dropdown-3d-config .summary-details-wrapper .summary-details-container p {
  font-size: 12px;
  line-height: 18px;
  color: #111c1c;
}
.configuration-new-3d-page.dropdown-3d-config .summary-details .summary-details-container p:first-child,
.configuration-new-3d-page.dropdown-3d-config .summary-details-wrapper .summary-details-container p:first-child {
  max-width: 250px;
  word-wrap: break-word;
}
.configuration-new-3d-page.dropdown-3d-config .summary-details .summary-details-container p b,
.configuration-new-3d-page.dropdown-3d-config .summary-details-wrapper .summary-details-container p b {
  font-weight: 600;
}
.configuration-new-3d-page.dropdown-3d-config .summary-details .summary-details-container p b.orange,
.configuration-new-3d-page.dropdown-3d-config .summary-details-wrapper .summary-details-container p b.orange {
  color: #e4b760;
}
.configuration-new-3d-page.dropdown-3d-config .summary-details .summary-details-container p .orange,
.configuration-new-3d-page.dropdown-3d-config .summary-details-wrapper .summary-details-container p .orange {
  color: #e4b760;
}
.configuration-new-3d-page.dropdown-3d-config .summary-details .summary-details-container p .grey,
.configuration-new-3d-page.dropdown-3d-config .summary-details-wrapper .summary-details-container p .grey {
  color: #a0a4a4;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-summary {
  position: absolute;
  bottom: 0;
  padding: 16px 24px;
  width: inherit;
  background-color: #f8f7f4;
  border-radius: 0px 0px 24px 24px;
  box-shadow: 0px -4px 16px 0px rgba(0, 0, 0, 0.04);
}
.configuration-new-3d-page.dropdown-3d-config .configuration-summary .price-box {
  display: flex;
  justify-content: space-between;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-summary .price-box .text {
  color: #111c1c;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-summary .price-box .text b {
  font-weight: 600;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-summary .price-box .sub-total-price {
  color: #111c1c;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-summary .bt-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-summary .bt-wrapper .more-summary-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-summary .bt-wrapper .more-summary-wrapper .bt-more-summary {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-summary .bt-wrapper .more-summary-wrapper .bt-more-summary .icon-arr-up svg {
  color: #111c1c;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-summary .bt-wrapper .more-summary-wrapper .bt-more-summary.active .icon-arr-up {
  transform: rotate(180deg);
}
.configuration-new-3d-page.dropdown-3d-config .configuration-summary .bt-wrapper .more-summary-wrapper .price {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: none;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-summary .bt-wrapper .add-to-cart-container {
  display: flex;
  align-items: center;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-summary .bt-wrapper .add-to-cart-container .wishlist-box-bt {
  padding-right: 12px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-summary .bt-wrapper .add-to-cart-container .bt-general {
  width: 150px;
  height: 64px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-summary .bt-wrapper .add-to-cart-container .bt-general .icon-arr-right-bg2 svg {
  color: #ffffff;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-summary .bt-wrapper .add-to-cart-container .bt-general > p {
  font-size: 14px;
  padding-right: 10px;
}
.configuration-new-3d-page {
  /* Sticky Bar */
}
.configuration-new-3d-page .product-info-3d-sticky {
  width: 100%;
  height: 88px;
  background-color: #ffffff;
  box-shadow: 0px 0px 16px rgba(17, 28, 28, 0.16);
  position: fixed;
  top: 0;
  z-index: 5;
  display: none;
  left: 0;
}
.configuration-new-3d-page .ar-view-modal-overlay {
  opacity: 0;
  position: fixed;
  inset: 0px;
  background: rgba(51, 51, 51, 0.8);
  display: none;
}
.configuration-new-3d-page .ar-view-modal-overlay.open {
  opacity: 1;
  display: block;
  z-index: 1050;
}
.configuration-new-3d-page .ar-view-modal-overlay.open .modal-content {
  transform: translate(-50%, -50%);
}
.configuration-new-3d-page .ar-view-modal-overlay .close-btn {
  cursor: pointer;
  position: absolute;
  width: 38px;
  height: 38px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  opacity: 1;
  inset: 24px 24px 24px auto;
  z-index: 10;
  transition: transform 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
}
.configuration-new-3d-page .ar-view-modal-overlay .device-switcher {
  position: absolute;
  top: 115px;
  left: 24px;
}
.configuration-new-3d-page .ar-view-modal-overlay .device-dropdown-box.active .icon-arr-down > svg {
  transform: rotate(0deg);
}
.configuration-new-3d-page .ar-view-modal-overlay .device-dropdown-box.active .dropdown-options {
  display: block;
}
.configuration-new-3d-page .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-selected {
  width: 100px;
  height: 48px;
  display: flex;
  background-color: #f8f7f4;
  align-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
}
.configuration-new-3d-page .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-selected .icon-arr-down {
  position: absolute;
  right: 14px;
  cursor: pointer;
}
.configuration-new-3d-page .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-selected .icon-arr-down svg {
  color: #111c1c;
}
.configuration-new-3d-page .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-selected > p {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  padding-right: 15px;
}
.configuration-new-3d-page .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-options {
  position: absolute;
  width: 100%;
  z-index: 1;
  border-radius: 4px;
  display: none;
}
.configuration-new-3d-page .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-options.active {
  display: block;
}
.configuration-new-3d-page .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-options .box-options {
  box-shadow: 0px 0px 16px rgba(17, 28, 28, 0.16);
  padding: 4px;
  border-radius: 4px;
}
.configuration-new-3d-page .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-options .box-options .box-option {
  width: 100%;
  height: 30px;
  display: flex;
  cursor: pointer;
  position: relative;
  border-radius: 8px;
  transition: all 0.3s ease-out;
  padding: 0px 20px;
  align-items: center;
}
.configuration-new-3d-page .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-options .box-options .box-option:not(:last-child) {
  margin-bottom: 4px;
}
.configuration-new-3d-page .ar-view-modal-overlay .device-dropdown-box .dropdown-container .dropdown-options .box-options .box-option:hover {
  background-color: #f8f7f3;
}
.configuration-new-3d-page .ar-view-modal-overlay .modal-content {
  height: 478px;
  width: 462px;
  transform: translate(-50%, calc(-50% + 24px));
  position: absolute;
  background: #ffffff;
  top: 50%;
  left: 50%;
  bottom: auto;
  padding: 0 24px;
}
.configuration-new-3d-page .ar-view-modal-overlay .modal-content .qr-code-img {
  display: block;
  margin-top: 45px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  width: 100%;
  max-height: 190px;
  max-width: 190px;
  overflow: hidden;
}
.configuration-new-3d-page .ar-view-modal-overlay .modal-content .qr-code-img #qrcode {
  width: 190px;
  height: 190px;
}
.configuration-new-3d-page .ar-view-modal-overlay .text-box {
  display: flex;
  padding-top: 45px;
}
.configuration-new-3d-page .ar-view-modal-overlay .text-box .ar-view-icon {
  margin-right: 8px;
  width: 80px;
  height: 80px;
}
.configuration-new-3d-page .ar-view-modal-overlay .text-box .ar-view-icon svg {
  width: 80px;
  height: 80px;
}
.configuration-new-3d-page .ar-view-modal-overlay .text-box .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  padding-bottom: 4px;
  padding-left: 0;
}
.configuration-new-3d-page .ar-view-modal-overlay .text-box .text-content > p {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.configuration-new-3d-page .ar-view-modal-overlay .text-footer {
  padding-top: 24px;
}
.configuration-new-3d-page .ar-view-modal-overlay .text-footer > p {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}
.configuration-new-3d-page .flip-device-modal-overlay {
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(53, 53, 53, 0.25);
  display: none;
}
.configuration-new-3d-page .flip-device-modal-overlay.open {
  opacity: 1;
  display: block;
  z-index: 1050;
}
.configuration-new-3d-page .flip-device-modal-overlay.open .modal-container {
  transform: translate(-50%, -50%);
}
.configuration-new-3d-page .flip-device-modal-overlay .close-btn {
  cursor: pointer;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  opacity: 1;
  inset: 24px 24px 24px auto;
  z-index: 10;
  transition: transform 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
}
.configuration-new-3d-page .flip-device-modal-overlay .close-btn .icon-close-light {
  background-color: #ffffff;
}
.configuration-new-3d-page .flip-device-modal-overlay .modal-container {
  height: 280px;
  width: 280px;
  transform: translate(-50%, calc(-50% + 24px));
  position: absolute;
  background: rgba(53, 53, 53, 0.75);
  top: 50%;
  left: 50%;
  bottom: auto;
  padding: 0 24px;
  border-radius: 5px;
}
.configuration-new-3d-page .flip-device-modal-overlay .modal-container .img-box {
  display: block;
  margin-top: 56px;
  margin-left: auto;
  margin-right: auto;
  width: 112px;
  height: 104px;
}
.configuration-new-3d-page .flip-device-modal-overlay .modal-container .img-box img {
  width: 100%;
  height: 100%;
}
.configuration-new-3d-page .flip-device-modal-overlay .modal-container .text-box {
  padding-top: 38px;
  text-align: center;
}
.configuration-new-3d-page .flip-device-modal-overlay .modal-container .text-box p {
  color: white;
  padding: 0 16px;
  font-size: 14px;
  line-height: 15px;
  font-weight: 600;
}
.configuration-new-3d-page .add-wishlist-notify {
  position: fixed;
  left: 50%;
  bottom: 36px;
  transform: translateX(-50%);
  max-width: 500px;
  width: calc(100% - 46px);
  color: #ffffff;
  background: #505050;
  border-radius: 4px;
  text-align: center;
  padding: 12px;
  display: none;
}
.configuration-new-3d-page .add-wishlist-notify.active {
  display: block;
  z-index: 5;
}
.configuration-new-3d-page .add-wishlist-notify > p {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.configuration-new-3d-page .shipping-days {
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.configuration-new-3d-page .shipping-days .info-tooltip {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.configuration-new-3d-page .breadcrumb {
  position: absolute;
  top: 152px;
  left: 0;
}
.configuration-new-3d-page .back-button-box {
  position: absolute;
  top: calc(172px + var(--shop-notification-bar-height, 0px));
  left: 0;
  width: 100%;
  z-index: 2;
}
.configuration-new-3d-page .back-button-box .wrapper.active {
  max-width: 100%;
}
.configuration-new-3d-page .back-button-box .wrapper.active .btn-back {
  max-width: 100%;
}
.configuration-new-3d-page .back-button-box .wrapper {
  max-width: 82px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  transition: max-width 0.35s ease;
  will-change: max-width;
  overflow: hidden;
}
.configuration-new-3d-page .back-button-box .btn-back {
  max-width: 82px;
  transition: max-width 0.3s ease-in-out;
}
.configuration-new-3d-page .back-button-box .btn-back,
.configuration-new-3d-page .back-button-box .btn-back-and-save {
  width: fit-content;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: unset;
  background: #ffffff;
  padding: 0 12px 0 4px;
  transition: all 0.35s ease-out;
}
.configuration-new-3d-page .back-button-box .btn-back .icon-arrow,
.configuration-new-3d-page .back-button-box .btn-back-and-save .icon-arrow {
  color: #111c1c;
  width: 24px;
  height: 24px;
  transform: rotate(90deg);
}
.configuration-new-3d-page .back-button-box .btn-back span,
.configuration-new-3d-page .back-button-box .btn-back-and-save span {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #111c1c;
  inline-size: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.configuration-new-3d-page .back-button-box .btn-back .icon-wishlist2,
.configuration-new-3d-page .back-button-box .btn-back-and-save .icon-wishlist2 {
  position: relative;
  width: 20px;
  height: 18px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding-left: 8px;
}
.configuration-new-3d-page .back-button-box .btn-back .icon-wishlist2 svg,
.configuration-new-3d-page .back-button-box .btn-back-and-save .icon-wishlist2 svg {
  color: #000000;
  width: 22px;
  height: 18px;
  transition: all 0.35s ease-out;
}
.configuration-new-3d-page .back-button-box .btn-back p,
.configuration-new-3d-page .back-button-box .btn-back-and-save p {
  color: #111c1c;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  transition: all 0.35s ease-out;
  inline-size: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.configuration-new-3d-page .back-button-box .btn-back-and-save.active {
  border-color: #e4b760;
}
.configuration-new-3d-page .back-button-box .btn-back-and-save.active .icon-wishlist2 svg {
  color: #e4b760;
}
.configuration-new-3d-page .back-button-box .btn-back-and-save.active p {
  color: #e4b760;
}
.configuration-new-3d-page .back-button-box .back-txt {
  display: inline-block;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-new-3d-page.dropdown-3d-config .back-button-box .btn-back-and-save:not(.active):hover {
    border-color: #e4b760;
  }
  .configuration-new-3d-page.dropdown-3d-config .back-button-box .btn-back-and-save:not(.active):hover .icon-wishlist2 svg {
    color: #e4b760;
  }
  .configuration-new-3d-page.dropdown-3d-config .back-button-box .btn-back-and-save:not(.active):hover p {
    color: #e4b760;
  }
  .configuration-new-3d-page.dropdown-3d-config .back-button-box .btn-back:hover {
    border-color: #e4b760;
  }
  .configuration-new-3d-page.dropdown-3d-config .back-button-box .btn-back:hover .icon-arr-left svg {
    color: #e4b760;
  }
  .configuration-new-3d-page.dropdown-3d-config .back-button-box .btn-back:hover p {
    color: #e4b760;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-main .info-tooltip:hover {
    --color-1: #ebc989;
  }
}
@media screen and (min-width: 1960px) {
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-model {
    margin-left: unset;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view {
    justify-content: center;
  }
}
@media screen and (max-width: 1280px) {
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls {
    left: unset;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .controls-container {
    margin: 0 48px;
  }
}
@media screen and (max-width: 1180px) and (orientation: landscape) {
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .desktop-icons {
    display: none;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .mobile-icons {
    display: inline-flex;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .mobile-icons .mouse-rotate-btn .text {
    color: #111c1c;
  }
}
@media screen and (max-width: 1112px) {
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-model .icon-3d-bg {
    width: 202px;
    height: 200px;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .controls-container {
    margin: 0 32px;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .desktop-icons {
    display: none;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .mobile-icons {
    display: inline-flex;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .mobile-icons .mouse-rotate-btn .text {
    color: #111c1c;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-side-bar {
    right: -450px;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-side-bar.active {
    right: 48px;
    width: 450px;
    overflow: visible;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-side-bar.active .side-bar-toggle {
    right: 482px;
  }
}
@media screen and (max-width: 991px) {
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs {
    min-width: unset;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls {
    max-width: 100%;
  }
}
@media screen and (max-width: 834px) {
  .configuration-new-3d-page.dropdown-3d-config .back-button-box .container {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media (min-width: 744px) and (max-width: 767px) {
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-main {
    padding-top: 100px;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-model .img #tdview {
    margin-top: -100px;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-model .img .loading-icon {
    bottom: 396px;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-model .img .loading-text {
    bottom: 350px;
  }
}
@media screen and (max-width: 743px) {
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-main {
    padding-top: 0px;
  }
  .configuration-new-3d-page.dropdown-3d-config .product-info-3d-sticky {
    z-index: 10;
    display: flex;
    visibility: hidden;
    top: -16px;
    right: -16px;
  }
  .configuration-new-3d-page.dropdown-3d-config .product-info-3d-sticky .overlay {
    position: fixed;
    z-index: 9;
    width: 100%;
    height: 100%;
    bottom: 0px;
    background-color: rgba(17, 28, 28, 0.25);
    display: none;
    opacity: 0;
  }
  .configuration-new-3d-page.dropdown-3d-config .product-info-3d-sticky .overlay.active {
    opacity: 1;
    display: block;
  }
  .configuration-new-3d-page.dropdown-3d-config .product-configs-selection .list-option {
    bottom: 0;
    top: unset;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs {
    position: relative;
    min-width: unset;
    min-height: unset;
    touch-action: pan-y;
    overflow: inherit;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view {
    justify-content: center;
    background-color: #ffffff;
    position: fixed;
    top: calc(60px + var(--shop-notification-bar-height));
    z-index: 9;
    overflow: hidden;
    height: auto;
    transition: top 0.3s;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view.fixed {
    top: 0;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-model {
    height: 360px;
    width: 100%;
    position: relative;
    margin-left: unset;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-model .rotate-set {
    bottom: 116px;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-model .img #tdview {
    margin-top: -40px;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-model .img .loading-icon {
    width: 80px;
    margin-left: -40px;
    top: 94px;
    bottom: auto;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-model .img .loading-text {
    top: 194px;
    bottom: auto;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls {
    left: 0;
    right: unset;
    bottom: 0;
    position: absolute;
    height: 100%;
    padding: 0 16px;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .controls-container {
    margin: 0;
    width: 100%;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-360-controls {
    display: none;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .mouse-rotate-btn {
    padding-right: 15px;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls {
    left: 0;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .mobile-icons .mouse-rotate-btn .text {
    color: #a0a4a4;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .ar-view-btn {
    padding: 8px 12px;
    justify-content: space-around;
    right: 16px;
    bottom: 16px;
    left: unset;
    transform: unset;
    max-width: 148px;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .ar-view-btn span:last-child {
    font-size: 11px;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-side-bar {
    position: relative;
    display: block;
    width: 100%;
    transition: margin 0.3s;
    min-height: 0;
    height: calc(100vh - 360px - 60px);
    margin-top: 348px;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-side-bar::after {
    display: none;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-side-bar.fixed {
    margin-top: 288px;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-side-bar.active {
    top: 0;
    right: 0;
    width: 100%;
    height: auto;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-side-bar.active .side-bar-toggle {
    display: none;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .steps {
    height: auto;
    padding-bottom: 112px;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-summary {
    position: fixed;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-summary .price-box {
    display: none;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-summary .bt-wrapper {
    margin-top: 0;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-summary .bt-wrapper .more-summary-wrapper .price {
    display: block;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-summary .wishlist-box-bt {
    display: none;
  }
  .configuration-new-3d-page.dropdown-3d-config .add-wishlist-notify {
    bottom: 24px;
  }
  .configuration-new-3d-page.dropdown-3d-config .breadcrumb {
    top: -12px;
    left: -16px;
    display: none;
  }
  .configuration-new-3d-page.dropdown-3d-config .breadcrumb.fixed {
    top: -14px;
    z-index: 10;
    position: fixed;
    background-color: #ffffff;
    height: 65px;
  }
  .configuration-new-3d-page.dropdown-3d-config .back-button-box {
    position: fixed;
    z-index: 10;
    left: -16px;
    transition: all 0.3s;
    top: 64px;
    opacity: 1;
  }
  .configuration-new-3d-page.dropdown-3d-config .back-button-box.fixed {
    top: 16px;
    opacity: 1;
  }
}
@media screen and (max-width: 414px) {
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls {
    width: 100%;
    left: 0;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-zoom {
    right: 130px;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .edition-layout-container {
    padding: 0 24px;
    margin: 0;
  }
  .configuration-new-3d-page.dropdown-3d-config .product-info-3d-sticky.active .container {
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media screen and (max-width: 390px) {
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .configuration-3d-view-controls {
    width: 100%;
    left: 0;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-side-bar .edition-layout-container {
    padding: 0 18px;
  }
}
.configuration-fixed-bar .extra-ed-img-zoom {
  width: 364px;
  height: 274px;
  display: inline-block;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
  position: absolute;
  left: 64px;
  bottom: -68px;
  z-index: 3;
  transition: width 0.5s, height 0.4s;
}
.configuration-fixed-bar .extra-ed-img-zoom[collapsed] {
  width: 127px;
  height: 95px;
}
.configuration-fixed-bar .extra-ed-img-zoom[collapsed] .wrapper .btn-collapse {
  display: none;
}
.configuration-fixed-bar .extra-ed-img-zoom[collapsed] .wrapper .btn-order-sample {
  bottom: 8px;
}
.configuration-fixed-bar .extra-ed-img-zoom[collapsed] .wrapper .btn-zoom-img {
  display: inline-flex;
}
.configuration-fixed-bar .extra-ed-img-zoom[collapsed] .wrapper .navbar .title {
  max-width: 12ch;
}
.configuration-fixed-bar .extra-ed-img-zoom[collapsed] .wrapper .navbar .title span.meterial-name {
  display: none;
}
.configuration-fixed-bar .extra-ed-img-zoom[collapsed] .wrapper .navbar .title span.divider {
  display: none;
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper .navbar {
  height: 24px;
  width: 100%;
  background: #f3f4f4;
  position: relative;
  display: inline-flex;
  align-items: center;
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper .navbar.skeleton::after {
  background-color: #f3f4f4;
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper .navbar.skeleton button {
  z-index: 1;
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper .navbar .title {
  padding-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper .navbar .title span {
  color: #111c1c;
  font-size: 10px;
  font-weight: 600;
  line-height: normal;
  white-space: nowrap;
  transition: all 0.3s;
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper .navbar .title span.color-name {
  transition: all 0.7s;
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper .navbar .title span.meterial-name {
  display: inline-block;
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper .navbar .title span.divider {
  display: inline-block;
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper button {
  border: none;
  display: inline-flex;
  padding: 0;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper .btn-collapse {
  position: absolute;
  right: 8px;
  top: 4px;
  background: unset;
  width: 16px;
  height: 16px;
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper .btn-collapse svg {
  width: 10px;
  height: 2px;
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper .btn-zoom-img {
  position: absolute;
  right: 8px;
  top: 4px;
  background: unset;
  width: 16px;
  height: 16px;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper .btn-zoom-img svg {
  width: 16px;
  height: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #111c1c;
  transition: all 0.5s ease-in-out;
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper .extra-image-view {
  position: absolute;
  right: 8px;
  top: 4px;
  background: unset;
  width: 16px;
  height: 16px;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper .extra-image-view svg {
  width: 10px;
  height: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #111c1c;
  transition: all 0.5s ease-in-out;
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper .extra-image-view svg use {
  transform: scale(0.625);
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper .btn-zoom-img {
  width: 16px;
  height: 16px;
  color: #111c1c;
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper .extra-image-view {
  border: 1px solid #111c1c;
  background-color: #fff;
  width: 24px;
  height: 24px;
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper .img-box {
  width: 100%;
  height: calc(100% - 24px);
  position: relative;
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper .btn-order-sample {
  display: inline-flex;
  height: 32px;
  padding: 0px 16px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 100px;
  background-color: #e4b760;
  position: absolute;
  left: 50%;
  bottom: 16px;
  width: fit-content;
  transition: all 0.5s;
  transform: translateX(-50%);
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper .btn-order-sample.skeleton::after {
  background-color: #f3f4f4;
  border-radius: 100px;
}
.configuration-fixed-bar .extra-ed-img-zoom .wrapper .btn-order-sample span {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  white-space: nowrap;
}
.configuration-fixed-bar .model-3d-configs {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  cursor: pointer;
  width: fit-content;
  height: auto;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  max-height: 116px;
  position: absolute;
  right: 32px;
  bottom: -68px;
  z-index: 3;
}
.configuration-fixed-bar .model-slides {
  width: 100%;
  height: 100%;
  position: relative;
}
.configuration-fixed-bar .model-slides.hide-nav .bt-prev,
.configuration-fixed-bar .model-slides.hide-nav .bt-next {
  display: none;
}
.configuration-fixed-bar .model-slides.del .swiper-wrapper {
  opacity: 0.2;
}
.configuration-fixed-bar .model-slides.del .remove-btn {
  opacity: 1;
  visibility: visible;
}
.configuration-fixed-bar .model-slides .bt-prev,
.configuration-fixed-bar .model-slides .bt-next {
  position: absolute;
  z-index: 2;
  background: #ffffff;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
  width: 40px;
  height: 40px;
  border: none;
  top: 50%;
  transform: translateY(-50%);
}
.configuration-fixed-bar .model-slides .bt-prev.swiper-button-disabled,
.configuration-fixed-bar .model-slides .bt-next.swiper-button-disabled {
  cursor: not-allowed;
}
.configuration-fixed-bar .model-slides .bt-prev.swiper-button-disabled svg,
.configuration-fixed-bar .model-slides .bt-next.swiper-button-disabled svg {
  color: #a0a4a4;
}
.configuration-fixed-bar .model-slides .bt-prev svg,
.configuration-fixed-bar .model-slides .bt-next svg {
  color: #111c1c;
}
.configuration-fixed-bar .model-slides .bt-prev {
  left: -20px;
}
.configuration-fixed-bar .model-slides .bt-next {
  right: -20px;
}
.configuration-fixed-bar .swiper {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 116px;
  padding: 8px;
  max-width: 446px;
}
.configuration-fixed-bar .swiper .swiper-slide,
.configuration-fixed-bar .swiper .model-item {
  width: 100px;
  height: 100px;
  background: #faf9f7;
  mix-blend-mode: darken;
  position: relative;
}
.configuration-fixed-bar .swiper .swiper-slide img,
.configuration-fixed-bar .swiper .model-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.configuration-fixed-bar .swiper .model-item:not([data-amount=""])::after {
  content: attr(data-amount);
  position: absolute;
  width: 20px;
  height: 20px;
  top: 8px;
  right: 8px;
  border-radius: 50%;
  font-weight: 500;
  font-size: 11px;
  text-align: center;
  color: #ffffff;
  display: flex;
  background: #111c1c;
  justify-content: center;
  align-items: center;
}
.configuration-fixed-bar .skeleton:after {
  width: 100%;
  height: 100%;
  background-color: #e2e5e7;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-size: 40px 100%;
  background-repeat: no-repeat;
  background-position: left -40px top 0;
  animation: shine 1s ease infinite;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s ease-in-out;
}

@media screen and (max-width: 1112px) {
  .configuration-fixed-bar {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    display: flex;
    flex-direction: row;
    column-gap: 24px;
    width: fit-content;
    align-items: flex-end;
  }
  .configuration-fixed-bar .extra-ed-img-zoom {
    position: unset;
    left: unset;
    bottom: unset;
    width: 110px;
    height: 110px;
    border: 4px solid #fff;
  }
  .configuration-fixed-bar .extra-ed-img-zoom .wrapper .navbar {
    display: none;
  }
  .configuration-fixed-bar .extra-ed-img-zoom .wrapper .img-box {
    height: 100%;
  }
  .configuration-fixed-bar .extra-ed-img-zoom .wrapper .btn-collapse {
    display: none;
  }
  .configuration-fixed-bar .extra-ed-img-zoom .wrapper .btn-zoom-img {
    display: none;
  }
  .configuration-fixed-bar .extra-ed-img-zoom .wrapper .extra-image-view {
    display: flex;
    top: 8px;
    right: 8px;
    z-index: 1;
  }
  .configuration-fixed-bar .extra-ed-img-zoom .wrapper .btn-order-sample {
    display: none;
  }
  .configuration-fixed-bar .model-3d-configs {
    position: unset;
    bottom: -30px;
  }
  .configuration-fixed-bar .swiper {
    max-width: 320px;
  }
}
@media screen and (max-width: 743px) {
  .configuration-fixed-bar {
    top: unset;
    left: unset;
    bottom: 16px;
    right: 16px;
    height: auto;
    align-items: flex-start;
    transform: unset;
  }
  .configuration-fixed-bar .extra-ed-img-zoom {
    width: 48px;
    height: 48px;
    border: unset;
  }
  .configuration-fixed-bar .extra-ed-img-zoom .wrapper .extra-image-view {
    top: unset;
    right: unset;
    left: -4px;
    bottom: -4px;
  }
  .configuration-fixed-bar .swiper {
    padding: 4px;
    max-width: 220px;
    min-width: 88px;
  }
  .configuration-fixed-bar .swiper .swiper-slide,
  .configuration-fixed-bar .swiper .model-item {
    width: 80px;
    height: 80px;
  }
}
@media screen and (min-width: 691px) and (max-width: 900px) and (orientation: landscape) {
  .configuration-fixed-bar {
    bottom: 16px;
  }
  .configuration-fixed-bar .extra-ed-img-zoom {
    width: 64px;
    height: 64px;
  }
}
.customizable-category-type {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.customizable-category-type .swiper-container-initialized .category-type-wrapper {
  gap: unset;
}
.customizable-category-type .swiper-container-initialized .slide-nav .slide-nav-box {
  display: flex;
}
.customizable-category-type .banner-slide-warpper {
  width: 100%;
}
.customizable-category-type .banner-slide-warpper .category-type-list {
  margin-top: 0;
}
.customizable-category-type .category-type-wrapper {
  display: flex;
  gap: 26px;
}
.customizable-category-type .category-type-wrapper .category-type-item {
  cursor: pointer;
  width: 180px;
  display: flex;
  flex-direction: column;
}
.customizable-category-type .category-type-wrapper .category-type-item .img-box {
  width: 180px;
  height: 114px;
}
.customizable-category-type .category-type-wrapper .category-type-item .img-box > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px 4px 0 0;
}
.customizable-category-type .category-type-wrapper .category-type-item .category-type-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #111c1c;
  padding-left: 16px;
  padding-top: 16px;
}
.customizable-category-type .slide-nav {
  position: relative;
  height: auto;
  width: 100%;
  margin-top: 16px;
}
.customizable-category-type .slide-nav .slide-nav-box {
  display: none;
  flex-direction: row;
  justify-content: flex-end;
  gap: 16px;
}
.customizable-category-type .slide-nav .slide-nav-box .circle-bt {
  position: relative;
}
.customizable-category-type .slide-nav .slide-nav-box .circle-bt.bt-next {
  left: 0;
}
.customizable-category-type .slide-nav .slide-nav-box .nav-txt {
  display: flex;
  align-items: center;
}
.customizable-category-type .slide-nav .slide-nav-box .nav-txt p {
  color: #111c1c;
}
.customizable-category-type .slide-nav .slide-nav-box .nav-txt p.current-txt {
  padding-right: 4px;
}
.customizable-category-type .slide-nav .slide-nav-box .nav-txt p.label-txt {
  padding-right: 4px;
}
.customizable-category-type .slide-nav .slide-nav-box .nav-txt p.all-txt, .customizable-category-type .slide-nav .slide-nav-box .nav-txt p.label-txt {
  color: rgba(17, 28, 28, 0.34);
}
.customizable-category-type .slide-nav .slide-nav-box .swiper-pagination-bullets {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  bottom: 18px;
  width: fit-content;
}
.customizable-category-type .slide-nav .slide-nav-box .swiper-pagination-bullets .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
  opacity: 1;
}
.customizable-category-type .slide-nav .slide-nav-box .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.customizable-category-type .slide-nav .slide-nav-box .swiper-pagination-bullets.swiper-pagination-lock {
  display: none;
}
.customizable-category-type .customizable-category-type-desc {
  position: relative;
  max-width: 842px;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 24px;
}
.customizable-category-type .customizable-category-type-desc > p {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}

@media screen and (max-width: 1024px) {
  .customizable-category-type .slide-nav .slide-nav-box {
    float: unset;
    right: unset;
  }
  .customizable-category-type .slide-nav .slide-nav-box .nav-txt {
    padding: 0;
  }
  .customizable-category-type .slide-nav .slide-nav-box .circle-bt.bt-prev {
    margin-right: 0;
  }
}
main.search-page {
  --search-box-width: min(50%, 696px);
  --breadcrumb-max-width: 216px;
  min-height: 100vh;
  position: relative;
  padding-top: 0;
  padding-bottom: 80px;
}
main.search-page .search-container {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
main.search-page .breadcrumb {
  width: 100%;
  max-width: var(--breadcrumb-max-width);
  height: auto;
  margin-top: 54px;
}
main.search-page .breadcrumb .breadcrumb-box {
  height: auto;
}
main.search-page .search-box {
  position: relative;
  left: 50%;
  margin-inline: unset;
  transform: translateX(calc(-50% - var(--breadcrumb-max-width)));
  width: var(--search-box-width);
}
main.search-page .search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  align-items: center;
  justify-content: center;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
main.search-page .search-overlay.active {
  display: flex;
}
main.search-page .filter-no-result {
  position: relative;
  left: 0;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  visibility: hidden;
  opacity: 0;
  margin-top: 40px;
}
main.search-page .filter-no-result.active {
  visibility: visible;
  opacity: 1;
}
main.search-page .filter-no-result .wrapper {
  position: relative;
  margin: 0 auto;
  width: auto;
}
main.search-page .filter-no-result p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-top: 8px;
}
main.search-page .filter-no-result p b {
  font-weight: 700;
}
main.search-page .filter-no-result .key {
  font-size: 24px;
  font-weight: 700;
}
main.search-page .filter-no-result .ex {
  margin-top: 24px;
  text-align: left;
}
main.search-page .filter-no-result ul.no-result-list {
  width: auto;
  display: flex;
  justify-content: center;
  margin-top: 24px;
  flex-flow: column wrap;
  align-items: flex-start;
  gap: 8px;
  text-align: left;
}
main.search-page .filter-no-result ul.no-result-list li {
  display: flex;
  align-items: center;
  gap: 8px;
}
main.search-page .filter-no-result ul.no-result-list li span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
main.search-page .previously-views {
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
main.search-page .previously-views.active {
  opacity: 1;
  visibility: visible;
}
main.search-page .previously-views .home-new-product-slide {
  margin-top: 80px;
}
main.search-page .previously-views .home-new-product-slide .new-product-title {
  padding-left: 0;
}
main.search-page .previously-views .home-new-product-slide .scroll-down-button {
  display: none !important;
}
main.search-page .previously-views .login-to-see-all {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  display: flex;
  margin-top: 80px;
  flex-flow: row wrap;
}
main.search-page .previously-views .login-to-see-all .txt {
  flex: 1 1 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: inline-flex;
}
main.search-page .previously-views .login-to-see-all .txt .title {
  align-self: stretch;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  display: inline-flex;
}
main.search-page .previously-views .login-to-see-all .txt .title h2 {
  color: #111c1c;
  font-size: 44px;
  font-weight: 700;
  line-height: 56px;
}
main.search-page .previously-views .login-to-see-all .txt p {
  align-self: stretch;
  color: #111c1c;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
main.search-page .previously-views .login-to-see-all .bt-general {
  border: none;
  padding: 0px 32px;
  height: 64px;
  margin: 0 auto;
}
main.search-page .previously-views .login-to-see-all .bt-general p {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
main.search-page .pagging {
  position: absolute;
  bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
main.search-page .total-result {
  position: relative;
  width: 100%;
  text-align: center;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin-top: 16px;
}
main.search-page .total-result.active {
  display: flex;
}
main.search-page .total-result p {
  font-size: 14px;
  line-height: 24px;
}
main.search-page .total-result b {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
main.search-page .total-result .key {
  font-size: 14px;
  font-weight: 600;
  margin-right: 8px;
  line-height: 24px;
}

@media screen and (max-width: 1112px) {
  main.search-page {
    --search-box-width: 100%;
    --breadcrumb-max-width: 100%;
  }
  main.search-page .search-container {
    flex-direction: column;
    justify-content: space-between;
    max-width: 100%;
    padding-inline: 32px;
  }
  main.search-page .breadcrumb {
    width: 100%;
    height: auto;
    margin-top: 0;
  }
  main.search-page .breadcrumb .container {
    padding: 0;
  }
  main.search-page .search-box {
    margin-top: 24px;
    left: 0;
    transform: unset;
  }
  main.search-page .filter-no-result .key {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  main.search-page .previously-views .home-new-product-slide .container {
    padding-left: 0;
  }
  main.search-page .previously-views .login-to-see-all {
    margin-top: 160px;
  }
  main.search-page .previously-views .login-to-see-all .txt .title h2 {
    font-size: 40px;
    line-height: 46px;
  }
}
@media screen and (max-width: 834px) {
  main.search-page {
    padding-top: 0;
    padding-bottom: 54px;
  }
  main.search-page .pagging {
    margin-bottom: 26px;
  }
}
@media screen and (max-width: 767px) {
  main.search-page .filter-no-result p {
    font-size: 14px;
  }
  main.search-page .filter-no-result ul.no-result-list li span {
    font-size: 14px;
  }
  main.search-page .previously-views .home-new-product-slide {
    margin-top: 64px;
  }
  main.search-page .previously-views .home-new-product-slide .title-txt h2 {
    line-height: 40px;
  }
  main.search-page .previously-views .login-to-see-all {
    margin-top: 128px;
    flex-flow: column wrap;
  }
  main.search-page .previously-views .login-to-see-all .txt .title h2 {
    font-size: 24px;
    line-height: 32px;
  }
  main.search-page .previously-views .login-to-see-all .bt-general {
    margin: 0;
  }
}
@media screen and (max-width: 743px) {
  main.search-page .search-container {
    padding: 0 24px;
  }
  main.search-page .breadcrumb {
    margin-top: 24px;
  }
  main.search-page .breadcrumb .container {
    padding: 0;
  }
}
@media screen and (max-width: 600px) {
  main.search-page .search-container .previously-views .login-to-see-all {
    margin-top: 96px;
  }
}
@media screen and (max-width: 400px) {
  main.search-page .search-container {
    padding: 0 14px;
  }
  main.search-page .breadcrumb .container {
    padding: 0;
  }
}
.tweakwise-search-static-page {
  --search-box-width: min(50%, 696px);
  --breadcrumb-max-width: 216px;
  min-height: 100vh;
  position: relative;
  padding-top: 0;
  padding-bottom: 80px;
}
.tweakwise-search-static-page .search-container {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.tweakwise-search-static-page .breadcrumb {
  width: 100%;
  max-width: var(--breadcrumb-max-width);
  height: auto;
  margin-top: 54px;
}
.tweakwise-search-static-page .breadcrumb .breadcrumb-box {
  height: auto;
}
.tweakwise-search-static-page .search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  align-items: center;
  justify-content: center;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
.tweakwise-search-static-page .search-overlay.active {
  display: flex;
}
.tweakwise-search-static-page .spinner.search-spinner {
  position: absolute;
  top: 190px;
  z-index: 4;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  background: #ffffff;
  display: none;
}
.tweakwise-search-static-page .spinner.search-spinner.active {
  display: block;
}
.tweakwise-search-static-page .spinner.search-spinner img {
  width: 80px;
  height: 80px;
}
.tweakwise-search-static-page .filter-no-result {
  position: relative;
  left: 0;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  visibility: hidden;
  opacity: 0;
  margin-top: 40px;
}
.tweakwise-search-static-page .filter-no-result.active {
  visibility: visible;
  opacity: 1;
}
.tweakwise-search-static-page .filter-no-result .wrapper {
  position: relative;
  margin: 0 auto;
  width: auto;
}
.tweakwise-search-static-page .filter-no-result p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-top: 8px;
}
.tweakwise-search-static-page .filter-no-result p b {
  font-weight: 700;
}
.tweakwise-search-static-page .filter-no-result .key {
  font-size: 24px;
  font-weight: 700;
}
.tweakwise-search-static-page .filter-no-result .ex {
  margin-top: 24px;
  text-align: left;
}
.tweakwise-search-static-page .filter-no-result ul.no-result-list {
  width: auto;
  display: flex;
  justify-content: center;
  margin-top: 24px;
  flex-flow: column wrap;
  align-items: flex-start;
  gap: 8px;
  text-align: left;
}
.tweakwise-search-static-page .filter-no-result ul.no-result-list li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tweakwise-search-static-page .filter-no-result ul.no-result-list li span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.tweakwise-search-static-page .previously-views {
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
.tweakwise-search-static-page .previously-views.active {
  opacity: 1;
  visibility: visible;
}
.tweakwise-search-static-page .previously-views .home-new-product-slide {
  margin-top: 80px;
}
.tweakwise-search-static-page .previously-views .home-new-product-slide .new-product-title {
  padding-left: 0;
}
.tweakwise-search-static-page .previously-views .home-new-product-slide .scroll-down-button {
  display: none !important;
}
.tweakwise-search-static-page .previously-views .login-to-see-all {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  display: flex;
  margin-top: 80px;
  flex-flow: row wrap;
}
.tweakwise-search-static-page .previously-views .login-to-see-all .txt {
  flex: 1 1 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: inline-flex;
}
.tweakwise-search-static-page .previously-views .login-to-see-all .txt .title {
  align-self: stretch;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  display: inline-flex;
}
.tweakwise-search-static-page .previously-views .login-to-see-all .txt .title h2 {
  color: #111c1c;
  font-size: 44px;
  font-weight: 700;
  line-height: 56px;
}
.tweakwise-search-static-page .previously-views .login-to-see-all .txt p {
  align-self: stretch;
  color: #111c1c;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.tweakwise-search-static-page .previously-views .login-to-see-all .bt-general {
  border: none;
  padding: 0px 32px;
  height: 64px;
  margin: 0 auto;
}
.tweakwise-search-static-page .previously-views .login-to-see-all .bt-general p {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.tweakwise-search-static-page .pagging {
  position: absolute;
  bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.tweakwise-search-static-page .total-result {
  position: relative;
  width: 100%;
  text-align: center;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin-top: 16px;
}
.tweakwise-search-static-page .total-result.active {
  display: flex;
}
.tweakwise-search-static-page .total-result p {
  font-size: 14px;
  line-height: 24px;
}
.tweakwise-search-static-page .total-result b {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
.tweakwise-search-static-page .total-result .key {
  font-size: 14px;
  font-weight: 600;
  margin-right: 8px;
  line-height: 24px;
}
.tweakwise-search-static-page .search-box {
  position: relative;
  left: 50%;
  margin-inline: unset;
  transform: translate(calc(-50% - var(--breadcrumb-max-width)));
  width: var(--search-box-width);
}
.tweakwise-search-static-page .search-box.mg-auto {
  margin-left: 0;
  margin-right: auto;
}
.tweakwise-search-static-page .search-box .search-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 3;
}
.tweakwise-search-static-page .search-box .search-wrapper .filter-container {
  display: flex;
  flex-direction: column;
}
.tweakwise-search-static-page .search-box .search-wrapper .filter-container .row-search {
  margin: 0 auto;
  z-index: 2;
  width: 100%;
}
.tweakwise-search-static-page .search-box .search-wrapper .filter-container .row-search .filter-search {
  position: relative;
  height: 48px;
  border: solid #f8f7f4 2px;
  border-radius: 24px;
  background-color: #ffffff;
}
.tweakwise-search-static-page .search-box .search-wrapper .filter-container .row-search .filter-search input {
  font-size: 14px;
  line-height: 48px;
  color: #111c1c;
  background: none;
  height: 48px;
  font-weight: 600;
  padding: 12px 12px 12px 42px;
}
.tweakwise-search-static-page .search-box .search-wrapper .filter-container .row-search .filter-search input::-webkit-input-placeholder {
  font-weight: 500;
}
.tweakwise-search-static-page .search-box .search-wrapper .filter-container .row-search .filter-search .bt-search {
  position: absolute;
  top: 0;
  left: 14px;
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.tweakwise-search-static-page .search-box .search-wrapper .filter-container .row-search .filter-search .bt-search .icon-search {
  position: absolute;
  background-color: #000;
  width: 16px;
  height: 16px;
  right: 21px;
}
.tweakwise-search-static-page .search-box .search-wrapper .filter-container .row-search .filter-search .icon-close-light {
  position: absolute;
  right: 15px;
  top: 18px;
  width: 12px;
  height: 12px;
  background-color: #a0a4a4;
  display: none;
}
.tweakwise-search-static-page .search-box .search-wrapper .filter-container .row-search .filter-search .icon-close-light.active {
  display: block;
}
.tweakwise-search-static-page .search-box .search-wrapper .filter-container .row-search .autocom-box {
  margin-top: 8px;
  padding: 8px 0;
  background-color: #ffffff;
  z-index: 1;
  position: relative;
  width: 100%;
  height: auto;
  max-height: 584px;
  overflow: hidden;
  overflow-y: auto;
  display: none;
}
.tweakwise-search-static-page .search-box .search-wrapper .filter-container .row-search .autocom-box.active {
  display: block;
}
.tweakwise-search-static-page .search-box .search-wrapper .filter-container .row-search .autocom-box hr {
  margin: 8px 0;
  border: 1px solid #d8d8d8;
}
.tweakwise-search-static-page .search-box .search-wrapper .filter-container .row-search .autocom-box > span {
  padding: 0px 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
  cursor: pointer;
  min-height: 28px;
  margin: 4px 0;
  position: relative;
  display: flex;
  align-items: center;
}
.tweakwise-search-static-page .search-box .search-wrapper .filter-container .row-search .autocom-box > span.result-item:hover, .tweakwise-search-static-page .search-box .search-wrapper .filter-container .row-search .autocom-box > span.result-item.cursor-in {
  background-color: #f8f7f4;
}
.tweakwise-search-static-page .search-box .search-wrapper .filter-container .row-search .autocom-box > span.result-item.img {
  min-height: 60px;
}
.tweakwise-search-static-page .search-box .search-wrapper .filter-container .row-search .autocom-box > span.result-item.img img {
  width: 65px;
  height: 46px;
}
.tweakwise-search-static-page .search-box .search-wrapper .filter-container .row-search .autocom-box > span.title {
  cursor: default;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.tweakwise-search-static-page .search-tabs {
  position: relative;
  width: 100%;
  transition: all ease-in-out 0.25s;
  visibility: visible;
  opacity: 1;
  height: auto;
}
.tweakwise-search-static-page .search-tabs.no-result .search-panels {
  display: none;
}
.tweakwise-search-static-page .search-tabs .search-tabs-wrapper {
  position: relative;
  display: block;
}
.tweakwise-search-static-page .search-tabs .search-tabs-wrapper input[name=search-tab] {
  display: none;
}
.tweakwise-search-static-page .search-tabs .search-tabs-wrapper .nav-search-tab {
  width: 100%;
  max-width: var(--search-box-width);
  margin-inline: auto;
  margin-top: 32px;
  display: flex;
  border-radius: 100px;
}
.tweakwise-search-static-page .search-tabs .search-tabs-wrapper .nav-search-tab > label {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  position: relative;
  z-index: 1;
  font-size: 14px;
  padding: 12px 16px;
  color: #aeb2b2;
  opacity: 0.75;
  border-radius: 100px;
  font-weight: 600;
  white-space: nowrap;
  flex: 1 1 0;
}
.tweakwise-search-static-page .search-tabs .search-tabs-wrapper .nav-search-tab > label.hide {
  display: none;
}
.tweakwise-search-static-page .search-tabs .search-tabs-wrapper .nav-search-tab > label:hover {
  opacity: 1;
  color: #111c1c;
}
.tweakwise-search-static-page .search-tabs .search-tabs-wrapper #product-tab.active ~ label.label-product,
.tweakwise-search-static-page .search-tabs .search-tabs-wrapper #category-tab.active ~ label.label-category,
.tweakwise-search-static-page .search-tabs .search-tabs-wrapper #blog-tab.active ~ label.label-blog {
  background-color: #edece8;
  color: #111c1c;
  opacity: 1;
}
.tweakwise-search-static-page .search-tabs .search-tabs-wrapper .search-panels {
  position: relative;
  margin-top: 32px;
}
.tweakwise-search-static-page .search-tabs .search-tabs-wrapper .panel {
  visibility: hidden;
  opacity: 0;
  top: 0;
  z-index: 0;
  display: block;
  width: 100%;
  min-height: 410px;
}
.tweakwise-search-static-page .search-tabs .search-tabs-wrapper .panel.panel-product {
  display: grid;
  grid-template-columns: 332px minmax(0, 1fr);
  gap: 32px;
}
.tweakwise-search-static-page .search-tabs .search-tabs-wrapper .panel-product.active {
  height: auto;
  opacity: 1;
  z-index: 1;
  max-height: unset;
  transition: 0.5s opacity ease-in, 0.3s transform ease;
  visibility: visible;
  position: relative;
}
.tweakwise-search-static-page .search-tabs .search-tabs-wrapper .panel-category.active,
.tweakwise-search-static-page .search-tabs .search-tabs-wrapper .panel-blog.active {
  height: auto;
  opacity: 1;
  z-index: 1;
  max-height: unset;
  transition: 0.5s opacity ease-in, 0.3s transform ease;
  padding-bottom: 74px;
  visibility: visible;
  position: relative;
}
.tweakwise-search-static-page .search-filter-side-menu {
  position: relative;
  width: 100%;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item {
  display: block;
  width: 100%;
  margin-bottom: 16px;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item:last-child {
  margin-bottom: 24px;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item .accordion-heading {
  width: 100%;
  background-color: #f8f7f4;
  height: 48px;
  align-content: center;
  position: relative;
  cursor: pointer;
  display: flex;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item .accordion-heading .item-name {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 24px;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item .accordion-heading .item-name .icon-box {
  margin-right: 8px;
  display: flex;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item .accordion-heading .item-name .icon-box img {
  width: 24px;
  height: 24px;
  object-fit: cover;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item .accordion-heading .item-name .icon-arr-up {
  position: absolute;
  right: 0;
  margin-right: 22px;
  transition: all 0.3s ease-out;
  transform: rotate(180deg);
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item .accordion-heading .item-name .icon-arr-up svg {
  color: #111c1c;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item .accordion-heading .item-name > span {
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
  font-weight: 600;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item .accordion-content {
  opacity: 0;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item .accordion-content .custom-radio-list {
  padding-top: 16px;
  padding-bottom: 32px;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item .accordion-content .custom-checkbox-list {
  padding-top: 16px;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item[open=true] .accordion-content {
  visibility: visible;
  opacity: 1;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item[open=true] .item-name .icon-arr-up {
  transform: rotate(0);
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item[open=false] .accordion-content {
  visibility: hidden;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-radio-list {
  font-size: 12px;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-radio-list .radio-item {
  margin-top: 0;
  margin-left: 26px;
  margin-bottom: 14px;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-radio-list .radio-item:last-child {
  margin-bottom: 0;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item:not(:last-child) .accordion-content .custom-checkbox-list {
  padding-bottom: 16px;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list {
  font-size: 12px;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list .content-container {
  overflow: hidden;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list .checkbox-item {
  margin-top: 0;
  margin-left: 26px;
  padding-bottom: 14px;
  line-height: 18px;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list .checkbox-item:last-child {
  margin-bottom: 0;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list .checkbox-item .checkbox-label::before {
  border: 1px solid #111c1c;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list .checkbox-item .checkbox-label span:first-child {
  margin-right: 4px;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list .checkbox-item .checkbox-label span:last-child {
  color: rgba(17, 28, 28, 0.75);
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list .checkbox-item input[type=checkbox] + .checkbox-label {
  color: #111c1c;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list .checkbox-item input[type=checkbox] + .checkbox-label::before {
  border: 1px solid #111c1c;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list .checkbox-item input[type=checkbox] + .checkbox-label:hover {
  color: #e4b760;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list .checkbox-item input[type=checkbox] + .checkbox-label:hover span {
  color: #e4b760;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list .checkbox-item input[type=checkbox] + .checkbox-label:hover::before {
  border: 1px solid #e4b760;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list .checkbox-item input[type=checkbox].active + .checkbox-label::before {
  border: 1px solid #e4b760;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list .bt-readmore {
  position: relative;
  cursor: pointer;
  display: none;
  width: fit-content;
  align-items: center;
  margin-left: 26px;
  height: 36px;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list .bt-readmore .text {
  font-size: 14px;
  font-weight: 600;
  color: #e4b760;
  margin-right: 10px;
  display: none;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list .bt-readmore .icon-arr-down svg {
  transition: all 0.3s ease-out;
  color: #e4b760;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list .bt-readmore:hover .icon-arr-down svg {
  animation: menuDown 1s linear forwards;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list[show-more=true] .content-container {
  max-height: unset;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list[show-more=true] .bt-readmore {
  display: flex;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list[show-more=true] .bt-readmore .less-txt {
  display: inline-block;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list[show-more=true] .bt-readmore .icon-arr-down {
  transform: rotate(180deg);
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list[show-more=false] .content-container {
  max-height: 126px;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list[show-more=false] .bt-readmore {
  display: flex;
}
.tweakwise-search-static-page .search-filter-side-menu .custom-checkbox-list[show-more=false] .bt-readmore .more-txt {
  display: inline-block;
}
.tweakwise-search-static-page .search-filter-side-menu .menu-bottom h2 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 24px;
}
.tweakwise-search-static-page .search-filter-side-menu .menu-bottom h5 {
  font-size: 16px;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 16px;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter[open=false] .accordion-content {
  visibility: visible;
  opacity: 1;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter[open=false] .accordion-content .list-result {
  display: flex;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter[open=false] .accordion-content .list-option {
  display: none;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter[open=true] .accordion-content .list-result {
  display: none;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter[open=true] .accordion-content .list-option {
  display: block;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter .accordion-content .list-result {
  position: relative;
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter .accordion-content .list-result .result-row {
  width: 100%;
  position: relative;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter .accordion-content .list-result .result-row p {
  display: inline-block;
  float: left;
  font-size: 12px;
  line-height: 18px;
  padding-left: 26px;
  padding-right: 8px;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter .accordion-content .list-result .result-row .icon-remove {
  display: none;
  float: left;
  cursor: pointer;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter .accordion-content .list-result .result-row .icon-remove.active {
  display: block;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter .accordion-content .list-option {
  padding: 8px;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter .accordion-content .list-option .range .noUi-horizontal {
  height: 2px;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter .accordion-content .list-option .range .noUi-target {
  background: #cfd1d0;
  border-radius: 0;
  border: none;
  box-shadow: none;
  margin: 20px 9px 20px 4px;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter .accordion-content .list-option .range .noUi-connect {
  background: #000000;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter .accordion-content .list-option .range .noUi-handle {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: solid 1px #000000;
  background: #ffffff;
  box-shadow: none;
  right: -8px;
  outline: 0;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter .accordion-content .list-option .range .noUi-handle:before, .tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter .accordion-content .list-option .range .noUi-handle:after {
  display: none;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter .accordion-content .list-option .range .min-max {
  display: flex;
  justify-content: space-between;
  height: 68px;
  padding-top: 10px;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter .accordion-content .list-option .range .min-max .mm-field {
  width: 102px;
  height: 32px;
  font-size: 12px;
  position: relative;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter .accordion-content .list-option .range .min-max .mm-field input {
  background: #f8f7f3;
  border-radius: 4px;
  height: 32px;
  font-size: 12px;
  padding: 12px;
  width: 100%;
  text-align: left;
  padding-left: 22px;
  color: #000;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter .accordion-content .list-option .range .min-max .mm-field .label-txt {
  display: block;
  margin-bottom: 10px;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter .accordion-content .list-option .range .min-max .mm-field .pf {
  position: absolute;
  top: 33px;
  left: 8px;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter .accordion-content .list-option .range .min-max .mm-field:first-child {
  margin-right: 10px;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter .accordion-content .list-option .range .min-max .mm-field:first-child .label-txt {
  text-align: left;
  padding-left: 8px;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter .accordion-content .list-option .range .min-max .mm-field:last-child .pf {
  left: 8px;
}
.tweakwise-search-static-page .search-filter-side-menu .accordion-item.range-filter .accordion-content .list-option .range .min-max .mm-field:last-child .label-txt {
  text-align: left;
  padding-left: 8px;
}
.tweakwise-search-static-page .search-filters {
  position: relative;
}
.tweakwise-search-static-page .search-filters .row-filter {
  display: none;
  justify-content: space-between;
  z-index: 1;
}
.tweakwise-search-static-page .search-filters .filter-sort {
  width: min(100%, 216px);
  display: none;
  z-index: 4;
}
.tweakwise-search-static-page .search-filters .search-filter-bt {
  width: min(45%, 216px);
  display: none;
}
.tweakwise-search-static-page .search-filters .search-filter-bt .custom-select-list .list-select p {
  padding-right: 48px;
}
.tweakwise-search-static-page .search-filters .search-filter-bt .custom-select-list .list-result .icon-remove {
  display: block;
  margin-left: 8px;
}
.tweakwise-search-static-page .search-filters .search-filter-bt .custom-select-list .list-result .result-row {
  padding-left: 24px;
}
.tweakwise-search-static-page .search-filters .search-filter-bt .custom-select-list .list-result .result-row p {
  padding: 0;
  margin: 0;
}
.tweakwise-search-static-page .search-filters .filter-block {
  display: flex;
  justify-content: flex-end;
  width: 80%;
}
.tweakwise-search-static-page .search-filters .filter-block .result-row {
  padding-left: 24px;
}
.tweakwise-search-static-page .search-filters .filter-block .result-row p {
  padding: 0;
  margin: 0;
}
.tweakwise-search-static-page .search-filters .filter-view {
  display: none;
  width: fit-content;
}
.tweakwise-search-static-page .search-filters .filter-view .bt-select-view:first-child {
  border-right: solid 1px #aeb2b2;
}
.tweakwise-search-static-page .search-filters .filter-view .bt-select-view.active .icon-view svg {
  color: #000000;
}
.tweakwise-search-static-page .search-filters .filter-view .bt-select-view .icon-view svg {
  color: #aeb2b2;
}
.tweakwise-search-static-page .search-filters .filter-view .option-view {
  display: flex;
  padding: 0px 10px;
  height: 24px;
  align-items: center;
}
.tweakwise-search-static-page .search-filters .filter-view .option-view .icon-view svg {
  color: #aeb2b2;
}
.tweakwise-search-static-page .search-filters .custom-select-list {
  width: 100%;
  margin-right: 24px;
}
.tweakwise-search-static-page .search-filters .custom-select-list:last-child {
  margin-right: 0;
}
.tweakwise-search-static-page .search-filters .custom-select-list .list-result {
  height: 45px;
}
.tweakwise-search-static-page .search-product-result {
  position: relative;
  width: 100%;
}
.tweakwise-search-static-page .search-product-result .product-result-container.active {
  display: block;
}
.tweakwise-search-static-page .search-product-result .product-box {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
  row-gap: 18px;
  column-gap: 26px;
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
}
.tweakwise-search-static-page .search-product-result .product-box.active {
  visibility: visible;
  opacity: 1;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item {
  display: flex;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container {
  width: 100%;
  max-width: unset;
  flex-direction: column;
  display: flex;
  border: solid 2px rgba(247, 248, 243, 0);
  transition: all 0.3s ease-out;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container.active {
  border: solid 2px rgb(247, 248, 243);
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container:not(.active):hover {
  border: solid 2px rgb(247, 248, 243);
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container:not(.active):hover .bt-product-route p {
  color: #e4b760;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container:not(.active):hover .bt-product-route .icon-arr-right svg {
  color: #e4b760;
  animation: moveNext 0.6s linear forwards;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .item-img img {
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .custom_bullets {
  bottom: 28px;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt {
  margin-bottom: 7px;
  height: 44px;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #111c1c;
  white-space: initial;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .product-info {
  position: relative;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  align-items: center;
  min-height: 48px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-content: center;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .product-details {
  display: flex;
  width: 50%;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-end;
  align-items: flex-end;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .product-price {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  text-align: right;
  color: #111c1c;
  height: 24px;
  order: 2;
  justify-content: flex-end;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .product-colors {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 16px;
  order: 3;
  justify-content: flex-end;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .product-colors .product-color {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: relative;
  margin-right: 4px;
  overflow: hidden;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .product-colors .product-color > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .product-colors .remain-count {
  font-weight: 400;
  font-size: 11px;
  line-height: 11px;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting {
  width: 100%;
  margin: 0;
  padding: 0;
  flex-direction: column;
  order: 1;
  grid-row: 1/3;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars {
  display: flex;
  gap: 4px;
  margin: 0;
  height: 24px;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star {
  padding: 0;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg {
  width: 20px;
  height: 20px;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .count {
  padding-left: 0;
  height: 16px;
  display: flex;
  line-height: normal;
  font-size: 11px;
  color: #505050;
  font-weight: 600;
  align-items: center;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 0;
  margin-top: 16px;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-route {
  margin-right: -6px;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .normal-config {
  width: 100%;
  height: 48px;
  border-radius: 100px;
  padding: 0px 24px;
  cursor: pointer;
  transition: all 0.3s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e4b760;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .normal-config .icon-arr-right {
  margin-left: 14px;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .normal-config .icon-arr-right svg {
  color: #ffffff;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .normal-config p {
  font-size: 12px;
  color: #ffffff;
  font-weight: 600;
  transition: all 0.3s ease-out;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .normal-config:hover {
  filter: brightness(85%);
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .normal-config .icon {
  margin-right: 8px;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .normal-config .icon .icon-config {
  width: 16px;
  height: 14px;
  background-color: #ffffff;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save {
  cursor: pointer;
  height: 24px;
  position: relative;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save.active {
  height: 24px;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save.active .save {
  display: none;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save.active .saved {
  display: flex;
  align-items: center;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save.disabled {
  opacity: 0.7;
  cursor: default;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save p {
  font-size: 12px;
  font-weight: 600;
  color: #111c1c;
  transition: all 0.3s ease-out;
  padding-left: 12px;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save .save {
  display: flex;
  transition: all 0.3s ease-out;
  width: 100%;
  align-items: center;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save .save p {
  padding-left: 12px;
  line-height: 16px;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save .save .icon-heart2 {
  position: relative;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save .save .icon-heart2 svg {
  position: absolute;
  left: 0%;
  color: #111c1c;
  width: 20px;
  height: 18px;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save .saved {
  width: 100%;
  transition: all 0.3s ease-out;
  display: none;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save .saved p {
  line-height: 16px;
  margin-right: 2px;
  padding-left: 10px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save .saved .icon-clear {
  position: relative;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save .saved .icon-clear svg {
  position: absolute;
  left: 0%;
  color: #111c1c;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save .undo {
  display: none;
  align-items: center;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save:hover p {
  color: #e4b760;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save:hover .icon-heart2 svg {
  color: #e4b760;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save:hover .icon-clear svg {
  color: #e4b760;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save:hover .icon-undo2 svg {
  color: #e4b760;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-product-route {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
  height: 24px;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-product-route p {
  padding-right: 12px;
  font-size: 12px;
  color: #111c1c;
  transition: all 0.3s ease-out;
  font-weight: 600;
  line-height: 16px;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-product-route .icon-arr-right {
  position: relative;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-product-route .icon-arr-right svg {
  position: absolute;
  left: 0%;
  color: #111c1c;
  fill: #111c1c;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-product-route:hover p {
  color: #e4b760;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-product-route:hover .icon-arr-right svg {
  color: #e4b760;
  animation: moveNext 0.6s linear forwards;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper {
  width: 100%;
  position: relative;
  border: 2px solid #e4b760;
  border-radius: 100px;
  height: 48px;
  display: flex;
  transition: all 0.3s;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper:before {
  content: "";
  position: absolute;
  left: -1px;
  top: -2px;
  border-radius: 100px;
  width: 50%;
  height: 48px;
  transition: all 0.3s;
  background: #e4b760;
  z-index: 0;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper.mouse-in:before {
  background: #b99250;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-3D-configure {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-3D-configure p {
  color: #ffffff;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-3D-configure .icon-arr-right {
  margin-left: 14px;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-3D-configure .icon-arr-right svg {
  color: #ffffff;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-2D-configure {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #111c1c;
  transition: all 0.3s;
  z-index: 1;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-2D-configure p {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-2D-configure .icon-arr-right {
  margin-left: 14px;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-2D-configure .icon-arr-right svg {
  color: #111c1c;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-2D-configure:hover {
  color: #e4b760;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-2D-configure:hover .icon-arr-right svg {
  color: #e4b760;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper.roll-in:before {
  left: 51%;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper.roll-in .product-3D-configure p {
  color: #111c1c;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper.roll-in .product-3D-configure .icon-arr-right svg {
  color: #111c1c;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper.roll-in .product-2D-configure {
  color: #ffffff;
}
.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper.roll-in .product-2D-configure .icon-arr-right svg {
  color: #ffffff;
}
.tweakwise-search-static-page .search-product-result .slider {
  z-index: 2;
}
.tweakwise-search-static-page .search-product-result .slider.sub-product-slide {
  position: relative;
  cursor: pointer;
  width: 100%;
  padding-top: 80%;
}
.tweakwise-search-static-page .search-product-result .slider.sub-product-slide .swiper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}
.tweakwise-search-static-page .search-product-result .slider.sub-product-slide .swiper-pagination.swiper-pagination-bullets {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 16px;
  display: block;
  width: fit-content;
}
.tweakwise-search-static-page .search-product-result .slider.sub-product-slide .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
  opacity: 1;
}
.tweakwise-search-static-page .search-product-result .slider.sub-product-slide .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.tweakwise-search-static-page .search-product-result .slider.sub-product-slide .swiper-slide {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity 1s;
  text-align: center;
  z-index: 0;
}
.tweakwise-search-static-page .search-product-result .slider.sub-product-slide .swiper-slide:first-child {
  position: relative;
  z-index: 1;
}
.tweakwise-search-static-page .search-product-result .slider.sub-product-slide .swiper-slide-active {
  position: absolute;
  z-index: 2;
  opacity: 1;
}
.tweakwise-search-static-page .search-product-result .slider.sub-product-slide .swiper:not(.swiper-initialized) .swiper-slide:first-child {
  opacity: 1;
}
.tweakwise-search-static-page .search-product-result .slider.sub-product-slide .swiper-wrapper {
  transform: none !important;
  width: auto !important;
  display: block;
}
.tweakwise-search-static-page .search-product-result .slider.sub-product-slide .custom_bullets {
  display: block;
  bottom: 35px;
}
.tweakwise-search-static-page .search-product-result .slider .swiper-slide a {
  cursor: pointer;
}
.tweakwise-search-static-page .search-product-result .slider .swiper-slide img {
  height: 344px;
  width: 100%;
  object-fit: contain;
}
.tweakwise-search-static-page .search-product-result .slider .swiper-pagination {
  display: none;
  bottom: -64px;
  transform: translate(-50%, 0px);
}
.tweakwise-search-static-page .search-product-result .slider .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
}
.tweakwise-search-static-page .search-product-result .slider .swiper-pagination .swiper-pagination-bullet:hover, .tweakwise-search-static-page .search-product-result .slider .swiper-pagination .swiper-pagination-bullet:focus {
  border: none;
  background-color: rgba(17, 28, 28, 0.25);
}
.tweakwise-search-static-page .search-product-result .slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(17, 28, 28);
}
.tweakwise-search-static-page .search-product-result .slider .slide-nav {
  display: none;
}
.tweakwise-search-static-page .search-product-result .slider .product-tag {
  position: absolute;
  width: auto;
  max-width: calc(100% - 24px);
  height: 24px;
  right: 0;
  top: 16px;
  background: #e4b760;
  border-radius: 100px 0 0 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  z-index: 1;
}
.tweakwise-search-static-page .search-product-result .slider .product-tag > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  font-size: 10px;
  color: white;
}
.tweakwise-search-static-page .search-product-result .pagging.p-pagging {
  position: relative;
  margin-top: 48px;
}
.tweakwise-search-static-page .search-category-result {
  position: relative;
  width: 100%;
}
.tweakwise-search-static-page .search-category-result .category-wrapper {
  position: relative;
  width: 100%;
  display: grid;
  row-gap: 32px;
  column-gap: 60px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tweakwise-search-static-page .search-category-result .category-wrapper .category-item .item-bg {
  width: 100%;
  padding-top: 66.67%;
  aspect-ratio: 3/2;
  position: relative;
  background-color: #f6f6f6;
}
.tweakwise-search-static-page .search-category-result .category-wrapper .category-item .item-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
}
.tweakwise-search-static-page .search-category-result .category-wrapper .category-item .item-text-box {
  padding: 24px;
}
.tweakwise-search-static-page .search-category-result .category-wrapper .category-item .item-text-box .title-txt > p {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  color: #111c1c;
}
.tweakwise-search-static-page .search-category-result .category-wrapper .category-item .item-text-box .amount-txt > p {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #111c1c;
}
.tweakwise-search-static-page .search-category-result .category-wrapper .category-item .item-text-box .amount-txt > p b {
  font-weight: 600;
}
.tweakwise-search-static-page .search-category-result .category-wrapper .category-item .item-text-box .desc-txt {
  padding-top: 16px;
}
.tweakwise-search-static-page .search-category-result .category-wrapper .category-item .item-text-box .desc-txt > p {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #111c1c;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.tweakwise-search-static-page .search-blog-result {
  position: relative;
  width: 100%;
}
.tweakwise-search-static-page .search-blog-result .blog-wrapper {
  position: relative;
  display: grid;
  width: 100%;
  row-gap: 32px;
  column-gap: 60px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tweakwise-search-static-page .search-blog-result .blog-wrapper .blog-item .image {
  width: 100%;
  padding-top: 62.5%;
  aspect-ratio: 16/10;
  position: relative;
  background-color: #f6f6f6;
}
.tweakwise-search-static-page .search-blog-result .blog-wrapper .blog-item .image a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
}
.tweakwise-search-static-page .search-blog-result .blog-wrapper .blog-item .text {
  padding: 24px;
}
.tweakwise-search-static-page .search-blog-result .blog-wrapper .blog-item .subhead {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.tweakwise-search-static-page .search-blog-result .blog-wrapper .blog-item .subhead .category {
  color: #9da2a3;
  font-size: 12px;
  display: inline-block;
}
.tweakwise-search-static-page .search-blog-result .blog-wrapper .blog-item .subhead .date {
  color: #9da2a3;
}
.tweakwise-search-static-page .search-blog-result .blog-wrapper .blog-item .head {
  margin-top: 3px;
}
.tweakwise-search-static-page .search-blog-result .blog-wrapper .blog-item .head > h2 {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  color: #111c1c;
}
.tweakwise-search-static-page .search-blog-result .blog-wrapper .blog-item .detail {
  margin-top: 16px;
}
.tweakwise-search-static-page .search-blog-result .blog-wrapper .blog-item .detail > p {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #111c1c;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.tweakwise-search-static-page .search-filter-popup {
  position: fixed;
  right: -414px;
  top: 0;
  z-index: 101;
  width: 414px;
  height: 100%;
  transition: all 0.3s ease-out;
  background: #ffffff;
}
.tweakwise-search-static-page .search-filter-popup.active {
  right: 0;
}
.tweakwise-search-static-page .search-filter-popup .container {
  height: 100%;
  position: relative;
}
.tweakwise-search-static-page .search-filter-popup .filter-container {
  display: flex;
}
.tweakwise-search-static-page .search-filter-popup .filter-container .filter-box {
  display: flex;
  flex-direction: column;
  padding: 100px 32px 58px 40px;
  background: #ffffff;
  width: 100%;
}
.tweakwise-search-static-page .search-filter-popup .filter-container .filter-box .filer-text {
  padding-left: 24px;
  margin-bottom: 56px;
  display: block;
}
.tweakwise-search-static-page .search-filter-popup .filter-container .filter-box .filer-text .head-txt {
  margin-bottom: 4px;
}
.tweakwise-search-static-page .search-filter-popup .filter-container .filter-box .filer-text .head-txt p {
  font-size: 32px;
  line-height: 40px;
  color: #111c1c;
  font-weight: 700;
}
.tweakwise-search-static-page .search-filter-popup .filter-container .filter-box .filer-text .desc-txt p {
  font-size: 14px;
  line-height: 18px;
}
.tweakwise-search-static-page .search-filter-popup .filter-container .filter-box .close-bt {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: solid 2px #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 48px;
  top: 48px;
  cursor: pointer;
  transition: all 0.3s;
}
.tweakwise-search-static-page .search-filter-popup .filter-container .filter-box .close-bt:hover {
  border-color: #e4b760;
}
.tweakwise-search-static-page .search-filter-popup .filter-container .filter-box .close-bt:hover .icon-close-light {
  background-color: #e4b760;
}
.tweakwise-search-static-page .search-filter-popup .filter-container .filter-box .close-bt .icon-close-light {
  width: 12px;
  height: 12px;
  transition: all 0.3s;
}
.tweakwise-search-static-page .search-filter-popup .filter-container .filter-box .filter-row {
  position: relative;
  height: calc(100vh - 300px);
  width: 100%;
  z-index: 2;
}
.tweakwise-search-static-page .search-filter-popup .filter-container .filter-box .filter-row .scroll {
  overflow: auto;
  display: inline-block;
  width: calc(100% + 32px);
  padding-right: 32px;
}
.tweakwise-search-static-page .search-filter-popup .filter-container .filter-box .filter-row .search-filter-side-menu {
  display: block;
  padding-bottom: 120px;
  overflow: hidden;
}
.tweakwise-search-static-page .search-filter-popup .filter-container .filter-box .filter-box-bt {
  position: absolute;
  padding: 20px 40px;
  bottom: 0;
  left: 0;
  background: #ffffff;
  height: 105px;
  z-index: 3;
}
.tweakwise-search-static-page .search-filter-popup .filter-container .filter-box .filter-box-bt.mobile-set {
  display: flex;
  gap: 16px;
}
.tweakwise-search-static-page .search-filter-popup .filter-container .filter-box .filter-box-bt .simple-bt {
  flex: 1 1 0;
  height: 48px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s;
}
.tweakwise-search-static-page .search-filter-popup .filter-container .filter-box .filter-box-bt .simple-bt.reset-all {
  border: 1px solid #111c1c;
  color: #111c1c;
}
.tweakwise-search-static-page .search-filter-popup .filter-container .filter-box .filter-box-bt .simple-bt.reset-all:hover {
  border-color: #e4b760;
  color: #e4b760;
}
.tweakwise-search-static-page .search-filter-popup .filter-container .filter-box .filter-box-bt .simple-bt.apply-all {
  background-color: #e4b760;
  color: #ffffff;
}
.tweakwise-search-static-page .search-filter-popup .filter-container .filter-box .filter-box-bt .simple-bt.apply-all:hover {
  filter: brightness(85%);
}

@media screen and (max-width: 1112px) {
  .tweakwise-search-static-page {
    --search-box-width: 100%;
    --breadcrumb-max-width: 100%;
  }
  .tweakwise-search-static-page .search-container {
    flex-direction: column;
    justify-content: space-between;
    max-width: 100%;
    padding-inline: 32px;
  }
  .tweakwise-search-static-page .breadcrumb {
    width: 100%;
    height: auto;
    margin-top: 0;
  }
  .tweakwise-search-static-page .breadcrumb .container {
    padding: 0;
  }
  .tweakwise-search-static-page .search-box {
    width: 100%;
    margin-top: 32px;
    left: 0;
    transform: unset;
  }
  .tweakwise-search-static-page .search-box .search-wrapper {
    padding-top: 4px;
  }
  .tweakwise-search-static-page .search-tabs .search-tabs-wrapper .nav-search-tab {
    margin-top: 20px;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
  }
  .tweakwise-search-static-page .search-tabs .search-tabs-wrapper #category-tab:checked ~ section .panel-category,
  .tweakwise-search-static-page .search-tabs .search-tabs-wrapper #blog-tab:checked ~ section .panel-blog {
    padding-bottom: 26px;
  }
  .tweakwise-search-static-page .search-tabs .search-tabs-wrapper .panel.panel-product {
    grid-template-columns: unset;
    gap: unset;
    display: flex;
  }
  .tweakwise-search-static-page .search-filter-side-menu {
    display: none;
  }
  .tweakwise-search-static-page .search-filters .row-filter {
    display: flex;
    margin-bottom: 32px;
  }
  .tweakwise-search-static-page .search-filters .search-filter-bt {
    display: inline-block;
  }
  .tweakwise-search-static-page .search-filters .filter-block {
    gap: 24px;
  }
  .tweakwise-search-static-page .search-filters .filter-sort {
    display: inline-block;
  }
  .tweakwise-search-static-page .search-filters .filter-view {
    display: block;
  }
  .tweakwise-search-static-page .filter-no-result .key {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .tweakwise-search-static-page .search-product-result .product-box {
    grid-template-columns: repeat(3, minmax(200px, 1fr));
    grid-row-gap: 24px;
    grid-column-gap: 16px;
  }
  .tweakwise-search-static-page .search-product-result .product-box.show-item-2 {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
  }
  .tweakwise-search-static-page .search-product-result .product-box.show-item-3 {
    grid-template-columns: repeat(3, minmax(200px, 1fr));
  }
  .tweakwise-search-static-page .previously-views .home-new-product-slide .container {
    padding-left: 0;
  }
  .tweakwise-search-static-page .previously-views .login-to-see-all {
    margin-top: 160px;
  }
  .tweakwise-search-static-page .previously-views .login-to-see-all .txt .title h2 {
    font-size: 40px;
    line-height: 46px;
  }
  .tweakwise-search-static-page .search-category-result .category-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tweakwise-search-static-page .search-blog-result .blog-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 834px) {
  main.tweakwise-search-static-page {
    padding-top: 0;
    padding-bottom: 54px;
  }
  main.tweakwise-search-static-page .pagging {
    margin-bottom: 26px;
  }
  main.tweakwise-search-static-page .search-filter-popup .filter-container .filter-box .filter-row .scroll {
    width: calc(100% + 32px);
    padding-right: 32px;
  }
}
@media screen and (max-width: 767px) {
  main.tweakwise-search-static-page .search-product-result {
    margin-bottom: 20px;
  }
  main.tweakwise-search-static-page .search-product-result .product-box {
    grid-template-columns: repeat(2, minmax(170px, 1fr));
  }
  main.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container {
    max-width: 100%;
  }
  main.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box {
    padding: 16px;
  }
  main.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top {
    min-height: 78px;
  }
  main.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt {
    height: 36px;
  }
  main.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt p {
    font-size: 12px;
    line-height: 18px;
  }
  main.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg {
    width: 12px;
    height: 12px;
  }
  main.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .count {
    font-size: 10px;
    line-height: 14px;
  }
  main.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box {
    margin-top: 8px;
  }
  main.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .normal-config {
    width: calc(100% - 40px);
    height: 40px;
    padding: 0px 12px;
  }
  main.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .normal-config .icon {
    display: none;
  }
  main.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper {
    width: calc(100% - 40px);
    height: 40px;
  }
  main.tweakwise-search-static-page .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper:before {
    height: 40px;
  }
  main.tweakwise-search-static-page .filter-no-result p {
    font-size: 14px;
  }
  main.tweakwise-search-static-page .filter-no-result ul.no-result-list li span {
    font-size: 14px;
  }
  main.tweakwise-search-static-page .previously-views .home-new-product-slide {
    margin-top: 64px;
  }
  main.tweakwise-search-static-page .previously-views .home-new-product-slide .title-txt h2 {
    line-height: 40px;
  }
  main.tweakwise-search-static-page .previously-views .login-to-see-all {
    margin-top: 128px;
    flex-flow: column wrap;
  }
  main.tweakwise-search-static-page .previously-views .login-to-see-all .txt .title h2 {
    font-size: 24px;
    line-height: 32px;
  }
  main.tweakwise-search-static-page .previously-views .login-to-see-all .bt-general {
    margin: 0;
  }
  main.tweakwise-search-static-page .search-filter-popup.active {
    width: 100%;
  }
  main.tweakwise-search-static-page .search-filter-popup .container {
    padding-right: 0;
    padding-left: 0;
  }
  main.tweakwise-search-static-page .search-filters .row-filter {
    gap: 16px;
    margin-bottom: 0;
  }
  main.tweakwise-search-static-page .search-filters .filter-block {
    gap: 16px;
  }
  main.tweakwise-search-static-page .search-blog-result .blog-wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding: 0;
  }
  main.tweakwise-search-static-page .search-blog-result .blog-wrapper .blog-item .image {
    padding-top: unset;
    height: 220px;
  }
  main.tweakwise-search-static-page .search-blog-result .blog-wrapper .blog-item .text {
    padding: 8px;
  }
  main.tweakwise-search-static-page .search-blog-result .blog-wrapper .blog-item .head > h2 {
    font-size: 14px;
    line-height: 20px;
  }
  main.tweakwise-search-static-page .search-blog-result .blog-wrapper .blog-item .detail {
    margin-top: 8px;
  }
  main.tweakwise-search-static-page .search-blog-result .blog-wrapper .blog-item .detail > p {
    font-size: 12px;
    line-height: 18px;
  }
  main.tweakwise-search-static-page .search-category-result .category-wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding: 0;
  }
  main.tweakwise-search-static-page .search-category-result .category-wrapper .category-item .item-bg {
    padding-top: unset;
    height: 220px;
  }
  main.tweakwise-search-static-page .search-category-result .category-wrapper .category-item .item-text-box {
    padding: 8px;
  }
  main.tweakwise-search-static-page .search-category-result .category-wrapper .category-item .item-text-box .title-txt > p {
    font-size: 14px;
    line-height: 24px;
  }
  main.tweakwise-search-static-page .search-category-result .category-wrapper .category-item .item-text-box .desc-txt {
    padding-top: 8px;
  }
  main.tweakwise-search-static-page .search-category-result .category-wrapper .category-item .item-text-box .desc-txt > p {
    font-size: 12px;
    line-height: 18px;
  }
}
@media screen and (max-width: 743px) {
  main.tweakwise-search-static-page .search-container {
    padding: 0 24px;
  }
  main.tweakwise-search-static-page .breadcrumb {
    margin-top: 24px;
  }
  main.tweakwise-search-static-page .breadcrumb .container {
    padding: 0;
  }
  main.tweakwise-search-static-page .search-box {
    margin-top: 24px;
  }
  main.tweakwise-search-static-page .search-tabs .search-tabs-wrapper #category-tab:checked ~ section .panel-category,
  main.tweakwise-search-static-page .search-tabs .search-tabs-wrapper #blog-tab:checked ~ section .panel-blog {
    padding-bottom: 18px;
  }
  main.tweakwise-search-static-page .search-filters .custom-select-list .list-select p {
    padding-left: 16px;
  }
}
@media screen and (max-width: 600px) {
  main.tweakwise-search-static-page .previously-views .login-to-see-all {
    margin-top: 96px;
  }
}
@media screen and (max-width: 400px) {
  main.tweakwise-search-static-page .search-container {
    padding: 0 14px;
  }
  main.tweakwise-search-static-page .breadcrumb .container {
    padding: 0;
  }
  main.tweakwise-search-static-page .search-filters .filter-sort {
    z-index: 4;
  }
  main.tweakwise-search-static-page .search-filters .filter-view {
    z-index: 1;
  }
}
@media screen and (min-width: 1112px) {
  main.tweakwise-search-static-page .search-product-result .pagging.p-pagging {
    left: 50%;
    width: fit-content;
    transform: translateX(-50%);
    position: relative;
    margin-top: 48px;
  }
}
.search-box {
  width: fit-content;
  position: relative;
  margin-top: 40px;
  width: min(50%, 696px);
  z-index: 4;
}
.search-box.mg-auto {
  margin-left: auto;
  margin-right: auto;
}
.search-box .search-filter-bt .custom-select-list .list-result {
  opacity: 0;
}
.search-box .search-filter-bt .custom-select-list .list-result.active {
  opacity: 1;
}
.search-box .search-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 3;
}
.search-box .search-wrapper .filter-container {
  display: flex;
  flex-direction: column;
}
.search-box .search-wrapper .filter-container .row-search {
  margin: 0 auto;
  z-index: 2;
  width: 100%;
}
.search-box .search-wrapper .filter-container .row-search .filter-search {
  position: relative;
  height: 48px;
  border: solid #f8f7f4 2px;
  border-radius: 24px;
  background-color: #ffffff;
}
.search-box .search-wrapper .filter-container .row-search .filter-search input {
  font-size: 14px;
  line-height: 48px;
  color: #111c1c;
  background: none;
  height: 48px;
  font-weight: 600;
  padding: 12px 12px 12px 42px;
}
.search-box .search-wrapper .filter-container .row-search .filter-search input::-webkit-input-placeholder {
  font-weight: 500;
}
.search-box .search-wrapper .filter-container .row-search .filter-search input:disabled {
  -webkit-text-fill-color: #111c1c;
  opacity: 1;
}
.search-box .search-wrapper .filter-container .row-search .filter-search .bt-search {
  position: absolute;
  top: 0;
  left: 14px;
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.search-box .search-wrapper .filter-container .row-search .filter-search .bt-search .icon-search {
  position: absolute;
  background-color: #000;
  width: 16px;
  height: 16px;
  right: 21px;
}
.search-box .search-wrapper .filter-container .row-search .filter-search .icon-close-light {
  position: absolute;
  right: 15px;
  top: 18px;
  width: 12px;
  height: 12px;
  background-color: #a0a4a4;
  display: none;
}
.search-box .search-wrapper .filter-container .row-search .filter-search .icon-close-light.active {
  display: block;
}
.search-box .search-wrapper .filter-container .row-search .filter-search.disabled {
  opacity: 0.5;
  cursor: default;
}
.search-box .search-wrapper .filter-container .row-search .filter-search.disabled .bt-search {
  cursor: default;
}
.search-box .search-wrapper .filter-container .row-search .filter-search.disabled .icon-close-light {
  cursor: default;
}
.search-box .search-wrapper .filter-container .row-search .autocom-box {
  margin-top: 8px;
  padding: 8px 0;
  background-color: #ffffff;
  z-index: 1;
  position: relative;
  width: 100%;
  height: auto;
  max-height: 584px;
  overflow: hidden;
  overflow-y: auto;
  display: none;
}
.search-box .search-wrapper .filter-container .row-search .autocom-box.active {
  display: block;
}
.search-box .search-wrapper .filter-container .row-search .autocom-box hr {
  margin: 8px 0;
  border: 1px solid #d8d8d8;
}
.search-box .search-wrapper .filter-container .row-search .autocom-box > span {
  padding: 0px 16px 0px 16px;
  gap: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
  cursor: pointer;
  min-height: 28px;
  margin: 4px 0;
  position: relative;
  display: flex;
  align-items: center;
}
.search-box .search-wrapper .filter-container .row-search .autocom-box > span.result-item:hover, .search-box .search-wrapper .filter-container .row-search .autocom-box > span.result-item.cursor-in {
  background-color: #f8f7f4;
}
.search-box .search-wrapper .filter-container .row-search .autocom-box > span.result-item.img {
  min-height: 60px;
}
.search-box .search-wrapper .filter-container .row-search .autocom-box > span.result-item.img span {
  display: flex;
  align-items: center;
}
.search-box .search-wrapper .filter-container .row-search .autocom-box > span.result-item.img img {
  width: 65px;
  height: 46px;
}
.search-box .search-wrapper .filter-container .row-search .autocom-box > span.title {
  cursor: default;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

@media screen and (max-width: 1112px) {
  .search-box {
    width: 100%;
    margin-top: 32px;
  }
  .search-box .search-wrapper {
    padding-top: 4px;
  }
  .search-box .search-wrapper .filter-container .row-search {
    max-width: 100%;
    width: 100%;
  }
  .search-box .search-wrapper .filter-container .row-search .filter-search {
    width: 100%;
  }
  .search-box .search-title p {
    font-size: 40px;
    line-height: 58px;
  }
}
@media screen and (max-width: 743px) {
  .search-box {
    margin-top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .search-box .search-title {
    padding-top: 10px;
    margin-bottom: 4px;
  }
  .search-box .search-title p {
    font-size: 32px;
    line-height: 40px;
  }
}
.search-filters {
  position: relative;
}
.search-filters .row-filter {
  display: none;
  justify-content: space-between;
  z-index: 1;
}
.search-filters .filter-sort {
  width: min(100%, 216px);
  display: none;
  z-index: 4;
}
.search-filters .search-filter-bt {
  width: min(45%, 216px);
  display: none;
}
.search-filters .search-filter-bt .custom-select-list .list-select p {
  padding-right: 48px;
}
.search-filters .search-filter-bt .custom-select-list .list-result .icon-remove {
  display: block;
  margin-left: 8px;
}
.search-filters .search-filter-bt .custom-select-list .list-result .result-row {
  padding-left: 24px;
}
.search-filters .search-filter-bt .custom-select-list .list-result .result-row p {
  padding: 0;
  margin: 0;
}
.search-filters .view-list .list-result .result-row {
  padding-left: 0;
}
.search-filters .view-list .list-result .result-row p {
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
}
.search-filters .custom-radio-list {
  font-size: 12px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.search-filters .custom-radio-list .radio-item {
  margin-top: 0;
  margin-left: 26px;
  margin-bottom: 14px;
}
.search-filters .custom-radio-list .radio-item:last-child {
  margin-bottom: 0;
}
.search-filters .filter-box {
  display: flex;
  flex-flow: row wrap;
}
.search-filters .filter-box .filer-text {
  display: none;
}
.search-filters .filter-box .close-bt {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: solid 1px #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 24px;
  top: 24px;
  display: none;
}
.search-filters .filter-box .filter-row .scroll {
  display: flex;
  flex-flow: row wrap;
  overflow: unset;
}
.search-filters .filter-box .filter-box-bt.mobile-set {
  display: none;
}
.search-filters .filter-view {
  display: none;
  width: fit-content;
}
.search-filters .filter-view .bt-select-view:first-child {
  border-right: solid 1px #aeb2b2;
}
.search-filters .filter-view .bt-select-view.active .icon-view svg {
  color: #000000;
}
.search-filters .filter-view .bt-select-view .icon-view svg {
  color: #aeb2b2;
}
.search-filters .filter-view .option-view {
  display: flex;
  padding: 0px 10px;
  height: 24px;
  align-items: center;
}
.search-filters .filter-view .option-view.active .icon-view svg {
  color: #000000;
}
.search-filters .filter-view .option-view .icon-view svg {
  color: #aeb2b2;
}
.search-filters .filter-block {
  display: flex;
  justify-content: flex-end;
  width: 80%;
}
.search-filters .filter-block .result-row {
  padding-left: 24px;
}
.search-filters .filter-block .result-row p {
  padding: 0;
  margin: 0;
}
.search-filters .custom-select-list {
  width: 100%;
  margin-right: 24px;
}
.search-filters .custom-select-list:last-child {
  margin-right: 0px;
}
.search-filters .custom-select-list .list-result {
  height: 45px;
}

@media screen and (max-width: 1112px) {
  .search-filters .search-price-filter {
    display: none;
  }
  .search-filters .row-filter {
    display: flex;
    margin-bottom: 32px;
  }
  .search-filters .search-filter-bt {
    display: inline-block;
  }
  .search-filters .filter-block {
    gap: 24px;
  }
  .search-filters .filter-sort {
    display: inline-block;
  }
  .search-filters .filter-view {
    display: block;
  }
}
@media screen and (max-width: 743px) {
  .search-filters .row-filter {
    gap: 16px;
    margin-bottom: 0;
  }
  .search-filters .filter-block {
    gap: 16px;
  }
  .search-filters .custom-select-list .list-select p {
    padding-left: 16px;
  }
  .search-filters .custom-select-list .list-option.active {
    width: 216px;
  }
}
@media screen and (max-width: 400px) {
  .search-filters .filter-sort {
    z-index: 4;
  }
  .search-filters .filter-view {
    z-index: 1;
  }
  .search-filters .custom-select-list .list-result .result-row p {
    padding-left: 4px;
    padding-right: 4px;
  }
}
@media screen and (max-width: 360px) {
  .search-filters .search-filter-bt {
    min-width: 100%;
  }
  .search-filters .filter-block {
    width: 100%;
  }
}
.search-product-result {
  position: relative;
  width: 100%;
}
.search-product-result .product-result-container.active {
  display: block;
}
.search-product-result .product-box {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
  row-gap: 18px;
  column-gap: 26px;
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
}
.search-product-result .product-box.active {
  visibility: visible;
  opacity: 1;
}
.search-product-result .product-box .new-product-slide-item {
  display: flex;
}
.search-product-result .product-box .new-product-slide-item .item-container {
  max-width: unset;
  flex-direction: column;
  display: flex;
}
.search-product-result .product-box .new-product-slide-item .item-container .item-img img {
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt {
  margin-bottom: 7px;
  height: 44px;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #111c1c;
  white-space: initial;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .product-info {
  position: relative;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  align-items: center;
  min-height: 48px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-content: center;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .product-details {
  display: flex;
  width: 50%;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-end;
  align-items: flex-end;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .product-price {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  text-align: right;
  color: #111c1c;
  height: 24px;
  order: 2;
  justify-content: flex-end;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .product-colors {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 16px;
  order: 3;
  justify-content: flex-end;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .product-colors .product-color {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: relative;
  vertical-align: baseline;
  margin-right: 4px;
  overflow: hidden;
  align-items: flex-end;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .product-colors .product-color > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .product-colors .remain-count {
  font-weight: 400;
  font-size: 11px;
  line-height: 11px;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting {
  width: 100%;
  margin: 0;
  padding: 0;
  flex-direction: column;
  order: 1;
  grid-row: 1/3;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars {
  display: flex;
  gap: 4px;
  margin: 0;
  height: 24px;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star {
  padding: 0;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg {
  width: 20px;
  height: 20px;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg use {
  transform: scale(1);
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .count {
  padding-left: 0;
  height: 16px;
  display: flex;
  line-height: normal;
  font-size: 11px;
  color: #505050;
  font-weight: 600;
  align-items: center;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .count.pl-0 {
  padding-left: 0;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box {
  align-items: center;
  padding: 0;
  margin-top: 16px;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-route {
  margin-right: -6px;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .normal-config {
  width: 100%;
  height: 48px;
  border-radius: 100px;
  padding: 0px 24px;
  cursor: pointer;
  transition: all 0.3s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e4b760;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .normal-config .icon-arr-right {
  margin-left: 14px;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .normal-config .icon-arr-right svg {
  color: #ffffff;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .normal-config p {
  font-size: 12px;
  color: #ffffff;
  font-weight: 600;
  transition: all 0.3s ease-out;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .normal-config:hover {
  filter: brightness(85%);
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .normal-config .icon {
  margin-right: 8px;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .normal-config .icon .icon-config {
  width: 16px;
  height: 14px;
  background-color: #ffffff;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save {
  width: fit-content;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper {
  width: 100%;
  position: relative;
  border: 2px solid #e4b760;
  border-radius: 100px;
  height: 48px;
  display: flex;
  transition: all 0.3s;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper:before {
  content: "";
  position: absolute;
  left: -1px;
  top: -2px;
  border-radius: 100px;
  width: 50%;
  height: 48px;
  transition: all 0.3s;
  background: #e4b760;
  z-index: 0;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper.mouse-in:before {
  background: #b99250;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-3D-configure {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-3D-configure p {
  color: #ffffff;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-3D-configure .icon-arr-right {
  margin-left: 14px;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-3D-configure .icon-arr-right svg {
  color: #ffffff;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-2D-configure {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #111c1c;
  transition: all 0.3s;
  z-index: 1;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-2D-configure p {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-2D-configure .icon-arr-right {
  margin-left: 14px;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-2D-configure .icon-arr-right svg {
  color: #111c1c;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-2D-configure:hover {
  color: #e4b760;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-2D-configure:hover .icon-arr-right svg {
  color: #e4b760;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper.roll-in:before {
  left: 51%;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper.roll-in .product-3D-configure p {
  color: #111c1c;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper.roll-in .product-3D-configure .icon-arr-right svg {
  color: #111c1c;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper.roll-in .product-2D-configure {
  color: #ffffff;
}
.search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper.roll-in .product-2D-configure .icon-arr-right svg {
  color: #ffffff;
}
.search-product-result .product-box .new-product-slide-item .item-container .custom_bullets {
  bottom: 28px;
}
.search-product-result .slider {
  z-index: 2;
}
.search-product-result .slider.sub-product-slide {
  position: relative;
  cursor: pointer;
  width: 100%;
  padding-top: 80%;
}
.search-product-result .slider.sub-product-slide .swiper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
}
.search-product-result .slider.sub-product-slide .swiper-pagination.swiper-pagination-bullets {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 16px;
  display: block;
  width: fit-content;
}
.search-product-result .slider.sub-product-slide .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
  opacity: 1;
}
.search-product-result .slider.sub-product-slide .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.search-product-result .slider.sub-product-slide .custom_bullets {
  display: block;
  bottom: 35px;
}
.search-product-result .slider.sub-product-slide .swiper-slide {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity 1s;
  text-align: center;
  z-index: 0;
}
.search-product-result .slider.sub-product-slide .swiper-slide:first-child {
  position: relative;
  z-index: 1;
}
.search-product-result .slider.sub-product-slide .swiper-slide-active {
  position: absolute;
  z-index: 2;
  opacity: 1;
}
.search-product-result .slider.sub-product-slide .swiper-wrapper {
  transform: none !important;
  width: auto !important;
  display: block;
}
.search-product-result .slider .swiper-slide a {
  cursor: pointer;
}
.search-product-result .slider .swiper-slide img {
  height: 344px;
  width: 100%;
  object-fit: contain;
}
.search-product-result .slider .swiper-pagination {
  display: none;
  bottom: -64px;
  transform: translate(-50%, 0px);
}
.search-product-result .slider .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
}
.search-product-result .slider .swiper-pagination .swiper-pagination-bullet:hover, .search-product-result .slider .swiper-pagination .swiper-pagination-bullet:focus {
  border: none;
  background-color: rgba(17, 28, 28, 0.25);
}
.search-product-result .slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(17, 28, 28);
}
.search-product-result .slider .product-tag {
  position: absolute;
  width: auto;
  max-width: calc(100% - 24px);
  height: 24px;
  right: 0px;
  top: 16px;
  background: #e4b760;
  border-radius: 100px 0px 0px 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  z-index: 1;
}
.search-product-result .slider .product-tag > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  font-size: 10px;
  color: white;
}
.search-product-result .slider .slide-nav {
  display: none;
}
.search-product-result .pagging.p-pagging {
  position: relative;
  margin-top: 48px;
}

@media screen and (max-width: 1400px) {
  .search-filter .filter-container .filter-result {
    display: none;
  }
}
@media screen and (max-width: 1112px) {
  .search-product-result .product-box {
    grid-template-columns: repeat(3, minmax(200px, 1fr));
    grid-row-gap: 24px;
    grid-column-gap: 16px;
    width: 100%;
  }
  .search-product-result .product-box.show-item-2 {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
  }
  .search-product-result .product-box.show-item-3 {
    grid-template-columns: repeat(3, minmax(200px, 1fr));
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box {
    padding: 16px;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt p,
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt b {
    font-size: 14px;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box {
    padding-right: 0px;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .normal-config {
    width: calc(100% - 64px);
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper {
    width: 100%;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .item-img img {
    width: 100%;
    object-fit: contain;
    object-position: center center;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .custom_bullets {
    display: none;
  }
}
@media screen and (min-width: 1112px) {
  .search-product-result .pagging.p-pagging {
    left: 50%;
    width: fit-content;
    transform: translateX(-50%);
    position: relative;
    margin-top: 48px;
  }
}
@media screen and (max-width: 991px) {
  .search-product-result .product-box.show-item-3 .new-product-slide-item .item-container .slide-text-box .slide-set-top .product-info {
    align-items: start;
  }
  .search-product-result .product-box.show-item-3 .new-product-slide-item .item-container .slide-text-box .slide-set-top .product-price {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    height: 14px;
    justify-content: flex-end;
  }
  .search-product-result .product-box.show-item-3 .new-product-slide-item .item-container .slide-text-box .slide-set-top .product-colors {
    grid-column: 1/3;
    justify-content: flex-start;
    margin-top: 8px;
  }
  .search-product-result .product-box.show-item-3 .new-product-slide-item .item-container .slide-text-box .slide-set-top .product-colors .remain-count {
    font-size: 10px;
    line-height: 11px;
  }
  .search-product-result .product-box.show-item-3 .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting {
    grid-row: inherit;
  }
  .search-product-result .product-box.show-item-3 .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars {
    height: 14px;
  }
  .search-product-result .product-box.show-item-3 .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg {
    width: 12px;
    height: 12px;
  }
  .search-product-result .product-box.show-item-3 .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg use {
    transform: scale(0.6);
  }
  .search-product-result .product-box.show-item-3 .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .count {
    padding-left: 0px;
    font-size: 10px;
    height: 11px;
    margin-top: 4px;
  }
  .search-product-result .product-box.show-item-3 .new-product-slide-item .item-container .slider .product-tag {
    top: 8px;
  }
}
@media screen and (max-width: 834px) {
  .search-product-result {
    padding-top: 0px;
  }
  .search-product-result:before {
    display: none;
  }
  .search-product-result .container {
    padding-right: 32px;
    padding-left: 32px;
    max-width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .search-product-result .product-box {
    grid-template-columns: repeat(auto-fit, minmax(246px, 1fr));
  }
  .search-product-result .product-box.show-item-2 {
    grid-template-columns: repeat(2, minmax(170px, 1fr));
  }
  .search-product-result .product-box.show-item-3 {
    grid-template-columns: repeat(3, minmax(170px, 1fr));
  }
}
@media screen and (max-width: 767px) {
  .search-product-result {
    margin-bottom: 20px;
  }
  .search-product-result .container {
    max-width: 100%;
  }
  .search-product-result .product-box {
    grid-template-columns: repeat(2, minmax(170px, 1fr));
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt {
    height: 36px;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt p,
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt b {
    font-size: 12px;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt p {
    -webkit-line-clamp: 2;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg {
    width: 12px;
    height: 12px;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg use {
    transform: scale(0.6);
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .count {
    font-size: 10px;
    line-height: 14px;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .normal-config {
    width: calc(100% - 40px);
    height: 40px;
    padding: 0px 12px;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .normal-config .icon {
    display: none;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .normal-config p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper {
    width: calc(100% - 40px);
    height: 40px;
    padding: 0px 12px;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper:before {
    height: 40px;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-3D-configure p {
    font-size: 12px;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-3D-configure .icon-arr-right {
    margin-left: 4px;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-2D-configure p {
    font-size: 12px;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper .product-2D-configure .icon-arr-right {
    margin-left: 4px;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save.active .save {
    display: none;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .bt-save .save {
    display: flex;
  }
  .search-product-result .product-box.show-item-2 {
    grid-template-columns: repeat(2, minmax(170px, 1fr));
  }
  .search-product-result .product-box.show-item-2 .new-product-slide-item .item-container .slide-text-box .slide-set-top .product-info {
    align-items: start;
  }
  .search-product-result .product-box.show-item-2 .new-product-slide-item .item-container .slide-text-box .slide-set-top .product-price {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    height: 14px;
    justify-content: flex-end;
  }
  .search-product-result .product-box.show-item-2 .new-product-slide-item .item-container .slide-text-box .slide-set-top .product-colors {
    grid-column: 1/3;
    justify-content: flex-start;
    margin-top: 8px;
  }
  .search-product-result .product-box.show-item-2 .new-product-slide-item .item-container .slide-text-box .slide-set-top .product-colors .remain-count {
    font-size: 10px;
    line-height: 11px;
  }
  .search-product-result .product-box.show-item-2 .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting {
    grid-row: inherit;
  }
  .search-product-result .product-box.show-item-2 .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars {
    height: 14px;
  }
  .search-product-result .product-box.show-item-2 .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg {
    width: 12px;
    height: 12px;
  }
  .search-product-result .product-box.show-item-2 .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg use {
    transform: scale(0.6);
  }
  .search-product-result .product-box.show-item-2 .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .count {
    padding-left: 0px;
    font-size: 10px;
    height: 11px;
    margin-top: 4px;
  }
  .search-product-result .product-box.show-item-2 .new-product-slide-item .item-container .slider .product-tag {
    top: 8px;
  }
  .search-product-result .product-box.show-item-1 {
    grid-template-columns: repeat(1, minmax(346px, 1fr));
  }
  .search-product-result .product-box.show-item-1 .new-product-slide-item .item-container .slide-text-box {
    padding: 16px;
  }
  .search-product-result .product-box.show-item-1 .new-product-slide-item .item-container .slide-text-box .slide-set-top {
    min-height: 96px;
  }
  .search-product-result .product-box.show-item-1 .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt {
    height: 44px;
    margin-bottom: 8px;
  }
  .search-product-result .product-box.show-item-1 .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt p,
  .search-product-result .product-box.show-item-1 .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt b {
    font-size: 16px;
    line-height: 24px;
  }
  .search-product-result .product-box.show-item-1 .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg {
    width: 20px;
    height: 20px;
  }
  .search-product-result .product-box.show-item-1 .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg use {
    transform: scale(1);
  }
  .search-product-result .product-box.show-item-1 .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .count {
    padding-left: 8px;
    font-size: 11px;
    line-height: 24px;
  }
  .search-product-result .product-box .new-product-slide-item .item-container {
    max-width: 100%;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box {
    padding: 16px;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top {
    min-height: 78px;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt p,
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt b {
    font-size: 12px;
    line-height: 18px;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box {
    margin-top: 8px;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .custom_bullets {
    bottom: 10px;
  }
}
@media screen and (max-width: 680px) {
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box {
    padding: 14px 6px;
  }
}
@media screen and (max-width: 400px) {
  .search-product-result .product-box {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  }
  .search-product-result .product-box.show-item-1 {
    grid-template-columns: repeat(1, minmax(140px, 1fr));
  }
  .search-product-result .product-box.show-item-2 {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-bt-box .configure-3D-btn-warpper {
    padding: 0;
  }
}
@media screen and (max-width: 360px) {
  .search-product-result .product-box {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    grid-gap: 10px;
  }
  .search-product-result .product-box.show-item-1 {
    grid-template-columns: repeat(1, minmax(130px, 1fr));
  }
  .search-product-result .product-box.show-item-2 {
    grid-template-columns: repeat(2, minmax(130px, 1fr));
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star {
    padding: 0px 1px;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg {
    width: 10px;
    height: 10px;
  }
  .search-product-result .product-box .new-product-slide-item .item-container .slide-text-box .slide-set-top .reviews-ratting .stars .star svg use {
    transform: scale(0.5);
  }
}
.search-filter-popup {
  position: fixed;
  right: -414px;
  top: 0px;
  z-index: 101;
  width: 414px;
  height: 100%;
  transition: all 0.3s ease-out;
  background: #ffffff;
}
.search-filter-popup.active {
  right: 0px;
}
.search-filter-popup .container {
  height: 100%;
  position: relative;
}
.search-filter-popup .filter-container {
  display: flex;
}
.search-filter-popup .filter-container .filter-box {
  display: flex;
  flex-direction: column;
  padding: 100px 32px 58px 40px;
  background: #ffffff;
  width: 100%;
}
.search-filter-popup .filter-container .filter-box .filer-text {
  padding-left: 24px;
  margin-bottom: 56px;
  display: block;
}
.search-filter-popup .filter-container .filter-box .filer-text .head-txt {
  margin-bottom: 4px;
}
.search-filter-popup .filter-container .filter-box .filer-text .head-txt p {
  font-size: 32px;
  line-height: 40px;
  color: #111c1c;
  font-weight: 700;
}
.search-filter-popup .filter-container .filter-box .filer-text .desc-txt p {
  font-size: 14px;
  line-height: 18px;
}
.search-filter-popup .filter-container .filter-box .close-bt {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: solid 2px #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 48px;
  top: 48px;
  cursor: pointer;
  transition: all 0.3s;
}
.search-filter-popup .filter-container .filter-box .close-bt .icon-close-light {
  width: 12px;
  height: 12px;
  transition: all 0.3s;
}
.search-filter-popup .filter-container .filter-box .filter-row {
  position: relative;
  height: calc(100vh - 300px);
  width: 100%;
  z-index: 2;
}
.search-filter-popup .filter-container .filter-box .filter-row .scroll {
  overflow: auto;
  display: inline-block;
  width: calc(100% + 32px);
  padding-right: 32px;
}
.search-filter-popup .filter-container .filter-box .filter-row .search-filter-side-menu {
  display: block;
  padding-bottom: 120px;
  overflow: hidden;
}
.search-filter-popup .filter-container .filter-box .filter-row .custom-select-list {
  margin-bottom: 22px;
}
.search-filter-popup .filter-container .filter-box .filter-row .custom-select-list.colour-list .list-option {
  overflow: visible;
}
.search-filter-popup .filter-container .filter-box .filter-row .custom-select-list.colour-list .list-option .box-options {
  overflow: visible;
}
.search-filter-popup .filter-container .filter-box .filter-row .custom-select-list.colour-list .list-option .box-options .box-option {
  height: 34px;
  margin: 0px;
  padding: 0px;
  overflow: visible;
}
.search-filter-popup .filter-container .filter-box .filter-row .custom-select-list.colour-list .list-option .box-options .box-option .tooltip-color {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -44px);
  background: #ffffff;
  height: 32px;
  padding: 0px 18px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  border-radius: 30px;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
  transition-delay: 0.15s;
  opacity: 0;
  visibility: hidden;
}
.search-filter-popup .filter-container .filter-box .filter-row .custom-select-list.colour-list .list-option .box-options .box-option .tooltip-color:before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  position: absolute;
  bottom: -5px;
  left: 46%;
  transform: rotate(45deg) translate(-50%, 0px);
}
.search-filter-popup .filter-container .filter-box .filter-row .custom-select-list.colour-list .list-option .box-options .box-option .tooltip-color p {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #111c1c;
  display: block;
}
.search-filter-popup .filter-container .filter-box .filter-row .custom-select-list.colour-list .list-option .box-options .box-option:hover .tooltip-color {
  opacity: 1;
  visibility: visible;
  z-index: 3;
}
.search-filter-popup .filter-container .filter-box .filter-row .custom-select-list .list-option {
  position: relative;
  top: 0px;
  padding-top: 14px;
  margin-top: -48px;
  box-shadow: none;
}
.search-filter-popup .filter-container .filter-box .filter-row .custom-select-list .list-option .box-options {
  max-height: 100%;
}
.search-filter-popup .filter-container .filter-box .filter-row .custom-select-list .list-option .box-options .box-option {
  height: 32px;
  margin-bottom: 5px;
}
.search-filter-popup .filter-container .filter-box .filter-row .custom-select-list .list-option .filter-box-bt {
  display: none;
}
.search-filter-popup .filter-container .filter-box .filter-box-bt {
  position: absolute;
  padding: 20px 40px;
  bottom: 0px;
  left: 0px;
  background: #ffffff;
  height: 105px;
  z-index: 3;
}
.search-filter-popup .filter-container .custom-select-list {
  width: 100%;
  margin-bottom: 22px;
}
.search-filter-popup .filter-container .custom-select-list:last-child {
  margin-right: 0px;
}
.search-filter-popup .filter-container .custom-select-list .list-select .icon-arr-down {
  right: 24px;
  top: 22px;
}
.search-filter-popup .filter-container .custom-select-list .list-result .result-row p {
  padding-left: 25px;
}

@media (hover: hover) and (pointer: fine) {
  .search-filter-popup .filter-container .filter-box .close-bt:hover {
    border: solid 2px #e4b760;
  }
  .search-filter-popup .filter-container .filter-box .close-bt:hover .icon-close-light {
    background-color: #e4b760;
  }
}
@media screen and (max-width: 992px) {
  .search-filter-popup .filter-container .filter-box .filter-row .scroll {
    width: calc(100% + 72px);
    padding-right: 72px;
  }
}
@media screen and (max-width: 834px) {
  .search-filter-popup .filter-container .filter-box .filter-row .scroll {
    width: calc(100% + 32px);
    padding-right: 32px;
  }
}
@media screen and (max-width: 767px) {
  .search-filter-popup.active {
    width: 100%;
  }
  .search-filter-popup .container {
    padding-right: 0px;
    padding-left: 0px;
  }
}
.search-tabs {
  position: relative;
  width: 100%;
  transition: all ease-in-out 0.25s;
  visibility: visible;
  opacity: 1;
  height: auto;
}
.search-tabs.no-result .search-panels {
  display: none;
}
.search-tabs .search-tabs-wrapper {
  position: relative;
  display: block;
}
.search-tabs .search-tabs-wrapper input[name=search-tab] {
  display: none;
}
.search-tabs .search-tabs-wrapper .nav-search-tab {
  width: 100%;
  max-width: var(--search-box-width);
  margin-inline: auto;
  margin-top: 32px;
  display: flex;
  background-color: #f8f7f4;
  border-radius: 100px;
}
.search-tabs .search-tabs-wrapper .nav-search-tab > label {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  position: relative;
  z-index: 1;
  font-size: 14px;
  padding: 12px 16px;
  color: #aeb2b2;
  opacity: 0.75;
  border-radius: 100px;
  font-weight: 600;
  white-space: nowrap;
  flex: 1 1 0;
}
.search-tabs .search-tabs-wrapper .nav-search-tab > label.hide {
  display: none;
}
.search-tabs .search-tabs-wrapper .nav-search-tab > label:hover {
  opacity: 1;
  color: #111c1c;
}
.search-tabs .search-tabs-wrapper #product-tab.active ~ label.label-product,
.search-tabs .search-tabs-wrapper #category-tab.active ~ label.label-category,
.search-tabs .search-tabs-wrapper #blog-tab.active ~ label.label-blog {
  background-color: #edece8;
  color: #111c1c;
  opacity: 1;
}
.search-tabs .search-tabs-wrapper .search-panels {
  position: relative;
  margin-top: 32px;
}
.search-tabs .search-tabs-wrapper .panel {
  visibility: hidden;
  opacity: 0;
  top: 0;
  z-index: 0;
  display: block;
  width: 100%;
  min-height: 410px;
}
.search-tabs .search-tabs-wrapper .panel.panel-product {
  display: grid;
  grid-template-columns: 332px minmax(0, 1fr);
  gap: 32px;
}
.search-tabs .search-tabs-wrapper .panel-product.active {
  height: auto;
  opacity: 1;
  z-index: 1;
  max-height: unset;
  transition: 0.5s opacity ease-in, 0.3s transform ease;
  visibility: visible;
  position: relative;
}
.search-tabs .search-tabs-wrapper .panel-category.active,
.search-tabs .search-tabs-wrapper .panel-blog.active {
  height: auto;
  opacity: 1;
  z-index: 1;
  max-height: unset;
  transition: 0.5s opacity ease-in, 0.3s transform ease;
  padding-bottom: 74px;
  visibility: visible;
  position: relative;
}

@media screen and (max-width: 1112px) {
  .search-tabs.active .search-tabs-wrapper .nav-search-tab {
    display: grid;
  }
  .search-tabs .search-tabs-wrapper .nav-search-tab {
    margin-top: 20px;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
  }
  .search-tabs .search-tabs-wrapper #category-tab:checked ~ section .panel-category,
  .search-tabs .search-tabs-wrapper #blog-tab:checked ~ section .panel-blog {
    padding-bottom: 26px;
  }
  .search-tabs .search-tabs-wrapper .panel.panel-product {
    grid-template-columns: unset;
    gap: unset;
    display: flex;
  }
}
@media screen and (max-width: 743px) {
  .search-tabs .search-tabs-wrapper #category-tab:checked ~ section .panel-category,
  .search-tabs .search-tabs-wrapper #blog-tab:checked ~ section .panel-blog {
    padding-bottom: 18px;
  }
}
.search-filter-side-menu {
  position: relative;
  width: 100%;
}
.search-filter-side-menu .accordion-item {
  display: block;
  width: 100%;
  margin-bottom: 16px;
}
.search-filter-side-menu .accordion-item:last-child {
  margin-bottom: 24px;
}
.search-filter-side-menu .accordion-item .icon-moreinfo {
  transition: unset;
}
.search-filter-side-menu .accordion-item .accordion-heading {
  width: 100%;
  background-color: #f8f7f4;
  height: 48px;
  align-content: center;
  position: relative;
  cursor: pointer;
  display: flex;
}
.search-filter-side-menu .accordion-item .accordion-heading .item-name {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 24px;
}
.search-filter-side-menu .accordion-item .accordion-heading .item-name .icon-box {
  margin-right: 8px;
  display: flex;
}
.search-filter-side-menu .accordion-item .accordion-heading .item-name .icon-box img {
  width: 24px;
  height: 24px;
  object-fit: cover;
}
.search-filter-side-menu .accordion-item .accordion-heading .item-name .icon-arr-up {
  position: absolute;
  right: 0;
  margin-right: 22px;
  transition: all 0.3s ease-out;
  transform: rotate(180deg);
}
.search-filter-side-menu .accordion-item .accordion-heading .item-name .icon-arr-up svg {
  color: #111c1c;
}
.search-filter-side-menu .accordion-item .accordion-heading .item-name > span {
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
  font-weight: 600;
}
.search-filter-side-menu .accordion-item .accordion-content {
  opacity: 0;
}
.search-filter-side-menu .accordion-item .accordion-content .custom-radio-list {
  padding-top: 16px;
  padding-bottom: 32px;
}
.search-filter-side-menu .accordion-item .accordion-content .custom-checkbox-list {
  padding-top: 16px;
}
.search-filter-side-menu .accordion-item:not(:last-child) .accordion-content .custom-checkbox-list {
  padding-bottom: 16px;
}
.search-filter-side-menu .accordion-item[open=true] .accordion-content {
  visibility: visible;
  opacity: 1;
}
.search-filter-side-menu .accordion-item[open=true] .item-name .icon-arr-up {
  transform: rotate(0);
}
.search-filter-side-menu .accordion-item[open=false] .accordion-content {
  visibility: hidden;
}
.search-filter-side-menu .custom-radio-list {
  font-size: 12px;
}
.search-filter-side-menu .custom-radio-list .radio-item {
  margin-top: 0;
  margin-left: 26px;
  margin-bottom: 14px;
}
.search-filter-side-menu .custom-radio-list .radio-item:last-child {
  margin-bottom: 0;
}
.search-filter-side-menu .custom-checkbox-list {
  font-size: 12px;
}
.search-filter-side-menu .custom-checkbox-list .content-container {
  overflow: hidden;
}
.search-filter-side-menu .custom-checkbox-list .checkbox-item {
  margin-top: 0;
  margin-left: 26px;
  padding-bottom: 14px;
  line-height: 18px;
}
.search-filter-side-menu .custom-checkbox-list .checkbox-item:last-child {
  margin-bottom: 0;
}
.search-filter-side-menu .custom-checkbox-list .checkbox-item .checkbox-label::before {
  border: 1px solid #111c1c;
}
.search-filter-side-menu .custom-checkbox-list .checkbox-item .checkbox-label span:first-child {
  margin-right: 4px;
}
.search-filter-side-menu .custom-checkbox-list .checkbox-item .checkbox-label span:last-child {
  color: rgba(17, 28, 28, 0.75);
}
.search-filter-side-menu .custom-checkbox-list .checkbox-item input[type=checkbox] + .checkbox-label {
  color: #111c1c;
}
.search-filter-side-menu .custom-checkbox-list .checkbox-item input[type=checkbox] + .checkbox-label::before {
  border: 1px solid #111c1c;
}
.search-filter-side-menu .custom-checkbox-list .checkbox-item input[type=checkbox] + .checkbox-label:hover {
  color: #e4b760;
}
.search-filter-side-menu .custom-checkbox-list .checkbox-item input[type=checkbox] + .checkbox-label:hover span {
  color: #e4b760;
}
.search-filter-side-menu .custom-checkbox-list .checkbox-item input[type=checkbox] + .checkbox-label:hover::before {
  border: 1px solid #e4b760;
}
.search-filter-side-menu .custom-checkbox-list .checkbox-item input[type=checkbox].active + .checkbox-label::before {
  border: 1px solid #e4b760;
}
.search-filter-side-menu .custom-checkbox-list .bt-readmore {
  position: relative;
  cursor: pointer;
  display: none;
  width: fit-content;
  align-items: center;
  margin-left: 26px;
  height: 36px;
}
.search-filter-side-menu .custom-checkbox-list .bt-readmore .text {
  font-size: 14px;
  font-weight: 600;
  color: #e4b760;
  margin-right: 10px;
  display: none;
}
.search-filter-side-menu .custom-checkbox-list .bt-readmore .icon-arr-down svg {
  transition: all 0.3s ease-out;
  color: #e4b760;
}
.search-filter-side-menu .custom-checkbox-list .bt-readmore:hover .icon-arr-down svg {
  animation: menuDown 1s linear forwards;
}
.search-filter-side-menu .custom-checkbox-list[show-more=true] .content-container {
  max-height: unset;
}
.search-filter-side-menu .custom-checkbox-list[show-more=true] .bt-readmore {
  display: flex;
}
.search-filter-side-menu .custom-checkbox-list[show-more=true] .bt-readmore .less-txt {
  display: inline-block;
}
.search-filter-side-menu .custom-checkbox-list[show-more=true] .bt-readmore .icon-arr-down {
  transform: rotate(180deg);
}
.search-filter-side-menu .custom-checkbox-list[show-more=false] .content-container {
  max-height: 126px;
}
.search-filter-side-menu .custom-checkbox-list[show-more=false] .bt-readmore {
  display: flex;
}
.search-filter-side-menu .custom-checkbox-list[show-more=false] .bt-readmore .more-txt {
  display: inline-block;
}
.search-filter-side-menu .menu-bottom h2 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 24px;
}
.search-filter-side-menu .menu-bottom h5 {
  font-size: 16px;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 16px;
}

@media screen and (max-width: 1112px) {
  .search-filter-side-menu {
    display: none;
  }
}
@media screen and (max-width: 743px) {
  .search-filter-side-menu {
    width: 100%;
  }
}
.search-category-result {
  position: relative;
  width: 100%;
}
.search-category-result .category-wrapper {
  position: relative;
  width: 100%;
  display: grid;
  row-gap: 32px;
  column-gap: 60px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.search-category-result .category-wrapper .category-item .item-bg {
  width: 100%;
  padding-top: 66.67%;
  aspect-ratio: 3/2;
  position: relative;
  background-color: #f6f6f6;
}
.search-category-result .category-wrapper .category-item .item-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
}
.search-category-result .category-wrapper .category-item .item-bg img.h {
  display: none;
}
.search-category-result .category-wrapper .category-item .item-text-box {
  padding: 24px;
}
.search-category-result .category-wrapper .category-item .item-text-box .title-txt > p {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  color: #111c11;
}
.search-category-result .category-wrapper .category-item .item-text-box .amount-txt > p {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #111c11;
}
.search-category-result .category-wrapper .category-item .item-text-box .amount-txt > p b {
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
}
.search-category-result .category-wrapper .category-item .item-text-box .desc-txt {
  padding-top: 16px;
}
.search-category-result .category-wrapper .category-item .item-text-box .desc-txt > p {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #111c1c;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  .search-category-result .category-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 991px) {
  .search-category-result .blog-wrapper {
    padding: 0;
  }
}
@media screen and (max-width: 834px) {
  .search-category-result .category-wrapper {
    padding: 0 32px;
  }
}
@media screen and (max-width: 743px) {
  .search-category-result .category-wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding: 0;
  }
  .search-category-result .category-wrapper .category-item .item-bg {
    padding-top: unset;
    height: 220px;
  }
  .search-category-result .category-wrapper .category-item .item-text-box {
    padding: 8px;
  }
  .search-category-result .category-wrapper .category-item .item-text-box .title-txt > p {
    font-size: 14px;
    line-height: 24px;
  }
  .search-category-result .category-wrapper .category-item .item-text-box .desc-txt {
    padding-top: 8px;
  }
  .search-category-result .category-wrapper .category-item .item-text-box .desc-txt > p {
    font-size: 12px;
    line-height: 18px;
  }
}
.search-blog-result {
  position: relative;
  width: 100%;
}
.search-blog-result .blog-wrapper {
  position: relative;
  display: grid;
  width: 100%;
  row-gap: 32px;
  column-gap: 60px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.search-blog-result .blog-wrapper .blog-item .image {
  width: 100%;
  padding-top: 62.5%;
  aspect-ratio: 16/10;
  position: relative;
  background-color: #f6f6f6;
}
.search-blog-result .blog-wrapper .blog-item .image a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
}
.search-blog-result .blog-wrapper .blog-item .image a img.h {
  display: none;
}
.search-blog-result .blog-wrapper .blog-item .text {
  padding: 24px;
}
.search-blog-result .blog-wrapper .blog-item .subhead {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.search-blog-result .blog-wrapper .blog-item .subhead .category {
  color: #9da2a3;
  font-size: 12px;
  display: inline-block;
}
.search-blog-result .blog-wrapper .blog-item .subhead .date {
  color: #9da2a3;
}
.search-blog-result .blog-wrapper .blog-item .head {
  margin-top: 3px;
}
.search-blog-result .blog-wrapper .blog-item .head > h2 {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  color: #111c1c;
}
.search-blog-result .blog-wrapper .blog-item .detail {
  margin-top: 16px;
}
.search-blog-result .blog-wrapper .blog-item .detail > p {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #111c1c;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  .search-blog-result .blog-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .search-blog-result .blog-wrapper .blog-item .head > h2 {
    font-size: 16px;
    line-height: 28px;
  }
  .search-blog-result .blog-wrapper .blog-item .detail > p {
    font-size: 14px;
    line-height: 24px;
  }
}
@media screen and (max-width: 991px) {
  .search-blog-result .blog-wrapper {
    padding: 0;
  }
}
@media screen and (max-width: 834px) {
  .search-blog-result .blog-wrapper {
    padding: 0 32px;
  }
}
@media screen and (max-width: 743px) {
  .search-blog-result .blog-wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding: 0;
  }
  .search-blog-result .blog-wrapper .blog-item .image {
    padding-top: unset;
    height: 220px;
  }
  .search-blog-result .blog-wrapper .blog-item .text {
    padding: 8px;
  }
  .search-blog-result .blog-wrapper .blog-item .head > h2 {
    font-size: 14px;
    line-height: 20px;
  }
  .search-blog-result .blog-wrapper .blog-item .subhead {
    flex-direction: column;
  }
  .search-blog-result .blog-wrapper .blog-item .subhead span {
    font-size: 12px;
    line-height: 18px;
  }
  .search-blog-result .blog-wrapper .blog-item .detail {
    margin-top: 8px;
  }
  .search-blog-result .blog-wrapper .blog-item .detail > p {
    font-size: 12px;
    line-height: 18px;
  }
}
.search-filter-price {
  position: relative;
  display: block;
  width: 100%;
}
.search-filter-price.active .list-option {
  display: block;
}
.search-filter-price.active .icon-arr-down {
  transform: rotate(180deg);
}
.search-filter-price .custom-select-list .list-option {
  padding: 8px;
}
.search-filter-price .custom-select-list.rang-list .list-select .icon-arr-down {
  transition: all 0.3s ease-out;
  transform: rotate(0);
  right: 24px;
  top: 22px;
}
.search-filter-price .custom-select-list.rang-list .list-option {
  position: relative;
  top: 0px;
  padding-top: 14px;
  margin-top: -48px;
  box-shadow: none;
}
.search-filter-price .custom-select-list.rang-list .list-option .range .min-max .mm-field input {
  width: 100%;
  text-align: left;
  padding-left: 22px;
  color: #000;
}
.search-filter-price .custom-select-list.rang-list .list-option .range .min-max .mm-field .pf {
  left: 8px;
}
.search-filter-price .custom-select-list.rang-list .list-option .range .min-max .mm-field:first-child {
  margin-right: 10px;
}
.search-filter-price .custom-select-list.rang-list .list-option .range .min-max .mm-field:first-child .label-txt {
  text-align: left;
  padding-left: 8px;
}
.search-filter-price .custom-select-list.rang-list .list-option .range .min-max .mm-field:last-child .pf {
  left: 8px;
}
.search-filter-price .custom-select-list.rang-list .list-option .range .min-max .mm-field:last-child .label-txt {
  text-align: left;
  padding-left: 8px;
}
.search-filter-price .custom-select-list.rang-list .list-option .range .noUi-target {
  margin: 20px 9px 20px 4px;
}

@media screen and (max-width: 1112px) {
  .search-filter-price {
    display: none;
    margin-top: 0;
  }
}
.waaroom-utrecht-content {
  position: relative;
  padding-top: 104px;
}
.waaroom-utrecht-content:before {
  content: " ";
  position: absolute;
  top: 0px;
  right: 0;
  width: 38%;
  height: 508px;
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: -1;
}
.waaroom-utrecht-content .title-set {
  position: relative;
  z-index: 2;
  margin-bottom: 75px;
  text-align: left;
  padding-left: 10%;
  width: 50%;
}
.waaroom-utrecht-content .title-set .title-txt p,
.waaroom-utrecht-content .title-set .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.waaroom-utrecht-content .title-set .desc-txt {
  width: fit-content;
  display: inline-block;
  color: rgba(77, 85, 85, 0.75);
}
.waaroom-utrecht-content .title-set .desc-txt p,
.waaroom-utrecht-content .title-set .desc-txt h3 {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.waaroom-utrecht-content .counter-step-boxs {
  display: flex;
  justify-content: space-between;
  counter-reset: section;
  flex-flow: column;
  width: 50%;
}
.waaroom-utrecht-content .counter-step-boxs .step-box {
  padding-left: 70px;
  position: relative;
  margin-bottom: 30px;
}
.waaroom-utrecht-content .counter-step-boxs .step-box .step-title {
  display: block;
  align-items: left;
}
.waaroom-utrecht-content .counter-step-boxs .step-box .step-title p,
.waaroom-utrecht-content .counter-step-boxs .step-box .step-title h3 {
  text-align: left;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
.waaroom-utrecht-content .counter-step-boxs .step-box .step-title p.counter {
  margin-bottom: 20px;
}
.waaroom-utrecht-content .counter-step-boxs .step-box .step-title p.counter::before {
  counter-increment: section;
  content: counter(section);
  display: inline-block;
  color: black;
  background: none;
  border: solid 2px #000000;
  margin: auto;
  border-radius: 50%;
  height: 48px;
  width: 48px;
  line-height: 48px;
  font-weight: 900;
  font-size: 20px;
  justify-content: center;
  align-items: center;
}
.waaroom-utrecht-content .counter-step-boxs .step-box .step-detail p {
  font-size: 16px;
  line-height: 24px;
  color: rgba(77, 85, 85, 0.9);
}
.waaroom-utrecht-content .counter-step-boxs .step-box::before {
  counter-increment: section;
  content: counter(section);
  display: inline-block;
  color: black;
  background: none;
  border: solid 2px #000000;
  margin: auto;
  border-radius: 50%;
  height: 48px;
  width: 48px;
  line-height: 48px;
  font-weight: 900;
  font-size: 20px;
  justify-content: center;
  align-items: center;
  position: absolute;
  text-align: center;
  left: 0;
  top: 0;
}

@media screen and (max-width: 1024px) {
  .waaroom-utrecht-content {
    padding-top: 52px;
  }
  .waaroom-utrecht-content .title-set {
    margin-bottom: 64px;
  }
  .waaroom-utrecht-content .title-set .title-txt p,
  .waaroom-utrecht-content .title-set .title-txt h2 {
    font-size: 40px;
    line-height: 52px;
  }
  .waaroom-utrecht-content .title-set .desc-txt p,
  .waaroom-utrecht-content .title-set .desc-txt h3 {
    font-size: 14px;
    line-height: 18px;
  }
  .waaroom-utrecht-content .counter-step-boxs .step-box .step-detail p {
    font-size: 14px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .waaroom-utrecht-content {
    padding-top: 58px;
  }
  .waaroom-utrecht-content .title-set {
    margin-bottom: 48px;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  .waaroom-utrecht-content .title-set .title-txt p,
  .waaroom-utrecht-content .title-set .title-txt h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .waaroom-utrecht-content .counter-step-boxs {
    width: 100%;
    padding: 0px;
  }
  .waaroom-utrecht-content .counter-step-boxs .step-box {
    width: 100%;
  }
}
.none-brannded-page .none-brannded-container {
  height: 100vh;
  width: 100%;
  display: block;
}
.none-brannded-page .none-brannded-container img {
  height: 100vh;
  object-fit: cover;
  width: 100%;
}
.none-brannded-page .none-brannded-container .none-brannded-txt {
  display: inline-block;
  font-size: 78px;
  font-weight: bolder;
  margin: 0 auto;
  line-height: 1;
  width: 440px;
  position: absolute;
  z-index: 1;
  left: 50%;
  text-align: center;
  bottom: 70px;
  transform: translateX(-50%);
  color: white;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .none-brannded-page .none-brannded-container .none-brannded-txt {
    font-size: 60px;
    width: 100%;
  }
}
.suar-products {
  margin-bottom: 14px;
  min-height: 240px;
}
.suar-products .product-box {
  display: flex;
  flex-flow: row wrap;
  transition: opacity 0.3 ease-in-out;
}
.suar-products .product-box .suar-item {
  width: 25%;
  margin-bottom: 26px;
  position: relative;
}
.suar-products .product-box .suar-item .item-container {
  width: 100%;
  overflow: hidden;
  max-width: 362px;
  padding: 0 12px;
}
.suar-products .product-box .suar-item .item-container .image-container {
  cursor: pointer;
  overflow: hidden;
  text-align: center;
}
.suar-products .product-box .suar-item .item-container .image-container img {
  position: relative;
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}
.suar-products .product-box .suar-item .item-container .info-container {
  margin: 24px 32px;
}
.suar-products .product-box .suar-item .item-container .info-container .article {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.suar-products .product-box .suar-item .item-container .info-container .title {
  position: relative;
}
.suar-products .product-box .suar-item .item-container .info-container .title p {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  display: inline-block;
  width: calc(100% - 24px);
}
.suar-products .product-box .suar-item .item-container .info-container .title svg {
  cursor: pointer;
  position: absolute;
  height: 24px;
  width: 24px;
  top: 0px;
  right: 0;
  color: #111c1c;
}
.suar-products .product-box .suar-item .item-container .info-container .copy-article-mobile {
  display: none;
  position: relative;
  margin: 14px 4px;
}
.suar-products .product-box .suar-item .item-container .info-container .copy-article-mobile p {
  margin-left: 24px;
  font-weight: 600;
  font-size: 12px;
  line-height: 13px;
  display: inline-block;
}
.suar-products .product-box .suar-item .item-container .info-container .copy-article-mobile svg {
  cursor: pointer;
  position: absolute;
  height: 24px;
  width: 24px;
  top: -6px;
  left: -8px;
}

@media screen and (max-width: 1280px) {
  .suar-products.add-top {
    margin-top: 138px;
  }
  .suar-products .product-box .suar-item .item-container .info-container {
    margin: 12px;
  }
  .suar-products .product-box .suar-item .item-container .info-container .title svg {
    display: none;
  }
  .suar-products .product-box .suar-item .item-container .info-container .copy-article-mobile {
    display: block;
  }
  .suar-products .product-box .suar-item.show-item-3 {
    width: 33.33%;
    margin-bottom: 36px;
  }
  .suar-products .product-box .suar-item.show-item-2 {
    width: 50%;
    margin-bottom: 38px;
  }
  .suar-products .product-box .suar-item.show-item-2 .item-container {
    max-width: 100%;
  }
  .suar-products .product-box .suar-item.show-item-1 {
    width: 100%;
    margin-bottom: 36px;
  }
  .suar-products .product-box .suar-item.show-item-1 .item-container {
    max-width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .suar-products .product-box .suar-item {
    width: 33.33%;
  }
}
@media screen and (max-width: 767px) {
  .suar-products .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 680px) {
  .suar-products {
    margin-bottom: 20px;
  }
  .suar-products .product-box .suar-item.show-item-2 {
    width: 50%;
    margin-bottom: 8px;
  }
  .suar-products .product-box .suar-item.show-item-2 .item-container {
    max-width: 100%;
  }
}
@media screen and (max-width: 410px) {
  .suar-products .container {
    padding: 0 16px;
  }
}
@media screen and (max-width: 640px) {
  .suar-products.add-top {
    margin-top: 120px;
  }
}
@media (min-width: 768px) {
  .suar-products .container {
    max-width: 724px;
  }
}
@media (min-width: 834px) {
  .suar-products .container {
    max-width: 794px;
  }
}
@media (min-width: 900px) {
  .suar-products .container {
    max-width: 858px;
  }
}
@media (min-width: 992px) {
  .suar-products .container {
    max-width: 984px;
  }
}
@media (min-width: 1200px) {
  .suar-products .container {
    max-width: 1184px;
  }
}
@media (min-width: 1480px) {
  .suar-products .container {
    max-width: 1448px;
  }
}
.suar-overview-page .suar-intro {
  position: relative;
  width: 100%;
  padding-top: 8px;
}
.suar-overview-page .suar-intro .container {
  position: relative;
  border-bottom: 1px solid #d8d8d8;
}
.suar-overview-page .suar-intro .suar-intro-title {
  text-align: center;
  margin-bottom: 68px;
}
.suar-overview-page .suar-intro .suar-intro-title .title-txt {
  margin-bottom: 4px;
}
.suar-overview-page .suar-intro .suar-intro-title .title-txt p,
.suar-overview-page .suar-intro .suar-intro-title .title-txt h1 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.suar-overview-page .suar-intro .suar-intro-title .desc-txt {
  width: fit-content;
  display: inline-block;
}
.suar-overview-page .suar-intro .suar-intro-title .desc-txt p {
  color: rgba(77, 85, 85, 0.75);
  font-size: 16px;
  line-height: 26px;
}
.suar-overview-page .suar-intro .suar-intro-title .desc-txt p .line-through {
  text-decoration: line-through;
}
.suar-overview-page .suar-intro .suar-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 64px;
  margin: 0 auto;
  width: 100%;
  max-width: 710px;
  margin-bottom: 64px;
  padding-bottom: 50px;
}
.suar-overview-page .suar-intro .suar-detail-grid .text-box .head-txt {
  margin-bottom: 30px;
}
.suar-overview-page .suar-intro .suar-detail-grid .text-box .head-txt p {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
}
.suar-overview-page .suar-intro .suar-detail-grid .text-box .desc-txt p {
  font-size: 16px;
  line-height: 24px;
}
.suar-overview-page .suar-intro .suar-image-grid {
  position: relative;
  margin-bottom: 98px;
}
.suar-overview-page .suar-intro .suar-image-grid .set-image {
  display: grid;
  grid-template-columns: 54% 21.4% 21.4%;
  grid-gap: 24px;
  margin-bottom: 44px;
}
.suar-overview-page .suar-intro .suar-image-grid .set-image .item {
  height: 480px;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.suar-overview-page .suar-intro .suar-image-grid .set-image .item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: 0.3s linear;
}
.suar-overview-page .suar-intro .suar-image-grid .bg-pattern {
  position: absolute;
  z-index: -2;
  height: fit-content;
  bottom: -82px;
  left: -82px;
}
.suar-overview-page .suar-intro .suar-image-grid .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.suar-overview-page .suar-intro .suar-image-grid .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}
.suar-overview-page .suar-intro .bt-download {
  height: 48px;
  width: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-top: 48px;
  padding-left: 48px;
}
.suar-overview-page .suar-intro .bt-download:hover .bt-icon {
  border: solid 2px #e4b760;
}
.suar-overview-page .suar-intro .bt-download:hover .bt-icon .icon-arr-down-bg {
  background-color: #e4b760;
}
.suar-overview-page .suar-intro .bt-download:hover p {
  color: #e4b760;
}
.suar-overview-page .suar-intro .bt-download p {
  padding: 0px 16px;
  color: #111c1c;
  font-size: 16px;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
}
.suar-overview-page .suar-intro .bt-download .bt-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  border: solid 2px #111c1c;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
.suar-overview-page .suar-intro .bt-download .bt-icon .icon-arr-down-bg {
  background-color: #111c1c;
}

@media screen and (max-width: 1024px) {
  .suar-overview-page .suar-intro {
    padding-top: 4px;
  }
  .suar-overview-page .suar-intro .suar-intro-title {
    margin-bottom: 50px;
  }
  .suar-overview-page .suar-intro .suar-intro-title .title-txt p,
  .suar-overview-page .suar-intro .suar-intro-title .title-txt h1 {
    font-size: 40px;
    line-height: 50px;
  }
  .suar-overview-page .suar-intro .suar-intro-title .desc-txt p {
    font-size: 14px;
    line-height: 16px;
  }
  .suar-overview-page .suar-intro .suar-detail-grid {
    grid-gap: 64px;
    max-width: 640px;
  }
  .suar-overview-page .suar-intro .suar-detail-grid .text-box .desc-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .suar-overview-page .suar-intro .bt-download {
    height: 40px;
  }
  .suar-overview-page .suar-intro .bt-download .bt-icon {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .suar-overview-page .suar-intro {
    padding-top: 10px;
  }
  .suar-overview-page .suar-intro .suar-intro-title {
    margin-bottom: 36px;
  }
  .suar-overview-page .suar-intro .suar-intro-title .title-txt {
    margin-bottom: 0px;
  }
  .suar-overview-page .suar-intro .suar-intro-title .title-txt p,
  .suar-overview-page .suar-intro .suar-intro-title .title-txt h1 {
    font-size: 32px;
    line-height: 42px;
  }
  .suar-overview-page .suar-intro .suar-detail-grid {
    grid-template-columns: 1fr;
    grid-gap: 32px;
    max-width: 288px;
    text-align: center;
  }
  .suar-overview-page .suar-intro .bt-download {
    padding-left: 60px;
  }
}
.interior-content {
  position: relative;
  width: 100%;
  margin-bottom: 64px;
}
.interior-content .container {
  position: relative;
}
.interior-content .interior-content-title {
  text-align: center;
  margin-bottom: 64px;
}
.interior-content .interior-content-title .title-txt p,
.interior-content .interior-content-title .title-txt h1 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 72px;
}
.interior-content .interior-content-title .desc-txt {
  width: fit-content;
  display: inline-block;
}
.interior-content .interior-content-title .desc-txt p {
  color: #505050;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.interior-content .interior-content-title .desc-txt p .line-through {
  text-decoration: line-through;
}
.interior-content .blog-detail-grid {
  max-width: 712px;
  grid-gap: 64px;
}

@media screen and (max-width: 1024px) {
  .interior-content {
    margin-bottom: 48px;
  }
  .interior-content .interior-content-title {
    margin-bottom: 32px;
  }
  .interior-content .interior-content-title .title-txt p,
  .interior-content .interior-content-title .title-txt h1 {
    font-size: 40px;
    line-height: 46px;
  }
  .interior-content .interior-content-title .desc-txt p {
    font-size: 14px;
    line-height: 16px;
  }
  .interior-content .blog-detail-grid {
    grid-gap: 32px;
    grid-template-columns: 1fr;
    text-align: center;
    max-width: 424px;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 767px) {
  .interior-content .interior-content-title .title-txt p,
  .interior-content .interior-content-title .title-txt h1 {
    font-size: 32px;
    line-height: 40px;
  }
  .interior-content .blog-detail-grid {
    max-width: 350px;
  }
}
.interior-application-form {
  position: relative;
  width: 100%;
  height: auto;
}
.interior-application-form .interior-form .container {
  position: relative;
  max-width: 1008px;
}
.interior-application-form .interior-form .form-set-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 48px;
  row-gap: 4px;
  margin-bottom: 24px;
}
.interior-application-form .interior-form .form-set-grid .form-date-group .label-date {
  padding-left: 24px;
  margin-bottom: 8px;
}
.interior-application-form .interior-form .form-set-grid .form-date-group .label-date p {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #111c1c;
}
.interior-application-form .interior-form .form-set-grid .form-date-group .form-date {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 8px;
}
.interior-application-form .interior-form .form-set-grid .form-date-group .form-date .label-date {
  width: 100%;
  height: fit-content;
}
.interior-application-form .interior-form .form-set-grid .form-date-group .form-date .label-date p {
  font-size: 12px;
  line-height: 20px;
  color: #111c1c;
}
.interior-application-form .interior-form .form-set-grid .form-group {
  display: inline-flex;
  gap: 48px;
}
.interior-application-form .interior-form .form-set-grid .form-group .form-block {
  flex: 1 1 0;
  width: 0;
}
.interior-application-form .interior-form .form-set-grid .form-group .form-block p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.interior-application-form .interior-form .form-set-grid .form-block .form-label {
  margin-bottom: 8px;
}
.interior-application-form .interior-form .form-set-grid .form-block .form-input ::placeholder {
  color: #aeb2b2;
}
.interior-application-form .interior-form .form-set-grid .form-block .form-input input {
  height: 56px;
  border-radius: 4px;
}
.interior-application-form .interior-form .form-set-grid .form-block .custom-select-list.month .list-select p {
  max-width: 114px;
}
.interior-application-form .interior-form .form-set-grid .form-block .custom-select-list .list-select {
  height: 56px;
}
.interior-application-form .interior-form .form-set-grid .form-block .custom-select-list .list-select p {
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: break-word;
}
.interior-application-form .interior-form .form-set-grid .form-block .custom-select-list .list-select .select-down .icon-arr-down {
  top: 26px;
  right: 24px;
}
.interior-application-form .interior-form .form-set-grid .form-block .custom-select-list .list-option {
  top: 58px;
}
.interior-application-form .interior-form .form-set-grid .form-block .custom-select-list .list-option .box-options::-webkit-scrollbar {
  width: 2px;
}
.interior-application-form .interior-form .form-set-grid .form-block .custom-select-list .list-option .box-options .box-option {
  padding-left: 24px;
}
.interior-application-form .interior-form .form-set-grid .form-block .custom-select-list .list-option .box-options .box-option.active {
  background-color: #f8f7f3;
}
.interior-application-form .interior-form .form-set-grid .form-block .error-message {
  opacity: 0;
  visibility: hidden;
  padding-top: 4px;
}
.interior-application-form .interior-form .form-set-grid .form-block .error-message p {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #c52626;
  padding-left: 24px;
}
.interior-application-form .interior-form .form-set-grid .form-block.invalid .form-input input {
  border-radius: 4px;
  border: #c52626 1px solid;
}
.interior-application-form .interior-form .form-set-grid .form-block.invalid .list-select {
  border: #c52626 1px solid;
}
.interior-application-form .interior-form .form-set-grid .form-block.invalid .error-message {
  opacity: 1;
  visibility: visible;
}
.interior-application-form .interior-form .form-bt-set {
  margin-top: 32px;
}
.interior-application-form .interior-form .extra-form {
  display: none;
  transition: all 0.5s ease-in-out;
  opacity: 0;
}
.interior-application-form .interior-form .extra-form.active {
  display: grid;
  opacity: 1;
}
.interior-application-form .interior-form .term-condition .form-group {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  column-gap: 8px;
  margin-bottom: 24px;
}
.interior-application-form .interior-form .term-condition .form-group.warning .check-box {
  animation: shaker 200ms 2 linear;
}
.interior-application-form .interior-form .term-condition .form-group input[name=interior-check-box-one],
.interior-application-form .interior-form .term-condition .form-group input[name=interior-check-box-two] {
  width: 16px;
  height: 16px;
  opacity: 0;
  position: absolute;
  cursor: pointer;
}
.interior-application-form .interior-form .term-condition .form-group input[name=interior-check-box-one]:checked + .check-box,
.interior-application-form .interior-form .term-condition .form-group input[name=interior-check-box-two]:checked + .check-box {
  background-color: #e4b760;
  border-color: #e4b760;
}
.interior-application-form .interior-form .term-condition .form-group input[name=interior-check-box-one]:checked + .check-box .icon-check,
.interior-application-form .interior-form .term-condition .form-group input[name=interior-check-box-two]:checked + .check-box .icon-check {
  display: flex;
}
.interior-application-form .interior-form .term-condition .form-group .check-box {
  width: 16px;
  height: 16px;
  margin: 4px;
  border: 1px solid #111c1c;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  pointer-events: none;
  flex-shrink: 0;
}
.interior-application-form .interior-form .term-condition .form-group .check-box .icon-check {
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
}
.interior-application-form .interior-form .term-condition .form-group .check-box .icon-check::before {
  content: "";
  position: relative;
  transform: rotate(45deg);
  height: 7px;
  width: 3px;
  top: 2px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}
.interior-application-form .interior-form .term-condition .form-group .checkbox-label,
.interior-application-form .interior-form .term-condition .form-group .checkbox-text {
  display: inline-block;
  color: #111c1c;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.interior-application-form .interior-form.disabled .form-set-grid,
.interior-application-form .interior-form.disabled .term-condition {
  opacity: 0.7;
  pointer-events: none;
}
.interior-application-form .interior-footer {
  width: 100%;
  height: 238px;
  background-color: #405954;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -32px;
}
.interior-application-form .interior-footer .title {
  margin: 14px 0;
  color: #fff;
}
.interior-application-form .interior-footer .title p,
.interior-application-form .interior-footer .title h2,
.interior-application-form .interior-footer .title .footer-title {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
.interior-application-form .interior-footer .text-box {
  max-width: 326px;
  color: #a0a4a4;
}
.interior-application-form .interior-footer .text-box p {
  font-size: 12px;
  line-height: 20px;
  color: #a0a4a4;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.interior-application-form .interior-footer .footer-box {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  min-height: 50px;
  display: flex;
  padding: 20px 0px;
}
.interior-application-form .interior-footer .footer-box .footer-set-icon {
  width: 82%;
  max-width: 886px;
  position: relative;
}
.interior-application-form .interior-footer .footer-box .footer-set-icon:before {
  content: "";
  width: 1px;
  height: 50px;
  background-color: #a0a4a4;
  position: absolute;
  right: 0;
  top: 0;
}
.interior-application-form .interior-footer .footer-box .footer-set-icon .display-contact-boxs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  grid-gap: 50px;
  min-height: 50px;
  height: auto;
  padding: 0px;
}
.interior-application-form .interior-footer .footer-box .footer-set-icon .display-contact-boxs .display-contact-box {
  margin-bottom: 0px;
  place-content: center;
}
.interior-application-form .interior-footer .footer-box .footer-set-icon .display-contact-boxs .display-contact-box .title {
  margin: 0;
  color: #ffffff;
}
.interior-application-form .interior-footer .footer-box .footer-set-icon .display-contact-boxs .display-contact-box .contact-box-icon {
  margin-top: 8px;
  background-color: #ffffff;
}
.interior-application-form .interior-footer .footer-box .footer-set-social {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 18%;
}
.interior-application-form .interior-footer .footer-box .footer-set-social .social-box {
  display: flex;
  flex-flow: row wrap;
  padding-top: 4px;
}
.interior-application-form .interior-footer .footer-box .footer-set-social .social-box .social-nav {
  padding-right: 25px;
}
.interior-application-form .interior-footer .footer-box .footer-set-social .social-box .social-nav:last-child {
  padding-right: 0px;
}

@media screen and (max-width: 1024px) {
  .interior-application-form .interior-form .container {
    max-width: 706px;
  }
  .interior-application-form .interior-form .container .form-set-grid .form-group {
    gap: 32px;
  }
  .interior-application-form .interior-form .container .form-set-grid .form-block input {
    height: 48px;
    font-size: 14px;
  }
  .interior-application-form .interior-form .container .form-set-grid .form-block .custom-select-list.month .list-select p {
    max-width: 70%;
  }
  .interior-application-form .interior-form .container .form-set-grid .form-block .custom-select-list .list-select {
    height: 48px;
  }
  .interior-application-form .interior-form .container .form-set-grid .form-block .custom-select-list .list-select p {
    font-size: 14px;
  }
  .interior-application-form .interior-form .container .form-set-grid .form-block .custom-select-list .list-select .select-down .icon-arr-down {
    top: 22px;
  }
  .interior-application-form .interior-form .container .form-set-grid .form-block .custom-select-list .list-option {
    top: 50px;
  }
  .interior-application-form .interior-form .container .extra-form {
    grid-template-columns: repeat(1, 1fr);
  }
  .interior-application-form .interior-footer {
    padding: 58px 0px 40px;
  }
  .interior-application-form .interior-footer .footer-box {
    flex-direction: column;
  }
  .interior-application-form .interior-footer .footer-box .footer-set-icon {
    width: 100%;
    max-width: 610px;
    margin: 0 auto;
    padding-bottom: 24px;
  }
  .interior-application-form .interior-footer .footer-box .footer-set-icon:before {
    content: "";
    width: 260px;
    height: 1px;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0px);
  }
  .interior-application-form .interior-footer .footer-box .footer-set-icon .display-contact-boxs {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  }
  .interior-application-form .interior-footer .footer-box .footer-set-social {
    justify-content: center;
    width: 100%;
    padding-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .interior-application-form .interior-form .form-set-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .interior-application-form .interior-form .form-set-grid .form-group {
    display: block;
  }
  .interior-application-form .interior-form .form-set-grid .form-group .form-block {
    width: 100%;
  }
  .interior-application-form .interior-form .form-set-grid .form-block .custom-select-list {
    width: 100%;
  }
  .interior-application-form .interior-footer {
    padding: 62px 0px 40px;
    height: auto;
  }
  .interior-application-form .interior-footer .footer-box .footer-set-icon {
    padding-bottom: 44px;
  }
  .interior-application-form .interior-footer .footer-box .footer-set-icon .display-contact-boxs {
    grid-template-columns: 1fr;
    grid-gap: 42px;
    margin: 0px 64px;
  }
  .interior-application-form .interior-footer .footer-box .footer-set-social {
    padding-top: 46px;
  }
}
.edition-config {
  position: relative;
}
.edition-config .edition-dropdown.configuration-3d-select-size {
  margin-bottom: 0 !important;
}
.edition-config .edition-dropdown.configuration-3d-select-size .result-row {
  visibility: hidden;
}
.edition-config .edition-dropdown.has-value.configuration-3d-select-size .result-row {
  visibility: visible;
}
.edition-config .configuration-3d-select-color {
  padding-top: 12px;
  padding-bottom: 64px;
}
.edition-config .configuration-3d-select-slide {
  padding-bottom: 40px;
  margin-left: 10px;
}
.edition-config .configuration-3d-select-slide .config-select-slide-container .slide-nav {
  display: none;
}
.edition-config .configuration-3d-select-slide .config-select-slide-container .slider__bullets {
  display: none;
}
.edition-config .configuration-3d-select-shape {
  margin-left: 10px;
}
.edition-config .configuration-3d-text .configuration-3d-desc-text {
  position: relative;
  top: -48px;
}
.edition-config .configuration-3d-text .desc-text-set {
  margin-bottom: 0;
}
.edition-config .configuration-3d-text .extra-option {
  margin-bottom: 12px;
  margin-top: 12px;
}

.disabled-by-rule .disable-info {
  display: block;
}

.disable-info {
  position: absolute;
  display: none;
  cursor: pointer;
}
.disable-info svg {
  pointer-events: none;
  width: 24px;
  height: 24px;
  cursor: pointer;
  fill: #333;
  transition: all ease-in-out 0.25s;
}

.disable-message {
  --offset-left: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 4px 8px;
  gap: 10px;
  width: 180px;
  height: auto;
  background: #ffffff;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  transition: opacity ease-in-out 0.25s;
  box-shadow: 0px 0px 16px 0px rgba(17, 28, 28, 0.16);
}
.disable-message.active {
  visibility: visible;
  opacity: 1;
}
.disable-message::after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  content: " ";
  position: absolute;
  bottom: -7px;
  left: var(--offset-left, calc(50% - 10px));
  transform: translateX(5px);
}
.disable-message.arr-right::after {
  left: calc(50% + 70px);
}

.vue-popover-theme {
  visibility: hidden !important;
  opacity: 0 !important;
}

.sofadetailsmessage .sofa-shape-select,
.sofadetails .sofa-shape-select {
  width: 55%;
  position: absolute;
  right: 0;
  padding-right: 136px;
  padding-top: 100px;
}
.sofadetailsmessage .sofa-shape-select .box-image,
.sofadetails .sofa-shape-select .box-image {
  padding: 0 32px;
}
.sofadetailsmessage .sofa-shape-select .box-image img,
.sofadetails .sofa-shape-select .box-image img {
  max-width: 100%;
}
.sofadetailsmessage .sofa-shape-select.disabled-by-force-select .box-select .option,
.sofadetails .sofa-shape-select.disabled-by-force-select .box-select .option {
  opacity: 0.5;
  cursor: not-allowed;
}
.sofadetailsmessage .sofa-shape-select .disabled-by-rule .disable-info,
.sofadetails .sofa-shape-select .disabled-by-rule .disable-info {
  display: flex;
}
.sofadetailsmessage .sofa-shape-select .disable-info,
.sofadetails .sofa-shape-select .disable-info {
  left: calc(50% - 27px);
  top: 34px;
  border: 1px solid #333;
  border-radius: 50%;
  width: 31px;
  height: 31px;
  align-items: center;
  justify-content: center;
  transition: all ease-in-out 0.25s;
}
.sofadetailsmessage .sofa-shape-select .disable-info:hover,
.sofadetails .sofa-shape-select .disable-info:hover {
  border: 1px solid #e4b760;
}
.sofadetailsmessage .sofa-shape-select .disable-info:hover svg,
.sofadetails .sofa-shape-select .disable-info:hover svg {
  fill: #e4b760;
}
.sofadetailsmessage .sofa-shape-select .disable-info svg,
.sofadetails .sofa-shape-select .disable-info svg {
  fill: #333;
}
.sofadetailsmessage .sofa-shape-select .info-msg,
.sofadetails .sofa-shape-select .info-msg {
  padding: 12px 18px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  box-shadow: 1px 1px 5px 1px #eaeaea;
  border-radius: 2px;
  padding-right: 24px;
  position: relative;
  left: -18px;
  top: 32px;
  background-color: #fff;
}
.sofadetailsmessage .sofa-shape-select .info-msg .ico,
.sofadetails .sofa-shape-select .info-msg .ico {
  border-right: 1px solid rgb(234, 234, 234);
  display: inline-flex;
  align-items: center;
  float: left;
  width: 38px;
  height: 28px;
}
.sofadetailsmessage .sofa-shape-select .info-msg .m,
.sofadetails .sofa-shape-select .info-msg .m {
  display: inline-block;
  float: left;
  max-width: calc(100% - 38px);
  padding-left: 20px;
}
.sofadetailsmessage .sofa-shape-select .info-msg svg,
.sofadetails .sofa-shape-select .info-msg svg {
  color: #111c1c;
  width: 22px;
  height: 22px;
}
.sofadetailsmessage .sofa-shape-select .box-select,
.sofadetails .sofa-shape-select .box-select {
  display: inline-block;
  width: calc(100% + 60px);
  margin-top: 86px;
  position: relative;
  left: -18px;
}
.sofadetailsmessage .sofa-shape-select .box-select .option,
.sofadetails .sofa-shape-select .box-select .option {
  float: left;
  width: 33.333%;
  display: inline-flex;
  padding-right: 24px;
  flex-direction: column;
  position: relative;
  cursor: pointer;
  margin-bottom: 24px;
}
.sofadetailsmessage .sofa-shape-select .box-select .option.active,
.sofadetails .sofa-shape-select .box-select .option.active {
  opacity: 1 !important;
  cursor: pointer !important;
}
.sofadetailsmessage .sofa-shape-select .box-select .option.active .box,
.sofadetails .sofa-shape-select .box-select .option.active .box {
  background-color: rgb(248, 247, 243);
}
.sofadetailsmessage .sofa-shape-select .box-select .option.active .checker .mid,
.sofadetails .sofa-shape-select .box-select .option.active .checker .mid {
  background-color: #e4b760;
  border-color: #e4b760;
}
.sofadetailsmessage .sofa-shape-select .box-select .option.active .checker .small,
.sofadetails .sofa-shape-select .box-select .option.active .checker .small {
  display: none;
}
.sofadetailsmessage .sofa-shape-select .box-select .option.active .checker svg,
.sofadetails .sofa-shape-select .box-select .option.active .checker svg {
  display: block;
}
.sofadetailsmessage .sofa-shape-select .box-select .option.disabled-by-rule div,
.sofadetails .sofa-shape-select .box-select .option.disabled-by-rule div {
  opacity: 0.5;
  cursor: not-allowed;
}
.sofadetailsmessage .sofa-shape-select .box-select .option .checker,
.sofadetails .sofa-shape-select .box-select .option .checker {
  position: absolute;
  background-color: #fff;
  width: 36px;
  height: 36px;
  right: 18px;
  top: -6px;
  border-radius: 50%;
  border: 3px solid #f8f7f3;
  display: flex;
  padding: 3px;
  border-top-color: transparent;
  border-right-color: transparent;
}
.sofadetailsmessage .sofa-shape-select .box-select .option .checker .mid,
.sofadetails .sofa-shape-select .box-select .option .checker .mid {
  width: 24px;
  height: 24px;
  border: 1px solid #111c1c;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.sofadetailsmessage .sofa-shape-select .box-select .option .checker .small,
.sofadetails .sofa-shape-select .box-select .option .checker .small {
  width: 6px;
  height: 6px;
  border: 1px solid #111c1c;
  display: inline-block;
  border-radius: 50%;
}
.sofadetailsmessage .sofa-shape-select .box-select .option .checker svg,
.sofadetails .sofa-shape-select .box-select .option .checker svg {
  display: none;
  width: 8px;
  height: 6px;
}
.sofadetailsmessage .sofa-shape-select .box-select .option .box,
.sofadetails .sofa-shape-select .box-select .option .box {
  overflow: hidden;
  text-align: center;
  border: 3px solid rgb(248, 247, 243);
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  display: flex;
  height: 100px;
}
.sofadetailsmessage .sofa-shape-select .box-select .option img,
.sofadetails .sofa-shape-select .box-select .option img {
  max-width: 70%;
  max-height: 60%;
  object-fit: cover;
}
.sofadetailsmessage .sofa-shape-select .box-select .option .info,
.sofadetails .sofa-shape-select .box-select .option .info {
  width: 100%;
  padding-top: 8px;
  font-size: 11px;
}
.sofadetailsmessage .sofa-shape-select .box-select .option .info .name,
.sofadetails .sofa-shape-select .box-select .option .info .name {
  width: 50%;
  padding-left: 12px;
  float: left;
}
.sofadetailsmessage .sofa-shape-select .box-select .option .info .price,
.sofadetails .sofa-shape-select .box-select .option .info .price {
  width: 50%;
  padding-right: 12px;
  text-align: right;
  float: right;
  font-weight: 600;
}

.sofadetails .sofa-shape-select .box-select {
  margin-top: 146px;
}

@media screen and (max-width: 1024px) {
  .sofadetailsmessage .sofa-shape-select,
  .sofadetails .sofa-shape-select {
    position: relative;
    width: 100%;
    padding-right: 0;
    padding-top: 50px;
  }
  .sofadetailsmessage .sofa-shape-select .box-image,
  .sofadetails .sofa-shape-select .box-image {
    max-width: 600px;
    margin: 0 auto;
    display: block;
  }
  .sofadetailsmessage .sofa-shape-select .box-select,
  .sofadetails .sofa-shape-select .box-select {
    width: calc(100% - 43px);
    left: 3px;
  }
  .sofadetailsmessage .sofa-shape-select .info-msg,
  .sofadetails .sofa-shape-select .info-msg {
    left: 3px;
  }
}
@media screen and (max-width: 767px) {
  .sofadetailsmessage .sofa-shape-select .info-msg,
  .sofadetails .sofa-shape-select .info-msg {
    left: 32px;
  }
  .sofadetailsmessage .sofa-shape-select .box-select,
  .sofadetails .sofa-shape-select .box-select {
    left: 32px;
  }
}
@media screen and (max-width: 549px) {
  .sofadetailsmessage .sofa-shape-select .info-msg,
  .sofadetails .sofa-shape-select .info-msg {
    max-width: calc(100% - 55px);
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .sofadetailsmessage .sofa-shape-select .box-select .option,
  .sofadetails .sofa-shape-select .box-select .option {
    width: 50%;
  }
}
.sofaelements .sofa-elements {
  width: 55%;
  position: absolute;
  right: 0;
  padding-right: 136px;
  padding-top: 100px;
}
.sofaelements .sofa-elements .sofa-element-dropdown {
  position: relative;
}
.sofaelements .sofa-elements .sofa-element-dropdown.disabled-by-force-select .list-select {
  opacity: 0.5;
  cursor: not-allowed;
}
.sofaelements .sofa-elements .box-image {
  padding: 0 32px;
}
.sofaelements .sofa-elements .box-image img {
  max-width: 100%;
}
.sofaelements .sofa-elements.small-size .controls {
  padding-top: 20px;
}
.sofaelements .sofa-elements .controls {
  width: 110%;
  left: -5%;
  position: relative;
  padding-top: 120px;
  display: inline-block;
  height: auto;
}
.sofaelements .sofa-elements .controls .sofa-element-dropdown {
  margin-bottom: 24px;
  height: 72px;
  width: 100%;
}
.sofaelements .sofa-elements .controls .custom-select-list.config-price-list .list-result {
  height: auto;
  padding: 0px 16px;
  padding-top: 6px;
}
.sofaelements .sofa-elements .controls .custom-select-list.config-price-list .list-result .result-row p {
  font-size: 11px;
  line-height: 1.2;
}
.sofaelements .sofa-elements .controls .custom-select-list.config-price-list .list-result .result-row p.nm {
  width: 60%;
}
.sofaelements .sofa-elements .controls .custom-select-list.config-price-list .list-result .result-row p.right {
  width: 40%;
  text-align: right;
}
.sofaelements .sofa-elements .controls .custom-select-list.config-price-list .list-select {
  height: 40px;
}
.sofaelements .sofa-elements .controls .custom-select-list.config-price-list .list-select .icon-arr-down {
  top: 16px;
}
.sofaelements .sofa-elements .controls .custom-select-list.config-price-list .list-select p {
  padding-left: 16px;
  font-size: 12px;
}
.sofaelements .sofa-elements .controls.short .sofa-element-dropdown {
  width: 33.333%;
  float: left;
  padding-right: 24px;
}
.sofaelements .sofa-elements .controls.half .sofa-element-dropdown {
  width: 50%;
  float: left;
  padding-right: 24px;
}

@media screen and (max-width: 1450px) {
  .sofaelements .sofa-elements .controls {
    width: 140%;
    left: -20%;
  }
}
@media screen and (max-width: 1024px) {
  .sofaelements .sofa-elements {
    position: relative;
    width: 100%;
    padding-right: 64px;
    padding-top: 50px;
  }
  .sofaelements .sofa-elements .box-image {
    max-width: 600px;
    margin: 0 auto;
    display: block;
  }
  .sofaelements .sofa-elements .controls {
    width: calc(100% + 24px);
    padding-top: 64px;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .sofaelements .sofa-elements {
    padding-right: 32px;
    padding-left: 32px;
    padding-bottom: 104px;
  }
  .sofaelements .sofa-elements .box-image {
    max-width: 600px;
    margin: 0 auto;
    display: block;
  }
}
@media screen and (max-width: 680px) {
  .sofaelements .sofa-elements .controls.short .sofa-element-dropdown {
    width: 50%;
  }
  .sofaelements .sofa-elements .custom-select-list {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .sofaelements .sofa-elements .controls.short .sofa-element-dropdown,
  .sofaelements .sofa-elements .controls.half .sofa-element-dropdown {
    width: 100%;
    padding-right: 24px;
  }
}
.discount-popup {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all ease-in-out 0.25s;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 100;
  display: none;
}
.discount-popup.newsletter-popup-new-style.active {
  visibility: visible;
  opacity: 1;
}
.discount-popup.newsletter-popup-new-style.active .popup-wrapper {
  visibility: visible;
  opacity: 1;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper {
  position: fixed;
  width: min(770px, 100% - 64px);
  height: 258px;
  z-index: 99;
  border-radius: 18px;
  background: #a2917f;
  overflow: hidden;
  top: unset;
  left: unset;
  right: 32px;
  bottom: 32px;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .img-box {
  width: 258px;
  height: 258px;
  position: relative;
  overflow: hidden;
  order: -1;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .img-box img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box {
  padding: 60px 48px 18px 48px;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .success-message {
  color: #111c1c;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .success-message .check-icon {
  width: 24px;
  height: 24px;
  --color-1: #111c1c;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .content-header {
  margin-bottom: 12px;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .content-header .title {
  color: #111c1c;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box p {
  color: #111c1c;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .email-container.success .box-bt.normal {
  display: none;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .email-container.success .box-bt.success {
  display: block;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .email-container.success .box-bt.success input[type=email] {
  width: 93%;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .email-container.success .box-bt.success .news-bt {
  width: 64px;
  background-color: #000;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .email-container.success .box-bt.success .news-bt .icon-checked {
  background: #fff;
  width: 12px;
  height: 9px;
  margin: 0 auto;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .email-container.success .box-bt.success ::placeholder {
  color: #111c1c;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .email-container.success .box-bt.success :-ms-input-placeholder {
  color: #111c1c;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .email-container.success .box-bt.success ::-ms-input-placeholder {
  color: #111c1c;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .email-container.error .box-console .console-txt.error {
  display: block;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .email-container.error .email-box {
  outline: 1px solid #bd0908;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .email-container .box-bt {
  overflow: hidden;
  position: relative;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .email-container .box-bt.success {
  display: none;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .email-container .remark-txt {
  font-size: 11px;
  font-weight: 600;
  margin-top: 30px;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .email-container .box-console {
  position: relative;
  height: 20px;
  width: 100%;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .email-container .box-console .console-txt {
  position: absolute;
  left: 0;
  top: 5px;
  padding-left: 24px;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .email-container .box-console .console-txt.error {
  font-size: 14px;
  color: #bd0908;
  display: none;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .email-container .email-box {
  --summit-btn-width: 97px;
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 100px;
  outline: 1px solid #111c1c;
  outline-offset: -1px;
  color: #111c1c;
  width: 262px;
  height: 44px;
  background-color: rgba(255, 255, 255, 0);
  position: relative;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .email-container .email-box input[type=email] {
  border: none;
  border-radius: 4px;
  padding: 12px 16px;
  width: 100%;
  padding-right: calc(var(--summit-btn-width) + 10px);
  font-size: 14px;
  font-weight: 600;
  color: #111c1c;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .email-container .email-box input[type=email]::placeholder {
  color: #111c1c;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .email-container .email-box .news-bt.submit {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  border: 1px solid #111c1c;
  background: #111c1c;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  right: 0;
  color: #fff;
  width: 97px;
  height: 100%;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .email-container .email-box .error-message {
  display: none;
  position: absolute;
  bottom: -24px;
  color: #bd0908;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  padding-left: 24px;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .button-group {
  margin-top: 24px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .button-group .btn {
  display: flex;
  padding: 0 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  min-width: 145px;
  height: 44px;
  color: #111c1c;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border-radius: 100px;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .button-group .btn:nth-child(1) {
  background: #111c1c;
  color: #fff;
  border: 1px solid #111c1c;
}
.discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .button-group .btn:nth-child(2) {
  background: rgba(255, 255, 255, 0);
  color: #111c1c;
  border: 1px solid #111c1c;
}
.discount-popup.newsletter-popup-new-style .popup-close {
  cursor: pointer;
  position: absolute;
  width: 38px;
  height: 38px;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 50%;
  opacity: 1;
  inset: 18px 18px 18px auto;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid #111c1c;
  z-index: 10;
  transition: transform 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
}
.discount-popup.newsletter-popup-new-style .popup-close:hover {
  transform: rotate(90deg);
  transition: all 0.3s;
}
.discount-popup.newsletter-popup-new-style .popup-close img {
  width: 10px;
  height: 10px;
  position: relative;
}
.discount-popup.tablet {
  display: none;
}
.discount-popup.mobile {
  display: none;
}
.discount-popup.desktop {
  display: block;
}
.discount-popup:not(.newsletter-popup-new-style) .popup-close {
  cursor: pointer;
  position: absolute;
  width: 38px;
  height: 38px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  opacity: 1;
  inset: 24px 24px 24px auto;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.15);
  z-index: 10;
  transition: transform 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
}
.discount-popup:not(.newsletter-popup-new-style) .popup-close:hover {
  transform: rotate(90deg);
  transition: all 0.3s;
}
.discount-popup:not(.newsletter-popup-new-style) .popup-close img {
  width: 10px;
  height: 10px;
  position: relative;
}
.discount-popup:not(.newsletter-popup-new-style) .popup-wrapper {
  width: 628px;
  height: 386px;
  inset: auto 56px 56px 56px;
  position: fixed;
  background-color: #fff;
  visibility: hidden;
  opacity: 0;
  border-radius: 4px;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.15);
}
.discount-popup:not(.newsletter-popup-new-style) .popup-wrapper.top {
  top: 56px;
  left: 56px;
  right: unset;
  bottom: unset;
}
.discount-popup:not(.newsletter-popup-new-style) .popup-wrapper.bottom {
  top: 56px;
  right: 56px;
  left: unset;
  bottom: unset;
}
.discount-popup:not(.newsletter-popup-new-style) .popup-wrapper.bottomleft {
  bottom: 56px;
  left: 56px;
  top: unset;
  right: unset;
}
.discount-popup:not(.newsletter-popup-new-style) .popup-wrapper.bottomright {
  bottom: 56px;
  right: 56px;
  top: unset;
  left: unset;
}
.discount-popup:not(.newsletter-popup-new-style) .panel {
  width: 100%;
  height: 100%;
  display: flex;
  left: 0;
  bottom: 0;
  overflow: hidden;
  justify-content: flex-end;
}
.discount-popup:not(.newsletter-popup-new-style) .panel .content-box {
  padding: 24px;
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 390px;
  overflow: hidden;
  flex: 1;
}
.discount-popup:not(.newsletter-popup-new-style) .panel .content-box .count-down {
  background-color: rgb(247, 247, 247);
  border-radius: 5px;
  padding: 12px;
  width: 100%;
  margin-top: auto;
  display: none;
}
.discount-popup:not(.newsletter-popup-new-style) .panel .content-box .count-down label {
  color: rgb(138, 141, 141);
  font-size: 11px;
  font-weight: normal;
  display: block;
}
.discount-popup:not(.newsletter-popup-new-style) .panel .content-box .count-down .cd {
  font-weight: 700;
  font-size: 11px;
}
.discount-popup:not(.newsletter-popup-new-style) .panel .content-box .count-down.active {
  display: block;
}
.discount-popup:not(.newsletter-popup-new-style) .panel .content-box .content-header .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.discount-popup:not(.newsletter-popup-new-style) .panel .content-box .content-header p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.discount-popup:not(.newsletter-popup-new-style) .panel .content-box .content-header .content-desc {
  margin-top: 16px;
}
.discount-popup:not(.newsletter-popup-new-style) .panel .content-box .content-header .content-desc p {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.discount-popup:not(.newsletter-popup-new-style) .panel .content-box .bt-view {
  margin: 24px 0 0 0;
  height: 56px;
}
.discount-popup:not(.newsletter-popup-new-style) .panel .content-box .hide-popup-container {
  margin-top: auto;
}
.discount-popup:not(.newsletter-popup-new-style) .panel .content-box .hide-popup-container .message {
  font-weight: bold;
}
.discount-popup:not(.newsletter-popup-new-style) .panel .content-box .hide-popup-container .click-here {
  font-weight: bold;
  color: #e29623;
  transition: all 0.3s ease-in-out;
  padding: 4px 0;
}
.discount-popup:not(.newsletter-popup-new-style) .panel .content-box .hide-popup-container .click-here:hover {
  cursor: pointer;
  color: #e4b760;
}
.discount-popup:not(.newsletter-popup-new-style) .panel .content-box .hide-popup-container.hidden {
  display: none;
}
.discount-popup:not(.newsletter-popup-new-style) .panel .img-box {
  max-width: 238px;
  height: 100%;
  width: 100%;
  margin-left: auto;
  position: relative;
  overflow: hidden;
}
.discount-popup:not(.newsletter-popup-new-style) .panel .img-box img {
  height: 100%;
  object-fit: cover;
  position: absolute;
}
.discount-popup:not(.newsletter-popup-new-style) .panel .button-wrapper {
  margin-top: auto;
}
.discount-popup:not(.newsletter-popup-new-style) .panel .button-wrapper a {
  color: #fff;
}
.discount-popup:not(.newsletter-popup-new-style) .email-container .email-box {
  position: relative;
}
.discount-popup:not(.newsletter-popup-new-style) .email-container .email-title {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 8px;
}
.discount-popup:not(.newsletter-popup-new-style) .email-container .box-bt {
  overflow: hidden;
  position: relative;
}
.discount-popup:not(.newsletter-popup-new-style) .email-container .box-bt input[type=email] {
  background-color: #f8f7f4;
  padding: 12px 12px 12px 24px;
  height: 44px;
  font-size: 14px;
  font-weight: 600;
  color: #111c1c;
  width: 100%;
  border-radius: 4px;
  border: 1px solid transparent;
}
.discount-popup:not(.newsletter-popup-new-style) .email-container .box-bt .news-bt {
  width: 88px;
  height: 100%;
  border-radius: 4px;
}
.discount-popup:not(.newsletter-popup-new-style) .email-container .box-bt.success {
  display: none;
}
.discount-popup:not(.newsletter-popup-new-style) .email-container .remark-txt {
  font-size: 11px;
  font-weight: 600;
  margin-top: 30px;
}
.discount-popup:not(.newsletter-popup-new-style) .email-container .box-console {
  position: relative;
  height: 20px;
  width: 100%;
}
.discount-popup:not(.newsletter-popup-new-style) .email-container .box-console .console-txt {
  position: absolute;
  left: 50%;
  top: 5px;
  transform: translate(-50%, 0px);
}
.discount-popup:not(.newsletter-popup-new-style) .email-container .box-console .console-txt.error {
  font-size: 14px;
  color: red;
  display: none;
}
.discount-popup:not(.newsletter-popup-new-style) .email-container.success .box-bt.normal {
  display: none;
}
.discount-popup:not(.newsletter-popup-new-style) .email-container.success .box-bt.success {
  display: block;
}
.discount-popup:not(.newsletter-popup-new-style) .email-container.success .box-bt.success input[type=email] {
  width: 93%;
}
.discount-popup:not(.newsletter-popup-new-style) .email-container.success .box-bt.success .news-bt {
  width: 64px;
  background-color: #000;
}
.discount-popup:not(.newsletter-popup-new-style) .email-container.success .box-bt.success .news-bt .icon-checked {
  background: #fff;
  width: 12px;
  height: 9px;
  margin: 0 auto;
}
.discount-popup:not(.newsletter-popup-new-style) .email-container.success .box-bt.success ::placeholder {
  color: #111c1c;
}
.discount-popup:not(.newsletter-popup-new-style) .email-container.success .box-bt.success :-ms-input-placeholder {
  color: #111c1c;
}
.discount-popup:not(.newsletter-popup-new-style) .email-container.success .box-bt.success ::-ms-input-placeholder {
  color: #111c1c;
}
.discount-popup:not(.newsletter-popup-new-style) .email-container.error .box-console .console-txt.error {
  display: block;
}
.discount-popup:not(.newsletter-popup-new-style) .note-txt {
  font-size: 11px;
  font-weight: 600;
  margin-top: 30px;
}
.discount-popup:not(.newsletter-popup-new-style).active {
  visibility: visible;
  opacity: 1;
}
.discount-popup:not(.newsletter-popup-new-style).active .popup-wrapper {
  visibility: visible;
  opacity: 1;
}
.discount-popup:not(.newsletter-popup-new-style) .header {
  padding: 16px 30px 26px 30px;
}
.discount-popup:not(.newsletter-popup-new-style) .content {
  position: relative;
  overflow: hidden;
}
.discount-popup:not(.newsletter-popup-new-style) .bg-container {
  position: relative;
  z-index: 2;
}
.discount-popup:not(.newsletter-popup-new-style) .bg-container .img-responsive {
  height: 100%;
  width: 100%;
}
.discount-popup:not(.newsletter-popup-new-style) .box-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
}
.discount-popup:not(.newsletter-popup-new-style) .box-container .box {
  padding: 34px 30px;
  width: 100%;
  color: #fff;
  position: absolute;
}
.discount-popup:not(.newsletter-popup-new-style) .box-container .box h3,
.discount-popup:not(.newsletter-popup-new-style) .box-container .box p {
  color: #fff;
  transform: translate(5%, 230%);
  margin-bottom: 5px;
}
.discount-popup:not(.newsletter-popup-new-style) .box-container .box:first-child {
  top: 0;
  background-color: #e4b760;
  width: 46%;
  height: 50%;
}
.discount-popup:not(.newsletter-popup-new-style) .box-container .box:last-child {
  bottom: 0px;
  background-color: #405954;
  width: 46%;
  height: 50%;
}
.discount-popup:not(.newsletter-popup-new-style) .footer {
  padding: 26px 30px;
}
.discount-popup:not(.newsletter-popup-new-style) p {
  font-size: 14px;
  line-height: 24px;
}
.discount-popup:not(.newsletter-popup-new-style) a {
  font-size: 14px;
  color: #e29623;
}
.discount-popup:not(.newsletter-popup-new-style) strong {
  font-size: 12px;
  line-height: 16px;
}

.edit-mode .discount-popup .bg-container {
  left: 0;
}
.edit-mode .discount-popup .box-container {
  position: relative;
}
.edit-mode .discount-popup .box-container .box {
  color: #000;
  position: relative;
}

@media screen and (max-width: 1112px) {
  .discount-popup.desktop {
    display: none;
  }
  .discount-popup.mobile {
    display: none;
  }
  .discount-popup.tablet {
    display: block;
  }
}
@media screen and (max-width: 743px) {
  .discount-popup.desktop {
    display: none;
  }
  .discount-popup.tablet {
    display: none;
  }
  .discount-popup.mobile {
    display: block;
  }
  .discount-popup.newsletter-popup-new-style .popup-wrapper {
    top: unset;
    left: 50%;
    bottom: 32px;
    height: auto;
    min-height: 445px;
    transform: translate(-50%, 0);
    width: clamp(300px, 100% - 48px, 500px);
  }
  .discount-popup.newsletter-popup-new-style .popup-wrapper .panel {
    grid-template-columns: minmax(0, 1fr);
  }
  .discount-popup.newsletter-popup-new-style .popup-wrapper .panel .img-box {
    width: 100%;
    height: 245px;
  }
  .discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box {
    padding: 20px 24px 24px 24px;
  }
  .discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .content-header .title,
  .discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .content-header p {
    font-size: 16px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-align: center;
  }
  .discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box p {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
  }
  .discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .email-container .email-box {
    width: 100%;
  }
  .discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .button-group {
    width: 100%;
  }
  .discount-popup.newsletter-popup-new-style .popup-wrapper .panel .content-box .button-group .btn {
    width: 50%;
    max-width: 50%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    min-width: 0;
  }
  .discount-popup.newsletter-popup-new-style .popup-close {
    background-color: #fff;
  }
  .discount-popup:not(.newsletter-popup-new-style) .popup-wrapper {
    width: calc(100% - 16px);
    inset: 0;
    max-width: 400px;
    transform: translate(-50%, -50%);
    height: auto;
    max-height: calc(100vh - 48px);
    min-height: 220px;
    position: relative;
    overflow: hidden;
    display: flex;
  }
  .discount-popup:not(.newsletter-popup-new-style) .popup-wrapper.top, .discount-popup:not(.newsletter-popup-new-style) .popup-wrapper.bottom, .discount-popup:not(.newsletter-popup-new-style) .popup-wrapper.bottomleft, .discount-popup:not(.newsletter-popup-new-style) .popup-wrapper.bottomright {
    top: 50%;
    left: 50%;
    right: unset;
    bottom: unset;
  }
  .discount-popup:not(.newsletter-popup-new-style) .popup-wrapper .panel .content-header .title {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
  }
  .discount-popup:not(.newsletter-popup-new-style) .popup-wrapper .header {
    padding: 37px 30px 16px 30px;
  }
  .discount-popup:not(.newsletter-popup-new-style) .popup-wrapper .header h3 {
    font-size: 17px;
  }
  .discount-popup:not(.newsletter-popup-new-style) .popup-wrapper .panel .img-box {
    width: 100%;
    max-width: unset;
    height: auto;
    min-height: 220px;
    overflow: unset;
    position: relative;
    max-width: 137px;
  }
  .discount-popup:not(.newsletter-popup-new-style) .popup-wrapper .panel .img-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    right: 0;
  }
  .discount-popup:not(.newsletter-popup-new-style) .panel {
    flex-direction: row;
    height: auto;
  }
  .discount-popup:not(.newsletter-popup-new-style) .panel .content-box {
    overflow-y: scroll;
  }
  .discount-popup:not(.newsletter-popup-new-style) .panel .content-box p {
    font-weight: 500;
    font-size: 11px;
    line-height: 14px;
  }
  .discount-popup:not(.newsletter-popup-new-style) .panel .content-box a {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
  }
  .discount-popup:not(.newsletter-popup-new-style) .popup-close {
    inset: 8px 8px 8px auto;
  }
  .discount-popup:not(.newsletter-popup-new-style) .bg-container {
    z-index: 1;
    top: 74px;
  }
  .discount-popup:not(.newsletter-popup-new-style) .bg-container .img-responsive {
    width: 100%;
  }
  .discount-popup:not(.newsletter-popup-new-style) .content {
    overflow: unset;
    height: 35%;
  }
  .discount-popup:not(.newsletter-popup-new-style) .content .box-container {
    height: 104%;
  }
  .discount-popup:not(.newsletter-popup-new-style) .content .box-container .box {
    padding: 16px;
  }
  .discount-popup:not(.newsletter-popup-new-style) .content .box-container .box h3,
  .discount-popup:not(.newsletter-popup-new-style) .content .box-container .box p {
    font-size: 15px;
    margin-top: 10px;
    transform: translate(0%, 50%);
    text-align: center;
  }
  .discount-popup:not(.newsletter-popup-new-style) .content .box-container .box:first-child {
    width: 100%;
    height: 25%;
    top: 10px;
  }
  .discount-popup:not(.newsletter-popup-new-style) .content .box-container .box:last-child {
    bottom: -130px;
    width: 100%;
    height: 24%;
  }
  .discount-popup:not(.newsletter-popup-new-style) .footer {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 170px;
  }
}
@media screen and (max-width: 600px) {
  .discount-popup:not(.newsletter-popup-new-style) .content .box-container .box h3,
  .discount-popup:not(.newsletter-popup-new-style) .content .box-container .box p {
    font-size: 12px;
  }
  .discount-popup:not(.newsletter-popup-new-style) .content .box-container .box:first-child {
    width: 100%;
    height: 31%;
    top: 10px;
  }
  .discount-popup:not(.newsletter-popup-new-style) .content .box-container .box:last-child {
    bottom: -130px;
    width: 100%;
    height: 31%;
  }
}
@media screen and (max-width: 425px) {
  .discount-popup:not(.newsletter-popup-new-style) .content .box-container .box h3,
  .discount-popup:not(.newsletter-popup-new-style) .content .box-container .box p {
    transform: translate(0%, -20%);
  }
  .discount-popup:not(.newsletter-popup-new-style) .content .box-container .box:first-child {
    width: 100%;
    height: 31%;
    top: 10px;
  }
  .discount-popup:not(.newsletter-popup-new-style) .content .box-container .box:last-child {
    bottom: -130px;
    width: 100%;
    height: 31%;
  }
}
@media screen and (max-width: 414px) {
  .discount-popup:not(.newsletter-popup-new-style) .email-container.success .box-bt.success ::placeholder {
    color: #111c1c;
    font-size: 12px;
  }
}
@media screen and (max-width: 360px) {
  .discount-popup:not(.newsletter-popup-new-style) .content .box-container .box h3,
  .discount-popup:not(.newsletter-popup-new-style) .content .box-container .box p {
    transform: translate(0%, -80%);
  }
  .discount-popup:not(.newsletter-popup-new-style) .content .box-container .box:first-child {
    width: 100%;
    height: 34%;
    top: 10px;
  }
  .discount-popup:not(.newsletter-popup-new-style) .content .box-container .box:last-child {
    bottom: -126px;
    width: 100%;
    height: 31%;
  }
}
.product-showroom {
  position: relative;
  width: 100%;
  max-height: 758px;
  padding-top: 96px;
}
.product-showroom:before {
  content: " ";
  position: absolute;
  top: 0px;
  right: 0;
  width: 38%;
  height: 328px;
  background-color: #f8f7f4;
  border-bottom-left-radius: 5px;
  z-index: -1;
  display: none;
}
.product-showroom .showroom-box {
  display: flex;
  flex-flow: column wrap;
  max-height: 758px;
  z-index: 2;
  position: relative;
  width: 100%;
}
.product-showroom .showroom-box .showroom-title {
  order: 2;
  padding-left: 0;
  min-height: 152px;
  padding-top: 74px;
  margin-bottom: 48px;
  width: 50%;
}
.product-showroom .showroom-box .showroom-title .title-txt p,
.product-showroom .showroom-box .showroom-title .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.product-showroom .showroom-box .showroom-title .desc-txt {
  width: 100%;
  display: flex;
  order: 1;
}
.product-showroom .showroom-box .showroom-title .desc-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 22px;
  width: 50%;
}
.product-showroom .showroom-box .showroom-title .desc-txt p:first-child {
  max-width: 316px;
  padding-right: 14px;
}
.product-showroom .showroom-box .showroom-title .desc-txt p:nth-child(2) {
  padding-left: 14px;
}
.product-showroom .showroom-box .showroom-sub-title {
  color: #111c1c;
  font-size: 16px;
  line-height: 22px;
}
.product-showroom .showroom-box .showroom-sub-title.l-screen {
  display: inline-block;
}
.product-showroom .showroom-box .showroom-sub-title.s-screen {
  display: none;
}
.product-showroom .showroom-box .branch-title {
  display: none;
  order: 2;
  width: 50%;
}
.product-showroom .showroom-box .branch-title.active {
  display: inline-block;
}
.product-showroom .showroom-box .branch-title p {
  color: #111c1c;
  font-size: 16px;
  line-height: 22px;
}
.product-showroom .showroom-box .showroom-detail {
  order: 3;
  width: 50%;
  display: flex;
  flex-wrap: wrap;
}
.product-showroom .showroom-box .showroom-detail h2 {
  display: none;
}
.product-showroom .showroom-box .showroom-detail h2.active {
  display: block;
}
.product-showroom .showroom-box .showroom-detail .detail-content {
  max-width: 316px;
  width: 50%;
  padding-right: 15px;
  display: none;
  order: 3;
}
.product-showroom .showroom-box .showroom-detail .detail-content.active {
  display: block;
}
.product-showroom .showroom-box .showroom-detail .detail-content p {
  font-size: 16px;
  line-height: 28px;
  display: -webkit-box;
  -webkit-line-clamp: 14;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-showroom .showroom-box .showroom-detail .bt-view {
  margin: auto;
}
.product-showroom .showroom-box .showroom-detail .branch-txt {
  width: 50%;
  float: left;
  padding-left: 15px;
  order: 4;
}
.product-showroom .showroom-box .showroom-detail .branch-txt .branch-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 16px;
}
.product-showroom .showroom-box .showroom-detail .branch-txt .branch-list.vertical-list {
  display: flex;
  gap: 16px;
  flex-direction: column;
}
.product-showroom .showroom-box .showroom-detail .branch-txt .branch-list .branch {
  width: 100%;
}
.product-showroom .showroom-box .showroom-detail .branch-txt .branch-list .branch .bt-route p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}
.product-showroom .showroom-box .showroom-detail .branch-txt .branch-list .branch > p {
  font-size: 16px;
  line-height: 25px;
  font-weight: 600;
}
.product-showroom .showroom-box .showroom-detail .branch-txt .branch-list .bt {
  width: 100%;
}
.product-showroom .showroom-box .showroom-detail .branch-txt .branch-list .bt:not(:last-child) {
  margin-bottom: 24px;
}
.product-showroom .showroom-box .showroom-detail .branch-txt .branch-list .ico {
  position: absolute;
  display: none;
}
.product-showroom .showroom-box .showroom-detail .branch-txt .branch-list.showroom-available .branch {
  display: flex;
  align-items: center;
}
.product-showroom .showroom-box .showroom-detail .branch-txt .branch-list.showroom-available .branch > p {
  padding-left: 32px;
}
.product-showroom .showroom-box .showroom-detail .branch-txt .branch-list.showroom-available .branch.available .icon-union {
  display: none;
}
.product-showroom .showroom-box .showroom-detail .branch-txt .branch-list.showroom-available .branch.available .icon-check2 {
  display: inline-block;
}
.product-showroom .showroom-box .showroom-detail .branch-txt .branch-list.showroom-available .branch.not-available .icon-union {
  display: inline-block;
}
.product-showroom .showroom-box .showroom-detail .branch-txt .branch-list.showroom-available .branch.not-available .icon-check2 {
  display: none;
}
.product-showroom .showroom-box .showroom-detail .branch-txt .branch-list.showroom-available .branch.not-available p {
  color: #aeb2b2;
}
.product-showroom .showroom-box .showroom-branch {
  order: 1;
  width: 50%;
}
.product-showroom .showroom-box .showroom-branch .branch-img {
  width: 88%;
  display: inline-block;
  float: left;
  border-radius: 8px;
  overflow: hidden;
}
.product-showroom .showroom-box .showroom-branch .branch-img img {
  max-width: 644px;
  height: 640px;
  object-fit: contain;
  width: 100%;
}
.product-showroom .showroom-box .showroom-action-btn {
  margin-top: 64px;
  width: 50%;
  order: 4;
}
.product-showroom .bg-pattern {
  position: absolute;
  bottom: 0;
  left: 83%;
  transform: translate(0px, 180px);
  z-index: -2;
  display: none;
}
.product-showroom .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.product-showroom .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1479px) {
  .product-showroom .showroom-box .showroom-title {
    padding-left: 32px;
  }
  .product-showroom .showroom-box .showroom-title .desc-txt p:nth-child(2) {
    padding-left: 0px;
  }
}
@media screen and (max-width: 1200px) {
  .product-showroom .bg-pattern {
    top: 480px;
  }
}
@media screen and (max-width: 1024px) {
  .product-showroom {
    max-height: unset;
    padding-top: 80px;
  }
  .product-showroom:before {
    width: 324px;
    height: 280px;
  }
  .product-showroom .bg-pattern {
    top: 454px;
    transform: translate(-30px, 0px);
  }
  .product-showroom .showroom-box {
    max-height: unset;
  }
  .product-showroom .showroom-box .showroom-branch {
    order: 2;
    width: 100%;
  }
  .product-showroom .showroom-box .showroom-branch .branch-img {
    width: 100%;
    text-align: center;
    float: unset;
  }
  .product-showroom .showroom-box .showroom-title {
    order: 1;
    width: 100%;
    padding-top: 0;
    margin-bottom: 0;
  }
  .product-showroom .showroom-box .showroom-title .desc-txt p:nth-child(2) {
    display: none;
  }
  .product-showroom .showroom-box .showroom-sub-title.l-screen {
    display: none;
  }
  .product-showroom .showroom-box .showroom-sub-title.s-screen {
    display: inline-block;
    padding-bottom: 24px;
  }
  .product-showroom .showroom-box .showroom-detail {
    order: 3;
    width: 100%;
    margin-top: 64px;
    justify-content: space-between;
  }
  .product-showroom .showroom-box .showroom-detail .branch-txt {
    max-width: 45%;
  }
  .product-showroom .showroom-box .showroom-detail .detail-content {
    max-width: 45%;
  }
  .product-showroom .showroom-box .showroom-action-btn {
    width: 100%;
  }
}
@media screen and (max-width: 834px) {
  .product-showroom .showroom-box .showroom-detail .branch-txt {
    max-width: unset;
    padding-left: 30px;
  }
  .product-showroom .showroom-box .showroom-detail .detail-content {
    max-width: unset;
    padding-right: 30px;
  }
}
@media screen and (max-width: 743px) {
  .product-showroom {
    min-height: 732px;
    padding-top: 64px;
  }
  .product-showroom:before {
    width: 164px;
    height: 732px;
  }
  .product-showroom .showroom-box .showroom-title {
    width: 100%;
    padding-left: 32px;
    min-height: 106px;
  }
  .product-showroom .showroom-box .showroom-title .title-txt p,
  .product-showroom .showroom-box .showroom-title .title-txt h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .product-showroom .showroom-box .showroom-branch {
    order: 3;
  }
  .product-showroom .showroom-box .showroom-branch .branch-img {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .product-showroom .showroom-box .showroom-branch .branch-img img {
    height: 350px;
    width: auto;
  }
  .product-showroom .showroom-box .showroom-detail .branch-txt {
    width: 100%;
    padding-left: 0;
    order: 2;
  }
  .product-showroom .showroom-box .showroom-detail .detail-content {
    width: 100%;
    padding-right: 0;
    order: 1;
    padding-bottom: 32px;
  }
  .product-showroom .showroom-box .showroom-action-btn {
    margin-top: 0px;
    height: 106px;
    order: 2;
  }
  .product-showroom .bg-pattern {
    top: 332px;
    transform: translate(-166px, 0px);
  }
  .product-showroom .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 414px) {
  .product-showroom .bg-pattern {
    top: 332px;
    transform: translate(-130px, 0px);
  }
}
@media screen and (max-width: 360px) {
  .product-showroom .showroom-box .showroom-detail .bt-view {
    margin-left: 0px;
  }
}
.not-found-page {
  min-height: calc(100vh - 300px);
}
.not-found-page .content-section {
  background: #fff;
  border-radius: 3px;
  margin-bottom: 9px;
}
.not-found-page .content-section .pagenotfound_title {
  text-align: center;
}
.not-found-page .content-section .pagenotfound_text {
  text-align: center;
}
.not-found-page .content-section:before {
  content: " ";
  position: absolute;
  left: 0;
  width: 50%;
  height: 395px;
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  z-index: 0;
}
.not-found-page .content-section .bg-pattern {
  right: 0;
  position: absolute;
  width: auto;
}

@media screen and (max-width: 820px) {
  .not-found-page {
    min-height: calc(100vh - 360px);
  }
}
@media screen and (max-width: 768px) {
  .not-found-page {
    min-height: calc(100vh - 300px);
  }
  .not-found-page .content-section:before {
    top: 270px;
  }
  .not-found-page .content-section .bg-pattern {
    display: none;
  }
}
@media screen and (max-width: 425px) {
  .not-found-page .content-section:before {
    top: 300px;
  }
}
.oc-image-tags {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.oc-image-tags.mid-trans {
  top: 50% !important;
  transform: translateY(-50%);
}
.oc-image-tags.always-plus .image-tag .more {
  opacity: 1 !important;
}
.oc-image-tags.with-image .image-tag {
  border: 2px solid #fff;
}
.oc-image-tags.with-image .image-tag .more {
  opacity: 1;
  --svg-stroke: 2;
}
.oc-image-tags .image-tag {
  position: absolute;
  cursor: pointer;
  border: 1px solid #fff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -16px;
  margin-top: -16px;
  pointer-events: auto;
}
.oc-image-tags .image-tag.size-l, .oc-image-tags .image-tag.size-ml, .oc-image-tags .image-tag.size-m, .oc-image-tags .image-tag.size-sm, .oc-image-tags .image-tag.size-s {
  display: none;
}
.oc-image-tags .image-tag.size-xl {
  display: flex;
}
.oc-image-tags .image-tag:hover .more, .oc-image-tags .image-tag.active .more {
  opacity: 1;
}
.oc-image-tags .image-tag .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #111c1c;
  opacity: 0.2;
  border-radius: 50%;
}
.oc-image-tags .image-tag .more {
  width: 16px;
  height: 16px;
  opacity: 0;
  z-index: 1;
  transition: opacity ease-in-out 0.15s;
}
.oc-image-tags .image-tag .more svg {
  width: 16px;
  height: 16px;
}

.tag-popup {
  position: absolute;
  z-index: 10;
  background-color: #fff;
  width: 240px;
  padding: 16px;
  border-radius: 4px;
  box-shadow: 0px 0px 16px rgba(17, 28, 28, 0.16);
}
.tag-popup.tag-popup-v2 .configure-btn {
  border-radius: 15px;
}
.tag-popup .tag-popup-head {
  display: flex;
  gap: 16px;
}
.tag-popup .tag-popup-head h3 {
  margin-bottom: 8px;
  line-height: 1.4;
}
.tag-popup .tag-popup-head h3 a {
  color: #111c1c;
  font-size: 14px;
}
.tag-popup .tag-popup-head h3 a img {
  margin-left: 6px;
}
.tag-popup .tag-popup-head .close-ico {
  width: 10px;
  height: 10px;
  cursor: pointer;
  margin-left: auto;
}
.tag-popup .tag-popup-head .close-ico svg {
  width: 10px;
  height: 10px;
}
.tag-popup .tag-popup-head .ico-arrow {
  width: 16px;
  height: 16px;
  --icon-color: #e4b760;
  display: inline-block;
  position: relative;
  top: 4px;
}
.tag-popup .tag-popup-description {
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  color: #111c1c;
  overflow-wrap: break-word;
  margin-top: 8px;
  margin-bottom: 16px;
}
.tag-popup .editions {
  margin-top: 8px;
  margin-bottom: 16px;
}
.tag-popup .editions .tag-popup-edition {
  margin-bottom: 8px;
  line-height: 1.8;
}
.tag-popup .editions .tag-popup-edition b {
  margin-right: 4px;
}
.tag-popup .button-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tag-popup button {
  width: 100%;
  border-radius: 32px;
  height: 48px;
  border: 1px solid #111c1c;
  background-color: #fff;
  margin-top: 12px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  justify-content: center;
  transition: all ease-in-out 0.25s;
}
.tag-popup button:hover {
  border: 1px solid #e4b760;
}
.tag-popup button:hover .bt-text {
  color: #e4b760;
}
.tag-popup button:disabled {
  opacity: 0.5;
}
.tag-popup button.added {
  opacity: 0.4;
  pointer-events: none;
}
.tag-popup button.added img.id {
  opacity: 0.4;
}
.tag-popup button img {
  margin-right: 12px;
}
.tag-popup .add-btn {
  width: 54px;
  height: 52px;
  border: none;
  padding: 0;
  margin: 0;
}
.tag-popup .add-btn svg {
  margin-left: 2px;
  width: 54px;
  height: 48px;
  color: #111c1c;
}
.tag-popup .add-btn:hover {
  border: none;
}
.tag-popup .add-btn:hover svg {
  animation: changeColor 0.5s ease-in-out;
  color: #e4b760;
}
.tag-popup .add-btn-full-width {
  width: 100%;
  height: 48px;
  gap: 8px;
  border: 1px solid #4c5555;
  padding: 20px 24px;
  margin: 0;
  border-radius: 15px;
}
.tag-popup .add-btn-full-width svg {
  height: 24px;
  width: 24px;
  color: #111c1c;
  overflow: visible;
}
.tag-popup .add-btn-full-width span {
  color: #111c1c;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
.tag-popup .add-btn-full-width:hover {
  animation: changeColor 0.5s ease-in-out;
}
.tag-popup .add-btn-full-width:hover svg {
  color: #e4b760;
}
.tag-popup .add-btn-full-width:hover span {
  color: #e4b760;
}
.tag-popup .configure-btn {
  width: 100%;
  height: 48px;
  text-align: center;
  border-radius: 15px;
  transition: all 0.3s ease-in-out;
  color: #fff;
  background-color: #e4b760;
  line-height: 48px;
  font-size: 14px;
}
.tag-popup .configure-btn:hover {
  background: #b99250;
  border-color: #e4b760;
}
.tag-popup.with-image {
  width: 308px;
}
.tag-popup.with-image .tag-popup-container {
  display: flex;
  flex-wrap: wrap;
  column-gap: 12px;
  position: relative;
  min-height: 124px;
}
.tag-popup.with-image .tag-popup-container .tag-popup-image {
  position: absolute;
  width: 70px;
  left: 0;
}
.tag-popup.with-image .tag-popup-container .tag-popup-head {
  padding-left: 82px;
  width: 100%;
}
.tag-popup.with-image .tag-popup-container .tag-popup-head .ico-arrow {
  display: none;
}
.tag-popup.with-image .tag-popup-container .tag-popup-description {
  width: 100%;
  padding-left: 82px;
  font-size: 12px;
  margin-top: 8px;
  margin-bottom: 16px;
}
.tag-popup.with-image .tag-popup-container .editions {
  padding-left: 82px;
  margin-top: 8px;
  margin-bottom: 16px;
}
.tag-popup.with-image .tag-popup-container .editions .tag-popup-edition {
  margin-bottom: 4px;
}
.tag-popup.with-image .tag-popup-container .button-group {
  width: 100%;
  justify-content: center;
}
.tag-popup.with-image .tag-popup-container .button-group .configure-btn {
  padding: 0 24px;
  width: fit-content;
}

@media screen and (max-width: 1679px) {
  .oc-image-tags .image-tag.size-xl {
    display: none;
  }
  .oc-image-tags .image-tag.size-l {
    display: flex;
  }
}
@media screen and (max-width: 1366px) {
  .oc-image-tags .image-tag.size-l {
    display: none;
  }
  .oc-image-tags .image-tag.size-ml {
    display: flex;
  }
}
@media screen and (max-width: 1024px) {
  .oc-image-tags .image-tag.size-ml {
    display: none;
  }
  .oc-image-tags .image-tag.size-m {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .oc-image-tags .image-tag.size-m {
    display: none;
  }
  .oc-image-tags .image-tag.size-sm {
    display: flex;
  }
}
@media screen and (max-width: 480px) {
  .oc-image-tags .image-tag.size-sm {
    display: none;
  }
  .oc-image-tags .image-tag.size-s {
    display: flex;
  }
}
@keyframes changeColor {
  0% {
    color: #111c1c;
  }
  50% {
    color: #e4b760;
    opacity: 0.5;
  }
  100% {
    color: #e4b760;
    opacity: 1;
  }
}
.popup-price-cache-error {
  display: none;
  z-index: 6;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.1);
  animation: fadein 0.3s ease-out;
}
.popup-price-cache-error.active {
  display: block;
}
.popup-price-cache-error .error-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0px 0px 16px rgba(17, 28, 28, 0.16);
  border-radius: 4px;
  background-color: #ffffff;
  margin: auto;
  padding: 24px;
  width: 478px;
  height: 220px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.popup-price-cache-error .error-content .popup-text .title {
  font-size: 24px;
  font-weight: 700;
  color: #000000;
}
.popup-price-cache-error .error-content .error-message {
  margin-top: 8px;
  font-size: 14px;
}
.popup-price-cache-error .error-content .popup-btn {
  display: flex;
  margin-left: auto;
}
.popup-price-cache-error .error-content .popup-btn .contact-btn,
.popup-price-cache-error .error-content .popup-btn .try-btn {
  border: solid 2px #e4b760;
  height: 56px;
  padding: 20px 24px;
}
.popup-price-cache-error .error-content .popup-btn .contact-btn .bt-text,
.popup-price-cache-error .error-content .popup-btn .try-btn .bt-text {
  font-size: 14px;
}
.popup-price-cache-error .error-content .popup-btn .contact-btn .icon-arr-right {
  margin-left: 8px;
}
.popup-price-cache-error .error-content .popup-btn .contact-btn .icon-arr-right svg {
  position: absolute;
  color: #ffffff;
}
.popup-price-cache-error .error-content .popup-btn .try-btn {
  margin: 0 8px;
  border: solid 2px #111c1c;
  opacity: 1;
  transition: 0.3s;
  width: fit-content;
  cursor: pointer;
}
.popup-price-cache-error .error-content .popup-btn .try-btn:hover {
  border: solid 2px #e4b760;
}
.popup-price-cache-error .error-content .popup-btn .try-btn:hover p {
  color: #e4b760;
}

@media screen and (max-width: 767px) {
  .popup-price-cache-error .error-content {
    width: 350px;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.configuration-3d-color-layout {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
  padding-bottom: 24px;
}
.configuration-3d-color-layout.active {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-color-layout .config-name {
  display: flex;
  gap: 4px;
  margin-bottom: 8px;
}
.configuration-3d-color-layout .config-name p {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
}
.configuration-3d-color-layout .configuration-3d-color-container .configuration-3d-color-wrapper {
  display: flex;
  gap: 14px;
  flex-direction: row;
  flex-wrap: wrap;
}
.configuration-3d-color-layout.disabled-by-force-select .edition-item {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-3d-color-layout.disabled-by-force-select .edition-item.active {
  opacity: 1;
  cursor: pointer;
}
.configuration-3d-color-layout .edition-item .edition-item-container {
  height: fit-content;
  cursor: pointer;
  position: relative;
  max-width: 144px;
}
.configuration-3d-color-layout .edition-item.active .bt-selected-item {
  background-color: #e5b761;
  opacity: 1;
}
.configuration-3d-color-layout .edition-item.active .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-3d-color-layout .edition-item.disable .text {
  color: #d8d8d8;
}
.configuration-3d-color-layout .edition-item.disabled-by-rule {
  cursor: not-allowed;
  opacity: 0.5;
}
.configuration-3d-color-layout .edition-item.disabled-by-rule .edition-image {
  cursor: not-allowed;
}
.configuration-3d-color-layout .edition-item.disabled-by-rule .edition-image img {
  opacity: 0.5;
}
.configuration-3d-color-layout .edition-item.disabled-by-rule .lock {
  display: block;
  opacity: 0.5;
}
.configuration-3d-color-layout .edition-item .lock {
  display: none;
  left: 50%;
  transform: translateX(-50%);
  top: calc(50% - 19px);
  position: absolute;
  --color-1: #111c1c;
}
.configuration-3d-color-layout .edition-item .lock svg {
  width: 32px;
  height: 32px;
}
.configuration-3d-color-layout .edition-item .edition-image {
  border-radius: 50%;
  border: solid 2px #ffffff;
  overflow: hidden;
  width: 60px;
  height: 60px;
  box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.08);
  position: relative;
}
.configuration-3d-color-layout .edition-item .edition-image img {
  width: 100%;
  border-radius: 50%;
}
.configuration-3d-color-layout .edition-item .title {
  max-width: 60px;
  text-align: center;
  margin-top: 8px;
}
.configuration-3d-color-layout .edition-item .title .txt {
  color: #111c1c;
  font-weight: 600;
  font-size: 10px;
}
.configuration-3d-color-layout .edition-item .edition-tooltip {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -44px);
  background: #ffffff;
  height: 32px;
  padding: 0px 18px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  border-radius: 30px;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
  transition-delay: 0.15s;
  opacity: 0;
  visibility: hidden;
}
.configuration-3d-color-layout .edition-item .edition-tooltip::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  position: absolute;
  bottom: -5px;
  left: 46%;
  transform: rotate(45deg) translate(-50%, 0px);
}
.configuration-3d-color-layout .edition-item .edition-tooltip .edition-name {
  position: relative;
  bottom: 0;
  text-align: center;
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.configuration-3d-color-layout .edition-item .bt-selected-item {
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: -3px;
  top: -3px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.configuration-3d-color-layout .edition-item .bt-selected-item .icon {
  width: 16px;
  height: 16px;
  position: relative;
}
.configuration-3d-color-layout .edition-item .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}
.configuration-3d-color-layout .extra-info {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 0px 16px 0px rgba(17, 28, 28, 0.08);
  top: 44px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}
.configuration-3d-color-layout .extra-info svg {
  width: 24px;
  height: 24px;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-3d-color .edition-item:not(.active):not(.disabled-by-rule):hover .bt-selected-item {
    opacity: 1;
  }
  .configuration-3d-color .edition-item:not(.active):not(.disabled-by-rule):hover .ico-ed-info {
    opacity: 1;
  }
  .configuration-3d-color .edition-item:not(.active):not(.disabled-by-rule):hover .edition-tooltip {
    opacity: 1;
    visibility: visible;
  }
  .configuration-3d-color .edition-item.disabled-by-rule:hover .bt-selected-item {
    opacity: 0;
  }
  .configuration-3d-color .edition-item.disabled-by-rule:hover .edition-tooltip {
    opacity: 1;
    visibility: visible;
  }
  .configuration-3d-color .extra-info:hover {
    --color-1: #ebc989;
  }
}
.configuration-3d-dimension-layout {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
  padding-bottom: 24px;
}
.configuration-3d-dimension-layout.active {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-dimension-layout .edition-select-dimension {
  position: relative;
  transition: 0.3s;
}
.configuration-3d-dimension-layout .edition-select-dimension.has-value .dropdown-box .dropdown-container .dropdown-result .result-row {
  visibility: visible;
}
.configuration-3d-dimension-layout .edition-select-dimension .dropdown-box {
  display: flex;
  flex-direction: column;
  width: 332px;
}
.configuration-3d-dimension-layout .edition-select-dimension .dropdown-box.active .icon-arr-down > svg {
  transform: rotate(0deg);
}
.configuration-3d-dimension-layout .edition-select-dimension .dropdown-box.active .dropdown-options {
  display: block;
}
.configuration-3d-dimension-layout .edition-select-dimension .dropdown-box .icon-arr-down {
  position: absolute;
  right: 24px;
  cursor: pointer;
}
.configuration-3d-dimension-layout .edition-select-dimension .dropdown-box .icon-arr-down > svg {
  color: #111c1c;
}
.configuration-3d-dimension-layout .edition-select-dimension .dropdown-box .dropdown-container {
  position: relative;
  height: 100%;
  display: block;
}
.configuration-3d-dimension-layout .edition-select-dimension .dropdown-box .dropdown-selected {
  height: 48px;
  width: 100%;
  filter: drop-shadow(0px 0px 16px rgba(17, 28, 28, 0.16));
  position: relative;
  background: #F8F7F4;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
}
.configuration-3d-dimension-layout .edition-select-dimension .dropdown-box .dropdown-selected > p {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
  padding-left: 24px;
}
.configuration-3d-dimension-layout .edition-select-dimension .dropdown-box .dropdown-result {
  padding: 0px 24px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.configuration-3d-dimension-layout .edition-select-dimension .dropdown-box .dropdown-result .result-row {
  visibility: hidden;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.configuration-3d-dimension-layout .edition-select-dimension .dropdown-box .dropdown-result .result-row .left {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}
.configuration-3d-dimension-layout .edition-select-dimension .dropdown-box .dropdown-result .result-row .left .result-value {
  padding-right: 8px;
}
.configuration-3d-dimension-layout .edition-select-dimension .dropdown-box .dropdown-result .result-row .left .icon-remove {
  cursor: pointer;
}
.configuration-3d-dimension-layout .edition-select-dimension .dropdown-box .dropdown-result .result-row .right {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: #111c1c;
}
.configuration-3d-dimension-layout .edition-select-dimension .dropdown-box .dropdown-options {
  position: absolute;
  width: 100%;
  padding: 4px;
  z-index: 1;
  top: 44px;
  left: 0px;
  overflow: hidden;
  border-radius: 4px;
  background-color: #ffffff;
  cursor: pointer;
  display: none;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.08);
}
.configuration-3d-dimension-layout .edition-select-dimension .dropdown-box .dropdown-options .box-options {
  max-height: 180px;
  overflow-y: auto;
  padding-right: 3px;
}
.configuration-3d-dimension-layout .edition-select-dimension .dropdown-box .dropdown-options .box-options .box-option {
  height: 32px;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  padding-left: 40px;
  cursor: pointer;
  position: relative;
  border-radius: 8px;
  transition: all 0.3s ease-out;
  padding: 0px 20px;
  justify-content: space-between;
}
.configuration-3d-dimension-layout .edition-select-dimension .dropdown-box .dropdown-options .box-options .box-option:hover, .configuration-3d-dimension-layout .edition-select-dimension .dropdown-box .dropdown-options .box-options .box-option.active {
  background-color: #f8f7f3;
}
.configuration-3d-dimension-layout .edition-select-dimension .dropdown-box .dropdown-options .box-options .box-option.disabled-by-rule {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-3d-dimension-layout .edition-select-dimension .dropdown-box .dropdown-options .box-options .box-option .disable-info {
  right: 74px;
  top: 3px;
}

.configuration-3d-meterial-layout {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
  padding-bottom: 16px;
}
.configuration-3d-meterial-layout.active {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-meterial-layout.add-divider {
  border-top: solid 1px #d8d8d8;
  padding-top: 16px;
}
.configuration-3d-meterial-layout .config-name {
  display: flex;
  gap: 4px;
  margin-bottom: 8px;
}
.configuration-3d-meterial-layout .config-name p {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
}
.configuration-3d-meterial-layout .configuration-3d-meterial-container .configuration-3d-meterial-wrapper {
  display: flex;
  gap: 16px;
  flex-direction: row;
  flex-wrap: wrap;
}
.configuration-3d-meterial-layout .edition-item {
  max-width: 118px;
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.configuration-3d-meterial-layout .edition-item.active .bt-selected-item {
  background-color: #e5b761;
  opacity: 1;
}
.configuration-3d-meterial-layout .edition-item.active .bt-selected-item .icon {
  display: inline-block;
}
.configuration-3d-meterial-layout .edition-item.active .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-3d-meterial-layout .edition-item.active .bt-selected-item .ico-ed-info {
  transition: 0s;
  opacity: 0;
}
.configuration-3d-meterial-layout .edition-item.disable .text {
  color: #d8d8d8;
}
.configuration-3d-meterial-layout .edition-item.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-3d-meterial-layout .edition-item.disabled-by-rule .edition-image {
  opacity: 0.5;
}
.configuration-3d-meterial-layout .edition-item.disabled-by-rule .lock {
  display: block;
  opacity: 0.5;
}
.configuration-3d-meterial-layout .edition-item .lock {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.configuration-3d-meterial-layout .edition-item .lock svg {
  width: 36px;
  height: 36px;
}
.configuration-3d-meterial-layout .edition-item .circle-bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  border: solid 4px #ffffff;
  overflow: hidden;
  width: 104px;
  height: 104px;
  box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.08);
  background-color: #f8f7f3;
}
.configuration-3d-meterial-layout .edition-item .edition-image {
  position: relative;
  height: 104px;
  width: 104px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  border-radius: 50%;
  box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.08);
  border: solid 4px #ffffff;
  overflow: hidden;
}
.configuration-3d-meterial-layout .edition-item .edition-image img {
  width: 100%;
  height: 100px;
  object-fit: cover;
  object-position: center center;
}
.configuration-3d-meterial-layout .edition-item .edition-name {
  position: relative;
  bottom: 0;
  text-align: center;
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  max-width: 100px;
}
.configuration-3d-meterial-layout .bt-selected-item {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: -3px;
  top: -1px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.configuration-3d-meterial-layout .bt-selected-item .icon {
  width: 16px;
  height: 16px;
  position: relative;
  display: none;
}
.configuration-3d-meterial-layout .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}
.configuration-3d-meterial-layout .bt-selected-item .ico-ed-info {
  width: 3px;
  height: 11px;
  position: absolute;
  color: #ffffff;
  opacity: 1;
}
.configuration-3d-meterial-layout .extra-info {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 0px 16px 0px rgba(17, 28, 28, 0.08);
  top: 90px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}
.configuration-3d-meterial-layout .extra-info svg {
  width: 24px;
  height: 24px;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-3d-meterial-layout .edition-item:not(.active):not(.disabled-by-rule):hover .bt-selected-item {
    opacity: 1;
  }
  .configuration-3d-meterial-layout .edition-item:not(.active):not(.disabled-by-rule):hover .bt-selected-item .icon {
    display: inline-block;
  }
  .configuration-3d-meterial-layout .extra-info:hover {
    --color-1: #ebc989;
  }
}
@media screen and (max-width: 390px) {
  .configuration-3d-meterial-layout .configuration-3d-meterial-container .configuration-3d-meterial-wrapper {
    gap: 12px;
  }
}
.configuration-3d-shape-layout {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
  padding-bottom: 24px;
}
.configuration-3d-shape-layout .edition-config .config-name {
  display: flex;
  gap: 4px;
}
.configuration-3d-shape-layout .edition-config .config-name p {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
}
.configuration-3d-shape-layout .edition-config .configuration-3d-shape .configuration-3d-shape-container .configuration-3d-shape-wrapper {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(100px, auto));
}
.configuration-3d-shape-layout.active {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-shape-layout.disabled-by-force-select .edition-item {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-3d-shape-layout.disabled-by-force-select .edition-item.active {
  opacity: 1;
  cursor: pointer;
}
.configuration-3d-shape-layout.shape-with-circle-layout .edition-item .circle-bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  border: solid 4px #ffffff;
  overflow: hidden;
  width: 100px;
  height: 100px;
  box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.08);
  background-color: #f8f7f3;
}
.configuration-3d-shape-layout.shape-with-circle-layout .edition-item .edition-image {
  position: relative;
  height: 96px;
  width: 100%;
  min-width: 104px;
  display: flex;
  align-items: center;
  padding-top: 8px;
  margin-bottom: 12px;
  justify-content: center;
}
.configuration-3d-shape-layout.shape-with-circle-layout .edition-item .edition-image img {
  width: 100%;
  height: auto;
  max-width: 104px;
  object-fit: cover;
  object-position: center center;
}
.configuration-3d-shape-layout .edition-item {
  --ed-img: 80px;
  max-width: 118px;
  height: 122px;
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.configuration-3d-shape-layout .edition-item.active .bt-selected-item {
  background-color: #e5b761;
  opacity: 1;
}
.configuration-3d-shape-layout .edition-item.active .bt-selected-item .icon {
  display: inline-block;
}
.configuration-3d-shape-layout .edition-item.active .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-3d-shape-layout .edition-item.active .bt-selected-item .ico-ed-info {
  transition: 0s;
  opacity: 0;
}
.configuration-3d-shape-layout .edition-item.disable .text {
  color: #d8d8d8;
}
.configuration-3d-shape-layout .edition-item.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-3d-shape-layout .edition-item.disabled-by-rule .edition-image img {
  opacity: 0.5;
}
.configuration-3d-shape-layout .edition-item.disabled-by-rule .lock {
  display: block;
  opacity: 0.3;
}
.configuration-3d-shape-layout .edition-item .lock {
  display: none;
  left: calc(50% - 18px);
  top: 10px;
  position: absolute;
}
.configuration-3d-shape-layout .edition-item .lock svg {
  width: 36px;
  height: 36px;
}
.configuration-3d-shape-layout .edition-item .disable-info {
  left: calc(50% - 12px);
  bottom: 6px;
}
.configuration-3d-shape-layout .edition-item .edition-image {
  width: 100%;
  overflow: hidden;
  max-width: 118px;
  height: var(--ed-img);
  position: relative;
}
.configuration-3d-shape-layout .edition-item .edition-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
}
.configuration-3d-shape-layout .edition-item .edition-name {
  position: absolute;
  top: var(--ed-img);
  text-align: center;
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.configuration-3d-shape-layout .bt-selected-item {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: 0;
  top: 5.55%;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.configuration-3d-shape-layout .bt-selected-item .icon {
  width: 16px;
  height: 16px;
  position: relative;
  display: none;
}
.configuration-3d-shape-layout .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}
.configuration-3d-shape-layout .bt-selected-item .ico-ed-info {
  width: 3px;
  height: 11px;
  position: absolute;
  color: #ffffff;
  opacity: 1;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-3d-shape-layout .edition-item:not(.active):not(.has-description):hover .bt-selected-item {
    opacity: 1;
  }
  .configuration-3d-shape-layout .edition-item:not(.active):not(.has-description):hover .bt-selected-item .icon {
    display: inline-block;
  }
  .configuration-3d-shape-layout .edition-item.active.has-description:not(.disabled-by-rule):hover .bt-selected-item {
    opacity: 1;
  }
  .configuration-3d-shape-layout .edition-item.active.has-description:not(.disabled-by-rule):hover .bt-selected-item .icon {
    opacity: 0;
  }
  .configuration-3d-shape-layout .edition-item.active.has-description:not(.disabled-by-rule):hover .bt-selected-item .ico-ed-info {
    display: inline-block;
    transition: opacity 0s ease;
    opacity: 1;
  }
  .configuration-3d-shape-layout .edition-item.has-description:not(.active):hover .bt-selected-item {
    opacity: 1;
  }
  .configuration-3d-shape-layout .edition-item.has-description:not(.active):hover .bt-selected-item .icon {
    display: none;
  }
}
@media screen and (max-width: 390px) {
  .configuration-3d-shape-layout .edition-config .configuration-3d-shape .configuration-3d-shape-container .configuration-3d-shape-wrapper {
    gap: 12px;
  }
}
.configuration-3d-table-top-layout {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
  padding-bottom: 24px;
}
.configuration-3d-table-top-layout.active {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-table-top-layout .configuration-3d-table-top-container .configuration-3d-table-top-wrapper {
  display: flex;
  gap: 16px;
  flex-direction: row;
  flex-wrap: wrap;
}
.configuration-3d-table-top-layout.disabled-by-force-select .edition-item {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-3d-table-top-layout.disabled-by-force-select .edition-item.active {
  opacity: 1;
  cursor: pointer;
}
.configuration-3d-table-top-layout .edition-item {
  max-width: 118px;
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.configuration-3d-table-top-layout .edition-item.active .bt-selected-item {
  background-color: #e5b761;
  opacity: 1;
}
.configuration-3d-table-top-layout .edition-item.active .bt-selected-item .icon {
  display: inline-block;
}
.configuration-3d-table-top-layout .edition-item.active .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-3d-table-top-layout .edition-item.active .bt-selected-item .ico-ed-info {
  transition: 0s;
  opacity: 0;
}
.configuration-3d-table-top-layout .edition-item.disable .text {
  color: #d8d8d8;
}
.configuration-3d-table-top-layout .edition-item.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-3d-table-top-layout .edition-item.disabled-by-rule .edition-image img {
  opacity: 0.5;
}
.configuration-3d-table-top-layout .edition-item.disabled-by-rule .lock {
  display: block;
  opacity: 0.5;
}
.configuration-3d-table-top-layout .edition-item .lock {
  display: none;
  left: calc(50% - 18px);
  top: 18px;
  position: absolute;
}
.configuration-3d-table-top-layout .edition-item .lock svg {
  width: 36px;
  height: 36px;
}
.configuration-3d-table-top-layout .edition-item .disable-info {
  left: calc(50% - 12px);
  bottom: 10px;
}
.configuration-3d-table-top-layout .edition-item .edition-image {
  border-radius: 50%;
  border: solid 4px #ffffff;
  background-color: #f8f7f3;
  overflow: hidden;
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
  box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.08);
  position: relative;
}
.configuration-3d-table-top-layout .edition-item .edition-image img {
  height: 100%;
  width: 100%;
}
.configuration-3d-table-top-layout .edition-item .edition-name {
  position: relative;
  bottom: 0;
  text-align: center;
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  max-width: 104px;
}
.configuration-3d-table-top-layout .bt-selected-item {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: 0;
  top: -1px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.configuration-3d-table-top-layout .bt-selected-item .icon {
  width: 16px;
  height: 16px;
  position: relative;
  display: none;
}
.configuration-3d-table-top-layout .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}
.configuration-3d-table-top-layout .bt-selected-item .ico-ed-info {
  width: 3px;
  height: 11px;
  position: absolute;
  color: #ffffff;
  opacity: 1;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-3d-table-top-layout .edition-item:not(.active):not(.has-description):hover .bt-selected-item {
    opacity: 1;
  }
  .configuration-3d-table-top-layout .edition-item:not(.active):not(.has-description):hover .bt-selected-item .icon {
    display: inline-block;
  }
  .configuration-3d-table-top-layout .edition-item.active.has-description:not(.disabled-by-rule):hover .bt-selected-item {
    opacity: 1;
  }
  .configuration-3d-table-top-layout .edition-item.active.has-description:not(.disabled-by-rule):hover .bt-selected-item .icon {
    opacity: 0;
  }
  .configuration-3d-table-top-layout .edition-item.active.has-description:not(.disabled-by-rule):hover .bt-selected-item .ico-ed-info {
    display: inline-block;
    transition: opacity 0s ease;
    opacity: 1;
  }
  .configuration-3d-table-top-layout .edition-item.has-description:not(.active):hover .bt-selected-item {
    opacity: 1;
  }
  .configuration-3d-table-top-layout .edition-item.has-description:not(.active):hover .bt-selected-item .icon {
    display: none;
  }
}
@media screen and (max-width: 390px) {
  .configuration-3d-table-top-layout .configuration-3d-table-top-container .configuration-3d-table-top-wrapper {
    gap: 12px;
  }
}
.configuration-3d-toggle-options-layout .toggle-options input[name=room-option] {
  display: none;
}
.configuration-3d-toggle-options-layout .toggle-options .ed-txt {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
}
.configuration-3d-toggle-options-layout .toggle-options .config-name {
  padding-bottom: 8px;
  font-size: 14px;
}
.configuration-3d-toggle-options-layout .toggle-options .input-button-group {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.configuration-3d-toggle-options-layout .toggle-options .input-button-group label.room-option {
  width: 52px;
  height: 40px;
  padding: 12px 16px;
  border: 1px solid #d8d8d8;
  border-radius: 100px;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.configuration-3d-toggle-options-layout .toggle-options .input-button-group input:checked + label.room-option {
  border: 1px solid #e4b760;
  color: #e4b760;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-3d-toggle-options-layout .toggle-options .input-button-group label.room-option:hover {
    border-color: #e4b760;
    color: #e4b760;
  }
}
.configuration-3d-edge-finish-layout {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
  padding-bottom: 24px;
}
.configuration-3d-edge-finish-layout.active {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-edge-finish-layout.disabled-by-force-select .edition-item {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-3d-edge-finish-layout.disabled-by-force-select .edition-item.active {
  opacity: 1;
  cursor: pointer;
}
.configuration-3d-edge-finish-layout .configuration-3d-meterial-container .configuration-3d-meterial-wrapper {
  display: flex;
  gap: 16px;
  flex-direction: row;
  flex-wrap: wrap;
}
.configuration-3d-edge-finish-layout .edition-item {
  max-width: 118px;
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.configuration-3d-edge-finish-layout .edition-item.active .bt-selected-item {
  background-color: #e5b761;
  opacity: 1;
}
.configuration-3d-edge-finish-layout .edition-item.active .bt-selected-item .icon {
  display: inline-block;
}
.configuration-3d-edge-finish-layout .edition-item.active .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-3d-edge-finish-layout .edition-item.active .bt-selected-item .ico-ed-info {
  transition: 0s;
  opacity: 0;
}
.configuration-3d-edge-finish-layout .edition-item.disable .text {
  color: #d8d8d8;
}
.configuration-3d-edge-finish-layout .edition-item.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-3d-edge-finish-layout .edition-item.disabled-by-rule .edition-image img {
  opacity: 0.5;
}
.configuration-3d-edge-finish-layout .edition-item.disabled-by-rule .lock {
  display: block;
  opacity: 0.5;
}
.configuration-3d-edge-finish-layout .edition-item .lock {
  display: none;
  left: calc(50% - 18px);
  top: 0;
  position: absolute;
}
.configuration-3d-edge-finish-layout .edition-item .lock svg {
  width: 36px;
  height: 36px;
}
.configuration-3d-edge-finish-layout .edition-item .disable-info {
  left: calc(50% - 12px);
  bottom: 0;
}
.configuration-3d-edge-finish-layout .edition-item .circle-bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  border: solid 4px #ffffff;
  overflow: hidden;
  width: 100px;
  height: 100px;
  box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.08);
  background-color: #f8f7f3;
}
.configuration-3d-edge-finish-layout .edition-item .edition-image {
  position: relative;
  height: 96px;
  width: 100%;
  min-width: 104px;
  display: flex;
  align-items: center;
  padding-top: 8px;
  margin-bottom: 12px;
}
.configuration-3d-edge-finish-layout .edition-item .edition-image img {
  width: 100%;
  max-width: 104px;
  object-fit: cover;
  object-position: center center;
}
.configuration-3d-edge-finish-layout .edition-item .edition-name {
  position: relative;
  bottom: 0;
  text-align: center;
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  max-width: 104px;
}
.configuration-3d-edge-finish-layout .bt-selected-item {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: 0;
  top: -1px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.configuration-3d-edge-finish-layout .bt-selected-item .icon {
  width: 16px;
  height: 16px;
  position: relative;
  display: none;
}
.configuration-3d-edge-finish-layout .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}
.configuration-3d-edge-finish-layout .bt-selected-item .ico-ed-info {
  width: 3px;
  height: 11px;
  position: absolute;
  color: #ffffff;
  opacity: 1;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-3d-edge-finish-layout .edition-item:not(.active):not(.has-description):hover .bt-selected-item {
    opacity: 1;
  }
  .configuration-3d-edge-finish-layout .edition-item:not(.active):not(.has-description):hover .bt-selected-item .icon {
    display: inline-block;
  }
  .configuration-3d-edge-finish-layout .edition-item.active.has-description:not(.disabled-by-rule):hover .bt-selected-item {
    opacity: 1;
  }
  .configuration-3d-edge-finish-layout .edition-item.active.has-description:not(.disabled-by-rule):hover .bt-selected-item .icon {
    opacity: 0;
  }
  .configuration-3d-edge-finish-layout .edition-item.active.has-description:not(.disabled-by-rule):hover .bt-selected-item .ico-ed-info {
    display: inline-block;
    transition: opacity 0s ease;
    opacity: 1;
  }
  .configuration-3d-edge-finish-layout .edition-item.has-description:not(.active):hover .bt-selected-item {
    opacity: 1;
  }
  .configuration-3d-edge-finish-layout .edition-item.has-description:not(.active):hover .bt-selected-item .icon {
    display: none;
  }
}
@media screen and (max-width: 390px) {
  .configuration-3d-edge-finish-layout .configuration-3d-meterial-container .configuration-3d-meterial-wrapper {
    gap: 12px;
  }
}
.configuration-3d-legs-layout {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
}
.configuration-3d-legs-layout.active {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-legs-layout.add-divider {
  border-top: solid 1px #d8d8d8;
  padding-top: 16px;
}
.configuration-3d-legs-layout .configuration-3d-legs-container .configuration-3d-legs-wrapper {
  display: flex;
  gap: 16px;
  flex-direction: row;
  flex-wrap: wrap;
}
.configuration-3d-legs-layout.disabled-by-force-select .edition-item {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-3d-legs-layout.disabled-by-force-select .edition-item.active {
  opacity: 1;
  cursor: pointer;
}
.configuration-3d-legs-layout .edition-item {
  max-width: 118px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}
.configuration-3d-legs-layout .edition-item.active .bt-selected-item {
  background-color: #e5b761;
  opacity: 1;
}
.configuration-3d-legs-layout .edition-item.active .bt-selected-item .icon {
  display: inline-block;
}
.configuration-3d-legs-layout .edition-item.active .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-3d-legs-layout .edition-item.active .bt-selected-item .ico-ed-info {
  transform: 0s;
  opacity: 0;
}
.configuration-3d-legs-layout .edition-item.disable .text {
  color: #d8d8d8;
}
.configuration-3d-legs-layout .edition-item.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-3d-legs-layout .edition-item.disabled-by-rule .edition-image {
  opacity: 0.5;
}
.configuration-3d-legs-layout .edition-item.disabled-by-rule .lock {
  display: block;
  opacity: 0.5;
}
.configuration-3d-legs-layout .edition-item .lock {
  display: none;
  left: calc(50% - 18px);
  top: 18px;
  position: absolute;
}
.configuration-3d-legs-layout .edition-item .lock svg {
  width: 36px;
  height: 36px;
}
.configuration-3d-legs-layout .edition-item .disable-info {
  left: calc(50% - 12px);
  bottom: 10px;
}
.configuration-3d-legs-layout .edition-item .circle-bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  border: solid 4px #ffffff;
  overflow: hidden;
  width: 100px;
  height: 100px;
  box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.08);
  background-color: #f8f7f3;
}
.configuration-3d-legs-layout .edition-item .edition-image {
  position: relative;
  height: 96px;
  min-width: 104px;
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: 8px;
  margin-bottom: 12px;
}
.configuration-3d-legs-layout .edition-item .edition-image img {
  width: 100%;
  max-width: 104px;
  object-fit: cover;
  object-position: center center;
}
.configuration-3d-legs-layout .edition-item .edition-name {
  position: relative;
  bottom: 0;
  text-align: center;
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  max-width: 104px;
}
.configuration-3d-legs-layout .bt-selected-item {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: 0;
  top: -1px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.configuration-3d-legs-layout .bt-selected-item .icon {
  width: 16px;
  height: 16px;
  position: relative;
  display: none;
}
.configuration-3d-legs-layout .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}
.configuration-3d-legs-layout .bt-selected-item .ico-ed-info {
  width: 3px;
  height: 11px;
  position: absolute;
  color: #ffffff;
  opacity: 1;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-3d-legs-layout .edition-item:not(.active):not(.has-description):hover .bt-selected-item {
    opacity: 1;
  }
  .configuration-3d-legs-layout .edition-item:not(.active):not(.has-description):hover .bt-selected-item .icon {
    display: inline-block;
  }
  .configuration-3d-legs-layout .edition-item.active.has-description:not(.disabled-by-rule):hover .bt-selected-item {
    opacity: 1;
  }
  .configuration-3d-legs-layout .edition-item.active.has-description:not(.disabled-by-rule):hover .bt-selected-item .icon {
    opacity: 0;
  }
  .configuration-3d-legs-layout .edition-item.active.has-description:not(.disabled-by-rule):hover .bt-selected-item .ico-ed-info {
    display: inline-block;
    transition: opacity 0s ease;
    opacity: 1;
  }
  .configuration-3d-legs-layout .edition-item.has-description:not(.active):hover .bt-selected-item {
    opacity: 1;
  }
  .configuration-3d-legs-layout .edition-item.has-description:not(.active):hover .bt-selected-item .icon {
    display: none;
  }
}
@media screen and (max-width: 390px) {
  .configuration-3d-legs-layout .configuration-3d-legs-container .configuration-3d-legs-wrapper {
    gap: 12px;
  }
}
.configuration-3d-fixed-typed-selection-layout {
  padding-bottom: 16px;
}
.configuration-3d-fixed-typed-selection-layout .edition-config .edition-fixed-type-container .edition-name {
  display: flex;
  gap: 4px;
}
.configuration-3d-fixed-typed-selection-layout .edition-config .edition-fixed-type-container .edition-name p {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
  margin-bottom: 8px;
}
.configuration-3d-fixed-typed-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(0, 72px));
  gap: 8px;
  padding-top: 8px;
}
.configuration-3d-fixed-typed-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  height: 40px;
  gap: 10px;
  border: 1px solid #d8d8d8;
  border-radius: 100px;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
  cursor: pointer;
  width: 72px;
  white-space: nowrap;
  position: relative;
  background-color: #fff;
}
.configuration-3d-fixed-typed-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option .opt-txt {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
}
.configuration-3d-fixed-typed-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option.active {
  border-color: #e4b760;
}
.configuration-3d-fixed-typed-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option.active .opt-txt {
  color: #e4b760;
}
.configuration-3d-fixed-typed-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option.recommend-option {
  width: 232px;
  grid-column: span 3;
}
.configuration-3d-fixed-typed-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-3d-fixed-typed-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option.disabled-by-rule::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  z-index: 1;
}
.configuration-3d-fixed-typed-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option.disabled-by-rule .opt-txt {
  opacity: 0.5;
}
.configuration-3d-fixed-typed-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option.disabled-by-rule .disable-info {
  display: block;
  z-index: 2;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
}
.configuration-3d-fixed-typed-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option .disable-info {
  display: none;
}
.configuration-3d-fixed-typed-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option .disable-info svg {
  width: 16px;
  height: 16px;
}
.configuration-3d-fixed-typed-selection-layout .disable-message {
  transform: translateY(-4px);
}
.configuration-3d-fixed-typed-selection-layout .disable-message::after {
  left: calc(50% - 14px);
}

@media (hover: hover) and (pointer: fine) {
  .configuration-3d-fixed-typed-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option:not(.disabled-by-rule):hover {
    border-color: #e4b760;
  }
  .configuration-3d-fixed-typed-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option:not(.disabled-by-rule):hover .opt-txt {
    color: #e4b760;
  }
}
.configuration-3d-scalable-type-selection-layout {
  padding-bottom: 24px;
}
.configuration-3d-scalable-type-selection-layout .edition-config .edition-scalable-type-container .edition-name {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
  margin-bottom: 8px;
}
.configuration-3d-scalable-type-selection-layout .edition-config .edition-scalable-type-container .edition-btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.configuration-3d-scalable-type-selection-layout .edition-config .edition-scalable-type-container .edition-btn-group .btn-option {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  height: 40px;
  gap: 10px;
  border: 1px solid #d8d8d8;
  border-radius: 100px;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
  cursor: pointer;
  width: fit-content;
  white-space: nowrap;
  position: relative;
}
.configuration-3d-scalable-type-selection-layout .edition-config .edition-scalable-type-container .edition-btn-group .btn-option .opt-txt {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
}
.configuration-3d-scalable-type-selection-layout .edition-config .edition-scalable-type-container .edition-btn-group .btn-option.active {
  border-color: #e4b760;
}
.configuration-3d-scalable-type-selection-layout .edition-config .edition-scalable-type-container .edition-btn-group .btn-option.active .opt-txt {
  color: #e4b760;
}
.configuration-3d-scalable-type-selection-layout .edition-config .edition-scalable-type-container .edition-btn-group .btn-option.recommend-option {
  width: 232px;
  grid-column: span 3;
}
.configuration-3d-scalable-type-selection-layout .edition-config .edition-scalable-type-container .edition-btn-group .btn-option.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-3d-scalable-type-selection-layout .edition-config .edition-scalable-type-container .edition-btn-group .btn-option.disabled-by-rule::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  z-index: 1;
}
.configuration-3d-scalable-type-selection-layout .edition-config .edition-scalable-type-container .edition-btn-group .btn-option.disabled-by-rule .opt-txt {
  opacity: 0.5;
}
.configuration-3d-scalable-type-selection-layout .edition-config .edition-scalable-type-container .edition-btn-group .btn-option.disabled-by-rule .disable-info {
  display: block;
  z-index: 2;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
}
.configuration-3d-scalable-type-selection-layout .edition-config .edition-scalable-type-container .edition-btn-group .btn-option .disable-info {
  display: none;
}
.configuration-3d-scalable-type-selection-layout .edition-config .edition-scalable-type-container .edition-btn-group .btn-option .disable-info svg {
  width: 16px;
  height: 16px;
}
.configuration-3d-scalable-type-selection-layout .disable-message {
  transform: translateY(-4px);
}
.configuration-3d-scalable-type-selection-layout .disable-message::after {
  left: calc(50% - 14px);
}

@media (hover: hover) and (pointer: fine) {
  .configuration-3d-scalable-type-selection-layout .edition-config .edition-scalable-type-container .edition-btn-group .btn-option:hover:not(.disabled-by-rule) {
    border-color: #e4b760;
  }
  .configuration-3d-scalable-type-selection-layout .edition-config .edition-scalable-type-container .edition-btn-group .btn-option:hover:not(.disabled-by-rule) .opt-txt {
    color: #e4b760;
  }
}
@media screen and (max-width: 1112px) {
  .configuration-3d-scalable-type-selection-layout .edition-config .edition-scalable-type-container .edition-btn-group {
    grid-template-columns: repeat(4, 72px);
  }
}
.configuration-3d-slider-range-layout {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
  padding-top: 24px;
}
.configuration-3d-slider-range-layout.active {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-slider-range-layout .ed-txt {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box {
  position: relative;
  padding-top: 8px;
  z-index: 1;
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .slider-actions {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 14px;
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .bt-circle {
  width: 32px;
  height: 32px;
  background: #fff;
  border-radius: 50%;
  border: 1.5px solid #111c1c;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .bt-circle .ico-decrease {
  width: 10px;
  height: 2px;
  color: #d2d2d1;
  transition: all 0.3s;
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .bt-circle .ico-decrease svg {
  position: absolute;
  width: 10px;
  height: 2px;
  color: #111c1c;
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .bt-circle .ico-decrease svg use {
  transform: scale(1.25);
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .bt-circle .ico-increase {
  width: 10px;
  height: 10px;
  color: #d2d2d1;
  transition: all 0.3s;
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .bt-circle .ico-increase svg {
  position: absolute;
  width: 10px;
  height: 10px;
  color: #111c1c;
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .bt-circle .ico-increase svg use {
  transform: scale(1.25);
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .slider-value {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -45px;
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .slider-value .val-txt {
  display: flex;
  font-weight: 600;
  color: #111c1c;
  font-size: 14px;
  line-height: 24px;
  user-select: none;
  height: 30px;
  align-items: center;
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .slider-value .num {
  font-weight: 600;
  color: #111c1c;
  font-size: 14px;
  line-height: 24px;
  text-align: right;
  background-color: rgba(0, 0, 0, 0);
  max-width: 40px;
  height: 100%;
  padding: 0;
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .slider-value .unit {
  margin-left: 8px;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #616161;
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .slider-bar {
  width: 100%;
  position: relative;
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .slider-bar input.config-3d-slider {
  position: relative;
  appearance: none;
  width: 100%;
  height: 4px;
  background-color: #d8d8d8;
  outline: none;
  cursor: pointer;
  z-index: 2;
  padding: 0;
  border-radius: 0;
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .slider-bar input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  background: #d8d8d8;
  border: none;
  background-color: transparent;
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .slider-bar input[type=range]::-webkit-slider-track {
  width: 100%;
  height: 4px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent;
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .slider-bar input[type=range]::-webkit-slider-thumb {
  appearance: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: 2px solid #f8f7f4;
  background: #e4b760;
  margin-top: -6px;
  transition: all 0.3s ease;
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .slider-bar input[type=range]:focus {
  outline: none;
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .slider-bar input[type=range]::-moz-range-track {
  height: 40px;
  background: #ddd;
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .slider-txt {
  position: relative;
  font-size: 10px;
  line-height: 14px;
  color: #8a8a89;
  height: 24px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px;
}
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .slider-txt .min,
.configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .slider-txt .max {
  color: #aeb2b2;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .bt-circle:hover {
    border-color: #e4b760;
  }
  .configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .bt-circle:hover .ico-decrease svg,
  .configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container .bt-circle:hover .ico-increase svg {
    color: #e4b760;
  }
  .configuration-3d-slider-range-layout .edition-config .edition-item .slider-box .slider-container input[type=range]::-webkit-slider-thumb:hover {
    box-shadow: 0px 0px 4px rgba(17, 28, 28, 0.16);
  }
}
.configuration-3d-multiple-type-selection-layout {
  padding-bottom: 16px;
}
.configuration-3d-multiple-type-selection-layout .edition-config .edition-fixed-type-container .edition-name {
  display: flex;
  gap: 4px;
}
.configuration-3d-multiple-type-selection-layout .edition-config .edition-fixed-type-container .edition-name p {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
  margin-bottom: 8px;
}
.configuration-3d-multiple-type-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(0, 88px));
  gap: 8px;
  padding-top: 8px;
}
.configuration-3d-multiple-type-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  height: 40px;
  gap: 10px;
  border: 1px solid #d8d8d8;
  border-radius: 100px;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
  cursor: pointer;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}
.configuration-3d-multiple-type-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option .opt-txt {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
}
.configuration-3d-multiple-type-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option.active {
  border-color: #e4b760;
}
.configuration-3d-multiple-type-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option.active .opt-txt {
  color: #e4b760;
}
.configuration-3d-multiple-type-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option.recommend-option {
  width: auto;
  grid-column: span 3;
}
.configuration-3d-multiple-type-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-3d-multiple-type-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option.disabled-by-rule::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  z-index: 1;
}
.configuration-3d-multiple-type-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option.disabled-by-rule .opt-txt {
  opacity: 0.5;
}
.configuration-3d-multiple-type-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option.disabled-by-rule .disable-info {
  display: block;
  z-index: 2;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
}
.configuration-3d-multiple-type-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option .disable-info {
  display: none;
}
.configuration-3d-multiple-type-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option .disable-info svg {
  width: 16px;
  height: 16px;
}
.configuration-3d-multiple-type-selection-layout .disable-message {
  transform: translateY(-4px);
}
.configuration-3d-multiple-type-selection-layout .disable-message::after {
  left: calc(50% - 14px);
}

@media (hover: hover) and (pointer: fine) {
  .configuration-3d-multiple-type-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option:hover {
    border-color: #e4b760;
  }
  .configuration-3d-multiple-type-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option:hover .opt-txt:not(.disabled-by-rule) {
    color: #e4b760;
  }
}
@media screen and (max-width: 1112px) {
  .configuration-3d-multiple-type-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group {
    grid-template-columns: repeat(auto-fill, minmax(0, 98px));
  }
  .configuration-3d-multiple-type-selection-layout .edition-config .edition-fixed-type-container .edition-btn-group .btn-option.recommend-option {
    width: 204px;
    grid-column: span 2;
  }
}
.configuration-3d-sofa-color-layout {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
  padding-bottom: 24px;
}
.configuration-3d-sofa-color-layout.active {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-sofa-color-layout .configuration-3d-sofa-color-container .configuration-3d-sofa-color-wrapper {
  display: flex;
  gap: 16px;
  flex-direction: row;
  flex-wrap: wrap;
}
.configuration-3d-sofa-color-layout.disabled-by-force-select .edition-item {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-3d-sofa-color-layout.disabled-by-force-select .edition-item.active {
  opacity: 1;
  cursor: pointer;
}
.configuration-3d-sofa-color-layout .edition-item .edition-item-container {
  height: auto;
  cursor: pointer;
  position: relative;
  max-width: 144px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.configuration-3d-sofa-color-layout .edition-item.active .bt-selected-item {
  background-color: #e5b761;
  opacity: 1;
}
.configuration-3d-sofa-color-layout .edition-item.active .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-3d-sofa-color-layout .edition-item.active .edition-image {
  position: relative;
}
.configuration-3d-sofa-color-layout .edition-item.active .edition-image::before {
  border: none;
  box-shadow: none;
}
.configuration-3d-sofa-color-layout .edition-item.active .edition-image:after {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-sofa-color-layout .edition-item.disable .text {
  color: #d8d8d8;
}
.configuration-3d-sofa-color-layout .edition-item.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-3d-sofa-color-layout .edition-item.disabled-by-rule .edition-image {
  cursor: not-allowed;
}
.configuration-3d-sofa-color-layout .edition-item.disabled-by-rule .edition-image img {
  opacity: 0.5;
}
.configuration-3d-sofa-color-layout .edition-item.disabled-by-rule .lock {
  display: block;
  opacity: 0.5;
}
.configuration-3d-sofa-color-layout .edition-item .lock {
  display: none;
  left: calc(50% - 18px);
  top: calc(50% - 19px);
  position: absolute;
}
.configuration-3d-sofa-color-layout .edition-item .lock svg {
  width: 36px;
  height: 36px;
}
.configuration-3d-sofa-color-layout .edition-item .disable-info {
  top: -3px;
  right: 0px;
  height: fit-content;
  z-index: 1;
}
.configuration-3d-sofa-color-layout .edition-item .edition-image {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.08);
  position: relative;
}
.configuration-3d-sofa-color-layout .edition-item .edition-image:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 52px;
  height: 52px;
  clip-path: circle(50%);
  border-radius: 50%;
  background-color: white;
  display: inline-block;
  z-index: 1;
  border: 2px solid #ffffff;
}
.configuration-3d-sofa-color-layout .edition-item .edition-image:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 52px;
  height: 52px;
  clip-path: circle(50%);
  background-color: #ebc989;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  border: 2px solid #ebc989;
  border-radius: 50%;
}
.configuration-3d-sofa-color-layout .edition-item .edition-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  z-index: 2;
  position: relative;
}
.configuration-3d-sofa-color-layout .edition-item .title {
  max-width: 48px;
  text-align: center;
  margin-top: 6px;
}
.configuration-3d-sofa-color-layout .edition-item .title .txt {
  color: #111c1c;
  font-weight: 600;
  font-size: 10px;
}
.configuration-3d-sofa-color-layout .edition-item .edition-tooltip {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -44px);
  background: #ffffff;
  height: 32px;
  padding: 0px 18px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  border-radius: 30px;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
  transition-delay: 0.15s;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
.configuration-3d-sofa-color-layout .edition-item .edition-tooltip::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  position: absolute;
  bottom: -5px;
  left: 46%;
  transform: rotate(45deg) translate(-50%, 0px);
}
.configuration-3d-sofa-color-layout .edition-item .edition-tooltip .edition-name {
  position: relative;
  bottom: 0;
  text-align: center;
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.configuration-3d-sofa-color-layout .edition-item .bt-selected-item {
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: -8px;
  top: -8px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  z-index: 2;
}
.configuration-3d-sofa-color-layout .edition-item .bt-selected-item .icon {
  width: 16px;
  height: 16px;
  position: relative;
}
.configuration-3d-sofa-color-layout .edition-item .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-3d-sofa-color-layout .edition-item:not(.active):not(.disabled-by-rule):hover .bt-selected-item {
    opacity: 1;
  }
  .configuration-3d-sofa-color-layout .edition-item:not(.active):not(.disabled-by-rule):hover .edition-tooltip {
    opacity: 1;
    visibility: visible;
  }
  .configuration-3d-sofa-color-layout .edition-item.disabled-by-rule:hover .bt-selected-item {
    opacity: 0;
  }
  .configuration-3d-sofa-color-layout .edition-item.disabled-by-rule:hover .edition-tooltip {
    opacity: 1;
    visibility: visible;
  }
}
.configuration-3d-sofa-material-layout,
.configuration-3d-type-selection-with-position-layout {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
  padding-bottom: 16px;
}
.configuration-3d-sofa-material-layout.active,
.configuration-3d-type-selection-with-position-layout.active {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-sofa-material-layout.add-divider,
.configuration-3d-type-selection-with-position-layout.add-divider {
  border-top: solid 1px #d8d8d8;
  padding-top: 16px;
}
.configuration-3d-sofa-material-layout .configuration-3d-sofa-material-container .configuration-3d-sofa-material-wrapper,
.configuration-3d-type-selection-with-position-layout .configuration-3d-sofa-material-container .configuration-3d-sofa-material-wrapper {
  display: flex;
  gap: 16px;
  flex-direction: row;
  flex-wrap: wrap;
}
.configuration-3d-sofa-material-layout .edition-item,
.configuration-3d-type-selection-with-position-layout .edition-item {
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.configuration-3d-sofa-material-layout .edition-item .product-tooltips .tooltip .tooltip-content,
.configuration-3d-type-selection-with-position-layout .edition-item .product-tooltips .tooltip .tooltip-content {
  left: calc(50% + 52px);
  transform: translate(-50%, 100%);
  text-align: left;
  padding: 4px 8px;
  z-index: 6;
}
.configuration-3d-sofa-material-layout .edition-item.active .bt-selected-item,
.configuration-3d-type-selection-with-position-layout .edition-item.active .bt-selected-item {
  background-color: #e5b761;
  opacity: 1;
}
.configuration-3d-sofa-material-layout .edition-item.active .bt-selected-item .icon,
.configuration-3d-type-selection-with-position-layout .edition-item.active .bt-selected-item .icon {
  display: inline-block;
}
.configuration-3d-sofa-material-layout .edition-item.active .bt-selected-item .icon:before,
.configuration-3d-type-selection-with-position-layout .edition-item.active .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-3d-sofa-material-layout .edition-item.active .ico-ed-info,
.configuration-3d-type-selection-with-position-layout .edition-item.active .ico-ed-info {
  transition: 0s;
  opacity: 0;
}
.configuration-3d-sofa-material-layout .edition-item.active .edition-image,
.configuration-3d-type-selection-with-position-layout .edition-item.active .edition-image {
  position: relative;
}
.configuration-3d-sofa-material-layout .edition-item.active .edition-image::before,
.configuration-3d-type-selection-with-position-layout .edition-item.active .edition-image::before {
  border: none;
  box-shadow: none;
}
.configuration-3d-sofa-material-layout .edition-item.active .edition-image:after,
.configuration-3d-type-selection-with-position-layout .edition-item.active .edition-image:after {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-sofa-material-layout .edition-item.disable .text,
.configuration-3d-type-selection-with-position-layout .edition-item.disable .text {
  color: #d8d8d8;
}
.configuration-3d-sofa-material-layout .edition-item.disabled-by-rule,
.configuration-3d-type-selection-with-position-layout .edition-item.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-3d-sofa-material-layout .edition-item.disabled-by-rule .edition-image,
.configuration-3d-type-selection-with-position-layout .edition-item.disabled-by-rule .edition-image {
  opacity: 0.5;
}
.configuration-3d-sofa-material-layout .edition-item.disabled-by-rule .lock,
.configuration-3d-type-selection-with-position-layout .edition-item.disabled-by-rule .lock {
  display: block;
  opacity: 0.5;
  z-index: 2;
}
.configuration-3d-sofa-material-layout .edition-item .lock,
.configuration-3d-type-selection-with-position-layout .edition-item .lock {
  display: none;
  left: calc(50% - 18px);
  top: 4px;
  position: absolute;
  z-index: 2;
}
.configuration-3d-sofa-material-layout .edition-item .lock svg,
.configuration-3d-type-selection-with-position-layout .edition-item .lock svg {
  width: 36px;
  height: 36px;
}
.configuration-3d-sofa-material-layout .edition-item .disable-info,
.configuration-3d-type-selection-with-position-layout .edition-item .disable-info {
  left: calc(50% - 12px);
  bottom: 2px;
  z-index: 2;
}
.configuration-3d-sofa-material-layout .edition-item .edition-image,
.configuration-3d-type-selection-with-position-layout .edition-item .edition-image {
  position: relative;
  height: 68px;
  width: 68px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  box-shadow: 0 0px 32px 0px rgba(0, 0, 0, 0.08);
}
.configuration-3d-sofa-material-layout .edition-item .edition-image:before,
.configuration-3d-type-selection-with-position-layout .edition-item .edition-image:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  clip-path: circle(50%);
  border-radius: 50%;
  background-color: white;
  display: inline-block;
  z-index: 1;
  border: 2px solid #ffffff;
}
.configuration-3d-sofa-material-layout .edition-item .edition-image:after,
.configuration-3d-type-selection-with-position-layout .edition-item .edition-image:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  clip-path: circle(50%);
  background-color: #ebc989;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  border: 2px solid #ebc989;
}
.configuration-3d-sofa-material-layout .edition-item .edition-image img,
.configuration-3d-type-selection-with-position-layout .edition-item .edition-image img {
  width: 100%;
  border-radius: 50%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  z-index: 2;
}
.configuration-3d-sofa-material-layout .bt-selected-item,
.configuration-3d-type-selection-with-position-layout .bt-selected-item {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: -8px;
  top: -8px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
  opacity: 0;
  z-index: 2;
}
.configuration-3d-sofa-material-layout .bt-selected-item .icon,
.configuration-3d-type-selection-with-position-layout .bt-selected-item .icon {
  width: 16px;
  height: 16px;
  position: relative;
  display: none;
}
.configuration-3d-sofa-material-layout .bt-selected-item .icon:before,
.configuration-3d-type-selection-with-position-layout .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}
.configuration-3d-sofa-material-layout .bt-selected-item .ico-ed-info,
.configuration-3d-type-selection-with-position-layout .bt-selected-item .ico-ed-info {
  width: 3px;
  height: 11px;
  position: absolute;
  color: #ffffff;
  opacity: 1;
}
.configuration-3d-sofa-material-layout .ed-image-view,
.configuration-3d-type-selection-with-position-layout .ed-image-view {
  position: absolute;
  width: 24px;
  height: 24px;
  left: -4px;
  bottom: -4px;
  transition: all 0.3s ease-in-out;
  z-index: 2;
  border: 1px solid #111c1c;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.configuration-3d-sofa-material-layout .ed-image-view svg,
.configuration-3d-type-selection-with-position-layout .ed-image-view svg {
  width: 10px;
  height: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #111c1c;
}
.configuration-3d-sofa-material-layout .ed-image-view svg use,
.configuration-3d-type-selection-with-position-layout .ed-image-view svg use {
  transform: scale(0.625);
}
.configuration-3d-sofa-material-layout .edition-name,
.configuration-3d-type-selection-with-position-layout .edition-name {
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  line-height: normal;
  margin-top: 20px;
  inline-size: 72px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.configuration-3d-sofa-material-layout .bt-selected-item,
.configuration-3d-type-selection-with-position-layout .bt-selected-item {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: -3px;
  top: -6px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.configuration-3d-sofa-material-layout .bt-selected-item .icon,
.configuration-3d-type-selection-with-position-layout .bt-selected-item .icon {
  width: 16px;
  height: 16px;
  position: relative;
  display: none;
}
.configuration-3d-sofa-material-layout .bt-selected-item .icon:before,
.configuration-3d-type-selection-with-position-layout .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}
.configuration-3d-sofa-material-layout .bt-selected-item .ico-ed-info,
.configuration-3d-type-selection-with-position-layout .bt-selected-item .ico-ed-info {
  width: 3px;
  height: 11px;
  position: absolute;
  color: #ffffff;
  opacity: 1;
}
.configuration-3d-sofa-material-layout .extra-info,
.configuration-3d-type-selection-with-position-layout .extra-info {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 0px 16px 0px rgba(17, 28, 28, 0.08);
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 2;
}
.configuration-3d-sofa-material-layout .extra-info svg,
.configuration-3d-type-selection-with-position-layout .extra-info svg {
  width: 24px;
  height: 24px;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-3d-sofa-material-layout .edition-item:not(.active):not(.disabled-by-rule):hover .bt-selected-item,
  .configuration-3d-type-selection-with-position-layout .edition-item:not(.active):not(.disabled-by-rule):hover .bt-selected-item {
    opacity: 1;
  }
  .configuration-3d-sofa-material-layout .edition-item:not(.active):not(.disabled-by-rule):hover .bt-selected-item .icon,
  .configuration-3d-type-selection-with-position-layout .edition-item:not(.active):not(.disabled-by-rule):hover .bt-selected-item .icon {
    display: inline-block;
  }
  .configuration-3d-sofa-material-layout .extra-info:hover,
  .configuration-3d-type-selection-with-position-layout .extra-info:hover {
    --color-1: #ebc989;
  }
}
.configuration-3d-sofa-model-layout {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
  padding-bottom: 16px;
}
.configuration-3d-sofa-model-layout.active {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-sofa-model-layout.add-divider {
  border-top: solid 1px #d8d8d8;
  padding-top: 16px;
}
.configuration-3d-sofa-model-layout .configuration-3d-sofa-model-container .configuration-3d-sofa-model-wrapper {
  display: flex;
  column-gap: 11px;
  row-gap: 16px;
  flex-direction: row;
  flex-wrap: wrap;
}
.configuration-3d-sofa-model-layout .edition-item {
  max-width: 76px;
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;
  cursor: pointer;
  user-select: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.configuration-3d-sofa-model-layout .edition-item:hover .edition-image img {
  transform: scale(1.2);
}
.configuration-3d-sofa-model-layout .edition-item:hover .edition-tooltip {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-sofa-model-layout .edition-item .product-tooltips .tooltip .tooltip-content {
  left: calc(50% + 52px);
  transform: translate(-50%, 100%);
  text-align: left;
  padding: 4px 8px;
  z-index: 6;
}
.configuration-3d-sofa-model-layout .edition-item.active .bt-selected-item {
  background-color: #e5b761;
  opacity: 1;
}
.configuration-3d-sofa-model-layout .edition-item.active .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-3d-sofa-model-layout .edition-item.active .amount {
  display: flex;
}
.configuration-3d-sofa-model-layout .edition-item.disable .text {
  color: #d8d8d8;
}
.configuration-3d-sofa-model-layout .edition-item.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-3d-sofa-model-layout .edition-item.disabled-by-rule .edition-image {
  opacity: 0.5;
}
.configuration-3d-sofa-model-layout .edition-item.disabled-by-rule .lock {
  display: block;
  opacity: 0.5;
}
.configuration-3d-sofa-model-layout .edition-item .lock {
  display: none;
  left: calc(50% - 18px);
  top: 18px;
  position: absolute;
}
.configuration-3d-sofa-model-layout .edition-item .lock svg {
  width: 36px;
  height: 36px;
}
.configuration-3d-sofa-model-layout .edition-item .disable-info {
  left: calc(50% - 12px);
  bottom: 10px;
}
.configuration-3d-sofa-model-layout .edition-item .circle-bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  border: solid 2px #ffffff;
  overflow: hidden;
  height: 76px;
  width: 76px;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.08);
  background-color: #f8f7f3;
}
.configuration-3d-sofa-model-layout .edition-item .edition-image {
  position: relative;
  height: 76px;
  width: 76px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  border: 2px solid #ffffff;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  background: #f8f7f4;
  outline: none;
}
.configuration-3d-sofa-model-layout .edition-item .edition-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: all 0.15s ease-in-out;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.configuration-3d-sofa-model-layout .edition-item .edition-tooltip {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -44px);
  background: #ffffff;
  height: 32px;
  padding: 0px 18px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  border-radius: 30px;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
  transition-delay: 0.15s;
  opacity: 0;
  visibility: hidden;
}
.configuration-3d-sofa-model-layout .edition-item .edition-tooltip.add-line {
  height: 38px;
}
.configuration-3d-sofa-model-layout .edition-item .edition-tooltip.left {
  left: 0;
  transform: translate(0%, -44px);
}
.configuration-3d-sofa-model-layout .edition-item .edition-tooltip.left:before {
  left: 38px;
}
.configuration-3d-sofa-model-layout .edition-item .edition-tooltip.right {
  left: auto;
  right: 0;
  transform: translate(0%, -44px);
}
.configuration-3d-sofa-model-layout .edition-item .edition-tooltip.right:before {
  left: auto;
  right: 32px;
}
.configuration-3d-sofa-model-layout .edition-item .edition-tooltip::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: rotate(45deg) translate(-48%, 0px);
}
.configuration-3d-sofa-model-layout .edition-item .edition-tooltip .edition-name {
  position: relative;
  bottom: 0;
  text-align: center;
  width: auto;
  max-width: 999px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.configuration-3d-sofa-model-layout .edition-item .edition-name {
  position: relative;
  bottom: 0;
  text-align: center;
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  max-width: 100px;
}
.configuration-3d-sofa-model-layout .edition-item .edition-name p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.configuration-3d-sofa-model-layout .bt-selected-item {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: -3px;
  top: -1px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.configuration-3d-sofa-model-layout .bt-selected-item .icon {
  width: 16px;
  height: 16px;
  position: relative;
}
.configuration-3d-sofa-model-layout .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}
.configuration-3d-sofa-model-layout .animation-instruction {
  position: absolute;
  max-width: 500px;
  width: 100%;
  left: -80%;
  z-index: 5;
  pointer-events: none;
}
.configuration-3d-sofa-model-layout .animation-instruction img {
  width: 100%;
}
.configuration-3d-sofa-model-layout .amount {
  position: absolute;
  border: 2px solid #ffffff;
  background-color: #e5b761;
  color: #fff;
  padding: 4px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  top: -4px;
  right: -4px;
  overflow: visible;
  display: none;
}

.sofa-part-drag-shadow {
  position: fixed;
  z-index: 99;
  pointer-events: none;
  touch-action: none;
  opacity: 0;
  width: 76px;
  height: 76px;
}
.sofa-part-drag-shadow img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 743px) {
  .configuration-3d-sofa-model-layout .animation-instruction {
    display: none;
  }
}
@media screen and (max-width: 390px) {
  .configuration-3d-sofa-model-layout .configuration-3d-sofa-model-container .configuration-3d-sofa-model-wrapper {
    gap: 10px;
  }
}
.configuration-3d-object-attached-layout {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
  padding-bottom: 16px;
}
.configuration-3d-object-attached-layout .title {
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 2px;
}
.configuration-3d-object-attached-layout.active {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-object-attached-layout.add-divider {
  border-top: solid 1px #d8d8d8;
  padding-top: 16px;
}
.configuration-3d-object-attached-layout .configuration-3d-object-attached-container .configuration-3d-object-attached-wrapper {
  display: flex;
  column-gap: 11px;
  row-gap: 16px;
  flex-direction: row;
  flex-wrap: wrap;
}
.configuration-3d-object-attached-layout .edition-item {
  max-width: 76px;
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;
  cursor: pointer;
  user-select: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.configuration-3d-object-attached-layout .edition-item:hover .edition-image, .configuration-3d-object-attached-layout .edition-item.selected .edition-image {
  border-color: #e5b761;
}
.configuration-3d-object-attached-layout .edition-item.active .bt-selected-item {
  background-color: #e5b761;
  opacity: 1;
}
.configuration-3d-object-attached-layout .edition-item.active .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-3d-object-attached-layout .edition-item.active .amount {
  display: flex;
}
.configuration-3d-object-attached-layout .edition-item.disable .text {
  color: #d8d8d8;
}
.configuration-3d-object-attached-layout .edition-item.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-3d-object-attached-layout .edition-item.disabled-by-rule .edition-image {
  opacity: 0.5;
}
.configuration-3d-object-attached-layout .edition-item.disabled-by-rule .lock {
  display: block;
  opacity: 0.5;
}
.configuration-3d-object-attached-layout .edition-item .lock {
  display: none;
  left: calc(50% - 18px);
  top: 18px;
  position: absolute;
}
.configuration-3d-object-attached-layout .edition-item .lock svg {
  width: 36px;
  height: 36px;
}
.configuration-3d-object-attached-layout .edition-item .disable-info {
  left: calc(50% - 12px);
  bottom: 10px;
}
.configuration-3d-object-attached-layout .edition-item .circle-bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  border: solid 2px #ffffff;
  overflow: hidden;
  height: 76px;
  width: 76px;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.08);
  background-color: #f8f7f3;
}
.configuration-3d-object-attached-layout .edition-item .edition-image {
  position: relative;
  height: 76px;
  width: 76px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  border: 2px solid #ffffff;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  background: #f8f7f4;
  outline: none;
}
.configuration-3d-object-attached-layout .edition-item .edition-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: all 0.15s ease-in-out;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.configuration-3d-object-attached-layout .edition-item .edition-name {
  position: relative;
  bottom: 0;
  text-align: center;
  width: 100%;
  max-width: 100px;
  margin-top: 8px;
}
.configuration-3d-object-attached-layout .edition-item .edition-name p {
  font-size: 10px;
  line-height: 1.2;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
}
.configuration-3d-object-attached-layout .edition-item .edition-name p:last-child {
  margin-top: 4px;
}
.configuration-3d-object-attached-layout .bt-selected-item {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: -3px;
  top: -1px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.configuration-3d-object-attached-layout .bt-selected-item .icon {
  width: 16px;
  height: 16px;
  position: relative;
}
.configuration-3d-object-attached-layout .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}
.configuration-3d-object-attached-layout .amount {
  position: absolute;
  border: 2px solid #ffffff;
  background-color: #e5b761;
  color: #fff;
  padding: 4px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  top: -4px;
  right: -4px;
  overflow: visible;
  display: none;
}

@media screen and (max-width: 390px) {
  .configuration-3d-object-attached-layout .configuration-3d-object-attached-container .configuration-3d-object-attached-wrapper {
    gap: 10px;
  }
}
.configuration-3d-object-free-form-layout {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
  padding-bottom: 16px;
}
.configuration-3d-object-free-form-layout .title {
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 2px;
}
.configuration-3d-object-free-form-layout.active {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-object-free-form-layout.add-divider {
  border-top: solid 1px #d8d8d8;
  padding-top: 16px;
}
.configuration-3d-object-free-form-layout .configuration-3d-object-free-form-container .configuration-3d-object-free-form-wrapper {
  display: flex;
  column-gap: 11px;
  row-gap: 16px;
  flex-direction: row;
  flex-wrap: wrap;
}
.configuration-3d-object-free-form-layout .edition-item {
  max-width: 76px;
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;
  cursor: pointer;
  user-select: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.configuration-3d-object-free-form-layout .edition-item:hover .edition-image, .configuration-3d-object-free-form-layout .edition-item.selected .edition-image {
  border-color: #e5b761;
}
.configuration-3d-object-free-form-layout .edition-item.active .bt-selected-item {
  background-color: #e5b761;
  opacity: 1;
}
.configuration-3d-object-free-form-layout .edition-item.active .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-3d-object-free-form-layout .edition-item.active .amount {
  display: flex;
}
.configuration-3d-object-free-form-layout .edition-item.disable .text {
  color: #d8d8d8;
}
.configuration-3d-object-free-form-layout .edition-item.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-3d-object-free-form-layout .edition-item.disabled-by-rule .edition-image {
  opacity: 0.5;
}
.configuration-3d-object-free-form-layout .edition-item.disabled-by-rule .lock {
  display: block;
  opacity: 0.5;
}
.configuration-3d-object-free-form-layout .edition-item .lock {
  display: none;
  left: calc(50% - 18px);
  top: 18px;
  position: absolute;
}
.configuration-3d-object-free-form-layout .edition-item .lock svg {
  width: 36px;
  height: 36px;
}
.configuration-3d-object-free-form-layout .edition-item .disable-info {
  left: calc(50% - 12px);
  bottom: 10px;
}
.configuration-3d-object-free-form-layout .edition-item .circle-bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  border: solid 2px #ffffff;
  overflow: hidden;
  height: 76px;
  width: 76px;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.08);
  background-color: #f8f7f3;
}
.configuration-3d-object-free-form-layout .edition-item .edition-image {
  position: relative;
  height: 76px;
  width: 76px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  border: 2px solid #ffffff;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  background: #f8f7f4;
  outline: none;
}
.configuration-3d-object-free-form-layout .edition-item .edition-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: all 0.15s ease-in-out;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.configuration-3d-object-free-form-layout .edition-item .edition-name {
  position: relative;
  bottom: 0;
  text-align: center;
  width: 100%;
  max-width: 100px;
  margin-top: 8px;
}
.configuration-3d-object-free-form-layout .edition-item .edition-name p {
  font-size: 10px;
  line-height: 1;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
}
.configuration-3d-object-free-form-layout .bt-selected-item {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: -3px;
  top: -1px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.configuration-3d-object-free-form-layout .bt-selected-item .icon {
  width: 16px;
  height: 16px;
  position: relative;
}
.configuration-3d-object-free-form-layout .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}
.configuration-3d-object-free-form-layout .amount {
  position: absolute;
  border: 2px solid #ffffff;
  background-color: #e5b761;
  color: #fff;
  padding: 4px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  top: -4px;
  right: -4px;
  overflow: visible;
  display: none;
}

.sofa-part-drag-shadow {
  position: fixed;
  z-index: 99;
  pointer-events: none;
  touch-action: none;
  opacity: 0;
  width: 76px;
  height: 76px;
}
.sofa-part-drag-shadow img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 390px) {
  .configuration-3d-object-free-form-layout .configuration-3d-object-free-form-container .configuration-3d-object-free-form-wrapper {
    gap: 10px;
  }
}
.other-sofa-edition-layout {
  margin-top: 32px;
  display: inline-block;
}
.other-sofa-edition-layout .edition-config {
  left: 12px;
}
.other-sofa-edition-layout .slide-container {
  overflow: hidden;
  width: 500px;
  padding-bottom: 64px;
}
.other-sofa-edition-layout .slide-container .other-sofa-slide {
  width: 99999px;
  transition: left ease-in-out 0.5s;
  position: relative;
}
.other-sofa-edition-layout .slide-container .edition-item {
  display: inline-flex;
  width: 500px;
  justify-content: center;
  position: relative;
  height: 90px;
}
.other-sofa-edition-layout .slide-container .edition-item a {
  user-select: none;
  -webkit-user-drag: none;
  display: inline-block;
  height: 100%;
  width: auto;
}
.other-sofa-edition-layout .slide-container .edition-item a img {
  height: 100%;
  width: auto;
}
.other-sofa-edition-layout .slide-container .name {
  position: absolute;
  bottom: 0;
  left: 0;
  font-weight: 600;
  bottom: 12px;
  font-size: 14px;
  opacity: 1;
  transition: all ease-in-out 0.25s;
}
.other-sofa-edition-layout .slide-container .name.fade {
  opacity: 0;
}
.other-sofa-edition-layout .nav {
  width: 100%;
}
.other-sofa-edition-layout .nav .arrs {
  position: absolute;
  top: 20%;
  height: 0;
  width: 100%;
}
.other-sofa-edition-layout .nav .arrs .arr {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #111C1C;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.other-sofa-edition-layout .nav .arrs .arr.disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.other-sofa-edition-layout .nav .arrs .arr svg {
  width: 10px;
  height: 10px;
}
.other-sofa-edition-layout .nav .arrs .arr.left {
  left: 0;
}
.other-sofa-edition-layout .nav .arrs .arr.right {
  transform: rotate(180deg);
  right: 0;
}
.other-sofa-edition-layout .nav .num-nav {
  position: absolute;
  right: 0;
  bottom: 13px;
  user-select: none;
  color: #AEB2B2;
  font-weight: 500;
}
.other-sofa-edition-layout .nav .num-nav b {
  color: #111C1C;
}
.other-sofa-edition-layout .nav .dot-nav {
  position: absolute;
  right: 0;
  bottom: 13px;
  user-select: none;
}
.other-sofa-edition-layout .nav .dot-nav .d {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  opacity: 0.25;
  background-color: #111C1C;
  display: inline-block;
  cursor: pointer;
  margin-left: 5px;
  transition: all ease-in-out 0.15s;
}
.other-sofa-edition-layout .nav .dot-nav .d.active, .other-sofa-edition-layout .nav .dot-nav .d:hover {
  opacity: 1;
}

@media screen and (max-width: 1112px) {
  .other-sofa-edition-layout {
    width: 100%;
  }
  .other-sofa-edition-layout .edition-config {
    left: 0;
  }
  .other-sofa-edition-layout .slide-container {
    width: 100%;
  }
  .other-sofa-edition-layout .slide-container .edition-item {
    width: auto;
  }
}
.configuration-3d-chair {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
  padding-bottom: 16px;
}
.configuration-3d-chair.active {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-chair.add-divider {
  border-top: solid 1px #d8d8d8;
  padding-top: 16px;
}
.configuration-3d-chair .configuration-3d-sofa-model-container .configuration-3d-sofa-model-wrapper {
  display: flex;
  column-gap: 15px;
  row-gap: 16px;
  flex-direction: row;
  flex-wrap: wrap;
}
.configuration-3d-chair .edition-item {
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;
  cursor: grab;
  user-select: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.configuration-3d-chair .edition-item .product-tooltips .tooltip .tooltip-content {
  left: calc(50% + 52px);
  transform: translate(-50%, 100%);
  text-align: left;
  padding: 4px 8px;
  z-index: 6;
}
.configuration-3d-chair .edition-item.active .bt-selected-item {
  background-color: #e5b761;
  opacity: 1;
}
.configuration-3d-chair .edition-item.active .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-3d-chair .edition-item.active .amount {
  display: flex;
}
.configuration-3d-chair .edition-item.disable .text {
  color: #d8d8d8;
}
.configuration-3d-chair .edition-item.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-3d-chair .edition-item.disabled-by-rule .edition-image {
  opacity: 0.5;
}
.configuration-3d-chair .edition-item.disabled-by-rule .lock {
  display: block;
  opacity: 0.5;
}
.configuration-3d-chair .edition-item .lock {
  display: none;
  left: calc(50% - 18px);
  top: 18px;
  position: absolute;
}
.configuration-3d-chair .edition-item .lock svg {
  width: 36px;
  height: 36px;
}
.configuration-3d-chair .edition-item .disable-info {
  left: calc(50% - 12px);
  bottom: 10px;
}
.configuration-3d-chair .edition-item .circle-bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  border: solid 2px #ffffff;
  overflow: hidden;
  height: 76px;
  width: 76px;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.08);
  background-color: #f8f7f3;
}
.configuration-3d-chair .edition-item .edition-image {
  position: relative;
  height: 104px;
  width: 104px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  border: 2px solid #ffffff;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  outline: none;
  background-color: #fff;
}
.configuration-3d-chair .edition-item .edition-image img {
  width: 95%;
  height: 95%;
  object-fit: cover;
  object-position: center center;
  transition: all 0.15s ease-in-out;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.configuration-3d-chair .edition-item .edition {
  padding-top: 8px;
}
.configuration-3d-chair .edition-item .edition-tooltip {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -44px);
  background: #ffffff;
  height: 32px;
  padding: 0px 18px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  border-radius: 30px;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
  transition-delay: 0.15s;
  opacity: 0;
  visibility: hidden;
}
.configuration-3d-chair .edition-item .edition-tooltip.left {
  left: 0;
  transform: translate(0%, -44px);
}
.configuration-3d-chair .edition-item .edition-tooltip.left:before {
  left: 38px;
}
.configuration-3d-chair .edition-item .edition-tooltip.right {
  left: auto;
  right: 0;
  transform: translate(0%, -44px);
}
.configuration-3d-chair .edition-item .edition-tooltip.right:before {
  left: auto;
  right: 32px;
}
.configuration-3d-chair .edition-item .edition-tooltip::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: rotate(45deg) translate(-48%, 0px);
}
.configuration-3d-chair .edition-item .edition-tooltip .edition-name {
  position: relative;
  bottom: 0;
  text-align: center;
  width: auto;
  max-width: 999px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.configuration-3d-chair .edition-item .edition-name {
  position: relative;
  bottom: 0;
  text-align: center;
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  max-width: 100px;
}
.configuration-3d-chair .bt-selected-item {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: -3px;
  top: -1px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.configuration-3d-chair .bt-selected-item .icon {
  width: 16px;
  height: 16px;
  position: relative;
}
.configuration-3d-chair .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}
.configuration-3d-chair .animation-instruction {
  position: absolute;
  max-width: 500px;
  width: 100%;
  left: -80%;
  z-index: 5;
  pointer-events: none;
}
.configuration-3d-chair .animation-instruction img {
  width: 100%;
}
.configuration-3d-chair .amount {
  position: absolute;
  border: 2px solid #ffffff;
  background-color: #e5b761;
  color: #fff;
  padding: 4px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  overflow: visible;
  display: none;
}

.sofa-part-drag-shadow {
  position: fixed;
  z-index: 99;
  pointer-events: none;
  touch-action: none;
  opacity: 0;
  width: 76px;
  height: 76px;
}
.sofa-part-drag-shadow img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 743px) {
  .configuration-3d-sofa-model-layout .animation-instruction {
    display: none;
  }
}
@media screen and (max-width: 390px) {
  .configuration-3d-sofa-model-layout .configuration-3d-sofa-model-container .configuration-3d-sofa-model-wrapper {
    gap: 10px;
  }
}
.configuration-3d-chair-color-layout {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
  padding-bottom: 24px;
}
.configuration-3d-chair-color-layout.active {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-chair-color-layout .configuration-3d-chair-color-container .configuration-3d-chair-color-wrapper {
  display: flex;
  gap: 12px;
  flex-direction: row;
  flex-wrap: wrap;
}
.configuration-3d-chair-color-layout.disabled-by-force-select .edition-item {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-3d-chair-color-layout.disabled-by-force-select .edition-item.active {
  opacity: 1;
  cursor: pointer;
}
.configuration-3d-chair-color-layout .edition-item .edition-item-container {
  height: auto;
  cursor: pointer;
  position: relative;
  max-width: 144px;
}
.configuration-3d-chair-color-layout .edition-item.active .bt-selected-item {
  background-color: #e5b761;
  opacity: 1;
}
.configuration-3d-chair-color-layout .edition-item.active .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-3d-chair-color-layout .edition-item.active .edition-image {
  position: relative;
}
.configuration-3d-chair-color-layout .edition-item.active .edition-image::before {
  border: none;
  box-shadow: none;
}
.configuration-3d-chair-color-layout .edition-item.active .edition-image:after {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-chair-color-layout .edition-item.disable .text {
  color: #d8d8d8;
}
.configuration-3d-chair-color-layout .edition-item.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-3d-chair-color-layout .edition-item.disabled-by-rule .edition-image {
  cursor: not-allowed;
}
.configuration-3d-chair-color-layout .edition-item.disabled-by-rule .edition-image img {
  opacity: 0.5;
}
.configuration-3d-chair-color-layout .edition-item.disabled-by-rule .lock {
  display: block;
  opacity: 0.5;
}
.configuration-3d-chair-color-layout .edition-item .lock {
  display: none;
  left: calc(50% - 18px);
  top: calc(50% - 19px);
  position: absolute;
}
.configuration-3d-chair-color-layout .edition-item .lock svg {
  width: 36px;
  height: 36px;
}
.configuration-3d-chair-color-layout .edition-item .disable-info {
  top: -3px;
  right: 0px;
  height: fit-content;
  z-index: 1;
}
.configuration-3d-chair-color-layout .edition-item .edition-image {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.08);
  position: relative;
}
.configuration-3d-chair-color-layout .edition-item .edition-image:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 52px;
  height: 52px;
  clip-path: circle(50%);
  border-radius: 50%;
  background-color: white;
  display: inline-block;
  z-index: 1;
  border: 2px solid #ffffff;
}
.configuration-3d-chair-color-layout .edition-item .edition-image:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 52px;
  height: 52px;
  clip-path: circle(50%);
  background-color: #ebc989;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  border: 2px solid #ebc989;
  border-radius: 50%;
}
.configuration-3d-chair-color-layout .edition-item .edition-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  z-index: 2;
  position: relative;
}
.configuration-3d-chair-color-layout .edition-item .edition-tooltip {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -44px);
  background: #ffffff;
  height: 32px;
  padding: 0px 18px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  border-radius: 30px;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
  transition-delay: 0.15s;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
.configuration-3d-chair-color-layout .edition-item .edition-tooltip::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  position: absolute;
  bottom: -5px;
  left: 46%;
  transform: rotate(45deg) translate(-50%, 0px);
}
.configuration-3d-chair-color-layout .edition-item .edition-tooltip .edition-name {
  position: relative;
  bottom: 0;
  text-align: center;
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.configuration-3d-chair-color-layout .edition-item .bt-selected-item {
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: -8px;
  top: -8px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  z-index: 2;
}
.configuration-3d-chair-color-layout .edition-item .bt-selected-item .icon {
  width: 16px;
  height: 16px;
  position: relative;
}
.configuration-3d-chair-color-layout .edition-item .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-3d-chair-color-layout .edition-item:not(.active):not(.disabled-by-rule):hover .bt-selected-item {
    opacity: 1;
  }
  .configuration-3d-chair-color-layout .edition-item:not(.active):not(.disabled-by-rule):hover .edition-tooltip {
    opacity: 1;
    visibility: visible;
  }
  .configuration-3d-chair-color-layout .edition-item.disabled-by-rule:hover .bt-selected-item {
    opacity: 0;
  }
  .configuration-3d-chair-color-layout .edition-item.disabled-by-rule:hover .edition-tooltip {
    opacity: 1;
    visibility: visible;
  }
}
.configuration-3d-chair-material-layout {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
  padding-bottom: 16px;
}
.configuration-3d-chair-material-layout.active {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-chair-material-layout.add-divider {
  border-top: solid 1px #d8d8d8;
  padding-top: 16px;
}
.configuration-3d-chair-material-layout .configuration-3d-chair-material-container .configuration-3d-chair-material-wrapper {
  display: flex;
  gap: 16px;
  flex-direction: row;
  flex-wrap: wrap;
}
.configuration-3d-chair-material-layout .edition-item {
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.configuration-3d-chair-material-layout .edition-item .product-tooltips .tooltip .tooltip-content {
  left: calc(50% + 52px);
  transform: translate(-50%, 100%);
  text-align: left;
  padding: 4px 8px;
  z-index: 6;
}
.configuration-3d-chair-material-layout .edition-item.active .bt-selected-item {
  background-color: #e5b761;
  opacity: 1;
}
.configuration-3d-chair-material-layout .edition-item.active .bt-selected-item .icon {
  display: inline-block;
}
.configuration-3d-chair-material-layout .edition-item.active .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-3d-chair-material-layout .edition-item.active .ico-ed-info {
  transition: 0s;
  opacity: 0;
}
.configuration-3d-chair-material-layout .edition-item.active .edition-image {
  position: relative;
}
.configuration-3d-chair-material-layout .edition-item.active .edition-image::before {
  border: none;
  box-shadow: none;
}
.configuration-3d-chair-material-layout .edition-item.active .edition-image:after {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-chair-material-layout .edition-item.disable .text {
  color: #d8d8d8;
}
.configuration-3d-chair-material-layout .edition-item.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-3d-chair-material-layout .edition-item.disabled-by-rule .edition-image {
  opacity: 0.5;
}
.configuration-3d-chair-material-layout .edition-item.disabled-by-rule .lock {
  display: block;
  opacity: 0.5;
  z-index: 2;
}
.configuration-3d-chair-material-layout .edition-item .lock {
  display: none;
  left: calc(50% - 18px);
  top: 4px;
  position: absolute;
  z-index: 2;
}
.configuration-3d-chair-material-layout .edition-item .lock svg {
  width: 36px;
  height: 36px;
}
.configuration-3d-chair-material-layout .edition-item .disable-info {
  left: calc(50% - 12px);
  bottom: 2px;
  z-index: 2;
}
.configuration-3d-chair-material-layout .edition-item .edition-image {
  position: relative;
  height: 68px;
  width: 68px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  box-shadow: 0 0px 32px 0px rgba(0, 0, 0, 0.08);
}
.configuration-3d-chair-material-layout .edition-item .edition-image:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  clip-path: circle(50%);
  border-radius: 50%;
  background-color: white;
  display: inline-block;
  z-index: 1;
  border: 2px solid #ffffff;
}
.configuration-3d-chair-material-layout .edition-item .edition-image:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  clip-path: circle(50%);
  background-color: #ebc989;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  border: 2px solid #ebc989;
}
.configuration-3d-chair-material-layout .edition-item .edition-image img {
  width: 100%;
  border-radius: 50%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  z-index: 2;
}
.configuration-3d-chair-material-layout .bt-selected-item {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: -8px;
  top: -8px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
  opacity: 0;
  z-index: 2;
}
.configuration-3d-chair-material-layout .bt-selected-item .icon {
  width: 16px;
  height: 16px;
  position: relative;
  display: none;
}
.configuration-3d-chair-material-layout .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}
.configuration-3d-chair-material-layout .bt-selected-item .ico-ed-info {
  width: 3px;
  height: 11px;
  position: absolute;
  color: #ffffff;
  opacity: 1;
}
.configuration-3d-chair-material-layout .ed-image-view {
  position: absolute;
  width: 24px;
  height: 24px;
  left: -4px;
  bottom: -4px;
  transition: all 0.3s ease-in-out;
  z-index: 2;
  border: 1px solid #111c1c;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.configuration-3d-chair-material-layout .ed-image-view svg {
  width: 10px;
  height: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #111c1c;
}
.configuration-3d-chair-material-layout .ed-image-view svg use {
  transform: scale(0.625);
}
.configuration-3d-chair-material-layout .edition-name {
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  line-height: normal;
  margin-top: 16px;
  inline-size: 72px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.configuration-3d-chair-material-layout .extra-info {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 0px 16px 0px rgba(17, 28, 28, 0.08);
  top: 56px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 2;
}
.configuration-3d-chair-material-layout .extra-info svg {
  width: 24px;
  height: 24px;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-3d-chair-material-layout .edition-item:not(.active):not(.disabled-by-rule):hover .bt-selected-item {
    opacity: 1;
  }
  .configuration-3d-chair-material-layout .edition-item:not(.active):not(.disabled-by-rule):hover .bt-selected-item .icon {
    display: inline-block;
  }
  .configuration-3d-chair-material-layout .extra-info:hover {
    --color-1: #ebc989;
  }
}
.configuration-3d-radio-selection-layout {
  padding-bottom: 16px;
}
.configuration-3d-radio-selection-layout .edition-config .edition-radio-selection-container .edition-name {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
  margin-bottom: 8px;
}
.configuration-3d-radio-selection-layout .edition-config .edition-radio-selection-container .edition-btn-group {
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
}
.configuration-3d-radio-selection-layout .edition-config .edition-radio-selection-container .edition-btn-group .btn-option {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  height: 40px;
  gap: 10px;
  border: 1px solid #d8d8d8;
  border-radius: 100px;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
  cursor: pointer;
  min-width: 55px;
  white-space: nowrap;
  position: relative;
}
.configuration-3d-radio-selection-layout .edition-config .edition-radio-selection-container .edition-btn-group .btn-option .opt-txt {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
}
.configuration-3d-radio-selection-layout .edition-config .edition-radio-selection-container .edition-btn-group .btn-option.active {
  border-color: #e4b760;
  background-color: #e4b760;
}
.configuration-3d-radio-selection-layout .edition-config .edition-radio-selection-container .edition-btn-group .btn-option.active .opt-txt {
  color: #fff;
}
.configuration-3d-radio-selection-layout .edition-config .edition-radio-selection-container .edition-btn-group .btn-option.recommend-option {
  width: 232px;
  grid-column: span 3;
}
.configuration-3d-radio-selection-layout .edition-config .edition-radio-selection-container .edition-btn-group .btn-option.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-3d-radio-selection-layout .edition-config .edition-radio-selection-container .edition-btn-group .btn-option.disabled-by-rule::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  z-index: 1;
}
.configuration-3d-radio-selection-layout .edition-config .edition-radio-selection-container .edition-btn-group .btn-option.disabled-by-rule .opt-txt {
  opacity: 0.5;
}
.configuration-3d-radio-selection-layout .edition-config .edition-radio-selection-container .edition-btn-group .btn-option.disabled-by-rule .disable-info {
  display: block;
  z-index: 2;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
}
.configuration-3d-radio-selection-layout .edition-config .edition-radio-selection-container .edition-btn-group .btn-option .disable-info {
  display: none;
}
.configuration-3d-radio-selection-layout .edition-config .edition-radio-selection-container .edition-btn-group .btn-option .disable-info svg {
  width: 16px;
  height: 16px;
}
.configuration-3d-radio-selection-layout .disable-message {
  transform: translateY(-4px);
}
.configuration-3d-radio-selection-layout .disable-message::after {
  left: calc(50% - 14px);
}

@media (hover: hover) and (pointer: fine) {
  .configuration-3d-radio-selection-layout .edition-config .edition-radio-selection-container .edition-btn-group .btn-option:not(.active):not(.disabled-by-rule):hover {
    border-color: #e4b760;
    background-color: #e4b760;
  }
  .configuration-3d-radio-selection-layout .edition-config .edition-radio-selection-container .edition-btn-group .btn-option:not(.active):not(.disabled-by-rule):hover .opt-txt {
    color: #fff;
  }
}
.color-group-3d .label {
  margin-top: 32px;
  font-weight: 600;
  font-size: 14px;
}
.color-group-3d .color-groups {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 12px;
}
.color-group-3d .colors-groups {
  padding-top: 16px;
}
.color-group-3d .colors-groups .color-group {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 12px;
}
.color-group-3d .cg,
.color-group-3d .cc {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.color-group-3d .cg .img-box,
.color-group-3d .cc .img-box {
  border-radius: 50%;
  border: solid 2px #fff;
  width: 56px;
  height: 56px;
  box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  position: relative;
}
.color-group-3d .cg img,
.color-group-3d .cc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 2px solid #fff;
  border-radius: 50%;
}
.color-group-3d .cg .a,
.color-group-3d .cc .a {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: solid 1.5px #ffffff;
  right: -3px;
  top: -1px;
  background-color: #e5b761;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
  color: #fff;
}
.color-group-3d .cg .a .ch,
.color-group-3d .cc .a .ch {
  display: none;
  position: relative;
  width: 16px;
  height: 16px;
}
.color-group-3d .cg .title,
.color-group-3d .cc .title {
  max-width: 48px;
  text-align: center;
  margin-top: 6px;
}
.color-group-3d .cg .title .txt,
.color-group-3d .cc .title .txt {
  color: #111c1c;
  font-weight: 600;
  font-size: 10px;
}
.color-group-3d .cg:hover .a,
.color-group-3d .cc:hover .a {
  opacity: 1;
  visibility: visible;
}
.color-group-3d .cg:hover .a .ch,
.color-group-3d .cc:hover .a .ch {
  display: block;
}
.color-group-3d .cg:hover .a .ch:before,
.color-group-3d .cc:hover .a .ch:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}
.color-group-3d .cg.active .img-box,
.color-group-3d .cc.active .img-box {
  border: 2px solid #ebc989;
}
.color-group-3d .cg.active .a,
.color-group-3d .cc.active .a {
  opacity: 1;
  visibility: visible;
}
.color-group-3d .cg.active .a .ch,
.color-group-3d .cc.active .a .ch {
  display: block;
}
.color-group-3d .cg.active .a .ch::before,
.color-group-3d .cc.active .a .ch::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 5px;
  width: 2px;
  height: 4px;
  border: solid white;
  border-width: 0 1.5px 1.5px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.color-group-3d .cg.inactive-by-rule,
.color-group-3d .cc.inactive-by-rule {
  display: none;
}

@media screen and (max-width: 1112px) {
  .color-group-3d .color-groups,
  .color-group-3d .colors-groups .color-group {
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
  }
}
@media screen and (max-width: 900px) {
  .color-group-3d .color-groups,
  .color-group-3d .colors-groups .color-group {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 743px) {
  .color-group-3d .color-groups,
  .color-group-3d .colors-groups .color-group {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media screen and (max-width: 690px) {
  .color-group-3d .color-groups,
  .color-group-3d .colors-groups .color-group {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media screen and (max-width: 560px) {
  .color-group-3d .color-groups,
  .color-group-3d .colors-groups .color-group {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (max-width: 430px) {
  .color-group-3d .color-groups,
  .color-group-3d .colors-groups .color-group {
    grid-template-columns: repeat(5, 1fr);
  }
}
.optional-dropdown-group .dd-groups {
  display: none;
  position: relative;
  width: 332px;
}
.optional-dropdown-group .dd-groups label {
  height: 48px;
  width: 100%;
  filter: drop-shadow(0px 0px 16px rgba(17, 28, 28, 0.16));
  position: relative;
  background: #f8f7f4;
  border-radius: 4px;
  cursor: pointer;
  align-content: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 600;
  padding: 0 24px;
  display: flex;
  align-items: center;
}
.optional-dropdown-group .dd-groups label.active svg {
  transform: rotate(0deg);
}
.optional-dropdown-group .dd-groups label svg {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 19px;
  right: 24px;
  transform: rotate(180deg);
}
.optional-dropdown-group .dd-groups.active {
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.optional-dropdown-group .dd-groups .options {
  position: absolute;
  left: 0;
  width: 100%;
  top: 52px;
  background-color: #fff;
  padding: 0 12px;
  border-radius: 4px;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.08);
  padding: 4px;
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.15s;
  max-height: 210px;
  overflow: auto;
}
.optional-dropdown-group .dd-groups .options.active {
  visibility: visible;
  opacity: 1;
}
.optional-dropdown-group .dd-groups .options .op {
  cursor: pointer;
  padding: 10px 12px;
  transition: all ease-in-out 0.25s;
  background-color: #fff;
}
.optional-dropdown-group .dd-groups .options .op.active, .optional-dropdown-group .dd-groups .options .op:hover {
  background-color: #f6f6f6;
}
.optional-dropdown-group .dd-groups .selected-label {
  padding: 12px 24px;
}

.configuration-3d-shape-single-select-layout {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
}
.configuration-3d-shape-single-select-layout .edition-config .group.active {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-shape-single-select-layout .edition-config .group.inactive-by-rule {
  display: none;
}
.configuration-3d-shape-single-select-layout .edition-config .config-name {
  display: flex;
  gap: 4px;
  margin-bottom: 8px;
}
.configuration-3d-shape-single-select-layout .edition-config .config-name p {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
  margin-left: 16px;
}
.configuration-3d-shape-single-select-layout .edition-config .configuration-3d-shape-single-select {
  padding-bottom: 24px;
}
.configuration-3d-shape-single-select-layout .edition-config .configuration-3d-shape-single-select .configuration-3d-shape-single-select-container .configuration-3d-shape-single-select-wrapper {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(100px, auto));
}
.configuration-3d-shape-single-select-layout.active {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-shape-single-select-layout.disabled-by-force-select .edition-item {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-3d-shape-single-select-layout.disabled-by-force-select .edition-item.active {
  opacity: 1;
  cursor: pointer;
}
.configuration-3d-shape-single-select-layout .edition-item {
  --ed-img: 104px;
  max-width: 118px;
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;
  cursor: pointer;
  align-items: center;
}
.configuration-3d-shape-single-select-layout .edition-item.active .bt-selected-item {
  background-color: #e5b761;
  opacity: 1;
}
.configuration-3d-shape-single-select-layout .edition-item.active .bt-selected-item .icon {
  display: inline-block;
}
.configuration-3d-shape-single-select-layout .edition-item.active .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-3d-shape-single-select-layout .edition-item.active .bt-selected-item .ico-ed-info {
  transition: 0s;
  opacity: 0;
}
.configuration-3d-shape-single-select-layout .edition-item.disable .text {
  color: #d8d8d8;
}
.configuration-3d-shape-single-select-layout .edition-item.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-3d-shape-single-select-layout .edition-item.disabled-by-rule .edition-image img {
  opacity: 0.5;
}
.configuration-3d-shape-single-select-layout .edition-item.disabled-by-rule .lock {
  display: block;
  opacity: 0.3;
}
.configuration-3d-shape-single-select-layout .edition-item.inactive-by-rule {
  display: none;
}
.configuration-3d-shape-single-select-layout .edition-item .lock {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.configuration-3d-shape-single-select-layout .edition-item .lock svg {
  width: 36px;
  height: 36px;
}
.configuration-3d-shape-single-select-layout .edition-item .edition-image {
  position: relative;
  height: var(--ed-img);
  width: var(--ed-img);
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  border-radius: 50%;
  box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.08);
  border: solid 4px #ffffff;
  overflow: hidden;
}
.configuration-3d-shape-single-select-layout .edition-item .edition-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
}
.configuration-3d-shape-single-select-layout .edition-item .edition-name {
  position: relative;
  bottom: 0;
  text-align: center;
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  max-width: 100px;
}
.configuration-3d-shape-single-select-layout .bt-selected-item {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: -3px;
  top: -1px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.configuration-3d-shape-single-select-layout .bt-selected-item .icon {
  width: 16px;
  height: 16px;
  position: relative;
  display: none;
}
.configuration-3d-shape-single-select-layout .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}
.configuration-3d-shape-single-select-layout .bt-selected-item .ico-ed-info {
  width: 3px;
  height: 11px;
  position: absolute;
  color: #ffffff;
  opacity: 1;
}
.configuration-3d-shape-single-select-layout .extra-info {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 0px 16px 0px rgba(17, 28, 28, 0.08);
  top: 90px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}
.configuration-3d-shape-single-select-layout .extra-info svg {
  width: 24px;
  height: 24px;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-3d-shape-single-select-layout .edition-item:not(.active):not(.disabled-by-rule):hover .bt-selected-item {
    opacity: 1;
  }
  .configuration-3d-shape-single-select-layout .edition-item:not(.active):not(.disabled-by-rule):hover .bt-selected-item .icon {
    display: inline-block;
  }
  .configuration-3d-shape-single-select-layout .extra-info:hover {
    --color-1: #ebc989;
  }
}
@media screen and (max-width: 390px) {
  .configuration-3d-shape-single-select-layout .edition-config .configuration-3d-shape-single-select .configuration-3d-shape-single-select-container .configuration-3d-shape-single-select-wrapper {
    gap: 12px;
  }
}
.configuration-3d-model-with-price-layout {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
  padding-bottom: 16px;
}
.configuration-3d-model-with-price-layout.active {
  opacity: 1;
  visibility: visible;
}
.configuration-3d-model-with-price-layout.add-divider {
  border-top: solid 1px #d8d8d8;
  padding-top: 16px;
}
.configuration-3d-model-with-price-layout .config-name {
  display: flex;
  gap: 4px;
  margin-bottom: 8px;
}
.configuration-3d-model-with-price-layout .config-name p {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
}
.configuration-3d-model-with-price-layout .config-model-with-price-container .config-model-with-price-wrapper {
  display: flex;
  gap: 16px;
  flex-direction: row;
  flex-wrap: wrap;
}
.configuration-3d-model-with-price-layout .edition-item {
  max-width: 118px;
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.configuration-3d-model-with-price-layout .edition-item.active .bt-selected-item {
  background-color: #e5b761;
  opacity: 1;
}
.configuration-3d-model-with-price-layout .edition-item.active .bt-selected-item .icon {
  display: inline-block;
}
.configuration-3d-model-with-price-layout .edition-item.active .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-3d-model-with-price-layout .edition-item.active .bt-selected-item .ico-ed-info {
  transition: 0s;
  opacity: 0;
}
.configuration-3d-model-with-price-layout .edition-item.disable .text {
  color: #d8d8d8;
}
.configuration-3d-model-with-price-layout .edition-item.disabled-by-rule {
  cursor: not-allowed;
}
.configuration-3d-model-with-price-layout .edition-item.disabled-by-rule .edition-image {
  opacity: 0.5;
}
.configuration-3d-model-with-price-layout .edition-item.disabled-by-rule .lock {
  display: block;
  opacity: 0.5;
}
.configuration-3d-model-with-price-layout .edition-item .lock {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.configuration-3d-model-with-price-layout .edition-item .lock svg {
  width: 36px;
  height: 36px;
}
.configuration-3d-model-with-price-layout .edition-item .circle-bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  border: solid 4px #ffffff;
  overflow: hidden;
  width: 90px;
  height: 90px;
  box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.08);
  background-color: #f8f7f3;
}
.configuration-3d-model-with-price-layout .edition-item .edition-image {
  position: relative;
  height: 90px;
  width: 90px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  border-radius: 50%;
  box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.08);
  border: solid 4px #ffffff;
  overflow: hidden;
}
.configuration-3d-model-with-price-layout .edition-item .edition-image img {
  width: 100%;
  height: 86px;
  object-fit: cover;
  object-position: center center;
}
.configuration-3d-model-with-price-layout .edition-item .edition-name {
  position: relative;
  bottom: 0;
  text-align: center;
  width: 100%;
  font-size: 11px;
  line-height: 14px;
  font-weight: 600;
  max-width: 86px;
}
.configuration-3d-model-with-price-layout .edition-item .edition-price {
  position: relative;
  text-align: center;
  width: 100%;
  font-size: 10px;
  line-height: normal;
  font-weight: 500;
  max-width: 86px;
  margin-top: 4px;
}
.configuration-3d-model-with-price-layout .bt-selected-item {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: -3px;
  top: -1px;
  background-color: #ebc989;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.configuration-3d-model-with-price-layout .bt-selected-item .icon {
  width: 16px;
  height: 16px;
  position: relative;
  display: none;
}
.configuration-3d-model-with-price-layout .bt-selected-item .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}
.configuration-3d-model-with-price-layout .bt-selected-item .ico-ed-info {
  width: 3px;
  height: 11px;
  position: absolute;
  color: #ffffff;
  opacity: 1;
}
.configuration-3d-model-with-price-layout .extra-info {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 0px 16px 0px rgba(17, 28, 28, 0.08);
  top: 76px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}
.configuration-3d-model-with-price-layout .extra-info svg {
  width: 24px;
  height: 24px;
}

@media (hover: hover) and (pointer: fine) {
  .configuration-3d-model-with-price-layout .edition-item:not(.active):not(.disabled-by-rule):hover .bt-selected-item {
    opacity: 1;
  }
  .configuration-3d-model-with-price-layout .edition-item:not(.active):not(.disabled-by-rule):hover .bt-selected-item .icon {
    display: inline-block;
  }
  .configuration-3d-model-with-price-layout .extra-info:hover {
    --color-1: #ebc989;
  }
}
@media screen and (max-width: 390px) {
  .configuration-3d-model-with-price-layout .config-model-with-price-container .config-model-with-price-wrapper {
    gap: 12px;
  }
}
.flowbox-tags-filter-component {
  position: relative;
  width: 100%;
  height: auto;
  display: none;
  opacity: 0;
  transition: all 0.25s ease-in-out;
  z-index: 5;
}
.flowbox-tags-filter-component.active {
  display: block;
  opacity: 1;
}
.flowbox-tags-filter-component .filter-tags-container {
  margin-bottom: 20px;
}
.flowbox-tags-filter-component .filter-tags {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  margin-right: calc(var(--container-padding, 128px) * -1);
  padding-right: var(--container-padding, 128px);
  overflow-x: auto;
}
.flowbox-tags-filter-component .filter-tags.is-scrollable {
  padding-bottom: 10px;
}
@supports not selector(::-webkit-scrollbar) {
  .flowbox-tags-filter-component .filter-tags {
    scrollbar-width: thin;
    scrollbar-color: #edece8 transparent;
  }
}
.flowbox-tags-filter-component .filter-tags::-webkit-scrollbar {
  height: 4px;
}
.flowbox-tags-filter-component .filter-tags::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 8px;
}
.flowbox-tags-filter-component .filter-tags::-webkit-scrollbar-thumb {
  background-color: #edece8;
  border-radius: 8px;
}
.flowbox-tags-filter-component .filter-tag {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 100px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.07px;
  white-space: nowrap;
  color: #111c1c;
  background-color: #ffffff;
  border: 1px solid #4c5555;
  border-radius: 15px;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .flowbox-tags-filter-component .filter-tag:hover {
    filter: brightness(95%);
  }
}
.flowbox-tags-filter-component .filter-tag.active {
  color: #ffffff;
  background-color: #c4a052;
  border-color: transparent;
  filter: none;
}
@media (hover: hover) and (pointer: fine) {
  .flowbox-tags-filter-component .filter-tag.active:hover {
    background-color: #b0904a;
    filter: none;
  }
}
.flowbox-tags-filter-component .js-flowbox-flow {
  position: relative;
  z-index: 2;
}
.flowbox-tags-filter-component .js-flowbox-flow .bzfy-icon {
  position: relative;
}
.flowbox-tags-filter-component .js-flowbox-flow .bzfy-c-carousel-control {
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 0;
}
.flowbox-tags-filter-component .js-flowbox-flow .bzfy-c-carousel-control .bzfy-icon {
  margin: unset;
  height: 15px;
  width: 15px;
}
.flowbox-tags-filter-component .js-flowbox-flow .bzfy-c-carousel-control .bzfy-icon--arrow-right:hover svg {
  animation: moveNext 0.6s linear forwards;
}
.flowbox-tags-filter-component .js-flowbox-flow .bzfy-c-carousel-control .bzfy-icon--arrow-left:hover svg {
  animation: moveBack 0.6s linear forwards;
}
.flowbox-tags-filter-component .bzfy-o-media-uploader-button {
  border-radius: 15px !important;
}
.flowbox-tags-filter-component .bzfy-feed-banner {
  background-color: rgba(0, 0, 0, 0) !important;
}
.flowbox-tags-filter-component .bzfy-t-feed-carousel .bzfy-c-carousel-control svg {
  transition: all 0.3s ease-out;
}

.popup-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
  visibility: hidden;
  opacity: 0;
}
.popup-video .panel {
  width: min(1072px, 100% - 128px);
  height: min(668px, 100% - 128px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  visibility: hidden;
  opacity: 0;
  transition: all ease-out 0.3s;
  margin: 0;
  padding-top: 36px;
}
.popup-video.active {
  visibility: visible;
  opacity: 1;
}
.popup-video.active .panel {
  visibility: visible;
  opacity: 1;
}
.popup-video .close-video {
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-video .close-video svg {
  width: 12px;
  height: 12px;
  color: #ffffff;
}
.popup-video .close-video svg use {
  transform: scale(1);
}
.popup-video .close-video:hover {
  transform: rotate(90deg);
  transition: all 0.3s;
}
.popup-video .video-set {
  height: 100%;
  width: 100%;
}
.popup-video .video-set video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1280px) {
  .popup-video .panel {
    height: min(600px, 100% - 128px);
  }
}
@media screen and (max-width: 834px) {
  .popup-video .panel {
    height: min(438px, 100% - 128px);
  }
}
@media screen and (max-width: 743px) {
  .popup-video .panel {
    height: min(380px, 100% - 64px);
    width: min(1072px, 100% - 28px);
  }
}
@media screen and (max-width: 450px) {
  .popup-video .panel {
    width: min(1072px, 100% - 28px);
    height: min(285px, 100% - 64px);
  }
}
.quick-wishlist-navigation {
  position: relative;
}
.quick-wishlist-navigation.active {
  visibility: visible;
  opacity: 1;
  display: block;
}
.quick-wishlist-navigation .wishlist-box-bt {
  display: flex;
  align-items: center;
  width: 150px;
  height: 56px;
  background-color: #f8f7f4;
  border-radius: 100px;
  position: relative;
  margin-right: 16px;
}
.quick-wishlist-navigation .wishlist-box-bt .bt-3d-wishlist {
  margin-right: 8px;
  justify-content: center;
  border-width: 1.5px;
  padding: 0;
}
.quick-wishlist-navigation .wishlist-box-bt .bt-3d-wishlist .icon-wishlist2 svg {
  left: 1px;
  top: 1px;
}
.quick-wishlist-navigation .wishlist-box-bt .toggle-wishlist-popover {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  color: #000000;
  text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.quick-wishlist-navigation .wishlist-box-bt .toggle-wishlist-popover.active .icon-arr-down {
  transform: rotate(180deg);
}
.quick-wishlist-navigation .wishlist-box-bt .toggle-wishlist-popover .icon-arr-down {
  margin-left: 12px;
}
.quick-wishlist-navigation .wishlist-box-bt .toggle-wishlist-popover .icon-arr-down svg {
  color: #000000;
}
.quick-wishlist-navigation .wishlish-popover {
  position: absolute;
  width: 332px;
  height: auto;
  background: #ffffff;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.08);
  border-radius: 7px;
  top: 56px;
  left: -50%;
  display: none;
  transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 0.3ms;
  padding: 16px;
}
.quick-wishlist-navigation .wishlish-popover.active {
  display: block;
}
.quick-wishlist-navigation .wishlish-popover .scroll-box::-webkit-scrollbar-track {
  background: #f8f7f4;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
}
.quick-wishlist-navigation .wishlish-popover .scroll-box::-webkit-scrollbar {
  position: relative;
  width: 6px;
}
.quick-wishlist-navigation .wishlish-popover .scroll-box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #111c1c;
}
.quick-wishlist-navigation .wishlish-popover .btn-close {
  width: 24px;
  height: 24px;
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  border: 1px solid #000000;
  margin-left: auto;
  border-radius: 50%;
  margin-top: 4px;
  margin-right: 4px;
  margin-bottom: 12px;
}
.quick-wishlist-navigation .wishlish-popover .btn-close svg {
  position: relative;
  width: 8px;
  height: 8px;
  color: #111c1c;
  transition: all 0.3s ease-out;
}
.quick-wishlist-navigation .wishlish-popover .btn-close svg use {
  transform: scale(0.625);
}
.quick-wishlist-navigation .wishlish-popover .heading {
  color: #111c1c;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 11px;
  line-height: 14px;
  display: block;
}
.quick-wishlist-navigation .wishlish-popover .heading.text-center {
  text-align: center;
  margin: 0;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item {
  border: 1px solid #f3f4f4;
  border-radius: 4px;
  height: 80px;
  cursor: pointer;
  padding: 4px 0;
  position: relative;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item.active .item-details-box {
  display: flex;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item.active .item-info .bt-more-info::before {
  content: attr(data-less-txt);
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item.active .item-info .bt-more-info .icon-arr-down {
  transform: rotate(180deg);
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .wishlist-item-container {
  position: relative;
  width: 100%;
  height: 72px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-img {
  position: relative;
  width: 102px;
  height: 101%;
  overflow: hidden;
  color: #333;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-img svg {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 8px;
  top: 0;
  pointer-events: none;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-img:hover {
  color: #e4b760;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-img > img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-img > img.wss3d {
  width: 140%;
  height: 140%;
  left: -10%;
  top: -25%;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-info {
  display: flex;
  flex-direction: column;
  text-align: left;
  align-self: center;
  margin-left: 8px;
  position: relative;
  width: 50%;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-info .title {
  color: #111c1c;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-info .sub-title {
  color: #111c1c;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-info .bt-more-info {
  display: none;
  height: auto;
  margin-top: 12px;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-info .bt-more-info::before {
  content: attr(data-more-txt);
  font-weight: 600;
  font-size: 10px;
  line-height: 11px;
  color: #e4b760;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-info .bt-more-info .icon-arr-down {
  margin-left: 4px;
  display: none;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-info .bt-more-info .icon-arr-down svg {
  color: #e4b760;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-nav-link {
  height: 100%;
  display: flex;
  align-items: center;
  width: 32px;
  margin-left: auto;
  border-left: 1px solid #f3f4f4;
  justify-content: center;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-nav-link .icon svg {
  color: #000000;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-details-box {
  width: 306px;
  height: auto;
  display: none;
  flex-direction: column;
  gap: 4px;
  filter: drop-shadow(0px 0px 16px rgba(17, 28, 28, 0.16));
  position: absolute;
  left: -12px;
  top: 0;
  transform: translateX(-100%);
  background-color: #ffffff;
  border-radius: 4px;
  padding: 16px;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-details-box::after {
  content: "";
  border-width: 7px 7px 7px 0;
  border-style: solid;
  border-color: transparent #ffffff transparent transparent;
  position: absolute;
  top: 6px;
  transform: rotate(180deg);
  right: -6px;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-details-box .item-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-details-box .item-col {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-details-box .item-col:first-child {
  max-width: 94px;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-details-box .item-row,
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-details-box .item-col {
  font-weight: 500;
  font-size: 11px;
  line-height: 14px;
  color: #a0a4a4;
  word-break: inherit;
  gap: 4px;
}
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-details-box .item-row b,
.quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-details-box .item-col b {
  color: #111c1c;
  font-weight: 500;
}
.quick-wishlist-navigation .wishlish-popover .see-more-wishlist {
  color: #e4b760;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.quick-wishlist-navigation .wishlish-popover .see-more-wishlist .icon {
  margin-left: 8px;
}

@media (hover: hover) and (pointer: fine) {
  .quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item:hover {
    border: 1px solid #d8d8d8;
  }
  .quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item:hover .item-details-box {
    display: flex;
  }
  .quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item:hover .item-nav-link .icon svg {
    animation: moveNext 0.6s linear forwards;
    color: #e4b760;
  }
}
@media screen and (max-width: 1199px) {
  .quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-info .bt-more-info {
    display: inline-block;
  }
}
@media screen and (max-width: 743px) {
  .quick-wishlist-navigation {
    position: absolute;
    top: 32px;
    right: 32px;
    visibility: hidden;
    opacity: 0;
    display: none;
  }
  .quick-wishlist-navigation.wishlist-3dsofaconfiguration, .quick-wishlist-navigation.wishlist-new3dproduct {
    top: 16px;
    right: 16px;
  }
  .quick-wishlist-navigation.wishlist-3dsofaconfiguration .wishlish-popover, .quick-wishlist-navigation.wishlist-new3dproduct .wishlish-popover {
    top: 64px;
    right: 16px;
  }
  .quick-wishlist-navigation .wishlist-box-bt {
    box-shadow: 0px 0px 16px rgba(17, 28, 28, 0.16);
    height: 48px;
    width: fit-content;
    padding: 0px 8px;
    margin: 0;
  }
  .quick-wishlist-navigation .wishlist-box-bt .toggle-wishlist-popover span {
    font-size: 12px;
  }
  .quick-wishlist-navigation .wishlist-box-bt .bt-3d-wishlist {
    width: 32px;
    height: 32px;
    padding: 0;
  }
  .quick-wishlist-navigation .wishlist-box-bt .bt-3d-wishlist .icon-wishlist2 {
    width: 14px;
    height: 12px;
  }
  .quick-wishlist-navigation .wishlist-box-bt .bt-3d-wishlist .icon-wishlist2 svg {
    width: 14px;
    height: 12px;
  }
  .quick-wishlist-navigation .wishlist-box-bt .bt-3d-wishlist .icon-wishlist2 svg use {
    transform: scale(0.725);
  }
  .quick-wishlist-navigation .wishlish-popover {
    width: calc(100% - 64px);
    position: fixed;
    left: unset;
    transform: unset;
    top: 80px;
    right: 32px;
    max-width: 350px;
  }
  .quick-wishlist-navigation .wishlish-popover .scroll-box {
    max-height: calc(100vh - 230px);
    height: auto;
    padding-right: 6px;
    width: calc(100% + 6px);
    overflow-y: auto;
  }
  .quick-wishlist-navigation .wishlish-popover .btn-close {
    display: flex;
  }
  .quick-wishlist-navigation .wishlish-popover .product-wishlist-box {
    display: flex;
    flex-direction: column;
  }
  .quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item {
    height: auto;
  }
  .quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .wishlist-item-container {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-details-box {
    position: relative;
    filter: none;
    left: 0;
    transform: unset;
    width: 100%;
  }
  .quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-details-box::after {
    display: none;
  }
  .quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-info .bt-more-info {
    display: inline-block;
  }
  .quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-info .bt-more-info .icon-arr-down {
    display: inline-block;
  }
}
@media screen and (min-width: 691px) and (max-width: 900px) and (orientation: landscape) {
  .quick-wishlist-navigation {
    position: absolute;
    top: 32px;
    right: 32px;
    visibility: hidden;
    opacity: 0;
    display: none;
  }
  .quick-wishlist-navigation.wishlist-3dsofaconfiguration, .quick-wishlist-navigation.wishlist-new3dproduct {
    top: 16px;
    right: 16px;
  }
  .quick-wishlist-navigation.wishlist-3dsofaconfiguration .wishlish-popover, .quick-wishlist-navigation.wishlist-new3dproduct .wishlish-popover {
    top: 64px;
    right: 16px;
  }
  .quick-wishlist-navigation .wishlist-box-bt {
    box-shadow: 0px 0px 16px rgba(17, 28, 28, 0.16);
    height: 48px;
    width: fit-content;
    padding: 0px 8px;
    margin: 0;
  }
  .quick-wishlist-navigation .wishlist-box-bt .toggle-wishlist-popover span {
    font-size: 12px;
  }
  .quick-wishlist-navigation .wishlist-box-bt .bt-3d-wishlist {
    width: 32px;
    height: 32px;
    padding: 0;
  }
  .quick-wishlist-navigation .wishlist-box-bt .bt-3d-wishlist .icon-wishlist2 {
    width: 14px;
    height: 12px;
  }
  .quick-wishlist-navigation .wishlist-box-bt .bt-3d-wishlist .icon-wishlist2 svg {
    width: 14px;
    height: 12px;
  }
  .quick-wishlist-navigation .wishlist-box-bt .bt-3d-wishlist .icon-wishlist2 svg use {
    transform: scale(0.725);
  }
  .quick-wishlist-navigation .wishlish-popover {
    width: calc(100% - 64px);
    position: fixed;
    left: unset;
    transform: unset;
    top: 80px;
    right: 32px;
    max-width: 350px;
  }
  .quick-wishlist-navigation .wishlish-popover .scroll-box {
    max-height: calc(100vh - 230px);
    height: auto;
    padding-right: 6px;
    width: calc(100% + 6px);
    overflow-y: auto;
  }
  .quick-wishlist-navigation .wishlish-popover .btn-close {
    display: flex;
  }
  .quick-wishlist-navigation .wishlish-popover .product-wishlist-box {
    display: flex;
    flex-direction: column;
  }
  .quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item {
    height: auto;
  }
  .quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .wishlist-item-container {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-details-box {
    position: relative;
    filter: none;
    left: 0;
    transform: unset;
    width: 100%;
  }
  .quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-details-box::after {
    display: none;
  }
  .quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-info .bt-more-info {
    display: inline-block;
  }
  .quick-wishlist-navigation .wishlish-popover .product-wishlist-box .wishlist-item .item-info .bt-more-info .icon-arr-down {
    display: inline-block;
  }
}
.popup-remove-cart-item {
  z-index: 6;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  position: fixed;
  visibility: hidden;
  display: none;
  transition-property: display opacity;
  transition-duration: 0.3s;
  transition-behavior: allow-discrete;
}
.popup-remove-cart-item.active {
  visibility: visible;
  opacity: 1;
  display: block;
}
@starting-style {
  .popup-remove-cart-item.active {
    opacity: 0;
  }
}
.popup-remove-cart-item .confirm-panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0px 0px 16px rgba(17, 28, 28, 0.16);
  border-radius: 4px;
  background-color: #ffffff;
  margin: auto;
  padding: 24px;
  width: 478px;
  height: 220px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.popup-remove-cart-item .confirm-panel .head {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}
.popup-remove-cart-item .confirm-panel .remove-message {
  margin-top: 8px;
  font-size: 14px;
}
.popup-remove-cart-item .confirm-panel .popup-btn {
  display: flex;
  margin-left: auto;
}
.popup-remove-cart-item .confirm-panel .popup-btn .remove-btn,
.popup-remove-cart-item .confirm-panel .popup-btn .cancel-btn {
  border: solid 2px #e4b760;
  height: 56px;
  padding: 20px 24px;
}
.popup-remove-cart-item .confirm-panel .popup-btn .remove-btn .bt-text,
.popup-remove-cart-item .confirm-panel .popup-btn .cancel-btn .bt-text {
  font-size: 14px;
}
.popup-remove-cart-item .confirm-panel .popup-btn .remove-btn {
  height: 56px;
  border-radius: 32px;
  padding: 0px 24px;
  width: fit-content;
  cursor: pointer;
  transition: all 0.3s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e4b760;
}
.popup-remove-cart-item .confirm-panel .popup-btn .remove-btn p {
  font-size: 12px;
  color: #ffffff;
  font-weight: 600;
  transition: all 0.3s ease-out;
}
.popup-remove-cart-item .confirm-panel .popup-btn .remove-btn:hover {
  filter: brightness(85%);
}
.popup-remove-cart-item .confirm-panel .popup-btn .remove-btn .icon-arr-right {
  margin-left: 8px;
}
.popup-remove-cart-item .confirm-panel .popup-btn .remove-btn .icon-arr-right svg {
  position: absolute;
  color: #ffffff;
}
.popup-remove-cart-item .confirm-panel .popup-btn .cancel-btn {
  margin: 0 8px;
  border: solid 2px #111c1c;
  opacity: 1;
  transition: 0.3s;
  width: fit-content;
  cursor: pointer;
}
.popup-remove-cart-item .confirm-panel .popup-btn .cancel-btn:hover {
  border: solid 2px #e4b760;
}
.popup-remove-cart-item .confirm-panel .popup-btn .cancel-btn:hover p {
  color: #e4b760;
}

@media screen and (max-width: 767px) {
  .popup-remove-cart-item .confirm-panel {
    width: 350px;
  }
}
.landing-highlight {
  position: relative;
  width: 100%;
  height: calc(100vh - 191px);
  margin-bottom: 80px;
}
.landing-highlight .slider {
  position: relative;
  width: 100%;
  height: 100%;
}
.landing-highlight .slider.hide-nav .swiper {
  cursor: default;
}
.landing-highlight .slider.hide-nav .slide-nav .swiper-pagination {
  display: none;
}
.landing-highlight .slider.more-item-nav .slide-nav .slide-nav-box .nav-txt {
  display: flex;
}
.landing-highlight .slider.more-item-nav .slide-nav .swiper-pagination {
  display: none;
}
.landing-highlight .slider .swiper {
  width: 100%;
  height: 100%;
  cursor: grab;
  overflow: unset;
}
.landing-highlight .slider .swiper-button-lock {
  display: none;
}
.landing-highlight .slider .content-main .title {
  position: absolute;
  font-weight: 600;
  font-size: 52px;
  line-height: 60px;
  width: fit-content;
  max-width: 474px;
  top: 0;
  left: 0;
  transform: translate(279px, 177px);
  color: #ffffff;
  text-align: center;
  z-index: 2;
}
.landing-highlight .slider .content-main .desc {
  position: absolute;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  left: 132px;
  bottom: 102px;
  width: 100%;
  max-width: 288px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  z-index: 2;
}
.landing-highlight .slider .slide-nav {
  width: 100%;
  height: auto;
  z-index: 5;
  position: relative;
}
.landing-highlight .slider .slide-nav .swiper-pagination {
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  bottom: 76px;
}
.landing-highlight .slider .slide-nav .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(255, 255, 255, 0.34);
  border: none;
}
.landing-highlight .slider .slide-nav .swiper-pagination .swiper-pagination-bullet:hover, .landing-highlight .slider .slide-nav .swiper-pagination .swiper-pagination-bullet:focus {
  border: none;
  background-color: rgba(255, 255, 255, 0.34);
}
.landing-highlight .slider .slide-nav .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(255, 255, 255);
}
.landing-highlight .slider .slide-nav .slide-nav-box {
  position: absolute;
  right: 0px;
  bottom: 60px;
  width: 226px;
}
.landing-highlight .slider .slide-nav .slide-nav-box .nav-txt {
  position: absolute;
  bottom: 16px;
  transform: translateX(-100%);
  padding: 0px 12px;
  display: none;
}
.landing-highlight .slider .slide-nav .slide-nav-box .nav-txt .current-txt {
  padding-right: 8px;
}
.landing-highlight .slider .slide-nav .slide-nav-box .nav-txt.active {
  display: flex;
  padding: 0px 12px;
}
.landing-highlight .highlight-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.landing-highlight .highlight-wrapper .img-bg {
  position: relative;
  width: 100%;
  height: 100%;
}
.landing-highlight .highlight-wrapper .img-bg picture {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}
.landing-highlight .highlight-wrapper .img-bg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.landing-highlight .highlight-wrapper .bg-video {
  position: relative;
  width: 100%;
  height: 100%;
}
.landing-highlight .highlight-wrapper .bg-video > video {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}
.landing-highlight .highlight-wrapper .bg-video .icon-muted svg,
.landing-highlight .highlight-wrapper .bg-video .icon-unmuted svg {
  fill: #ffffff;
}
.landing-highlight .highlight-wrapper .content-box .title {
  position: absolute;
  font-weight: 600;
  font-size: 52px;
  line-height: 60px;
  width: fit-content;
  max-width: 474px;
  top: 0;
  left: 0;
  transform: translate(279px, 177px);
  color: #ffffff;
  text-align: center;
}
.landing-highlight .highlight-wrapper .content-box .desc {
  position: absolute;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  left: 132px;
  bottom: 102px;
  width: 100%;
  max-width: 288px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media screen and (max-width: 1280px) {
  .landing-highlight {
    margin-bottom: 64px;
  }
  .landing-highlight .highlight-wrapper .content-box .title {
    font-size: 40px;
    line-height: 46px;
    top: 18.5%;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: 355px;
  }
  .landing-highlight .highlight-wrapper .content-box .desc {
    left: 64px;
    bottom: 128px;
    font-size: 14px;
  }
  .landing-highlight .slider .swiper-pagination {
    display: none;
  }
  .landing-highlight .slider .content-main .title {
    font-size: 40px;
    line-height: 46px;
    top: 18.5%;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: 355px;
  }
  .landing-highlight .slider .content-main .desc {
    left: 64px;
    bottom: 128px;
    font-size: 14px;
  }
  .landing-highlight .slider .slide-nav .slide-nav-box {
    width: 148px;
  }
  .landing-highlight .slider .slide-nav .slide-nav-box .nav-txt {
    bottom: 0px;
  }
}
@media screen and (max-width: 767px) {
  .landing-highlight {
    height: calc(100vh - 148px);
  }
}
@media screen and (max-width: 743px) {
  .landing-highlight {
    margin-bottom: 48px;
  }
  .landing-highlight .slider .content-main .title {
    font-size: 32px;
    line-height: 40px;
    top: 20%;
    max-width: 300px;
  }
  .landing-highlight .slider .content-main .desc {
    left: 32px;
  }
  .landing-highlight .slider .slide-nav .slide-nav-box {
    width: 110px;
  }
  .landing-highlight .highlight-wrapper .content-box .title {
    font-size: 32px;
    line-height: 40px;
    top: 20%;
    max-width: 300px;
  }
  .landing-highlight .highlight-wrapper .content-box .desc {
    left: 32px;
  }
}
.landing-content-item {
  padding: 0px 64px;
  margin-bottom: 80px;
}
.landing-content-item .item-container {
  padding: 0 160px;
}
.landing-content-item .content-wrapper {
  width: 100%;
  column-gap: 64px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
}
.landing-content-item .content-wrapper .title {
  font-weight: 600;
  font-size: 52px;
  line-height: 60px;
  color: #111C1C;
  padding-left: 64px;
  width: 100%;
  grid-column: 1/-1;
}
.landing-content-item .content-wrapper .sub-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #111C1C;
  padding-top: 10px;
  padding-left: 64px;
  width: 100%;
  grid-column: 1/-1;
}
.landing-content-item .content-wrapper .desc-box {
  position: relative;
  padding-top: 40px;
}
.landing-content-item .content-wrapper .desc-box .desc-txt {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #111C1C;
}
.landing-content-item .content-wrapper .desc-box .cta-btn {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: white;
  margin-top: 32px;
  width: fit-content;
  padding: 0 32px;
  height: 64px;
  background: #E4B760;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.landing-content-item .content-wrapper .img-box {
  position: relative;
  padding-top: 40px;
}
.landing-content-item .content-wrapper .img-box .content-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.landing-content-item .content-wrapper .img-box .video-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 4/3;
  cursor: pointer;
}
.landing-content-item .content-wrapper .img-box .video-box video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.landing-content-item .content-wrapper .img-box .video-box.muted .btn-muted {
  display: block;
}
.landing-content-item .content-wrapper .img-box .video-box.muted .btn-unmuted {
  display: none;
}
.landing-content-item .content-wrapper .img-box .video-box .btn-muted {
  display: none;
}
.landing-content-item .content-wrapper .img-box .video-box .btn-muted,
.landing-content-item .content-wrapper .img-box .video-box .btn-unmuted {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 1;
  cursor: pointer;
}
.landing-content-item .content-wrapper .img-box .video-box .btn-muted svg,
.landing-content-item .content-wrapper .img-box .video-box .btn-unmuted svg {
  color: #fff;
  width: 24px;
  height: 20px;
}

@media (hover: hover) and (pointer: fine) {
  .landing-content-item .cta-btn:hover {
    filter: brightness(75%);
  }
}
@media screen and (max-width: 1280px) {
  .landing-content-item .container {
    padding: 0 64px;
  }
}
@media screen and (max-width: 1024px) {
  .landing-content-item {
    margin-bottom: 64px;
  }
  .landing-content-item .container {
    padding: 0;
  }
  .landing-content-item .content-wrapper {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
  .landing-content-item .content-wrapper .title {
    padding-left: 0;
    font-size: 40px;
    line-height: 46px;
    grid-column: 1;
    order: 1;
  }
  .landing-content-item .content-wrapper .sub-title {
    padding-left: 0;
    padding-top: 32px;
    font-size: 14px;
    line-height: 24px;
    grid-column: 1;
    order: 3;
  }
  .landing-content-item .content-wrapper .desc-box {
    padding-top: 16px;
    order: 4;
  }
  .landing-content-item .content-wrapper .desc-box .desc-txt {
    font-size: 14px;
  }
  .landing-content-item .content-wrapper .img-box {
    padding-top: 32px;
    order: 2;
    max-height: 440px;
    height: 100%;
  }
}
@media screen and (max-width: 744px) {
  .landing-content-item {
    padding: 0 32px;
    margin-bottom: 48px;
  }
  .landing-content-item .content-wrapper .title {
    font-size: 32px;
    line-height: 40px;
  }
  .landing-content-item .content-wrapper .img-box {
    padding-top: 16px;
  }
}
.modal-newletter-message {
  display: flex;
  opacity: 0;
  width: fit-content;
  background-color: #505050;
  border-radius: 100px;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
  position: fixed;
  bottom: -16px;
  z-index: 90;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  transition: all 0.3s;
}
.modal-newletter-message.active {
  opacity: 1;
  bottom: 16px;
}
.modal-newletter-message .box-message {
  display: flex;
  align-items: center;
  padding: 12px 16px;
}
.modal-newletter-message .checked svg {
  color: #e4b760;
  width: 24px;
  height: 24px;
}
.modal-newletter-message .message {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  padding: 0 8px 0 4px;
}
.modal-newletter-message .message .message-subscribed-email span {
  color: #e4b760;
}
.modal-newletter-message .line {
  width: 1px;
  height: 100%;
  background-color: #616161;
}
.modal-newletter-message .icon {
  padding-left: 16px;
}
.modal-newletter-message .icon svg {
  color: #ffffff;
  width: 13px;
  height: 13px;
}
.modal-newletter-message svg {
  display: block;
}

@media screen and (max-width: 743px) {
  .modal-newletter-message .box-message {
    padding: 4px 16px;
  }
  .modal-newletter-message .line {
    height: 80%;
  }
}
@media screen and (max-width: 414px) {
  .modal-newletter-message {
    width: calc(100% - 32px);
  }
  .modal-newletter-message .line {
    height: 70%;
  }
}
.interior-advice-component {
  --grid-column: 3;
  --column-gap: 48px;
  --row-gap: 40px;
  --content-list-maxlines: 4;
  --item-height: 188px;
  padding-bottom: 64px;
}
.interior-advice-component .interior-advice-wrapper {
  display: grid;
  grid-template-columns: repeat(var(--grid-column), 1fr);
  width: 100%;
  gap: var(--row-gap) var(--column-gap);
}
.interior-advice-component .interior-advice-wrapper .interior-advice-item {
  position: relative;
  padding-top: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.interior-advice-component .interior-advice-wrapper .interior-advice-item .img-item {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.interior-advice-component .interior-advice-wrapper .interior-advice-item .details-box {
  position: absolute;
  padding: 16px;
  margin-bottom: 13px;
  background-color: #fff;
  width: calc(100% - 64px);
  height: var(--item-height);
  display: flex;
  flex-direction: column;
}
.interior-advice-component .interior-advice-wrapper .interior-advice-item .details-box h3 {
  color: #111c1c;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.interior-advice-component .interior-advice-wrapper .interior-advice-item .details-box .content-list {
  padding-left: 2ch;
  margin-top: 8px;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--content-list-maxlines);
  overflow: hidden;
}
.interior-advice-component .interior-advice-wrapper .interior-advice-item .details-box .content-list li {
  list-style: disc;
  color: #111c1c;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.interior-advice-component .interior-advice-wrapper .interior-advice-item .btn-visit-us {
  display: flex;
  width: fit-content;
  height: 40px;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: #e4b760;
  border: none;
  margin-top: auto;
  color: #fff;
  max-width: 100%;
}
.interior-advice-component .interior-advice-wrapper .interior-advice-item .btn-visit-us > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.interior-advice-component .interior-advice-wrapper .interior-advice-item .btn-visit-us.btn-calendy .appointment-txt {
  display: block;
}
.interior-advice-component .interior-advice-wrapper .interior-advice-item .btn-visit-us.btn-calendy .visit-us-txt {
  display: none;
}
.interior-advice-component .interior-advice-wrapper .interior-advice-item .btn-visit-us .appointment-txt {
  display: none;
}
.interior-advice-component .interior-advice-wrapper .interior-advice-item .btn-visit-us .visit-us-txt {
  display: block;
}

@media screen and (max-width: 1200px) {
  .interior-advice-component {
    --grid-column: 2;
    --column-gap: 24px;
    --row-gap: 40px;
    --content-list-maxlines: 5;
    --item-height: 202px;
  }
}
@media screen and (max-width: 744px) {
  .interior-advice-component {
    --grid-column: 1;
    --row-gap: 32px;
    --content-list-maxlines: 5;
  }
}
.interior-advise-form-content {
  padding-bottom: 80px;
}
.interior-advise-form-content .container {
  max-width: 1188px;
  padding: 0px 64px;
}
.interior-advise-form-content .content-desc {
  max-width: 696px;
  margin: 0 auto;
  padding: 64px 0px;
}
.interior-advise-form-content .content-desc .txt {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
}
.interior-advise-form-content .content-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 32px;
}
.interior-advise-form-content .content-grid .box-image {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
}
.interior-advise-form-content .content-grid .box-image .img {
  border-radius: 8px;
  overflow: hidden;
  max-height: 340px;
}
.interior-advise-form-content .content-grid .box-image .img img {
  width: 100%;
}
.interior-advise-form-content .content-grid .box-text .txt {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 1024px) {
  .interior-advise-form-content {
    padding-bottom: 64px;
  }
  .interior-advise-form-content .content-grid {
    grid-template-columns: 250px 1fr;
  }
  .interior-advise-form-content .content-grid .box-image {
    grid-template-columns: 1fr;
  }
  .interior-advise-form-content .content-grid .box-image .img:nth-child(2) {
    display: none;
  }
}
@media screen and (max-width: 743px) {
  .interior-advise-form-content .container {
    padding: 0px 32px;
  }
  .interior-advise-form-content .content-desc {
    padding: 64px 0px 40px;
  }
  .interior-advise-form-content .content-grid {
    grid-template-columns: 1fr;
    grid-gap: 40px;
  }
  .interior-advise-form-content .content-grid .box-image .img {
    max-height: 480px;
  }
}
.interior-advise-form-question {
  padding-bottom: 54px;
}
.interior-advise-form-question .container {
  max-width: 1188px;
  padding: 0px 64px;
}
.interior-advise-form-question .box-text .title .txt {
  color: #111c1c;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}
.interior-advise-form-question .box-question {
  padding-top: 32px;
}
.interior-advise-form-question .box-question .questions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 32px;
}
.interior-advise-form-question .box-question .questions .question.active .custom-select-list .list-select .icon-arr-down svg {
  transform: rotate(0deg);
}
.interior-advise-form-question .box-question .questions .question.active .custom-select-list .list-result .txt {
  opacity: 1;
}
.interior-advise-form-question .box-question .questions .question .custom-select-list {
  width: 100%;
}
.interior-advise-form-question .box-question .questions .question .custom-select-list .list-select {
  height: 64px;
  padding: 0px 48px 0px 24px;
}
.interior-advise-form-question .box-question .questions .question .custom-select-list .list-select .txt {
  font-weight: 600;
  color: #111c1c;
  font-size: 14px;
  line-height: 24px;
}
.interior-advise-form-question .box-question .questions .question .custom-select-list .list-select .icon-arr-down {
  right: 28px;
  top: 28px;
}
.interior-advise-form-question .box-question .questions .question .custom-select-list .list-result {
  display: block;
  padding: 12px 24px;
  height: 0px;
  overflow: hidden;
  transition: 0.3s linear;
}
.interior-advise-form-question .box-question .questions .question .custom-select-list .list-result .txt {
  color: #111c1c;
  font-size: 12px;
  line-height: 16px;
  transition: all 0.3s;
  opacity: 0;
  transition-delay: 0.15s;
}

@media screen and (max-width: 1024px) {
  .interior-advise-form-question .box-question .questions {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 743px) {
  .interior-advise-form-question {
    padding-bottom: 40px;
  }
  .interior-advise-form-question .container {
    padding: 0px 32px;
  }
  .interior-advise-form-question .box-text .title .txt {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 400px) {
  .interior-advise-form-question .box-question .questions .question .custom-select-list .list-select .txt {
    font-size: 12px;
    line-height: 16px;
  }
}
.interior-advise-form-showroom .container {
  max-width: 1188px;
  padding: 0px 64px;
}
.interior-advise-form-showroom .box-text {
  margin-bottom: 32px;
}
.interior-advise-form-showroom .box-text .title {
  margin-bottom: 32px;
}
.interior-advise-form-showroom .box-text .title .txt {
  color: #111c1c;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}
.interior-advise-form-showroom .box-text .desc .txt {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
}
.interior-advise-form-showroom .box-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 32px;
}
.interior-advise-form-showroom .box-grid .menu-item {
  margin-bottom: 24px;
}
.interior-advise-form-showroom .box-grid .menu-item.active .custom-select-list .list-select .txt {
  color: #e4b760;
}
.interior-advise-form-showroom .box-grid .menu-item.active .custom-select-list .list-select .icon-arr-down svg {
  color: #e4b760;
}
.interior-advise-form-showroom .box-grid .menu-item .custom-select-list {
  width: 100%;
}
.interior-advise-form-showroom .box-grid .menu-item .custom-select-list .list-select {
  height: 48px;
  padding: 0px 48px 0px 24px;
}
.interior-advise-form-showroom .box-grid .menu-item .custom-select-list .list-select .txt {
  font-weight: 600;
  color: #111c1c;
  font-size: 14px;
  line-height: 24px;
  transition: all 0.3s;
}
.interior-advise-form-showroom .box-grid .menu-item .custom-select-list .list-select .icon-arr-down {
  right: 28px;
  top: 22px;
}
.interior-advise-form-showroom .box-grid .menu-item .custom-select-list .list-select .icon-arr-down svg {
  transform: rotate(90deg);
}
.interior-advise-form-showroom .box-grid .menu-item .custom-select-list .list-result {
  display: none;
  padding: 12px 24px;
  transition: all 0.3s;
  opacity: 0;
}
.interior-advise-form-showroom .box-grid .menu-item .custom-select-list .list-result .txt {
  color: #111c1c;
  font-size: 12px;
  line-height: 16px;
}
.interior-advise-form-showroom .box-grid .detail-items {
  overflow: hidden;
}
.interior-advise-form-showroom .box-grid .detail-items .interior-advise-form-showroom-item {
  position: relative;
  overflow: hidden;
}
.interior-advise-form-showroom .box-grid .detail-items .interior-advise-form-showroom-item.active .branch-address {
  position: relative;
  opacity: 1;
}
.interior-advise-form-showroom .box-grid .detail-items .interior-advise-form-showroom-item.visibility .branch-address {
  opacity: 0;
}
.interior-advise-form-showroom .box-grid .detail-items .interior-advise-form-showroom-item .menu-item {
  display: none;
}
.interior-advise-form-showroom .box-grid .detail-items .interior-advise-form-showroom-item .menu-item .custom-select-list .list-select .icon-arr-down {
  transform: rotate(90deg);
}
.interior-advise-form-showroom .box-grid .detail-items .interior-advise-form-showroom-item .menu-item .custom-select-list .list-select .icon-arr-down svg {
  color: #111c1c;
}
.interior-advise-form-showroom .box-grid .detail-items .interior-advise-form-showroom-item .menu-item.active .custom-select-list .list-select .txt {
  color: #111c1c;
}
.interior-advise-form-showroom .box-grid .detail-items .interior-advise-form-showroom-item .menu-item.active .custom-select-list .list-select .icon-arr-down {
  transform: rotate(270deg);
}
.interior-advise-form-showroom .box-grid .detail-items .interior-advise-form-showroom-item .menu-item.active .custom-select-list .list-select .icon-arr-down svg {
  color: #111c1c;
}
.interior-advise-form-showroom .box-grid .detail-items .interior-advise-form-showroom-item .branch-address {
  position: absolute;
  opacity: 0;
  transition: all 0.6s;
  transition-delay: 0.15s;
}
.interior-advise-form-showroom .box-grid .detail-items .branch-grid {
  display: grid;
  grid-template-columns: 182px 1fr;
  grid-gap: 24px;
}
.interior-advise-form-showroom .box-grid .detail-items .branch-img .img img {
  width: 100%;
  height: 100%;
  max-height: 290px;
}
.interior-advise-form-showroom .box-grid .detail-items .address .address-box {
  margin-bottom: 16px;
}
.interior-advise-form-showroom .box-grid .detail-items .address p {
  font-size: 16px;
  line-height: 24px;
  color: #111c1c;
}
.interior-advise-form-showroom .box-grid .detail-items .address p a {
  color: #111c1c;
}
.interior-advise-form-showroom .box-grid .detail-items .address .font-grey {
  color: #a0a4a4;
}
.interior-advise-form-showroom .box-grid .detail-items .time .head {
  margin-bottom: 16px;
}
.interior-advise-form-showroom .box-grid .detail-items .time .head p {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.interior-advise-form-showroom .box-grid .detail-items .time .time-list {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
  display: inline-block;
}
.interior-advise-form-showroom .box-grid .detail-items .time .time-list li {
  width: 50%;
  display: inline-block;
  float: left;
}
.interior-advise-form-showroom .box-grid .detail-items .time .bt-view {
  float: left;
  margin-left: -12px;
}
.interior-advise-form-showroom .box-grid .detail-items .peak-chart-wrapper {
  width: 100%;
  max-width: 324px;
  height: auto;
  margin-bottom: 20px;
}
.interior-advise-form-showroom .box-grid .detail-items .peak-chart-wrapper .heading {
  display: flex;
  margin-bottom: 8px;
}
.interior-advise-form-showroom .box-grid .detail-items .peak-chart-wrapper .heading > span {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  display: inline-block;
}
.interior-advise-form-showroom .box-grid .detail-items .peak-chart-wrapper .info-icon {
  top: 0;
  display: inline-block;
  cursor: pointer;
}
.interior-advise-form-showroom .box-grid .detail-items .peak-chart-wrapper .info-icon svg {
  width: 12px;
  height: 12px;
  transition: all 0.3s ease-out;
  top: 2px;
  margin-left: 2px;
}
.interior-advise-form-showroom .box-grid .detail-items .peak-chart-wrapper .timeframe-container {
  margin-bottom: 46px;
  position: relative;
  display: flex;
  justify-content: space-around;
}
.interior-advise-form-showroom .box-grid .detail-items .peak-chart-wrapper .timeframe-container hr {
  height: 2px;
  margin: 0;
  background-color: #e4b760;
  border: none;
  transition: 0.3s ease-in-out;
  position: absolute;
  display: none;
  bottom: -2px;
}
.interior-advise-form-showroom .box-grid .detail-items .peak-chart-wrapper .timeframe-container hr.active {
  display: inline-block;
}
.interior-advise-form-showroom .box-grid .detail-items .peak-chart-wrapper .timeframe-container > span {
  color: #aeb2b2;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
  text-align: center;
  width: fit-content;
}
.interior-advise-form-showroom .box-grid .detail-items .custom-tooltips-box {
  width: auto;
  height: auto;
  position: absolute;
  opacity: 1;
  pointer-events: none;
  transform: translate(-50%, -100%);
  transition: all 0.1s ease;
}
.interior-advise-form-showroom .box-grid .detail-items .tooltip-content {
  font-size: 12px;
  margin: 0;
  list-style: none;
  padding: 0;
}
.interior-advise-form-showroom .box-grid .detail-items .tooltip-content .user-icon {
  top: 0;
  display: inline-block;
  cursor: pointer;
  margin-right: 4px;
}
.interior-advise-form-showroom .box-grid .detail-items .tooltip-content .user-icon svg {
  width: 16px;
  height: 16px;
  transition: all 0.3s ease-out;
}
.interior-advise-form-showroom .box-grid .detail-items .tooltip-content p {
  margin: 0;
}
.interior-advise-form-showroom .box-grid .detail-items .tooltip-content li {
  text-align: left;
}
.interior-advise-form-showroom .box-grid .detail-items .tooltip-content .tooltip-title {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  display: flex;
}
.interior-advise-form-showroom .box-grid .detail-items .tooltip-content .text-body {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  display: block;
  width: max-content;
}

@media (hover: hover) and (pointer: fine) {
  .interior-advise-form-showroom .box-grid .menu-item:hover .custom-select-list .list-select .txt {
    color: #e4b760;
  }
  .interior-advise-form-showroom .box-grid .menu-item:hover .custom-select-list .list-select .icon-arr-down svg {
    color: #e4b760;
  }
}
@media screen and (max-width: 1024px) {
  .interior-advise-form-showroom .box-grid {
    grid-template-columns: 1fr;
  }
  .interior-advise-form-showroom .box-grid .menu-items {
    display: none;
  }
  .interior-advise-form-showroom .box-grid .detail-items .interior-advise-form-showroom-item .menu-item {
    display: block;
  }
  .interior-advise-form-showroom .box-grid .detail-items .interior-advise-form-showroom-item .branch-address {
    display: grid;
    grid-template-columns: 324px 1fr;
    grid-gap: 24px;
  }
  .interior-advise-form-showroom .box-grid .detail-items .interior-advise-form-showroom-item .branch-grid {
    grid-template-columns: 1fr;
  }
  .interior-advise-form-showroom .box-grid .detail-items .interior-advise-form-showroom-item .branch-grid .branch-img {
    display: none;
  }
}
@media screen and (max-width: 743px) {
  .interior-advise-form-showroom .container {
    padding: 0px 32px;
  }
  .interior-advise-form-showroom .box-grid .menu-item .custom-select-list .list-select {
    height: 64px;
  }
  .interior-advise-form-showroom .box-grid .detail-items .interior-advise-form-showroom-item .menu-item .custom-select-list .list-select .icon-arr-down {
    top: 30px;
  }
  .interior-advise-form-showroom .box-grid .detail-items .interior-advise-form-showroom-item .branch-address {
    grid-template-columns: 1fr;
  }
  .interior-advise-form-showroom .box-grid .detail-items .peak-chart-wrapper {
    max-width: 100%;
  }
}
.shopping-cart-3d-view {
  position: fixed;
  z-index: 90;
  top: -100px;
  left: 24px;
  width: calc(100% - 48px);
  height: calc(100% - 48px);
  box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all ease-in-out 0.25s;
}
.shopping-cart-3d-view.active {
  opacity: 1;
  visibility: visible;
  pointer-events: unset;
  top: 24px;
}
.shopping-cart-3d-view .close-btn {
  width: 40px;
  height: 40px;
  border: 1px solid #111c1c;
  border-radius: 50%;
  display: flex;
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.shopping-cart-3d-view .close-btn svg {
  width: 12px;
  height: 12px;
}
.shopping-cart-3d-view .frame {
  position: absolute;
  width: 100%;
  height: 100%;
}
.shopping-cart-3d-view .frame .frame-container {
  width: 100%;
  height: 100%;
}
.shopping-cart-3d-view .frame .frame-container iframe {
  border: none;
  width: 100%;
  height: 100%;
}
.shopping-cart-3d-view .frame .frame-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shopping-cart-3d-view .frame .rotate-set {
  position: absolute;
  bottom: 120px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  pointer-events: none;
}
.shopping-cart-3d-view .frame .rotate-set .rotate-container {
  position: relative;
  display: flex;
  justify-content: center;
}
.shopping-cart-3d-view .frame .rotate-set .rotate-container .bt-rotate {
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.shopping-cart-3d-view .frame .rotate-set .rotate-container .bt-rotate p {
  line-height: 1.4;
}
.shopping-cart-3d-view .actions {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 48px;
}
.shopping-cart-3d-view .actions .a-ico {
  float: left;
  width: 50px;
  height: 68px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.shopping-cart-3d-view .actions .a-ico svg {
  width: 100%;
}
.shopping-cart-3d-view .actions .a-ico .txt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #111c1c;
}
.shopping-cart-3d-view .actions .view-360 {
  margin-right: 8px;
}
.shopping-cart-3d-view .actions .view-360 svg {
  height: 18px;
  width: 40px;
  position: relative;
  top: 2px;
}
.shopping-cart-3d-view .actions .rotate svg {
  height: 34px;
  width: 34px;
}
.shopping-cart-3d-view .actions .zoom svg {
  height: 32px;
  width: 32px;
}
.shopping-cart-3d-view .loading-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-left: -60px;
  margin-top: -60px;
}
.shopping-cart-3d-view .loading-icon .frame {
  width: 100%;
  height: 100%;
  position: relative;
}
.shopping-cart-3d-view .loading-icon .frame .icon {
  position: absolute;
  top: 0px;
}
.shopping-cart-3d-view .loading-icon .frame .icon img {
  height: 100px;
  width: 100px;
  left: unset;
}
.shopping-cart-3d-view .loading-icon .loader {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 100px;
}
.shopping-cart-3d-view .loading-icon .loader div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100px;
  height: 100px;
  border: 3px solid #000000;
  border-radius: 50%;
  animation: loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #000000 transparent transparent transparent;
}
.shopping-cart-3d-view .loading-icon .loader div:nth-child(1) {
  animation-delay: -0.45s;
}
.shopping-cart-3d-view .loading-icon .loader div:nth-child(2) {
  animation-delay: -0.3s;
}
.shopping-cart-3d-view .loading-icon .loader div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media screen and (max-width: 991px) {
  .shopping-cart-3d-view {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0px;
  }
  .shopping-cart-3d-view.active {
    top: 0;
  }
  .shopping-cart-3d-view .frame .rotate-set {
    bottom: 240px;
  }
  .shopping-cart-3d-view .frame .rotate-set .icon-rotation-circle {
    width: 532px;
    height: 200px;
  }
}
@media screen and (max-width: 767px) {
  .shopping-cart-3d-view .frame .rotate-set {
    bottom: 200px;
  }
  .shopping-cart-3d-view .frame .rotate-set .icon-rotation-circle {
    width: 320px;
    height: 112px;
  }
  .shopping-cart-3d-view .actions {
    padding: 24px;
  }
}
.slide-banners {
  width: 100%;
  margin-top: 16px;
  transition: opacity 0.3s ease;
}
.slide-banners .banner-slider {
  width: 100%;
}
.slide-banners .banner-slider.auto-fit .swiper-wrapper {
  gap: 16px;
}
.slide-banners .banner-slider.auto-fit .banner-slide-item {
  width: 50%;
  flex-shrink: 1;
}
.slide-banners .banner-slider .banner-slide-item {
  cursor: pointer;
  width: 42%;
  overflow: hidden;
  border: solid 1px rgba(255, 255, 255, 0);
  border-radius: 8px;
}
.slide-banners .banner-slider .banner-slide-item .item-container {
  position: relative;
}
.slide-banners .banner-slider .banner-slide-item .item-container .img-container {
  position: relative;
  width: 100%;
  padding-top: 55.63%;
}
.slide-banners .banner-slider .banner-slide-item .item-container .img-container .slide-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide-banners .banner-slider .banner-slide-item .item-container .slide-badge {
  position: absolute;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background-color: #e4b760;
  top: 8px;
  right: 8px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.slide-banners .banner-slider .banner-slide-item .item-container .slide-badge .txt {
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  white-space: nowrap;
}
.slide-banners .banner-slider .banner-slide-item .item-container .slide-badge .original-price {
  color: #111c1c;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  white-space: nowrap;
  position: relative;
}
.slide-banners .banner-slider .banner-slide-item .item-container .slide-badge .original-price:before {
  content: " ";
  width: 100%;
  height: 1px;
  display: inline-block;
  position: absolute;
  top: 38%;
  border-bottom: 1px solid #fff;
}
.slide-banners .banner-slider .banner-slide-item .item-container .slide-badge .discount-price {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
}
.slide-banners .banner-slider .banner-slide-item .item-container .slide-footer {
  padding: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
  column-gap: 8px;
}
.slide-banners .banner-slider .banner-slide-item .item-container .slide-footer .footer-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;
  --line-height: 24px;
  --max-lines: 2;
}
.slide-banners .banner-slider .banner-slide-item .item-container .slide-footer .footer-content .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #111c1c;
  white-space: nowrap;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.slide-banners .banner-slider .banner-slide-item .item-container .slide-footer .footer-content .title span {
  color: #e4b760;
}
.slide-banners .banner-slider .banner-slide-item .item-container .slide-footer .footer-content .desc {
  font-weight: 400;
  font-size: 14px;
  line-height: var(--line-height);
  color: #111c1c;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--max-lines);
  overflow: hidden;
  height: calc(var(--line-height) * var(--max-lines));
}
.slide-banners .banner-slider .banner-slide-item .item-container .slide-footer .footer-content .desc .second-txt {
  font-size: 20px;
  font-weight: 700;
}
.slide-banners .banner-slider .banner-slide-item .item-container .slide-footer .cta-button {
  color: #fff;
  background-color: #e4b760;
  width: fit-content;
  min-width: 118px;
  max-width: 140px;
  height: 48px;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.slide-banners .swiper-pagination-bullets {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  bottom: 18px;
  width: fit-content;
}
.slide-banners .swiper-pagination-bullets .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
  opacity: 1;
}
.slide-banners .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.slide-banners .slide-nav {
  position: relative;
  height: auto;
  width: 100%;
  margin-top: 16px;
}
.slide-banners .slide-nav .slide-nav-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 16px;
}
.slide-banners .slide-nav .slide-nav-box .nav-txt {
  display: flex;
  align-items: center;
}
.slide-banners .slide-nav .slide-nav-box .nav-txt p {
  color: #111c1c;
}
.slide-banners .slide-nav .slide-nav-box .nav-txt p.current-txt {
  padding-right: 4px;
}
.slide-banners .slide-nav .slide-nav-box .nav-txt p.label-txt {
  padding-right: 4px;
}
.slide-banners .slide-nav .slide-nav-box .nav-txt p.all-txt, .slide-banners .slide-nav .slide-nav-box .nav-txt p.label-txt {
  color: rgba(17, 28, 28, 0.34);
}
.slide-banners .slide-nav .circle-bt {
  position: relative;
}
.slide-banners .slide-nav .circle-bt.bt-next {
  left: 0;
}
.slide-banners .slide-nav .circle-bt.swiper-button-disabled .icon-arr-right,
.slide-banners .slide-nav .circle-bt.swiper-button-disabled .icon-arr-left {
  animation-duration: 0s;
  -webkit-animation-duration: 0s;
}
.slide-banners .slide-nav .circle-bt .icon-arr-right {
  animation-name: icon-arr-right;
  animation-duration: 0.3s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@keyframes icon-arr-right {
  from {
    transform: translate(2px, 0px);
  }
  to {
    transform: translate(-2px, 0px);
  }
}
.slide-banners .slide-nav .circle-bt .icon-arr-left {
  animation-name: icon-arr-left;
  animation-duration: 0.3s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@keyframes icon-arr-left {
  from {
    transform: translate(-2px, 0px);
  }
  to {
    transform: translate(2px, 0px);
  }
}

@media (hover: hover) and (pointer: fine) {
  .slide-banners .banner-slider .banner-slide-item:hover {
    border: 1px solid #d8d8d8;
  }
}
@media screen and (max-width: 1200px) {
  .slide-banners .banner-slider .banner-slide-item .item-container .slide-badge {
    width: 80px;
    height: 80px;
  }
  .slide-banners .banner-slider .banner-slide-item .item-container .slide-badge .txt {
    display: none;
  }
  .slide-banners .banner-slider .banner-slide-item .item-container .slide-footer .footer-content {
    --line-height: 24px;
    --max-lines: 3;
  }
}
@media screen and (max-width: 1024px) {
  .slide-banners .banner-slider.auto-fit .swiper-wrapper {
    gap: 12px;
  }
  .slide-banners .banner-slider .banner-slide-item .item-container .slide-footer {
    display: flex;
    flex-direction: column;
  }
  .slide-banners .slide-nav .slide-nav-box {
    float: unset;
    right: unset;
  }
  .slide-banners .slide-nav .slide-nav-box .nav-txt {
    padding: 0;
  }
  .slide-banners .slide-nav .slide-nav-box .circle-bt.bt-prev {
    margin-right: 0;
  }
}
@media screen and (max-width: 743px) {
  .slide-banners .banner-slider .banner-slide-item {
    border-radius: 5px;
  }
  .slide-banners .banner-slider .banner-slide-item .item-container .slide-badge {
    width: 53px;
    height: 53px;
    top: 4px;
    right: 4px;
  }
  .slide-banners .banner-slider .banner-slide-item .item-container .slide-badge .original-price {
    font-size: 10px;
    line-height: 11px;
  }
  .slide-banners .banner-slider .banner-slide-item .item-container .slide-badge .discount-price {
    font-size: 12px;
    line-height: 18px;
  }
  .slide-banners .banner-slider .banner-slide-item .item-container .slide-footer {
    padding: 16px 0 0 0;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 8px;
  }
  .slide-banners .banner-slider .banner-slide-item .item-container .slide-footer .footer-content {
    --line-height: 18px;
    --max-lines: 3;
  }
  .slide-banners .banner-slider .banner-slide-item .item-container .slide-footer .footer-content .title {
    font-size: 14px;
    line-height: 24px;
  }
  .slide-banners .banner-slider .banner-slide-item .item-container .slide-footer .footer-content .desc {
    font-size: 12px;
    line-height: 18px;
  }
}
@media screen and (max-width: 376px) {
  .slide-banners .banner-slider .banner-slide-item {
    width: 46%;
  }
}
.blog-component-bg-1 .blog-page-content {
  position: relative;
  display: block;
  height: auto;
}
.blog-component-bg-1 .blog-page-content.bg-same-side .bg {
  position: absolute;
  padding-left: 0;
  width: 38%;
  height: 712px;
  background-color: #f8f7f4;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: -1;
  transition: all 0.3s ease;
}

@media screen and (max-width: 1440px) {
  .blog-component-bg-1 .blog-page-content.bg-same-side .bg {
    width: 385px;
  }
}
@media screen and (max-width: 767px) {
  .blog-component-bg-1 .blog-page-content.bg-same-side .bg {
    width: 168px;
  }
}
.blog-component-bg-2 .blog-page-content {
  position: relative;
  display: block;
  height: auto;
}
.blog-component-bg-2 .blog-page-content.bg-switch-sides .bg {
  position: absolute;
  width: 38%;
  height: 712px;
  background-color: #f8f7f4;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: -1;
  transition: all 0.3s ease;
}

@media screen and (max-width: 1440px) {
  .blog-component-bg-2 .blog-page-content.bg-switch-sides .bg {
    width: 385px;
  }
}
@media screen and (max-width: 767px) {
  .blog-component-bg-2 .blog-page-content.bg-switch-sides .bg {
    width: 168px;
  }
}
.blog-detail-image {
  position: relative;
  width: 100%;
  padding-top: 16px;
}
.blog-detail-image .container {
  position: relative;
}
.blog-detail-image .blog-detail-image-grid {
  display: grid;
  grid-template-columns: 560px 382px;
  grid-gap: 112px;
  padding: 0px 72px;
  padding-top: 60px;
}
.blog-detail-image .blog-detail-image-grid .set-product,
.blog-detail-image .blog-detail-image-grid .set-bt {
  display: none;
}
.blog-detail-image .blog-detail-image-grid .set-image .item {
  height: auto;
}
.blog-detail-image .blog-detail-image-grid .set-image .item .img {
  height: 400px;
}
.blog-detail-image .blog-profile {
  position: absolute;
  left: 48px;
  top: -8px;
  display: grid;
  grid-template-columns: 64px auto;
  grid-gap: 16px;
  margin-bottom: 50px;
}
.blog-detail-image .blog-profile.profilte-large {
  position: relative;
  left: 0;
  top: 0;
  grid-template-columns: 80px auto;
  grid-gap: 26px;
}
.blog-detail-image .blog-profile.profilte-large .profile-img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
}
.blog-detail-image .blog-profile.profilte-large .profile-img img {
  width: 80px;
  height: 80px;
}
.blog-detail-image .blog-profile.profilte-large .profile-txt .txt-box {
  padding: 12px 0px;
}
.blog-detail-image .blog-profile.profilte-large .profile-txt .txt-box .head p,
.blog-detail-image .blog-profile.profilte-large .profile-txt .txt-box .head h2 {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
}
.blog-detail-image .blog-profile.profilte-large .profile-txt .txt-box .desc p {
  font-size: 16px;
  line-height: 20px;
}
.blog-detail-image .blog-profile .profile-img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
}
.blog-detail-image .blog-profile .profile-img img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  mix-blend-mode: multiply;
}
.blog-detail-image .set-image {
  display: grid;
  grid-gap: 24px;
  margin-bottom: 44px;
}
.blog-detail-image .set-image .item {
  height: 480px;
  position: relative;
  overflow: hidden;
}
.blog-detail-image .set-image .item:hover .bt-cart {
  background-color: rgb(0, 0, 0);
}
.blog-detail-image .set-image .item:hover img {
  transform-origin: center center;
  transform: scale(1.05);
}
.blog-detail-image .set-image .item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: 0.3s linear;
}
.blog-detail-image .set-image .item .bt-cart {
  position: absolute;
  right: 32px;
  bottom: 32px;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.blog-detail-image .set-image .item .bt-cart:hover {
  background-color: rgb(0, 0, 0);
}
.blog-detail-image .set-image .item .bt-cart .icon-cart {
  background-color: #ffffff;
}
.blog-detail-image .set-product {
  padding: 0px 10px;
  display: flex;
  flex-wrap: wrap;
}
.blog-detail-image .set-product .blog-product-item {
  height: auto;
  min-height: 120px;
  display: grid;
  grid-template-columns: 120px 1fr;
  grid-gap: 24px;
  margin-right: 12px;
  max-width: 330px;
}
.blog-detail-image .set-product .blog-product-item:last-child {
  margin-right: 0px;
}
.blog-detail-image .set-product .blog-product-item .product-img {
  height: 120px;
}
.blog-detail-image .set-product .blog-product-item .product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
}
.blog-detail-image .set-product .blog-product-item .product-txt .slide-set-top {
  position: relative;
  min-height: 72px;
  margin-bottom: 16px;
}
.blog-detail-image .set-product .blog-product-item .product-txt .slide-set-top .title-txt {
  margin-bottom: 6px;
  position: relative;
  min-height: 44px;
}
.blog-detail-image .set-product .blog-product-item .product-txt .slide-set-top .title-txt p {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  color: #111c1c;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: relative;
  bottom: 0;
}
.blog-detail-image .set-product .blog-product-item .product-txt .slide-set-top .reviews-ratting {
  margin-bottom: 0;
}
.blog-detail-image .set-product .blog-product-item .product-txt .slide-set-top .reviews-ratting .count {
  display: none;
}
.blog-detail-image .set-product .blog-product-item .product-txt .slide-bt-box {
  display: flex;
  align-items: center;
  height: 20px;
}
.blog-detail-image .set-product .blog-product-item .product-txt .slide-bt-box .bt-save {
  width: 45px;
  height: 20px;
}
.blog-detail-image .set-product .blog-product-item .product-txt .slide-bt-box .bt-save .save p {
  display: none;
}
.blog-detail-image .set-bt {
  position: absolute;
  right: 0;
  bottom: 0px;
  display: flex;
  align-items: flex-end;
}
.blog-detail-image .set-bt .scroll-down-button {
  height: 94px;
}
.blog-detail-image .set-bt .scroll-down-button p {
  color: #9da2a3;
}
.blog-detail-image .set-bt .scroll-down-button.bt-icon {
  height: unset;
}
.blog-detail-image .set-bt .scroll-down-button.bt-icon p {
  color: #111c1c;
}
.blog-detail-image .set-bt .bt-icon {
  margin-right: 32px;
}
.blog-detail-image .set-bt .bt-icon a {
  padding: 0px;
}
.blog-detail-image .set-bt .bt-icon.tablet {
  display: none;
}
.blog-detail-image .set-text {
  position: relative;
  margin-top: 56px;
}
.blog-detail-image .set-text .text-box .head-txt {
  margin-bottom: 30px;
}
.blog-detail-image .set-text .text-box .head-txt p {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
}
.blog-detail-image .set-text .text-box .desc-txt p {
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 1199px) {
  .blog-detail-image .blog-detail-image-grid {
    grid-template-columns: 1fr;
    grid-gap: 68px;
    padding: 0px;
  }
  .blog-detail-image .blog-detail-image-grid .set-image {
    margin: 0;
  }
  .blog-detail-image .blog-detail-image-grid .set-image .item {
    height: auto;
  }
  .blog-detail-image .blog-detail-image-grid .set-image .item .img {
    height: 360px;
  }
  .blog-detail-image .blog-detail-image-grid .set-text {
    position: relative;
    margin-top: 0px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-left: 64px;
    padding: 0px 32px;
  }
  .blog-detail-image .blog-detail-image-grid .set-text .text-box {
    max-width: 288px;
  }
  .blog-detail-image .blog-detail-image-grid .set-text .text-box .desc-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .blog-detail-image .blog-profile {
    position: relative;
  }
}
@media screen and (max-width: 1024px) {
  .blog-detail-image {
    padding-top: 12px;
  }
  .blog-detail-image .blog-detail-image-grid {
    grid-template-columns: 1fr;
    grid-gap: 68px;
    padding: 0px;
  }
  .blog-detail-image .blog-detail-image-grid .set-image {
    margin: 0;
  }
  .blog-detail-image .blog-detail-image-grid .set-image .item {
    height: auto;
  }
  .blog-detail-image .blog-detail-image-grid .set-image .item .img {
    height: 360px;
  }
  .blog-detail-image .blog-detail-image-grid .set-text {
    position: relative;
    margin-top: 0px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-left: 64px;
    padding: 0px 32px;
  }
  .blog-detail-image .blog-detail-image-grid .set-text .text-box {
    max-width: 288px;
  }
  .blog-detail-image .blog-detail-image-grid .set-text .text-box .desc-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .blog-detail-image .blog-profile {
    display: none;
  }
  .blog-detail-image .blog-profile.profilte-large {
    display: grid;
    top: 36px;
    grid-template-columns: 64px auto;
    grid-gap: 24px;
    margin: 0px;
  }
  .blog-detail-image .blog-profile.profilte-large .profile-img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
  }
  .blog-detail-image .blog-profile.profilte-large .profile-img img {
    width: 64px;
    height: 64px;
  }
  .blog-detail-image .blog-profile.profilte-large .profile-txt .txt-box {
    padding: 8px 0px;
  }
  .blog-detail-image .blog-profile.profilte-large .profile-txt .txt-box .head p,
  .blog-detail-image .blog-profile.profilte-large .profile-txt .txt-box .head h2 {
    font-size: 20px;
    line-height: 30px;
  }
  .blog-detail-image .blog-profile.profilte-large .profile-txt .txt-box .desc p {
    font-size: 14px;
    line-height: 20px;
  }
}
@media screen and (max-width: 767px) {
  .blog-detail-image {
    padding-top: 30px;
    padding-bottom: 70px;
  }
  .blog-detail-image .blog-detail-image-grid {
    grid-gap: 40px;
  }
  .blog-detail-image .blog-detail-image-grid .set-image {
    padding: 0px;
    grid-template-columns: 1fr;
    grid-gap: 16px;
  }
  .blog-detail-image .blog-detail-image-grid .set-image .item .img {
    height: 264px;
  }
  .blog-detail-image .blog-detail-image-grid .set-text {
    grid-template-columns: 1fr;
    margin-left: 0px;
    padding: 0px 32px;
  }
  .blog-detail-image .blog-profile.profilte-large {
    top: 0px;
    margin-bottom: 42px;
  }
}
.blog-detail-description-component {
  position: relative;
  width: 100%;
  height: auto;
}
.blog-detail-description-component .blog-detail {
  display: flex;
  gap: 64px;
  margin: 0 auto;
  width: 100%;
  max-width: 946px;
  margin-bottom: 80px;
}
.blog-detail-description-component .blog-detail.col-1 {
  flex-direction: column;
  gap: 32px;
}
.blog-detail-description-component .blog-detail.col-2 {
  flex-direction: row;
}
.blog-detail-description-component .blog-detail .blog-detail-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.blog-detail-description-component .blog-detail .text-box {
  margin-bottom: 0;
}
.blog-detail-description-component .blog-detail .text-box .head-txt {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
}
.blog-detail-description-component .blog-detail .text-box .head-txt.text-right {
  text-align: right;
}
.blog-detail-description-component .blog-detail .text-box .head-txt.text-center {
  text-align: center;
}
.blog-detail-description-component .blog-detail .text-box .head-txt strong,
.blog-detail-description-component .blog-detail .text-box .head-txt b {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}
.blog-detail-description-component .blog-detail .text-box .desc-txt {
  font-size: 16px;
  line-height: 24px;
}
.blog-detail-description-component .blog-detail .text-box .desc-txt ul, .blog-detail-description-component .blog-detail .text-box .desc-txt li {
  list-style: disc;
}

@media screen and (max-width: 1024px) {
  .blog-detail-description-component .blog-detail {
    margin-bottom: 64px;
    max-width: 770px;
  }
  .blog-detail-description-component .blog-detail .text-box .head-txt {
    font-size: 16px;
    line-height: 24px;
  }
  .blog-detail-description-component .blog-detail .text-box .head-txt strong,
  .blog-detail-description-component .blog-detail .text-box .head-txt b {
    font-size: 22px;
    line-height: 26px;
  }
  .blog-detail-description-component .blog-detail .text-box .desc-txt {
    font-size: 14px;
    line-height: 22px;
  }
}
@media screen and (max-width: 767px) {
  .blog-detail-description-component .blog-detail {
    margin-bottom: 48px;
    max-width: 382px;
    gap: 32px;
  }
  .blog-detail-description-component .blog-detail.col-2 {
    flex-direction: column;
  }
  .blog-detail-description-component .blog-detail .blog-detail-col {
    display: contents;
  }
}
.countdown-timer {
  width: 100%;
  position: relative;
  height: auto;
  display: flex;
  justify-content: center;
}
.countdown-timer.hide {
  display: none;
}
.countdown-timer .content-wrapper {
  width: 100%;
  display: grid;
  row-gap: 16px;
  place-items: center;
  padding: 24px 0px;
  margin-bottom: 32px;
}
.countdown-timer .content-wrapper .wrap-text .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  color: #111c1c;
  text-align: center;
  margin-bottom: 8px;
}
.countdown-timer .content-wrapper .wrap-text .desc {
  width: 100%;
  max-width: 740px;
}
.countdown-timer .content-wrapper .wrap-text .desc .title {
  color: #111c1c;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.countdown-timer .content-wrapper .content-countdown .countdown-box {
  width: 100%;
  height: 96px;
  min-width: 200px;
  background-color: #e4b760;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 20px;
  padding: 16px 24px;
}
.countdown-timer .content-wrapper .content-countdown .countdown-box .item {
  display: grid;
  place-items: center;
  color: #fff;
  position: relative;
}
.countdown-timer .content-wrapper .content-countdown .countdown-box .item .num {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
}
.countdown-timer .content-wrapper .content-countdown .countdown-box .item .txt {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.countdown-timer .content-wrapper .content-countdown .countdown-box .item:after {
  content: ":";
  width: 100%;
  height: 100%;
  position: absolute;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  left: calc(100% + 7px);
  top: 4px;
}
.countdown-timer .content-wrapper .content-countdown .countdown-box .item:last-child:after {
  display: none;
}

@media screen and (max-width: 1024px) {
  .countdown-timer .content-wrapper .wrap-text .desc {
    max-width: 706px;
  }
  .countdown-timer .content-wrapper .content-countdown .countdown-box .item .txt {
    font-size: 14px;
    line-height: 24px;
  }
}
@media screen and (max-width: 743px) {
  .countdown-timer .content-wrapper .content-countdown .countdown-box {
    min-width: 196px;
    height: 82px;
  }
  .countdown-timer .content-wrapper .content-countdown .countdown-box .item .num {
    font-size: 24px;
    line-height: 32px;
  }
  .countdown-timer .content-wrapper .content-countdown .countdown-box .item .txt {
    font-size: 12px;
    line-height: 18px;
  }
}
.page-component-with-header .page-content {
  position: relative;
  padding-top: 152px;
}
.page-component-with-header .page-content .bg-component.bg-even::before {
  content: " ";
  position: absolute;
  top: 15%;
  left: 0;
  width: 38%;
  height: 70%;
  background-color: #f8f7f4;
  border-radius: 5px;
  z-index: -1;
  display: block;
}
.page-component-with-header .page-content .bg-component.bg-odd::after {
  content: " ";
  position: absolute;
  top: 30%;
  right: 0;
  width: 38%;
  height: 70%;
  background-color: #f8f7f4;
  border-radius: 5px;
  z-index: -1;
  display: block;
}

@media screen and (max-width: 767px) {
  .page-component-with-header .page-content {
    padding-top: 108px;
  }
}
.home-hilight-slide-component {
  height: calc(100vh - 80px);
  margin-bottom: 80px;
}
.home-hilight-slide-component .slide-nav {
  width: 100%;
  height: auto;
  z-index: 5;
  position: relative;
}
.home-hilight-slide-component .slide-nav .swiper-pagination {
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
}
.home-hilight-slide-component .slide-nav .slide-nav-box {
  position: absolute;
  right: 0px;
  bottom: 60px;
  width: 226px;
}
.home-hilight-slide-component .slide-nav .slide-nav-box .nav-txt {
  position: absolute;
  bottom: 16px;
  transform: translateX(-100%);
}
.home-hilight-slide-component .slide-nav .slide-nav-box .nav-txt .current-txt {
  padding-right: 8px;
}
.home-hilight-slide-component .slide-nav .slide-nav-box .nav-txt.active {
  display: flex;
  padding: 0px 12px;
}
.home-hilight-slide-component .hilight-slide-item {
  height: calc(100vh - 80px);
}
.home-hilight-slide-component .hilight-slide-item.home-item .hilight-desc .desc-txt {
  margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
  .home-hilight-slide-component {
    height: calc(100vh - 64px);
    margin-bottom: 64px;
  }
  .home-hilight-slide-component .slide-nav .slide-nav-box {
    width: 148px;
  }
  .home-hilight-slide-component .slide-nav .slide-nav-box .nav-txt {
    display: none;
    bottom: 0px;
  }
  .home-hilight-slide-component .slide-nav .slide-nav-box .nav-txt .current-txt {
    padding-right: 8px;
  }
  .home-hilight-slide-component .hilight-slide-item {
    height: calc(100vh - 64px);
  }
}
@media screen and (max-width: 767px) {
  .home-hilight-slide-component {
    height: calc(100vh - 48px);
    margin-bottom: 48px;
  }
  .home-hilight-slide-component .hilight-slide-item {
    height: calc(100vh - 48px);
  }
}
@media screen and (max-width: 480px) {
  .home-hilight-slide-component .slide-nav .slide-nav-box {
    width: 110px;
  }
}
.home-category-slide-component {
  position: relative;
  width: 100%;
  min-height: 688px;
  margin-bottom: 80px;
}
.home-category-slide-component .category-layer {
  position: absolute;
  width: 2310px;
  left: 50%;
  transform: translate(-50%, 0px);
  z-index: 2;
}
.home-category-slide-component .category-layer .flip-slide {
  min-height: auto;
}
.home-category-slide-component .category-layer .flip-slide .container {
  min-height: 48px;
  position: relative;
}
.home-category-slide-component .category-layer .flip-slide .block.b-1, .home-category-slide-component .category-layer .flip-slide .block.b-2, .home-category-slide-component .category-layer .flip-slide .block.b-3 {
  top: 0px;
}
.home-category-slide-component .category-layer .flip-slide .block .item img {
  height: 398px;
  border-radius: 0;
}
.home-category-slide-component .category-layer .flip-slide .block h2 {
  font-size: 44px;
  line-height: 56px;
  margin-top: 366px;
  margin-bottom: 0;
  left: -46px;
}
.home-category-slide-component .category-layer .flip-slide .block p {
  left: -46px;
  font-size: 16px;
  line-height: 24px;
}
.home-category-slide-component .category-layer .flip-slide .slide-nav {
  position: absolute;
  right: 0px;
  top: 0;
  z-index: 2;
  left: unset;
  transform: unset;
}
.home-category-slide-component .category-layer .flip-slide .slide-nav .slide-nav-box .nav-txt {
  display: flex;
  position: absolute;
  right: 104px;
  bottom: 16px;
}
.home-category-slide-component .category-layer .flip-slide .slide-nav .slide-nav-box .nav-txt .current-txt {
  color: black;
  padding-right: 8px;
}
.home-category-slide-component .category-layer .flip-slide .slide-nav .slide-nav-box .nav-txt .label-txt,
.home-category-slide-component .category-layer .flip-slide .slide-nav .slide-nav-box .nav-txt .all-txt {
  color: rgba(17, 28, 28, 0.34);
}
.home-category-slide-component .category-layer .flip-slide .scroll-down-button p {
  display: block;
}
.home-category-slide-component .category-layer .flip-slide .scroll-down-button {
  right: 0px;
  bottom: 180px;
  left: auto;
  transform: none;
}
.home-category-slide-component .category-layer .flip-slide .slide-bullets {
  top: 20px;
  left: calc(50% - 64px);
  display: none;
}
.home-category-slide-component .category-layer .flip-slide .slide-bullets.active {
  display: flex;
}
.home-category-slide-component .slide-container {
  margin-bottom: 40px;
}
.home-category-slide-component .category-slide-desc {
  position: relative;
  max-width: 340px;
  margin: 0 auto;
  margin-bottom: 40px;
  z-index: 3;
  opacity: 1;
  transition: all ease-in-out 0.3s;
}
.home-category-slide-component .category-slide-desc.fade-out {
  opacity: 0;
}
.home-category-slide-component .category-slide-desc .desc-txt {
  margin-bottom: 16px;
}
.home-category-slide-component .category-slide-desc .desc-txt p {
  font-size: 16px;
  line-height: 24px;
  color: #2e2e2e;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.home-category-slide-component .category-slide-desc a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.home-category-slide-component .bg-pattern {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translate(-398px, 0px);
  z-index: -1;
}
.home-category-slide-component .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.home-category-slide-component .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1024px) {
  .home-category-slide-component {
    min-height: 585px;
    margin-bottom: 64px;
  }
  .home-category-slide-component:before {
    width: 324px;
    height: 548px;
  }
  .home-category-slide-component .category-layer .flip-slide .slide-bullets {
    left: 50%;
  }
  .home-category-slide-component .category-layer {
    width: 1664px;
    mask-image: none;
  }
  .home-category-slide-component .category-layer .flip-slide .block h2 {
    margin-top: 264px;
    left: -32px;
  }
  .home-category-slide-component .category-layer .flip-slide .block p {
    left: -32px;
  }
  .home-category-slide-component .category-layer .flip-slide .block .item img {
    height: 300px;
  }
  .home-category-slide-component .category-layer .flip-slide .controls-box {
    width: 100%;
    right: 0;
    bottom: 0;
    height: 42px;
    position: absolute;
    display: flex;
    justify-content: space-between;
  }
  .home-category-slide-component .category-layer .flip-slide .controls-box .slide-nav {
    order: 2;
    height: auto;
    width: 100%;
    position: relative;
    transform: none;
    left: unset;
    right: unset;
  }
  .home-category-slide-component .category-layer .flip-slide .controls-box .slide-nav .slide-nav-box .circle-bt.bt-next {
    top: 0;
    order: 3;
    left: 0;
  }
  .home-category-slide-component .category-layer .flip-slide .controls-box .slide-nav .slide-nav-box .nav-txt {
    bottom: 0px;
    padding-right: 0px;
  }
  .home-category-slide-component .category-layer .flip-slide .controls-box .scroll-down-button {
    order: 1;
    position: relative;
    height: auto;
    width: 152px;
    left: 26px;
    bottom: 0;
    display: inline-block;
  }
  .home-category-slide-component .category-layer .flip-slide .controls-box .scroll-down-button p {
    float: right;
    display: inline-block;
    position: relative;
    order: 2;
    line-height: 42px;
    left: unset;
    transform: translate(-50%, 0%);
    height: 42px;
    font-size: 16px;
    color: rgba(17, 28, 28, 0.34);
  }
  .home-category-slide-component .category-layer .flip-slide .controls-box .scroll-down-button .circle-bt {
    order: 1;
    position: relative;
    float: left;
    width: 42px;
    height: 42px;
  }
  .home-category-slide-component .category-layer .flip-slide .controls-box .slide-bullets {
    bottom: 18px;
    top: unset;
  }
  .home-category-slide-component .category-slide-desc {
    max-width: 288px;
  }
  .home-category-slide-component .category-slide-desc .desc-txt p {
    font-size: 14px;
  }
  .home-category-slide-component .category-slide-desc .bt-route p {
    font-size: 14px;
  }
  .home-category-slide-component .bg-pattern {
    top: -24px;
    transform: translate(-300px, 0px);
  }
  .home-category-slide-component .bg-pattern .icon-bg svg {
    transform: scale(0.78);
  }
}
@media screen and (max-width: 767px) {
  .home-category-slide-component {
    min-height: 518px;
  }
  .home-category-slide-component:before {
    width: 164px;
    height: 498px;
  }
  .home-category-slide-component .category-layer {
    width: 1240px;
    min-height: 610px;
    transform: translate(-50%, 0px);
  }
  .home-category-slide-component .category-layer .flip-slide {
    min-height: 534px;
  }
  .home-category-slide-component .category-layer .flip-slide .slide-container {
    margin-left: 72px;
    margin-bottom: 32px;
  }
  .home-category-slide-component .category-layer .flip-slide .block {
    min-height: 230px;
    margin-right: 70px;
  }
  .home-category-slide-component .category-layer .flip-slide .block .item img {
    object-position: center center;
    width: auto;
    height: 212px;
  }
  .home-category-slide-component .category-layer .flip-slide .block h2 {
    margin-top: 190px;
    left: -32px;
    font-size: 32px;
    line-height: 40px;
  }
  .home-category-slide-component .category-layer .flip-slide .block p {
    left: -32px;
  }
  .home-category-slide-component .category-layer .flip-slide .controls-box .slide-nav {
    right: 32px;
  }
  .home-category-slide-component .category-slide-desc {
    margin-bottom: 32px;
  }
  .home-category-slide-component .category-slide-desc .desc-txt {
    margin-bottom: 8px;
  }
  .home-category-slide-component .bg-pattern {
    top: -84px;
    transform: translate(-280px, 0px);
  }
  .home-category-slide-component .bg-pattern .icon-bg svg {
    transform: scale(0.58);
  }
}
@media screen and (max-width: 600px) {
  .home-category-slide-component .category-layer .flip-slide.more-item-nav .slide-bullets {
    bottom: 0;
    text-align: center;
  }
  .home-category-slide-component .category-layer .flip-slide.more-item-nav .slide-bullets .slide-bullet {
    display: inline-block;
  }
  .home-category-slide-component .category-layer .flip-slide.more-item-nav .slide-nav {
    right: unset;
  }
}
@media screen and (max-width: 360px) {
  .home-category-slide-component .category-layer .flip-slide.more-item-nav .slide-bullets {
    left: 50%;
    transform: translateX(-50%);
  }
  .home-category-slide-component .category-layer .flip-slide.more-item-nav .slide-nav {
    left: unset;
  }
}
.home-showroom-component .showroom-inner {
  display: flex;
  margin-bottom: 80px;
  flex-direction: column;
  align-items: center;
}
.home-showroom-component .showroom-header {
  display: flex;
  margin-bottom: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.home-showroom-component .showroom-header .showroom-heading {
  font-size: 52px;
  font-weight: 700;
  line-height: 62px;
}
.home-showroom-component .showroom-header .showroom-subheading {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.home-showroom-component .showroom-nav-wrapper {
  display: block;
  position: relative;
  width: 90%;
  margin-bottom: 40px;
}
.home-showroom-component .showroom-nav-wrapper .showroom-nav {
  width: 100%;
  overflow-x: auto;
  cursor: grab;
  padding-bottom: 0;
}
.home-showroom-component .showroom-nav-wrapper .showroom-nav:active {
  cursor: grabbing;
}
.home-showroom-component .showroom-nav-wrapper .showroom-nav::-webkit-scrollbar {
  display: none;
}
.home-showroom-component .showroom-nav-wrapper .showroom-nav {
  scrollbar-width: none;
}
.home-showroom-component .showroom-nav-wrapper .showroom-nav .tab-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 96px;
  width: max-content;
  min-width: 100%;
}
.home-showroom-component .showroom-nav-wrapper .showroom-nav .tab-list .tab-item {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  flex-shrink: 0;
}
.home-showroom-component .showroom-nav-wrapper .showroom-nav .tab-list .tab-item:hover .icon-arr-down svg {
  animation: menuDown 1s linear forwards;
}
.home-showroom-component .showroom-nav-wrapper .showroom-nav .tab-list .tab-item.active .tab-name {
  font-weight: 600;
}
.home-showroom-component .showroom-nav-wrapper .showroom-nav .tab-list .tab-item .tab-name {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.home-showroom-component .showroom-nav-wrapper .showroom-nav .tab-list .tab-item .tab-arrow-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}
.home-showroom-component .showroom-nav-wrapper .showroom-nav .tab-list .tab-item .tab-arrow-icon svg {
  width: 5px;
  height: 9px;
}
.home-showroom-component .showroom-nav-wrapper .nav-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.home-showroom-component .showroom-nav-wrapper .nav-arrow.visible {
  opacity: 1;
  pointer-events: auto;
}
.home-showroom-component .showroom-nav-wrapper .nav-arrow.nav-arrow-prev {
  left: -80px;
}
.home-showroom-component .showroom-nav-wrapper .nav-arrow.nav-arrow-prev svg {
  transform: scaleX(-1);
}
.home-showroom-component .showroom-nav-wrapper .nav-arrow.nav-arrow-next {
  right: -80px;
}
.home-showroom-component .showroom-nav-wrapper .nav-arrow svg {
  display: block;
  width: 16px;
  height: 16px;
}
.home-showroom-component .showroom-nav-wrapper .nav-fade {
  position: absolute;
  top: 0;
  width: 64px;
  height: 24px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.home-showroom-component .showroom-nav-wrapper .nav-fade.visible {
  opacity: 1;
}
.home-showroom-component .showroom-nav-wrapper .nav-fade.nav-fade-right {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.home-showroom-component .showroom-nav-wrapper .nav-fade.nav-fade-left {
  left: 0;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.home-showroom-component .showroom-nav-dropdown {
  display: none;
}
.home-showroom-component .showroom-panels {
  width: 100%;
}
.home-showroom-component .showroom-panels .showroom-panel {
  display: none;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.home-showroom-component .showroom-panels .showroom-panel.active {
  display: flex;
  animation: contentFadeInUp 0.35s ease forwards;
}
.home-showroom-component .showroom-panels .showroom-panel.leaving {
  display: flex;
  animation: contentFadeOutUp 0.2s ease forwards;
  pointer-events: none;
}
.home-showroom-component .showroom-panels .showroom-panel .panel-info {
  width: 100%;
}
.home-showroom-component .showroom-panels .showroom-panel .panel-info .panel-info-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  max-width: 611px;
}
.home-showroom-component .showroom-panels .showroom-panel .panel-info .panel-info-inner .panel-title {
  font-size: 38px;
  font-weight: 700;
  line-height: 1;
}
.home-showroom-component .showroom-panels .showroom-panel .panel-info .panel-info-inner .panel-subtitle {
  font-size: 14px;
  line-height: 22px;
}
.home-showroom-component .showroom-panels .showroom-panel .panel-info .panel-info-inner .panel-desc {
  font-size: 16px;
  line-height: 24px;
}
.home-showroom-component .showroom-panels .showroom-panel .panel-info .panel-info-inner .panel-desc ul li {
  list-style: disc;
}
.home-showroom-component .showroom-panels .showroom-panel .panel-info .panel-info-inner.has-list-icon .panel-desc ul {
  list-style: none;
  padding-left: 0;
}
.home-showroom-component .showroom-panels .showroom-panel .panel-info .panel-info-inner.has-list-icon .panel-desc ul li {
  display: flex;
  align-items: center;
  gap: 7px;
  list-style: none;
}
.home-showroom-component .showroom-panels .showroom-panel .panel-info .panel-info-inner.has-list-icon .panel-desc ul li::before {
  content: "";
  flex: 0 0 auto;
  width: 27px;
  height: 27px;
  background-image: var(--list-icon);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.home-showroom-component .showroom-panels .showroom-panel .panel-info .panel-info-inner .panel-button {
  height: 56px;
  padding: 20px 32px;
}
.home-showroom-component .showroom-panels .showroom-panel .panel-info .panel-info-inner .panel-button p {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.home-showroom-component .showroom-panels .showroom-panel .panel-media {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.home-showroom-component .showroom-panels .showroom-panel .panel-media .panel-media-inner {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 459px;
  aspect-ratio: 459/344;
  overflow: hidden;
}
.home-showroom-component .showroom-panels .showroom-panel .panel-media .panel-media-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-showroom-component .showroom-panels .showroom-panel .panel-media .panel-media-inner .video-box {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.home-showroom-component .showroom-panels .showroom-panel .panel-media .panel-media-inner .video-box video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.home-showroom-component .showroom-panels .showroom-panel .panel-media .panel-media-inner .video-box.muted .btn-muted {
  display: block;
}
.home-showroom-component .showroom-panels .showroom-panel .panel-media .panel-media-inner .video-box.muted .btn-unmuted {
  display: none;
}
.home-showroom-component .showroom-panels .showroom-panel .panel-media .panel-media-inner .video-box .btn-muted {
  display: none;
}
.home-showroom-component .showroom-panels .showroom-panel .panel-media .panel-media-inner .video-box .btn-muted,
.home-showroom-component .showroom-panels .showroom-panel .panel-media .panel-media-inner .video-box .btn-unmuted {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 1;
  cursor: pointer;
}
.home-showroom-component .showroom-panels .showroom-panel .panel-media .panel-media-inner .video-box .btn-muted svg,
.home-showroom-component .showroom-panels .showroom-panel .panel-media .panel-media-inner .video-box .btn-unmuted svg {
  color: #fff;
  width: 24px;
  height: 20px;
}

@media screen and (max-width: 1024px) {
  .home-showroom-component .showroom-inner {
    margin-bottom: 72px;
  }
  .home-showroom-component .showroom-header {
    margin-bottom: 40px;
  }
  .home-showroom-component .showroom-header .showroom-heading {
    font-size: 40px;
    line-height: 48px;
  }
  .home-showroom-component .showroom-header .showroom-subheading {
    font-size: 14px;
    line-height: 22px;
  }
  .home-showroom-component .showroom-nav-wrapper {
    margin-bottom: 32px;
  }
  .home-showroom-component .showroom-nav-wrapper .showroom-nav .tab-list .tab-item .tab-name {
    font-size: 14px;
    line-height: 22px;
  }
  .home-showroom-component .showroom-panels {
    padding: 0 64px;
  }
  .home-showroom-component .showroom-panels .showroom-panel {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
  }
  .home-showroom-component .showroom-panels .showroom-panel .panel-info {
    order: 2;
  }
  .home-showroom-component .showroom-panels .showroom-panel .panel-info .panel-info-inner {
    max-width: none;
    gap: 16px;
  }
  .home-showroom-component .showroom-panels .showroom-panel .panel-info .panel-info-inner .panel-title {
    font-size: 28px;
    line-height: 36px;
  }
  .home-showroom-component .showroom-panels .showroom-panel .panel-info .panel-info-inner .panel-subtitle {
    font-size: 13px;
    line-height: 20px;
  }
  .home-showroom-component .showroom-panels .showroom-panel .panel-info .panel-info-inner .panel-desc {
    font-size: 14px;
    line-height: 22px;
  }
  .home-showroom-component .showroom-panels .showroom-panel .panel-info .panel-info-inner .panel-button p {
    font-size: 13px;
    line-height: 20px;
  }
  .home-showroom-component .showroom-panels .showroom-panel .panel-media {
    order: 1;
  }
  .home-showroom-component .showroom-panels .showroom-panel .panel-media .panel-media-inner {
    max-width: none;
    aspect-ratio: 317/238;
  }
}
@media screen and (max-width: 767px) {
  .home-showroom-component .showroom-inner {
    margin-bottom: 60px;
  }
  .home-showroom-component .showroom-header {
    margin-bottom: 32px;
  }
  .home-showroom-component .showroom-header .showroom-heading {
    font-size: 32px;
    line-height: 38px;
  }
  .home-showroom-component .showroom-header .showroom-subheading {
    font-size: 14px;
    line-height: 22px;
  }
  .home-showroom-component .showroom-nav-wrapper {
    display: none;
  }
  .home-showroom-component .showroom-nav-dropdown {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 40px;
  }
  .home-showroom-component .showroom-panels {
    padding: 0;
  }
  .home-showroom-component .showroom-panels .showroom-panel .panel-media .panel-media-inner {
    aspect-ratio: 157/118;
  }
}
.home-custom-made-component {
  position: relative;
  width: 100%;
  padding-bottom: 80px;
}
.home-custom-made-component .custom-made-boxs {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  z-index: 2;
}
.home-custom-made-component .custom-made-boxs .box-img .video-box {
  position: relative;
  display: block;
  cursor: pointer;
  overflow: hidden;
}
.home-custom-made-component .custom-made-boxs .box-img .video-box video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.home-custom-made-component .custom-made-boxs .box-img .video-box.muted .btn-muted {
  display: block;
}
.home-custom-made-component .custom-made-boxs .box-img .video-box.muted .btn-unmuted {
  display: none;
}
.home-custom-made-component .custom-made-boxs .box-img .video-box .btn-muted {
  display: none;
}
.home-custom-made-component .custom-made-boxs .box-img .video-box .btn-muted,
.home-custom-made-component .custom-made-boxs .box-img .video-box .btn-unmuted {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 1;
  cursor: pointer;
}
.home-custom-made-component .custom-made-boxs .box-img .video-box .btn-muted svg,
.home-custom-made-component .custom-made-boxs .box-img .video-box .btn-unmuted svg {
  color: #fff;
  width: 24px;
  height: 20px;
}
.home-custom-made-component .custom-made-boxs .box-1 {
  position: relative;
  width: 62%;
  height: 430px;
  order: 1;
  z-index: 2;
}
.home-custom-made-component .custom-made-boxs .box-1 .box-img {
  position: relative;
  width: 100%;
  max-width: 642px;
  border-radius: 5px;
  overflow: hidden;
}
.home-custom-made-component .custom-made-boxs .box-1 .box-img picture,
.home-custom-made-component .custom-made-boxs .box-1 .box-img img,
.home-custom-made-component .custom-made-boxs .box-1 .box-img .video-box {
  width: 100%;
  height: 400px;
  object-fit: contain;
}
.home-custom-made-component .custom-made-boxs .box-1 .box-txt {
  position: absolute;
  left: 56%;
  top: 218px;
}
.home-custom-made-component .custom-made-boxs .box-1 .box-txt p,
.home-custom-made-component .custom-made-boxs .box-1 .box-txt h2 {
  color: #111c1c;
  font-size: 56px;
  line-height: 72px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.home-custom-made-component .custom-made-boxs .box-2 {
  position: relative;
  width: 38%;
  order: 2;
}
.home-custom-made-component .custom-made-boxs .box-2 .box-img {
  position: relative;
  width: 100%;
  margin-top: 32px;
  mix-blend-mode: darken;
  z-index: 2;
}
.home-custom-made-component .custom-made-boxs .box-2 .box-img picture,
.home-custom-made-component .custom-made-boxs .box-2 .box-img img,
.home-custom-made-component .custom-made-boxs .box-2 .box-img .video-box {
  position: relative;
  aspect-ratio: 129/92;
  object-fit: cover;
  width: 100%;
  max-width: 516px;
  height: auto;
  z-index: 1;
  mix-blend-mode: darken;
}
.home-custom-made-component .custom-made-boxs .box-3 {
  width: 100%;
  margin-bottom: 64px;
  order: 3;
}
.home-custom-made-component .custom-made-boxs .box-4,
.home-custom-made-component .custom-made-boxs .box-5 {
  width: 50%;
}
.home-custom-made-component .custom-made-boxs .box-4 .box-img,
.home-custom-made-component .custom-made-boxs .box-5 .box-img {
  position: relative;
  max-width: 480px;
  border-radius: 5px;
  overflow: hidden;
}
.home-custom-made-component .custom-made-boxs .box-4 .box-img picture,
.home-custom-made-component .custom-made-boxs .box-4 .box-img img,
.home-custom-made-component .custom-made-boxs .box-4 .box-img .video-box,
.home-custom-made-component .custom-made-boxs .box-5 .box-img picture,
.home-custom-made-component .custom-made-boxs .box-5 .box-img img,
.home-custom-made-component .custom-made-boxs .box-5 .box-img .video-box {
  width: 100%;
  height: 300px;
  object-fit: contain;
}
.home-custom-made-component .custom-made-boxs .box-4 {
  order: 4;
}
.home-custom-made-component .custom-made-boxs .box-4 .box-img {
  margin-right: 32px;
  margin-left: auto;
}
.home-custom-made-component .custom-made-boxs .box-5 {
  order: 5;
}
.home-custom-made-component .custom-made-boxs .box-5 .box-img {
  margin-right: auto;
  margin-left: 32px;
}
.home-custom-made-component .custom-made-title {
  max-width: 340px;
  margin: 0 auto;
  padding-top: 36px;
}
.home-custom-made-component .custom-made-title .desc-txt {
  margin-bottom: 16px;
  margin-left: -44px;
}
.home-custom-made-component .custom-made-title .desc-txt p {
  font-size: 16px;
  line-height: 24px;
  color: #2e2e2e;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.home-custom-made-component .custom-made-title a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.home-custom-made-component .custom-made-title a .bt-route {
  margin-left: -44px;
}
.home-custom-made-component .bg-pattern {
  position: absolute;
  top: -16px;
  left: -38px;
  z-index: 1;
}
.home-custom-made-component .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.home-custom-made-component .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}
.home-custom-made-component .showroom-tag {
  position: absolute;
  right: -68px;
  top: 35%;
  transform: rotate(90deg) translateY(-100%);
  transform-origin: top left;
  display: none;
  z-index: 2;
}
.home-custom-made-component .showroom-tag .showroom-box {
  width: 100px;
  height: 32px;
  background: #e4b760;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.home-custom-made-component .showroom-tag .showroom-box p {
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
}

@media screen and (max-width: 1200px) {
  .home-custom-made-component .custom-made-boxs .box-1 {
    width: 50%;
  }
  .home-custom-made-component .custom-made-boxs .box-1 .box-txt p,
  .home-custom-made-component .custom-made-boxs .box-1 .box-txt h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .home-custom-made-component .custom-made-boxs .box-2 {
    display: flex;
    align-items: center;
    width: 50%;
  }
  .home-custom-made-component .custom-made-boxs .box-2 .box-img {
    margin: 0px 30px;
  }
  .home-custom-made-component .custom-made-boxs .box-2 .box-img picture,
  .home-custom-made-component .custom-made-boxs .box-2 .box-img img,
  .home-custom-made-component .custom-made-boxs .box-2 .box-img .video-box {
    width: 100%;
    height: auto;
  }
  .home-custom-made-component .showroom-tag {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .home-custom-made-component {
    height: auto;
    padding-bottom: 64px;
  }
  .home-custom-made-component .container {
    max-width: 100%;
  }
  .home-custom-made-component .custom-made-boxs {
    padding: 0px;
  }
  .home-custom-made-component .custom-made-boxs .box-1 {
    width: 100%;
    height: 314px;
    padding: 0px 64px;
  }
  .home-custom-made-component .custom-made-boxs .box-1 .box-img {
    max-width: 400px;
  }
  .home-custom-made-component .custom-made-boxs .box-1 .box-img picture,
  .home-custom-made-component .custom-made-boxs .box-1 .box-img img,
  .home-custom-made-component .custom-made-boxs .box-1 .box-img .video-box {
    height: 250px;
  }
  .home-custom-made-component .custom-made-boxs .box-1 .box-txt {
    top: 170px;
    left: 414px;
  }
  .home-custom-made-component .custom-made-boxs .box-1 .box-txt p,
  .home-custom-made-component .custom-made-boxs .box-1 .box-txt h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .home-custom-made-component .custom-made-boxs .box-2 {
    order: 3;
    width: 100%;
    margin-bottom: 114px;
    justify-content: flex-end;
    padding: 0px 64px;
  }
  .home-custom-made-component .custom-made-boxs .box-2 .box-img {
    margin-right: 82px;
    max-width: 420px;
  }
  .home-custom-made-component .custom-made-boxs .box-3 {
    order: 2;
    padding: 0px 64px;
  }
  .home-custom-made-component .custom-made-boxs .box-4 .box-img,
  .home-custom-made-component .custom-made-boxs .box-5 .box-img {
    max-width: 288px;
  }
  .home-custom-made-component .custom-made-boxs .box-4 .box-img picture,
  .home-custom-made-component .custom-made-boxs .box-4 .box-img img,
  .home-custom-made-component .custom-made-boxs .box-4 .box-img .video-box,
  .home-custom-made-component .custom-made-boxs .box-5 .box-img picture,
  .home-custom-made-component .custom-made-boxs .box-5 .box-img img,
  .home-custom-made-component .custom-made-boxs .box-5 .box-img .video-box {
    width: 100%;
    height: 180px;
  }
  .home-custom-made-component .custom-made-title {
    max-width: 202px;
    padding-top: 2px;
    margin-left: 110px;
  }
  .home-custom-made-component .custom-made-title .desc-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .home-custom-made-component .bg-pattern {
    top: -50px;
    right: 102px;
    transform: none;
    left: auto;
  }
  .home-custom-made-component .bg-pattern .icon-bg svg {
    transform: scale(0.68);
  }
}
@media screen and (max-width: 767px) {
  .home-custom-made-component {
    height: fit-content;
    padding-bottom: 48px;
  }
  .home-custom-made-component .container {
    padding-right: 0px;
    padding-left: 0px;
  }
  .home-custom-made-component .custom-made-boxs {
    padding: 0px;
  }
  .home-custom-made-component .custom-made-boxs .box-1 {
    height: 240px;
    padding: 0px;
  }
  .home-custom-made-component .custom-made-boxs .box-1 .box-img picture,
  .home-custom-made-component .custom-made-boxs .box-1 .box-img img,
  .home-custom-made-component .custom-made-boxs .box-1 .box-img .video-box {
    height: 176px;
    object-position: left top;
  }
  .home-custom-made-component .custom-made-boxs .box-1 .box-txt {
    top: 124px;
    left: 150px;
  }
  .home-custom-made-component .custom-made-boxs .box-1 .box-txt p,
  .home-custom-made-component .custom-made-boxs .box-1 .box-txt h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .home-custom-made-component .custom-made-boxs .box-2 {
    margin-bottom: 100px;
    width: 100%;
    padding: 0px;
    justify-content: center;
  }
  .home-custom-made-component .custom-made-boxs .box-2 .box-img {
    margin-right: 0px;
    margin-top: 24px;
    max-width: 284px;
  }
  .home-custom-made-component .custom-made-boxs .box-3 {
    padding: 0px;
    padding-top: 30px;
  }
  .home-custom-made-component .custom-made-boxs .box-3 .bt-route p {
    font-size: 14px;
  }
  .home-custom-made-component .custom-made-boxs .box-4,
  .home-custom-made-component .custom-made-boxs .box-5 {
    margin: 0 32px 24px;
    width: 100%;
  }
  .home-custom-made-component .custom-made-boxs .box-4 .box-img,
  .home-custom-made-component .custom-made-boxs .box-5 .box-img {
    max-width: 440px;
  }
  .home-custom-made-component .custom-made-boxs .box-4 .box-img picture,
  .home-custom-made-component .custom-made-boxs .box-4 .box-img img,
  .home-custom-made-component .custom-made-boxs .box-4 .box-img .video-box,
  .home-custom-made-component .custom-made-boxs .box-5 .box-img picture,
  .home-custom-made-component .custom-made-boxs .box-5 .box-img img,
  .home-custom-made-component .custom-made-boxs .box-5 .box-img .video-box {
    height: 230px;
    max-width: 440px;
  }
  .home-custom-made-component .custom-made-boxs .box-4 .box-img {
    margin-right: auto;
    margin-left: 0px;
  }
  .home-custom-made-component .custom-made-boxs .box-5 .box-img {
    margin-right: 0px;
    margin-left: auto;
  }
  .home-custom-made-component .bg-pattern {
    right: 50%;
    transform: translate(208px, 0px);
  }
  .home-custom-made-component .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
  .home-custom-made-component .showroom-tag {
    top: 22.6%;
  }
}
@media screen and (max-width: 414px) {
  .home-custom-made-component .custom-made-boxs .box-4 .box-img,
  .home-custom-made-component .custom-made-boxs .box-5 .box-img {
    max-width: 100%;
  }
  .home-custom-made-component .custom-made-boxs .box-4 .box-img picture,
  .home-custom-made-component .custom-made-boxs .box-4 .box-img img,
  .home-custom-made-component .custom-made-boxs .box-4 .box-img .video-box,
  .home-custom-made-component .custom-made-boxs .box-5 .box-img picture,
  .home-custom-made-component .custom-made-boxs .box-5 .box-img img,
  .home-custom-made-component .custom-made-boxs .box-5 .box-img .video-box {
    max-width: 350px;
  }
  .home-custom-made-component .bg-pattern {
    right: 0%;
    transform: none;
  }
}
@media screen and (max-width: 360px) {
  .home-custom-made-component .custom-made-title {
    margin-left: 80px;
  }
  .home-custom-made-component .custom-made-boxs .box-1 .box-txt {
    bottom: -2px;
    left: 25%;
  }
}
.home-new-product-slide-component {
  position: relative;
  width: 100%;
  padding-bottom: 80px;
}
.home-new-product-slide-component.product-similar {
  position: relative;
  width: 100%;
  min-height: 760px;
  padding-top: 70px;
  height: auto;
}
.home-new-product-slide-component.how-it-made-product {
  min-height: 864px;
  padding-top: 156px;
}
.home-new-product-slide-component.wish-list-product {
  min-height: 786px;
  padding-top: 76px;
}
.home-new-product-slide-component .new-product-title {
  padding-left: 162px;
  margin-bottom: 44px;
}
.home-new-product-slide-component .new-product-title .title-txt p,
.home-new-product-slide-component .new-product-title .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.home-new-product-slide-component .new-product-title .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.home-new-product-slide-component .new-product-title .desc-txt p {
  color: #111c1c;
  font-size: 16px;
}
.home-new-product-slide-component .new-product-title a {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.home-new-product-slide-component .new-product-title .bt-route .icon-arr-right-bg {
  background-color: #e4b760;
}
.home-new-product-slide-component .new-product-slide-item .item-container .slide-text-box .slide-set-top .title-txt {
  min-height: 44px;
}
.home-new-product-slide-component .controls-box {
  position: relative;
  width: 100%;
  height: 50px;
  display: none;
  margin-top: 24px;
}
.home-new-product-slide-component .controls-box .slide-nav {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  width: 114px;
}
.home-new-product-slide-component .slider {
  position: relative;
}
.home-new-product-slide-component .slider .swiper-pagination.swiper-pagination-bullets {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  margin-top: 30px;
  z-index: 4;
  width: fit-content;
}
.home-new-product-slide-component .slider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
}
.home-new-product-slide-component .slider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.home-new-product-slide-component .slider .controls-box .swiper-pagination.swiper-pagination-bullets {
  top: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
}
.home-new-product-slide-component .slider.show-nav .controls-box {
  display: block;
}
.home-new-product-slide-component .slider.sub-product-slide .swiper-slide {
  opacity: 0;
}
.home-new-product-slide-component .slider.sub-product-slide .swiper-slide-active {
  opacity: 1;
}
.home-new-product-slide-component .swiper {
  z-index: 2;
}
.home-new-product-slide-component .swiper .new-product-slide-item {
  height: auto;
}
.home-new-product-slide-component .swiper.sub-product-slide {
  position: relative;
  cursor: pointer;
}
.home-new-product-slide-component .swiper.sub-product-slide .custom_bullets {
  display: block;
  bottom: 35px;
}
.home-new-product-slide-component .swiper.sub-product-slide .swiper-pagination.swiper-pagination-bullets {
  transform: none !important;
  width: auto !important;
  display: block;
  position: relative;
}
.home-new-product-slide-component .swiper.sub-product-slide .swiper-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity 0.3s;
  text-align: center;
  z-index: 0;
}
.home-new-product-slide-component .swiper.sub-product-slide .swiper-wrapper--active {
  position: relative;
  z-index: 2;
  opacity: 1;
}
.home-new-product-slide-component .swiper .swiper-wrapper a {
  cursor: pointer;
}
.home-new-product-slide-component .swiper .swiper-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 265px;
}
.home-new-product-slide-component .swiper .separator {
  display: none;
}
.home-new-product-slide-component .swiper .amount {
  display: none;
}
.home-new-product-slide-component .scroll-down-button {
  display: none;
}

@media (min-width: 1200px) {
  .home-new-product-slide-component .container {
    max-width: 1424px;
  }
}
@media screen and (max-width: 1024px) {
  .home-new-product-slide-component {
    padding-bottom: 64px;
  }
  .home-new-product-slide-component .container {
    padding-right: 0px;
    padding-left: 62px;
    max-width: 100%;
  }
  .home-new-product-slide-component.product-similar {
    min-height: 770px;
    padding-top: 38px;
  }
  .home-new-product-slide-component.product-similar .swiper .slide-nav {
    bottom: -72px;
    right: 60px;
    width: 112px;
  }
  .home-new-product-slide-component.product-similar .swiper .slide-nav .slide-nav-box .circle-bt {
    width: 50px;
    height: 50px;
  }
  .home-new-product-slide-component.how-it-made-product {
    min-height: 736px;
    padding-top: 74px;
  }
  .home-new-product-slide-component.wish-list-product .swiper-container {
    height: initial;
  }
  .home-new-product-slide-component .slider .main-slide-pagination {
    display: none;
  }
  .home-new-product-slide-component .slider .controls-box .slide-nav .slide-nav-box {
    right: 28px;
  }
  .home-new-product-slide-component .slider .slide-nav {
    bottom: -12px;
    right: 60px;
    width: 200px;
    position: relative;
    margin-left: auto;
  }
  .home-new-product-slide-component .slider .slide-nav .slide-nav-box {
    right: -30px;
  }
  .home-new-product-slide-component .slider .slide-nav .nav-txt p {
    font-size: 14px;
  }
  .home-new-product-slide-component .slider .slide-nav .nav-txt p.label-txt {
    padding: 0 2px;
    color: rgba(17, 28, 28, 0.34);
  }
  .home-new-product-slide-component .slider .slide-nav .nav-txt p.current-txt {
    padding-right: 0px;
    color: black;
  }
  .home-new-product-slide-component .slider .slide-nav .nav-txt p.all-txt {
    color: rgba(17, 28, 28, 0.34);
  }
  .home-new-product-slide-component .controls-box {
    width: 100%;
    left: -26px;
    height: 42px;
  }
  .home-new-product-slide-component .controls-box .slide-nav {
    order: 2;
    height: auto;
    width: 200px;
    position: relative;
    transform: none;
    left: unset;
    right: unset;
    bottom: 0;
    padding: 0 px;
  }
  .home-new-product-slide-component .controls-box .slide-nav .slide-nav-box .circle-bt.bt-next {
    top: 0;
    order: 3;
    left: 0;
  }
  .home-new-product-slide-component .controls-box .slide-nav .slide-nav-box .nav-txt p {
    font-size: 14px;
  }
  .home-new-product-slide-component .controls-box .slide-nav .slide-nav-box .nav-txt p.label-txt {
    padding: 0 2px;
    color: rgba(17, 28, 28, 0.34);
  }
  .home-new-product-slide-component .controls-box .slide-nav .slide-nav-box .nav-txt p.current-txt {
    padding-right: 0px;
    color: black;
  }
  .home-new-product-slide-component .controls-box .slide-nav .slide-nav-box .nav-txt p.all-txt {
    color: rgba(17, 28, 28, 0.34);
  }
  .home-new-product-slide-component .controls-box .scroll-down-button {
    order: 1;
    position: relative;
    height: auto;
    width: 152px;
    left: 22px;
    bottom: 0;
    display: inline-block;
  }
  .home-new-product-slide-component .controls-box .scroll-down-button p {
    float: right;
    display: inline-block;
    position: relative;
    order: 2;
    line-height: 42px;
    left: unset;
    transform: translate(-50%, 0%);
    height: 42px;
    font-size: 16px;
    color: rgba(17, 28, 28, 0.34);
  }
  .home-new-product-slide-component .controls-box .scroll-down-button .circle-bt {
    order: 1;
    position: relative;
    float: left;
    width: 42px;
    height: 42px;
  }
  .home-new-product-slide-component .controls-box .slide-bullets {
    bottom: 18px;
    top: unset;
  }
  .home-new-product-slide-component .new-product-title {
    padding-left: 64px;
  }
  .home-new-product-slide-component .new-product-title .title-txt p,
  .home-new-product-slide-component .new-product-title .title-txt h2 {
    font-size: 40px;
    line-height: 46px;
  }
  .home-new-product-slide-component .new-product-title .desc-txt p {
    font-size: 14px;
  }
  .home-new-product-slide-component .new-product-title .bt-route p {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .home-new-product-slide-component .new-product-slide-item .item-container .slide-text-box {
    padding: 14px 8px;
  }
}
@media screen and (max-width: 767px) {
  .home-new-product-slide-component {
    padding-bottom: 48px;
  }
  .home-new-product-slide-component.product-similar {
    padding-top: 24px;
    min-height: 690px;
  }
  .home-new-product-slide-component.product-similar .new-product-title {
    padding-left: 14px;
  }
  .home-new-product-slide-component.product-similar .slider .slide-nav {
    width: 100px;
    height: 42px;
    bottom: -45px;
    right: 30px;
  }
  .home-new-product-slide-component.product-similar .slider .slide-nav .slide-nav-box .circle-bt {
    width: 42px;
    height: 42px;
  }
  .home-new-product-slide-component.how-it-made-product {
    min-height: 700px;
    padding-top: 68px;
  }
  .home-new-product-slide-component.wish-list-product {
    min-height: 744px;
    padding-top: 76px;
    height: auto;
  }
  .home-new-product-slide-component.wish-list-product .swiper-container {
    height: initial;
  }
  .home-new-product-slide-component.wish-list-product .new-product-slide-item .item-container .slide-text-box {
    padding: 0px 8px;
    margin-bottom: 20px;
  }
  .home-new-product-slide-component .container {
    padding-right: 0px;
    padding-left: 32px;
    max-width: 100%;
  }
  .home-new-product-slide-component .slider.sub-product-slide .swiper-wrapper img {
    max-height: 245px;
    width: 100%;
    object-fit: contain;
  }
  .home-new-product-slide-component .slider .controls-box .slide-nav {
    right: 0;
  }
  .home-new-product-slide-component .slider .controls-box .slide-nav .slide-nav-box {
    right: 0;
  }
  .home-new-product-slide-component .slider .slide-nav {
    right: 30px;
  }
  .home-new-product-slide-component .slider .slide-nav .slide-nav-box {
    right: 0;
  }
  .home-new-product-slide-component .new-product-title {
    padding-left: 0px;
  }
  .home-new-product-slide-component .new-product-title .title-txt p,
  .home-new-product-slide-component .new-product-title .title-txt h2 {
    font-size: 32px;
    line-height: 38px;
  }
  .home-new-product-slide-component .new-product-slide-item .item-container .slide-text-box {
    padding: 16px 8px;
  }
}
@media screen and (max-width: 480px) {
  .home-new-product-slide-component.wish-list-product .slider:not(.more-item-nav) .slide-nav {
    right: 6px;
  }
}
.home-usp-component {
  position: relative;
  width: 100%;
  min-height: 308px;
  height: auto;
  padding-top: 32px;
  background-color: #f8f7f4;
  margin-bottom: 80px;
}
.home-usp-component .swiper {
  padding: 0 88px;
}
.home-usp-component .usp-boxs {
  display: flex;
  justify-content: space-between;
}
.home-usp-component .usp-boxs .usp-box {
  width: 100%;
  max-width: 206px;
}
.home-usp-component .usp-boxs .usp-box .usp-icon {
  height: 124px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-usp-component .usp-boxs .usp-box .usp-icon .ico-usp {
  width: 64px;
  height: 64px;
}
.home-usp-component .usp-boxs .usp-box .usp-icon .ico-usp img {
  height: 100%;
  width: 100%;
}
.home-usp-component .usp-boxs .usp-box .usp-text {
  text-align: center;
  margin-top: 6px;
}
.home-usp-component .usp-boxs .usp-box .usp-text .title-txt {
  margin-bottom: 20px;
  font-size: 18px;
  color: #111c1c;
  font-weight: 600;
}
.home-usp-component .usp-boxs .usp-box .usp-text .desc-txt p {
  color: #111c1c;
  font-size: 14px;
  line-height: 24px;
}

@media screen and (max-width: 991px) {
  .home-usp-component {
    margin-bottom: 64px;
  }
  .home-usp-component .container {
    padding-right: 0;
    padding-left: 0;
  }
  .home-usp-component .usp-boxs {
    padding: 0px;
    justify-content: center;
  }
}
@media screen and (max-width: 834px) {
  .home-usp-component {
    min-height: 600px;
    padding-top: 34px;
  }
  .home-usp-component .swiper {
    display: flex;
    flex-flow: row wrap;
    padding: 0 88px;
  }
  .home-usp-component .usp-boxs {
    flex-flow: row wrap;
    justify-content: space-between;
  }
  .home-usp-component .usp-boxs .usp-box {
    margin-bottom: 32px;
  }
  .home-usp-component .usp-boxs .usp-box .usp-text .title-txt {
    margin-bottom: 14px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .home-usp-component {
    min-height: 308px;
    padding-top: 34px;
    margin-bottom: 48px;
  }
  .home-usp-component .swiper {
    padding: 0;
  }
  .home-usp-component .usp-boxs {
    flex-flow: unset;
  }
  .home-usp-component .usp-boxs .usp-box {
    margin: 0 auto;
    margin-bottom: 42px;
    max-width: 100%;
  }
  .home-usp-component .usp-boxs .usp-box .usp-icon {
    height: 116px;
  }
  .home-usp-component .usp-boxs .usp-box .usp-text {
    max-width: 206px;
    margin: 0 auto;
  }
  .home-usp-component .usp-boxs .usp-box .usp-text .title-txt {
    margin-bottom: 14px;
    font-size: 16px;
  }
  .home-usp-component .usp-boxs .usp-box .usp-text .desc-txt p {
    line-height: 28px;
  }
}
.home-configurable-slide-component {
  position: relative;
  width: 100%;
}
.home-configurable-slide-component .slide-nav {
  width: 100%;
  height: auto;
  z-index: 5;
  position: relative;
}
.home-configurable-slide-component .slide-nav .slide-nav-box {
  position: absolute;
  right: 0px;
  bottom: -20px;
  width: 226px;
}
.home-configurable-slide-component .slide-nav .slide-nav-box .nav-txt {
  position: absolute;
  bottom: 16px;
  transform: translateX(-100%);
}
.home-configurable-slide-component .slide-nav .slide-nav-box .nav-txt .current-txt {
  padding-right: 8px;
}
.home-configurable-slide-component .slide-nav .slide-nav-box .nav-txt.active {
  display: flex;
  padding: 0px 12px;
}
.home-configurable-slide-component .slider {
  position: relative;
  width: 100%;
}
.home-configurable-slide-component .slider.hide-nav .swiper {
  cursor: default;
}
.home-configurable-slide-component .slider .swiper {
  width: 100%;
  cursor: grab;
  overflow: unset;
}
.home-configurable-slide-component .slider .swiper-pagination {
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  width: fit-content;
}
.home-configurable-slide-component .slider .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(255, 255, 255, 0.34);
  border: none;
}
.home-configurable-slide-component .slider .swiper-pagination .swiper-pagination-bullet:hover, .home-configurable-slide-component .slider .swiper-pagination .swiper-pagination-bullet:focus {
  border: none;
  background-color: rgba(255, 255, 255, 0.34);
}
.home-configurable-slide-component .slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(255, 255, 255);
}
.home-configurable-slide-component .slider .swiper-button-lock {
  display: none;
}
.home-configurable-slide-component .tooltip-box-container {
  width: 100%;
  position: absolute;
  z-index: 2;
  height: 100%;
}
.home-configurable-slide-component .tooltip-box-container .tooltips {
  height: 100%;
  width: 100%;
}
.home-configurable-slide-component .tooltip-box-container .tooltips .tooltip-item-1 {
  top: 186px;
  left: 50%;
  transform: translate(480px, 0px);
}
.home-configurable-slide-component .tooltip-box-container .tooltips .tooltip-item-2 {
  top: 466px;
  left: 50%;
  transform: translate(480px, 0px);
}
.home-configurable-slide-component .tooltip-box-container .tooltips .tooltip-item-3 {
  top: 630px;
  left: 50%;
  transform: translate(300px, 0px);
}
.home-configurable-slide-component .controls-box {
  position: absolute;
  bottom: 63px;
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: space-between;
  z-index: 1;
}
.home-configurable-slide-component .controls-box .slide-nav .slide-nav-box .nav-txt {
  width: fit-content;
}
.home-configurable-slide-component .controls-box .slide-nav .slide-nav-box .nav-txt.swiper-pagination-lock {
  display: none !important;
}
.home-configurable-slide-component .image-tag {
  position: absolute;
  cursor: pointer;
  border: 1px solid #fff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -16px;
  margin-top: -16px;
  z-index: 5;
}
.home-configurable-slide-component .image-tag.size-l, .home-configurable-slide-component .image-tag.size-ml, .home-configurable-slide-component .image-tag.size-m, .home-configurable-slide-component .image-tag.size-sm, .home-configurable-slide-component .image-tag.size-s {
  display: none;
}
.home-configurable-slide-component .image-tag.size-xl {
  display: flex;
}
.home-configurable-slide-component .image-tag .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #111c1c;
  opacity: 0.2;
  border-radius: 50%;
}
.home-configurable-slide-component .image-tag .more {
  width: 16px;
  height: 16px;
  opacity: 1;
  z-index: 1;
}
.home-configurable-slide-component .image-tag .more svg {
  width: 16px;
  height: 16px;
}

@media screen and (max-width: 1024px) {
  .home-configurable-slide-component .slide-nav .slide-nav-box {
    width: 148px;
    bottom: -16px;
  }
  .home-configurable-slide-component .tooltip-box-container {
    width: auto;
    right: 62px;
    left: 62px;
  }
  .home-configurable-slide-component .tooltip-box-container .tooltips .tooltip-item-1 {
    top: 204px;
    left: auto;
    transform: none;
    right: 50px;
  }
  .home-configurable-slide-component .tooltip-box-container .tooltips .tooltip-item-2 {
    top: 536px;
    left: auto;
    transform: none;
    right: 50px;
  }
  .home-configurable-slide-component .tooltip-box-container .tooltips .tooltip-item-3 {
    top: 712px;
    transform: translate(84px, 0px);
  }
  .home-configurable-slide-component .controls-box {
    width: 100%;
    right: 0;
    height: 42px;
  }
  .home-configurable-slide-component .controls-box .slide-nav {
    height: auto;
    width: 100%;
    position: relative;
    right: 30px;
  }
  .home-configurable-slide-component .controls-box .slide-nav .slide-nav-box .nav-txt {
    line-height: 42px;
    padding-right: 15px;
    bottom: 0px;
    display: none;
  }
  .home-configurable-slide-component .controls-box .slide-nav .slide-nav-box .nav-txt.active {
    display: flex;
  }
  .home-configurable-slide-component .controls-box .scroll-down-button {
    order: 1;
    position: relative;
    height: auto;
    width: 165px;
    left: 64px;
    display: inline-block;
  }
  .home-configurable-slide-component .controls-box .scroll-down-button .circle-bt {
    order: 1;
    position: relative;
    float: left;
    width: 42px;
    height: 42px;
  }
  .home-configurable-slide-component .controls-box .scroll-down-button.white p {
    float: right;
    display: inline-block;
    position: relative;
    order: 2;
    line-height: 42px;
    left: unset;
  }
  .home-configurable-slide-component .slide-bullet {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .home-configurable-slide-component .slider .swiper-pagination {
    bottom: 64px;
  }
  .home-configurable-slide-component .slide-nav .slide-nav-box {
    width: 110px;
    bottom: 48px;
  }
  .home-configurable-slide-component .tooltip-box-container .tooltips .tooltip-item-1 {
    top: 84px;
    right: 14px;
  }
  .home-configurable-slide-component .tooltip-box-container .tooltips .tooltip-item-2 {
    top: 427px;
    right: 14px;
  }
  .home-configurable-slide-component .tooltip-box-container .tooltips .tooltip-item-3 {
    top: 545px;
    transform: translate(-12px, 0px);
  }
  .home-configurable-slide-component .controls-box {
    right: 0px;
    bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .home-configurable-slide-component .slider .more-item-nav .swiper-pagination {
    text-align: center;
  }
  .home-configurable-slide-component .controls-box {
    right: unset;
    left: 50%;
    transform: translateX(-50%);
  }
  .home-configurable-slide-component .controls-box .scroll-down-button {
    left: 26px;
  }
  .home-configurable-slide-component .controls-box .slide-nav {
    right: 0;
  }
}
@media screen and (max-width: 1679px) {
  .home-configurable-slide-component .image-tag.size-xl {
    display: none;
  }
  .home-configurable-slide-component .image-tag.size-l {
    display: flex;
  }
}
@media screen and (max-width: 1366px) {
  .home-configurable-slide-component .image-tag.size-l {
    display: none;
  }
  .home-configurable-slide-component .image-tag.size-ml {
    display: flex;
  }
}
@media screen and (max-width: 1024px) {
  .home-configurable-slide-component .image-tag.size-ml {
    display: none;
  }
  .home-configurable-slide-component .image-tag.size-m {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .home-configurable-slide-component .image-tag.size-m {
    display: none;
  }
  .home-configurable-slide-component .image-tag.size-sm {
    display: flex;
  }
}
@media screen and (max-width: 480px) {
  .home-configurable-slide-component .image-tag.size-sm {
    display: none;
  }
  .home-configurable-slide-component .image-tag.size-s {
    display: flex;
  }
}
.home-news-letter-component {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #405954;
  z-index: 3;
  margin-bottom: 80px;
}
.home-news-letter-component .news-content {
  max-width: 475px;
  margin: 0 auto;
  padding: 64px 0;
}
.home-news-letter-component .news-content .title-txt {
  padding: 0px 34px;
}
.home-news-letter-component .news-content .title-txt p {
  color: #ffffff;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.home-news-letter-component .news-content .desc-txt {
  margin-bottom: 32px;
  padding: 0px 34px;
}
.home-news-letter-component .news-content .desc-txt p {
  font-size: 16px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.75);
}
.home-news-letter-component .news-content .box-bt {
  height: 64px;
  overflow: hidden;
  border-radius: 50px;
  position: relative;
}
.home-news-letter-component .news-content .box-bt input[type=email] {
  background-color: #ffffff;
  padding: 12px 12px 12px 32px;
  height: 64px;
  font-size: 14px;
  color: rgba(17, 28, 28, 0.4);
  width: 90%;
}
.home-news-letter-component .news-content .box-bt .news-bt {
  width: 116px;
  height: 64px;
  font-weight: 700;
  font-size: 14px;
}
.home-news-letter-component .news-content .box-bt.success {
  display: none;
}
.home-news-letter-component .news-content .remark-txt {
  padding: 0px 34px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
}
.home-news-letter-component .news-content .box-console {
  position: relative;
  height: 20px;
  width: 100%;
}
.home-news-letter-component .news-content .box-console .console-txt {
  position: absolute;
  left: 50%;
  top: 5px;
  transform: translate(-50%, 0px);
}
.home-news-letter-component .news-content .box-console .console-txt.error {
  font-size: 14px;
  color: red;
  display: none;
}
.home-news-letter-component .news-content.success .box-bt.normal {
  display: none;
}
.home-news-letter-component .news-content.success .box-bt.success {
  display: block;
}
.home-news-letter-component .news-content.success .box-bt.success input[type=email] {
  width: 93%;
}
.home-news-letter-component .news-content.success .box-bt.success .news-bt {
  width: 64px;
  background-color: #000;
}
.home-news-letter-component .news-content.success .box-bt.success .news-bt .icon-checked {
  background: #fff;
  width: 12px;
  height: 9px;
  margin: 0 auto;
}
.home-news-letter-component .news-content.success .box-bt.success ::placeholder {
  color: #111c1c;
}
.home-news-letter-component .news-content.success .box-bt.success :-ms-input-placeholder {
  color: #111c1c;
}
.home-news-letter-component .news-content.success .box-bt.success ::-ms-input-placeholder {
  color: #111c1c;
}
.home-news-letter-component .news-content.error .box-console .console-txt.error {
  display: block;
}
.home-news-letter-component .news-content.ac-subscribed {
  max-width: unset;
  text-align: center;
}
.home-news-letter-component .news-content.ac-subscribed .box-bt .news-bt {
  position: relative;
  min-width: 468px;
  max-width: 100%;
  width: auto;
}
.home-news-letter-component .news-content.ac-subscribed.success .box-bt.success .news-bt {
  min-width: 468px;
  max-width: 100%;
  width: auto;
}

@media screen and (max-width: 1024px) {
  .home-news-letter-component {
    margin-bottom: 64px;
  }
  .home-news-letter-component .news-content {
    padding: 68px 0;
  }
  .home-news-letter-component .news-content .title-txt p {
    font-size: 40px;
    line-height: 50px;
  }
  .home-news-letter-component .news-content .desc-txt p {
    font-size: 14px;
  }
  .home-news-letter-component .news-content.ac-subscribed .box-bt .news-bt {
    min-width: 268px;
  }
  .home-news-letter-component .news-content.ac-subscribed.success .box-bt.success .news-bt {
    min-width: 268px;
  }
}
@media screen and (max-width: 743px) {
  .home-news-letter-component {
    margin-bottom: 48px;
  }
  .home-news-letter-component .news-content {
    padding: 48px 0;
  }
  .home-news-letter-component .news-content .title-txt {
    padding: 0px 32px;
  }
  .home-news-letter-component .news-content .title-txt p {
    font-size: 32px;
    line-height: 42px;
  }
  .home-news-letter-component .news-content .desc-txt {
    padding: 0px 32px;
  }
  .home-news-letter-component .news-content .box-console {
    height: 28px;
  }
  .home-news-letter-component .news-content .remark-txt {
    padding: 0px 32px;
    line-height: 18px;
  }
}
@media screen and (max-width: 360px) {
  .home-news-letter-component .news-content .box-bt input[type=email] {
    font-size: 11px;
  }
}
.instagram-slide-component {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 80px;
  display: none;
  opacity: 0;
  transition: all 0.25s ease-in-out;
  z-index: 5;
}
.instagram-slide-component .bzfy-o-media-uploader-button {
  border-radius: 15px !important;
}
.instagram-slide-component .container {
  position: relative;
}
.instagram-slide-component.active {
  display: block;
  opacity: 1;
}
.instagram-slide-component .js-flowbox-flow {
  z-index: 2;
  position: relative;
}
.instagram-slide-component .js-flowbox-flow .bzfy-icon {
  position: relative;
}
.instagram-slide-component .js-flowbox-flow .bzfy-c-carousel-control {
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 0;
}
.instagram-slide-component .js-flowbox-flow .bzfy-c-carousel-control .bzfy-icon {
  margin: unset;
  height: 15px;
  width: 15px;
}
.instagram-slide-component .js-flowbox-flow .bzfy-c-carousel-control .bzfy-icon--arrow-right:hover svg {
  animation: moveNext 0.6s linear forwards;
}
.instagram-slide-component .js-flowbox-flow .bzfy-c-carousel-control .bzfy-icon--arrow-left:hover svg {
  animation: moveBack 0.6s linear forwards;
}
.instagram-slide-component .bzfy-feed-banner {
  background-color: rgba(0, 0, 0, 0) !important;
}
.instagram-slide-component .bzfy-t-feed-carousel .bzfy-c-carousel-control svg {
  transition: all 0.3s ease-out;
}
.instagram-slide-component .ig-title {
  margin-bottom: 40px;
}
.instagram-slide-component .ig-title .title-txt {
  display: flex;
}
.instagram-slide-component .ig-title .title-txt .logo-ig {
  margin-right: 32px;
  mask-image: url(/assetfiles/img/tabledusudv4/svgs/logo-ig-ipfv3.svg#logo-ig-obj-ipfv3);
  mask-size: cover;
  width: 64px;
  height: 64px;
}
.instagram-slide-component .ig-title .title-txt .logo-ig img {
  width: 64px;
  height: 64px;
}
.instagram-slide-component .ig-title .title-txt .logo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  max-height: 64px;
  margin-right: 32px;
}
.instagram-slide-component .ig-title .title-txt .logo img {
  position: absolute;
  width: 100%;
  object-fit: cover;
}
.instagram-slide-component .ig-title .title-txt .texts {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: start;
  text-align: left;
}
.instagram-slide-component .ig-title .title-txt .texts .head {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  width: 100%;
}
.instagram-slide-component .ig-title .title-txt .texts .desc-txt {
  padding: 0;
  margin-bottom: 20px;
  width: 100%;
}
.instagram-slide-component .ig-title .title-txt .texts .desc-txt p {
  font-size: 16px;
  line-height: 24px;
}
.instagram-slide-component .ig-title .title-txt .texts .tds-btn {
  width: fit-content;
}
.instagram-slide-component .ig-title .title-txt p {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.instagram-slide-component .ig-title .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-left: 96px;
}
.instagram-slide-component .ig-title .desc-txt p {
  font-weight: 500;
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
}
.instagram-slide-component .slider {
  position: relative;
  z-index: 2;
  width: calc(100% - 92px);
}
.instagram-slide-component .slider .swiper {
  width: 100%;
  position: relative;
}
.instagram-slide-component .slider .swiper .swiper-wrapper {
  width: 100%;
}
.instagram-slide-component .slider .swiper-button-lock {
  display: none !important;
}
.instagram-slide-component .slider .swiper-pagination {
  bottom: -34px;
  right: 32px;
  left: auto;
  width: fit-content;
  transform: none;
}
.instagram-slide-component .slider .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
}
.instagram-slide-component .slider .swiper-pagination .swiper-pagination-bullet:hover, .instagram-slide-component .slider .swiper-pagination .swiper-pagination-bullet:focus {
  border: none;
  background-color: rgba(17, 28, 28, 0.25);
}
.instagram-slide-component .slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(17, 28, 28);
}
.instagram-slide-component .slider .slide-nav {
  position: absolute;
  top: 50%;
  right: -92px;
  transform: translate(0%, -56px);
}
.instagram-slide-component .slider .scroll-box {
  position: absolute;
  right: 128px;
  bottom: -80px;
}
.instagram-slide-component .bg-pattern {
  position: absolute;
  top: 420px;
  left: -82px;
  z-index: 1;
}
.instagram-slide-component .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.instagram-slide-component .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}
.instagram-slide-component .scroll-down-button {
  position: absolute;
  display: none;
}

@media screen and (max-width: 1024px) {
  .instagram-slide-component {
    min-height: auto;
    margin-bottom: 64px;
  }
  .instagram-slide-component .container {
    max-width: 100%;
  }
  .instagram-slide-component .ig-title .title-txt p {
    font-size: 40px;
    line-height: 50px;
  }
  .instagram-slide-component .ig-title .title-txt .logo-ig {
    margin-right: 24px;
    width: 48px;
    height: 48px;
  }
  .instagram-slide-component .ig-title .title-txt .logo-ig img {
    width: 48px;
    height: auto;
  }
  .instagram-slide-component .ig-title .title-txt .logo {
    margin-right: 24px;
    width: 48px;
    max-height: 48px;
  }
  .instagram-slide-component .ig-title .title-txt .texts .head {
    font-size: 40px;
    line-height: 50px;
  }
  .instagram-slide-component .ig-title .title-txt .texts .desc-txt {
    padding: 0;
  }
  .instagram-slide-component .ig-title .title-txt .texts .desc-txt p {
    font-size: 14px;
  }
  .instagram-slide-component .ig-title .title-txt .texts .bt-general p {
    font-size: 14px;
  }
  .instagram-slide-component .ig-title .desc-txt {
    padding-left: 72px;
  }
  .instagram-slide-component .ig-title .desc-txt p {
    font-size: 14px;
  }
  .instagram-slide-component .slider {
    width: 100%;
  }
  .instagram-slide-component .slider .swiper-pagination {
    display: none;
    bottom: -82px;
    left: 50%;
    transform: translate(-50%, 0%);
  }
  .instagram-slide-component .slider .slide-nav {
    right: 64px;
    position: absolute;
    top: auto;
  }
  .instagram-slide-component .bg-pattern {
    top: 380px;
    left: 16px;
  }
  .instagram-slide-component .bg-pattern .icon-bg svg {
    transform: scale(0.8);
  }
  .instagram-slide-component .controls-box {
    width: 100%;
    right: 0;
    bottom: -45px;
    height: 42px;
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  .instagram-slide-component .controls-box .slide-nav {
    order: 2;
    height: auto;
    width: 200px;
    position: relative;
    transform: none;
    left: unset;
    right: unset;
  }
  .instagram-slide-component .controls-box .slide-nav .slide-nav-box .circle-bt.bt-next {
    top: 0;
    order: 3;
    left: 0;
  }
  .instagram-slide-component .controls-box .scroll-down-button {
    order: 1;
    position: relative;
    height: auto;
    width: 152px;
    left: 0px;
    bottom: 0;
    transform: none;
    display: inline-block;
  }
  .instagram-slide-component .controls-box .scroll-down-button p {
    float: right;
    display: inline-block;
    position: relative;
    order: 2;
    line-height: 42px;
    left: unset;
    transform: translate(-50%, 0%);
    height: 42px;
    font-size: 16px;
    color: rgba(17, 28, 28, 0.34);
  }
  .instagram-slide-component .controls-box .scroll-down-button .circle-bt {
    order: 1;
    position: relative;
    float: left;
    width: 42px;
    height: 42px;
  }
  .instagram-slide-component .slide-bullets {
    top: auto;
    display: inline-flex;
    display: none;
  }
  .instagram-slide-component .slide-nav {
    display: block;
    top: 0;
    right: 30px;
    width: 98px;
    height: 42px;
    transform: none;
  }
  .instagram-slide-component .slide-nav.vertical .slide-nav-box .circle-bt {
    width: 42px;
    height: 42px;
  }
}
@media screen and (max-width: 743px) {
  .instagram-slide-component {
    min-height: 100%;
    margin-bottom: 48px;
  }
  .instagram-slide-component .ig-title .title-txt {
    margin-bottom: 4px;
  }
  .instagram-slide-component .ig-title .title-txt .logo-ig {
    margin-right: 16px;
    width: 32px;
    height: 32px;
  }
  .instagram-slide-component .ig-title .title-txt .logo-ig img {
    width: 32px;
    height: auto;
  }
  .instagram-slide-component .ig-title .title-txt .logo {
    margin-right: 16px;
    width: 32px;
    max-height: 32px;
  }
  .instagram-slide-component .ig-title .title-txt .texts {
    align-items: center;
  }
  .instagram-slide-component .ig-title .title-txt .texts .head {
    font-size: 32px;
    line-height: 38px;
  }
  .instagram-slide-component .ig-title .title-txt .texts .desc-txt {
    padding: 0;
  }
  .instagram-slide-component .ig-title .title-txt p {
    font-size: 32px;
    line-height: 38px;
  }
  .instagram-slide-component .ig-title .desc-txt {
    padding-left: 48px;
  }
  .instagram-slide-component .slider .slide-nav {
    right: 0;
  }
  .instagram-slide-component .slider .swiper-pagination {
    bottom: -50px;
    left: calc(50% - 32px);
    transform: translate(-50%, 0%);
  }
  .instagram-slide-component .bg-pattern {
    left: -32px;
  }
  .instagram-slide-component .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 600px) {
  .instagram-slide-component .slider.more-item-nav .swiper-pagination {
    z-index: 2;
    left: 50%;
    text-align: center;
  }
}
@media screen and (max-width: 400px) {
  .instagram-slide-component .slider.more-item-nav .swiper-pagination {
    max-width: calc(100% - 20px);
    left: calc(50% - 20px);
  }
  .instagram-slide-component .controls-box .slide-nav .slide-nav-box {
    right: 26px;
  }
}
@media screen and (max-width: 360px) {
  .instagram-slide-component .slider:not(.more-item-nav) .swiper-pagination {
    left: 32px;
  }
}
.reviews-component {
  position: relative;
  width: 100%;
  min-height: 510px;
  padding-top: 55px;
  height: auto;
}
.reviews-component .reviews-title .title-txt {
  display: flex;
  padding-left: 100px;
  margin-bottom: 60px;
  gap: 32px;
}
.reviews-component .reviews-title .title-txt .logo-img {
  width: 56px;
  height: 56px;
  min-width: 56px;
}
.reviews-component .reviews-title .title-txt .logo-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
}
.reviews-component .reviews-title .title-txt .content .head-title {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 60px;
}
.reviews-component .reviews-title .title-txt .content .content-desc {
  display: flex;
}
.reviews-component .reviews-title .title-txt .content .content-desc .desc-txt {
  color: #111c1c;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
}
.reviews-component .reviews-title .title-txt .content .content-desc .bt-route p {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
.reviews-component .reviews-container {
  display: flex;
  width: 100%;
}
.reviews-component .reviews-container .reivews {
  width: 100%;
  display: flex;
  max-width: 1068px;
}
.reviews-component .reviews-container .reivews .swiper-slide {
  max-width: fit-content;
  flex-shrink: unset;
}
.reviews-component .reviews-container .review-box-item {
  width: 100%;
  max-width: 356px;
}
.reviews-component .reviews-container .swiper {
  width: 75%;
}
.reviews-component .reviews-container .more-review-section {
  width: 25%;
}

@media screen and (max-width: 1024px) {
  .reviews-component {
    padding-top: 0px;
    height: auto;
    margin-bottom: 64px;
  }
  .reviews-component .container {
    padding-right: 90px;
    padding-left: 90px;
    max-width: 100%;
  }
  .reviews-component .reviews-title .title-txt {
    gap: 24px;
    padding-left: 0px;
    margin-bottom: 22px;
  }
  .reviews-component .reviews-title .title-txt .logo-img {
    width: 42px;
    height: 42px;
    min-width: 42px;
  }
  .reviews-component .reviews-title .title-txt .content .head-title {
    font-size: 40px;
    line-height: 50px;
  }
  .reviews-component .reviews-container {
    flex-direction: column;
    gap: 24px;
    overflow: hidden;
  }
  .reviews-component .reviews-container .swiper {
    width: 100%;
    padding-bottom: 24px;
    border-bottom: solid 1px rgba(17, 28, 28, 0.1);
  }
  .reviews-component .reviews-container .reivews {
    max-width: 100%;
    width: 100%;
  }
  .reviews-component .reviews-container .reivews .swiper-slide {
    flex-shrink: 0;
    max-width: 100%;
  }
  .reviews-component .reviews-container .review-box-item {
    width: 100%;
    max-width: 100%;
  }
  .reviews-component .reviews-container .review-box-item .review-box-container {
    max-width: 100%;
  }
  .reviews-component .reviews-container .review-box-item .review-box-container .review-txt {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .reviews-component {
    height: auto;
    margin-bottom: 48px;
  }
  .reviews-component .container {
    padding-right: 32px;
    padding-left: 32px;
  }
  .reviews-component .reviews-title .title-txt {
    gap: 16px;
  }
  .reviews-component .reviews-title .title-txt .logo-img {
    width: 30px;
    height: 30px;
    min-width: 30px;
  }
  .reviews-component .reviews-title .title-txt .content .head-title {
    font-size: 32px;
    line-height: 40px;
  }
  .reviews-component .reviews-title .title-txt .content .content-desc {
    flex-direction: column;
  }
  .reviews-component .reviews-container {
    gap: 28px;
    min-height: 196px;
    height: auto;
  }
}
.home-video-tour-component {
  position: relative;
  width: 100%;
  height: 828px;
  margin-bottom: 80px;
}
.home-video-tour-component .slider {
  position: relative;
  width: 100%;
  height: 100%;
}
.home-video-tour-component .slider.hide-nav .swiper {
  cursor: default;
}
.home-video-tour-component .slider .swiper {
  width: 100%;
  height: 100%;
  cursor: grab;
  overflow: unset;
}
.home-video-tour-component .slider .swiper-pagination {
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  width: fit-content;
}
.home-video-tour-component .slider .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(255, 255, 255, 0.34);
  border: none;
}
.home-video-tour-component .slider .swiper-pagination .swiper-pagination-bullet:hover, .home-video-tour-component .slider .swiper-pagination .swiper-pagination-bullet:focus {
  border: none;
  background-color: rgba(255, 255, 255, 0.34);
}
.home-video-tour-component .slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(255, 255, 255);
}
.home-video-tour-component .slider .swiper-button-lock {
  display: none;
}
.home-video-tour-component .highlight-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.home-video-tour-component .highlight-wrapper .img-bg {
  position: relative;
  width: 100%;
  height: 100%;
}
.home-video-tour-component .highlight-wrapper .img-bg > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-video-tour-component .highlight-wrapper .content-box .head {
  position: absolute;
  width: fit-content;
  max-width: 474px;
  top: 0;
  left: 0;
  transform: translate(294px, 321px);
}
.home-video-tour-component .highlight-wrapper .content-box .head .title {
  font-weight: 600;
  font-size: 52px;
  line-height: 60px;
  color: white;
  text-align: center;
  margin-bottom: 32px;
}
.home-video-tour-component .highlight-wrapper .content-box .head .bt-view {
  color: white;
  border: none;
}
.home-video-tour-component .highlight-wrapper .content-box .head .bt-view .play-video {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-left: 16px;
  position: relative;
}
.home-video-tour-component .highlight-wrapper .content-box .head .bt-view .play-video svg {
  width: 24px;
  height: 24px;
  --color-1: white;
  position: absolute;
  left: 0;
}
.home-video-tour-component .highlight-wrapper .content-box .desc {
  position: absolute;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: white;
  left: 127px;
  bottom: 100px;
  width: 100%;
  max-width: 288px;
}
.home-video-tour-component .controls-box {
  position: absolute;
  bottom: 63px;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  z-index: 1;
}
.home-video-tour-component .controls-box .slide-nav {
  width: 100%;
  height: auto;
  z-index: 5;
  position: relative;
}
.home-video-tour-component .controls-box .slide-nav .slide-nav-box {
  position: absolute;
  right: 0px;
  width: 226px;
  bottom: -20px;
}
.home-video-tour-component .controls-box .slide-nav .slide-nav-box .nav-txt {
  width: fit-content;
  position: absolute;
  bottom: 16px;
  transform: translateX(-100%);
}
.home-video-tour-component .controls-box .slide-nav .slide-nav-box .nav-txt .current-txt {
  padding-right: 8px;
}
.home-video-tour-component .controls-box .slide-nav .slide-nav-box .nav-txt.swiper-pagination-lock {
  display: none !important;
}
.home-video-tour-component .controls-box .slide-nav .slide-nav-box .nav-txt.active {
  display: flex;
}

@media screen and (max-width: 1024px) {
  .home-video-tour-component {
    margin-bottom: 64px;
  }
  .home-video-tour-component .highlight-wrapper .content-box .head {
    top: 294px;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: 355px;
  }
  .home-video-tour-component .highlight-wrapper .content-box .head .title {
    font-size: 40px;
    line-height: 46px;
  }
  .home-video-tour-component .highlight-wrapper .content-box .desc {
    left: 64px;
    bottom: 128px;
  }
  .home-video-tour-component .controls-box {
    width: 100%;
    right: 0;
  }
  .home-video-tour-component .controls-box .slide-nav {
    position: relative;
  }
  .home-video-tour-component .controls-box .slide-nav .slide-nav-box {
    width: 148px;
    bottom: -16px;
  }
  .home-video-tour-component .controls-box .slide-nav .slide-nav-box .nav-txt {
    line-height: 42px;
    padding-right: 15px;
    bottom: 0px;
    display: none;
  }
  .home-video-tour-component .controls-box .scroll-down-button {
    order: 1;
    position: relative;
    height: auto;
    width: 165px;
    left: 64px;
    display: inline-block;
  }
  .home-video-tour-component .controls-box .scroll-down-button .circle-bt {
    order: 1;
    position: relative;
    float: left;
    width: 42px;
    height: 42px;
  }
  .home-video-tour-component .controls-box .scroll-down-button.white p {
    float: right;
    display: inline-block;
    position: relative;
    order: 2;
    line-height: 42px;
    left: unset;
  }
  .home-video-tour-component .slide-bullet {
    display: none;
  }
}
@media screen and (max-width: 743px) {
  .home-video-tour-component {
    height: 650px;
    margin-bottom: 48px;
  }
  .home-video-tour-component .highlight-wrapper .content-box .head {
    top: 160px;
    max-width: 300px;
  }
  .home-video-tour-component .highlight-wrapper .content-box .head .title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 24px;
  }
  .home-video-tour-component .highlight-wrapper .content-box .desc {
    left: 32px;
    bottom: 96px;
  }
  .home-video-tour-component .controls-box .slide-nav .slide-nav-box {
    width: 110px;
  }
}
@media screen and (max-width: 600px) {
  .home-video-tour-component .slider .more-item-nav .swiper-pagination {
    text-align: center;
  }
  .home-video-tour-component .controls-box {
    right: unset;
    left: 50%;
    transform: translateX(-50%);
  }
  .home-video-tour-component .controls-box .scroll-down-button {
    left: 26px;
  }
  .home-video-tour-component .controls-box .slide-nav {
    right: 0;
  }
}
.button-checkout-component .bt-general {
  height: 64px;
  padding: 0px 84px;
  position: relative;
}
.button-checkout-component .bt-general p {
  font-size: 14px;
}
.button-checkout-component .bt-wrapper {
  margin: 60px 0;
}
.button-checkout-component .bt-wrapper.first {
  margin: 24px 0;
}
.button-checkout-component .bt-wrapper .bt-general {
  float: right;
}

@media screen and (max-width: 1024px) {
  .button-checkout-component .bt-wrapper .bt-general {
    width: calc(50% - 32px);
  }
}
@media screen and (max-width: 767px) {
  .button-checkout-component .bt-wrapper .bt-general {
    width: auto;
  }
}
.component-shopping-cart {
  position: relative;
  visibility: hidden;
  opacity: 0;
  display: none;
  transition: all ease-in-out 0.5s;
}
.component-shopping-cart.active {
  visibility: visible;
  opacity: 1;
  display: block;
}

.content-boxes-component {
  padding-bottom: 80px;
}
.content-boxes-component .content-title {
  text-align: center;
  max-width: 846px;
  margin: 0 auto;
  margin-bottom: 64px;
}
.content-boxes-component .content-title .title-txt {
  margin-bottom: 4px;
}
.content-boxes-component .content-title .title-txt p,
.content-boxes-component .content-title .title-txt h1,
.content-boxes-component .content-title .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.content-boxes-component .content-title .desc-txt {
  width: fit-content;
  display: inline-block;
}
.content-boxes-component .content-title .desc-txt p,
.content-boxes-component .content-title .desc-txt h2 {
  font-weight: 500;
  color: rgba(77, 85, 85, 0.75);
  font-size: 16px;
  line-height: 16px;
}
.content-boxes-component .content-title .desc-txt p .line-through,
.content-boxes-component .content-title .desc-txt h2 .line-through {
  text-decoration: line-through;
}
.content-boxes-component .detail-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 64px;
  margin: 0 auto;
  width: 100%;
  max-width: 906px;
}
.content-boxes-component .detail-grid.content {
  max-width: 1004px;
  grid-gap: 64px;
}
.content-boxes-component .detail-grid p,
.content-boxes-component .detail-grid h3 {
  font-size: 16px;
  line-height: 24px;
}
.content-boxes-component .detail-grid p.head,
.content-boxes-component .detail-grid h3.head {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 36px;
}
.content-boxes-component .detail-grid ul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  list-style: disc;
  list-style-position: outside;
  margin-left: 16px;
}
.content-boxes-component .detail-grid ul.detail {
  width: 80%;
  display: inline-flex;
  flex-flow: column wrap;
}
.content-boxes-component .detail-grid ul.price {
  width: 20%;
  display: inline-flex;
  flex-flow: column wrap;
}
.content-boxes-component .detail-grid ul.price li {
  list-style: none;
}
.content-boxes-component .detail-grid button,
.content-boxes-component .detail-grid .bt-general {
  border: none;
}
.content-boxes-component .detail-grid button p,
.content-boxes-component .detail-grid .bt-general p {
  font-size: 14px;
  font-weight: 500;
}
.content-boxes-component .detail-grid button b,
.content-boxes-component .detail-grid button strong,
.content-boxes-component .detail-grid .bt-general b,
.content-boxes-component .detail-grid .bt-general strong {
  font-weight: 600;
}
.content-boxes-component .detail-grid .price-table {
  display: flex;
  flex-flow: row wrap;
}
.content-boxes-component .detail-grid .more-left {
  margin-left: 60px;
}
.content-boxes-component .detail-grid .text-box .desc-txt .title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 16px;
}
.content-boxes-component .detail-grid .text-box .desc-txt .desc + .bt-general {
  margin-top: 48px;
}
.content-boxes-component .detail-grid .text-box .desc-img {
  margin-bottom: 0;
}
.content-boxes-component .detail-grid .text-box .desc-img > img {
  margin-bottom: 32px;
}
.content-boxes-component .detail-grid .text-box .desc-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
@supports (aspect-ratio: 1/1) {
  .content-boxes-component .detail-grid .text-box .desc-img img {
    aspect-ratio: 1/1;
  }
}
.content-boxes-component .content-wrapper {
  position: relative;
}
.content-boxes-component .content-wrapper::before {
  content: " ";
  position: absolute;
  top: -100px;
  left: -128px;
  width: 45%;
  height: 540px;
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  z-index: -1;
}
.content-boxes-component .content-wrapper::after {
  content: " ";
  position: absolute;
  top: 580px;
  right: -128px;
  width: 45%;
  height: 634px;
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  z-index: -1;
}

@media screen and (max-width: 1024px) {
  .content-boxes-component {
    padding-bottom: 64px;
  }
  .content-boxes-component .container {
    padding: 0 64px;
    max-width: 100%;
  }
  .content-boxes-component .content-title {
    margin-bottom: 40px;
  }
  .content-boxes-component .content-title .title-txt {
    margin-bottom: 4px;
  }
  .content-boxes-component .content-title .title-txt .txt {
    font-size: 40px;
    line-height: 46px;
  }
  .content-boxes-component .detail-grid {
    grid-template-columns: 1fr;
  }
  .content-boxes-component .detail-grid p.head,
  .content-boxes-component .detail-grid h3.head {
    font-size: 20px;
    line-height: 30px;
  }
  .content-boxes-component .detail-grid.content {
    grid-gap: 64px;
    max-width: 906px;
  }
  .content-boxes-component .detail-grid .text-box .desc-txt .desc + .bt-general {
    margin-top: 32px;
  }
  .content-boxes-component .content-wrapper::before {
    width: 55%;
  }
  .content-boxes-component .content-wrapper::after {
    width: 55%;
  }
}
@media screen and (max-width: 743px) {
  .content-boxes-component {
    padding-bottom: 48px;
  }
  .content-boxes-component .container {
    padding: 0 32px;
  }
  .content-boxes-component .content-title {
    margin-bottom: 32px;
  }
  .content-boxes-component .content-title .title-txt p,
  .content-boxes-component .content-title .title-txt h1 {
    font-size: 32px;
    line-height: 42px;
  }
  .content-boxes-component .content-title .title-txt .txt {
    font-size: 32px;
    line-height: 40px;
  }
  .content-boxes-component .detail-grid {
    grid-template-columns: 1fr;
  }
  .content-boxes-component .detail-grid.content {
    grid-gap: 40px;
  }
  .content-boxes-component .detail-grid ul.detail {
    width: 75%;
  }
  .content-boxes-component .detail-grid ul.price {
    width: 25%;
  }
  .content-boxes-component .detail-grid .more-left {
    margin-left: 0;
  }
  .content-boxes-component .detail-grid .mobile-center {
    text-align: center;
  }
  .content-boxes-component .detail-grid .text-box .desc-txt .title {
    font-size: 20px;
  }
}
.configuration-select-color-details-multiple {
  width: 71%;
  max-width: 1004px;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  height: 100%;
  align-items: flex-start;
  padding: 40px 0 20px 0;
}
.configuration-select-color-details-multiple.disabled-by-force-select .configuration-select-color-detail-child-item {
  opacity: 0.5;
}
.configuration-select-color-details-multiple.disabled-by-force-select .configuration-select-color-detail-child-item .item-container {
  cursor: not-allowed;
}
.configuration-select-color-details-multiple.disabled-by-force-select .configuration-select-color-detail-child-item.active {
  opacity: 1;
  cursor: pointer;
}
.configuration-select-color-details-multiple.disabled-by-force-select .configuration-select-color-detail-child-item.active .item-container {
  cursor: pointer;
}
.configuration-select-color-details-multiple.no-parents {
  align-items: center;
}
.configuration-select-color-details-multiple.no-parents .color-detail-children {
  margin-top: 0;
}
.configuration-select-color-details-multiple .swiper-wrapper {
  width: 9999px;
  position: relative;
  transition: left ease-in-out 0.5s;
  padding: 0 2px;
}
.configuration-select-color-details-multiple .swiper-pagination-bullets {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 12px);
}
.configuration-select-color-details-multiple .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 4px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
.configuration-select-color-details-multiple .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.configuration-select-color-details-multiple.disable {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.configuration-select-color-details-multiple .lock {
  display: none;
  position: absolute;
  cursor: not-allowed;
}
.configuration-select-color-details-multiple .disabled-by-rule .image {
  cursor: not-allowed;
  opacity: 0.5;
}
.configuration-select-color-details-multiple .disabled-by-rule .bt-zoom {
  opacity: 0.5;
}
.configuration-select-color-details-multiple .disabled-by-rule .bt-select-item {
  display: none !important;
}
.configuration-select-color-details-multiple .disabled-by-rule .item-container .lock {
  display: block;
}
.configuration-select-color-details-multiple .slide-title {
  color: #d1d1d1;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.configuration-select-color-details-multiple .color-detail-parents {
  position: relative;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  width: 100%;
}
.configuration-select-color-details-multiple .color-detail-parents .product-tooltips {
  top: 32px;
}
.configuration-select-color-details-multiple .color-detail-parents .product-tooltips .tooltip .tooltip-content {
  min-width: 240px;
  max-width: 300px;
  width: max-content;
  white-space: unset;
  padding: 16px;
}
.configuration-select-color-details-multiple .color-detail-parents .product-tooltips .tooltip .tooltip-content .ed-desc {
  margin-top: 4px;
  margin: 4px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.configuration-select-color-details-multiple .color-detail-parents .product-tooltips .tooltip.top .tooltip-content:after {
  left: var(--color-detail-tooltip-left);
}
.configuration-select-color-details-multiple .color-detail-parents .product-tooltips .tooltip.color-tooltip .tooltip-content:after {
  left: var(--color-detail-tooltip-left);
}
.configuration-select-color-details-multiple .color-detail-parents .lock {
  left: calc(50% - 15px);
  top: 26px;
}
.configuration-select-color-details-multiple .color-detail-parents .lock svg {
  width: 30px;
  height: 30px;
}
.configuration-select-color-details-multiple .color-detail-parents .disable-info {
  left: auto;
  top: 8px;
  right: 2px;
}
.configuration-select-color-details-multiple .color-detail-parents .slider__bullets {
  position: absolute;
  width: 100%;
  display: inline-block;
  text-align: center;
}
.configuration-select-color-details-multiple .color-detail-parents .slider__bullets .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #111c1c;
  opacity: 0.34;
  transition: opacity ease-in-out 0.25s;
  display: inline-block;
  margin-right: 8px;
  cursor: pointer;
}
.configuration-select-color-details-multiple .color-detail-parents .slider__bullets .dot.active, .configuration-select-color-details-multiple .color-detail-parents .slider__bullets .dot:hover {
  opacity: 1;
}
.configuration-select-color-details-multiple .color-detail-parents .config-select-color-details-container {
  max-width: 540px;
  position: relative;
}
.configuration-select-color-details-multiple .color-detail-parents .config-select-color-details-container .slide-nav {
  width: auto;
  height: auto;
}
.configuration-select-color-details-multiple .color-detail-parents .config-select-color-details-container .slide-nav .bt-prev {
  bottom: unset;
  left: -46px;
  border: none !important;
  top: 50%;
  transform: translateY(-50%);
}
.configuration-select-color-details-multiple .color-detail-parents .config-select-color-details-container .slide-nav .bt-next {
  left: unset;
  right: -46px;
  bottom: 20px;
  border: none !important;
  top: 50%;
  transform: translateY(-50%);
}
.configuration-select-color-details-multiple .color-detail-parents .config-select-color-details-container .slide-nav .circle-bt.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-select-color-details-multiple .color-detail-children {
  position: relative;
  margin-top: 0px;
  display: flex;
  justify-content: center;
  width: 860px;
  transition: opacity ease-in-out 0.2s;
}
.configuration-select-color-details-multiple .color-detail-children.visuallyhidden {
  transition: none;
}
.configuration-select-color-details-multiple .color-detail-children .swiper-container .swiper-wrapper {
  height: auto;
  width: 100%;
  display: inline-block;
}
.configuration-select-color-details-multiple .color-detail-children .custom-scroll .content {
  max-height: 264px;
}
.configuration-select-color-details-multiple .color-detail-children .slide-title {
  margin-bottom: 20px;
}
.configuration-select-color-details-multiple .color-detail-children .config-select-color-detail-item-container {
  width: 100%;
  user-select: none;
}
.configuration-select-color-details-multiple .color-detail-children .config-select-color-detail-item-container .lock {
  left: calc(50% - 18px);
  top: 30px;
}
.configuration-select-color-details-multiple .color-detail-children .config-select-color-detail-item-container .lock svg {
  width: 36px;
  height: 36px;
}
.configuration-select-color-details-multiple .color-detail-children .config-select-color-detail-item-container .disable-info {
  top: 2px;
  right: 6px;
  left: auto;
}
.configuration-select-color-details-multiple .color-detail-children .config-select-color-detail-item-container .swiper-pagination-bullets {
  transform: translate(-50%, -16px);
}
.configuration-select-color-details-multiple .color-detail-children .config-select-color-detail-item-container .configuration-select-color-detail-child-item {
  float: left;
  width: 96px;
  height: 130px;
}
.configuration-select-color-details-multiple .color-detail-children .config-select-color-detail-item-container .slide-nav {
  z-index: 1;
  position: absolute;
  right: 0;
}
.configuration-select-color-details-multiple .color-detail-children .config-select-color-detail-item-container .slide-nav .bt-prev {
  left: unset;
  right: 64px;
  bottom: -16px;
}
.configuration-select-color-details-multiple .color-detail-children .config-select-color-detail-item-container .slide-nav .bt-next {
  left: unset;
  bottom: -16px;
  right: 0;
}
.configuration-select-color-details-multiple .color-detail-children .config-select-color-detail-item-container .slide-nav .circle-bt.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.configuration-select-color-details-multiple .color-detail-children .slider__bullets {
  position: absolute;
  width: 100%;
  display: inline-block;
  text-align: center;
  bottom: -40px;
}
.configuration-select-color-details-multiple .color-detail-children .slider__bullets .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #111c1c;
  opacity: 0.34;
  transition: opacity ease-in-out 0.25s;
  display: inline-block;
  margin-right: 8px;
  cursor: pointer;
}
.configuration-select-color-details-multiple .color-detail-children .slider__bullets .dot.active, .configuration-select-color-details-multiple .color-detail-children .slider__bullets .dot:hover {
  opacity: 1;
}
.configuration-select-color-details-multiple .bg-pattern {
  position: absolute;
  z-index: -1;
  right: unset;
  right: 120px;
  top: 260px;
}
.configuration-select-color-details-multiple .bg-pattern .icon-bg {
  width: 128px;
  height: 128px;
}
.configuration-select-color-details-multiple .bg-pattern .icon-bg svg {
  width: 128px;
  height: 128px;
}

@media screen and (max-width: 1450px) {
  .configuration-select-color-details-multiple .color-detail-children {
    width: 740px;
  }
}
@media screen and (max-width: 1150px) {
  .configuration-select-color-details-multiple .color-detail-children {
    width: 620px;
  }
}
@media screen and (max-width: 1024px) {
  .configuration-select-color-details-multiple {
    width: 100%;
    position: relative;
    padding-top: 20px;
    max-width: 100%;
    margin: 0 auto;
    padding-right: 0;
    justify-content: center;
    left: -36px;
  }
  .configuration-select-color-details-multiple .slide-nav {
    display: inherit;
  }
  .configuration-select-color-details-multiple .slide-nav .slide-nav-box {
    display: inherit;
    position: inherit;
    right: inherit;
    float: unset;
    flex-flow: unset;
  }
  .configuration-select-color-details-multiple .slide-nav .slide-nav-box .nav-txt {
    display: none;
  }
  .configuration-select-color-details-multiple .slide-nav .slide-nav-box .bt-prev,
  .configuration-select-color-details-multiple .slide-nav .slide-nav-box .bt-next {
    order: unset;
    margin: 0;
    position: absolute;
  }
  .configuration-select-color-details-multiple .color-detail-parents {
    margin-top: 20px;
  }
  .configuration-select-color-details-multiple .color-detail-parents .config-select-color-details-container .slide-nav .bt-next,
  .configuration-select-color-details-multiple .color-detail-parents .config-select-color-details-container .slide-nav .bt-prev {
    bottom: 64px;
  }
  .configuration-select-color-details-multiple .bg-pattern {
    top: 40px;
    right: calc(50% - 280px);
  }
  .configuration-select-color-details-multiple .color-detail-children {
    width: 600px;
    margin-top: 48px;
  }
  .configuration-select-color-details-multiple .color-detail-children .swiper-wrapper {
    height: auto;
    width: 100%;
    display: inline-block;
  }
  .configuration-select-color-details-multiple .color-detail-children .custom-scroll .wrapper {
    overflow: hidden;
  }
  .configuration-select-color-details-multiple .color-detail-children .custom-scroll .shadow {
    display: none;
  }
  .configuration-select-color-details-multiple .color-detail-children .custom-scroll .content {
    max-height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .configuration-select-color-details-multiple {
    overflow: visible;
  }
  .configuration-select-color-details-multiple .color-detail-parents {
    margin-top: 0;
  }
  .configuration-select-color-details-multiple .color-detail-children {
    margin-top: 60px;
  }
  .configuration-select-color-details-multiple .bg-pattern {
    top: 240px;
  }
}
@media screen and (max-width: 766px) {
  .configuration-select-color-details-multiple {
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .configuration-select-color-details-multiple .color-detail-parents .config-select-color-details-container {
    width: 355px;
  }
  .configuration-select-color-details-multiple .color-detail-children {
    width: 360px;
  }
  .configuration-select-color-details-multiple .color-detail-children .swiper-container {
    position: relative;
    left: 12px;
  }
  .configuration-select-color-details-multiple .color-detail-children .swiper-wrapper {
    padding-top: 54px;
  }
  .configuration-select-color-details-multiple .configuration-select-color-detail-child-item {
    margin-top: 16px;
  }
}
@media screen and (max-width: 460px) {
  .configuration-select-color-details-multiple .color-detail-parents .config-select-color-details-container {
    width: 264px;
  }
}
.slide-show-component {
  position: relative;
  z-index: 2;
}
.slide-show-component .comp-container {
  width: 100%;
  max-width: 1680px;
  height: 100%;
  margin: 0 auto;
  padding: 0 128px;
}
.slide-show-component .text {
  padding: 64px 160px 48px;
}
.slide-show-component .text .head .txt {
  font-weight: 700;
  color: #111c1c;
  font-size: 52px;
  line-height: 60px;
}
.slide-show-component .text .detail .txt {
  color: rgba(17, 28, 28, 0.75);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.slide-show-component .slide {
  padding-bottom: 64px;
}
.slide-show-component .slide .controls {
  margin-bottom: 48px;
}
.slide-show-component .slide .descriptions {
  position: relative;
  max-width: 500px;
  min-height: 152px;
  margin: 0 auto;
}
.slide-show-component .slide .descriptions .description {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 0;
  transition: all 0.1s ease-in;
  top: 0;
}
.slide-show-component .slide .descriptions .description.relate {
  position: relative;
}
.slide-show-component .slide .descriptions .description.active {
  visibility: visible;
  z-index: 1;
  opacity: 1;
}
.slide-show-component .slide .descriptions .description .head {
  margin-bottom: 24px;
}
.slide-show-component .slide .descriptions .description .head .txt {
  color: #111c1c;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
}
.slide-show-component .slide .descriptions .description .detail {
  position: relative;
  margin-bottom: 16px;
}
.slide-show-component .slide .descriptions .description .detail.limit-text-line:before {
  content: "...";
  position: absolute;
  right: -14px;
  bottom: 0;
  font-size: 16px;
  line-height: 24px;
  display: none;
}
.slide-show-component .slide .descriptions .description .detail .txt {
  position: relative;
  color: #2e2e2e;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  height: 100%;
}
.slide-show-component .slide .descriptions .description .detail ul {
  padding-left: 24px;
}
.slide-show-component .slide .descriptions .description .detail ul li {
  list-style: inside;
}
.slide-show-component .slide .descriptions .description .bt-route .txt {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  padding-right: 12px;
}

@media screen and (max-width: 1024px) {
  .slide-show-component .comp-container {
    padding: 0;
  }
  .slide-show-component .text {
    padding: 48px 128px 32px;
  }
  .slide-show-component .text .head .txt {
    font-size: 40px;
    line-height: 46px;
  }
  .slide-show-component .slide {
    padding-bottom: 48px;
  }
  .slide-show-component .slide .controls {
    padding: 0 64px;
    margin-bottom: 32px;
  }
  .slide-show-component .slide .controls .nav-box .navs .nav-bts {
    width: 104px;
  }
  .slide-show-component .slide .descriptions .description .head {
    margin-bottom: 16px;
  }
  .slide-show-component .slide .descriptions .description .head .txt {
    font-size: 28px;
    line-height: 36px;
  }
}
@media screen and (max-width: 743px) {
  .slide-show-component .text {
    padding: 32px 64px 24px;
  }
  .slide-show-component .text .head .txt {
    font-size: 32px;
    line-height: 40px;
  }
  .slide-show-component .slide {
    padding-bottom: 32px;
  }
  .slide-show-component .slide .controls {
    padding: 0 32px;
    margin-bottom: 24px;
  }
  .slide-show-component .slide .controls .nav-box .navs .nav-bts {
    width: 88px;
    height: 40px;
  }
  .slide-show-component .slide .controls .nav-box .navs .nav-bts .circle-bt {
    width: 40px;
    height: 40px;
  }
  .slide-show-component .slide .descriptions {
    padding: 0 64px;
    min-height: 176px;
  }
  .slide-show-component .slide .descriptions .description .head .txt {
    font-size: 24px;
    line-height: 32px;
  }
  .slide-show-component .slide .descriptions .description .detail {
    margin-bottom: 8px;
  }
}
.sticky-button {
  position: fixed;
  bottom: 0;
  height: 96px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #ffffff;
  z-index: 4;
}
.sticky-button .bt-general {
  min-width: 282px;
  height: 64px;
}
.sticky-button .bt-general .txt {
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  font-weight: 600;
}

.custom-image-slide {
  position: relative;
  width: 100%;
  min-height: 306px;
  overflow: hidden;
}
.custom-image-slide .cards {
  position: relative;
  width: 100%;
  min-height: 306px;
  z-index: 2;
}
.custom-image-slide .cards.disable {
  opacity: 0;
}
.custom-image-slide .cards .card-list {
  width: 1424px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.custom-image-slide .cards .card-list .card {
  position: absolute;
  cursor: pointer;
}
.custom-image-slide .cards .card-list .card.hidden {
  opacity: 0;
}
.custom-image-slide .cards .card-list .card.activeNow .card-box:before, .custom-image-slide .cards .card-list .card.activeNow .card-box:after {
  transform: scale(1);
}
.custom-image-slide .cards .card-list .card .card-box {
  width: 266px;
  height: 266px;
}
.custom-image-slide .cards .card-list .card .card-box:before, .custom-image-slide .cards .card-list .card .card-box:after {
  width: 100%;
  height: 100%;
  z-index: 3;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  transform: scale(0);
  transition: 0.5s;
  transition-delay: 100ms;
}
.custom-image-slide .cards .card-list .card .card-box:before {
  border-bottom: 4px solid #e4b760;
  border-left: 4px solid #e4b760;
  transform-origin: 0 100%;
}
.custom-image-slide .cards .card-list .card .card-box:after {
  border-top: 4px solid #e4b760;
  border-right: 4px solid #e4b760;
  transform-origin: 100% 0%;
}
.custom-image-slide .cards .card-list .card .card-box .image {
  height: 100%;
  overflow: hidden;
}
.custom-image-slide .cards .card-list .card .card-box .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.custom-image-slide .cards .card-list .card .card-box .text {
  transition: all 0.35s linear;
  padding: 0;
  display: none;
}
.custom-image-slide .cards-pre {
  position: absolute;
  top: 0;
  opacity: 0;
  z-index: 1;
}
.custom-image-slide .cards-pre.active {
  opacity: 1;
}
.custom-image-slide .cards-pre.to-top {
  z-index: 3;
}
.custom-image-slide .controls {
  position: relative;
  height: 48px;
}
.custom-image-slide .controls .bullet-box {
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translate(-50%, 0%);
  z-index: 5;
}
.custom-image-slide .controls .bullet-box ul.bullets {
  display: inline-block;
}
.custom-image-slide .controls .bullet-box ul.bullets li {
  list-style: none;
  width: 6px;
  height: 6px;
  background-color: rgba(17, 28, 28, 0.25);
  display: inline-block;
  float: left;
  margin: 0px 4px;
  border-radius: 50%;
  cursor: pointer;
}
.custom-image-slide .controls .bullet-box ul.bullets li.active {
  background-color: rgb(17, 28, 28);
}
.custom-image-slide .controls .nav-box {
  width: fit-content;
  height: 48px;
  position: relative;
  float: right;
}
.custom-image-slide .controls .nav-box .navs {
  display: flex;
}
.custom-image-slide .controls .nav-box .navs .nav-txt {
  line-height: 42px;
  padding-right: 15px;
  display: none;
}
.custom-image-slide .controls .nav-box .navs .nav-txt.active {
  display: flex;
}
.custom-image-slide .controls .nav-box .navs .nav-txt .txt {
  font-size: 14px;
  font-weight: 600;
}
.custom-image-slide .controls .nav-box .navs .nav-txt .txt.current-txt {
  padding-right: 0px;
  color: #111c1c;
}
.custom-image-slide .controls .nav-box .navs .nav-txt .txt.label-txt {
  padding: 0 2px;
  color: rgba(17, 28, 28, 0.34);
}
.custom-image-slide .controls .nav-box .navs .nav-txt .txt.all-txt {
  color: rgba(17, 28, 28, 0.34);
}
.custom-image-slide .controls .nav-box .navs .nav-bts {
  position: relative;
  width: 112px;
  height: 48px;
}
.custom-image-slide .controls .nav-box .navs .nav-bts .circle-bt {
  border: solid 2px #000000;
}
.custom-image-slide .controls .nav-box .navs .nav-bts .circle-bt.bt-prev {
  bottom: 0px;
  left: 0;
}
.custom-image-slide .controls .nav-box .navs .nav-bts .circle-bt.bt-prev:not(.disable):hover .icon-arr-left svg {
  animation: moveBack 0.6s linear forwards;
}
.custom-image-slide .controls .nav-box .navs .nav-bts .circle-bt.bt-prev .icon-arr-left svg {
  color: #000000;
}
.custom-image-slide .controls .nav-box .navs .nav-bts .circle-bt.bt-next {
  bottom: 0px;
  right: 0;
}
.custom-image-slide .controls .nav-box .navs .nav-bts .circle-bt.bt-next:not(.disable):hover .icon-arr-right svg {
  animation: moveNext 0.6s linear forwards;
}
.custom-image-slide .controls .nav-box .navs .nav-bts .circle-bt.bt-next .icon-arr-right svg {
  color: #000000;
}
.custom-image-slide .transition {
  transition: transform 100ms ease-in;
}
.custom-image-slide .transformRight {
  transform: translateX(calc(-100% - 24px));
}
.custom-image-slide .transformLeft {
  transform: translateX(calc(100% + 24px));
}

@media screen and (max-width: 1024px) {
  .custom-image-slide .cards {
    min-height: 298px;
  }
}
@media screen and (max-width: 743px) {
  .custom-image-slide {
    min-height: 230px;
  }
  .custom-image-slide .cards {
    min-height: 185px;
  }
  .custom-image-slide .cards .card-list {
    width: 896px;
  }
  .custom-image-slide .cards .card-list .card .card-box {
    max-width: 160px;
    height: 160px;
  }
}
.external-price-error {
  padding-top: 120px;
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
}
.external-price-error .content {
  width: 564px;
  margin: 0 auto;
  text-align: center;
  min-height: calc(100vh - 554px);
  padding-bottom: 64px;
}
.external-price-error .content h1 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 12px;
}
.external-price-error .content .load {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  margin-bottom: 48px;
  display: block;
}
.external-price-error .content .msg {
  width: 320px;
  margin: 0 auto;
}
.external-price-error .content .msg p {
  line-height: 1.6;
}
.external-price-error .content .btns {
  margin-top: 32px;
}
.external-price-error .content .bt {
  height: 64px;
  border-radius: 100px;
  border: 1px solid #333;
  padding: 0 24px;
  width: 266px;
  font-weight: 600;
  background-color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #333;
}
.external-price-error .content .bt.mail {
  margin-left: 24px;
  background-color: #E4B760;
  border: 1px solid #E4B760;
  color: #fff;
}
.external-price-error .content .bt.mail svg {
  width: 16px;
  height: 12px;
  display: inline-block;
  margin-right: 8px;
}
.external-price-error .contact {
  background-color: #405955;
  color: #fff;
  padding: 64px 0;
}
.external-price-error .contact .sections {
  display: flex;
  justify-content: center;
}
.external-price-error .contact .sections .section {
  display: flex;
  margin-left: 32px;
  padding-left: 48px;
}
.external-price-error .contact .sections .section:last-child {
  border-left: 1px solid #536966;
}
.external-price-error .contact .sections .section p {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}
.external-price-error .contact .sections .section span {
  display: block;
  color: #A0A4A4 !important;
  line-height: 1.4;
}
.external-price-error .contact .sections .section a {
  color: #A0A4A4 !important;
}
.external-price-error .contact .sections .section .info {
  width: 150px;
}
.external-price-error .contact .sections .section .icon {
  width: 48px;
}
.external-price-error .contact .sections .section .icon svg {
  width: 48px;
  height: 48px;
}
.external-price-error .contact .sections .section .social-icons {
  padding-top: 20px;
}
.external-price-error .contact .sections .section .social-icons a {
  display: inline-block;
  color: #fff !important;
  margin-right: 24px;
}
.external-price-error .contact .sections .section .social-icons svg {
  width: 32px;
  height: 24px;
}
.external-price-error .contact .sections .section .social-icons .in svg {
  width: 24px;
  height: 24px;
}
.external-price-error .contact .sections .section .social-icons .fb svg {
  width: 10px;
  height: 20px;
}
.external-price-error .contact .sections .section .social-icons .ln svg {
  width: 20px;
  height: 20px;
}
.external-price-error .contact .sections .section .social-icons .pr svg {
  width: 17px;
  height: 20px;
}
.external-price-error .mail-popup {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
}
.external-price-error .mail-popup.active {
  visibility: visible;
  opacity: 1;
}
.external-price-error .mail-popup.active .popup-body {
  top: 25%;
}
.external-price-error .mail-popup .popup-body {
  background-color: #fff;
  width: 478px;
  position: absolute;
  top: 20%;
  padding: 24px;
  left: 50%;
  margin-left: -239px;
  border-radius: 3px;
  padding-top: 56px;
  transition: all ease-in-out 0.25s;
}
.external-price-error .mail-popup .popup-body .close {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
  padding: 4px;
}
.external-price-error .mail-popup .popup-body .close svg {
  width: 10px;
  height: 10px;
}
.external-price-error .mail-popup .popup-body h4 {
  font-size: 24px;
  margin-bottom: 24px;
  font-weight: 600;
}
.external-price-error .mail-popup .popup-body p {
  margin-bottom: 32px;
  line-height: 1.6;
  margin-top: -10px;
}
.external-price-error .mail-popup .popup-body .field {
  margin-bottom: 32px;
}
.external-price-error .mail-popup .popup-body label {
  font-size: 12px;
  padding-left: 24px;
  margin-bottom: 8px;
  display: block;
}
.external-price-error .mail-popup .popup-body input {
  background-color: #F8F7F4;
  height: 56px;
  border-radius: 3px;
  font-size: 16px;
  color: #333;
  width: 100%;
  border: 1px solid #F8F7F4;
}
.external-price-error .mail-popup .popup-body input.error {
  border: 1px solid #cc0000;
}
.external-price-error .mail-popup .popup-body input::placeholder {
  color: #AEB2B2;
}
.external-price-error .mail-popup .popup-body .bt {
  height: 56px;
  width: 100%;
  color: #fff;
  border-radius: 100px;
  background-color: #E4B760;
  border: 1px solid #E4B760;
  font-weight: 600;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.external-price-error .mail-popup .popup-body .bt:disabled {
  opacity: 0.5;
}
.external-price-error .mail-popup .popup-body p.error {
  color: #cc0000;
  display: none;
  margin-bottom: 0px;
  margin-top: 4px;
  padding-left: 24px;
}
.external-price-error .mail-popup .popup-body p.error.unknown {
  margin-bottom: 16px;
}
.external-price-error .mail-popup .popup-body .success {
  display: none;
}
.external-price-error .mail-popup .popup-body .success h4 {
  text-align: center;
}

@media screen and (max-width: 1199px) {
  .external-price-error .content {
    min-height: calc(100vh - 760px);
  }
  .external-price-error .contact .sections {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .external-price-error .contact .sections .section {
    display: inline-flex;
    width: 250px;
    margin-left: 0;
    padding-left: 0;
    text-align: left;
  }
  .external-price-error .contact .sections .section:first-child {
    margin-left: 36px;
  }
  .external-price-error .contact .sections .section:last-child {
    display: flex;
    margin: 0 auto;
    border-left: none;
    border-top: 1px solid #536966;
    margin-top: 32px;
    padding-top: 32px;
    white-space: nowrap;
    width: 324px;
  }
  .external-price-error .contact .sections .section:last-child .info {
    margin-right: 24px;
  }
  .external-price-error .contact .sections .section .social-icons .pr {
    margin-right: 0;
  }
  .external-price-error .contact .sections .section span {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 639px) {
  .external-price-error {
    padding-top: 64px;
  }
  .external-price-error .content {
    width: 100%;
    min-height: 0;
  }
  .external-price-error .content .bt {
    height: 48px;
  }
  .external-price-error .content .bt.mail {
    margin-left: 0;
    margin-top: 12px;
  }
  .external-price-error .contact .sections .section {
    width: 220px;
  }
  .external-price-error .contact .sections .section:first-child {
    margin-left: 0;
    margin-bottom: 32px;
  }
  .external-price-error .mail-popup.active .popup-body {
    top: 15%;
  }
  .external-price-error .mail-popup .popup-body {
    width: 320px;
    top: 10%;
    margin-left: -160px;
  }
}
@media screen and (max-height: 700px) {
  .external-price-error {
    padding-top: 64px;
  }
  .external-price-error .mail-popup.active .popup-body {
    top: 8%;
  }
  .external-price-error .mail-popup .popup-body {
    top: 5%;
    margin-left: -160px;
  }
}
.blog-display-page .blog-heading .heading {
  padding-left: 162px;
  padding-bottom: 70px;
}
.blog-display-page .blog-heading .heading .heading-txt p,
.blog-display-page .blog-heading .heading .heading-txt h1 {
  color: inherit;
  font-size: inherit;
}
.blog-display-page .blog-heading .heading .desc-txt {
  --t-section-desc-color: #505050;
}
.blog-display-page .blog-heading .heading .desc-txt p {
  color: inherit;
  font-size: inherit;
}
.blog-display-page .blog-content {
  position: relative;
  width: 100%;
  min-height: 800px;
}
.blog-display-page .blog-content .blog-display-container {
  display: grid;
  grid-template-columns: 338px 1fr;
  column-gap: 16px;
  min-height: 60vh;
}
.blog-display-page .blog-content .blog-side-menu {
  position: relative;
  width: 100%;
}
.blog-display-page .blog-content .blog-side-menu .main-menu {
  color: #a0a4a4;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 16px;
  display: block;
  transition: all 0.3s ease;
}
.blog-display-page .blog-content .blog-side-menu .main-menu.active, .blog-display-page .blog-content .blog-side-menu .main-menu:hover {
  color: #111c1c;
}
.blog-display-page .blog-content .blog-side-menu .blog-menu {
  display: flex;
  flex-direction: column;
}
.blog-display-page .blog-content .blog-side-menu ul {
  padding: 0;
  margin: 0;
}
.blog-display-page .blog-content .blog-side-menu ul li {
  padding-left: 16px;
  transition: all 0.3s ease;
}
.blog-display-page .blog-content .blog-side-menu ul li > a {
  color: #a0a4a4;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  display: flex;
  justify-content: left;
  align-items: center;
  padding-block-end: 16px;
}
.blog-display-page .blog-content .blog-side-menu ul li > a:hover {
  color: #111c1c;
}
.blog-display-page .blog-content .blog-side-menu ul li.active > a {
  color: #111c1c;
}
.blog-display-page .blog-content .blog-side-menu ul.menu-level-2 li > a {
  font-size: 18px;
  line-height: 20px;
}
.blog-display-page .blog-content .blog-display-content {
  width: 100%;
  display: inline-block;
  overflow: hidden;
}
.blog-display-page .blog-content .blog-display-content .prev-page {
  display: flex;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: #111c1c;
  margin-bottom: 24px;
  align-items: center;
  border: none;
  background: none;
}
.blog-display-page .blog-content .blog-display-content .prev-page .icon-arr-left {
  display: inline-block;
  margin-right: 8px;
}
.blog-display-page .blog-content .blog-display-content .prev-page .icon-arr-left svg {
  color: #111c1c;
}
.blog-display-page .blog-content .blog-display-content .accordion-menu {
  height: auto;
}
.blog-display-page .blog-content .blog-display-content .accordion-menu .content-text {
  margin: 0;
}
.blog-display-page .blog-content .blog-display-content .accordion-menu .content-grid {
  margin-bottom: 64px;
}
.blog-display-page .blog-content .blog-display-content .accordion-menu-result-empty {
  display: grid;
  justify-content: center;
  width: min(50%, 696px);
  text-align: center;
}
.blog-display-page .blog-content .blog-display-content .accordion-menu-result-empty .query-text {
  font-size: 24px;
  line-height: 32px;
  text-wrap: wrap;
}
.blog-display-page .blog-content .blog-display-content .accordion-menu-result-empty .result-number {
  font-size: 14px;
}
.blog-display-page .blog-content .blog-display-content .accordion-menu-result-empty .result-description {
  font-size: 14px;
  padding-top: 16px;
}

@media screen and (max-width: 1200px) {
  .blog-display-page .blog-heading .heading {
    padding-left: 64px;
    padding-bottom: 40px;
  }
  .blog-display-page .blog-content .blog-display-container {
    grid-template-columns: 1fr;
  }
  .blog-display-page .blog-content .blog-side-menu {
    display: none;
  }
  .blog-display-page .blog-content .blog-display-content .accordion-menu .accordion-menu-items {
    margin-bottom: 0;
  }
  .blog-display-page .blog-content .blog-display-content .accordion-menu .content-grid {
    margin-bottom: 48px;
  }
  .blog-display-page .blog-content .blog-display-content .accordion-menu-result-empty {
    width: 100%;
  }
}
@media screen and (max-width: 743px) {
  .blog-display-page .blog-heading .heading {
    padding-left: 32px;
    padding-bottom: 32px;
  }
  .blog-display-page .blog-content {
    min-height: 600px;
  }
  .blog-display-page .blog-content .blog-display-content .accordion-menu .accordion-menu-items {
    margin-bottom: 0;
  }
  .blog-display-page .blog-content .blog-display-content .accordion-menu .content-grid {
    margin-bottom: 32px;
  }
}
.customer-service-page-slide {
  position: relative;
  width: 100%;
}
.customer-service-page-slide .t-section-title {
  padding-bottom: 24px;
}
.customer-service-page-slide .slide-wrapper .customer-service-slider .swiper-wrapper {
  gap: 24px;
}
.customer-service-page-slide .slide-wrapper .customer-service-slider .swiper-slide {
  width: 339px;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, 0);
}
.customer-service-page-slide .slide-wrapper .customer-service-slider .swiper-slide .img-box {
  width: 100%;
  height: 190px;
}
.customer-service-page-slide .slide-wrapper .customer-service-slider .swiper-slide .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.customer-service-page-slide .slide-wrapper .customer-service-slider .swiper-slide .content-wrapper {
  padding: 16px;
}
.customer-service-page-slide .slide-wrapper .customer-service-slider .swiper-slide .content-wrapper .parent-title {
  color: #a0a4a4;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 8px;
}
.customer-service-page-slide .slide-wrapper .customer-service-slider .swiper-slide .content-wrapper .title {
  color: #111c1c;
  font-weight: 700;
  line-height: 24px;
  padding-bottom: 8px;
  font-size: 16px;
}
.customer-service-page-slide .slide-wrapper .customer-service-slider .swiper-slide .content-wrapper .desc {
  color: #111c1c;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.customer-service-page-slide .slide-wrapper .customer-service-slider.swiper-container-initialized .swiper-wrapper {
  gap: unset;
}
.customer-service-page-slide .slide-wrapper .customer-service-slider.swiper-container-initialized .slide-nav .slide-nav-box {
  display: flex;
}
.customer-service-page-slide .slide-wrapper .customer-service-slider .slide-nav {
  position: relative;
  height: auto;
  width: 100%;
  margin-top: 16px;
}
.customer-service-page-slide .slide-wrapper .customer-service-slider .slide-nav .slide-nav-box {
  display: none;
  flex-direction: row;
  justify-content: flex-end;
  gap: 16px;
}
.customer-service-page-slide .slide-wrapper .customer-service-slider .slide-nav .slide-nav-box .circle-bt {
  position: relative;
}
.customer-service-page-slide .slide-wrapper .customer-service-slider .slide-nav .slide-nav-box .circle-bt.bt-next {
  left: 0;
}
.customer-service-page-slide .slide-wrapper .customer-service-slider .slide-nav .slide-nav-box .nav-txt {
  display: flex;
  align-items: center;
}
.customer-service-page-slide .slide-wrapper .customer-service-slider .slide-nav .slide-nav-box .nav-txt p {
  color: #111c1c;
}
.customer-service-page-slide .slide-wrapper .customer-service-slider .slide-nav .slide-nav-box .nav-txt p.current-txt {
  padding-right: 4px;
}
.customer-service-page-slide .slide-wrapper .customer-service-slider .slide-nav .slide-nav-box .nav-txt p.label-txt {
  padding-right: 4px;
}
.customer-service-page-slide .slide-wrapper .customer-service-slider .slide-nav .slide-nav-box .nav-txt p.all-txt, .customer-service-page-slide .slide-wrapper .customer-service-slider .slide-nav .slide-nav-box .nav-txt p.label-txt {
  color: rgba(17, 28, 28, 0.34);
}
.customer-service-page-slide .slide-wrapper .customer-service-slider .slide-nav .slide-nav-box .swiper-pagination-bullets {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  bottom: 18px;
  width: fit-content;
}
.customer-service-page-slide .slide-wrapper .customer-service-slider .slide-nav .slide-nav-box .swiper-pagination-bullets .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
  opacity: 1;
}
.customer-service-page-slide .slide-wrapper .customer-service-slider .slide-nav .slide-nav-box .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.customer-service-page-slide .slide-wrapper .customer-service-slider .slide-nav .slide-nav-box .swiper-pagination-bullets.swiper-pagination-lock {
  display: none;
}

@media (hover: hover) and (pointer: fine) {
  .customer-service-page-slide .slide-wrapper .customer-service-slider .swiper-slide:hover {
    border-color: #e7e8e8;
  }
}
@media screen and (max-width: 1024px) {
  .customer-service-page-slide .slide-wrapper .customer-service-slider .slide-nav .slide-nav-box {
    float: unset;
    right: unset;
  }
  .customer-service-page-slide .slide-wrapper .customer-service-slider .slide-nav .slide-nav-box .nav-txt {
    padding: 0;
  }
  .customer-service-page-slide .slide-wrapper .customer-service-slider .slide-nav .slide-nav-box .circle-bt.bt-prev {
    margin-right: 0;
  }
}
@media screen and ((min-width: 744px) and (max-width: 820px)) {
  .customer-service-page-slide .slide-wrapper .customer-service-slider .swiper-slide {
    width: calc(50% - 24px);
  }
}
@media screen and (max-width: 450px) {
  .customer-service-page-slide .slide-wrapper .customer-service-slider .swiper-slide {
    width: 100%;
  }
}
.customer-service-component {
  position: relative;
  width: 100%;
}
.customer-service-component .t-section-title {
  padding-bottom: 8px;
}
.customer-service-component .t-section-desc {
  --section-desc-color: rgb(77, 85, 85, 0.75);
}
.customer-service-component .categories-box {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding-bottom: 40px;
}
.customer-service-component .categories-box .cate-item {
  display: flex;
  padding-right: 0px;
  align-items: center;
  gap: 16px;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  border: solid 1px rgba(255, 255, 255, 0);
}
.customer-service-component .categories-box .cate-item .cate-img-box {
  width: 108px;
  height: 108px;
}
.customer-service-component .categories-box .cate-item .cate-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.customer-service-component .categories-box .cate-item .cate-name-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.customer-service-component .categories-box .cate-item .cate-name-box p {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: #000;
}
.customer-service-component .pagging {
  margin-bottom: 0;
}

@media (hover: hover) and (pointer: fine) {
  .customer-service-component .categories-box .cate-item:hover, .customer-service-component .categories-box .cate-item:focus {
    border: 1px solid #e7e8e8;
  }
}
@media screen and (max-width: 743px) {
  .customer-service-component .categories-box {
    grid-template-columns: 1fr;
  }
}
.order-tracking-component .t-section-title {
  padding-bottom: 24px;
}
.order-tracking-component .content-wrapper {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
}
.order-tracking-component .content-wrapper .img-box {
  width: 108px;
  height: 108px;
  border-radius: 4px;
}
.order-tracking-component .content-wrapper .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.order-tracking-component .content-wrapper .content-box {
  display: flex;
  flex-direction: column;
}
.order-tracking-component .content-wrapper .content-box p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}
.order-tracking-component .content-wrapper .content-box .title {
  font-weight: 600;
}
.order-tracking-component .content-wrapper .content-box .desc {
  padding-bottom: 16px;
}
.order-tracking-component .content-wrapper .content-box .btn-track-order {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  width: fit-content;
  height: 56px;
  padding: 0 24px;
  border: none;
  border-radius: 100px;
  background-color: #e4b760;
}

.customer-service-quick-menu .t-section-title {
  padding-bottom: 8px;
}
.customer-service-quick-menu .t-section-desc {
  --section-desc-color: rgb(77, 85, 85, 0.75);
}
.customer-service-quick-menu .quick-menu-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.customer-service-quick-menu .quick-menu-box .quick-menu-item .desc {
  color: #2e2e2e;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding-bottom: 4px;
}
.customer-service-quick-menu .quick-menu-box .quick-menu-item .read-more {
  color: #e4b760;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.customer-service-quick-menu .quick-menu-box .quick-menu-item .read-more .icon-arr-right {
  display: inline-block;
  margin-left: 4px;
}
.customer-service-quick-menu .quick-menu-box .quick-menu-item .read-more .icon-arr-right svg {
  color: #e4b760;
}

@media screen and (max-width: 1200px) {
  .customer-service-quick-menu .quick-menu-box {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 743px) {
  .customer-service-quick-menu .quick-menu-box {
    grid-template-columns: 1fr;
  }
}
.contact-form-component .t-section-title {
  padding-bottom: 8px;
}
.contact-form-component .application-form .form-wrapper {
  display: grid;
  column-gap: 24px;
  row-gap: 48px;
  grid-auto-flow: column;
  grid-template-rows: repeat(4, 1fr);
  grid-template-columns: 1fr 1fr;
}
.contact-form-component .application-form .form-wrapper .form-group {
  display: inline-flex;
  position: relative;
  flex-direction: column;
}
.contact-form-component .application-form .form-wrapper .form-group:last-child {
  grid-row: 2/span 3;
}
.contact-form-component .application-form .form-wrapper .form-group.disabled .upload-files-label {
  color: rgba(17, 28, 28, 0.7019607843);
}
.contact-form-component .application-form .form-wrapper .form-group label {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  padding-bottom: 8px;
  padding-left: 24px;
  display: inline-block;
}
.contact-form-component .application-form .form-wrapper .form-group input {
  position: relative;
  font-size: 16px;
  color: #111c1c;
  -webkit-text-fill-color: #111c1c;
  font-weight: 600;
  line-height: 24px;
  border-radius: 4px;
  background-color: #f8f7f4;
  padding: 18px 24px;
  width: 100%;
  display: inline-block;
}
.contact-form-component .application-form .form-wrapper .form-group input::placeholder {
  color: #aeb2b2;
  -webkit-text-fill-color: #aeb2b2;
}
.contact-form-component .application-form .form-wrapper .form-group input.invalid {
  border: 1px solid #ff0100;
}
.contact-form-component .application-form .form-wrapper .form-group .upload-files-label {
  position: absolute;
  height: 56px;
  width: 100%;
  margin-top: 26px;
  padding-left: 24px;
  background-color: #f8f7f4;
  font-size: 16px;
  color: #111c1c;
  font-weight: 600;
  line-height: 56px;
  pointer-events: none;
  display: none;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 24px;
}
.contact-form-component .application-form .form-wrapper .form-group .upload-files-label.active {
  display: block;
}
.contact-form-component .application-form .form-wrapper .form-group input[type=text] {
  height: 56px;
}
.contact-form-component .application-form .form-wrapper .form-group input[type=text]:disabled {
  opacity: 0.7;
}
.contact-form-component .application-form .form-wrapper .form-group input[type=file] {
  height: 56px;
  min-height: 56px;
  opacity: 1;
  color: #000000;
}
.contact-form-component .application-form .form-wrapper .form-group input[type=file]::file-selector-button {
  display: none;
}
.contact-form-component .application-form .form-wrapper .form-group input[type=file]:disabled {
  opacity: 0.7;
}
.contact-form-component .application-form .form-wrapper .form-group textarea {
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #111c1c;
  -webkit-text-fill-color: #111c1c;
  font-weight: 600;
  line-height: 24px;
  border-radius: 4px;
  background-color: #f8f7f4;
  padding: 18px 24px;
}
.contact-form-component .application-form .form-wrapper .form-group textarea::placeholder {
  color: #aeb2b2;
  -webkit-text-fill-color: #aeb2b2;
}
.contact-form-component .application-form .form-wrapper .form-group textarea.invalid {
  border: 1px solid #ff0100;
}
.contact-form-component .application-form .form-wrapper .form-group textarea:disabled {
  opacity: 0.7;
}
.contact-form-component .application-form .form-wrapper .form-group .error-massage {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #c52626;
  position: absolute;
  bottom: -24px;
  left: 24px;
  display: block;
}
.contact-form-component .application-form .btn-submit-form {
  width: fit-content;
  padding: 20px 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 100px;
  background-color: #e4b760;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  margin: 48px auto 0 auto;
}

@media screen and (max-width: 1024px) {
  .contact-form-component .application-form .form-wrapper {
    grid-template-columns: 1fr;
    grid-auto-flow: unset;
    grid-template-rows: unset;
  }
  .contact-form-component .application-form .form-wrapper .form-group:last-child {
    grid-row: unset;
  }
  .contact-form-component .application-form .form-wrapper .form-group textarea {
    height: 276px;
  }
}
@media screen and (max-width: 743px) {
  .contact-form-component .application-form .form-wrapper .form-group textarea {
    height: 360px;
  }
}
.contact-banner-component .application-footer {
  min-height: 208px;
  max-height: 238px;
  width: 100%;
  background-color: #405954;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-banner-component .application-footer .title {
  margin: 14px 0;
  color: #fff;
}
.contact-banner-component .application-footer .title p,
.contact-banner-component .application-footer .title h2,
.contact-banner-component .application-footer .title .footer-title {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
.contact-banner-component .application-footer .text-box {
  max-width: 326px;
  color: #a0a4a4;
}
.contact-banner-component .application-footer .text-box p {
  font-size: 12px;
  line-height: 20px;
  color: #a0a4a4;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  overflow: hidden;
}
.contact-banner-component .application-footer .footer-box {
  width: 100%;
  min-height: 50px;
  display: grid;
  justify-content: center;
  grid-template-columns: 1fr auto;
}
.contact-banner-component .application-footer .footer-box .footer-set-icon {
  position: relative;
}
.contact-banner-component .application-footer .footer-box .footer-set-icon .display-contact-boxes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 48px;
  min-height: 50px;
  height: auto;
  padding: 0px;
}
.contact-banner-component .application-footer .footer-box .footer-set-icon .display-contact-boxes .display-contact-box {
  display: grid;
  grid-template-columns: 32px 1fr;
  grid-gap: 16px;
  margin-bottom: 0px;
}
.contact-banner-component .application-footer .footer-box .footer-set-icon .display-contact-boxes .display-contact-box .text {
  padding: 0;
}
.contact-banner-component .application-footer .footer-box .footer-set-icon .display-contact-boxes .display-contact-box .title {
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.contact-banner-component .application-footer .footer-box .footer-set-icon .display-contact-boxes .display-contact-box .detail {
  color: #a0a4a4;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.contact-banner-component .application-footer .footer-box .footer-set-icon .display-contact-boxes .contact-box-icon {
  position: relative;
  width: 32px;
  height: 32px;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
}
.contact-banner-component .application-footer .footer-box .footer-set-icon .display-contact-boxes .contact-box-icon > img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.contact-banner-component .application-footer .footer-box .footer-set-social {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-left: 48px;
  position: relative;
}
.contact-banner-component .application-footer .footer-box .footer-set-social:before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1019607843);
  position: absolute;
  left: 0;
  top: 0;
}
.contact-banner-component .application-footer .footer-box .footer-set-social .social-box {
  display: flex;
  flex-direction: row;
  column-gap: 24px;
  flex-flow: row wrap;
}
.contact-banner-component .application-footer .footer-box .footer-set-social .social-box .social-nav {
  display: flex;
}

@media screen and (max-width: 1024px) {
  .contact-banner-component .application-footer {
    max-height: unset;
    min-height: unset;
    padding: 64px;
  }
  .contact-banner-component .application-footer .footer-box {
    grid-template-columns: 1fr;
  }
  .contact-banner-component .application-footer .footer-box .footer-set-icon {
    padding-bottom: 32px;
  }
  .contact-banner-component .application-footer .footer-box .footer-set-icon .display-contact-boxes {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .contact-banner-component .application-footer .footer-box .footer-set-social {
    width: 100%;
    padding: 0;
    justify-content: center;
    padding-top: 32px;
  }
  .contact-banner-component .application-footer .footer-box .footer-set-social::before {
    width: 260px;
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 743px) {
  .contact-banner-component .application-footer .footer-box .footer-set-icon .display-contact-boxes {
    grid-template-columns: 1fr;
  }
}
.search-accordion-component {
  padding-bottom: 32px;
}
.search-accordion-component .t-section-title {
  padding-bottom: 16px;
}
.search-accordion-component .search-box {
  margin: 0;
}
.search-accordion-component .search-result {
  width: min(50%, 696px);
  background-color: #fff;
  margin-top: 8px;
}
.search-accordion-component .search-result .search-result {
  padding: 0 16px;
  line-height: 32px;
}
.search-accordion-component .search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  align-items: center;
  justify-content: center;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
.search-accordion-component .search-overlay.active {
  display: flex;
}

.cta-component {
  margin-bottom: 80px;
}
.cta-component .cta-content {
  display: flex;
  padding: 48px 0px;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
  background: #f8f7f4;
}
.cta-component .cta-content .btn-cta {
  border-radius: 4px;
  background: #ffffff;
}
.cta-component .cta-content .btn-cta .content {
  padding: 24px 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 328px;
}
.cta-component .cta-content .btn-cta .icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.cta-component .cta-content .btn-cta .icon img {
  object-fit: contain;
  width: 24px;
  height: 24px;
}
.cta-component .cta-content .btn-cta .text {
  color: #111c1c;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-right: 8px;
}
.cta-component .cta-content .btn-cta .icon-arr-right-bg {
  background-color: #111c1c;
}

@media screen and (max-width: 1024px) {
  .cta-component {
    margin-bottom: 64px;
  }
  .cta-component .cta-content {
    display: grid;
  }
  .cta-component .cta-content .btn-cta .content {
    min-width: 578px;
  }
}
@media screen and (max-width: 600px) {
  .cta-component {
    margin-bottom: 48px;
  }
  .cta-component .cta-content {
    padding: 32px 0px;
  }
  .cta-component .cta-content .btn-cta .content {
    min-width: 286px;
  }
}
.popup-info-3D {
  position: fixed;
  z-index: 20;
  width: 100vw;
  height: 100vh;
  background-color: rgba(17, 28, 28, 0.35);
  top: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.popup-info-3D.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.popup-info-3D .panel {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 480px;
  max-height: 720px;
  background-color: #fff;
  padding: 24px;
  overflow: hidden;
  transition: max-height 0.3s;
  border-radius: 4px;
  box-shadow: 0px 0px 16px 0px rgba(17, 28, 28, 0.16);
}
.popup-info-3D .panel .details .detail-title {
  font-weight: bold;
  line-height: 32px;
  text-align: center;
  font-size: 24px;
}
.popup-info-3D .panel .details .detail-description {
  margin-top: 14px;
  line-height: 24px;
  overflow: auto;
  max-height: 480px;
}
.popup-info-3D .panel .details .detail-description span {
  display: block;
  word-wrap: break-word;
  white-space: normal;
}
.popup-info-3D .panel .close-btn {
  width: 40px;
  height: 28px;
  margin-left: auto;
  position: relative;
}
.popup-info-3D .panel .close-btn .icon-close {
  position: absolute;
  right: 0;
}
.popup-info-3D .panel .read-more-btn {
  display: block;
  width: 100%;
  height: 56px;
  padding: 20px 24px 20px 24px;
  color: #fff;
  text-align: center;
  margin-top: 24px;
  cursor: pointer;
  background-color: #e4b760;
  font-weight: bold;
  border-radius: 100px;
}

@media screen and (max-width: 767px) {
  .popup-info-3D .panel {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-height: 600px;
  }
  .popup-info-3D .panel .details .detail-description {
    max-height: 360px;
  }
}
.popup-product-sofa-zoom {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all ease-out 0.3s;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 99;
  visibility: hidden;
  opacity: 0;
}
.popup-product-sofa-zoom .panel {
  width: calc(100% - 64px);
  height: calc(100% - 64px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: none;
  visibility: hidden;
  opacity: 0;
  transition: all ease-out 0.3s;
  padding: 24px 0;
  box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08);
  margin: 0;
}
.popup-product-sofa-zoom.active {
  visibility: visible;
  opacity: 1;
}
.popup-product-sofa-zoom.active .panel {
  visibility: visible;
  opacity: 1;
}
.popup-product-sofa-zoom .closelight-bt {
  position: absolute;
  right: 46px;
  top: 46px;
  width: 42px;
  height: 42px;
  border: 1px solid #111c1c;
  border-radius: 50%;
  z-index: 2;
}
.popup-product-sofa-zoom .closelight-bt .icon-close-light {
  width: 10px;
  height: 10px;
  margin: 16px auto;
}
.popup-product-sofa-zoom .spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.popup-product-sofa-zoom .slide-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
}
.popup-product-sofa-zoom .slide-main {
  position: relative;
  top: calc(50% - 40px);
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 200px);
  height: calc(100% - 160px);
}
.popup-product-sofa-zoom .slide-main .swiper {
  width: 100%;
  height: 100%;
}
.popup-product-sofa-zoom .slide-main .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.popup-product-sofa-zoom .slide-main .swiper-pagination.swiper-pagination-bullets {
  bottom: 56px;
  display: none;
}
.popup-product-sofa-zoom .slide-main .swiper-slide {
  overflow: hidden;
  display: flex;
  position: relative;
  align-items: center;
  height: 100%;
  opacity: 0;
  transition: all 0.3s;
}
.popup-product-sofa-zoom .slide-main .swiper-slide .icon-rotate-product-360 {
  z-index: 5;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.popup-product-sofa-zoom .slide-main .swiper-slide .slide-video {
  position: relative;
  width: 100%;
  height: 550px;
}
.popup-product-sofa-zoom .slide-main .swiper-slide .slide-video iframe,
.popup-product-sofa-zoom .slide-main .swiper-slide .slide-video video {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0px);
  height: 550px;
  width: 100%;
  border: none;
  transition: all 0.3s;
}
.popup-product-sofa-zoom .slide-main .swiper-slide .slide-video iframe.disable,
.popup-product-sofa-zoom .slide-main .swiper-slide .slide-video video.disable {
  opacity: 0;
}
.popup-product-sofa-zoom .slide-main .swiper-slide .slide-image {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 100%;
  cursor: zoom-in;
}
.popup-product-sofa-zoom .slide-main .swiper-slide .slide-image picture {
  max-width: 100%;
  height: 100%;
}
.popup-product-sofa-zoom .slide-main .swiper-slide .slide-image img {
  object-fit: contain;
  max-width: 100%;
  height: 100%;
  position: relative;
  transition: all 0.3s;
}
.popup-product-sofa-zoom .slide-main .swiper-slide .slide-image img.disable {
  opacity: 0;
}
.popup-product-sofa-zoom .slide-main .swiper-slide.zoom .slide-image {
  cursor: move;
}
.popup-product-sofa-zoom .slide-main .swiper-slide.zoom .slide-image img {
  position: relative;
  top: 0;
  left: 0;
  transform: translate3d(0px, 0px, 0px) scale(2);
}
.popup-product-sofa-zoom .slide-main .swiper-slide-active {
  opacity: 1;
}
.popup-product-sofa-zoom .slide-main .slide-nav {
  display: none;
}
.popup-product-sofa-zoom .slide-thumbnail {
  position: absolute;
  bottom: 0;
  max-width: 690px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.popup-product-sofa-zoom .slide-thumbnail .swiper-button-disabled {
  display: none;
}
.popup-product-sofa-zoom .slide-thumbnail .swiper {
  position: relative;
  width: 100%;
  height: 100%;
}
.popup-product-sofa-zoom .slide-thumbnail .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.popup-product-sofa-zoom .slide-thumbnail .swiper.hide-nav .bt-next,
.popup-product-sofa-zoom .slide-thumbnail .swiper.hide-nav .bt-prev {
  display: none;
}
.popup-product-sofa-zoom .slide-thumbnail .swiper.hide-nav .swiper-wrapper {
  display: flex;
  justify-content: center;
}
.popup-product-sofa-zoom .slide-thumbnail .swiper-slide.swiper-slide-thumb-active .product-slide-thumbnail-item {
  border: solid 2px #e4b760;
}
.popup-product-sofa-zoom .slide-thumbnail .swiper-slide .product-slide-thumbnail-item {
  width: 100%;
  max-width: 130px;
  margin-bottom: 0;
}
.popup-product-sofa-zoom .slide-thumbnail .swiper-slide .product-slide-thumbnail-item img {
  display: block;
  width: 100%;
  object-fit: cover;
  height: 104px;
}
.popup-product-sofa-zoom .slide-thumbnail .swiper-slide .product-slide-thumbnail-item video {
  display: block;
  width: 100%;
  object-fit: cover;
  height: 104px;
  pointer-events: none;
}
.popup-product-sofa-zoom .slide-thumbnail .bt-next,
.popup-product-sofa-zoom .slide-thumbnail .bt-prev {
  border: none;
}
.popup-product-sofa-zoom .slide-thumbnail .bt-next svg,
.popup-product-sofa-zoom .slide-thumbnail .bt-prev svg {
  color: #030706;
}
.popup-product-sofa-zoom .slide-thumbnail .bt-prev {
  left: -48px;
  top: 28px;
  z-index: 2;
}
.popup-product-sofa-zoom .slide-thumbnail .bt-next {
  right: -48px;
  top: 28px;
  z-index: 2;
}

@media screen and (max-width: 1024px) {
  .popup-product-sofa-zoom .panel {
    width: 100%;
    height: 100%;
    padding-bottom: 46px;
  }
  .popup-product-sofa-zoom.active {
    background-color: #fff;
  }
  .popup-product-sofa-zoom.active .panel {
    position: fixed;
  }
  .popup-product-sofa-zoom .slide-main {
    width: calc(100% - 120px);
  }
}
@media screen and (max-width: 991px) {
  .popup-product-sofa-zoom .closelight-bt {
    right: 24px;
    top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .popup-product-sofa-zoom .panel {
    padding-bottom: 24px;
  }
  .popup-product-sofa-zoom .slide-main {
    width: 100%;
    height: 100%;
  }
  .popup-product-sofa-zoom .slide-main .swiper-slide .icon-rotate-product-360 {
    top: 40px;
  }
  .popup-product-sofa-zoom .slide-main .swiper-slide .slide-video {
    height: 360px;
  }
  .popup-product-sofa-zoom .slide-main .swiper-slide .slide-video iframe,
  .popup-product-sofa-zoom .slide-main .swiper-slide .slide-video video {
    height: 360px;
  }
  .popup-product-sofa-zoom .slide-thumbnail {
    width: 100%;
    max-width: calc(100% - 24px);
  }
  .popup-product-sofa-zoom .slide-thumbnail .circle-bt {
    display: none;
  }
  .popup-product-sofa-zoom .slide-thumbnail .swiper-slide {
    width: auto;
  }
}
@media screen and (max-width: 350px) {
  .popup-product-sofa-zoom .slide-main .swiper-slide .slide-video {
    height: 320px;
  }
  .popup-product-sofa-zoom .slide-main .swiper-slide .slide-video iframe,
  .popup-product-sofa-zoom .slide-main .swiper-slide .slide-video video {
    height: 320px;
  }
}
.custom-scroll {
  position: relative;
  overflow: hidden;
}
.custom-scroll.horizontal:after, .custom-scroll.horizontal .track {
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #f8f7f4;
  height: 4px;
  opacity: 1;
}
.custom-scroll.horizontal .wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
}
.custom-scroll.horizontal .thumb {
  top: auto;
  bottom: 0;
  left: 4px;
  width: 10px;
  border-radius: 2px;
  height: 4px;
  transition: left 0.08s;
  opacity: 1;
}
.custom-scroll.horizontal .content {
  overflow-y: hidden;
  overflow-x: auto;
}
.custom-scroll.disable:after {
  opacity: 0;
}
.custom-scroll.disable .thumb, .custom-scroll.disable .track {
  display: none;
}
.custom-scroll.disable .wrapper, .custom-scroll.disable .content {
  overflow: hidden;
}
.custom-scroll:after, .custom-scroll .track {
  content: "";
  position: absolute;
  right: -8px;
  top: 0;
  height: 90%;
  width: 4px;
  background-color: #f8f7f4;
  opacity: 1;
}
.custom-scroll::-webkit-scrollbar {
  display: none;
}
.custom-scroll::-webkit-scrollbar-track {
  display: none;
}
.custom-scroll::-webkit-scrollbar-thumb {
  display: none;
}
.custom-scroll .wrapper {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  opacity: 1;
  transition: all 0.3s;
}
.custom-scroll .thumb {
  z-index: 1;
  cursor: pointer;
  position: absolute;
  width: 3px;
  right: 0px;
  top: 0;
  background-color: #111c1c;
  height: 3px;
  transition: all 0.08s;
  border-radius: 1.5px;
  opacity: 1;
}
.custom-scroll .thumb.thumb-fade-out {
  opacity: 0;
}
.custom-scroll .content {
  overflow-y: auto;
  overflow-x: hidden;
}
.custom-scroll .content::-webkit-scrollbar {
  display: none;
  background-color: transparent;
}
.custom-scroll .content::-webkit-scrollbar-track {
  display: none;
  background-color: transparent;
}
.custom-scroll .content::-webkit-scrollbar-thumb {
  display: none;
  background-color: transparent;
}
.custom-scroll .shadow {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  width: 100%;
  height: 24px;
  position: absolute;
  bottom: -1px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  z-index: 3;
  pointer-events: none;
  will-change: opacity;
}
.custom-scroll .shadow.active {
  opacity: 1;
  visibility: visible;
}

.collaborate-hilight-slide-component {
  position: relative;
  width: 100%;
  padding-bottom: 48px;
}
.collaborate-hilight-slide-component .hilight-box {
  display: flex;
  flex-flow: row wrap;
  z-index: 2;
  position: relative;
}
.collaborate-hilight-slide-component .hilight-box .collaborate-text-box {
  order: 1;
  width: 49%;
  position: relative;
}
.collaborate-hilight-slide-component .hilight-box .collaborate-text-box .title-set {
  padding-left: 162px;
  margin-bottom: 128px;
  padding-right: 20px;
}
.collaborate-hilight-slide-component .hilight-box .collaborate-text-box .title-set .title-txt p,
.collaborate-hilight-slide-component .hilight-box .collaborate-text-box .title-set .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.collaborate-hilight-slide-component .hilight-box .collaborate-text-box .title-set .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.collaborate-hilight-slide-component .hilight-box .collaborate-text-box .title-set .desc-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.collaborate-hilight-slide-component .hilight-box .collaborate-text-box .detail-set {
  width: 324px;
  position: relative;
  max-width: calc(100% - 200px);
}
.collaborate-hilight-slide-component .hilight-box .collaborate-text-box .detail-set .detail-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
}
.collaborate-hilight-slide-component .hilight-box .collaborate-text-box .detail-set .scroll-down-button {
  margin: 48px 0 0 38px;
}
.collaborate-hilight-slide-component .hilight-box .quote-slides {
  order: 2;
  width: 51%;
  margin-top: 154px;
}
.collaborate-hilight-slide-component .hilight-box .quote-slides .quote-slide {
  height: auto;
  min-height: 488px;
  width: calc(100% - 88px);
}
.collaborate-hilight-slide-component .hilight-box .quote-slides .quote-box {
  top: 20%;
  left: -198px;
}
.collaborate-hilight-slide-component .hilight-box .quote-slides .slide-nav {
  position: absolute;
  right: 0;
  height: 48px;
  width: auto;
  bottom: 0;
}
.collaborate-hilight-slide-component .hilight-box .quote-slides .slide-nav .slide-nav-box {
  position: relative;
  height: 48px;
  display: flex;
}
.collaborate-hilight-slide-component .hilight-box .quote-slides .slide-nav .slide-nav-box .nav-txt {
  padding-right: 16px;
  line-height: 48px;
}
.collaborate-hilight-slide-component .hilight-box .quote-slides .slide-nav .slide-nav-box .nav-txt p.current-txt {
  padding-right: 0px;
  color: #000;
}
.collaborate-hilight-slide-component .hilight-box .quote-slides .slide-nav .slide-nav-box .nav-txt p.label-txt {
  padding: 0 2px;
  color: rgba(17, 28, 28, 0.34);
}
.collaborate-hilight-slide-component .hilight-box .quote-slides .slide-nav .slide-nav-box .nav-txt p.all-txt {
  color: rgba(17, 28, 28, 0.34);
}
.collaborate-hilight-slide-component .hilight-box .quote-slides .slide-nav .slide-nav-box .circle-bt {
  position: relative;
  inset: 0;
}
.collaborate-hilight-slide-component .hilight-box .quote-slides .slide-nav .slide-nav-box .circle-bt.bt-prev {
  margin-right: 16px;
}
.collaborate-hilight-slide-component .hilight-box .quote-slides .swiper-pagination {
  bottom: 12px;
  left: -28px;
  right: auto;
}
.collaborate-hilight-slide-component .bg-pattern {
  position: absolute;
  top: 442px;
  left: 50%;
  transform: translate(-104px, 0px);
  z-index: 1;
}
.collaborate-hilight-slide-component .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.collaborate-hilight-slide-component .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1024px) {
  .collaborate-hilight-slide-component {
    padding-bottom: 32px;
  }
  .collaborate-hilight-slide-component .container {
    padding-right: 0px;
    padding-left: 64px;
    max-width: 100%;
  }
  .collaborate-hilight-slide-component .hilight-box .collaborate-text-box {
    width: 58%;
  }
  .collaborate-hilight-slide-component .hilight-box .collaborate-text-box .title-set {
    padding-left: 66px;
    margin-bottom: 94px;
  }
  .collaborate-hilight-slide-component .hilight-box .collaborate-text-box .title-set .title-txt p,
  .collaborate-hilight-slide-component .hilight-box .collaborate-text-box .title-set .title-txt h2 {
    font-size: 40px;
    line-height: 52px;
  }
  .collaborate-hilight-slide-component .hilight-box .collaborate-text-box .title-set .desc-txt p {
    font-size: 14px;
  }
  .collaborate-hilight-slide-component .hilight-box .collaborate-text-box .detail-set {
    max-width: calc(100% - 124px);
  }
  .collaborate-hilight-slide-component .hilight-box .quote-slides {
    width: 42%;
    margin-top: 112px;
  }
  .collaborate-hilight-slide-component .hilight-box .quote-slides .quote-slide {
    width: 100%;
    min-height: 458px;
  }
  .collaborate-hilight-slide-component .hilight-box .quote-slides .quote-box {
    width: 288px;
    left: -76px;
    top: 20%;
    padding: 32px;
  }
  .collaborate-hilight-slide-component .hilight-box .quote-slides .quote-box .quote-text {
    margin-bottom: 32px;
  }
  .collaborate-hilight-slide-component .hilight-box .quote-slides .quote-box .quote-text p {
    font-size: 16px;
  }
  .collaborate-hilight-slide-component .hilight-box .quote-slides .quote-box .icon-quote {
    top: -10px;
    left: 30px;
  }
  .collaborate-hilight-slide-component .hilight-box .quote-slides .slide-nav {
    right: 64px;
  }
  .collaborate-hilight-slide-component .hilight-box .quote-slides .slide-nav .slide-nav-box {
    right: 0;
  }
  .collaborate-hilight-slide-component .hilight-box .quote-slides .slide-nav .slide-nav-box .circle-bt {
    width: 48px;
    height: 48px;
  }
  .collaborate-hilight-slide-component .bg-pattern {
    top: 318px;
    transform: translate(-50px, 0px);
  }
  .collaborate-hilight-slide-component .bg-pattern .icon-bg svg {
    transform: scale(0.82);
  }
}
@media screen and (max-width: 743px) {
  .collaborate-hilight-slide-component {
    min-height: 850px;
    padding-bottom: 24px;
    padding-top: 8px;
  }
  .collaborate-hilight-slide-component .container {
    padding-right: 0px;
    padding-left: 0px;
  }
  .collaborate-hilight-slide-component .hilight-box .collaborate-text-box {
    width: 100%;
    order: 2;
  }
  .collaborate-hilight-slide-component .hilight-box .collaborate-text-box .title-set {
    padding-left: 64px;
    margin-bottom: 26px;
    padding-top: 8px;
  }
  .collaborate-hilight-slide-component .hilight-box .collaborate-text-box .title-set .title-txt p,
  .collaborate-hilight-slide-component .hilight-box .collaborate-text-box .title-set .title-txt h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .collaborate-hilight-slide-component .hilight-box .collaborate-text-box .detail-set {
    width: 100%;
    max-width: 100%;
    padding: 0px 64px;
  }
  .collaborate-hilight-slide-component .hilight-box .collaborate-text-box .detail-set .scroll-down-button {
    margin: 0 auto;
    margin-top: 48px;
  }
  .collaborate-hilight-slide-component .hilight-box .quote-slides {
    order: 1;
    min-height: 482px;
    width: calc(100% - 94px);
    margin: 0;
  }
  .collaborate-hilight-slide-component .hilight-box .quote-slides .quote-box {
    left: 32%;
    top: 26%;
  }
  .collaborate-hilight-slide-component .hilight-box .quote-slides .quote-box .icon-quote {
    left: 28px;
  }
  .collaborate-hilight-slide-component .hilight-box .quote-slides .quote-slide {
    min-height: 460px;
  }
  .collaborate-hilight-slide-component .hilight-box .quote-slides .slide-nav {
    right: -62px;
  }
  .collaborate-hilight-slide-component .bg-pattern {
    top: 168px;
    transform: translate(-192px, 0px);
  }
  .collaborate-hilight-slide-component .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 400px) {
  .collaborate-hilight-slide-component .hilight-box .quote-slides .quote-box {
    left: 26%;
    top: 26%;
  }
}
.collaborate-concept-component {
  position: relative;
  width: 100%;
  padding: 48px 0 48px;
}
.collaborate-concept-component .concept-boxs-container {
  position: relative;
}
.collaborate-concept-component .collaborate-concept-boxs {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  padding: 30px 82px 0;
  justify-content: space-between;
}
.collaborate-concept-component .collaborate-concept-boxs .concept-box {
  width: 33.33%;
  max-width: 356px;
  padding: 0px 16px;
}
.collaborate-concept-component .collaborate-concept-boxs .concept-box .head-txt {
  margin-bottom: 18px;
}
.collaborate-concept-component .collaborate-concept-boxs .concept-box .head-txt p,
.collaborate-concept-component .collaborate-concept-boxs .concept-box .head-txt h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #111c1c;
}
.collaborate-concept-component .collaborate-concept-boxs .concept-box .desc-txt {
  margin-bottom: 16px;
}
.collaborate-concept-component .collaborate-concept-boxs .concept-box .desc-txt p {
  font-size: 16px;
  line-height: 24px;
  color: #2e2e2e;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.collaborate-concept-component .collaborate-concept-boxs .concept-box a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

@media screen and (max-width: 1024px) {
  .collaborate-concept-component {
    padding: 32px 0 32px;
  }
  .collaborate-concept-component .collaborate-concept-boxs {
    padding: 0 36px 0;
  }
  .collaborate-concept-component .collaborate-concept-boxs .concept-box {
    width: 45%;
    margin-bottom: 64px;
    padding: 0;
  }
  .collaborate-concept-component .collaborate-concept-boxs .concept-box:last-child {
    margin-bottom: 0;
  }
  .collaborate-concept-component .collaborate-concept-boxs .concept-box .desc-txt {
    max-width: 280px;
  }
  .collaborate-concept-component .collaborate-concept-boxs .concept-box .bt-route p {
    font-size: 14px;
  }
}
@media screen and (max-width: 743px) {
  .collaborate-concept-component {
    padding: 24px 0 24px;
  }
  .collaborate-concept-component .container {
    padding-right: 64px;
    padding-left: 64px;
  }
  .collaborate-concept-component .collaborate-concept-boxs {
    padding: 26px 0 0;
  }
  .collaborate-concept-component .collaborate-concept-boxs .concept-box {
    width: 100%;
    margin-bottom: 32px;
  }
  .collaborate-concept-component .collaborate-concept-boxs .concept-box .desc-txt p {
    -webkit-line-clamp: unset;
  }
}
.collaborate-showroom-component {
  position: relative;
  width: 100%;
  height: auto;
  padding: 48px 0px 48px;
}
.collaborate-showroom-component:before {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  width: 38%;
  height: 94%;
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  z-index: -1;
}
.collaborate-showroom-component .title-set {
  position: relative;
  z-index: 2;
  margin-bottom: 24px;
  float: left;
  margin-left: 56%;
  max-width: 554px;
}
.collaborate-showroom-component .title-set .title-txt .txt {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.collaborate-showroom-component .title-set .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.collaborate-showroom-component .title-set .desc-txt .txt {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-left: 4px;
}
.collaborate-showroom-component .showrooms-set {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100%;
  flex-flow: column wrap;
  max-height: 568px;
  gap: 16px;
}
.collaborate-showroom-component .showrooms-set .showroom-img {
  order: 1;
  width: 49%;
  position: relative;
  margin-bottom: 80px;
}
.collaborate-showroom-component .showrooms-set .showroom-img .image-box img {
  width: 100%;
  max-width: 640px;
  object-fit: cover;
}
.collaborate-showroom-component .showrooms-set .showroom-text {
  order: 2;
  width: 51%;
  display: grid;
  grid-template-columns: repeat(2, minmax(40%, 300px));
  grid-gap: 40px;
  padding-top: 64px;
  padding-right: 26px;
  margin-bottom: 46px;
}
.collaborate-showroom-component .showrooms-set .showroom-text .text-box {
  max-width: 304px;
  padding: 0px 8px;
}
.collaborate-showroom-component .showrooms-set .showroom-text .text-box .head-txt {
  margin-bottom: 18px;
}
.collaborate-showroom-component .showrooms-set .showroom-text .text-box .head-txt p,
.collaborate-showroom-component .showrooms-set .showroom-text .text-box .head-txt h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #111c1c;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.collaborate-showroom-component .showrooms-set .showroom-text .text-box .desc-txt {
  margin-bottom: 16px;
  max-width: 300px;
}
.collaborate-showroom-component .showrooms-set .showroom-text .text-box .desc-txt p {
  font-size: 16px;
  line-height: 24px;
  color: #2e2e2e;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.collaborate-showroom-component .showrooms-set .showroom-bt-set {
  order: 2;
  width: 47%;
  padding-left: 232px;
}
.collaborate-showroom-component .showrooms-set .showroom-bt-set .bt-icon {
  height: 32px;
  align-items: center;
}
.collaborate-showroom-component .showrooms-set .showroom-bt-set .bt-icon:hover .icon {
  border: solid 1px #e4b760;
}
.collaborate-showroom-component .showrooms-set .showroom-bt-set .bt-icon p,
.collaborate-showroom-component .showrooms-set .showroom-bt-set .bt-icon a {
  font-size: 14px;
  line-height: 32px;
  font-weight: 500;
}
.collaborate-showroom-component .showrooms-set .showroom-bt-set .bt-icon .icon {
  width: 32px;
  height: 32px;
  border: solid 1px #111c1c;
}
.collaborate-showroom-component .showrooms-set .showroom-bt-set .bt-icon .icon .icon-schedule {
  width: 18px;
  height: 20px;
  mask-size: cover;
}
.collaborate-showroom-component .bg-pattern {
  position: absolute;
  top: 532px;
  left: 50%;
  transform: translate(-156px, 0px);
  z-index: 1;
}
.collaborate-showroom-component .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.collaborate-showroom-component .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

@media screen and (max-width: 1024px) {
  .collaborate-showroom-component {
    padding: 32px 0 32px;
  }
  .collaborate-showroom-component:before {
    top: 38px;
    width: 324px;
    height: 65%;
  }
  .collaborate-showroom-component .title-set {
    margin-left: 98px;
    margin-bottom: 32px;
  }
  .collaborate-showroom-component .title-set .title-txt .txt {
    font-size: 40px;
    line-height: 52px;
  }
  .collaborate-showroom-component .showrooms-set .showroom-img {
    width: 44%;
    height: 230px;
    margin-bottom: 0;
  }
  .collaborate-showroom-component .showrooms-set .showroom-img .image-box {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0px;
  }
  .collaborate-showroom-component .showrooms-set .showroom-img .image-box img {
    height: 230px;
    width: auto;
    object-fit: contain;
  }
  .collaborate-showroom-component .showrooms-set .showroom-text {
    order: 3;
    width: 56%;
    grid-template-columns: 1fr;
    grid-gap: 50px;
    padding-left: 52px;
    margin: 0;
  }
  .collaborate-showroom-component .showrooms-set .showroom-text .text-box {
    max-width: 100%;
    padding: 0px;
  }
  .collaborate-showroom-component .showrooms-set .showroom-bt-set {
    order: 2;
    width: 45%;
    display: flex;
    justify-content: flex-start;
    padding: 32px 0 0 54px;
  }
  .collaborate-showroom-component .showrooms-set .showroom-bt-set .bt-icon p {
    line-height: 40px;
    padding: 0px 12px;
  }
  .collaborate-showroom-component .bg-pattern {
    top: 294px;
    transform: translate(-130px, 0px);
  }
  .collaborate-showroom-component .bg-pattern .icon-bg svg {
    transform: scale(0.82);
  }
}
@media screen and (max-width: 743px) {
  .collaborate-showroom-component .container {
    padding: 0px;
  }
  .collaborate-showroom-component:before {
    top: 32px;
    width: 308px;
    height: 460px;
  }
  .collaborate-showroom-component .title-set {
    width: 100%;
    margin: 0 64px 32px;
  }
  .collaborate-showroom-component .title-set .title-txt .txt {
    font-size: 32px;
    line-height: 42px;
  }
  .collaborate-showroom-component .showrooms-set {
    flex-flow: row wrap;
    max-height: 100%;
  }
  .collaborate-showroom-component .showrooms-set .showroom-img {
    height: 230px;
    width: calc(100% - 48px);
    overflow: hidden;
    margin-bottom: 0;
  }
  .collaborate-showroom-component .showrooms-set .showroom-img .image-box {
    left: 0;
  }
  .collaborate-showroom-component .showrooms-set .showroom-img .image-box img {
    height: 230px;
  }
  .collaborate-showroom-component .showrooms-set .showroom-text {
    order: 2;
    width: 100%;
    padding: 32px 64px 0px;
    margin-bottom: 0px;
  }
  .collaborate-showroom-component .showrooms-set .showroom-text .text-box:last-child {
    margin-bottom: 0px;
  }
  .collaborate-showroom-component .showrooms-set .showroom-text .text-box .desc-txt p {
    -webkit-line-clamp: unset;
  }
  .collaborate-showroom-component .showrooms-set .showroom-bt-set {
    order: 3;
    width: 100%;
    padding: 12px 30px 0;
    justify-content: flex-start;
    margin-left: 32px;
  }
  .collaborate-showroom-component .bg-pattern {
    top: 300px;
    transform: translate(60px, 0px);
  }
  .collaborate-showroom-component .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
.collaborate-application-form {
  position: relative;
  width: 100%;
  padding-bottom: 80px;
}
.collaborate-application-form .application-form .title-set {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  margin-bottom: 64px;
  width: fit-content;
  max-width: 100%;
}
.collaborate-application-form .application-form .title-set .title-txt {
  margin-bottom: 12px;
}
.collaborate-application-form .application-form .title-set .title-txt .txt {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.collaborate-application-form .application-form .title-set .desc-txt {
  text-align: center;
}
.collaborate-application-form .application-form .title-set .desc-txt .txt {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
}
.collaborate-application-form .application-form .steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 56px;
}
.collaborate-application-form .application-form .steps .step {
  position: relative;
  padding-top: 36px;
}
.collaborate-application-form .application-form .steps .step::after {
  content: " ";
  position: absolute;
  height: 94%;
  width: 66%;
  top: 0;
  right: 0;
  background-color: rgb(248, 247, 243);
  border-radius: 5px;
  z-index: 0;
}
.collaborate-application-form .application-form .steps .step .title {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  font-size: 14px;
}
.collaborate-application-form .application-form .steps .step .title .ico {
  width: 40px;
  height: 40px;
  border: 1px solid #000;
  border-radius: 50%;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
}
.collaborate-application-form .application-form .steps .step .title .ico svg.acc {
  width: 21px;
  height: 26px;
}
.collaborate-application-form .application-form .steps .step .title .ico svg.send {
  width: 21px;
  height: 20px;
}
.collaborate-application-form .application-form .steps .step .title .ico svg.pen {
  width: 28px;
  height: 28px;
}
.collaborate-application-form .application-form .steps .step .title .txt {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.collaborate-application-form .application-form .steps .step .desc {
  position: relative;
  z-index: 1;
  padding-left: 56px;
}
.collaborate-application-form .application-form .steps .step .desc .txt {
  font-size: 16px;
  line-height: 24px;
}
.collaborate-application-form .application-form .steps .step .desc .txt p {
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 1024px) {
  .collaborate-application-form {
    padding-bottom: 64px;
  }
  .collaborate-application-form .application-form .container {
    padding: 0 64px;
    max-width: 100%;
  }
  .collaborate-application-form .application-form .title-set {
    margin-left: 118px;
  }
  .collaborate-application-form .application-form .title-set .title-txt .txt {
    font-size: 40px;
    line-height: 46px;
  }
  .collaborate-application-form .application-form .title-set .desc-txt {
    text-align: left;
  }
  .collaborate-application-form .application-form .steps {
    grid-template-columns: repeat(2, 1fr);
  }
  .collaborate-application-form .application-form .steps .step::after {
    height: 100%;
  }
}
@media screen and (max-width: 743px) {
  .collaborate-application-form {
    padding-bottom: 48px;
  }
  .collaborate-application-form .application-form .container {
    padding: 0 44px;
  }
  .collaborate-application-form .application-form .title-set {
    margin-left: 18px;
    margin-bottom: 32px;
  }
  .collaborate-application-form .application-form .title-set .title-txt {
    margin: 0;
  }
  .collaborate-application-form .application-form .title-set .title-txt .txt {
    font-size: 32px;
    line-height: 40px;
  }
  .collaborate-application-form .application-form .title-set .desc-txt .txt {
    font-size: 14px;
    line-height: 24px;
  }
  .collaborate-application-form .application-form .steps {
    grid-template-columns: 1fr;
    margin-bottom: 32px;
  }
  .collaborate-application-form .application-form .steps .step::after {
    height: 100%;
    width: 62%;
  }
}
.collaborate-application-footer.success .form-bt-set .bt-view {
  cursor: not-allowed;
  pointer-events: none;
}
.collaborate-application-footer button {
  all: unset;
  cursor: pointer;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.collaborate-application-footer .application-footer {
  width: 100%;
  height: 238px;
  background-color: #405954;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -32px;
}
.collaborate-application-footer .application-footer .title {
  margin: 14px 0;
  color: #fff;
}
.collaborate-application-footer .application-footer .title p,
.collaborate-application-footer .application-footer .title h2,
.collaborate-application-footer .application-footer .title .footer-title {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
.collaborate-application-footer .application-footer .text-box {
  max-width: 326px;
  color: #a0a4a4;
}
.collaborate-application-footer .application-footer .text-box p {
  font-size: 12px;
  line-height: 20px;
  color: #a0a4a4;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.collaborate-application-footer .bt-open {
  overflow: hidden;
  height: 64px;
  padding: 0px 32px;
  background-color: #e4b760;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  width: fit-content;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  transition: all 0.5s ease-out;
  cursor: pointer;
  position: relative;
  color: #fff;
}

.showroom-branch-content-component {
  position: relative;
  width: 100%;
  margin-bottom: 80px;
}
.showroom-branch-content-component.content-swap .showroom-box .showroom-title {
  margin-left: 0%;
  padding-left: 230px;
}
.showroom-branch-content-component.content-swap .showroom-box .showroom-branch .branch-address {
  order: 1;
}
.showroom-branch-content-component.content-swap .showroom-box .showroom-branch .branch-time {
  order: 2;
}
.showroom-branch-content-component.content-swap .showroom-box .showroom-branch .branch-time .time-list li:nth-child(odd) {
  width: 41%;
}
.showroom-branch-content-component.content-swap .showroom-box .showroom-branch .branch-time .time-list li:nth-child(even) {
  width: 59%;
}
.showroom-branch-content-component.content-swap .showroom-box .showroom-branch .branch-img {
  order: 3;
  padding-left: 40px;
  padding-right: 60px;
}
.showroom-branch-content-component.content-swap .showroom-box .showroom-branch .chart-data.hidden {
  display: none;
}
.showroom-branch-content-component .showroom-box {
  display: flex;
  flex-flow: row wrap;
  z-index: 2;
  position: relative;
}
.showroom-branch-content-component .showroom-box .head {
  margin-bottom: 16px;
  width: 100%;
}
.showroom-branch-content-component .showroom-box .head p {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.showroom-branch-content-component .showroom-box .showroom-title {
  order: 1;
  width: 50%;
  padding-left: 230px;
  margin-bottom: 32px;
  margin-left: 50%;
}
.showroom-branch-content-component .showroom-box .showroom-title .title-txt p,
.showroom-branch-content-component .showroom-box .showroom-title .title-txt h2 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 72px;
}
.showroom-branch-content-component .showroom-box .showroom-title .desc-txt {
  width: fit-content;
  display: inline-block;
}
.showroom-branch-content-component .showroom-box .showroom-title .desc-txt p {
  color: #505050;
  font-size: 16px;
  line-height: 24px;
}
.showroom-branch-content-component .showroom-box .showroom-branch {
  width: 100%;
  display: flex;
  justify-content: space-between;
  order: 2;
}
.showroom-branch-content-component .showroom-box .showroom-branch .branch-address {
  order: 2;
  width: 25%;
  margin-top: 32px;
  padding-right: 30px;
}
.showroom-branch-content-component .showroom-box .showroom-branch .branch-address .address-box {
  margin-bottom: 24px;
}
.showroom-branch-content-component .showroom-box .showroom-branch .branch-address .bt-route p {
  color: #e4b760;
  margin: 0;
}
.showroom-branch-content-component .showroom-box .showroom-branch .branch-address p {
  font-size: 16px;
  line-height: 24px;
  color: #111c1c;
}
.showroom-branch-content-component .showroom-box .showroom-branch .address-box span {
  font-size: 16px;
  line-height: 24px;
  color: #aeb2b2;
}
.showroom-branch-content-component .showroom-box .showroom-branch .branch-time {
  order: 3;
  width: 25%;
  margin-top: 32px;
  padding-left: 24px;
}
.showroom-branch-content-component .showroom-box .showroom-branch .branch-time .head {
  margin-bottom: 16px;
}
.showroom-branch-content-component .showroom-box .showroom-branch .branch-time .head p {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.showroom-branch-content-component .showroom-box .showroom-branch .branch-time .content-time {
  margin-bottom: 48px;
}
.showroom-branch-content-component .showroom-box .showroom-branch .branch-time .content-time .text-box {
  margin-bottom: 24px;
  max-width: 268px;
}
.showroom-branch-content-component .showroom-box .showroom-branch .branch-time .content-time .text-box p {
  font-size: 16px;
  line-height: 24px;
  color: #111c1c;
}
.showroom-branch-content-component .showroom-box .showroom-branch .branch-time .content-time .text-box:last-child {
  margin-bottom: 0px;
}
.showroom-branch-content-component .showroom-box .showroom-branch .branch-time .time-list {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
  display: inline-block;
}
.showroom-branch-content-component .showroom-box .showroom-branch .branch-time .time-list li {
  width: 50%;
  display: inline-block;
  float: left;
}
.showroom-branch-content-component .showroom-box .showroom-branch .branch-time .time-list:last-child {
  margin-bottom: 0px;
}
.showroom-branch-content-component .showroom-box .showroom-branch .branch-time .bt-view {
  margin-left: -24px;
}
.showroom-branch-content-component .showroom-box .showroom-branch .branch-img {
  width: 50%;
  overflow: hidden;
  order: 1;
  display: flex;
  flex-flow: row;
  justify-content: center;
  padding-right: 100px;
}
.showroom-branch-content-component .showroom-box .showroom-branch .branch-img .img-boxs {
  width: 100%;
  display: flex;
  justify-content: center;
}
.showroom-branch-content-component .showroom-box .showroom-branch .branch-img .img-boxs .img-box {
  width: 33.33%;
  padding: 0px 8px;
}
.showroom-branch-content-component .showroom-box .showroom-branch .branch-img .img-boxs .img-box:first-child {
  padding-left: 0px;
}
.showroom-branch-content-component .showroom-box .showroom-branch .branch-img .img-boxs .img-box:last-child {
  padding-right: 0px;
}
.showroom-branch-content-component .showroom-box .showroom-branch .branch-img .img-boxs .img-box img {
  object-fit: cover;
  width: 100%;
  object-position: center center;
  height: 316px;
}
.showroom-branch-content-component .peak-chart-wrapper {
  width: 100%;
  height: auto;
  margin-bottom: 32px;
}
.showroom-branch-content-component .peak-chart-wrapper .heading {
  display: flex;
  margin-bottom: 8px;
}
.showroom-branch-content-component .peak-chart-wrapper .heading > span {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  display: inline-block;
}
.showroom-branch-content-component .peak-chart-wrapper .info-icon {
  top: 0;
  display: inline-block;
  cursor: pointer;
}
.showroom-branch-content-component .peak-chart-wrapper .info-icon svg {
  width: 12px;
  height: 12px;
  transition: all 0.3s ease-out;
  top: 2px;
  margin-left: 2px;
}
.showroom-branch-content-component .peak-chart-wrapper .timeframe-container {
  margin-bottom: 46px;
  position: relative;
  display: flex;
  justify-content: space-around;
}
.showroom-branch-content-component .peak-chart-wrapper .timeframe-container hr {
  height: 2px;
  margin: 0;
  background-color: #e4b760;
  border: none;
  transition: 0.3s ease-in-out;
  position: absolute;
  display: none;
  bottom: -2px;
}
.showroom-branch-content-component .peak-chart-wrapper .timeframe-container hr.active {
  display: inline-block;
}
.showroom-branch-content-component .peak-chart-wrapper .timeframe-container > span {
  color: #aeb2b2;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
  text-align: center;
  width: fit-content;
}
.showroom-branch-content-component .custom-tooltips-box {
  width: auto;
  height: auto;
  position: absolute;
  opacity: 1;
  pointer-events: none;
  transform: translate(-50%, -100%);
  transition: all 0.1s ease;
}
.showroom-branch-content-component .tooltip-content {
  font-size: 12px;
  margin: 0;
  list-style: none;
  padding: 0;
}
.showroom-branch-content-component .tooltip-content .user-icon {
  top: 0;
  display: inline-block;
  cursor: pointer;
  margin-right: 4px;
}
.showroom-branch-content-component .tooltip-content .user-icon svg {
  width: 16px;
  height: 16px;
  transition: all 0.3s ease-out;
}
.showroom-branch-content-component .tooltip-content p {
  margin: 0;
}
.showroom-branch-content-component .tooltip-content li {
  text-align: left;
}
.showroom-branch-content-component .tooltip-content .tooltip-title {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  display: flex;
}
.showroom-branch-content-component .tooltip-content .text-body {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  display: block;
  width: max-content;
}

@media screen and (max-width: 1440px) {
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-address {
    width: 30%;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-time {
    padding-left: 20px;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-img {
    padding-left: 0px;
    padding-right: 40px;
    width: 45%;
  }
  .showroom-branch-content-component.content-swap .showroom-box .showroom-branch .branch-address {
    padding-left: 0px;
    padding-right: 10px;
    width: 30%;
  }
  .showroom-branch-content-component.content-swap .showroom-box .showroom-branch .branch-time {
    padding-left: 10px;
  }
  .showroom-branch-content-component.content-swap .showroom-box .showroom-branch .branch-img {
    padding-left: 40px;
    width: 50%;
    padding-right: 0px;
  }
}
@media screen and (max-width: 1199px) {
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-address {
    padding-left: 0px;
    padding-right: 10px;
    width: 310px;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-time {
    padding-left: 0;
    width: 28%;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-img {
    padding-right: 40px;
    width: 40%;
  }
  .showroom-branch-content-component.content-swap .showroom-box .showroom-branch .branch-address {
    padding-left: 0px;
    width: 310px;
  }
  .showroom-branch-content-component.content-swap .showroom-box .showroom-branch .branch-time {
    padding-left: 0;
    width: 28%;
  }
  .showroom-branch-content-component.content-swap .showroom-box .showroom-branch .branch-img {
    padding-left: 40px;
    width: 40%;
  }
}
@media screen and (max-width: 1024px) {
  .showroom-branch-content-component {
    margin-bottom: 64px;
  }
  .showroom-branch-content-component.content-swap .showroom-box .showroom-title {
    padding-left: 166px;
  }
  .showroom-branch-content-component.content-swap .showroom-box .showroom-branch .branch-img {
    order: 1;
    padding: 0px 0px;
    width: 100%;
  }
  .showroom-branch-content-component.content-swap .showroom-box .showroom-branch .branch-address {
    order: 2;
    margin-top: 40px;
    padding-right: 40px;
    width: 50%;
  }
  .showroom-branch-content-component.content-swap .showroom-box .showroom-branch .branch-time {
    order: 3;
    width: 50%;
    margin-top: 40px;
    padding-left: 24px;
  }
  .showroom-branch-content-component.content-swap .showroom-box .showroom-branch .branch-time .time-list li:nth-child(odd) {
    width: 44%;
  }
  .showroom-branch-content-component.content-swap .showroom-box .showroom-branch .branch-time .time-list li:nth-child(even) {
    width: 56%;
  }
  .showroom-branch-content-component .showroom-box .head {
    margin-bottom: 24px;
  }
  .showroom-branch-content-component .showroom-box .showroom-title {
    padding-left: 166px;
    margin-bottom: 40px;
    text-align: left;
    width: 100%;
    margin-left: 0%;
  }
  .showroom-branch-content-component .showroom-box .showroom-title .title-txt p,
  .showroom-branch-content-component .showroom-box .showroom-title .title-txt h2 {
    font-size: 40px;
    line-height: 46px;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch {
    flex-flow: row wrap;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-img {
    width: 100%;
    padding: 0px 0px;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-img .img-boxs .img-box img {
    height: 353px;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-address {
    margin-top: 40px;
    padding-right: 40px;
    width: 50%;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-address p {
    font-size: 14px;
    line-height: 24px;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-address .address-box span {
    font-size: 14px;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-address > span {
    font-size: 14px;
    line-height: 24px;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-time {
    width: 50%;
    margin-top: 40px;
    padding-left: 24px;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-time .head {
    margin-bottom: 24px;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-time .time-list {
    font-size: 14px;
    line-height: 24px;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-time .time-list li:nth-child(odd) {
    width: 44%;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-time .time-list li:nth-child(even) {
    width: 56%;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-time .content-time {
    margin-bottom: 32px;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-time .content-time .text-box p {
    font-size: 14px;
  }
}
@media screen and (max-width: 743px) {
  .showroom-branch-content-component {
    margin-bottom: 48px;
  }
  .showroom-branch-content-component.content-swap .showroom-box .showroom-title {
    padding-left: 32px;
  }
  .showroom-branch-content-component.content-swap .showroom-box .showroom-branch .branch-address {
    width: 100%;
    order: 1;
    margin-top: 2px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .showroom-branch-content-component.content-swap .showroom-box .showroom-branch .branch-address .address-box {
    padding-right: 0;
  }
  .showroom-branch-content-component.content-swap .showroom-box .showroom-branch .branch-img {
    order: 2;
    padding: 0px;
    margin-bottom: 32px;
  }
  .showroom-branch-content-component.content-swap .showroom-box .showroom-branch .branch-time {
    width: 100%;
    margin-top: 0px;
    padding-left: 0px;
  }
  .showroom-branch-content-component.content-swap .showroom-box .showroom-branch .branch-time .time-list li:nth-child(odd) {
    width: 46%;
  }
  .showroom-branch-content-component.content-swap .showroom-box .showroom-branch .branch-time .time-list li:nth-child(even) {
    width: 54%;
  }
  .showroom-branch-content-component .showroom-box .showroom-title {
    padding-left: 32px;
    margin-bottom: 32px;
  }
  .showroom-branch-content-component .showroom-box .showroom-title .title-txt p,
  .showroom-branch-content-component .showroom-box .showroom-title .title-txt h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .showroom-branch-content-component .showroom-box .showroom-title .desc-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .peak-chart-wrapper {
    order: 2;
    padding-top: 32px;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-address {
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    order: 2;
    display: flex;
    flex-flow: row wrap;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-address .address-box {
    display: inline-flex;
    float: left;
    width: 50%;
    flex-direction: column;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-address .bt {
    display: inline-block;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-img {
    order: 1;
    padding: 0px;
    margin-bottom: 32px;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-img .img-boxs .img-box {
    padding: 0px 6px;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-img .img-boxs .img-box img {
    height: 175px;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-time {
    width: 100%;
    margin-top: 0px;
    padding-left: 0px;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-time .time-list {
    margin-bottom: 26px;
    width: 100%;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-time .time-list li:nth-child(odd) {
    width: 46%;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-time .time-list li:nth-child(even) {
    width: 54%;
  }
  .showroom-branch-content-component .showroom-box .showroom-branch .branch-time .bt-view {
    float: none;
    margin-left: 0px;
  }
}
.blog-intro-drop-down {
  position: relative;
  width: 100%;
  padding-bottom: 80px;
}
.blog-intro-drop-down .blog-intro-title {
  text-align: center;
  margin-bottom: 64px;
}
.blog-intro-drop-down .blog-intro-title .title-txt h1,
.blog-intro-drop-down .blog-intro-title .title-txt h2,
.blog-intro-drop-down .blog-intro-title .title-txt p {
  font-size: 56px;
  font-weight: 700;
  line-height: 72px;
  color: #111c1c;
}
.blog-intro-drop-down .blog-intro-title .desc-txt h1,
.blog-intro-drop-down .blog-intro-title .desc-txt h2,
.blog-intro-drop-down .blog-intro-title .desc-txt p {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #505050;
}
.blog-intro-drop-down .select {
  position: relative;
  justify-content: center;
  display: flex;
  width: 100%;
  margin-bottom: 64px;
}
.blog-intro-drop-down .select .frame {
  min-width: 354px;
  position: relative;
}
.blog-intro-drop-down .select .frame:hover .list-link {
  opacity: 1;
  visibility: visible;
}
.blog-intro-drop-down .select .box-select {
  display: flex;
  width: 100%;
  height: 48px;
  padding: 0px 24px;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  border-radius: 4px;
  border: 0px;
  background: #f8f7f4;
}
.blog-intro-drop-down .select .box-select .txt {
  font-size: 14px;
  color: #111c1c;
  line-height: 24px;
  font-weight: 600;
}
.blog-intro-drop-down .select .box-select .icon-arr-down svg {
  color: #111c1c;
}
.blog-intro-drop-down .select .custom-scroll .track {
  right: 0px;
  top: 0px;
  height: 228px;
  width: 3px;
}
.blog-intro-drop-down .select .custom-scroll .thumb {
  right: 0px;
}
.blog-intro-drop-down .select .custom-scroll::after {
  display: none;
}
.blog-intro-drop-down .select .list-link {
  z-index: 3;
  overflow: hidden;
  background-color: #fff;
  border-radius: 4px;
  cursor: pointer;
  width: 100%;
  left: 0px;
  top: 54px;
  position: absolute;
  box-shadow: 0px 0px 16px 0px rgba(17, 28, 28, 0.16);
  transition: all 0.3s ease-out;
  padding: 4px 3px;
  opacity: 0;
  visibility: hidden;
}
.blog-intro-drop-down .select .list-link .link-options {
  max-height: 228px;
}
.blog-intro-drop-down .select .list-link .link-options.add-padding {
  padding-right: 6px;
}
.blog-intro-drop-down .select .list-link .link-options .link-to {
  height: 30px;
  padding: 6px 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease-out;
  margin-bottom: 8px;
}
.blog-intro-drop-down .select .list-link .link-options .link-to .txt {
  color: #111c1c;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}
.blog-intro-drop-down .select .list-link .link-options .link-to:last-child {
  margin-bottom: 0px;
}
.blog-intro-drop-down .select .list-link .link-options .link-to:before {
  content: "";
  position: absolute;
  border-radius: 8px;
  background: #f8f7f4;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0px;
  opacity: 0;
}
.blog-intro-drop-down .select .list-link .link-options .link-to:hover:before {
  opacity: 1;
}
.blog-intro-drop-down .blog-detail-intro-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 64px;
  margin: 0 auto;
  max-width: 712px;
}
.blog-intro-drop-down .blog-detail-intro-grid .text-box {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #111c1c;
}

@media screen and (max-width: 1024px) {
  .blog-intro-drop-down {
    padding-bottom: 64px;
  }
  .blog-intro-drop-down .blog-intro-title {
    margin-bottom: 40px;
  }
  .blog-intro-drop-down .blog-intro-title .title-txt h1,
  .blog-intro-drop-down .blog-intro-title .title-txt h2,
  .blog-intro-drop-down .blog-intro-title .title-txt p {
    font-size: 40px;
    line-height: 46px;
  }
  .blog-intro-drop-down .blog-detail-intro-grid .text-box {
    font-size: 14px;
    line-height: 24px;
  }
  .blog-intro-drop-down .select {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .blog-intro-drop-down {
    padding-bottom: 48px;
  }
  .blog-intro-drop-down .blog-intro-title {
    margin-bottom: 32px;
  }
  .blog-intro-drop-down .blog-intro-title .title-txt h1,
  .blog-intro-drop-down .blog-intro-title .title-txt h2,
  .blog-intro-drop-down .blog-intro-title .title-txt p {
    font-size: 32px;
    line-height: 40px;
  }
  .blog-intro-drop-down .blog-detail-intro-grid {
    grid-template-columns: 1fr;
    grid-gap: 32px;
    max-width: 350px;
  }
  .blog-intro-drop-down .select {
    margin-bottom: 32px;
  }
}
.category-page.category-components {
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
}
.category-page.category-components .faq-structured-component {
  order: 99;
}
.category-page .category-title {
  color: #111c1c;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  display: block;
  margin-bottom: 32px;
}
.category-page .category-short-desc {
  max-width: 843px;
  color: #111c1c;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.category-page .category-short-desc p {
  font-size: inherit;
  line-height: initial;
  font-weight: inherit;
}
.category-page .category-description::before {
  top: 20%;
}
.category-page .product-watermark {
  --watermark-margin: 2.5;
  position: absolute;
  width: 64px;
}
.category-page .product-watermark img {
  position: unset !important;
}

@media screen and (max-width: 743px) {
  .category-page .category-short-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1479px) {
  .category-page .product-watermark {
    width: 45px;
  }
}
@media screen and (max-width: 480px) {
  .category-page .product-watermark {
    width: 45px;
  }
}
@media screen and (max-width: 375px) {
  .category-page .product-watermark {
    width: 40px;
  }
}
.add-to-cart-bt {
  font-size: 12px;
  color: #ffffff;
  transition: all 0.3s ease-out;
  text-align: center;
}
.add-to-cart-bt .add {
  display: flex;
  font-style: normal;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  gap: 12px;
}
.add-to-cart-bt .add .icon {
  height: 22px;
}
.add-to-cart-bt .add .icon .icon-cart {
  background-color: #ffffff;
}
.add-to-cart-bt .add .icon-arrow-wrapper {
  height: 24px;
}
.add-to-cart-bt .add .icon-arr-right-bg2 {
  margin: auto;
}
.add-to-cart-bt .add .icon-arr-right-bg2 svg {
  color: #ffffff;
}
.add-to-cart-bt .arrow-v2-large {
  width: 24px;
  height: 24px;
  transform: rotate(90deg);
}
.add-to-cart-bt.none-config {
  min-height: 64px;
  height: auto;
  width: 100%;
}
.add-to-cart-bt.none-config.default {
  min-height: inherit;
  height: inherit;
}
.add-to-cart-bt.none-config .add {
  font-size: 12px;
  line-height: 20px;
}
.add-to-cart-bt.default {
  font-size: inherit;
  color: inherit;
  transition: inherit;
  text-align: inherit;
}
.add-to-cart-bt .adding {
  display: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.add-to-cart-bt .added {
  display: none;
}
.add-to-cart-bt .added .added-text {
  font-weight: 500;
  font-size: 10px;
}
.add-to-cart-bt .added .view-cart {
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}
.add-to-cart-bt.adding .add {
  display: none;
}
.add-to-cart-bt.adding .adding {
  display: block;
}
.add-to-cart-bt.adding .added {
  display: none;
}
.add-to-cart-bt.added .add {
  display: none;
}
.add-to-cart-bt.added .adding {
  display: none;
}
.add-to-cart-bt.added .added {
  display: block;
}
.add-to-cart-bt.locked .lock-icon {
  display: flex;
}
.add-to-cart-bt .lock-icon {
  position: absolute;
  display: none;
}
.add-to-cart-bt .lock-icon svg {
  width: 33px;
  height: 32px;
  position: relative;
}

@media screen and (max-width: 743px) {
  .add-to-cart-bt.none-config {
    width: 100%;
    justify-content: left;
  }
}
.showroom-stylelist .descriptions-set {
  margin-bottom: 64px;
}
.showroom-stylelist .descriptions-set .description-text {
  padding: 0 28px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 64px;
}
.showroom-stylelist .descriptions-set .description-text .text-box {
  padding: 0;
  max-width: 100%;
}
.showroom-stylelist .descriptions-set .description-text .text-box .desc-txt {
  margin-bottom: 0;
}
.showroom-stylelist .advise-slide-layer {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 64px;
}
.showroom-stylelist .advise-slide-layer .block:hover .item .image-box img,
.showroom-stylelist .advise-slide-layer .block:hover .item .image-box picture,
.showroom-stylelist .advise-slide-layer .block:hover .item .image-box video,
.showroom-stylelist .advise-slide-layer .block:hover .item .image-box iframe,
.showroom-stylelist .advise-slide-layer .block:hover .item .video-box img,
.showroom-stylelist .advise-slide-layer .block:hover .item .video-box picture,
.showroom-stylelist .advise-slide-layer .block:hover .item .video-box video,
.showroom-stylelist .advise-slide-layer .block:hover .item .video-box iframe {
  transform: scale(1.05);
}
.showroom-stylelist .advise-slide-layer .block .item {
  position: relative;
  width: 100%;
  aspect-ratio: 420/432;
  overflow: hidden;
  margin-bottom: 24px;
}
.showroom-stylelist .advise-slide-layer .block .item .image-box,
.showroom-stylelist .advise-slide-layer .block .item .video-box {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1;
}
.showroom-stylelist .advise-slide-layer .block .item .image-box.muted .btn-muted,
.showroom-stylelist .advise-slide-layer .block .item .video-box.muted .btn-muted {
  display: block;
}
.showroom-stylelist .advise-slide-layer .block .item .image-box.muted .btn-unmuted,
.showroom-stylelist .advise-slide-layer .block .item .video-box.muted .btn-unmuted {
  display: none;
}
.showroom-stylelist .advise-slide-layer .block .item .image-box .btn-muted,
.showroom-stylelist .advise-slide-layer .block .item .video-box .btn-muted {
  display: none;
}
.showroom-stylelist .advise-slide-layer .block .item .image-box .btn-muted,
.showroom-stylelist .advise-slide-layer .block .item .image-box .btn-unmuted,
.showroom-stylelist .advise-slide-layer .block .item .video-box .btn-muted,
.showroom-stylelist .advise-slide-layer .block .item .video-box .btn-unmuted {
  position: absolute;
  right: 24px;
  bottom: 32px;
  z-index: 1;
}
.showroom-stylelist .advise-slide-layer .block .item .image-box .btn-muted svg,
.showroom-stylelist .advise-slide-layer .block .item .image-box .btn-unmuted svg,
.showroom-stylelist .advise-slide-layer .block .item .video-box .btn-muted svg,
.showroom-stylelist .advise-slide-layer .block .item .video-box .btn-unmuted svg {
  color: #fff;
  width: 24px;
  height: 20px;
}
.showroom-stylelist .advise-slide-layer .block .item .image-box img,
.showroom-stylelist .advise-slide-layer .block .item .image-box picture,
.showroom-stylelist .advise-slide-layer .block .item .image-box video,
.showroom-stylelist .advise-slide-layer .block .item .image-box iframe,
.showroom-stylelist .advise-slide-layer .block .item .video-box img,
.showroom-stylelist .advise-slide-layer .block .item .video-box picture,
.showroom-stylelist .advise-slide-layer .block .item .video-box video,
.showroom-stylelist .advise-slide-layer .block .item .video-box iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: center center;
  transition: all 0.3s ease-in-out;
}
.showroom-stylelist .advise-slide-layer .block .title,
.showroom-stylelist .advise-slide-layer .block .quote-txt,
.showroom-stylelist .advise-slide-layer .block .category {
  position: relative;
  width: 100%;
  z-index: 1;
}
.showroom-stylelist .advise-slide-layer .block .title {
  color: #111c1c;
  font-weight: 600;
  word-break: break-word;
}
.showroom-stylelist .advise-slide-layer .block .quote-txt {
  color: #111c1c;
  margin-top: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.showroom-stylelist .advise-slide-layer .block .quote-txt b {
  font-weight: 600;
}
.showroom-stylelist .advise-slide-layer .block .category {
  color: rgba(17, 28, 28, 0.75);
  display: block;
  margin-bottom: 8px;
}

@media screen and (max-width: 1024px) {
  .showroom-stylelist .descriptions-set {
    margin-bottom: 40px;
  }
  .showroom-stylelist .descriptions-set .description-text {
    padding: 0;
  }
  .showroom-stylelist .advise-slide-layer {
    gap: 32px;
  }
  .showroom-stylelist .advise-slide-layer .block .quote-txt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
  }
}
@media screen and (max-width: 743px) {
  .showroom-stylelist .tds-container {
    --container-padding: 32px;
    --container-max-width: 311px;
  }
  .showroom-stylelist .descriptions-set {
    margin-bottom: 32px;
  }
  .showroom-stylelist .descriptions-set .description-text {
    grid-template-columns: minmax(0, 1fr);
    grid-gap: 32px;
    text-align: left;
  }
  .showroom-stylelist .descriptions-set .description-text .text-box {
    margin: 0;
  }
  .showroom-stylelist .advise-slide-layer {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .showroom-stylelist .advise-slide-layer .block {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .showroom-stylelist .advise-slide-layer .block .item {
    aspect-ratio: 311/350;
    max-width: 311px;
  }
  .showroom-stylelist .advise-slide-layer .block .item .image-box img,
  .showroom-stylelist .advise-slide-layer .block .item .image-box picture,
  .showroom-stylelist .advise-slide-layer .block .item .image-box video,
  .showroom-stylelist .advise-slide-layer .block .item .image-box iframe,
  .showroom-stylelist .advise-slide-layer .block .item .video-box img,
  .showroom-stylelist .advise-slide-layer .block .item .video-box picture,
  .showroom-stylelist .advise-slide-layer .block .item .video-box video,
  .showroom-stylelist .advise-slide-layer .block .item .video-box iframe {
    transform: scale(1);
  }
}
.magazine-component {
  padding-bottom: 64px;
}
.magazine-component .component-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 64px;
}
.magazine-component .component-wrapper .magazine-content .title {
  margin: 0;
  color: #111c1c;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  padding-bottom: 8px;
}
.magazine-component .component-wrapper .magazine-content .sub-title {
  margin: 0;
  color: #898b8b;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  padding-bottom: 24px;
}
.magazine-component .component-wrapper .magazine-content .desc {
  color: #111c1c;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding-bottom: 40px;
}
.magazine-component .component-wrapper .magazine-content.has-bullet-icon .desc ul {
  list-style: none;
  padding-left: 0;
}
.magazine-component .component-wrapper .magazine-content.has-bullet-icon .desc ul li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  list-style: none;
}
.magazine-component .component-wrapper .magazine-content.has-bullet-icon .desc ul li::before {
  content: "";
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  background-image: var(--magazine-bullet);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.magazine-component .component-wrapper .magazine-content .button-group {
  display: flex;
  flex-direction: row;
  gap: 16px;
  padding-bottom: 40px;
}
.magazine-component .component-wrapper .magazine-content .button-group .tds-btn-v3 {
  min-width: 200px;
}
.magazine-component .component-wrapper .magazine-content .button-group .tds-btn-v3.out-of-stock {
  opacity: 0.5;
}
.magazine-component .component-wrapper .magazine-content .form-group {
  --check-box-bg-color: #fff;
  --check-color: #111c1c;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  column-gap: 8px;
}
.magazine-component .component-wrapper .magazine-content .form-group.warning .check-box {
  animation: shaker 200ms 2 linear;
}
.magazine-component .component-wrapper .magazine-content .form-group input[name=magazine-check-box] {
  width: 16px;
  height: 16px;
  opacity: 0;
  position: absolute;
  cursor: pointer;
}
.magazine-component .component-wrapper .magazine-content .form-group input[name=magazine-check-box]:checked + .check-box {
  background-color: #e4b760;
  border-color: #e4b760;
}
.magazine-component .component-wrapper .magazine-content .form-group input[name=magazine-check-box]:checked + .check-box .icon-check {
  display: flex;
}
.magazine-component .component-wrapper .magazine-content .form-group .check-box {
  width: 16px;
  height: 16px;
  margin: 4px;
  border: 1px solid #111c1c;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  pointer-events: none;
  flex-shrink: 0;
}
.magazine-component .component-wrapper .magazine-content .form-group .check-box .icon-check {
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
}
.magazine-component .component-wrapper .magazine-content .form-group .check-box .icon-check::before {
  content: "";
  position: relative;
  transform: rotate(45deg);
  height: 7px;
  width: 3px;
  top: 2px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}
.magazine-component .component-wrapper .magazine-content .form-group .checkbox-label,
.magazine-component .component-wrapper .magazine-content .form-group .checkbox-text {
  display: inline-block;
  color: #111c1c;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

@media screen and (max-width: 1200px) {
  .magazine-component .component-wrapper {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
}
@media screen and (max-width: 743px) {
  .magazine-component .component-wrapper {
    row-gap: 32px;
  }
  .magazine-component .component-wrapper .magazine-content .desc {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    padding-bottom: 32px;
  }
  .magazine-component .component-wrapper .magazine-content .button-group {
    padding-bottom: 32px;
  }
  .magazine-component .component-wrapper .magazine-content .button-group .tds-btn-v3 {
    flex: 1 1 0;
    min-width: 0;
    height: 48px;
    padding: 0 16px;
  }
}
.magazine-slider {
  display: grid;
  grid-template-columns: 62% 1fr;
  grid-auto-rows: min-content;
  grid-template-areas: "slide1 slide2" "slide1 slide3";
  gap: 15px;
}
.magazine-slider .slider-container {
  position: relative;
}
.magazine-slider .slider-container:nth-child(1) {
  grid-area: slide1;
  padding-top: 100%;
}
.magazine-slider .slider-container:nth-child(2) {
  grid-area: slide2;
}
.magazine-slider .slider-container:nth-child(3) {
  grid-area: slide3;
}
.magazine-slider .magazine-slides {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid rgb(255, 255, 255);
}
.magazine-slider .magazine-slides.tags-moving .oc-image-tags {
  display: none;
}
.magazine-slider .magazine-slides .swiper-slide {
  position: relative;
}
.magazine-slider .magazine-slides .swiper-slide:not(.swiper-slide-active) .oc-image-tags {
  display: none;
}
.magazine-slider .magazine-slides img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.magazine-slider .slider-nav-buttons {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 1;
  display: flex;
  gap: 16px;
}
.magazine-slider .slider-nav-buttons .tds-btn-circle {
  --btn-font-color: #fff;
  position: relative;
  cursor: pointer;
}
.magazine-slider .slider-nav-buttons .tds-btn-circle.swiper-button-lock {
  display: none;
}

@media screen and (max-width: 743px) {
  .magazine-slider {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-auto-rows: auto;
    grid-template-areas: "slide1 slide1" "slide2 slide3";
    gap: 15px;
  }
  .magazine-slider .slider-container:nth-child(2), .magazine-slider .slider-container:nth-child(3) {
    padding-top: 84%;
  }
}
.showroom-appointment {
  position: relative;
  width: 100%;
  height: auto;
}
.showroom-appointment .application-form .form-bt-set .message-sent {
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  color: #e4b760;
  margin: 20px 0;
  display: none;
}
.showroom-appointment .application-form .form-bt-set .bt-view .txt {
  font-weight: 600;
}
.showroom-appointment .application-footer {
  width: 100%;
  min-height: 248px;
  height: auto;
  background-color: #405955;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -32px;
  padding: 64px 0;
}
.showroom-appointment .application-footer .title {
  margin-bottom: 16px;
}
.showroom-appointment .application-footer .title .txt {
  color: #ffffff;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}
.showroom-appointment .application-footer .text-box {
  max-width: 326px;
  text-align: center;
}
.showroom-appointment .application-footer .text-box .txt {
  font-size: 12px;
  line-height: 18px;
  color: #a0a4a4;
  text-align: center;
}

@media screen and (max-width: 743px) {
  .showroom-appointment {
    min-height: 100%;
  }
  .showroom-appointment .container {
    padding: 0 32px;
  }
  .showroom-appointment .application-form .form-bt-set .bt-view {
    padding: 0px 32px;
  }
}
.outlet-information .container {
  padding: 32px 0;
  display: flex;
}
.outlet-information .imgs {
  width: 70%;
}
.outlet-information .imgs .main {
  width: calc(76.5% - 12px);
  float: left;
  margin-right: 12px;
  height: 516px;
}
.outlet-information .imgs .img {
  margin-bottom: 12px;
  width: 100%;
  height: 164px;
}
.outlet-information .imgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.outlet-information .imgs .thumbs {
  float: left;
  width: 23.5%;
}
.outlet-information .info {
  width: 35%;
  padding-left: 24px;
}
.outlet-information .info h2 {
  font-size: 20px;
}
.outlet-information .info .des {
  font-size: 16px;
  margin-top: 12px;
  line-height: 1.5;
}
.outlet-information .info .rule {
  margin-top: 16px;
  color: #e4b760;
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
}
.outlet-information .info .rule img {
  margin-left: 6px;
}
.outlet-information .info .points {
  margin-top: 32px;
}
.outlet-information .info .points .point {
  display: flex;
  margin-bottom: 36px;
}
.outlet-information .info .points .point .icon {
  width: 64px;
  height: 64px;
}
.outlet-information .info .points .point .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.outlet-information .info .points .point .content {
  width: calc(100% - 64px);
  padding-left: 32px;
}
.outlet-information .info .points .point .content .title {
  font-size: 18px;
  font-weight: 600;
  display: block;
}
.outlet-information .info .points .point .content .ct {
  font-size: 14px;
  color: #505050;
  line-height: 1.5;
  margin-top: 4px;
  display: block;
}
.outlet-information .pu {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  z-index: 50;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.25s;
}
.outlet-information .pu.active {
  opacity: 1;
  visibility: visible;
}
.outlet-information .pu h4 {
  font-size: 24px;
  font-weight: 600;
  margin-top: 32px;
}
.outlet-information .pu .des {
  font-size: 14px;
  line-height: 24px;
  margin-top: 12px;
}
.outlet-information .pu .pc {
  width: 478px;
  padding: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 1px 1px 10px 1px #666;
}
.outlet-information .pu .pu-close {
  position: absolute;
  right: 32px;
  top: 32px;
  cursor: pointer;
}
.outlet-information .pu .pu-close img {
  width: 16px;
  height: 16px;
}
.outlet-information .pu .bt-primary {
  width: 100%;
  border-radius: 50%;
  height: 56px;
  background-color: #e4b760;
  border-radius: 30px;
  border: none;
  color: #fff;
  font-weight: 600;
  margin-top: 24px;
}

@media screen and (max-width: 1200px) {
  .outlet-information .container {
    flex-direction: column;
  }
  .outlet-information .imgs {
    width: 100%;
  }
  .outlet-information .info {
    width: 100%;
    padding-left: 0;
    margin-top: 24px;
  }
  .outlet-information .info .points {
    width: 350px;
    margin: 0 auto;
    margin-top: 32px;
  }
}
@media screen and (max-width: 992px) {
  .outlet-information .imgs .main {
    height: 420px;
  }
  .outlet-information .imgs .img {
    height: 132px;
  }
}
@media screen and (max-width: 768px) {
  .outlet-information .container {
    padding: 0 32px;
  }
  .outlet-information .imgs .main {
    width: 100%;
    margin-right: 0;
  }
  .outlet-information .imgs .thumbs {
    margin-top: 12px;
    width: calc(100% + 12px);
  }
  .outlet-information .imgs .thumbs .img {
    width: calc(33.33% - 12px);
    margin-right: 12px;
    float: left;
  }
}
@media screen and (max-width: 680px) {
  .outlet-information {
    padding: 24px 0;
  }
}
@media screen and (max-width: 620px) {
  .outlet-information .imgs .main {
    height: 350px;
  }
}
@media screen and (max-width: 500px) {
  .outlet-information .pu .pc {
    width: 350px;
  }
  .outlet-information .pu .pc .des {
    max-height: 60vh;
    overflow: auto;
  }
}
@media screen and (max-width: 480px) {
  .outlet-information .imgs .main {
    height: 280px;
  }
  .outlet-information .imgs .img {
    height: 100px;
  }
}
@media screen and (max-width: 400px) {
  .outlet-information .info .points {
    width: 100%;
  }
}
.category-product-slide {
  --btn-height: 48px;
  --btn-product-view-color: #aeb2b2;
  position: relative;
  padding-bottom: 80px;
}
.category-product-slide .title {
  font-size: 24px;
  line-height: 32px;
  position: relative;
  display: flex;
  margin-bottom: 32px;
}
.category-product-slide .title h1,
.category-product-slide .title h2,
.category-product-slide .title h3 {
  font-size: 24px;
}
.category-product-slide .description {
  margin-bottom: 32px;
  max-width: 843px;
  color: #111c1c;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.category-product-slide .filters-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.category-product-slide .product-views {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 120px;
  height: var(--btn-height);
  flex-shrink: 0;
  border-radius: 4px;
  background: #f8f7f4;
  padding: 0 10px;
  column-gap: 21px;
  row-gap: 8px;
  margin-left: auto;
}
.category-product-slide .product-views input[type=radio] {
  display: none;
}
.category-product-slide .product-views input[type=radio]:checked + label {
  --btn-product-view-color: #111c1c;
}
.category-product-slide .product-views input[value=grid-view]:checked ~ .gird-view-txt,
.category-product-slide .product-views input[value=slide-view]:checked ~ .slide-view-txt {
  display: block;
}
.category-product-slide .product-views label {
  color: var(--btn-product-view-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.category-product-slide .product-views label.active {
  --btn-product-view-color: #111c1c;
}
.category-product-slide .product-views .txt {
  display: none;
  text-align: center;
  color: #111c1c;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  position: absolute;
  width: 100%;
  bottom: -8px;
  transform: translateY(100%);
}
.category-product-slide .product-views .btn-grid-view {
  position: relative;
}
.category-product-slide .product-views .btn-grid-view::after {
  content: "";
  height: 24px;
  width: 1px;
  position: absolute;
  right: -9px;
  background: #aeb2b2;
}
.category-product-slide .product-views .btn-grid-view svg {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}
.category-product-slide .product-views .btn-slide-view svg {
  flex-shrink: 0;
  width: 40px;
  height: 16px;
}
.category-product-slide .filter-sort {
  position: relative;
  min-width: 128px;
  right: 0;
}
.category-product-slide .filter-sort .sort-list {
  padding: 0;
}
.category-product-slide .filter-sort .sort-list.active .list-select .icon-arr-down svg {
  transform: rotate(0deg);
}
.category-product-slide .filter-sort .sort-list .list-select {
  padding: 0 24px;
  height: var(--btn-height);
  gap: 8px;
  justify-content: space-between;
}
.category-product-slide .filter-sort .sort-list .list-select > p {
  padding: 0;
}
.category-product-slide .filter-sort .sort-list .list-select .icon-arr-down {
  position: relative;
  top: unset;
  left: unset;
  right: unset;
}
.category-product-slide .filter-sort .sort-list .list-select .icon-arr-down svg {
  top: 0;
  left: unset;
  right: unset;
}
.category-product-slide .filter-sort .sort-list .list-select .icon-sort-mb {
  display: none;
  width: 24px;
  height: 25px;
  flex-shrink: 0;
  --icon-color: #111c1c;
}
.category-product-slide .filter-sort .sort-list .list-option {
  --vertical-gap: 8px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 0px 16px 0px rgba(17, 28, 28, 0.16);
  padding: 4px 3px;
  min-width: 140px;
  width: fit-content;
  right: 0;
  left: unset;
  top: 0;
  transform: translateY(calc(var(--btn-height) + var(--vertical-gap)));
}
.category-product-slide .filter-sort .sort-list .list-option .custom-radio-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0;
}
.category-product-slide .filter-sort .sort-list .list-option .custom-radio-list .radio-item {
  margin: 0;
  padding: 0;
}
.category-product-slide .filter-sort .sort-list .list-option .custom-radio-list .radio-item .radio-label {
  height: 24px;
  color: #111c1c;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  padding-left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
}
.category-product-slide .filter-sort .sort-list .list-option .custom-radio-list .radio-item .radio-label:before {
  left: 0;
  position: relative;
  margin-left: 8px;
  margin-right: 10px;
  flex-shrink: 0;
}
.category-product-slide .filter-sort .sort-list .list-result {
  height: 26px;
}
.category-product-slide .filter-sort .sort-list .list-result .result-row {
  margin-top: 8px;
}
.category-product-slide .filter-sort .sort-list .box-option {
  display: inline-block;
  width: 100%;
}
.category-product-slide .filter-sort .sort-list .box-option p {
  font-size: 14px;
}
.category-product-slide .filter-sort .sort-list .box-option:nth-child(1),
.category-product-slide .filter-sort .sort-list .box-option:nth-child(3) {
  display: none;
}
.category-product-slide .filter-sort .sort-list .category-sorting-selected {
  position: relative;
}
.category-product-slide .tabs {
  width: 100%;
}
.category-product-slide .tabs .tabs-wrapper {
  overflow-y: scroll;
  overflow-x: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  transition: 0.5s ease-in-out;
  touch-action: pan-y;
  position: relative;
}
.category-product-slide .tabs .tab {
  --product-count-bg: #aeb2b2;
  color: #aeb2b2;
  padding: 12px 24px;
  font-size: 16px;
  line-height: 24px;
  border-radius: 30px;
  font-weight: 600;
  cursor: pointer;
  display: inline-block;
  position: relative;
  user-select: none;
}
.category-product-slide .tabs .tab.active {
  --product-count-bg: #e4b760;
  background-color: #edece8;
  color: #111c1c;
}
.category-product-slide .tabs .tab::after {
  content: attr(data-count);
  position: absolute;
  top: 4px;
  right: 12px;
  display: flex;
  height: 12px;
  min-width: 12px;
  padding: 2px;
  justify-content: center;
  align-items: center;
  background-color: var(--product-count-bg);
  border-radius: 9px;
  color: #fff;
  text-align: center;
  font-size: 8px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.category-product-slide .products {
  --product-grid-columns: 4;
  --product-cards-gap: 24px;
  --product-card-title-font-size: 16px;
  --product-card-title-line-height: 24px;
  --product-card-padding: 16px;
  --product-price-tag-pos: 8px;
  position: relative;
}
.category-product-slide .products::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(255, 255, 255);
  z-index: 1;
}
.category-product-slide .products.ready::after {
  content: unset;
}
.category-product-slide .products.ready .loading {
  opacity: 0;
  visibility: hidden;
}
.category-product-slide .products.ready .navs,
.category-product-slide .products.ready .counter,
.category-product-slide .products.ready .slide {
  opacity: 1;
  visibility: visible;
}
.category-product-slide .products.no-data .loading {
  opacity: 0;
  visibility: hidden;
}
.category-product-slide .products.no-data .no-data-message {
  display: block;
}
.category-product-slide .products[data-product-view=grid-view] .product-cards {
  display: grid;
  grid-template-columns: repeat(var(--product-grid-columns), minmax(0, 1fr));
  gap: var(--product-cards-gap);
  margin-top: 32px;
}
.category-product-slide .products[data-product-view=grid-view] .product-cards .product-card-item .item-container {
  border-radius: 4px;
  margin-bottom: 0;
}
.category-product-slide .products[data-product-view=grid-view] .product-cards .product-card-item .item-container .card-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.category-product-slide .products[data-product-view=grid-view] .product-cards .product-card-item .item-container .card-wrapper .price-tag {
  position: absolute;
  right: var(--product-price-tag-pos);
  bottom: var(--product-price-tag-pos);
  top: unset;
}
.category-product-slide .products[data-product-view=grid-view] .product-cards .product-card-item .item-container .card-wrapper .text-tag {
  position: absolute;
  top: 16px;
  right: 0;
  max-width: 100%;
  display: flex;
  height: 24px;
  padding: 10px 8px;
  align-items: center;
  gap: 10px;
  border-radius: 100px 0 0 100px;
  background: #aeb2b2;
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.category-product-slide .products[data-product-view=grid-view] .product-cards .product-card-item .product-card-details {
  padding: var(--product-card-padding);
}
.category-product-slide .products[data-product-view=grid-view] .navs,
.category-product-slide .products[data-product-view=grid-view] .counter,
.category-product-slide .products[data-product-view=grid-view] .slide {
  display: none;
}
.category-product-slide .products[data-product-view=grid-view] .pagging {
  display: inline-block;
}
.category-product-slide .products[data-product-view=slide-view] .product-cards {
  display: none;
}
.category-product-slide .products[data-product-view=slide-view] .navs,
.category-product-slide .products[data-product-view=slide-view] .counter,
.category-product-slide .products[data-product-view=slide-view] .slide {
  display: block;
}
.category-product-slide .products[data-product-view=slide-view] .pagging {
  display: none;
}
.category-product-slide .products .pagging {
  margin-top: 64px;
  margin-bottom: 0;
}
.category-product-slide .products .price-tag {
  width: 96px;
  height: 96px;
  background-color: #e4b760;
  border-radius: 50%;
  top: 8px;
  right: 8px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.category-product-slide .products .price-tag .txt {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
}
.category-product-slide .products .price-tag .original-price {
  color: #111c1c;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  white-space: nowrap;
  position: relative;
}
.category-product-slide .products .price-tag .original-price:before {
  content: " ";
  width: 100%;
  height: 1px;
  display: inline-block;
  position: absolute;
  top: 38%;
  border-bottom: 1px solid #fff;
}
.category-product-slide .products .price-tag .discount-price {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
}
.category-product-slide .products .loading {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 30%;
  left: 50%;
  margin-left: -50px;
  opacity: 1;
  visibility: visible;
  transition: all ease-in-out 0.25s;
  z-index: 4;
}
.category-product-slide .products .loading img {
  width: 100%;
}
.category-product-slide .products .no-data-message {
  color: #aeb2b2;
  position: absolute;
  left: 50%;
  top: 20%;
  transform: translate(-50%);
  display: none;
}
.category-product-slide .products .slide {
  visibility: hidden;
  opacity: 0;
  height: 492px;
  position: relative;
  margin-top: 32px;
  transition: all ease-in-out 0.25s;
}
.category-product-slide .products .slide.out {
  transition: none;
}
.category-product-slide .products .slide .item {
  position: absolute;
  width: 40%;
  visibility: hidden;
  z-index: 0;
  opacity: 0;
  transform: scale(1);
  transition: all ease-in-out 0.4s;
}
.category-product-slide .products .slide .item.main {
  left: 30%;
  visibility: visible;
  z-index: 4;
  opacity: 1;
}
.category-product-slide .products .slide .item.main .info {
  visibility: visible;
  opacity: 1;
}
.category-product-slide .products .slide .item.prev-1 {
  visibility: visible;
  z-index: 3;
  transform: scale(0.8);
  left: 13%;
  opacity: 1;
}
.category-product-slide .products .slide .item.prev-2 {
  filter: blur(1px);
  visibility: visible;
  z-index: 1;
  left: 0%;
  opacity: 1;
  transform: scale(0.7);
}
.category-product-slide .products .slide .item.prev-3 {
  opacity: 0;
  left: 15%;
  transform: scale(0.7);
}
.category-product-slide .products .slide .item.next-1 {
  visibility: visible;
  z-index: 3;
  left: 48%;
  opacity: 1;
  transform: scale(0.8);
}
.category-product-slide .products .slide .item.next-2 {
  visibility: visible;
  z-index: 1;
  filter: blur(1px);
  left: 60%;
  opacity: 1;
  transform: scale(0.7);
}
.category-product-slide .products .slide .item.next-3 {
  opacity: 0;
  left: 50%;
  transform: scale(0.7);
}
.category-product-slide .products .slide .item .image {
  position: relative;
  height: 414px;
  border: 1px solid #eee;
  background-color: #ddd;
  border-radius: 1px;
  overflow: hidden;
}
.category-product-slide .products .slide .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.category-product-slide .products .slide .item .info {
  display: flex;
  justify-content: center;
  padding: 16px 0;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.5s;
}
.category-product-slide .products .slide .item .info .des {
  color: #111c1c;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  height: 48px;
}
.category-product-slide .products .slide .item .info .des .text-tag .tag {
  color: #e4b760;
}
.category-product-slide .products .slide .item .info .des .text-tag .txt-des {
  color: #111c1c;
}
.category-product-slide .products .navs {
  height: 0;
  width: 100%;
  position: absolute;
  top: 50%;
  margin-top: -54px;
  visibility: hidden;
  opacity: 0;
}
.category-product-slide .products .navs .nav {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #000000;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.category-product-slide .products .navs .nav svg {
  width: 10px;
  height: 10px;
}
.category-product-slide .products .navs .nav.n-left {
  position: absolute;
  left: 0;
}
.category-product-slide .products .navs .nav.n-right {
  position: absolute;
  right: 0;
  transform: rotate(180deg);
}
.category-product-slide .products .navs .nav.disabled {
  opacity: 0.4;
  cursor: default;
}
.category-product-slide .products .counter {
  font-size: 11px;
  font-weight: 600;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%);
  visibility: hidden;
  opacity: 0;
}
.category-product-slide .products .counter .sep {
  color: #aeb2b2;
}
.category-product-slide .products .counter .total {
  color: #aeb2b2;
}

@media screen and (max-width: 1480px) {
  .category-product-slide .products .slide {
    height: 460px;
  }
  .category-product-slide .products .slide .item .image {
    height: 380px;
  }
}
@media screen and (max-width: 1200px) {
  .category-product-slide {
    padding-bottom: 64px;
  }
  .category-product-slide .filters-wrapper {
    flex-wrap: wrap;
  }
  .category-product-slide .filters-wrapper .product-views {
    order: 1;
    margin-left: 0;
  }
  .category-product-slide .filters-wrapper .filter-sort {
    order: 2;
    margin-left: auto;
  }
  .category-product-slide .filters-wrapper .tabs {
    width: 100%;
    order: 3;
  }
  .category-product-slide .products {
    --product-grid-columns: 2;
  }
  .category-product-slide .products .price-tag {
    height: 80px;
    width: 80px;
  }
  .category-product-slide .products .price-tag.has-discount .txt {
    display: none;
  }
  .category-product-slide .products .slide {
    height: 398px;
  }
  .category-product-slide .products .slide .item .image {
    height: 320px;
  }
  .category-product-slide .products .slide .item .info .des {
    font-weight: 600;
  }
  .category-product-slide .products .pagging {
    margin-top: 48px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 992px) {
  .category-product-slide .products .loading {
    top: 20%;
  }
  .category-product-slide .products .product-cards {
    gap: 16px;
  }
  .category-product-slide .products .slide {
    height: 326px;
  }
  .category-product-slide .products .slide .item.prev-1 {
    left: 15%;
  }
  .category-product-slide .products .slide .item.prev-2 {
    left: 2%;
  }
  .category-product-slide .products .slide .item.next-1 {
    left: 46%;
  }
  .category-product-slide .products .slide .item.next-2 {
    left: 58%;
  }
  .category-product-slide .products .slide .item .image {
    height: 250px;
  }
}
@media screen and (max-width: 768px) {
  .category-product-slide .products .loading {
    top: 16%;
  }
  .category-product-slide .products .slide {
    height: 256px;
  }
  .category-product-slide .products .slide .item .image {
    height: 180px;
  }
  .category-product-slide .products .slide .item.prev-1 {
    left: 16%;
  }
  .category-product-slide .products .slide .item.prev-2 {
    left: 3%;
  }
  .category-product-slide .products .slide .item.next-1 {
    left: 45%;
  }
  .category-product-slide .products .slide .item.next-2 {
    left: 57%;
  }
  .category-product-slide .products .navs {
    margin-top: -60px;
  }
  .category-product-slide .custom-select-list {
    width: 100%;
  }
}
@media screen and (max-width: 743px) {
  .category-product-slide {
    --btn-height: 40px;
  }
  .category-product-slide .container.content-container {
    padding: 0 24px;
  }
  .category-product-slide .container.filters-container {
    padding: 0;
  }
  .category-product-slide .tabs .tabs-wrapper {
    padding: 0 32px;
  }
  .category-product-slide .title {
    margin-bottom: 18px;
  }
  .category-product-slide .filters-wrapper .filter-sort .sort-list .list-option .box-options .box-option {
    padding-left: 4px;
  }
  .category-product-slide .filters-wrapper .filter-sort .sort-list .custom-select-list .list-select p {
    padding-left: 16px;
  }
  .category-product-slide .filters-wrapper .filter-sort .sort-list .list-result .result-row p {
    padding-left: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 130px;
    overflow: hidden;
  }
  .category-product-slide .filters-wrapper .filter-sort {
    width: 40px;
    min-width: 0;
    margin-left: 0;
    margin-right: 32px;
  }
  .category-product-slide .filters-wrapper .filter-sort .sort-list .list-result {
    display: none;
  }
  .category-product-slide .filters-wrapper .filter-sort .sort-list .list-select {
    width: 40px;
    justify-content: center;
    padding: 0;
  }
  .category-product-slide .filters-wrapper .filter-sort .sort-list .list-select .icon-sort-mb {
    display: block;
  }
  .category-product-slide .filters-wrapper .filter-sort .sort-list .list-select .icon-arr-down {
    display: none;
  }
  .category-product-slide .filters-wrapper .filter-sort .sort-list .list-select p {
    display: none;
  }
  .category-product-slide .filters-wrapper .filter-sort .sort-list .list-option {
    right: 0;
    left: unset;
  }
  .category-product-slide .filters-wrapper .product-views {
    order: 2;
    margin-left: 32px;
  }
  .category-product-slide .filters-wrapper .product-views .txt {
    display: none !important;
  }
  .category-product-slide .products {
    --product-cards-gap: 16px;
    --product-card-title-font-size: 14px;
    --product-card-title-line-height: 24px;
    --product-price-tag-pos: 4px;
  }
  .category-product-slide .products .navs {
    display: none !important;
  }
}
@media screen and (max-width: 680px) {
  .category-product-slide {
    padding-bottom: 48px;
  }
  .category-product-slide .products .loading {
    top: 24px;
  }
  .category-product-slide .products .price-tag {
    height: 54px;
    width: 54px;
    right: 4px;
    bottom: 4px;
  }
  .category-product-slide .products .price-tag .txt {
    font-size: 10px;
    line-height: 12px;
  }
  .category-product-slide .products .price-tag .original-price {
    font-size: 10px;
    line-height: 12px;
  }
  .category-product-slide .products .price-tag .discount-price {
    font-size: 12px;
    line-height: 18px;
  }
  .category-product-slide .products .slide {
    height: 424px;
  }
  .category-product-slide .products .slide .item {
    width: 80%;
  }
  .category-product-slide .products .slide .item.main {
    left: 10%;
  }
  .category-product-slide .products .slide .item.next-1 {
    left: 23.25%;
  }
  .category-product-slide .products .slide .item.next-2 {
    left: 32%;
  }
  .category-product-slide .products .slide .item.next-3 {
    left: 27%;
  }
  .category-product-slide .products .slide .item.prev-1 {
    left: -3%;
  }
  .category-product-slide .products .slide .item.prev-2 {
    left: -12%;
  }
  .category-product-slide .products .slide .item.prev-3 {
    left: -7%;
  }
  .category-product-slide .products .slide .item .info {
    position: relative;
  }
  .category-product-slide .products .slide .item .info .des {
    -webkit-line-clamp: 3;
    height: 72px;
  }
  .category-product-slide .products .slide .item .image {
    height: 300px;
  }
  .category-product-slide .products .navs {
    display: none;
  }
  .category-product-slide .products .counter {
    bottom: 18px;
  }
}
@media screen and (max-width: 540px) {
  .category-product-slide .products .slide {
    height: 378px;
  }
  .category-product-slide .products .slide .item .image {
    height: 260px;
  }
}
@media screen and (max-width: 460px) {
  .category-product-slide .products .slide {
    height: 328px;
  }
  .category-product-slide .products .slide .item .image {
    height: 210px;
  }
  .category-product-slide .products .navs {
    width: 110%;
    left: -5%;
  }
}
.category-mailing-subscription {
  padding: 32px 0px 64px;
  background-color: #405954;
  margin-bottom: 80px;
}
.category-mailing-subscription.invalid .field {
  border: 1px solid #FF0100;
}
.category-mailing-subscription.invalid.required .error-msg {
  display: none;
}
.category-mailing-subscription.invalid.required .error-msg.required {
  display: block;
}
.category-mailing-subscription.invalid .error-msg {
  display: block;
}
.category-mailing-subscription.invalid .error-msg.required {
  display: none;
}
.category-mailing-subscription.success .field button {
  background-color: #111C1C;
  width: 48px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.category-mailing-subscription.success .field button span {
  display: none;
}
.category-mailing-subscription.success .field button img {
  display: block;
}
.category-mailing-subscription .form {
  width: 480px;
  margin: 0 auto;
}
.category-mailing-subscription h2, .category-mailing-subscription h3, .category-mailing-subscription h4 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #fff;
}
.category-mailing-subscription .des {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  margin-top: 8px;
}
.category-mailing-subscription .field {
  height: 48px;
  position: relative;
  background-color: #fff;
  border-radius: 30px;
  overflow: hidden;
  margin-top: 24px;
}
.category-mailing-subscription .field input[type=text] {
  border: none;
  color: #111C1C;
}
.category-mailing-subscription .field button {
  position: absolute;
  top: 0;
  right: -1px;
  height: 48px;
  border-radius: 30px;
  background-color: #E4B760;
  color: #fff;
  border: none;
  padding: 0 24px;
  font-weight: 600;
  margin: 0;
}
.category-mailing-subscription .field button img {
  display: none;
}
.category-mailing-subscription .error-msg {
  color: #FF7978;
  font-size: 13px;
  padding-left: 24px;
  margin-top: 8px;
  display: none;
}
.category-mailing-subscription .checkbox {
  margin-top: 24px;
  display: inline-block;
  width: 100%;
  position: relative;
}
.category-mailing-subscription .checkbox.checked label.checked-icon {
  background-color: #E4B760;
}
.category-mailing-subscription .checkbox.checked label.checked-icon img {
  display: block;
}
.category-mailing-subscription .checkbox input[type=checkbox] {
  display: none;
}
.category-mailing-subscription .checkbox label {
  display: flex;
  font-size: 14px;
  line-height: 24px;
  width: calc(100% - 24px);
  cursor: pointer;
  padding-left: 28px;
  color: #fff;
}
.category-mailing-subscription .checkbox label.checked-icon {
  display: flex;
  width: 14px;
  height: 14px;
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 3px;
  border-radius: 2px;
  align-items: center;
  justify-content: center;
  padding-left: 0;
  border: 1px solid #ddd;
}
.category-mailing-subscription .checkbox label.checked-icon img {
  display: none;
}

@media screen and (max-width: 540px) {
  .category-mailing-subscription {
    margin-bottom: 48px;
  }
  .category-mailing-subscription .form {
    width: 312px;
  }
}
.showroom-map-component {
  padding-bottom: 80px;
}
.showroom-map-component .maps {
  height: 480px;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .showroom-map-component {
    padding-bottom: 64px;
  }
  .showroom-map-component .container {
    max-width: 100%;
    padding: 0 64px;
  }
  .showroom-map-component .maps {
    height: 484px;
  }
}
@media screen and (max-width: 767px) {
  .showroom-map-component {
    padding-bottom: 48px;
  }
  .showroom-map-component .container {
    padding: 0 32px;
  }
  .showroom-map-component .maps {
    height: 660px;
  }
}
.hilight-interior-advise-form .items {
  overflow: hidden;
  display: flex;
  width: 100%;
  position: relative;
  height: 100vh;
}
.hilight-interior-advise-form .items .head {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 34%;
  transform: translate(-578px, 0px);
  width: 100%;
  max-width: 518px;
}
.hilight-interior-advise-form .items .head .title {
  margin-bottom: 24px;
}
.hilight-interior-advise-form .items .head .title .txt {
  color: white;
  font-size: 52px;
  line-height: 62px;
  font-weight: 700;
  text-align: center;
}
.hilight-interior-advise-form .items .head .desc {
  margin-bottom: 30px;
  text-align: center;
}
.hilight-interior-advise-form .items .head .desc .txt {
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}
.hilight-interior-advise-form .items .media .fade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 1;
  background: rgba(17, 28, 28, 0.35);
}
.hilight-interior-advise-form .items .bg {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.hilight-interior-advise-form .items .bg.img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.hilight-interior-advise-form .items .bg.vid {
  position: absolute;
  height: 100%;
  overflow: hidden;
}
.hilight-interior-advise-form .items .bg.vid video {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1680px) {
  .hilight-interior-advise-form .items .head {
    left: 16%;
    transform: none;
  }
}
@media screen and (max-width: 1024px) {
  .hilight-interior-advise-form .items .head {
    left: 50%;
    top: 28%;
    transform: translate(-258px, 0px);
  }
  .hilight-interior-advise-form .items .head .title .txt {
    font-size: 40px;
    line-height: 50px;
  }
  .hilight-interior-advise-form .items .head .desc .txt {
    font-size: 14px;
    line-height: 24px;
  }
}
@media screen and (max-width: 743px) {
  .hilight-interior-advise-form .items .head {
    left: 50%;
    top: 34%;
    transform: translate(-164px, 0px);
    max-width: 334px;
  }
  .hilight-interior-advise-form .items .head .title {
    margin-bottom: 16px;
  }
  .hilight-interior-advise-form .items .head .title .txt {
    font-size: 32px;
    line-height: 40px;
  }
}
.interior-advise-form-content-component {
  padding: 80px 0;
}
.interior-advise-form-content-component .container {
  max-width: 1680px;
  padding: 0 128px;
}
.interior-advise-form-content-component .content-desc {
  max-width: 696px;
  margin: 0 auto 32px;
}
.interior-advise-form-content-component .content-desc .txt {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
}
.interior-advise-form-content-component .content-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 32px;
}
.interior-advise-form-content-component .content-grid .box-image {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
}
.interior-advise-form-content-component .content-grid .box-image .img img {
  width: auto;
  height: 466px;
  object-fit: cover;
}
.interior-advise-form-content-component .content-grid .box-text strong {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}
.interior-advise-form-content-component .content-grid .box-text br {
  content: "";
  margin-top: 8px;
  display: flex;
}
.interior-advise-form-content-component .content-grid .box-text p {
  min-height: 8px;
}
.interior-advise-form-content-component .content-grid .box-text .txt {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 1024px) {
  .interior-advise-form-content-component {
    padding: 64px 0;
  }
  .interior-advise-form-content-component .container {
    padding: 0 64px;
  }
  .interior-advise-form-content-component .content-desc {
    margin: 0;
    padding: 0 0 32px;
  }
  .interior-advise-form-content-component .content-desc .txt {
    font-size: 14px;
  }
  .interior-advise-form-content-component .content-grid {
    grid-template-columns: 240px 1fr;
  }
  .interior-advise-form-content-component .content-grid .box-image {
    grid-template-columns: 1fr;
  }
  .interior-advise-form-content-component .content-grid .box-image .img:nth-child(2) {
    display: none;
  }
  .interior-advise-form-content-component .content-grid .box-image .img img {
    height: 330px;
  }
}
@media screen and (max-width: 743px) {
  .interior-advise-form-content-component {
    padding: 48px 0;
  }
  .interior-advise-form-content-component .container {
    padding: 0 32px;
  }
  .interior-advise-form-content-component .content-grid {
    grid-template-columns: 1fr;
  }
  .interior-advise-form-content-component .content-grid .box-image .img img {
    height: 480px;
  }
}
.interior-advise-form-question-component {
  padding-bottom: 56px;
}
.interior-advise-form-question-component .container {
  max-width: 1680px;
  padding: 0 128px;
}
.interior-advise-form-question-component .box-text .title .txt {
  color: #111c1c;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}
.interior-advise-form-question-component .box-question {
  padding-top: 32px;
}
.interior-advise-form-question-component .box-question .questions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 32px;
}
.interior-advise-form-question-component .box-question .questions .question.active .custom-select-list .list-select .icon-arr-down svg {
  transform: rotate(0deg);
}
.interior-advise-form-question-component .box-question .questions .question.active .custom-select-list .list-result .txt {
  opacity: 1;
}
.interior-advise-form-question-component .box-question .questions .question .custom-select-list {
  width: 100%;
}
.interior-advise-form-question-component .box-question .questions .question .custom-select-list .list-select {
  height: 64px;
  padding: 0px 48px 0px 24px;
}
.interior-advise-form-question-component .box-question .questions .question .custom-select-list .list-select .txt {
  font-weight: 600;
  color: #111c1c;
  font-size: 14px;
  line-height: 24px;
}
.interior-advise-form-question-component .box-question .questions .question .custom-select-list .list-select .icon-arr-down {
  right: 28px;
  top: 28px;
}
.interior-advise-form-question-component .box-question .questions .question .custom-select-list .list-result {
  display: block;
  padding: 12px 24px;
  height: 0px;
  overflow: hidden;
  transition: 0.3s linear;
}
.interior-advise-form-question-component .box-question .questions .question .custom-select-list .list-result .txt {
  color: #111c1c;
  font-size: 12px;
  line-height: 16px;
  transition: all 0.3s;
  opacity: 0;
  transition-delay: 0.15s;
}

@media screen and (max-width: 1024px) {
  .interior-advise-form-question-component {
    padding-bottom: 40px;
  }
  .interior-advise-form-question-component .container {
    padding: 0 64px;
  }
  .interior-advise-form-question-component .box-text .title .txt {
    font-size: 20px;
    line-height: 26px;
  }
  .interior-advise-form-question-component .box-question .questions {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 743px) {
  .interior-advise-form-question-component {
    padding-bottom: 24px;
  }
  .interior-advise-form-question-component .container {
    padding: 0px 32px;
  }
}
@media screen and (max-width: 400px) {
  .interior-advise-form-question-component .box-question .questions .question .custom-select-list .list-select .txt {
    font-size: 12px;
    line-height: 16px;
  }
}
.interior-advise-form-showroom-component {
  padding-bottom: 80px;
}
.interior-advise-form-showroom-component .box-text {
  margin-bottom: 32px;
}
.interior-advise-form-showroom-component .box-text .title {
  margin-bottom: 32px;
}
.interior-advise-form-showroom-component .box-text .title .txt {
  color: #111c1c;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}
.interior-advise-form-showroom-component .box-text .desc .txt {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
}
.interior-advise-form-showroom-component .box-text .desc .txt br {
  content: "";
  margin-top: 8px;
  display: flex;
}
.interior-advise-form-showroom-component .box-text .desc .txt p {
  min-height: 8px;
}
.interior-advise-form-showroom-component .box-text .desc .txt strong,
.interior-advise-form-showroom-component .box-text .desc .txt b {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}
.interior-advise-form-showroom-component .media .video video {
  max-width: 100%;
}

@media (hover: hover) and (pointer: fine) {
  .interior-advise-form-showroom-component .box-grid .menu-item:hover .custom-select-list .list-select .txt {
    color: #e4b760;
  }
  .interior-advise-form-showroom-component .box-grid .menu-item:hover .custom-select-list .list-select .icon-arr-down svg {
    color: #e4b760;
  }
}
@media screen and (max-width: 1024px) {
  .interior-advise-form-showroom-component {
    padding-bottom: 64px;
  }
  .interior-advise-form-showroom-component .box-text .title .txt {
    font-size: 20px;
    line-height: 26px;
  }
  .interior-advise-form-showroom-component .box-text .desc .txt {
    font-size: 14px;
    line-height: 24px;
  }
  .interior-advise-form-showroom-component .box-text .desc .txt strong,
  .interior-advise-form-showroom-component .box-text .desc .txt b {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 743px) {
  .interior-advise-form-showroom-component {
    padding-bottom: 48px;
  }
  .interior-advise-form-showroom-component .container {
    padding: 0px 32px;
  }
}
.step-boxes-component {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 80px;
}
.step-boxes-component .title-set {
  position: relative;
  z-index: 2;
  margin-bottom: 64px;
  text-align: center;
}
.step-boxes-component .title-set .title-txt .txt {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 72px;
}
.step-boxes-component .title-set .desc-txt {
  width: fit-content;
  display: inline-block;
}
.step-boxes-component .title-set .desc-txt .txt {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
}
.step-boxes-component .step-boxs {
  display: flex;
  justify-content: center;
}
.step-boxes-component .step-boxs .step-box {
  padding: 36px 8px 48px;
  position: relative;
}
.step-boxes-component .step-boxs .step-box:first-child {
  padding-left: 0px;
}
.step-boxes-component .step-boxs .step-box:last-child {
  padding-right: 0px;
}
.step-boxes-component .step-boxs .step-box .box-container {
  max-width: 436px;
}
.step-boxes-component .step-boxs .step-box .box-container:before {
  content: " ";
  position: absolute;
  top: 0px;
  right: 8px;
  width: 294px;
  height: 214px;
  background-color: #f8f7f4;
  border-radius: 5px;
  z-index: -1;
}
.step-boxes-component .step-boxs .step-box .step-head {
  min-height: 50px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.step-boxes-component .step-boxs .step-box .step-head .icon {
  width: 40px;
  height: 40px;
  border: solid 2px #000000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
}
.step-boxes-component .step-boxs .step-box .step-head .icon .icon-calendar, .step-boxes-component .step-boxs .step-box .step-head .icon .icon-checked, .step-boxes-component .step-boxs .step-box .step-head .icon .icon-checklist {
  cursor: default;
}
.step-boxes-component .step-boxs .step-box .step-head .txt {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.step-boxes-component .step-boxs .step-box .step-detail {
  padding: 0px 56px;
}
.step-boxes-component .step-boxs .step-box .step-detail .txt {
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 1024px) {
  .step-boxes-component {
    padding-bottom: 64px;
  }
  .step-boxes-component .container {
    padding: 0 64px;
    max-width: 100%;
  }
  .step-boxes-component .title-set {
    margin-bottom: 40px;
  }
  .step-boxes-component .title-set .title-txt .txt {
    font-size: 40px;
    line-height: 52px;
  }
  .step-boxes-component .step-boxs {
    flex-flow: row wrap;
    margin: 0 auto;
    padding: 0;
    max-width: 706px;
    gap: 56px;
  }
  .step-boxes-component .step-boxs .step-box {
    width: calc(50% - 28px);
    max-width: 344px;
    min-height: 236px;
    padding: 36px 0 48px;
  }
  .step-boxes-component .step-boxs .step-box .box-container:before {
    top: 0;
    right: 0;
    width: 202px;
    height: 212px;
  }
  .step-boxes-component .step-boxs .step-box .step-head {
    min-height: 40px;
    margin-bottom: 15px;
  }
  .step-boxes-component .step-boxs .step-box .step-head .icon {
    width: 40px;
    height: 40px;
  }
  .step-boxes-component .step-boxs .step-box .step-detail {
    padding: 0px;
    padding-left: 56px;
    padding-right: 30px;
  }
  .step-boxes-component .step-boxs .step-box .step-detail .txt {
    font-size: 14px;
    line-height: 24px;
  }
}
@media screen and (max-width: 743px) {
  .step-boxes-component {
    padding-bottom: 48px;
  }
  .step-boxes-component .container {
    padding: 0 44px;
  }
  .step-boxes-component .title-set {
    margin-bottom: 32px;
  }
  .step-boxes-component .title-set .title-txt .txt {
    font-size: 32px;
    line-height: 42px;
  }
  .step-boxes-component .step-boxs {
    padding: 0px;
    gap: 32px;
  }
  .step-boxes-component .step-boxs .step-box {
    width: 100%;
    max-width: 352px;
    padding: 36px 0 48px;
  }
}
.email-with-footer-component {
  position: relative;
  width: 100%;
  height: auto;
}
.email-with-footer-component h1 {
  text-align: center;
}
.email-with-footer-component .application-form .form-bt-set .message-sent {
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  color: #e4b760;
  margin: 20px 0;
  display: none;
}
.email-with-footer-component .application-form .form-bt-set .bt-view .txt {
  font-weight: 600;
}
.email-with-footer-component .application-form .form-set-mail {
  max-width: 480px;
  margin: 0 auto 80px;
}
.email-with-footer-component .application-form .form-set-mail .form-block.invalid .form-validate {
  padding-left: 24px;
}
.email-with-footer-component .application-form .form-set-mail .form-block.invalid .form-validate .txt {
  display: block;
  opacity: 1;
}
.email-with-footer-component .application-form .form-set-mail .form-block.invalid .form-input input {
  border: 1px solid #ff0100;
}
.email-with-footer-component .application-form .form-set-mail .form-block.invalid-check .form-check-validate {
  justify-content: center;
}
.email-with-footer-component .application-form .form-set-mail .form-block.invalid-check .form-check-validate .txt {
  display: block;
  opacity: 1;
}
.email-with-footer-component .application-form .form-set-mail .form-block.invalid-check .cond-check.invalid {
  border: 1px solid #c52626;
}
.email-with-footer-component .application-form .form-set-mail .form-block.success .form-validate {
  justify-content: center;
}
.email-with-footer-component .application-form .form-set-mail .form-block.success .form-validate .txt {
  display: block;
  opacity: 1;
  color: #111c1c;
}
.email-with-footer-component .application-form .form-set-mail .form-block.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.email-with-footer-component .application-form .form-set-mail .form-block .form-label {
  margin-bottom: 8px;
}
.email-with-footer-component .application-form .form-set-mail .form-block .form-input input {
  height: 56px;
}
.email-with-footer-component .application-form .form-set-mail .form-block .form-input input::placeholder {
  color: #aeb2b2;
}
.email-with-footer-component .application-form .form-set-mail .form-block .form-input input.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.email-with-footer-component .application-form .form-set-mail .form-block .form-validate,
.email-with-footer-component .application-form .form-set-mail .form-block .form-check-validate {
  height: 32px;
  display: flex;
  align-items: center;
}
.email-with-footer-component .application-form .form-set-mail .form-block .form-validate .txt,
.email-with-footer-component .application-form .form-set-mail .form-block .form-check-validate .txt {
  color: #c52626;
  opacity: 0;
  transition: all 0.3s;
  display: none;
}
.email-with-footer-component .application-form .form-set-mail .form-block .form-cond-check.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.email-with-footer-component .application-footer {
  width: 100%;
  min-height: 160px;
  background-color: #405954;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -32px;
}
.email-with-footer-component .application-footer .title {
  margin: 14px 0;
  color: #fff;
}
.email-with-footer-component .application-footer .title .txt {
  color: #ffffff;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}
.email-with-footer-component .application-footer .text-box {
  max-width: 326px;
  text-align: center;
}
.email-with-footer-component .application-footer .text-box .txt {
  font-size: 12px;
  line-height: 20px;
  color: #a0a4a4;
  text-align: center;
}
.email-with-footer-component.success .application-form .form-bt-set .message-sent {
  display: block;
}
.email-with-footer-component.success .application-form .form-bt-set .bt-view {
  cursor: not-allowed;
  pointer-events: none;
}
.email-with-footer-component.success .application-form .form-set-mail .form-block .form-validate {
  justify-content: center;
}
.email-with-footer-component.success .application-form .form-set-mail .form-block .form-validate .txt {
  display: block;
  opacity: 1;
  color: #111c1c;
}

@media screen and (max-width: 1024px) {
  .email-with-footer-component .application-form .form-set-mail {
    margin-bottom: 64px;
  }
}
@media screen and (max-width: 743px) {
  .email-with-footer-component {
    min-height: 100%;
  }
  .email-with-footer-component .container {
    padding: 0 32px;
  }
  .email-with-footer-component .application-form .form-set-mail {
    margin-bottom: 48px;
  }
  .email-with-footer-component .application-form .form-bt-set .bt-view {
    padding: 0px 32px;
  }
}
.blog-hilight-component {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 80px;
  --aspect-ratio: 8/5;
}
.blog-hilight-component .frame {
  width: 100%;
  height: 100%;
  position: relative;
}
.blog-hilight-component .frame:before {
  content: " ";
  position: absolute;
  width: 38%;
  height: calc(100% + 114px);
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  z-index: -1;
}
.blog-hilight-component .hilight-box {
  display: flex;
  flex-flow: row wrap;
  z-index: 2;
  position: relative;
  width: 100%;
}
.blog-hilight-component .hilight-box .blog-overview-title-set {
  order: 1;
  width: 100%;
  margin-left: 66%;
  margin-bottom: 96px;
  padding-top: 32px;
}
.blog-hilight-component .hilight-box .blog-overview-title-set .title-txt p {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 72px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-hilight-component .hilight-box .blog-overview-title-set .desc-txt {
  width: fit-content;
  display: inline-block;
}
.blog-hilight-component .hilight-box .blog-overview-title-set .desc-txt p {
  color: rgba(17, 28, 28, 0.7490196078);
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-hilight-component .hilight-box .blog-overview-detail-set {
  order: 3;
  position: relative;
  padding-left: 8%;
  padding-bottom: 48px;
  width: 32%;
}
.blog-hilight-component .hilight-box .blog-overview-detail-set .detail-txt {
  max-width: 324px;
  margin-bottom: 48px;
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
}
.blog-hilight-component .hilight-box .blog-overview-detail-set .blog-overview-bt-set {
  margin: 0 0 0 32px;
}
.blog-hilight-component .hilight-box .blog-overview-detail-set .blog-overview-bt-set .bt-icon {
  height: 40px;
}
.blog-hilight-component .hilight-box .blog-overview-detail-set .blog-overview-bt-set .bt-icon p {
  padding: 0px 16px;
  line-height: 40px;
  white-space: nowrap;
  color: #111c1c;
  font-weight: 700;
}
.blog-hilight-component .hilight-box .blog-overview-detail-set .blog-overview-bt-set .bt-icon p:hover {
  color: #e4b760;
}
.blog-hilight-component .hilight-box .blog-overview-detail-set .blog-overview-bt-set .bt-icon a {
  padding: 0px;
  line-height: 40px;
}
.blog-hilight-component .hilight-box .blog-overview-detail-set .blog-overview-bt-set .bt-icon .icon-image {
  width: 40px;
  height: 40px;
}
.blog-hilight-component .hilight-box .blog-overview-box {
  order: 2;
  margin-top: -120px;
  width: 60%;
  height: fit-content;
  position: relative;
  margin-left: 8%;
}
.blog-hilight-component .hilight-box .blog-overview-box .box-image {
  width: calc(100% - 230px);
  position: relative;
}
.blog-hilight-component .hilight-box .blog-overview-box .box-image .img-item {
  width: 100%;
  padding-bottom: calc(100% / (var(--aspect-ratio)));
  position: relative;
}
.blog-hilight-component .hilight-box .blog-overview-box .box-image .img-item img {
  position: absolute;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  top: 0;
  left: 0;
}
.blog-hilight-component .hilight-box .blog-overview-box .quote-box {
  top: 96px;
  left: auto;
  right: 0;
  width: 288px;
  height: auto;
  position: absolute;
  border-radius: 5px;
  padding: 32px;
  background: #ffffff;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.05);
  z-index: 2;
}
.blog-hilight-component .hilight-box .blog-overview-box .quote-box .icon-quote {
  position: absolute;
  top: -8px;
  left: auto;
  right: 36px;
}
.blog-hilight-component .hilight-box .blog-overview-box .quote-box .quote-text {
  font-size: 16px;
  line-height: 24px;
  color: #2e2e2e;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-hilight-component .hilight-box .blog-overview-box .quote-box .quote-text p {
  font-size: inherit;
  line-height: inherit;
}
.blog-hilight-component .hilight-box .blog-overview-box .quote-box .slide-txt-box {
  height: 50px;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  width: 100%;
  background: #ffffff;
  margin-top: 32px;
}
.blog-hilight-component .hilight-box .blog-overview-box .quote-box .slide-txt-box .profile-box {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-hilight-component .hilight-box .blog-overview-box .quote-box .slide-txt-box .profile-box .profile-img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
}
.blog-hilight-component .hilight-box .blog-overview-box .quote-box .slide-txt-box .profile-box .profile-img img {
  width: 48px;
  height: 48px;
  object-fit: cover;
}
.blog-hilight-component .hilight-box .blog-overview-box .quote-box .slide-txt-box .profile-txt {
  width: calc(100% - 50px);
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0px 10px;
}
.blog-hilight-component .hilight-box .blog-overview-box .quote-box .slide-txt-box .profile-txt .txt-box {
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.blog-hilight-component .hilight-box .blog-overview-box .quote-box .slide-txt-box .profile-txt .txt-box .head {
  font-weight: 600;
  color: #111c1c;
}
.blog-hilight-component .hilight-box .blog-overview-box .quote-box .slide-txt-box .profile-txt .txt-box .desc {
  font-weight: 500;
  color: #a0a4a4;
}

@media screen and (max-width: 1199px) {
  .blog-hilight-component .hilight-box .blog-overview-detail-set .blog-overview-bt-set {
    margin: 0px;
  }
}
@media screen and (max-width: 1024px) {
  .blog-hilight-component {
    padding-bottom: 64px;
  }
  .blog-hilight-component .frame:before {
    height: calc(100% + 180px);
    margin-left: -114px;
    width: 54%;
  }
  .blog-hilight-component .hilight-box .blog-overview-title-set {
    margin-bottom: 48px;
    margin-left: 54%;
  }
  .blog-hilight-component .hilight-box .blog-overview-title-set .title-txt p {
    font-size: 40px;
    line-height: 46px;
  }
  .blog-hilight-component .hilight-box .blog-overview-title-set .desc-txt p {
    font-size: 14px;
    line-height: 24px;
  }
  .blog-hilight-component .hilight-box .blog-overview-box {
    margin-top: -18px;
    margin-left: 0;
  }
  .blog-hilight-component .hilight-box .blog-overview-box .box-image {
    width: calc(100% - 64px);
    margin-left: -32px;
  }
  .blog-hilight-component .hilight-box .blog-overview-box .box-image .img-item img {
    border-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    max-width: 100%;
  }
  .blog-hilight-component .hilight-box .blog-overview-box .quote-box {
    top: 236px;
    width: 336px;
    padding: 24px;
  }
  .blog-hilight-component .hilight-box .blog-overview-box .quote-box .quote-text {
    font-size: 14px;
    -webkit-line-clamp: 3;
  }
  .blog-hilight-component .hilight-box .blog-overview-box .quote-box .slide-txt-box {
    margin-top: 24px;
  }
  .blog-hilight-component .hilight-box .blog-overview-detail-set {
    padding-left: 0px;
    width: 40%;
  }
  .blog-hilight-component .hilight-box .blog-overview-detail-set .detail-txt {
    font-size: 14px;
    max-width: 288px;
  }
  .blog-hilight-component .hilight-box .blog-overview-detail-set .blog-overview-bt-set {
    margin-left: 32px;
  }
}
@media screen and (max-width: 991px) {
  .blog-hilight-component .hilight-box .blog-overview-box .quote-box {
    top: 180px;
  }
}
@media screen and (max-width: 834px) {
  .blog-hilight-component {
    --aspect-ratio: 97/75;
  }
  .blog-hilight-component .hilight-box .blog-overview-box .quote-box {
    top: 75%;
  }
}
@media screen and (max-width: 767px) {
  .blog-hilight-component {
    --aspect-ratio: 8/5;
    padding-bottom: 48px;
  }
  .blog-hilight-component .frame:before {
    width: 68%;
    height: calc(100% + 48px);
  }
  .blog-hilight-component .hilight-box .blog-overview-title-set {
    margin-left: 32px;
    margin-bottom: 32px;
  }
  .blog-hilight-component .hilight-box .blog-overview-title-set .title-txt p {
    font-size: 32px;
    line-height: 40px;
  }
  .blog-hilight-component .hilight-box .blog-overview-detail-set {
    width: 100%;
    margin-top: 170px;
    padding-bottom: 32px;
  }
  .blog-hilight-component .hilight-box .blog-overview-detail-set .detail-txt {
    margin-bottom: 32px;
  }
  .blog-hilight-component .hilight-box .blog-overview-box {
    width: 100%;
    margin: 0;
  }
  .blog-hilight-component .hilight-box .blog-overview-box .box-image {
    width: 100%;
    margin-left: -32px;
    max-width: 480px;
  }
  .blog-hilight-component .hilight-box .blog-overview-box .quote-box {
    right: -32px;
  }
}
.blog-overview-tabs-component {
  position: relative;
}
.blog-overview-tabs-component .container {
  position: relative;
}
.blog-overview-tabs-component .blog-tab {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  margin-bottom: 32px;
}
.blog-overview-tabs-component .blog-tab::-webkit-scrollbar-thumb {
  display: none;
}
.blog-overview-tabs-component .blog-tab.no-children {
  margin-bottom: 0px;
  height: 0;
}
.blog-overview-tabs-component .blog-tab ul {
  padding: 0;
  width: fit-content;
  margin: 0 auto;
}
.blog-overview-tabs-component .blog-tab ul li {
  display: inline-block;
  cursor: pointer;
  padding: 12px 24px;
  height: 48px;
  transition: all 0.3s ease-out;
}
.blog-overview-tabs-component .blog-tab ul li:not(.active):hover, .blog-overview-tabs-component .blog-tab ul li.active {
  background-color: #edece8;
  border-radius: 50px;
}
.blog-overview-tabs-component .blog-tab ul li:not(.active):hover p, .blog-overview-tabs-component .blog-tab ul li.active p {
  color: #111c1c;
}
.blog-overview-tabs-component .blog-tab ul li p {
  line-height: 24px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #aeb2b2;
  transition: all 0.3s ease-out;
  white-space: nowrap;
}
.blog-overview-tabs-component .blog-contents-component .content-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 64px;
  grid-row-gap: 80px;
  position: relative;
  margin-bottom: 80px;
}
.blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item {
  height: auto;
}
.blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item:nth-child(3n+2) {
  padding-top: 32px;
}
.blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item:nth-child(3n+3) {
  padding-top: 16px;
}
.blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item .image {
  height: 270px;
  overflow: hidden;
}
.blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item .text {
  padding: 32px 48px 0px;
}
.blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item .text .subhead {
  display: inline-block;
  width: 100%;
  margin-bottom: 8px;
}
.blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item .text .subhead span {
  color: #a0a4a4;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  display: inline-block;
}
.blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item .text .subhead span.date {
  float: right;
  color: #a0a4a4;
}
.blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item .text .head {
  margin-bottom: 16px;
}
.blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item .text .head h2 {
  padding: 0px;
  margin: 0px;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #111c1c;
}
.blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item .text .detail p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 16px;
  line-height: 24px;
  color: #111c1c;
}
.blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item .item-bt {
  display: none;
}
.blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item .item-bt .bt-icon {
  background: #405955;
  border-radius: 30px;
  align-items: center;
  transition: 0.3s;
}
.blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item .item-bt .bt-icon:hover {
  filter: brightness(85%);
}
.blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item .item-bt .bt-icon a {
  padding: 0px 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item .item-bt .bt-icon p,
.blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item .item-bt .bt-icon a {
  color: #ffffff;
  font-size: 14px;
}
.blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item .item-bt .bt-icon p {
  padding: 0px 16px 0px 0px;
}
.blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item .item-bt .bt-icon .icon {
  width: 18px;
  height: 16px;
  border: none;
}
.blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item .item-bt .bt-icon .icon .icon-download {
  background-color: #ffffff;
}

@media screen and (max-width: 1024px) {
  .blog-overview-tabs-component .pagging {
    margin-bottom: 64px;
  }
  .blog-overview-tabs-component .blog-contents-component .content-grid {
    grid-template-columns: repeat(auto-fit, minmax(278px, 1fr));
    grid-row-gap: 64px;
    margin-bottom: 64px;
  }
  .blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item:nth-child(n) {
    padding-top: 0px;
  }
  .blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item:nth-child(2n+2) {
    padding-top: 16px;
  }
  .blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item .image {
    height: 200px;
  }
  .blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item .text {
    padding: 32px 32px 0px;
  }
  .blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item .text .detail p {
    font-size: 14px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .blog-overview-tabs-component .pagging {
    margin-bottom: 48px;
  }
  .blog-overview-tabs-component .container {
    padding-right: 0px;
    padding-left: 32px;
  }
  .blog-overview-tabs-component .blog-contents-component .container {
    padding-right: 32px;
    padding-left: 32px;
  }
  .blog-overview-tabs-component .blog-contents-component .content-grid {
    grid-template-columns: repeat(1, 1fr);
    padding: 0px;
    grid-row-gap: 48px;
    margin-bottom: 48px;
  }
  .blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item:nth-child(3n+2) {
    padding-top: 0px;
  }
  .blog-overview-tabs-component .blog-contents-component .content-grid .content-grid-item .image {
    height: 220px;
  }
}
.blog-overview-component .blog-tab {
  overflow: hidden;
  margin-bottom: 40px;
}
.blog-overview-component .blog-tab ul {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  text-align: center;
}
.blog-overview-component .blog-tab ul.has-scroll {
  padding-bottom: 12px;
}
.blog-overview-component .blog-tab ul::-webkit-scrollbar {
  height: 4px;
}
.blog-overview-component .blog-tab ul::-webkit-scrollbar-thumb {
  background-color: #8c8581;
}
.blog-overview-component .blog-tab ul::-webkit-scrollbar-track {
  background: #edece8;
}
.blog-overview-component .blog-tab ul li {
  padding: 12px 16px;
  height: 44px;
}
.blog-overview-component .blog-tab ul li:not(.active):hover, .blog-overview-component .blog-tab ul li.active {
  background-color: #edece8;
  border-radius: 15px;
}
.blog-overview-component .blog-tab ul li:not(.active):hover p, .blog-overview-component .blog-tab ul li.active p {
  color: #111c1c;
}
.blog-overview-component .blog-tab ul li p {
  line-height: 22px;
  font-size: 14px;
}
.blog-overview-component .blog-contents-component .content-grid {
  grid-row-gap: 64px;
}
.blog-overview-component .blog-contents-component .content-grid .content-grid-item:nth-child(3n+2), .blog-overview-component .blog-contents-component .content-grid .content-grid-item:nth-child(3n+3) {
  padding-top: 0;
}
.blog-overview-component .blog-contents-component .content-grid .content-grid-item .text {
  padding: 32px 40px 0px;
}
.blog-overview-component .blog-contents-component .content-grid .content-grid-item .text .head h2 {
  line-height: 28px;
}

@media screen and (max-width: 1024px) {
  .blog-overview-component .blog-tab {
    margin-bottom: 32px;
  }
  .blog-overview-component .blog-contents-component .content-grid {
    grid-column-gap: 32px;
    grid-row-gap: 40px;
  }
  .blog-overview-component .blog-contents-component .content-grid .content-grid-item:nth-child(2n+2) {
    padding-top: 0px;
  }
  .blog-overview-component .blog-contents-component .content-grid .content-grid-item .image {
    height: 232px;
  }
  .blog-overview-component .blog-contents-component .content-grid .content-grid-item .text {
    padding: 16px 24px 0px;
  }
  .blog-overview-component .blog-contents-component .content-grid .content-grid-item .text .head h2 {
    font-size: 22px;
    line-height: 26px;
  }
  .blog-overview-component .blog-contents-component .content-grid .content-grid-item .text .detail p {
    line-height: 22px;
  }
}
@media screen and (max-width: 767px) {
  .blog-overview-component .container {
    padding-right: 32px;
  }
  .blog-overview-component .blog-tab {
    margin-bottom: 24px;
  }
  .blog-overview-component .blog-contents-component .content-grid {
    grid-row-gap: 32px;
  }
  .blog-overview-component .blog-contents-component .content-grid .content-grid-item .image {
    height: 240px;
  }
}
.showroom-intro-component {
  --column-gap: 24px;
  --row-gap: 40px;
  --item-height: 190px;
  padding-bottom: 80px;
  --aspect-ratio: 169/95;
}
.showroom-intro-component .container {
  display: flex;
  justify-content: center;
}
.showroom-intro-component .showroom-intro-slide {
  width: 100%;
}
.showroom-intro-component .showroom-intro-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  column-gap: var(--column-gap);
  row-gap: var(--row-gap);
  width: 100%;
}
.showroom-intro-component .showroom-intro-wrapper .showroom-intro-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  width: 100%;
}
.showroom-intro-component .showroom-intro-wrapper .showroom-intro-item .img-item {
  width: 100%;
  padding-bottom: calc(100% / (var(--aspect-ratio)));
  position: relative;
}
.showroom-intro-component .showroom-intro-wrapper .showroom-intro-item .img-item picture,
.showroom-intro-component .showroom-intro-wrapper .showroom-intro-item .img-item img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  top: 0;
  left: 0;
}
.showroom-intro-component .showroom-intro-wrapper .showroom-intro-item .detail-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #f8f7f4;
  width: 100%;
  padding: 16px;
}
.showroom-intro-component .showroom-intro-wrapper .showroom-intro-item .detail-box .text-box {
  color: #111c1c;
  line-height: 24px;
  text-align: center;
  padding-bottom: 16px;
}
.showroom-intro-component .showroom-intro-wrapper .showroom-intro-item .detail-box .text-box .title {
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 8px;
}
.showroom-intro-component .showroom-intro-wrapper .showroom-intro-item .detail-box .text-box .desc {
  font-size: 14px;
  font-weight: 500;
  height: 48px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.showroom-intro-component .showroom-intro-wrapper .showroom-intro-item .detail-box .text-box .desc strong {
  font-size: 16px;
  font-weight: 700;
}
.showroom-intro-component .showroom-intro-wrapper .showroom-intro-item .btn-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.showroom-intro-component .showroom-intro-wrapper .showroom-intro-item .btn-wrapper .bt-general {
  height: 40px;
  width: 48%;
  padding: 12px 16px;
}
.showroom-intro-component .showroom-intro-wrapper .showroom-intro-item .btn-wrapper .bt-general.left p {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: #ffffff;
}
.showroom-intro-component .showroom-intro-wrapper .showroom-intro-item .btn-wrapper .bt-general.right {
  background-color: #ffffff;
  border: 1px solid #d8d8d8;
}
.showroom-intro-component .showroom-intro-wrapper .showroom-intro-item .btn-wrapper .bt-general.right p {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: #111c1c;
}

@media screen and (max-width: 1112px) {
  .showroom-intro-component {
    padding-bottom: 64px;
  }
}
@media screen and (max-width: 743px) {
  .showroom-intro-component {
    --row-gap: 32px;
    padding-bottom: 48px;
  }
  .showroom-intro-component .container {
    flex-flow: row wrap;
  }
  .showroom-intro-component .showroom-intro-wrapper {
    display: flex;
    gap: 0;
  }
  .showroom-intro-component .controls-box {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 24px;
  }
  .showroom-intro-component .controls-box .slide-nav {
    right: 0;
    position: relative;
    width: fit-content;
  }
  .showroom-intro-component .controls-box .slide-nav .slide-nav-box {
    right: 0;
    display: grid;
    grid-template-columns: 1fr 52px 42px;
  }
  .showroom-intro-component .controls-box .slide-nav .slide-nav-box .nav-txt {
    opacity: 1;
  }
  .showroom-intro-component .controls-box .slide-nav .slide-nav-box .nav-txt.hide {
    opacity: 0;
  }
  .showroom-intro-component .controls-box .slide-nav .slide-nav-box .nav-txt p.current-txt {
    color: #000;
  }
  .showroom-intro-component .controls-box .slide-nav .slide-nav-box .nav-txt p.label-txt {
    color: rgba(17, 28, 28, 0.34);
  }
  .showroom-intro-component .controls-box .slide-nav .slide-nav-box .nav-txt p.all-txt {
    color: rgba(17, 28, 28, 0.34);
  }
  .showroom-intro-component .controls-box .slide-bullets {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: fit-content;
  }
  .showroom-intro-component .controls-box .slide-bullets .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 4px;
    background-color: rgba(17, 28, 28, 0.25);
    border: none;
    border-radius: 50%;
    cursor: pointer;
  }
  .showroom-intro-component .controls-box .slide-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #111c1c;
  }
}
.showroom-step-component {
  position: relative;
  padding-bottom: 80px;
}
.showroom-step-component .title-set {
  position: relative;
  margin: 0 auto;
  margin-bottom: 64px;
  text-align: center;
  width: 100%;
}
.showroom-step-component .title-set .title-txt p,
.showroom-step-component .title-set .title-txt h1,
.showroom-step-component .title-set .title-txt h2,
.showroom-step-component .title-set .title-txt h3,
.showroom-step-component .title-set .title-txt h4 {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.showroom-step-component .title-set .desc-txt {
  color: #505050;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.showroom-step-component .counter-step-boxes {
  display: flex;
  justify-content: center;
  counter-reset: section;
  flex-direction: column;
  margin: 0 auto;
  max-width: 572px;
}
.showroom-step-component .counter-step-boxes .step-box {
  padding-left: 48px;
  position: relative;
  margin-bottom: 24px;
}
.showroom-step-component .counter-step-boxes .step-box .step-title {
  display: block;
  text-align: left;
  color: #111c1c;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.showroom-step-component .counter-step-boxes .step-box .step-title p.counter {
  margin-bottom: 20px;
}
.showroom-step-component .counter-step-boxes .step-box .step-title p.counter::before {
  counter-increment: section;
  content: counter(section);
  display: inline-block;
  color: #111c1c;
  background: none;
  border: solid 2px #111c1c;
  margin: auto;
  border-radius: 50%;
  height: 48px;
  width: 48px;
  line-height: 48px;
  font-weight: 900;
  font-size: 20px;
  justify-content: center;
  align-items: center;
}
.showroom-step-component .counter-step-boxes .step-box .step-detail {
  font-size: 16px;
  line-height: 24px;
  color: #111c1c;
}
.showroom-step-component .counter-step-boxes .step-box:nth-last-child(1) {
  margin-bottom: 0px;
}
.showroom-step-component .counter-step-boxes .step-box::before {
  counter-increment: section;
  content: counter(section);
  display: inline-block;
  color: #111c1c;
  background: none;
  border: solid 2px #111c1c;
  margin: auto;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-weight: 600;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  position: absolute;
  text-align: center;
  left: 0;
  top: 0;
}

@media screen and (max-width: 1024px) {
  .showroom-step-component {
    padding-bottom: 64px;
  }
  .showroom-step-component .title-set {
    margin-bottom: 40px;
  }
  .showroom-step-component .title-set .title-txt p,
  .showroom-step-component .title-set .title-txt h1,
  .showroom-step-component .title-set .title-txt h2,
  .showroom-step-component .title-set .title-txt h3,
  .showroom-step-component .title-set .title-txt h4 {
    font-size: 40px;
    line-height: 46px;
  }
  .showroom-step-component .counter-step-boxes .step-box .step-title {
    font-size: 14px;
  }
  .showroom-step-component .counter-step-boxes .step-box .step-detail {
    font-size: 14px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .showroom-step-component {
    padding-bottom: 48px;
  }
  .showroom-step-component .title-set {
    margin-bottom: 32px;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  .showroom-step-component .title-set .title-txt p,
  .showroom-step-component .title-set .title-txt h1,
  .showroom-step-component .title-set .title-txt h2,
  .showroom-step-component .title-set .title-txt h3,
  .showroom-step-component .title-set .title-txt h4 {
    font-size: 32px;
    line-height: 40px;
  }
  .showroom-step-component .counter-step-boxes {
    width: 100%;
    padding: 0px;
  }
  .showroom-step-component .counter-step-boxes .step-box {
    width: 100%;
  }
}
.image-slider {
  display: grid;
  grid-template-columns: 62% 1fr;
  grid-auto-rows: min-content;
  grid-template-areas: "slide1 slide2" "slide1 slide3";
  gap: 15px;
}
.image-slider .slider-container {
  position: relative;
}
.image-slider .slider-container:nth-child(1) {
  grid-area: slide1;
  padding-top: 100%;
}
.image-slider .slider-container:nth-child(2) {
  grid-area: slide2;
}
.image-slider .slider-container:nth-child(3) {
  grid-area: slide3;
}
.image-slider .image-slides {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid rgb(255, 255, 255);
}
.image-slider .image-slides img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.image-slider .slide-nav {
  width: fit-content;
  height: 42px;
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 1;
}
.image-slider .slide-nav .slide-nav-box {
  position: relative;
  width: fit-content;
  display: flex;
  gap: 16px;
}
.image-slider .slide-nav .slide-nav-box .nav-txt {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.image-slider .slide-nav .slide-nav-box .nav-txt p {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.image-slider .slide-nav .slide-nav-box .nav-txt p.current-txt {
  padding-right: 4px;
}
.image-slider .slide-nav .slide-nav-box .nav-txt p.label-txt {
  padding-right: 2px;
}
.image-slider .slide-nav .slide-nav-box .circle-bt.bt-prev,
.image-slider .slide-nav .slide-nav-box .circle-bt.bt-next {
  position: relative;
  width: 40px;
  height: 40px;
}
.image-slider .slide-nav .slide-nav-box .circle-bt.bt-next {
  left: unset;
}

@media screen and (max-width: 1024px) {
  .image-slider .slide-nav {
    float: unset;
    right: 16px;
  }
  .image-slider .slide-nav .slide-nav-box {
    float: unset;
    right: unset;
  }
  .image-slider .slide-nav .slide-nav-box .nav-txt {
    line-height: normal;
    padding: 0 4px;
  }
  .image-slider .slide-nav .slide-nav-box .circle-bt.bt-prev,
  .image-slider .slide-nav .slide-nav-box .circle-bt.bt-next {
    margin-right: unset;
  }
}
@media screen and (max-width: 743px) {
  .image-slider {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-auto-rows: auto;
    grid-template-areas: "slide1 slide1" "slide2 slide3";
    gap: 15px;
  }
  .image-slider .slider-container:nth-child(2), .image-slider .slider-container:nth-child(3) {
    padding-top: 84%;
  }
}
.page-notfound-component {
  width: 100%;
  position: relative;
  padding-bottom: 80px;
}
.page-notfound-component .detail-intro-component {
  display: flex;
  width: 100%;
  padding-bottom: 64px;
  flex-direction: column;
  align-items: flex-start;
}
.page-notfound-component .detail-intro-component .intro-text {
  width: 100%;
  max-width: 1180px;
}
.page-notfound-component .detail-intro-component .intro-text .title {
  font-size: 56px;
  font-weight: 700;
  line-height: 72px;
  width: 100%;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.page-notfound-component .detail-intro-component .intro-text .sub-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  overflow: hidden;
}
.page-notfound-component .detail-intro-component .intro-button {
  padding-top: 30px;
  gap: 16px;
  display: flex;
}
.page-notfound-component .detail-intro-component .intro-button .cta-first-btn {
  min-width: 116px;
}
.page-notfound-component .detail-intro-component .intro-button .cta-second-btn {
  background-color: #ffffff;
  border: 1px solid #505050;
  min-width: 132px;
}
.page-notfound-component .detail-intro-component .intro-button .cta-second-btn p {
  color: #111c1c;
}
.page-notfound-component .detail-body-component .component-wrapper {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 72px;
}
.page-notfound-component .detail-body-component .component-wrapper .category-content {
  display: grid;
  height: fit-content;
  align-items: start;
}
.page-notfound-component .detail-body-component .component-wrapper .category-content .category-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  padding-bottom: 24px;
}
.page-notfound-component .detail-body-component .component-wrapper .category-content .category-item {
  display: grid;
  gap: 16px;
}
.page-notfound-component .detail-body-component .component-wrapper .category-content .category-item .item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.page-notfound-component .detail-body-component .component-wrapper .category-content .category-item .item .category-img {
  width: 35px;
  height: 35px;
  object-fit: cover;
}
.page-notfound-component .detail-body-component .component-wrapper .category-content .category-item .item .category-item {
  color: #505050;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}

@media screen and (max-width: 1024px) {
  .page-notfound-component .detail-intro-component {
    padding-bottom: 40px;
  }
  .page-notfound-component .detail-intro-component .intro-text {
    width: 100%;
    max-width: 706px;
  }
  .page-notfound-component .detail-intro-component .intro-text .title {
    font-size: 40px;
    line-height: 46px;
    -webkit-line-clamp: 2;
  }
  .page-notfound-component .detail-body-component .component-wrapper {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
  .page-notfound-component .detail-body-component .component-wrapper .category-content .category-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
  }
  .page-notfound-component .detail-body-component .component-wrapper .category-content .category-item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 743px) {
  .page-notfound-component .detail-intro-component {
    padding-bottom: 32px;
  }
  .page-notfound-component .detail-intro-component .intro-text {
    width: 100%;
  }
  .page-notfound-component .detail-intro-component .intro-text .title {
    font-size: 32px;
    line-height: 40px;
  }
  .page-notfound-component .detail-intro-component .intro-text .sub-title {
    text-align: center;
  }
  .page-notfound-component .detail-intro-component .intro-button {
    padding-top: 30px;
    gap: 16px;
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }
  .page-notfound-component .detail-intro-component .intro-button .cta-first-btn {
    width: 100%;
  }
  .page-notfound-component .detail-intro-component .intro-button .cta-second-btn {
    width: 100%;
  }
  .page-notfound-component .detail-body-component .component-wrapper {
    row-gap: 32px;
  }
  .page-notfound-component .detail-body-component .component-wrapper .category-content .category-title {
    text-align: center;
  }
  .page-notfound-component .detail-body-component .component-wrapper .category-content .category-item {
    grid-template-columns: 1fr;
    padding: 0 24px;
  }
}
.category-with-child-portrait-image .category-summary,
.category-portrait-image .category-summary {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 16px;
}
.category-with-child-portrait-image .category-summary .product-result,
.category-portrait-image .category-summary .product-result {
  display: flex;
  width: fit-content;
  gap: 8px;
}
.category-with-child-portrait-image .category-summary .product-result b,
.category-portrait-image .category-summary .product-result b {
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
}
.category-with-child-portrait-image .category-summary .product-result p,
.category-portrait-image .category-summary .product-result p {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
}
.category-with-child-portrait-image .filters,
.category-portrait-image .filters {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.category-with-child-portrait-image .filters .category-row-filters .row-filter,
.category-portrait-image .filters .category-row-filters .row-filter {
  margin-bottom: 24px;
}
.category-with-child-portrait-image .filters .category-row-filters .category-filter-bt,
.category-portrait-image .filters .category-row-filters .category-filter-bt {
  display: none;
}
.category-with-child-portrait-image .filters .category-row-filters .filter-block,
.category-portrait-image .filters .category-row-filters .filter-block {
  justify-content: space-between;
}

.image-and-content {
  position: relative;
  width: 100%;
  padding-bottom: 80px;
  --aspect-ratio: 8/7;
}
.image-and-content.content-left .content-group .content-image {
  order: 2;
}
.image-and-content.content-left .content-group .content-text {
  order: 1;
}
.image-and-content .content-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.image-and-content .content-group .content-image .img-item {
  width: 100%;
  padding-bottom: calc(100% / (var(--aspect-ratio)));
  position: relative;
}
.image-and-content .content-group .content-image .img-item img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  top: 0;
  left: 0;
}
.image-and-content .content-group .content-text {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-and-content .content-group .content-text .content {
  display: grid;
  height: fit-content;
  place-items: center;
}
.image-and-content .content-group .content-text .content .title {
  padding-bottom: 24px;
  text-align: center;
}
.image-and-content .content-group .content-text .content .title .t-section-desc {
  padding-bottom: 0px;
  --section-desc-color: #111c1c;
}
.image-and-content .content-group .content-text .desc {
  max-width: 710px;
  text-align: center;
  margin: 0 32px;
}
.image-and-content .content-group .content-text .desc.t-section-desc {
  --section-desc-color: #111c1c;
}

@media screen and (max-width: 1024px) {
  .image-and-content {
    padding-bottom: 64px;
  }
  .image-and-content .content-text .content .title .t-section-desc {
    --section-desc-font-size: 14px;
  }
  .image-and-content .content-text .content .desc.t-section-desc {
    --section-desc-font-size: 14px;
  }
}
@media screen and (max-width: 743px) {
  .image-and-content {
    padding-bottom: 48px;
  }
  .image-and-content.content-left .content-group .content-image {
    order: 1;
  }
  .image-and-content.content-left .content-group .content-text {
    order: 2;
  }
  .image-and-content .content-group {
    grid-template-columns: repeat(1, 1fr);
  }
  .image-and-content .content-group .content-image {
    padding-bottom: 48px;
  }
}
.blog-slide-show {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 80px;
}
.blog-slide-show:before {
  content: " ";
  position: absolute;
  top: 0px;
  right: 0;
  width: 38%;
  height: 960px;
  background-color: #f8f7f4;
  border-top-right-radius: 5px;
  z-index: -1;
}
.blog-slide-show .title-set {
  padding-left: 162px;
  margin-bottom: 24px;
  max-width: 900px;
  width: 100%;
}
.blog-slide-show .title-set .title-txt {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-slide-show .title-set .desc-txt {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
}
.blog-slide-show .title-set .desc-txt p {
  color: #111c1c;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-slide-show .container {
  position: relative;
  z-index: 3;
}
.blog-slide-show .manufacturing-layer {
  width: 2310px;
  min-height: 820px;
  left: 50%;
  transform: translate(-50%, 0px);
  z-index: 2;
  position: relative;
}
.blog-slide-show .manufacturing-layer .flip-slide {
  display: flex;
  flex-flow: wrap;
}
.blog-slide-show .manufacturing-layer .flip-slide .container.show-bullets .slide-nav .slide-nav-box .nav-txt {
  display: none;
}
.blog-slide-show .manufacturing-layer .flip-slide .container.show-text .slide-bullets {
  display: none;
}
.blog-slide-show .manufacturing-layer .flip-slide .block .item {
  position: relative;
  height: 400px;
}
.blog-slide-show .manufacturing-layer .flip-slide .block .item img {
  height: 400px;
}
.blog-slide-show .manufacturing-layer .flip-slide .block.b-2 span.category:after {
  display: block;
}
.blog-slide-show .manufacturing-layer .flip-slide .block.b-2 span.category:before {
  border: solid 2px #141e1f;
  width: 6px;
  height: 6px;
}
.blog-slide-show .manufacturing-layer .flip-slide .block h2,
.blog-slide-show .manufacturing-layer .flip-slide .block h3 {
  margin-top: 76px;
  margin-bottom: 32px;
}
.blog-slide-show .manufacturing-layer .flip-slide .block p {
  height: 96px;
  overflow: hidden;
  max-width: 340px;
  transition: all 0.5s ease-in-out;
  position: relative;
}
.blog-slide-show .manufacturing-layer .flip-slide .block p.fixed-line {
  -webkit-line-clamp: 4;
}
.blog-slide-show .manufacturing-layer .flip-slide .block p.active {
  height: auto;
  overflow: auto;
  -webkit-line-clamp: unset;
}
.blog-slide-show .manufacturing-layer .flip-slide .block span.category {
  color: #e6e6e6;
  font-size: 60px;
  top: 438px;
  left: -62px;
  display: block;
  font-weight: 700;
  border-bottom: dotted 1px #c4c4c4;
  width: 64px;
  text-align: center;
  line-height: 110px;
  direction: rtl;
}
.blog-slide-show .manufacturing-layer .flip-slide .block span.category:before {
  content: "";
  position: absolute;
  top: 150px;
  left: 27px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: solid 2px #9c9e9d;
}
.blog-slide-show .manufacturing-layer .flip-slide .block span.category:after {
  content: "";
  position: absolute;
  top: 143px;
  left: 20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: solid 2px #141e1f;
  display: none;
}
.blog-slide-show .manufacturing-layer .flip-slide .block button {
  left: 50px;
  display: block;
  font-size: 16px;
  font-weight: 600;
  background: none;
  color: #343a38;
  z-index: 1;
  cursor: pointer;
  position: relative;
  margin-top: 20px;
}
.blog-slide-show .manufacturing-layer .flip-slide .block button.hide {
  display: none;
}
.blog-slide-show .manufacturing-layer .flip-slide .block button.active {
  color: #e4b760;
}
.blog-slide-show .manufacturing-layer .flip-slide .block button.active .icon-arr-right svg {
  transform: rotate(90deg);
  color: #e4b760;
}
.blog-slide-show .manufacturing-layer .flip-slide .block button:hover svg {
  animation: menuDown 1s linear forwards;
}
.blog-slide-show .manufacturing-layer .flip-slide .block button .icon-arr-right {
  display: inline-block;
  margin-left: 14px;
}
.blog-slide-show .manufacturing-layer .flip-slide .block button .icon-arr-right svg {
  transform: rotate(270deg);
  color: #343a38;
}
.blog-slide-show .manufacturing-layer .flip-slide .scroll-down-button {
  display: none;
}
.blog-slide-show .manufacturing-layer .flip-slide .slide-container {
  order: 1;
  position: relative;
  z-index: 2;
  min-height: 820px;
}
.blog-slide-show .manufacturing-layer .flip-slide .container {
  position: relative;
  top: 0;
  order: 2;
  min-height: 50px;
}
.blog-slide-show .manufacturing-layer .flip-slide .container:before {
  display: none;
}
.blog-slide-show .manufacturing-layer .flip-slide .slide-nav {
  top: auto;
  width: 112px;
  height: 50px;
  transform: unset;
  left: unset;
  right: 0;
}
.blog-slide-show .manufacturing-layer .flip-slide .slide-nav .slide-nav-box .nav-txt {
  display: flex;
  position: absolute;
  right: 122px;
  bottom: 16px;
}
.blog-slide-show .manufacturing-layer .flip-slide .slide-nav .slide-nav-box .nav-txt .current-txt {
  color: black;
  padding-right: 8px;
}
.blog-slide-show .manufacturing-layer .flip-slide .slide-nav .slide-nav-box .nav-txt .label-txt,
.blog-slide-show .manufacturing-layer .flip-slide .slide-nav .slide-nav-box .nav-txt .all-txt {
  color: rgba(17, 28, 28, 0.34);
}
.blog-slide-show .manufacturing-layer .flip-slide .slide-bullets {
  right: 0;
  left: 50%;
  transform: translate(-50%, 0);
  top: 20px;
}
.blog-slide-show .bg-pattern {
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 346px;
  transform: translate(-600px, 0px);
}
.blog-slide-show .bg-pattern .icon-bg {
  width: 164px;
  height: 164px;
}
.blog-slide-show .bg-pattern .icon-bg svg {
  width: 164px;
  height: 164px;
}

.edit .blog-slide-show .manufacturing-layer {
  position: relative;
  width: 100%;
  left: 0;
  height: 100%;
  transform: unset;
}

@media (min-width: 1680px) {
  .blog-slide-show .manufacturing-container {
    max-width: 2378px;
  }
}
@media screen and (max-width: 1024px) {
  .blog-slide-show {
    margin-bottom: 64px;
  }
  .blog-slide-show:before {
    width: 324px;
  }
  .blog-slide-show .title-set {
    padding-left: 96px;
    margin-bottom: 8px;
  }
  .blog-slide-show .manufacturing-layer {
    transform: translate(-46.4%, 0px);
    width: 1728px;
    min-height: 705px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide {
    min-height: 662px;
    display: block;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .container {
    position: relative;
    left: unset;
    right: unset;
    order: unset;
    height: unset;
    min-height: 42px;
    top: 0px;
    margin: 0 auto;
    min-height: 42px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .slide-container {
    order: unset;
    min-height: 662px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .block {
    margin-right: 96px;
    min-height: 300px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .block.b-2 {
    margin-top: 48px;
    top: 0;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .block .item {
    height: 300px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .block .item img {
    max-width: 480px;
    height: 300px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .block h2,
  .blog-slide-show .manufacturing-layer .flip-slide .block h3 {
    margin-top: 58px;
    left: 48px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .block p {
    left: 48px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .block span.category {
    font-size: 48px;
    top: 330px;
    left: -48px;
    width: 48px;
    line-height: 90px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .block span.category:after {
    top: 116px;
    left: 12px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .block span.category:before {
    top: 123px;
    left: 19px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .block button {
    left: 34px;
    font-size: 14px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .slide-nav {
    top: unset;
    transform: none;
    bottom: 0;
    position: absolute;
    right: 30px;
    width: 200px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .slide-nav .slide-nav-box .nav-txt {
    bottom: 0px;
    display: inline-block;
    line-height: 42px;
    padding-right: 15px;
    position: relative;
    right: 0;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .slide-bullets {
    top: unset;
    left: calc(50% - 92px);
    display: flex;
  }
  .blog-slide-show .bg-pattern {
    top: 240px;
    transform: translate(-492px, 0px);
  }
  .blog-slide-show .bg-pattern .icon-bg svg {
    transform: scale(0.82);
  }
}
@media screen and (max-width: 834px) {
  .blog-slide-show:before {
    width: 324px;
    height: 516px;
  }
  .blog-slide-show .title-set .title-txt {
    font-size: 40px;
    line-height: 52px;
  }
  .blog-slide-show .title-set .desc-txt p {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .blog-slide-show {
    padding: 0px 64px;
    margin-bottom: 48px;
  }
  .blog-slide-show:before {
    width: 164px;
    height: 320px;
  }
  .blog-slide-show .container {
    padding-right: 0px;
    padding-left: 0px;
  }
  .blog-slide-show .manufacturing-layer {
    width: 1180px;
    min-height: 490px;
    transform: translate(-50%, 0px);
  }
  .blog-slide-show .manufacturing-layer .flip-slide {
    min-height: 622px;
    padding-bottom: 0px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .slide-container {
    min-height: 520px;
    margin-left: 32px;
    margin-bottom: 48px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .block {
    margin-right: 32px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .block .item {
    height: 220px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .block .item img {
    max-width: 350px;
    height: 220px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .block h2,
  .blog-slide-show .manufacturing-layer .flip-slide .block h3 {
    margin-top: 40px;
    margin-bottom: 28px;
    left: 78px;
    max-width: calc(100% - 72px);
  }
  .blog-slide-show .manufacturing-layer .flip-slide .block p {
    left: 78px;
    max-width: 270px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .block button {
    left: 60px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .block span.category {
    top: 234px;
    left: -4px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .slide-nav {
    right: 0;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .slide-bullets {
    bottom: 20px;
    left: 50%;
  }
  .blog-slide-show .title-set {
    padding-left: 0px;
    margin-bottom: 24px;
  }
  .blog-slide-show .title-set .title-txt {
    font-size: 32px;
    line-height: 44px;
  }
  .blog-slide-show .title-set .desc-txt {
    padding-right: 0px;
  }
  .blog-slide-show .bg-pattern {
    top: -80px;
    transform: translate(-264px, 0px);
  }
  .blog-slide-show .bg-pattern .icon-bg svg {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 600px) {
  .blog-slide-show .manufacturing-layer .flip-slide.more-item-nav .slide-bullets {
    transform: translate(-50%, 0%);
    left: 50%;
    text-align: center;
    bottom: 28px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide.more-item-nav .slide-bullets .slide-bullet {
    display: inline-block;
  }
}
@media screen and (max-width: 380px) {
  .blog-slide-show .manufacturing-layer .flip-slide .block h2,
  .blog-slide-show .manufacturing-layer .flip-slide .block h3 {
    max-width: calc(100% - 112px);
  }
  .blog-slide-show .manufacturing-layer .flip-slide .block p {
    max-width: 250px;
  }
}
@media screen and (max-width: 360px) {
  .blog-slide-show .manufacturing-layer .flip-slide .block span.category {
    left: 16px;
  }
  .blog-slide-show .manufacturing-layer .flip-slide .slide-bullets {
    left: 32px;
  }
}
.reviews-trustpilot-component {
  position: relative;
  width: 100%;
  padding-bottom: 80px;
}
.reviews-trustpilot-component .reviews-title .title-txt {
  display: flex;
  margin-bottom: 60px;
  gap: 32px;
}
.reviews-trustpilot-component .reviews-title .title-txt .logo-img {
  width: 56px;
  height: 56px;
  min-width: 56px;
}
.reviews-trustpilot-component .reviews-title .title-txt .logo-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
}
.reviews-trustpilot-component .reviews-title .title-txt .content .head-title {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 60px;
}
.reviews-trustpilot-component .reviews-title .title-txt .content .content-desc {
  display: flex;
}
.reviews-trustpilot-component .reviews-title .title-txt .content .content-desc .desc-txt {
  color: #111c1c;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
}
.reviews-trustpilot-component .reviews-title .title-txt .content .content-desc .bt-route p {
  font-size: 12px;
  font-weight: 600;
  padding: 0 4px 0 8px;
}
.reviews-trustpilot-component .reviews-title .title-txt .content .content-desc .bt-route .ico-arrow {
  color: #e4b760;
  --icon-color: #e4b760;
}
.reviews-trustpilot-component .reviews-trustpilot-container .trustpilot-reviews {
  display: flex;
  justify-content: center;
  align-items: center;
}
.reviews-trustpilot-component .reviews-trustpilot-container .trustpilot-reviews .trustpilot-widget {
  width: 100%;
  max-width: 1200px;
}

@media screen and (max-width: 1024px) {
  .reviews-trustpilot-component {
    padding-bottom: 64px;
  }
  .reviews-trustpilot-component .reviews-title .title-txt {
    gap: 24px;
    padding-left: 0px;
    margin-bottom: 22px;
  }
  .reviews-trustpilot-component .reviews-title .title-txt .logo-img {
    width: 42px;
    height: 42px;
    min-width: 42px;
  }
  .reviews-trustpilot-component .reviews-title .title-txt .content .head-title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media screen and (max-width: 743px) {
  .reviews-trustpilot-component {
    padding-bottom: 48px;
  }
  .reviews-trustpilot-component .reviews-title .title-txt {
    gap: 16px;
  }
  .reviews-trustpilot-component .reviews-title .title-txt .logo-img {
    width: 30px;
    height: 30px;
    min-width: 30px;
  }
  .reviews-trustpilot-component .reviews-title .title-txt .content .head-title {
    font-size: 32px;
    line-height: 40px;
  }
  .reviews-trustpilot-component .reviews-title .title-txt .content .content-desc {
    flex-direction: column;
  }
  .reviews-trustpilot-component .reviews-title .title-txt .content .content-desc .bt-route p {
    padding: 0 4px 0 0;
  }
}
.redirect-popup-component {
  position: fixed;
  z-index: 10;
  width: 100%;
  height: 100%;
  left: 0px;
  bottom: 0px;
  background-color: rgba(17, 28, 28, 0.25);
  visibility: hidden;
  opacity: 0;
}
.redirect-popup-component.active {
  visibility: visible;
  opacity: 1;
}
.redirect-popup-component .panel {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 350px;
  background-color: #fff;
  padding: 24px;
  overflow: hidden;
  transition: max-height 0.3s;
  border-radius: 4px;
  box-shadow: 0px 0px 16px 0px rgba(17, 28, 28, 0.16);
}
.redirect-popup-component .panel .content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.redirect-popup-component .panel .content .title {
  font-weight: bold;
  line-height: 32px;
  text-align: center;
  font-size: 24px;
  margin-bottom: 14px;
}
.redirect-popup-component .panel .content .detail {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 14px;
}
.redirect-popup-component .panel .content .link-btn {
  display: block;
  width: 100%;
  height: 56px;
  padding: 20px 24px 20px 24px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #e4b760;
  font-weight: bold;
  border-radius: 100px;
}

.showroom-hilight {
  margin-bottom: 80px;
  transition: all 0.3s;
  opacity: 0;
}
.showroom-hilight.active {
  opacity: 1;
}
.showroom-hilight .slider .hilight-slide-item .slide-bg {
  display: block;
}
.showroom-hilight .slider .hilight-slide-item .slide-image video {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}
.showroom-hilight .slider .hilight-slide-item .hilight-title .title-txt h1,
.showroom-hilight .slider .hilight-slide-item .hilight-title .title-txt h2,
.showroom-hilight .slider .hilight-slide-item .hilight-title .title-txt h3,
.showroom-hilight .slider .hilight-slide-item .hilight-title .title-txt h4,
.showroom-hilight .slider .hilight-slide-item .hilight-title .title-txt h5,
.showroom-hilight .slider .hilight-slide-item .hilight-title .title-txt h6 {
  margin: 0;
  font-size: 52px;
  line-height: 62px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
}
.showroom-hilight .slider .hilight-slide-item .hilight-desc a {
  color: #e4b760;
  font-weight: 600;
}

@media screen and (max-width: 1280px) {
  .showroom-hilight .slider .hilight-slide-item .hilight-title .title-txt h1,
  .showroom-hilight .slider .hilight-slide-item .hilight-title .title-txt h2,
  .showroom-hilight .slider .hilight-slide-item .hilight-title .title-txt h3,
  .showroom-hilight .slider .hilight-slide-item .hilight-title .title-txt h4,
  .showroom-hilight .slider .hilight-slide-item .hilight-title .title-txt h5,
  .showroom-hilight .slider .hilight-slide-item .hilight-title .title-txt h6 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media screen and (max-width: 1024px) {
  .showroom-hilight {
    margin-bottom: 64px;
  }
  .showroom-hilight .slider .controls-box {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .showroom-hilight {
    margin-bottom: 48px;
  }
  .showroom-hilight .slider .hilight-slide-item .hilight-title .title-txt h1,
  .showroom-hilight .slider .hilight-slide-item .hilight-title .title-txt h2,
  .showroom-hilight .slider .hilight-slide-item .hilight-title .title-txt h3,
  .showroom-hilight .slider .hilight-slide-item .hilight-title .title-txt h4,
  .showroom-hilight .slider .hilight-slide-item .hilight-title .title-txt h5,
  .showroom-hilight .slider .hilight-slide-item .hilight-title .title-txt h6 {
    font-size: 32px;
    line-height: 40px;
  }
}
.sofa-preset-component {
  --container-width: 360px;
  --nav-button-size: 40px;
  --wrapper-padding: 24px;
  --item-height: 172px;
  --item-width: 172px;
  --item-font-size: 13px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  visibility: hidden;
  pointer-events: none;
  background: rgba(17, 28, 28, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100vh;
}
.sofa-preset-component.active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.sofa-preset-component.active .component-wrapper {
  opacity: 1;
}
.sofa-preset-component .item {
  display: none;
}
.sofa-preset-component .close-btn {
  display: flex;
  margin-left: auto;
  width: 24px;
  height: 24px;
  border: none;
  background-color: unset;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.sofa-preset-component .close-btn .close-icon {
  color: #111c1c;
  width: 13px;
  height: 13px;
}
.sofa-preset-component .heading {
  color: #111c1c;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 16px;
}
.sofa-preset-component .component-wrapper {
  width: 520px;
  height: 510px;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.08);
  padding: var(--wrapper-padding);
  position: relative;
  opacity: 0;
  animation: animate-in 0.4s ease;
}
.sofa-preset-component .component-container {
  width: 100%;
  height: auto;
  position: relative;
}
.sofa-preset-component .sofa-preset {
  width: var(--container-width);
  overflow: hidden;
  margin: 0 auto;
}
.sofa-preset-component .sofa-preset .sofa-preset-box {
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.sofa-preset-component .sofa-preset .sofa-preset-box .sofa-preset-item {
  display: flex;
  width: var(--item-height);
  height: var(--item-width);
  padding: 8px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #d8d8d8;
  transition: border-color 0.4s ease-in-out;
  background-color: #fff;
  cursor: pointer;
  gap: 4px;
}
.sofa-preset-component .sofa-preset .sofa-preset-box .sofa-preset-item .img-box {
  width: 128px;
  height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.sofa-preset-component .sofa-preset .sofa-preset-box .sofa-preset-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sofa-preset-component .sofa-preset .sofa-preset-box .sofa-preset-item .add-circle-icon {
  width: 32px;
  height: 32px;
  color: #111c1c;
  transition: all 0.4s ease-in-out;
}
.sofa-preset-component .sofa-preset .sofa-preset-box .sofa-preset-item .title {
  color: #111c1c;
  text-align: center;
  font-size: var(--item-font-size);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  inline-size: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sofa-preset-component .sofa-preset .swiper-nav-btn {
  border: solid 2px #000;
  background-color: #fff;
  width: var(--nav-button-size);
  height: var(--nav-button-size);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  cursor: pointer;
  top: calc(50% - var(--nav-button-size));
  margin-top: unset;
}
.sofa-preset-component .sofa-preset .swiper-nav-btn::after {
  display: none;
}
.sofa-preset-component .sofa-preset .swiper-nav-btn.swiper-button-lock {
  display: none;
}
.sofa-preset-component .sofa-preset .btn-next {
  right: 0;
}
.sofa-preset-component .sofa-preset .btn-next .icon-arr-right svg {
  color: #000;
}
.sofa-preset-component .sofa-preset .btn-next:not(.disable):hover .icon-arr-right svg {
  animation: moveNext 0.6s linear forwards;
}
.sofa-preset-component .sofa-preset .btn-prev {
  left: 0;
}
.sofa-preset-component .sofa-preset .btn-prev .icon-arr-left svg {
  color: #000;
}
.sofa-preset-component .sofa-preset .btn-prev:not(.disable):hover .icon-arr-left svg {
  animation: moveBack 0.6s linear forwards;
}
.sofa-preset-component .sofa-preset .swiper-pagination-bullets {
  position: relative;
  margin-top: 24px;
}

@media (hover: hover) and (pointer: fine) {
  .sofa-preset-component .sofa-preset .sofa-preset-box .sofa-preset-item:hover {
    border-color: #e4b760;
  }
  .sofa-preset-component .sofa-preset .sofa-preset-box .sofa-preset-item:hover .add-circle-icon {
    color: #e4b760;
  }
}
@media screen and (max-width: 743px) {
  .sofa-preset-component {
    --container-width: 216px;
    --nav-button-size: 16px;
    --wrapper-padding: 16px;
    --item-height: 104px;
    --item-width: 107px;
    --item-font-size: 10px;
  }
  .sofa-preset-component .component-wrapper {
    width: 328px;
    height: 348px;
  }
  .sofa-preset-component .heading {
    font-size: 14px;
  }
  .sofa-preset-component .sofa-preset .sofa-preset-box {
    gap: 8px;
  }
  .sofa-preset-component .sofa-preset .sofa-preset-box .sofa-preset-item .img-box {
    width: 80px;
    height: 88px;
  }
  .sofa-preset-component .sofa-preset .swiper-pagination-bullets {
    margin-top: 16px;
  }
  .sofa-preset-component .sofa-preset .swiper-nav-btn {
    border: none;
  }
}
.faq-structured-component {
  padding-bottom: 56px;
}
.faq-structured-component .box-text .title .txt {
  color: #111c1c;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
.faq-structured-component .box-question {
  padding-top: 32px;
}
.faq-structured-component .box-question .questions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 32px;
}
.faq-structured-component .box-question .questions .question {
  margin-bottom: 16px;
}
.faq-structured-component .box-question .questions .question.active .custom-select-list .list-select .icon .icon-minus {
  opacity: 1;
  visibility: visible;
  transform: rotate(0deg);
}
.faq-structured-component .box-question .questions .question.active .custom-select-list .list-select .icon .icon-plus {
  opacity: 0;
  visibility: hidden;
  transform: rotate(-90deg);
}
.faq-structured-component .box-question .questions .question.active .custom-select-list .list-result {
  margin-top: 16px;
}
.faq-structured-component .box-question .questions .question.active .custom-select-list .list-result .txt {
  opacity: 1;
}
.faq-structured-component .box-question .questions .question .custom-select-list {
  width: 100%;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-select {
  height: 56px;
  padding: 0px 24px 0px 16px;
  border-radius: 15px;
  background: #faf9f7;
  display: flex;
  column-gap: 16px;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-select .txt {
  font-weight: 600;
  color: #111c1c;
  font-size: 14px;
  line-height: 24px;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-select .txt > * {
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-select .icon {
  margin-left: auto;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-select .icon svg {
  color: #111c1c;
  transition: all 0.3s ease-in-out;
  position: absolute;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-select .icon .icon-minus {
  width: 10px;
  height: 2px;
  opacity: 0;
  visibility: hidden;
  transform: rotate(90deg);
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-select .icon .icon-plus {
  width: 12px;
  height: 12px;
  display: block;
  opacity: 1;
  visibility: visible;
  transform: rotate(0deg);
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-select p {
  padding: 0;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-result {
  display: block;
  padding-inline: 24px;
  height: 0px;
  overflow: hidden;
  transition: 0.3s linear;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .txt {
  color: #111c1c;
  font-size: 14px;
  line-height: 22px;
  transition: all 0.3s;
  opacity: 0;
  transition-delay: 0.15s;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .txt > * {
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images {
  gap: 16px;
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 15px;
  position: relative;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .image-box,
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .video-box {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: left 0.4s;
  left: 0;
  z-index: 1;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .image-box.muted .btn-muted,
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .video-box.muted .btn-muted {
  display: block;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .image-box.muted .btn-unmuted,
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .video-box.muted .btn-unmuted {
  display: none;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .image-box .btn-muted,
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .video-box .btn-muted {
  display: none;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .image-box .btn-muted,
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .image-box .btn-unmuted,
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .video-box .btn-muted,
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .video-box .btn-unmuted {
  position: absolute;
  right: 24px;
  bottom: 32px;
  z-index: 1;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .image-box .btn-muted svg,
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .image-box .btn-unmuted svg,
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .video-box .btn-muted svg,
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .video-box .btn-unmuted svg {
  color: #ffffff;
  width: 24px;
  height: 20px;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .image-box img,
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .image-box picture,
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .image-box video,
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .image-box iframe,
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .video-box img,
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .video-box picture,
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .video-box video,
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item .video-box iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item[data-group-template-number="1"][data-index="0"] {
  aspect-ratio: 16/9;
  grid-column: span 2;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item[data-group-template-number="2"][data-index="0"], .faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item[data-group-template-number="2"][data-index="1"] {
  aspect-ratio: 9/10;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item[data-group-template-number="3"][data-index="1"] {
  grid-row: span 2;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item[data-group-template-number="3"][data-index="0"], .faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item[data-group-template-number="3"][data-index="2"] {
  aspect-ratio: 16/9;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item[data-group-template-number="4"][data-index="0"], .faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item[data-group-template-number="4"][data-index="3"] {
  aspect-ratio: 16/9;
}
.faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item[data-group-template-number="4"][data-index="1"], .faq-structured-component .box-question .questions .question .custom-select-list .list-result .images .image-item[data-group-template-number="4"][data-index="2"] {
  grid-row: span 2;
  aspect-ratio: 8/9;
}

@media screen and (max-width: 1024px) {
  .faq-structured-component {
    padding-bottom: 40px;
  }
  .faq-structured-component .box-text .title .txt {
    font-size: 22px;
    line-height: 26px;
  }
  .faq-structured-component .box-question {
    padding-bottom: 24px;
  }
  .faq-structured-component .box-question .questions {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 743px) {
  .faq-structured-component {
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 400px) {
  .faq-structured-component .box-question .questions .question .custom-select-list .list-select .txt {
    font-size: 12px;
    line-height: 16px;
  }
}
.configuration-new-3d-page.v2 .configuration-side-bar {
  overflow: visible;
}
.configuration-new-3d-page.v2 .configuration-side-bar::after {
  width: 296px;
  background-color: rgba(248, 247, 243, 0.7);
}
.configuration-new-3d-page.v2 .configuration-side-bar.active .tabs {
  display: block;
}
.configuration-new-3d-page.v2 .configuration-side-bar.active .configuration-summary .fixed-summary {
  right: 0;
  transition: all ease-in-out 0.25s;
}
.configuration-new-3d-page.v2 .configuration-side-bar .steps {
  padding-bottom: 32px;
}
.configuration-new-3d-page.v2 .configuration-side-bar .go-to-bottom {
  top: -60px;
  left: auto;
  right: 128px;
}
.configuration-new-3d-page.v2 .configuration-side-bar .go-to-bottom .exp {
  position: absolute;
  right: 58px;
  top: 14px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  color: #111 !important;
}
.configuration-new-3d-page.v2 .configuration-side-bar .back-to-top {
  bottom: -380px;
  right: 128px;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary {
  margin-left: 32px;
  max-width: 514px;
  padding-top: 0;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .fixed-summary {
  position: fixed;
  bottom: 0;
  background-color: #fff;
  width: 670px;
  z-index: 4;
  padding-top: 8px;
  padding-bottom: 16px;
  right: -671px;
  padding-left: 28px;
  border-radius: 8px 0px 0px 0px;
  background: #fff;
  box-shadow: -4px -4px 8px 0px rgba(0, 0, 0, 0.04);
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .fixed-summary::after {
  content: "";
  position: absolute;
  background-color: rgba(248, 247, 243, 0.7);
  height: 100%;
  width: 296px;
  right: 0;
  top: 0;
  z-index: -1;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .fixed-summary .price-sum {
  max-width: 514px;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart {
  max-width: 514px;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container {
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .price-box {
  padding-right: 0;
  text-align: right;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .bt-general {
  width: auto;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .left {
  display: flex;
  align-items: center;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .right {
  display: flex;
  gap: 8px;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .expand-collapse-btn {
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  color: #000;
  display: none;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .expand-collapse-btn .icon-arr-up {
  display: inline-block;
  width: 14px;
  height: 12px;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .expand-collapse-btn .icon-arr-up svg {
  color: #000;
  left: 6px;
  top: 4px;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .summary-details .summary-details-container {
  padding-top: 0px;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .summary-details .summary-details-container .text-detail p:first-child {
  max-width: calc(100% - 100px);
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .summary-details .shipping-days {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .summary-details .shipping-days b {
  font-weight: 600;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .sum {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 8px;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .sum:first-child {
  margin-top: 24px;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .sum:last-child {
  margin-bottom: 12px;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .sum .tt {
  display: flex;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .sum .n {
  width: 65%;
  cursor: pointer;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .sum .p {
  width: 35%;
  text-align: right;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .sum .icon-arr-up {
  margin-left: 4px;
  width: 12px;
  height: 12px;
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .sum .icon-arr-up svg {
  color: #000;
  top: 4px;
  left: 2px;
  transform: rotate(180deg);
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .sum .selected {
  margin-top: 16px;
  transition: height 0.5s ease-in-out;
  overflow: hidden;
  height: 0;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .sum .selected .item {
  margin-bottom: 16px;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .sum .selected .item .c {
  display: block;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  color: #a0a4a4;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .sum .selected .item .cfg {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .sum[open=true] .icon-arr-up svg {
  transform: rotate(0deg);
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .sum[open=true] .selected {
  height: auto;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .sum[open=hidden] .icon-arr-up {
  display: none;
}
.configuration-new-3d-page.v2 .configuration-side-bar .layout-accordion-wrapper .configuration-detail.more-content .detail-box p a {
  display: inline;
}
.configuration-new-3d-page.v2 .configuration-side-bar .layout-accordion-wrapper .edition-layout .info-tooltip {
  cursor: pointer;
}
.configuration-new-3d-page.v2 .configuration-side-bar .layout-accordion-wrapper .edition-layout .info-tooltip:hover {
  --color-1: #ebc989;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .summary-details .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .expand-collapse-btn {
  display: block;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .summary-details[open=false] {
  padding-bottom: 140px;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .summary-details[open=false] .fixed-summary .summary-details-container.remark,
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .summary-details[open=false] .fixed-summary .shipping-days,
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .summary-details[open=false] .fixed-summary .price-box,
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .summary-details[open=false] .fixed-summary .less-state {
  display: none !important;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .summary-details[open=true] {
  padding-bottom: 260px;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .summary-details[open=true] .fixed-summary .more-state {
  display: none !important;
}
.configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .summary-details[open=true] .fixed-summary .icon-arr-up svg {
  transform: rotate(180deg);
}
.configuration-new-3d-page.v2 .edition-layout-container {
  display: none;
}
.configuration-new-3d-page.v2 .edition-layout-container.active {
  display: block;
}
.configuration-new-3d-page.v2 .edition-layout-container .sp-step {
  border-bottom: 1px solid #ddd;
}
.configuration-new-3d-page.v2 .edition-layout-container .sp-step b {
  font-size: 16px;
  font-weight: 600;
}
.configuration-new-3d-page.v2 .edition-layout-container .sp-step p {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: #a0a4a4;
  margin-top: 8px;
}
.configuration-new-3d-page.v2 .edition-layout-container .sp-step .rps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  position: relative;
}
.configuration-new-3d-page.v2 .edition-layout-container .sp-step .rps .animation-instruction-v2 {
  position: absolute;
  max-width: 500px;
  width: 100%;
  left: -80%;
  z-index: 5;
  pointer-events: none;
}
.configuration-new-3d-page.v2 .edition-layout-container .sp-step .rps .animation-instruction-v2 img {
  width: 100%;
}
.configuration-new-3d-page.v2 .edition-layout-container .sp-step .rps .rp {
  display: inline-flex;
  width: 100px;
  flex-direction: column;
  align-items: center;
  margin-top: 24px;
  cursor: pointer;
  position: relative;
}
.configuration-new-3d-page.v2 .edition-layout-container .sp-step .rps .rp.active .a {
  opacity: 1;
}
.configuration-new-3d-page.v2 .edition-layout-container .sp-step .rps .rp.amount .a .num {
  display: inline-block;
}
.configuration-new-3d-page.v2 .edition-layout-container .sp-step .rps .rp.amount .a .ch {
  display: none;
}
.configuration-new-3d-page.v2 .edition-layout-container .sp-step .rps .rp .a {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: -3px;
  top: -1px;
  background-color: #e5b761;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
  color: #fff;
}
.configuration-new-3d-page.v2 .edition-layout-container .sp-step .rps .rp .a .num {
  display: none;
}
.configuration-new-3d-page.v2 .edition-layout-container .sp-step .rps .rp .a .ch {
  width: 16px;
  height: 16px;
  position: relative;
}
.configuration-new-3d-page.v2 .edition-layout-container .sp-step .rps .rp .a .ch::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-new-3d-page.v2 .edition-layout-container .sp-step .rps .rp .im {
  width: 100px;
  height: 100px;
  background-color: #fff;
  box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.08);
  display: block;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.configuration-new-3d-page.v2 .edition-layout-container .sp-step .rps .rp .im img {
  width: 90%;
  height: 80%;
  object-fit: cover;
}
.configuration-new-3d-page.v2 .edition-layout-container .sp-step .rps .rp .np {
  display: block;
  margin-top: 12px;
}
.configuration-new-3d-page.v2 .edition-layout-container .sp-step .rps .rp .np .n {
  display: block;
  font-weight: 600;
  text-align: center;
}
.configuration-new-3d-page.v2 .edition-layout-container .sp-step .rps .rp .np .f {
  display: block;
  text-align: center;
  font-size: 11px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.configuration-new-3d-page.v2 .edition-layout-container .sp-step .rps .rp .np .p {
  display: block;
  text-align: center;
  font-size: 11px;
}
.configuration-new-3d-page.v2 .edition-layout-container .loading {
  text-align: center;
  padding: 48px 0px;
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.15s;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -70px;
}
.configuration-new-3d-page.v2 .edition-layout-container .loading.active {
  visibility: visible;
  opacity: 1;
}
.configuration-new-3d-page.v2 .edition-layout-container .loading img {
  width: 100px;
}
.configuration-new-3d-page.v2 .edition-layout-container .dynamic-steps {
  margin-top: 48px;
}
.configuration-new-3d-page.v2 .edition-layout-container .selected {
  padding: 32px 0;
  padding-bottom: 12px;
  font-weight: 600;
}
.configuration-new-3d-page.v2 .edition-layout-container .selected label {
  font-size: 10px;
  line-height: 16px;
  color: #a0a4a4;
  font-weight: 400;
}
.configuration-new-3d-page.v2 .edition-layout-container .selected .step-sum {
  display: flex;
  margin-top: 4px;
}
.configuration-new-3d-page.v2 .edition-layout-container .selected .step-sum .in {
  width: 65%;
}
.configuration-new-3d-page.v2 .edition-layout-container .selected .step-sum .p {
  width: 35%;
  text-align: right;
}
.configuration-new-3d-page.v2 .tabs {
  position: relative;
  padding: 0 32px;
  margin-bottom: 24px;
  z-index: 3;
  width: 100%;
  display: none;
}
.configuration-new-3d-page.v2 .tabs .tab-description .h {
  font-size: 14px;
  font-weight: 600;
  color: #111c1c;
  margin: 0;
}
.configuration-new-3d-page.v2 .tabs .tab-description .p {
  font-size: 12px;
  color: #a0a4a4;
  margin-top: 8px;
}
.configuration-new-3d-page.v2 .tabs .tab-items {
  display: inline-flex;
  margin-top: 12px;
  position: relative;
}
.configuration-new-3d-page.v2 .tabs .tab-items.fixed {
  position: fixed;
  top: 0;
  background: #fff;
  z-index: 10;
  width: 674px;
  margin: 0;
  right: 0;
  padding-left: 24px;
}
.configuration-new-3d-page.v2 .tabs .tab-items .tab-item {
  width: 80px;
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #aeb2b2;
  padding-bottom: 4px;
  cursor: pointer;
  border-bottom: 2px solid #d8d8d8;
  position: relative;
}
.configuration-new-3d-page.v2 .tabs .tab-items .tab-item.active {
  color: #616161;
  border-bottom: 2px solid #e4b760;
}
.configuration-new-3d-page.v2 .tabs .tab-items .tab-item.active .icon img {
  opacity: 1;
}
.configuration-new-3d-page.v2 .tabs .tab-items .tab-item .icon {
  width: 42px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.configuration-new-3d-page.v2 .tabs .tab-items .tab-item .icon img {
  opacity: 0.2;
}
.configuration-new-3d-page.v2 .tabs .tab-items .tab-item .icon.t svg,
.configuration-new-3d-page.v2 .tabs .tab-items .tab-item .icon.t img {
  width: 38px;
  height: 38px;
}
.configuration-new-3d-page.v2 .tabs .tab-items .tab-item .icon.c svg,
.configuration-new-3d-page.v2 .tabs .tab-items .tab-item .icon.c img {
  width: 24px;
  height: 27px;
}
.configuration-new-3d-page.v2 .tabs .tab-items .tab-item .icon.d svg,
.configuration-new-3d-page.v2 .tabs .tab-items .tab-item .icon.d img {
  width: 34px;
  height: 20px;
}
.configuration-new-3d-page.v2 .tabs .tab-items .tab-item .lock {
  display: flex;
  left: calc(50% - 18px);
  top: calc(50% - 19px);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.6;
}
.configuration-new-3d-page.v2 .tabs .tab-items .tab-item .lock svg {
  width: 30px;
  height: 30px;
}
.configuration-new-3d-page.v2 .tabs .tab-items .tab-item .disable-info {
  display: flex;
  left: 50%;
  transform: translateX(-50%);
  bottom: 6px;
  height: fit-content;
  z-index: 1;
}
.configuration-new-3d-page.v2 .tab-instruction {
  background-color: rgb(17, 28, 28);
  color: #fff;
  position: absolute;
  padding: 16px;
  text-align: center;
  border-radius: 4px;
  bottom: 84px;
  left: -76px;
  width: 240px;
}
.configuration-new-3d-page.v2 .tab-instruction.p {
  bottom: auto;
  z-index: 4;
  top: 12px;
  transform: translate(50%, -100%);
  width: 350px;
}
.configuration-new-3d-page.v2 .tab-instruction.p::after {
  right: calc(50% - 4px);
}
.configuration-new-3d-page.v2 .tab-instruction .cls {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 8px;
  height: 8px;
  display: inline-block;
  cursor: pointer;
}
.configuration-new-3d-page.v2 .tab-instruction .cls svg {
  pointer-events: none;
  width: 8px;
  height: 8px;
}
.configuration-new-3d-page.v2 .tab-instruction::after {
  width: 0;
  height: 0;
  border-left: 6.5px solid transparent;
  border-right: 6.5px solid transparent;
  border-top: 7px solid rgb(17, 28, 28);
  content: "";
  position: absolute;
  bottom: -6px;
  right: 6px;
}
.configuration-new-3d-page.v2 .configuration-diabled {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.4);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
}
.configuration-new-3d-page.v2 .configuration-diabled.active {
  visibility: visible;
  opacity: 1;
}
.configuration-new-3d-page.v2 .configuration-summary .summary-details .summary-details-container .summary-text {
  padding-bottom: 8px;
}
.configuration-new-3d-page.v2 .configuration-summary .summary-details .summary-details-container .summary-text:last-child {
  border: none;
}
.configuration-new-3d-page.v2 .configuration-summary .summary-details .summary-details-container .text-detail {
  padding-right: 0;
}
.configuration-new-3d-page.v2 .configuration-summary .summary-details .summary-details-container.sum-all {
  margin-bottom: 0px;
}
.configuration-new-3d-page.v2 .configuration-summary .summary-details .price-add-to-cart {
  padding-top: 0;
}
.configuration-new-3d-page.v2 .configuration-summary .sub-total {
  margin-bottom: 8px;
}
.configuration-new-3d-page.v2 .tab-disable-message {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  gap: 10px;
  min-width: 104px;
  width: auto;
  height: auto;
  background: #ffffff;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  transition: opacity ease-in-out 0.25s;
  box-shadow: 0px 0px 16px 0px rgba(17, 28, 28, 0.16);
  min-height: 26px;
  font-size: 12px;
}
.configuration-new-3d-page.v2 .tab-disable-message.active {
  visibility: visible;
  opacity: 1;
}
.configuration-new-3d-page.v2 .tab-disable-message::after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  content: " ";
  position: absolute;
  bottom: -7px;
  left: calc(50% - 10px);
}
.configuration-new-3d-page.v2 .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls {
  width: auto;
  gap: 12px;
  left: 16px;
}
.configuration-new-3d-page.v2 .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .btn {
  position: relative;
  width: auto;
  left: unset;
}
.configuration-new-3d-page.v2 .configuration-new-3d-boxs .configuration-3d-view-controls .ruler-btn {
  position: relative;
  pointer-events: painted;
}
.configuration-new-3d-page.v2 .configuration-new-3d-boxs .configuration-3d-view-controls .ruler-btn .ico-ruler {
  position: relative;
}
.configuration-new-3d-page.v2 .configuration-new-3d-boxs .configuration-3d-view-controls .ruler-btn .ico-ruler svg {
  width: 30px;
  height: 30px;
}
.configuration-new-3d-page.v2 .configuration-new-3d-boxs .configuration-3d-view-controls .ai-btn {
  pointer-events: painted;
}
.configuration-new-3d-page.v2 .configuration-new-3d-boxs .configuration-3d-view-controls .ai-btn .ico-ai {
  width: 32px;
  height: 32px;
}
.configuration-new-3d-page.v2 .configuration-new-3d-boxs .configuration-3d-view-controls .ai-btn .ico-ai svg {
  width: 32px;
  height: 32px;
}

.kiosk .configuration-new-3d-page.v2 .back-button-box, .kiosk .configuration-new-3d-page.v2 .configuration-new-3d-boxs .configuration-3d-view-controls .info-3d-btn, .kiosk .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .back-button-box, .kiosk .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .info-3d-btn {
  display: none !important;
}
.kiosk .configuration-new-3d-page.v2 .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .right, .kiosk .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .right {
  display: none !important;
}
.kiosk .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-model .img #tdview {
  margin-top: -96px;
}
.kiosk .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-main {
  padding-top: 96px;
}
.kiosk .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar {
  padding-top: 96px;
}
.kiosk .configuration-new-3d-page.v2 .configuration-new-3d-boxs .configuration-3d-model .img #tdview {
  margin-top: -48px;
}
.kiosk .configuration-new-3d-page.v2 .configuration-new-3d-main {
  padding-top: 48px;
}
.kiosk .configuration-new-3d-page.v2 .configuration-side-bar {
  padding-top: 48px;
}

.edit .configuration-new-3d-page.v2 .configuration-side-bar {
  top: 50px !important;
}

.product-drag-shadow {
  position: absolute;
  z-index: 99;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  pointer-events: none;
  opacity: 0.5;
  transition: opacity ease-in-out 0.25s;
}
.product-drag-shadow.invisible {
  opacity: 0;
}
.product-drag-shadow .im {
  width: 100%;
  height: 100%;
}
.product-drag-shadow .im img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-drag-shadow .a,
.product-drag-shadow .np {
  display: none;
}

@media screen and (min-width: 1281px) {
  .configuration-new-3d-page.v2 .product-info-3d-sticky {
    display: none !important;
  }
  .configuration-new-3d-page.v2 .tabs .tab-items .tab-item .lock,
  .configuration-new-3d-page.v2 .tabs .tab-items .tab-item .disable-info {
    display: none !important;
  }
}
@media screen and (max-width: 1280px) {
  .configuration-new-3d-page.v2:not(.dropdown-3d-multi-config) .configuration-side-bar .configuration-summary .sum {
    padding-right: 32px;
  }
  .configuration-new-3d-page.v2:not(.dropdown-3d-multi-config) .configuration-side-bar .configuration-summary .fixed-summary {
    width: 450px;
  }
  .configuration-new-3d-page.v2:not(.dropdown-3d-multi-config) .configuration-side-bar.active {
    width: 450px;
    overflow: visible;
  }
  .configuration-new-3d-page.v2:not(.dropdown-3d-multi-config) .configuration-side-bar.active .side-bar-toggle {
    right: 434px;
  }
  .configuration-new-3d-page.v2:not(.dropdown-3d-multi-config) .configuration-side-bar .edition-layout-container {
    max-width: 388px;
  }
  .configuration-new-3d-page.v2:not(.dropdown-3d-multi-config) .configuration-side-bar .edition-layout-container .sp-step .rps {
    grid-template-columns: repeat(3, 1fr);
  }
  .configuration-new-3d-page.v2:not(.dropdown-3d-multi-config) .configuration-side-bar .back-to-top {
    bottom: -370px;
    right: 24px;
  }
  .configuration-new-3d-page.v2:not(.dropdown-3d-multi-config) .configuration-side-bar .go-to-bottom {
    right: 24px;
  }
  .configuration-new-3d-page.v2 .tab-instruction.p {
    transform: translate(32%, -100%);
  }
}
@media screen and (max-width: 900px) {
  .configuration-new-3d-page.v2 .configuration-side-bar .edition-layout-container .sp-step .rps {
    grid-template-columns: repeat(3, 1fr);
  }
  .configuration-new-3d-page.v2 .tab-instruction {
    left: 8px;
  }
  .configuration-new-3d-page.v2 .tab-instruction.p {
    transform: none;
    left: 50%;
    margin-left: -175px;
    top: -28px;
  }
}
@media screen and (max-width: 743px) {
  .configuration-new-3d-page.v2:not(.dropdown-3d-multi-config) .configuration-side-bar .configuration-summary {
    max-width: 100%;
  }
  .configuration-new-3d-page.v2:not(.dropdown-3d-multi-config) .configuration-side-bar .configuration-summary .fixed-summary {
    width: 100%;
  }
  .configuration-new-3d-page.v2:not(.dropdown-3d-multi-config) .configuration-side-bar .configuration-summary .fixed-summary::after {
    background-color: #fff;
  }
  .configuration-new-3d-page.v2:not(.dropdown-3d-multi-config) .configuration-side-bar .configuration-summary .fixed-summary .price-sum,
  .configuration-new-3d-page.v2:not(.dropdown-3d-multi-config) .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart {
    width: 100%;
    max-width: 100%;
  }
  .configuration-new-3d-page.v2:not(.dropdown-3d-multi-config) .configuration-side-bar .configuration-summary .summary-details[open=true], .configuration-new-3d-page.v2:not(.dropdown-3d-multi-config) .configuration-side-bar .configuration-summary .summary-details[open=false] {
    padding-bottom: 100px;
  }
  .configuration-new-3d-page.v2 .configuration-side-bar.active {
    width: 100%;
  }
  .configuration-new-3d-page.v2 .configuration-side-bar .edition-layout-container {
    max-width: 100%;
  }
  .configuration-new-3d-page.v2 .configuration-side-bar .edition-layout-container .sp-step .rps {
    grid-template-columns: repeat(5, 1fr);
  }
  .configuration-new-3d-page.v2 .configuration-side-bar .edition-layout-container .sp-step .rps .rp {
    display: none !important;
  }
  .configuration-new-3d-page.v2 .configuration-side-bar.active .go-to-bottom,
  .configuration-new-3d-page.v2 .configuration-side-bar.active .back-to-top {
    display: flex;
  }
}
@media screen and (max-width: 650px) {
  .configuration-new-3d-page.v2 .configuration-side-bar .edition-layout-container .sp-step .rps {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 520px) {
  .configuration-new-3d-page.v2 .configuration-side-bar .edition-layout-container .sp-step .rps {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 460px) {
  .configuration-new-3d-page.v2 .configuration-side-bar .edition-layout-container .sp-step .rps {
    grid-template-columns: repeat(3, 1fr);
  }
  .configuration-new-3d-page.v2 .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls {
    display: inline-block;
  }
  .configuration-new-3d-page.v2 .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .btn {
    float: left;
    margin-right: 12px;
  }
}
@media screen and (max-width: 420px) {
  .configuration-new-3d-page.v2 .configuration-side-bar .back-to-top {
    bottom: -410px;
  }
}
.design-contest-component {
  padding-bottom: 64px;
}
.design-contest-component .component-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 64px;
}
.design-contest-component .component-wrapper .content-box .title {
  color: #111c1c;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  padding-bottom: 8px;
}
.design-contest-component .component-wrapper .content-box .sub-title {
  color: #a0a4a4;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  padding-bottom: 24px;
}
.design-contest-component .component-wrapper .content-box .desc {
  color: #111c1c;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding-bottom: 40px;
}
.design-contest-component .component-wrapper .content-box .button-group {
  display: flex;
  flex-direction: row;
  gap: 16px;
  padding-bottom: 40px;
}
.design-contest-component .component-wrapper .content-box .button-group .btn {
  width: fit-content;
  min-width: 180px;
  padding: 20px 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  gap: 16px;
  cursor: pointer;
  background-color: #e4b760;
  color: #fff;
  border: 1px solid #e4b760;
}
.design-contest-component .component-wrapper .content-box .button-group .btn[disabled] {
  background-color: #d8d8d8;
  cursor: not-allowed;
  border-color: #d8d8d8;
}
.design-contest-component .component-wrapper .content-box .form-group {
  --check-box-bg-color: #fff;
  --check-color: #111c1c;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  column-gap: 8px;
}
.design-contest-component .component-wrapper .content-box .form-group.warning .check-box {
  animation: shaker 200ms 2 linear;
}
.design-contest-component .component-wrapper .content-box .form-group input[name=check-box] {
  width: 16px;
  height: 16px;
  opacity: 0;
  position: absolute;
  cursor: pointer;
}
.design-contest-component .component-wrapper .content-box .form-group input[name=check-box]:checked + .check-box {
  background-color: #e4b760;
  border-color: #e4b760;
}
.design-contest-component .component-wrapper .content-box .form-group input[name=check-box]:checked + .check-box .icon-check {
  display: flex;
}
.design-contest-component .component-wrapper .content-box .form-group .check-box {
  width: 16px;
  height: 16px;
  margin: 4px;
  border: 1px solid #111c1c;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  pointer-events: none;
  flex-shrink: 0;
}
.design-contest-component .component-wrapper .content-box .form-group .check-box .icon-check {
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
}
.design-contest-component .component-wrapper .content-box .form-group .check-box .icon-check::before {
  content: "";
  position: relative;
  transform: rotate(45deg);
  height: 7px;
  width: 3px;
  top: 2px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}
.design-contest-component .component-wrapper .content-box .form-group .checkbox-label,
.design-contest-component .component-wrapper .content-box .form-group .checkbox-text {
  display: inline-block;
  color: #111c1c;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.design-contest-component .popup-design-contest {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  width: min(478px, 100% - 32px);
  padding: 24px;
  flex-direction: column;
  max-height: calc(100vh - 32px);
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.25s;
  pointer-events: none;
  z-index: -1;
  min-height: 184px;
  background-color: #fff;
  border-radius: 4px;
}
.design-contest-component .popup-design-contest.active {
  opacity: 1;
  visibility: visible;
  z-index: 50;
  pointer-events: auto;
}
.design-contest-component .popup-design-contest .btn {
  appearance: none;
  border: unset;
  background: unset;
}
.design-contest-component .popup-design-contest .close-btn {
  width: 40px;
  height: 40px;
  position: relative;
  margin-left: auto;
  cursor: pointer;
  pointer-events: painted;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.design-contest-component .popup-design-contest .close-btn .close-popup-icon {
  width: 16px;
  height: 16px;
  color: #111c1c;
  transition: all 0.3s ease-in-out;
  pointer-events: painted;
}
.design-contest-component .popup-design-contest .popup-content.success .title {
  display: none;
}
.design-contest-component .popup-design-contest .popup-content.success .email-container {
  display: none;
}
.design-contest-component .popup-design-contest .popup-content.success .success-massage {
  display: flex;
}
.design-contest-component .popup-design-contest .popup-content.success .bt-accept {
  display: flex;
}
.design-contest-component .popup-design-contest .popup-content.success .send-mail-btn {
  display: none;
}
.design-contest-component .popup-design-contest .popup-content popup-container {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  flex-direction: column;
  overflow: auto;
}
.design-contest-component .popup-design-contest .popup-content .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  color: #111c1c;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.design-contest-component .popup-design-contest .popup-content .success-massage {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  color: #111c1c;
  overflow: hidden;
  display: none;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.design-contest-component .popup-design-contest .popup-content .content-txt {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
}
.design-contest-component .popup-design-contest .popup-content .email-container {
  margin-top: 24px;
}
.design-contest-component .popup-design-contest .popup-content .email-container label {
  color: #111c1c;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  padding-left: 24px;
  padding-bottom: 8px;
  display: block;
}
.design-contest-component .popup-design-contest .popup-content .email-container .email-box {
  position: relative;
}
.design-contest-component .popup-design-contest .popup-content .email-container .email-title {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  padding-left: 24px;
  margin-bottom: 8px;
}
.design-contest-component .popup-design-contest .popup-content .email-container .box-bt {
  position: relative;
  margin-bottom: 24px;
  border-radius: 4px;
}
.design-contest-component .popup-design-contest .popup-content .email-container .box-bt input[type=email] {
  background-color: #f8f7f4;
  padding: 16px 24px;
  height: 56px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #111c1c;
  width: 100%;
  border-radius: 4px;
  border: 1px solid transparent;
  opacity: 1;
}
.design-contest-component .popup-design-contest .popup-content .email-container .box-bt ::placeholder {
  color: #aeb2b2;
}
.design-contest-component .popup-design-contest .popup-content .email-container .box-bt :-ms-input-placeholder {
  color: #aeb2b2;
}
.design-contest-component .popup-design-contest .popup-content .email-container .box-bt ::-ms-input-placeholder {
  color: #aeb2b2;
}
.design-contest-component .popup-design-contest .popup-content .email-container .box-bt .error-message {
  position: absolute;
  bottom: -22px;
  left: 0;
  color: #bd0908;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  padding-left: 24px;
  display: none;
}
.design-contest-component .popup-design-contest .popup-content .email-container .box-bt.error {
  border: 1px solid #bd0908;
}
.design-contest-component .popup-design-contest .popup-content .email-container .box-bt.error .error-message {
  display: block;
}
.design-contest-component .popup-design-contest .popup-content .email-container .note-text-container {
  margin-top: 8px;
}
.design-contest-component .popup-design-contest .popup-content .email-container .note-txt {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  padding-left: 24px;
}
.design-contest-component .popup-design-contest .popup-content .email-container .attached-file-label {
  margin-top: 16px;
}
.design-contest-component .popup-design-contest .popup-content .email-container .attached-file-box {
  display: flex;
  height: 56px;
  padding: 0px 24px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  background: #f8f7f4;
}
.design-contest-component .popup-design-contest .popup-content .email-container .attached-file-box .attached-icon {
  width: 8px;
  height: 16px;
  --color-1: #111c1c;
}
.design-contest-component .popup-design-contest .popup-content .email-container .attached-file-box .attached-file-placeholder {
  color: #aeb2b2;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.design-contest-component .popup-design-contest .popup-content .email-container .attached-file-box .attached-file-placeholder > span {
  color: #111c1c;
}
.design-contest-component .popup-design-contest .popup-content .send-mail-btn,
.design-contest-component .popup-design-contest .popup-content .bt-accept {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 20px 24px;
  gap: 10px;
  width: 100%;
  height: 56px;
  background: #e4b760;
  border-radius: 100px;
  border: none;
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  margin-top: 24px;
}
.design-contest-component .popup-design-contest .popup-content .send-mail-btn {
  display: flex;
}
.design-contest-component .popup-design-contest .popup-content .bt-accept {
  display: none;
}
.design-contest-component .popup-design-contest .popup-content .message-box {
  position: relative;
  width: 100%;
}
.design-contest-component .popup-design-contest .popup-content .message-box .message-txt {
  position: absolute;
  top: 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}
.design-contest-component .popup-design-contest .popup-content .message-box .message-txt.error {
  font-size: 14px;
  color: red;
  display: none;
  padding-left: 24px;
}

@media screen and (max-width: 1200px) {
  .design-contest-component .component-wrapper {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
  .design-contest-component .component-wrapper .content-box {
    order: 2;
  }
  .design-contest-component .component-wrapper .content-box .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
  }
  .design-contest-component .component-wrapper .slider {
    order: 1;
  }
}
@media screen and (max-width: 743px) {
  .design-contest-component .component-wrapper {
    row-gap: 32px;
  }
  .design-contest-component .component-wrapper .content-box .desc {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 32px;
  }
  .design-contest-component .component-wrapper .content-box .button-group {
    flex-direction: column;
    row-gap: 16px;
    padding-bottom: 32px;
  }
  .design-contest-component .component-wrapper .content-box .button-group .btn {
    width: 100%;
  }
}
.extra-edition-info-button {
  cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
  .extra-edition-info-button:hover {
    --color-1: #ebc989;
  }
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config {
  --dropdown-3d-multi-config-side-bar-width: 578px;
  --dropdown-3d-multi-config-side-bar-top-gap: calc(178px + var(--shop-notification-bar-height, 0px));
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .inspiration-preview {
  width: 100%;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .btn-wishlist {
  display: none;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls input[name=model-action-toggle] {
  display: none;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .btn-close-action-group {
  display: none;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .btn-kebab {
  display: none;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .mobile-action-buttons {
  display: none;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls {
  width: auto;
  gap: 0;
  left: 0;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .btn {
  position: relative;
  left: unset;
  width: auto;
  padding: 4px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .btn .ico {
  width: 32px;
  height: 32px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls .text {
  margin-top: 4px;
  font-weight: 600;
  font-size: 10px;
  line-height: 16px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .add-chairs-btn {
  opacity: 1;
  pointer-events: painted;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .add-chairs-btn .ico-add-chairs,
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .add-chairs-btn .ico-remove-chairs {
  position: relative;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .add-chairs-btn .ico-add-chairs svg-sprite,
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .add-chairs-btn .ico-remove-chairs svg-sprite {
  color: #505050;
  width: 30px;
  height: 30px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .add-chairs-btn .ico-remove-chairs {
  display: none;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .add-chairs-btn .add-chairs-remove-label {
  display: none;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .add-chairs-btn.has-chairs .ico-add-chairs {
  display: none;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .add-chairs-btn.has-chairs .ico-remove-chairs {
  display: block;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .add-chairs-btn.has-chairs .add-chairs-add-label {
  display: none;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .add-chairs-btn.has-chairs .add-chairs-remove-label {
  display: inline;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar {
  height: auto;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: unset;
  border-radius: 0;
  padding-top: var(--dropdown-3d-multi-config-side-bar-top-gap);
  margin-top: 0;
  overflow: visible;
  top: 0;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar.active .tabs {
  display: flex;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar.active .configuration-summary .fixed-summary {
  right: 58px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .sidebar-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 100%;
  background: #f8f7f4;
  border-radius: 16px 16px 0 0;
  flex-grow: 1;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .tabs {
  background-color: #fff;
  padding: 0;
  display: none;
  flex-direction: column;
  height: 100%;
  max-width: 100%;
  position: sticky;
  top: 0;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .tabs.is-sticky .tab-description {
  display: none;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .tabs .tab-description {
  margin-bottom: 12px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .tabs .tab-items {
  margin-top: 0;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .tabs .tab-items .tab-item.unlocked {
  cursor: pointer;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .tabs .tab-items .tab-item.unlocked .lock,
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .tabs .tab-items .tab-item.unlocked .disable-info {
  display: none !important;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .steps {
  position: relative;
  height: 100%;
  padding-top: 16px;
  padding-bottom: 0;
  overflow: visible;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .steps .edition-layout-container {
  margin: 0;
  padding: 0 24px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .side-bar-toggle:hover .icon-arr-right {
  position: relative;
  animation: moveNextNew 0.6s ease both;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary {
  position: relative;
  flex-shrink: 0;
  box-shadow: unset;
  margin: 0;
  max-width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .summary-details .summary-details-container {
  padding-top: 0;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .summary-details .summary-details-container .text-detail p:first-child {
  max-width: calc(100% - 100px);
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .summary-details .shipping-days {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .summary-details .shipping-days b {
  font-weight: 600;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .sum {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 8px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .sum:first-child {
  margin-top: 24px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .sum:last-child {
  margin-bottom: 12px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .sum .tt {
  display: flex;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .sum .n {
  width: 65%;
  cursor: pointer;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .sum .p {
  width: 35%;
  text-align: right;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .sum .icon-arr-up {
  margin-left: 4px;
  width: 12px;
  height: 12px;
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .sum:hover .icon-arr-up {
  animation: menuUpNew 0.6s ease both;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .sum .selected {
  margin-top: 16px;
  transition: height 0.5s ease-in-out;
  overflow: hidden;
  height: 0;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .sum .selected .item {
  margin-bottom: 16px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .sum .selected .item .c {
  display: block;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  color: #a0a4a4;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .sum .selected .item .cfg {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .sum[open=false] .icon-arr-up svg {
  transform: rotate(90deg) translateX(-50%);
  top: 6px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .sum[open=true] .icon-arr-up svg {
  transform: rotate(-90deg) translateX(-50%);
  top: -2px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .sum[open=true] .selected {
  height: auto;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .sum[open=hidden] .icon-arr-up {
  display: none;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary {
  position: fixed;
  bottom: 0;
  z-index: 4;
  padding: 16px 24px;
  border-radius: 0px 0px 24px 24px;
  box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.04);
  background-color: #f8f7f4;
  width: var(--dropdown-3d-multi-config-side-bar-width);
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary[open=false] .summary-details-container.remark,
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary[open=false] .shipping-days,
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary[open=false] .price-box,
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary[open=false] .less-state,
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary[open=false] .sum-downpayment {
  display: none !important;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary[open=false] .summary-details-container.sum-all {
  padding-bottom: 0;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary[open=false] .price-add-to-cart .add-to-cart-container .button-box .expand-collapse-btn .icon-arr-up svg {
  transform: rotate(-90deg);
  top: 4px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary[open=true] .more-state {
  display: none !important;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary[open=true] .icon-arr-up svg {
  transform: rotate(0deg);
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .price-sum {
  max-width: 100%;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container {
  padding-top: 0;
  padding-bottom: 8px;
  opacity: 1;
  transition: 0.3s;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container.hidden-fade {
  transform: translateY(20px);
  opacity: 0;
  height: 0px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container.remark {
  padding-top: 0;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container.remark .summary-text:last-child {
  border-bottom: none;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container.sum-all {
  margin-bottom: 0;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .desc-text-set {
  margin-bottom: 72px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .desc-text-set .desc-label p {
  font-size: 10px;
  line-height: 20px;
  color: #a0a4a4;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .desc-text-set .desc-txt {
  max-width: 250px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .desc-text-set .desc-txt p {
  font-size: 13px;
  line-height: 23px;
  color: #111c1c;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .summary-text {
  padding-bottom: 0;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .summary-text .text-detail.sub-total, .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .summary-text .text-detail.sum-downpayment {
  padding-top: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .summary-text .text-detail.sub-total p, .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .summary-text .text-detail.sum-downpayment p {
  font-size: 12px;
  line-height: 18px;
  color: #111c1c;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .summary-text .text-detail.sub-total p:first-child, .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .summary-text .text-detail.sum-downpayment p:first-child {
  max-width: calc(100% - 100px);
  word-wrap: break-word;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .summary-text .text-detail.sub-total p b, .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .summary-text .text-detail.sum-downpayment p b {
  font-weight: 600;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .summary-text .text-detail.sub-total p b.orange, .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .summary-text .text-detail.sum-downpayment p b.orange {
  color: #e4b760;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .summary-text .text-detail.sub-total {
  padding-bottom: 8px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .text-label {
  display: flex;
  justify-content: space-between;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .text-label p {
  font-size: 10px;
  line-height: 16px;
  color: #a0a4a4;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .text-detail {
  display: flex;
  justify-content: space-between;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .text-detail p {
  font-size: 12px;
  line-height: 18px;
  color: #111c1c;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .text-detail p:first-child {
  max-width: calc(100% - 100px);
  word-wrap: break-word;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .text-detail p b {
  font-weight: 600;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .text-detail p b.orange {
  color: #e4b760;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .text-detail .orange {
  color: #e4b760;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .summary-details-container .text-detail .grey {
  color: #a0a4a4;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .shipping-days {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .shipping-days .icon-and-tooltip {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
  left: 3px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .shipping-days b {
  font-weight: 600;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart {
  padding-top: 0;
  max-width: 100%;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: 8px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .price-box {
  padding-right: 0;
  text-align: right;
  flex-direction: column;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .price-box .text {
  color: #a0a4a4;
  font-size: 10px;
  line-height: 18px;
  font-weight: 600;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .price-box .price {
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .bt-wish-list {
  width: 48px;
  height: 48px;
  border-radius: 15px;
  border: solid 1.5px #111c1c;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .bt-wish-list:hover {
  border: solid 1.5px #e4b760;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .bt-general {
  width: auto;
  min-width: 150px;
  max-width: 170px;
  height: 48px;
  border-radius: 15px;
  color: #111c1c;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .bt-general .icon-arr-right-bg2 svg {
  color: #111c1c;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .bt-general .icon-arrow {
  width: 24px;
  height: 24px;
  transform: rotate(-90deg);
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .bt-general > p {
  font-size: 14px;
  padding-right: 10px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .left {
  display: flex;
  align-items: center;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .right {
  display: flex;
  gap: 8px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .expand-collapse-btn {
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  color: #000;
  display: block;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .expand-collapse-btn .icon-arr-up {
  display: inline-block;
  width: 12px;
  height: 12px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .expand-collapse-btn .icon-arr-up svg {
  transform: rotate(90deg);
  top: 1px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .tab-instruction {
  top: 42px;
  transform: translate(50%, 0);
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .edition-layout-container .dynamic-steps {
  margin-top: 16px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .edition-layout-container .sp-step .rps {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  justify-items: center;
  column-gap: 16px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .edition-layout-container .sp-step .rps .rp {
  width: 90px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .edition-layout-container .sp-step .rps .rp .im {
  width: 90px;
  height: 90px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .edition-config .config-name {
  display: flex;
  gap: 4px;
  margin-bottom: 8px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .edition-config .config-name p {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .icon-arr-left,
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .icon-arr-right,
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .icon-arr-up,
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .icon-arr-down {
  width: 24px;
  height: 24px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .icon-arr-right {
  transform: rotate(-90deg);
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .ico-s {
  width: 12px;
  height: 12px;
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .layout-content-box .accordion-box .accordion-heading .icon-arr-up {
  transform: rotate(0deg);
}
.configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .layout-content-box .accordion-box[open=true] .icon-arr-up {
  transform: rotate(180deg);
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-btn {
  width: fit-content;
  max-width: 251px;
  min-height: 48px;
  box-shadow: 0px 0px 16px rgba(17, 28, 28, 0.16);
  border-radius: 100px;
  position: absolute;
  bottom: 0;
  z-index: 5;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  cursor: pointer;
  right: 90px;
  transform: translate(0, 150%);
  padding: 0 8px;
  opacity: 0;
  pointer-events: none;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-btn.is-visible {
  opacity: 1;
  transform: translate(0, 50%);
  pointer-events: painted;
  animation: inspiration-btn-enter 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;
  transition: box-shadow 0.25s ease, transform 0.25s ease, background-color 0.25s ease, bottom 0.25s ease, scale 0.25s ease;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-btn.is-visible .inspiration-label {
  animation: inspiration-btn-label-expand 0.35s ease 0.45s both;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-btn.disabled {
  opacity: 0.5;
  cursor: default;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-btn .inspiration-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0;
  gap: 4px;
  max-width: 0;
  opacity: 0;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-btn .inspiration-txt {
  color: #7b7b7b;
  height: 15px;
  display: flex;
  gap: 4px;
  justify-content: center;
  align-items: center;
  max-width: 20ch;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-btn .inspiration-title {
  color: #111c1c;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-btn .inspiration-number {
  background-color: #e4b760;
  padding: 0 4px;
  color: #ffffff;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2ch;
  min-width: 2ch;
  border-radius: 16px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-btn .inspiration-name {
  max-width: 20ch;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-btn .ico-ar-inspiration {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-btn .ico-ar-inspiration svg {
  width: 32px;
  height: 32px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview {
  position: fixed;
  left: 0;
  height: 170px;
  width: inherit;
  bottom: 0;
  overflow: hidden;
  display: none;
  background: #ffffff;
  z-index: 10;
  box-shadow: 0 -4px 16px rgba(17, 28, 28, 0.12);
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview.active {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview .inspiration-preview-header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  padding: 16px;
  position: relative;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview .inspiration-preview-header .title-wrapper {
  font-size: 12px;
  color: #4c5555;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview .inspiration-preview-header .title-wrapper .inspiration-preview-title {
  color: #111c1c;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview .inspiration-preview-header .inspiration-preview-close {
  position: absolute;
  right: 16px;
  width: 24px;
  height: 24px;
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #111c1c;
  padding: 0;
  flex-shrink: 0;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview .inspiration-swiper {
  max-width: calc(100% - 8px);
  height: 104px;
  padding: 0 16px;
  margin-left: 8px;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview .inspiration-swiper.hide-nav .bt-next,
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview .inspiration-swiper.hide-nav .bt-prev {
  display: none;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview .inspiration-swiper.hide-nav .swiper-wrapper {
  display: flex;
  justify-content: center;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview .inspiration-swiper .swiper-slide {
  width: fit-content;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview .inspiration-swiper .swiper-slide .inspiration-slide-button {
  display: block;
  background: none;
  border: 2px solid transparent;
  border-radius: 4px;
  padding: 0;
  cursor: pointer;
  height: 100%;
  transition: border-color 0.2s ease;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview .inspiration-swiper .swiper-slide img {
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  display: block;
  aspect-ratio: 4/3;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview .inspiration-swiper .swiper-button-next,
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview .inspiration-swiper .swiper-button-prev {
  width: 48px;
  height: inherit;
  bottom: unset;
  left: unset;
  right: unset;
  top: 50%;
  transform: translateY(-17px);
  position: absolute;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview .inspiration-swiper .swiper-button-next::after,
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview .inspiration-swiper .swiper-button-prev::after {
  font-size: 12px;
  font-weight: 700;
  color: #111c1c;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview .inspiration-swiper .swiper-button-next.swiper-button-disabled,
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview .inspiration-swiper .swiper-button-prev.swiper-button-disabled {
  display: none;
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview .inspiration-swiper .swiper-button-prev {
  left: 0;
  background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
.configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview .inspiration-swiper .swiper-button-next {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

@media screen and (max-width: 1366px) {
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar {
    padding-top: 0;
    margin-top: 178px;
    background-color: #f8f7f4;
    border-radius: 16px 16px 0 0;
    top: -32px;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .tabs {
    background-color: unset;
    padding: 0 24px;
    margin: 0;
    position: relative;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .tabs .tab-description {
    display: none;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .steps {
    flex-shrink: 0;
    flex-grow: unset;
    height: auto;
  }
}
@media screen and (min-width: 744px) and (max-width: 1280px) {
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config.v2 .configuration-new-3d-boxs .configuration-3d-view-controls {
    height: auto;
    top: 0;
    overflow: visible;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config.v2 .configuration-new-3d-boxs .configuration-3d-view-controls .bt-controls {
    width: auto;
    height: auto;
    gap: 0;
    left: 0;
    margin-left: auto;
    top: calc(172px + var(--shop-notification-bar-height, 0px) + 48px);
    bottom: unset;
    flex-direction: column;
    align-items: center;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config.v2 .configuration-new-3d-boxs .inspiration-preview {
    width: 100%;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config.v2 .configuration-new-3d-boxs .inspiration-preview .inspiration-swiper {
    max-width: calc(100% - 8px);
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config.v2:has(.configuration-side-bar.active) .configuration-new-3d-boxs .inspiration-btn {
    right: calc(var(--config-sidebar-width, 578px) + 80px);
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config.v2:has(.configuration-side-bar.active) .configuration-new-3d-boxs .inspiration-preview {
    width: calc(100vw - var(--config-sidebar-width, 578px) - 48px);
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config.v2 .back-button-box .container {
    margin-left: 32px;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config.v2 .back-button-box .btn-back .icon-arrow-wrapper {
    height: 24px;
  }
  .configuration-new-3d-page .add-to-cart-bt .icon-arrow-wrapper {
    height: 24px;
  }
}
@media screen and (min-width: 1279px) {
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config.v2:has(.configuration-side-bar.active) .configuration-new-3d-boxs .inspiration-preview {
    width: calc(100vw - var(--config-sidebar-width, 578px) - 58px);
  }
}
@media screen and (max-width: 1112px) {
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config {
    --dropdown-3d-multi-config-side-bar-width: 450px;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar.active .configuration-summary .fixed-summary {
    right: 48px;
  }
}
@media screen and (max-width: 743px) {
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config {
    --dropdown-3d-multi-config-side-bar-width: 100%;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls {
    position: absolute;
    top: unset;
    right: unset;
    bottom: 16px;
    left: 16px;
    width: fit-content;
    height: auto;
    padding: 0;
    overflow: visible;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .controls-container {
    margin: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
    gap: 6px;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .controls-container .bt-controls {
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
    width: fit-content;
    height: auto;
    left: 0;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .controls-container .bt-controls > .btn {
    flex-shrink: 0;
    margin-right: 0;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #faf9f7;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .controls-container .bt-controls > .btn.share-3d-btn {
    width: 40px;
    height: 40px;
    padding: 0;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .controls-container .bt-controls > .btn.share-3d-btn .ico-share-3d {
    width: 40px;
    height: 40px;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .controls-container .bt-controls > .btn .text {
    display: none;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .controls-container .bt-controls .add-chairs-btn {
    margin-top: 0;
    width: 40px;
    height: 40px;
    display: none;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .btn-wishlist {
    position: relative;
    left: 0;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
    transition: all 0.3s ease;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #faf9f7;
    justify-content: center;
    cursor: pointer;
    pointer-events: painted;
    flex-shrink: 0;
    padding: 0;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .btn-wishlist.active svg-sprite {
    --color-1: #e4b760;
    --color-2: #e4b760;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .btn-wishlist svg-sprite {
    width: 24px;
    height: 24px;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .btn-toggle {
    width: 48px;
    height: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 68px 19px rgba(17, 28, 28, 0), 0 43px 17px rgba(17, 28, 28, 0), 0 24px 15px rgba(17, 28, 28, 0.0196078431), 0 11px 11px rgba(17, 28, 28, 0.031372549), 0 3px 6px rgba(17, 28, 28, 0.031372549);
    cursor: pointer;
    gap: 4px;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls input[name=model-action-toggle]:checked ~ .controls-container > * {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 1;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls input[name=model-action-toggle]:checked ~ .controls-container > .mobile-action-buttons {
    position: relative;
    bottom: unset;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls input[name=model-action-toggle]:checked ~ .btn-kebab {
    opacity: 0;
    visibility: hidden;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls input[name=model-action-toggle] ~ .controls-container > * {
    position: relative;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls input[name=model-action-toggle] ~ .controls-container > .mobile-action-buttons {
    position: absolute;
    bottom: 48px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .mobile-action-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .mobile-action-buttons .add-chairs-btn-mobile {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #faf9f7;
    cursor: pointer;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .mobile-action-buttons .add-chairs-btn-mobile .text {
    display: none;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .btn-close-action-group {
    background-color: #111c1c;
    color: #fff;
    width: 40px;
    height: 40px;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .btn-kebab {
    display: flex;
    position: absolute;
    bottom: 0;
    width: 40px;
    height: 40px;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1;
    cursor: pointer;
    pointer-events: auto;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .btn-model-action,
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .ruler-btn,
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .ico-reset,
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .ico-share-3d {
    width: 40px;
    height: 40px;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-new-3d-boxs .configuration-3d-view-controls .bt-wishlist {
    width: 40px;
    height: 40px;
    border-radius: 15px;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar {
    margin-top: 360px;
    border-radius: unset;
    min-height: calc(100vh - 360px - 60px);
    top: 0;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar.active .configuration-summary .fixed-summary {
    right: 0;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .sidebar-wrapper {
    overflow: visible;
    height: auto;
    border-radius: unset;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .sidebar-wrapper .steps {
    overflow: visible;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .sidebar-wrapper .fixed-summary {
    width: 100%;
    position: fixed;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .configuration-side-bar .configuration-summary .configuration-summary[open=true] {
    padding-bottom: 200px;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .add-wishlist-notify {
    bottom: unset;
    top: 180px;
    background-color: #fff;
    border-radius: 4px;
    padding: 8px 12px;
    height: auto;
    width: fit-content;
    box-shadow: 0 68px 19px 0 rgba(17, 28, 28, 0), 0 43px 17px 0 rgba(17, 28, 28, 0), 0 24px 15px 0 rgba(17, 28, 28, 0.02), 0 11px 11px 0 rgba(17, 28, 28, 0.03), 0 3px 6px 0 rgba(17, 28, 28, 0.03);
    color: #111c1c;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    transform: translateX(-50%) translateY(400px);
    animation: snackbarSlideIn 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .add-wishlist-notify.active {
    z-index: 9;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .add-wishlist-notify p {
    color: #111c1c;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .edition-layout-container .sp-step .rps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .edition-layout-container .sp-step .rps .rp {
    display: flex !important;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-btn {
    right: 16px;
    bottom: 76px;
    transform: translateY(80px);
    border-radius: 10px;
    min-height: 40px;
    padding: 0 4px;
    gap: 0;
    font-size: 10px;
    line-height: 16px;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-btn .ico-ar-inspiration {
    order: 2;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-btn .inspiration-label {
    gap: unset;
    overflow: hidden;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-btn .inspiration-label .inspiration-txt {
    font-size: 10px;
    line-height: 16px;
    height: 16px;
    min-width: 16px;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-btn .inspiration-label .inspiration-number {
    height: 16px;
    min-width: 16px;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-btn.is-visible {
    transform: none;
    animation: inspiration-btn-enter-mobile 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-btn.text-expanded .inspiration-label {
    animation: inspiration-btn-label-expand 0.4s ease both;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview {
    display: none !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-btn:hover:not(.disabled) {
    box-shadow: 0px 6px 20px rgba(228, 183, 96, 0.35);
    background-color: #fffcf5;
    scale: 1.04;
    bottom: 3px;
  }
  .configuration-new-3d-page.dropdown-3d-config .configuration-new-3d-boxs .inspiration-preview .inspiration-swiper .swiper-slide .inspiration-slide-button:hover {
    border-color: #e4b760;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .back-button-box .btn-back:hover .icon-arrow {
    position: relative;
    animation: moveBackNew 0.6s ease both;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .add-to-cart-bt:hover .icon-arrow {
    position: relative;
    animation: moveNextNew 0.6s ease both;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .layout-content-box .accordion-box .accordion-heading:hover .icon-arrow {
    position: relative;
    animation: menuUpNew 1s ease both;
  }
  .configuration-new-3d-page.dropdown-3d-config.dropdown-3d-multi-config .expand-collapse-btn:hover svg {
    position: relative;
    animation: menuDownNew 1s ease both;
  }
}
.category-filter-products {
  --category-description-max-lines: 10;
  width: 100%;
  position: relative;
}
.category-filter-products .btn-toggle-sidebar {
  display: none;
  width: 190px;
  padding: 12px 16px;
  height: 48px;
  border-radius: 15px;
  background: #f8f7f4;
  color: #111c1c;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  position: relative;
  z-index: 4;
}
.category-filter-products .btn-toggle-sidebar.mobile {
  position: fixed;
  bottom: -50px;
  transition: bottom 0.3s ease-in-out;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 94%;
  border: 1px solid #111c1c;
}
.category-filter-products .btn-toggle-sidebar.mobile.show {
  bottom: 24px;
}
.category-filter-products .btn-toggle-sidebar .icon-filters {
  float: left;
}
.category-filter-products .btn-toggle-sidebar .icon-filters svg {
  width: 16px;
  height: 16px;
}
.category-filter-products .category-container {
  width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 24px;
}
.category-filter-products .category-sidebar-filter {
  flex-shrink: 0;
}
.category-filter-products .category-filter-products-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.category-filter-products .category-filter-products-content .category-details {
  position: relative;
  padding: 24px 0 24px 24px;
  width: 100%;
}
.category-filter-products .category-filter-products-content .category-details::after {
  content: "";
  display: block;
  clear: both;
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f8f7f4;
  z-index: -1;
}
.category-filter-products .category-filter-products-content .category-details .category-header {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
.category-filter-products .category-filter-products-content .category-details .category-header .content {
  flex-grow: 1;
}
.category-filter-products .category-filter-products-content .category-details .category-header .content .title {
  color: #111c1c;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 0;
}
.category-filter-products .category-filter-products-content .category-details .category-header .content .description-box.show-read-more .bt-view {
  display: none;
}
.category-filter-products .category-filter-products-content .category-details .category-header .content .description-box.show-read-more .bt-read-more {
  display: flex;
}
.category-filter-products .category-filter-products-content .category-details .category-header .content .desc {
  color: #111c1c;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  margin-top: 4px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--category-description-max-lines);
  overflow: hidden;
}
.category-filter-products .category-filter-products-content .category-details .category-header .content .desc p {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.category-filter-products .category-filter-products-content .category-details .category-header .content .bt-view {
  border-radius: 15px;
  height: 48px;
  padding: 20px 24px;
  margin: 20px 0px 0px;
  box-sizing: border-box;
}
.category-filter-products .category-filter-products-content .category-details .category-header .content .bt-read-more {
  margin-top: 4px;
  color: #e4b760;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
}
.category-filter-products .category-filter-products-content .category-details .category-header .content .bt-read-more .ico-arrow {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  vertical-align: middle;
  --icon-color: #e4b760;
}
.category-filter-products .category-filter-products-content .category-details .category-header .image-box {
  width: 50%;
  aspect-ratio: 185/104;
  flex-shrink: 0;
  position: relative;
}
.category-filter-products .category-filter-products-content .category-details .category-header .image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.category-filter-products .category-filter-products-content .category-details .category-carousel {
  margin-top: 24px;
  width: 100%;
  overflow: hidden;
}
.category-filter-products .category-filter-products-content .category-details .category-carousel .swiper-slide {
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  width: 180px;
  height: auto;
}
.category-filter-products .category-filter-products-content .category-details .category-carousel .category-item {
  margin: 0;
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 180px;
  height: auto;
}
.category-filter-products .category-filter-products-content .category-details .category-carousel .category-item img {
  width: 100%;
  height: auto;
  aspect-ratio: 180/113;
  object-fit: cover;
  object-position: center;
}
.category-filter-products .category-filter-products-content .category-details .category-carousel .category-item .category-name {
  color: #111c1c;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.category-filter-products .category-filter-products-content .category-details .category-carousel .carousel-nav {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 16px;
}
.category-filter-products .category-filter-products-content .category-details .category-carousel .carousel-nav .carousel-prev {
  margin-right: 16px;
}
.category-filter-products .category-filter-products-content .category-details .category-carousel .carousel-pagination {
  margin-right: 24px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.category-filter-products .category-filter-products-content .category-details .category-carousel .carousel-next,
.category-filter-products .category-filter-products-content .category-details .category-carousel .carousel-prev {
  position: relative;
}
.category-filter-products .category-filter-products-content .category-details .category-carousel .carousel-next.swiper-button-disabled,
.category-filter-products .category-filter-products-content .category-details .category-carousel .carousel-prev.swiper-button-disabled {
  opacity: 0.5;
}
.category-filter-products .category-filter-products-content .category-details .category-carousel .carousel-next.swiper-button-lock,
.category-filter-products .category-filter-products-content .category-details .category-carousel .carousel-prev.swiper-button-lock {
  display: none;
}
.category-filter-products .category-filter-products-content .category-products {
  width: 100%;
  position: relative;
  margin-top: 32px;
  padding-bottom: 80px;
}
.category-filter-products .category-filter-products-content .category-products .category-products-header {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}
.category-filter-products .category-filter-products-content .category-products .category-products-header .category-products-title {
  color: #111c1c;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
}
.category-filter-products .category-filter-products-content .category-products .category-products-header .total-products {
  color: #111c1c;
  font-weight: bold;
  margin-right: 8px;
  font-size: 16px;
  line-height: 24px;
}
.category-filter-products .category-filter-products-content .category-products .category-products-header .category-products-sort {
  position: relative;
  width: 216px;
  height: 48px;
  border-radius: 15px;
  background: #faf9f7;
  cursor: pointer;
}
.category-filter-products .category-filter-products-content .category-products .category-products-header .category-products-sort .custom-select-list {
  padding: 0;
}
.category-filter-products .category-filter-products-content .category-products .category-products-header .category-products-sort .custom-select-list.active .list-select .ico-arrow {
  transform: rotate(180deg);
}
.category-filter-products .category-filter-products-content .category-products .category-products-header .category-products-sort .custom-select-list .list-select {
  border-radius: 15px;
}
.category-filter-products .category-filter-products-content .category-products .category-products-header .category-products-sort .custom-select-list .list-select .icon-arr-down {
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
}
.category-filter-products .category-filter-products-content .category-products .category-products-header .category-products-sort .custom-select-list .list-select .ico-arrow {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  --icon-color: #111c1c;
  transform: rotate(0deg);
}
.category-filter-products .category-filter-products-content .category-products .category-products-header .category-products-sort .custom-select-list .list-select .mobile-icon {
  display: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.category-filter-products .category-filter-products-content .category-products .category-products-header .category-products-sort .custom-select-list .list-select .mobile-icon svg {
  --icon-color: #111c1c;
  width: 24px;
  height: 24px;
}
.category-filter-products .category-filter-products-content .category-products .category-products-header .category-products-sort .custom-select-list .list-option {
  border-radius: 15px;
  background: #fff;
  box-shadow: 0px 0px 16px 0px rgba(17, 28, 28, 0.16);
  padding: 8px;
  right: 0;
  left: unset;
}
.category-filter-products .category-filter-products-content .category-products .category-products-header .category-products-sort .custom-select-list .list-option .custom-radio-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0;
}
.category-filter-products .category-filter-products-content .category-products .category-products-header .category-products-sort .custom-select-list .list-option .custom-radio-list .radio-item {
  margin: 0;
  padding: 0;
}
.category-filter-products .category-filter-products-content .category-products .category-products-header .category-products-sort .custom-select-list .list-option .custom-radio-list .radio-item .radio-label {
  height: 24px;
  color: #111c1c;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  padding-left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.category-filter-products .category-filter-products-content .category-products .category-products-header .category-products-sort .custom-select-list .list-option .custom-radio-list .radio-item .radio-label:before {
  left: 0;
  position: relative;
  margin-left: 8px;
  margin-right: 10px;
}
.category-filter-products .category-filter-products-content .product-cards {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 24px;
  padding-bottom: 56px;
}
.category-filter-products .category-filter-products-content .product-cards.fade .product-card-item {
  display: flex;
}
.category-filter-products .category-filter-products-content .product-cards .product-card-item {
  display: none;
}
.category-filter-products .category-filter-products-content .product-cards .product-card-item .product-card-image {
  position: relative;
  overflow: hidden;
}
.category-filter-products .category-filter-products-content .product-cards .product-card-item .product-card-image.locked .pagination {
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  .category-filter-products .category-filter-products-content .product-cards .product-card-item .product-card-image:not(.locked):hover .card-wrapper .item-img:nth-child(1) {
    transform: translateX(-100%);
  }
  .category-filter-products .category-filter-products-content .product-cards .product-card-item .product-card-image:not(.locked):hover .card-wrapper .item-img:nth-child(2) {
    transform: translateX(0);
  }
}
.category-filter-products .category-filter-products-content .product-cards .product-card-item .product-card-image .card-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.category-filter-products .category-filter-products-content .product-cards .product-card-item .product-card-image .card-wrapper.at-second .item-img:nth-child(1) {
  transform: translateX(-100%);
}
.category-filter-products .category-filter-products-content .product-cards .product-card-item .product-card-image .card-wrapper.at-second .item-img:nth-child(2) {
  transform: translateX(0);
}
.category-filter-products .category-filter-products-content .product-cards .product-card-item .product-card-image .item-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.category-filter-products .category-filter-products-content .product-cards .product-card-item .product-card-image .item-img:nth-child(1) {
  transform: translateX(0);
  transition: transform 0.4s ease-in-out;
  z-index: 2;
}
.category-filter-products .category-filter-products-content .product-cards .product-card-item .product-card-image .item-img:nth-child(2) {
  transform: translateX(100%);
  transition: transform 0.4s ease-in-out;
  z-index: 1;
}
.category-filter-products .category-filter-products-content .product-cards .product-card-item .product-card-image .pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  height: 2px;
  width: 100%;
  display: block;
  background-color: #d8d8d8;
}
.category-filter-products .category-filter-products-content .product-cards .product-card-item .product-card-image .pagination .pagination-bar {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #405955;
  transform: translateX(0);
  transition: transform 300ms ease-in-out;
}
.category-filter-products .category-filter-products-content .product-cards .product-card-item .product-card-image .pagination .pagination-bar.at-second {
  transform: translateX(100%);
}
.category-filter-products .category-filter-products-content .product-cards .product-card-item .product-card-details .product-card-title {
  --product-card-title-line-height: 22px;
  height: calc(var(--product-card-title-line-height) * 2);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.category-filter-products .category-filter-products-content .product-cards .product-card-item .product-card-details .product-card-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.category-filter-products .category-filter-products-content .banner {
  background-color: #4c5555;
}
.category-filter-products .category-filter-products-content .footer-product-box {
  height: 88px;
  display: flex;
  flex-direction: column;
  width: fit-content;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  gap: 16px;
}
.category-filter-products .category-filter-products-content .footer-product-box .products-summary {
  color: #111c1c;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.category-filter-products .category-filter-products-content .footer-product-box .bt-view-more {
  display: flex;
  height: 48px;
  min-width: 100px;
  padding: 0 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #111c1c;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  border-radius: 15px;
  border: 1px solid #4c5555;
  background: #fff;
  width: fit-content;
}
.category-filter-products .category-filter-products-content .category-products-banner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.category-filter-products .category-filter-products-content .category-products-banner.banner-large .banner-content {
  padding: 40px;
}
.category-filter-products .category-filter-products-content .category-products-banner.banner-large .banner-content .banner-title {
  width: 100%;
  text-align: center;
  font-size: 38px;
  line-height: 46px;
}
.category-filter-products .category-filter-products-content .category-products-banner.banner-large .banner-content .banner-title .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-weight: 400;
}
.category-filter-products .category-filter-products-content .category-products-banner.banner-large .banner-content .banner-title .sub-title {
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.category-filter-products .category-filter-products-content .category-products-banner.banner-large::after {
  content: "";
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  position: absolute;
  z-index: -1;
}
.category-filter-products .category-filter-products-content .category-products-banner img,
.category-filter-products .category-filter-products-content .category-products-banner video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  align-self: start;
  inset: 0;
  z-index: -1;
  transition: transform 0.5s ease;
}
.category-filter-products .category-filter-products-content .category-products-banner:has(.banner-image-link:hover) img,
.category-filter-products .category-filter-products-content .category-products-banner:has(.banner-image-link:hover) video {
  transform: scale(1.05);
}
.category-filter-products .category-filter-products-content .category-products-banner .banner-image-link {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.category-filter-products .category-filter-products-content .category-products-banner .banner-content {
  position: relative;
  padding: 32px;
  color: #fff;
  height: 100%;
}
.category-filter-products .category-filter-products-content .category-products-banner .banner-content .banner-title {
  color: #fff;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  padding-bottom: 4px;
}
.category-filter-products .category-filter-products-content .category-products-banner .banner-content .banner-title .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
.category-filter-products .category-filter-products-content .category-products-banner .banner-content .banner-title .sub-title {
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
.category-filter-products .category-filter-products-content .category-products-banner .banner-content .bt-link-to {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  height: 64px;
  padding: 0 32px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 15px;
  background: #e4b760;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  white-space: nowrap;
}
.category-filter-products .spinner {
  display: none;
  margin-bottom: 48px;
  position: absolute;
  top: 48px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.category-filter-products .spinner.bottom {
  position: relative;
}
.category-filter-products .spinner img {
  left: -12px;
  position: relative;
}
.category-filter-products .spinner .frame {
  width: 100%;
  height: 100%;
  position: relative;
}
.category-filter-products .spinner .frame .icon {
  position: absolute;
  top: 0px;
}
.category-filter-products .spinner .frame .icon img {
  height: 100px;
  width: 100px;
  left: unset;
}
.category-filter-products .spinner .loader {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 100px;
}
.category-filter-products .spinner .loader div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100px;
  height: 100px;
  border: 3px solid #000000;
  border-radius: 50%;
  animation: loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #000000 transparent transparent transparent;
}
.category-filter-products .spinner .loader div:nth-child(1) {
  animation-delay: -0.45s;
}
.category-filter-products .spinner .loader div:nth-child(2) {
  animation-delay: -0.3s;
}
.category-filter-products .spinner .loader div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media only screen and (max-width: 1200px) {
  .category-filter-products {
    --category-description-max-lines: 4;
  }
  .category-filter-products .category-container {
    grid-template-columns: minmax(0, 1fr);
    overflow: hidden;
    padding: 0;
    max-width: 100%;
  }
  .category-filter-products .category-filter-products-content .category-details::after {
    content: unset;
  }
  .category-filter-products .category-filter-products-content .category-details {
    padding: 0;
  }
  .category-filter-products .category-filter-products-content .category-details .category-header {
    flex-direction: column-reverse;
  }
  .category-filter-products .category-filter-products-content .category-details .category-header .image-box {
    width: 100%;
    aspect-ratio: 185/104;
    margin-top: 0;
  }
  .category-filter-products .category-filter-products-content .category-details .category-header .content {
    padding: 0 32px;
  }
  .category-filter-products .category-filter-products-content .category-details .category-carousel {
    padding: 0 32px;
    margin-top: 16px;
  }
  .category-filter-products .category-filter-products-content .category-details .category-carousel .carousel-nav {
    display: none;
  }
  .category-filter-products .category-filter-products-content .category-details .category-carousel .carousel-pagination {
    display: none;
  }
  .category-filter-products .category-filter-products-content .category-products {
    padding-inline: 32px;
    margin-top: 0;
  }
  .category-filter-products .category-filter-products-content .category-products .btn-toggle-sidebar:not(.mobile) {
    display: block;
  }
  .category-filter-products .category-filter-products-content .category-products .category-products-header .category-products-sort {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    background: #f8f7f4;
    flex-shrink: 0;
  }
  .category-filter-products .category-filter-products-content .category-products .category-products-header .category-products-sort .custom-select-list {
    width: 100%;
    height: 100%;
  }
  .category-filter-products .category-filter-products-content .category-products .category-products-header .category-products-sort .custom-select-list .list-select {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
  }
  .category-filter-products .category-filter-products-content .category-products .category-products-header .category-products-sort .custom-select-list .list-select .icon-arr-down {
    display: none;
  }
  .category-filter-products .category-filter-products-content .category-products .category-products-header .category-products-sort .custom-select-list .list-select p {
    display: none;
  }
  .category-filter-products .category-filter-products-content .category-products .category-products-header .category-products-sort .custom-select-list .list-select .mobile-icon {
    display: flex;
  }
  .category-filter-products .category-filter-products-content .category-products .category-products-header .category-products-sort .custom-select-list .list-result {
    display: none;
  }
  .category-filter-products .category-filter-products-content .category-products .category-products-header .category-products-sort .custom-select-list .list-option {
    width: 216px;
  }
  .category-filter-products .category-filter-products-content .category-products .product-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .category-filter-products .category-filter-products-content .category-products-banner.banner-large .banner-content .banner-title {
    font-size: 34px;
    line-height: 42px;
  }
  .category-filter-products .category-filter-products-content .category-products-banner .banner-content {
    padding: 24px;
  }
  .category-filter-products .category-filter-products-content .category-products-banner .banner-content .banner-title {
    color: #fff;
    font-size: 28px;
    line-height: 36px;
  }
  .category-filter-products .category-filter-products-content .category-products-banner .banner-content .bt-link-to {
    font-size: 13px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 744px) {
  .category-filter-products .category-filter-products-content .category-details .category-header .content {
    padding: 0 16px;
  }
  .category-filter-products .category-filter-products-content .category-details .category-carousel {
    padding: 0 16px;
  }
  .category-filter-products .category-filter-products-content .category-products {
    padding: 0 16px 64px 16px;
  }
  .category-filter-products .category-filter-products-content .category-products .product-cards {
    gap: 16px;
  }
  .category-filter-products .category-filter-products-content .category-products-banner.banner-large .banner-content .banner-title {
    font-size: 28px;
    line-height: 36px;
  }
  .category-filter-products .category-filter-products-content .category-products-banner .banner-content {
    padding: 12px;
  }
  .category-filter-products .category-filter-products-content .category-products-banner .banner-content .banner-title {
    color: #fff;
    font-size: 24px;
    line-height: 32px;
  }
  .category-filter-products .category-filter-products-content .category-products-banner .banner-content .banner-title .title {
    word-break: break-word;
  }
}
.carousel-slider {
  position: relative;
}
.carousel-slider .swiper-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
}
.carousel-slider .swiper-wrapper .swiper-slide:link {
  cursor: pointer;
}
.carousel-slider .carousel-pagination {
  position: absolute;
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: fit-content;
}
.carousel-slider .carousel-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #111c1c;
  opacity: 0.25;
}
.carousel-slider .carousel-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.carousel-slider .carousel-next,
.carousel-slider .carousel-prev {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #111c1c;
  background-color: transparent;
  color: #111c1c;
  display: flex;
  justify-content: center;
  align-items: center;
}
.carousel-slider .carousel-next .ico-arrow,
.carousel-slider .carousel-prev .ico-arrow {
  width: 16px;
  height: 16px;
  --icon-color: #111c1c;
}
.carousel-slider .carousel-prev .ico-arrow {
  transform: scaleX(-1);
}
.carousel-slider .carousel-nav.carousel-nav-white .carousel-pagination .swiper-pagination-bullet {
  background-color: #fff;
}
.carousel-slider .carousel-nav.carousel-nav-white .carousel-next,
.carousel-slider .carousel-nav.carousel-nav-white .carousel-prev {
  border: 1px solid #fff;
}
.carousel-slider .carousel-nav.carousel-nav-white .carousel-next .ico-arrow,
.carousel-slider .carousel-nav.carousel-nav-white .carousel-prev .ico-arrow {
  --icon-color: #fff;
}

.product-cards .product-card-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product-cards .product-card-item:link {
  cursor: pointer;
}
.product-cards .product-card-item .product-card-image {
  width: 100%;
  height: auto;
  aspect-ratio: var(--product-img-aspect-ratio, 5/4);
  object-fit: cover;
  overflow: hidden;
  border: 1px solid #f9f7f4;
  margin-bottom: 8px;
  position: relative;
}
.product-cards .product-card-item .product-card-image img,
.product-cards .product-card-item .product-card-image picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.product-cards .product-card-item .product-card-details {
  width: 100%;
}
.product-cards .product-card-item .product-card-details .product-card-title {
  color: #111c1c;
  font-size: var(--product-card-title-font-size, 14px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--product-card-title-line-height, 22px);
}
.product-cards .product-card-item .product-card-details .product-card-price {
  color: #111c1c;
  font-size: var(--product-card-price-font-size, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--product-card-price-line-height, 22px);
  margin-top: 4px;
}
.product-cards .product-card-item .product-card-details .product-card-description {
  color: #111c1c;
  font-size: var(--product-card-description-font-size, 14px);
  font-style: italic;
  font-weight: 400;
  line-height: var(--product-card-description-line-height, 22px);
  margin-top: 4px;
}
.product-cards .product-card-item .pagination {
  position: absolute;
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: fit-content;
}
.product-cards .product-card-item .pagination .bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #111c1c;
  opacity: 0.25;
}
.product-cards .product-card-item .pagination .bullet.active {
  opacity: 1;
}

.popup-category-description {
  --category-description-title-font-size: 32px;
  --category-description-title-line-height: 40px;
  --category-description-font-size: 16px;
  --category-description-line-height: 24px;
  padding: 88px 40px 0 40px;
  z-index: 8;
}
.popup-category-description.active {
  right: 0px;
  top: 0;
}
.popup-category-description .close-ico {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .popup-category-description .close-ico:hover svg {
    --close-icon-color: #e4b760;
  }
}
.popup-category-description .close-ico svg {
  width: 16px;
  height: 16px;
  --close-icon-color: #111c1c;
}
.popup-category-description .popup-title {
  margin-bottom: 58px;
  padding-left: 24px;
}
.popup-category-description .popup-title .head-txt {
  font-size: var(--category-description-title-font-size);
  line-height: var(--category-description-title-line-height);
  font-weight: 600;
}
.popup-category-description .popup-content {
  height: calc(100dvh - 288px);
  padding: 0;
}
.popup-category-description .popup-content .scroll {
  padding-right: 6px;
  padding-bottom: 48px;
}
.popup-category-description .popup-content p {
  margin-bottom: 28px;
  font-size: var(--category-description-font-size);
  line-height: var(--category-description-line-height);
}
.popup-category-description .popup-content .bt-view {
  border-radius: 15px;
  height: 48px;
  padding: 20px 24px;
  margin: 20px 0px 0px;
  box-sizing: border-box;
}
.popup-category-description .popup-content .bt-view p {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
}
.popup-category-description .popup-box-bt {
  padding: 16px 0;
}
.popup-category-description .popup-box-bt .bt-close {
  min-width: 100px;
  max-width: 100%;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  color: #111c1c;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  margin: 0 auto;
}
@media (hover: hover) and (pointer: fine) {
  .popup-category-description .popup-box-bt .bt-close:hover {
    color: #e4b760;
  }
}

@media screen and (max-width: 1200px) {
  .popup-category-description {
    --category-description-title-font-size: 28px;
    --category-description-title-line-height: 36px;
    --category-description-font-size: 14px;
    --category-description-line-height: 22px;
  }
  .popup-category-description .description-title {
    margin-bottom: 0px;
  }
  .popup-category-description .description-content {
    height: calc(100vh - 246px);
  }
}
@media screen and (max-width: 744px) {
  .popup-category-description {
    --category-description-title-font-size: 24px;
    --category-description-title-line-height: 32px;
  }
}
.popup-sofa-warning-message {
  position: fixed;
  display: none;
  width: auto;
  max-width: 486px;
  min-height: 95px;
  height: auto;
  padding: 16px;
  justify-content: flex-end;
  align-items: center;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 16px 0 rgba(17, 28, 28, 0.16);
  gap: 16px;
  z-index: 99;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s ease-in-out;
  top: calc(100% - 100px);
  left: 50%;
}
.popup-sofa-warning-message.visible {
  visibility: visible;
  opacity: 1;
}
.popup-sofa-warning-message.active {
  display: flex;
}
.popup-sofa-warning-message.shaker {
  animation: shaker 200ms 2 linear;
}
.popup-sofa-warning-message .content .title {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
}
.popup-sofa-warning-message .content .desc {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.popup-sofa-warning-message .warning svg {
  width: 35px;
  height: 31px;
  color: #ffc107;
}
.popup-sofa-warning-message .close {
  cursor: pointer;
}
.popup-sofa-warning-message .close svg {
  width: 8px;
  height: 8px;
  color: #444;
}

@media screen and (max-width: 743px) {
  .popup-sofa-warning-message {
    width: calc(100% - 64px);
  }
  .popup-sofa-warning-message .content {
    width: 100%;
  }
}
.popup-confirm-add-table {
  z-index: 25;
  border: none;
  padding: 0;
  background: transparent;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, display 0.3s ease-out allow-discrete, overlay 0.3s ease-out allow-discrete;
}
.popup-confirm-add-table::backdrop {
  background-color: rgba(17, 28, 28, 0.25);
}
.popup-confirm-add-table:popover-open {
  opacity: 1;
  visibility: visible;
}
@starting-style {
  .popup-confirm-add-table:popover-open {
    opacity: 0;
  }
}
.popup-confirm-add-table .confirm-panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 0 16px rgba(17, 28, 28, 0.16);
  border-radius: 4px;
  background-color: #ffffff;
  padding: 24px;
  width: 478px;
  height: 220px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.popup-confirm-add-table .confirm-panel .head {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}
.popup-confirm-add-table .confirm-panel .confirm-message {
  margin-top: 8px;
  font-size: 14px;
}
.popup-confirm-add-table .confirm-panel .popup-btn {
  display: flex;
  margin-left: auto;
}
.popup-confirm-add-table .confirm-panel .popup-btn .confirm-btn,
.popup-confirm-add-table .confirm-panel .popup-btn .cancel-btn {
  border: solid 2px #e4b760;
  height: 56px;
  padding: 20px 24px;
}
.popup-confirm-add-table .confirm-panel .popup-btn .confirm-btn .bt-text,
.popup-confirm-add-table .confirm-panel .popup-btn .cancel-btn .bt-text {
  font-size: 14px;
}
.popup-confirm-add-table .confirm-panel .popup-btn .confirm-btn {
  height: 56px;
  border-radius: 32px;
  padding: 0 24px;
  width: fit-content;
  cursor: pointer;
  transition: all 0.3s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e4b760;
}
.popup-confirm-add-table .confirm-panel .popup-btn .confirm-btn p {
  font-size: 12px;
  color: #ffffff;
  font-weight: 600;
  transition: all 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .popup-confirm-add-table .confirm-panel .popup-btn .confirm-btn:hover {
    filter: brightness(85%);
  }
}
.popup-confirm-add-table .confirm-panel .popup-btn .confirm-btn .icon-arr-right {
  margin-left: 8px;
}
.popup-confirm-add-table .confirm-panel .popup-btn .confirm-btn .icon-arr-right svg {
  position: absolute;
  color: #ffffff;
}
.popup-confirm-add-table .confirm-panel .popup-btn .cancel-btn {
  margin: 0 8px;
  border: solid 2px #111c1c;
  opacity: 1;
  transition: 0.3s;
  width: fit-content;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .popup-confirm-add-table .confirm-panel .popup-btn .cancel-btn:hover {
    border: solid 2px #e4b760;
  }
  .popup-confirm-add-table .confirm-panel .popup-btn .cancel-btn:hover p {
    color: #e4b760;
  }
}

@media screen and (max-width: 767px) {
  .popup-confirm-add-table .confirm-panel {
    width: 350px;
  }
}
.steps-with-cta {
  color: #111c1c;
}
.steps-with-cta .content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.steps-with-cta .content-wrapper .header-wrapper .title {
  font-weight: 700;
}
.steps-with-cta .content-wrapper .card-wrapper .card-detail {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.steps-with-cta .content-wrapper .card-wrapper .card-detail .detail-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.steps-with-cta .content-wrapper .card-wrapper .card-detail .detail-wrapper .txt-desc {
  height: 66px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-weight: 400;
}
.steps-with-cta .content-wrapper .card-wrapper .card-detail .title-wrapper {
  display: flex;
  gap: 8px;
  align-items: baseline;
}
.steps-with-cta .content-wrapper .card-wrapper .card-detail .title-wrapper .txt-index {
  flex-shrink: 0;
  font-weight: 700;
}
.steps-with-cta .content-wrapper .card-wrapper .card-detail .title-wrapper .txt-title {
  overflow-x: clip;
  overflow-y: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-weight: 600;
}
.steps-with-cta .content-wrapper .card-wrapper .card-detail .button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.steps-with-cta .content-wrapper .card-wrapper .card-detail .button-wrapper .tds-btn {
  width: fit-content;
}
.steps-with-cta .content-wrapper .card-wrapper:has(> .bt-prev.swiper-button-disabled):has(> .bt-next.swiper-button-disabled) .swiper .swiper-wrapper {
  justify-content: center;
}
.steps-with-cta .content-wrapper .card-wrapper:has(> .bt-prev.swiper-button-disabled):has(> .bt-next.swiper-button-disabled) .swiper .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0 !important;
}
.steps-with-cta .tds-btn-circle {
  display: none;
}

@media screen and (max-width: 1200px) {
  .steps-with-cta .content-wrapper {
    gap: 40px;
  }
  .steps-with-cta .content-wrapper .card-wrapper .swiper-slide {
    max-width: 338px;
  }
  .steps-with-cta .content-wrapper .card-wrapper .card-detail .detail-wrapper .txt-desc {
    height: 60px;
  }
}
@media screen and (max-width: 743px) {
  .steps-with-cta .content-wrapper {
    gap: 32px;
  }
  .steps-with-cta .content-wrapper .card-wrapper {
    position: relative;
    padding: 0 48px;
    width: 100%;
    min-width: 0;
  }
  .steps-with-cta .content-wrapper .card-wrapper .swiper {
    overflow-x: hidden;
    overflow-y: clip;
  }
  .steps-with-cta .content-wrapper .card-wrapper .swiper-slide {
    max-width: unset;
  }
  .steps-with-cta .tds-btn-circle {
    display: flex;
    opacity: 1;
  }
  .steps-with-cta .tds-btn-circle.swiper-button-disabled {
    opacity: 0;
  }
  .steps-with-cta .bt-prev {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .steps-with-cta .bt-next {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
.image-carousel-with-text .title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.image-carousel-with-text .card-slide {
  margin-top: 64px;
  padding: 0 8px;
}
.image-carousel-with-text .card-slide .swiper-slide {
  width: 318px;
  height: 427px;
}
.image-carousel-with-text .card-slide .swiper-slide .card {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.image-carousel-with-text .card-slide .swiper-slide .card:after {
  position: absolute;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #111c1c;
  opacity: 0.3;
}
.image-carousel-with-text .card-slide .swiper-slide .card .image-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
}
.image-carousel-with-text .card-slide .swiper-slide .card .image-wrapper img,
.image-carousel-with-text .card-slide .swiper-slide .card .image-wrapper picture,
.image-carousel-with-text .card-slide .swiper-slide .card .image-wrapper canvas,
.image-carousel-with-text .card-slide .swiper-slide .card .image-wrapper video,
.image-carousel-with-text .card-slide .swiper-slide .card .image-wrapper iframe {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.image-carousel-with-text .card-slide .swiper-slide .card .title {
  position: relative;
  height: fit-content;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  overflow: hidden;
  color: white;
  text-align: center;
  z-index: 1;
  padding: 0 10px;
}
.image-carousel-with-text .footer-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
}
.image-carousel-with-text .footer-wrapper .button-wrapper {
  width: fit-content;
}
.image-carousel-with-text .footer-wrapper .navigation-wrapper {
  display: flex;
  gap: 24px;
  align-items: center;
}
.image-carousel-with-text .footer-wrapper .navigation-wrapper .button-wrapper {
  display: flex;
  gap: 16px;
}
.image-carousel-with-text .footer-wrapper .navigation-wrapper .tds-btn-circle {
  position: relative;
}
.image-carousel-with-text .footer-wrapper .navigation-wrapper .tds-btn-circle.swiper-button-disabled {
  border: #aeb2b2 solid 1px;
}
.image-carousel-with-text .footer-wrapper .navigation-wrapper .tds-btn-circle.swiper-button-disabled .ico-arrow {
  --icon-color: #aeb2b2;
}
.image-carousel-with-text .footer-wrapper .navigation-wrapper .swiper-pagination-bullets {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: fit-content;
  display: flex;
  gap: 8px;
  z-index: auto;
}
.image-carousel-with-text .footer-wrapper .navigation-wrapper .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
}
.image-carousel-with-text .footer-wrapper .navigation-wrapper .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #111c1c;
}
.image-carousel-with-text:has(> .tds-container .footer-wrapper .navigation-wrapper .swiper-pagination-lock) .footer-wrapper {
  justify-content: center;
}
.image-carousel-with-text:has(> .tds-container .footer-wrapper .navigation-wrapper .swiper-pagination-lock) .footer-wrapper .navigation-wrapper {
  display: none;
}
.image-carousel-with-text:has(> .tds-container .footer-wrapper .navigation-wrapper .swiper-pagination-lock) .card-slide .swiper .swiper-wrapper {
  justify-content: center;
}
.image-carousel-with-text:has(> .tds-container .footer-wrapper .navigation-wrapper .swiper-pagination-lock) .card-slide .swiper .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0 !important;
}

@media screen and (max-width: 1200px) {
  .image-carousel-with-text .footer-wrapper {
    margin-top: 24px;
  }
  .image-carousel-with-text .card-slide {
    margin-top: 40px;
  }
}
@media screen and (max-width: 743px) {
  .image-carousel-with-text .card-slide {
    margin-top: 32px;
  }
  .image-carousel-with-text .card-slide .swiper-slide {
    width: 285px;
    height: 380px;
  }
  .image-carousel-with-text .footer-wrapper {
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }
  .image-carousel-with-text .footer-wrapper .navigation-wrapper {
    order: 1;
    width: 100%;
    justify-content: flex-end;
  }
  .image-carousel-with-text .footer-wrapper .button-wrapper {
    order: 2;
  }
}
@media screen and (max-width: 375px) {
  .image-carousel-with-text .footer-wrapper .navigation-wrapper {
    height: 40px;
  }
  .image-carousel-with-text .footer-wrapper .navigation-wrapper .button-wrapper {
    display: none;
  }
}
.media-text-block .wrapper {
  display: flex;
  gap: 145px;
  align-items: flex-start;
}
.media-text-block .media {
  position: relative;
  flex: 579 1 0;
  min-width: 0;
}
.media-text-block .media picture {
  display: block;
  width: 100%;
}
.media-text-block .media img {
  aspect-ratio: 4/3;
  width: 100%;
  object-fit: cover;
  display: block;
}
.media-text-block .video-control {
  overflow: hidden;
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  cursor: pointer;
}
.media-text-block .video-control picture,
.media-text-block .video-control video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.media-text-block .video-control .icon-muted,
.media-text-block .video-control .icon-unmuted {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 1;
  cursor: pointer;
}
.media-text-block .video-control .icon-muted svg,
.media-text-block .video-control .icon-unmuted svg {
  color: #fff;
  width: 24px;
  height: 20px;
}
.media-text-block .video-control .icon-muted {
  display: none;
}
.media-text-block .video-control.muted .icon-muted {
  display: block;
}
.media-text-block .video-control.muted .icon-unmuted {
  display: none;
}
.media-text-block .content {
  flex: 458 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.media-text-block .author {
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: 80px;
}
.media-text-block .avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.media-text-block .author-info {
  display: flex;
  flex-direction: column;
}
.media-text-block .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #111c1c;
}
.media-text-block .author-name {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #111c1c;
  text-decoration: none;
}
.media-text-block a.author-name:hover {
  text-decoration: underline;
}
.media-text-block .description {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.16px;
  color: #111c1c;
}
.media-text-block[data-layout=description] .content {
  padding-top: 24px;
}
.media-text-block[data-media-position=right] .wrapper {
  flex-direction: row-reverse;
}

@media screen and (max-width: 1200px) {
  .media-text-block .wrapper {
    flex-direction: column;
    gap: 32px;
  }
  .media-text-block .media,
  .media-text-block .content {
    flex: 1 1 auto;
    width: 100%;
  }
  .media-text-block .media.no-media,
  .media-text-block .content.no-content {
    display: none;
  }
  .media-text-block .title {
    font-size: 22px;
    line-height: 26px;
  }
  .media-text-block .author-name {
    font-size: 13px;
    line-height: 20px;
  }
  .media-text-block .description {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.14px;
  }
  .media-text-block[data-layout=description] .content {
    padding-top: 0;
  }
  .media-text-block[data-media-position=right] .wrapper {
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 743px) {
  .media-text-block .title {
    font-size: 20px;
    line-height: 26px;
  }
}
.image-circle-carousel {
  --image-card-width: 170px;
  background-color: #faf9f7;
}
.image-circle-carousel .category-card-circle-slide {
  overflow: hidden;
  padding: 24px 0;
  position: relative;
}
.image-circle-carousel .category-card-circle-slide .swiper-slide {
  max-width: fit-content;
}
.image-circle-carousel .category-card-circle-slide .swiper-slide .category-card-circle {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
}
.image-circle-carousel .category-card-circle-slide .swiper-slide .category-card-circle .image-wrapper {
  width: var(--image-card-width);
  height: var(--image-card-width);
  background-color: white;
  border-radius: 50%;
  overflow: hidden;
}
.image-circle-carousel .category-card-circle-slide .swiper-slide .category-card-circle .image-wrapper img,
.image-circle-carousel .category-card-circle-slide .swiper-slide .category-card-circle .image-wrapper picture,
.image-circle-carousel .category-card-circle-slide .swiper-slide .category-card-circle .image-wrapper canvas,
.image-circle-carousel .category-card-circle-slide .swiper-slide .category-card-circle .image-wrapper video,
.image-circle-carousel .category-card-circle-slide .swiper-slide .category-card-circle .image-wrapper iframe {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.image-circle-carousel .category-card-circle-slide .swiper-slide .category-card-circle .title {
  color: #111c1c;
  overflow-x: clip;
  overflow-y: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-weight: 600;
}
.image-circle-carousel .category-card-circle-slide .control-bt {
  width: 40px;
  height: 40px;
  border: unset;
  background: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  padding: 0;
}
@media (hover: hover) and (pointer: fine) {
  .image-circle-carousel .category-card-circle-slide .control-bt:hover .icon-wrapper {
    background: white;
  }
}
.image-circle-carousel .category-card-circle-slide .control-bt.bt-prev {
  left: 0;
}
.image-circle-carousel .category-card-circle-slide .control-bt.bt-prev::before {
  left: 0;
  background: linear-gradient(270deg, rgba(250, 249, 247, 0) 0%, #faf9f7 100%);
}
@media (hover: hover) and (pointer: fine) {
  .image-circle-carousel .category-card-circle-slide .control-bt.bt-prev:hover svg {
    --close-icon-color: #e4b760;
  }
}
.image-circle-carousel .category-card-circle-slide .control-bt.bt-prev .icon-wrapper .ico-arrow {
  transform: rotate(180deg);
}
.image-circle-carousel .category-card-circle-slide .control-bt.bt-next {
  right: 0;
}
.image-circle-carousel .category-card-circle-slide .control-bt.bt-next::before {
  right: 0;
  background: linear-gradient(270deg, #faf9f7 0%, rgba(250, 249, 247, 0) 100%);
}
.image-circle-carousel .category-card-circle-slide .control-bt::before {
  content: "";
  position: absolute;
  height: 208px;
  width: 120px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.35s;
  pointer-events: none;
}
.image-circle-carousel .category-card-circle-slide .control-bt.swiper-button-disabled .icon-wrapper {
  opacity: 0;
  transition-delay: 0s;
}
.image-circle-carousel .category-card-circle-slide .control-bt.swiper-button-disabled .icon-wrapper .ico-arrow {
  --icon-color: #cdcdcd;
}
.image-circle-carousel .category-card-circle-slide .control-bt.swiper-button-disabled::before {
  opacity: 0;
  transition-delay: 0.8s;
}
.image-circle-carousel .category-card-circle-slide .control-bt .icon-wrapper {
  width: 40px;
  height: 40px;
  border-radius: 15px;
  background: #f3f4f4;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  transition-delay: 0.8s;
  transition-property: opacity;
  transition-duration: 0.35s;
}
.image-circle-carousel .category-card-circle-slide .control-bt .icon-wrapper .ico-arrow {
  width: 16px;
  height: 16px;
  transition: all 0.35s;
  --icon-color: #111c1c;
}
.image-circle-carousel .category-card-circle-slide:has(> .bt-prev.swiper-button-disabled):has(> .bt-next.swiper-button-disabled) .swiper .swiper-wrapper {
  justify-content: center;
}
.image-circle-carousel .category-card-circle-slide:has(> .bt-prev.swiper-button-disabled):has(> .bt-next.swiper-button-disabled) .swiper .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0 !important;
}

@media screen and (max-width: 1200px) {
  .image-circle-carousel {
    --image-card-width: 120px;
  }
  .image-circle-carousel .category-card-circle-slide .control-bt {
    pointer-events: none;
  }
  .image-circle-carousel .category-card-circle-slide .control-bt .icon-wrapper {
    display: none;
  }
  .image-circle-carousel .category-card-circle-slide .control-bt::before {
    width: 64px;
    height: 156px;
  }
}
@media screen and (max-width: 743px) {
  .image-circle-carousel {
    --image-card-width: 90px;
  }
  .image-circle-carousel .category-card-circle-slide {
    padding: 20px 0;
  }
  .image-circle-carousel .category-card-circle-slide .control-bt::before {
    width: 32px;
    height: 126px;
  }
}
.product-3d-canvas {
  height: calc(100vh - 240px);
}
.product-3d-canvas h1 {
  padding: 12px;
}
.product-3d-canvas iframe {
  border: none;
  width: 100%;
  height: calc(100vh - 272px);
}
.product-3d-canvas .configurations {
  position: absolute;
  right: 0;
  top: 258px;
  height: calc(100vh - 259px);
  overflow-y: auto;
  background-color: rgba(255, 255, 255, 0.9);
  width: 450px;
  padding: 24px;
}
.product-3d-canvas .configurations .products {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.product-3d-canvas .configurations .products .item {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  user-select: none;
}
.product-3d-canvas .configurations .products .item .img {
  border: 1px solid #ddd;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  cursor: grab;
}
.product-3d-canvas .configurations .products .item .name {
  color: #333;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-top: 8px;
}
.product-3d-canvas .configurations .products .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-3d-canvas .configurations .editions {
  margin-top: 16px;
  font-size: 14px;
}
.product-3d-canvas .configurations .editions .step {
  margin-bottom: 12px;
}
.product-3d-canvas .configurations .editions .step > .title {
  font-size: 16px;
}
.product-3d-canvas .configurations .editions .step .title {
  font-weight: bold;
  margin-bottom: 12px;
}
.product-3d-canvas .configurations .editions .step .controls {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-3d-canvas .configurations .editions .step .controls .control {
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  gap: 4px;
  display: flex;
  flex-flow: column wrap;
}
.product-3d-canvas .configurations .editions .step .controls .control .title {
  font-weight: bold;
  margin-bottom: 0px;
}
.product-3d-canvas .configurations .editions .step .controls .control .options {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.product-3d-canvas .configurations .editions .step .controls .control .options .option {
  padding: 4px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  min-height: 48px;
  flex-flow: row wrap;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
}
.product-3d-canvas .configurations .editions .step .controls .control .options .option .name {
  color: #111c1c;
}
.product-3d-canvas .configurations .editions .step .controls .control .options .option.active {
  border-color: #e4b760;
}
.product-3d-canvas .txt {
  margin-top: 24px;
}
.product-3d-canvas .summary {
  margin-top: 12px;
  border-top: 1px solid #ddd;
  padding-top: 12px;
}
.product-3d-canvas .summary .config-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.product-3d-canvas .summary .config-item .config-name {
  font-weight: 500;
}
.product-3d-canvas .summary .config-item .config-amount {
  margin-left: auto;
  margin-right: 8px;
}
.product-3d-canvas .summary .config-item .config-price {
  font-weight: 600;
}
.product-3d-canvas .summary .total {
  margin-top: 12px;
  border-top: 1px solid #ddd;
  padding-top: 12px;
  display: flex;
  justify-content: space-between;
  font-size: 18px;
}
.product-3d-canvas .summary .total .config-name {
  font-weight: 500;
}
.product-3d-canvas .summary .total .config-price {
  font-weight: 600;
}

.product-drag-shadow {
  position: absolute;
  z-index: 99;
  top: 50%;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  pointer-events: none;
  opacity: 0.5;
  transition: opacity ease-in-out 0.25s;
}
.product-drag-shadow.invisible {
  opacity: 0;
}
.product-drag-shadow .im {
  width: 100%;
  height: 100%;
}
.product-drag-shadow .im img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-drag-shadow .a,
.product-drag-shadow .np {
  display: none;
}

.showroom-detail-view .open-house li {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.showroom-detail-view .address {
  display: flex;
  flex-direction: column;
}
.showroom-detail-view .title-wrapper {
  margin-bottom: 64px;
}
.showroom-detail-view .location-detail-wrapper {
  margin-bottom: 40px;
  display: flex;
  gap: 8px;
}
.showroom-detail-view .location-detail-wrapper .swiper-location-image {
  aspect-ratio: 629/352;
  margin-left: -137px;
  overflow: hidden;
}
.showroom-detail-view .location-detail-wrapper .swiper-location-image .swiper-wrapper {
  transition: transform 0.4s ease-in-out;
}
.showroom-detail-view .location-detail-wrapper .swiper-location-image .location-image .image-wrapper {
  aspect-ratio: 629/352;
}
.showroom-detail-view .location-detail-wrapper .swiper-location-image .location-image .image-wrapper img,
.showroom-detail-view .location-detail-wrapper .swiper-location-image .location-image .image-wrapper picture,
.showroom-detail-view .location-detail-wrapper .swiper-location-image .location-image .image-wrapper canvas,
.showroom-detail-view .location-detail-wrapper .swiper-location-image .location-image .image-wrapper video,
.showroom-detail-view .location-detail-wrapper .swiper-location-image .location-image .image-wrapper iframe {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.showroom-detail-view .location-detail-wrapper .carousel-location-detail {
  position: relative;
  flex-shrink: 0;
  width: 875px;
}
.showroom-detail-view .location-detail-wrapper .carousel-location-detail:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100vw;
  top: 0;
  left: 0;
  background-color: #faf9f7;
}
.showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail {
  overflow: hidden;
}
.showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail .location-detail {
  display: flex;
  gap: 8px;
  padding: 24px;
  padding-right: 0;
}
.showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail .location-detail .location-desc-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail .location-detail .location-desc-wrapper .detail-wrapper {
  display: flex;
  gap: 24px;
}
.showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail .location-detail .location-desc-wrapper .detail-wrapper .tds-btn {
  width: fit-content;
}
.showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail .location-detail .location-desc-wrapper .detail-wrapper .detail-left {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 314px;
  flex-shrink: 0;
}
.showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail .location-detail .location-desc-wrapper .detail-wrapper .detail-right {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  padding: 16px 0px 0px 60px;
  gap: 24px;
  width: 100%;
  height: fit-content;
}
.showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail .location-detail .location-desc-wrapper .detail-wrapper .detail-right .detail {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
}
.showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail .location-detail .location-desc-wrapper .detail-wrapper .detail-right .detail .title {
  font-weight: 600;
}
.showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail .location-detail .location-desc-wrapper .detail-wrapper .detail-right .detail .detail-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail .location-detail .location-desc-wrapper .detail-wrapper .location-desc .desc-wrapper {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail .location-detail .location-desc-wrapper .detail-wrapper .location-desc.expand .desc-wrapper {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: unset;
  overflow: hidden;
}
.showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail .location-detail .location-desc-wrapper .detail-wrapper .location-desc.expand .btn-expand-desc .btn-txt-less {
  display: block;
}
.showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail .location-detail .location-desc-wrapper .detail-wrapper .location-desc.expand .btn-expand-desc .btn-txt-more {
  display: none;
}
.showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail .location-detail .location-desc-wrapper .detail-wrapper .location-desc.expand .btn-expand-desc .ico-arrow {
  transform: rotate(-90deg);
}
.showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail .location-detail .location-desc-wrapper .detail-wrapper .location-desc .btn-expand-desc {
  --btn-font-color: #e4b760;
  padding: 0;
}
.showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail .location-detail .location-desc-wrapper .detail-wrapper .location-desc .btn-expand-desc .ico-arrow {
  transform: rotate(90deg);
}
.showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail .location-detail .location-desc-wrapper .detail-wrapper .location-desc .btn-expand-desc .btn-txt-less {
  display: none;
}
.showroom-detail-view .location-thumbnail-wrapper {
  overflow: hidden;
  margin: 0 20px;
  padding-bottom: 32px;
}
.showroom-detail-view .location-thumbnail-wrapper .swiper-item-location-thumbnail {
  max-width: 265px;
  width: 100%;
}
.showroom-detail-view .location-thumbnail-wrapper .swiper-item-location-thumbnail.swiper-slide-thumb-active .location-thumbnail {
  background: #e3e3e3;
  border: 1px solid #aeb2b2;
}
.showroom-detail-view .location-thumbnail-wrapper .swiper-item-location-thumbnail .location-thumbnail {
  cursor: pointer;
  text-align: center;
  transition: all 0.35s;
}
.showroom-detail-view .location-thumbnail-wrapper .swiper-item-location-thumbnail .location-thumbnail .image-wrapper {
  aspect-ratio: 265/199;
}
.showroom-detail-view .location-thumbnail-wrapper .swiper-item-location-thumbnail .location-thumbnail .image-wrapper img,
.showroom-detail-view .location-thumbnail-wrapper .swiper-item-location-thumbnail .location-thumbnail .image-wrapper picture,
.showroom-detail-view .location-thumbnail-wrapper .swiper-item-location-thumbnail .location-thumbnail .image-wrapper canvas,
.showroom-detail-view .location-thumbnail-wrapper .swiper-item-location-thumbnail .location-thumbnail .image-wrapper video,
.showroom-detail-view .location-thumbnail-wrapper .swiper-item-location-thumbnail .location-thumbnail .image-wrapper iframe {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.showroom-detail-view .location-thumbnail-wrapper .swiper-item-location-thumbnail .location-thumbnail .title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 8px;
  margin-bottom: 0;
}
.showroom-detail-view .location-thumbnail-wrapper .swiper-item-location-thumbnail .location-thumbnail .title-wrapper .title {
  font-weight: 600;
}
.showroom-detail-view .location-thumbnail-wrapper .swiper-item-location-thumbnail .location-thumbnail .title-wrapper .desc {
  display: none;
}
.showroom-detail-view .location-thumbnail-wrapper .swiper-item-location-thumbnail .location-thumbnail .button-wrapper {
  display: none;
}
.showroom-detail-view .navigation-wrapper {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: flex-end;
}
.showroom-detail-view .navigation-wrapper .button-wrapper {
  display: flex;
  gap: 16px;
}
.showroom-detail-view .navigation-wrapper .tds-btn-circle {
  position: relative;
}
.showroom-detail-view .navigation-wrapper .tds-btn-circle.swiper-button-disabled {
  border: #aeb2b2 solid 1px;
}
.showroom-detail-view .navigation-wrapper .tds-btn-circle.swiper-button-disabled .ico-arrow {
  --icon-color: #aeb2b2;
}
.showroom-detail-view .navigation-wrapper .swiper-pagination-bullets {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: fit-content;
  display: flex;
  gap: 8px;
  z-index: auto;
}
.showroom-detail-view .navigation-wrapper .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
}
.showroom-detail-view .navigation-wrapper .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #111c1c;
}
.showroom-detail-view:has(> .tds-container .navigation-wrapper .bt-prev.swiper-button-disabled):has(> .tds-container .navigation-wrapper .bt-next.swiper-button-disabled) .location-thumbnail-wrapper .swiper-location-thumbnail .swiper-wrapper {
  justify-content: center;
}
.showroom-detail-view:has(> .tds-container .navigation-wrapper .bt-prev.swiper-button-disabled):has(> .tds-container .navigation-wrapper .bt-next.swiper-button-disabled) .location-thumbnail-wrapper .swiper-location-thumbnail .swiper-wrapper .swiper-item-location-thumbnail:last-child {
  margin-right: 0 !important;
}
.showroom-detail-view:has(> .tds-container .navigation-wrapper .bt-prev.swiper-button-disabled):has(> .tds-container .navigation-wrapper .bt-next.swiper-button-disabled) .navigation-wrapper .button-wrapper {
  display: none;
}

@media screen and (max-width: 1200px) {
  .showroom-detail-view .title-wrapper {
    margin-bottom: 40px;
  }
  .showroom-detail-view .location-detail-wrapper {
    flex-direction: column;
    gap: 24px;
    margin: 0 -24px;
    margin-bottom: 32px;
  }
  .showroom-detail-view .location-detail-wrapper .carousel-location-detail {
    width: 100%;
  }
  .showroom-detail-view .location-detail-wrapper .carousel-location-detail:after {
    width: 100%;
  }
  .showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail .location-detail {
    flex-direction: column;
    padding-right: 24px;
  }
  .showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail .location-detail .location-desc-wrapper .detail-wrapper {
    flex-direction: column;
  }
  .showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail .location-detail .location-desc-wrapper .detail-wrapper .detail-left {
    width: 100%;
    gap: 24px;
  }
  .showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail .location-detail .location-desc-wrapper .detail-wrapper .detail-right {
    padding: 0;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
  .showroom-detail-view .location-detail-wrapper .carousel-location-detail .swiper-location-detail .location-detail .location-desc-wrapper .detail-wrapper .detail-right .detail {
    gap: 16px;
  }
  .showroom-detail-view .location-detail-wrapper .swiper-location-image {
    margin-left: 0;
  }
  .showroom-detail-view .location-thumbnail-wrapper {
    margin: 0 -32px;
    padding: 0 32px 0 32px;
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 743px) {
  .showroom-detail-view .address {
    display: inline;
  }
  .showroom-detail-view .address p {
    display: inline;
  }
  .showroom-detail-view .title-wrapper {
    margin-bottom: 32px;
  }
  .showroom-detail-view .location-detail-wrapper {
    display: none;
  }
  .showroom-detail-view .location-thumbnail-wrapper {
    margin: 0 -16px;
    padding: 0 16px 0 16px;
    padding-bottom: 24px;
  }
  .showroom-detail-view .location-thumbnail-wrapper .swiper-item-location-thumbnail {
    max-width: 100%;
  }
  .showroom-detail-view .location-thumbnail-wrapper .swiper-item-location-thumbnail.swiper-slide-thumb-active .location-thumbnail {
    background: #f8f7f4;
    border: unset;
  }
  .showroom-detail-view .location-thumbnail-wrapper .swiper-item-location-thumbnail .location-thumbnail {
    background: #f8f7f4;
    border: unset;
    cursor: default;
  }
  .showroom-detail-view .location-thumbnail-wrapper .swiper-item-location-thumbnail .location-thumbnail .title-wrapper {
    padding: 16px;
  }
  .showroom-detail-view .location-thumbnail-wrapper .swiper-item-location-thumbnail .location-thumbnail .title-wrapper .desc {
    display: block;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .showroom-detail-view .location-thumbnail-wrapper .swiper-item-location-thumbnail .location-thumbnail .button-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    padding: 16px;
    padding-top: 0;
  }
}
@media screen and (max-width: 375px) {
  .showroom-detail-view .navigation-wrapper {
    height: 40px;
  }
  .showroom-detail-view .navigation-wrapper .button-wrapper {
    display: none;
  }
}
.carousel-cards-with-cta .title-wrapper .title {
  font-weight: 700;
  color: #111c1c;
}
.carousel-cards-with-cta .title-wrapper {
  margin-bottom: 64px;
}
.carousel-cards-with-cta .card-slide .swiper-card-detail .swiper-item-card {
  max-width: 460px;
  height: auto;
}
.carousel-cards-with-cta .card-slide .swiper-card-detail .swiper-item-card .card {
  height: 100%;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  color: #111c1c;
}
.carousel-cards-with-cta .card-slide .swiper-card-detail .swiper-item-card .card .image-wrapper {
  aspect-ratio: 115/86;
}
.carousel-cards-with-cta .card-slide .swiper-card-detail .swiper-item-card .card .image-wrapper img,
.carousel-cards-with-cta .card-slide .swiper-card-detail .swiper-item-card .card .image-wrapper picture,
.carousel-cards-with-cta .card-slide .swiper-card-detail .swiper-item-card .card .image-wrapper canvas,
.carousel-cards-with-cta .card-slide .swiper-card-detail .swiper-item-card .card .image-wrapper video,
.carousel-cards-with-cta .card-slide .swiper-card-detail .swiper-item-card .card .image-wrapper iframe {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.carousel-cards-with-cta .card-slide .swiper-card-detail .swiper-item-card .card .content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 16px 16px 16px;
  background-color: #faf9f7;
  justify-content: space-between;
}
.carousel-cards-with-cta .card-slide .swiper-card-detail .swiper-item-card .card .content .detail-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.carousel-cards-with-cta .card-slide .swiper-card-detail .swiper-item-card .card .content .detail-wrapper .title {
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.carousel-cards-with-cta .footer-wrapper {
  display: flex;
  justify-content: end;
  margin-top: 32px;
}
.carousel-cards-with-cta .footer-wrapper .button-wrapper {
  width: fit-content;
}
.carousel-cards-with-cta .footer-wrapper .navigation-wrapper {
  display: flex;
  gap: 24px;
  align-items: center;
}
.carousel-cards-with-cta .footer-wrapper .navigation-wrapper .button-wrapper {
  display: flex;
  gap: 16px;
}
.carousel-cards-with-cta .footer-wrapper .navigation-wrapper .tds-btn-circle {
  position: relative;
}
.carousel-cards-with-cta .footer-wrapper .navigation-wrapper .tds-btn-circle.swiper-button-disabled {
  border: #aeb2b2 solid 1px;
}
.carousel-cards-with-cta .footer-wrapper .navigation-wrapper .tds-btn-circle.swiper-button-disabled .ico-arrow {
  --icon-color: #aeb2b2;
}
.carousel-cards-with-cta .footer-wrapper .navigation-wrapper .swiper-pagination-bullets {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: fit-content;
  display: flex;
  gap: 8px;
  z-index: auto;
}
.carousel-cards-with-cta .footer-wrapper .navigation-wrapper .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
}
.carousel-cards-with-cta .footer-wrapper .navigation-wrapper .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #111c1c;
}
.carousel-cards-with-cta:has(> .tds-container .footer-wrapper .navigation-wrapper .swiper-pagination-lock) .footer-wrapper {
  display: none;
}
.carousel-cards-with-cta:has(> .tds-container .footer-wrapper .navigation-wrapper .swiper-pagination-lock) .card-slide .swiper-card-detail .swiper-wrapper {
  justify-content: center;
}
.carousel-cards-with-cta:has(> .tds-container .footer-wrapper .navigation-wrapper .swiper-pagination-lock) .card-slide .swiper-card-detail .swiper-wrapper .swiper-item-card:last-child {
  margin-right: 0 !important;
}

@media screen and (max-width: 1200px) {
  .carousel-cards-with-cta .title-wrapper {
    margin-bottom: 40px;
  }
  .carousel-cards-with-cta .card-slide .swiper-card-detail .swiper-item-card {
    width: 370px;
  }
  .carousel-cards-with-cta .footer-wrapper {
    margin-top: 24px;
  }
}
@media screen and (max-width: 743px) {
  .carousel-cards-with-cta .title-wrapper {
    margin-bottom: 32px;
  }
  .carousel-cards-with-cta .card-slide .swiper-card-detail .swiper-item-card {
    width: 300px;
  }
  .carousel-cards-with-cta .card-slide .swiper-card-detail .swiper-item-card .card .content {
    padding: 16px;
    gap: 16px;
  }
  .carousel-cards-with-cta .card-slide .swiper-card-detail .swiper-item-card .card .content .detail-wrapper {
    gap: 8px;
  }
}
@media screen and (max-width: 375px) {
  .carousel-cards-with-cta .footer-wrapper .navigation-wrapper {
    height: 40px;
  }
  .carousel-cards-with-cta .footer-wrapper .navigation-wrapper .button-wrapper {
    display: none;
  }
}
.news-letter-component {
  --height-input-box: 48px;
}
.news-letter-component:last-child {
  margin-bottom: 0;
}
.news-letter-component.section-newsletter-brown {
  background-color: #a2917f;
  color: #111c1c;
}
.news-letter-component.section-newsletter-green {
  background-color: #405954;
  color: white;
}
.news-letter-component.section-newsletter-green .news-content .desc-txt {
  opacity: 0.75;
}
.news-letter-component ::placeholder {
  color: rgba(17, 28, 28, 0.4);
  opacity: 1; /* Firefox */
}
.news-letter-component ::-ms-input-placeholder {
  /* Edge 12-18 */
  color: rgba(17, 28, 28, 0.4);
}
.news-letter-component .news-content {
  max-width: 552px;
  margin: 0 auto;
  padding: 32px 36px 64px 36px;
}
.news-letter-component .news-content .title-txt {
  font-weight: 700;
}
.news-letter-component .news-content .desc-txt {
  margin-bottom: 16px;
}
.news-letter-component .news-content .box-bt {
  height: var(--height-input-box);
  overflow: hidden;
  border-radius: 15px;
  position: relative;
}
.news-letter-component .news-content .box-bt input[type=email] {
  background-color: #ffffff;
  padding: 12px 12px 12px 32px;
  height: var(--height-input-box);
  width: 90%;
}
.news-letter-component .news-content .box-bt input {
  color: #111c1c;
}
.news-letter-component .news-content .box-bt .tds-btn {
  position: absolute;
  right: 0px;
  top: 0px;
}
.news-letter-component .news-content .box-bt.success {
  display: none;
}
.news-letter-component .news-content .box-bt .btn-success {
  background-color: #111c1c;
  width: 48px;
}
.news-letter-component .news-content .box-bt .btn-success .icon-checked {
  background: #fff;
  width: 12px;
  height: 9px;
  margin: 0 auto;
}
.news-letter-component .news-content .box-console {
  position: relative;
  height: 20px;
  width: 100%;
}
.news-letter-component .news-content .box-console .console-txt {
  position: absolute;
  top: 5px;
}
.news-letter-component .news-content .box-console .console-txt.error {
  font-size: 14px;
  color: #bd0908;
  display: none;
}
.news-letter-component .news-content.success .box-bt.normal {
  display: none;
}
.news-letter-component .news-content.success .box-bt.success {
  display: block;
}
.news-letter-component .news-content.success .box-bt.success input[type=email] {
  width: 93%;
  color: #111c1c;
}
.news-letter-component .news-content.error .box-bt {
  border: 1px solid #bd0908;
}
.news-letter-component .news-content.error .box-console .console-txt.error {
  display: block;
}
.news-letter-component .news-content.ac-subscribed {
  max-width: unset;
  text-align: center;
}
.news-letter-component .news-content.ac-subscribed .box-bt .news-bt {
  position: relative;
  min-width: 468px;
  max-width: 100%;
  width: auto;
}
.news-letter-component .news-content.ac-subscribed .box-bt .tds-btn {
  background-color: transparent;
  position: relative;
  right: unset;
  left: unset;
  pointer-events: none;
  height: auto;
}
.news-letter-component .news-content.ac-subscribed.success .box-bt.success .news-bt {
  min-width: 468px;
  max-width: 100%;
  width: auto;
}

@media screen and (max-width: 1200px) {
  .news-letter-component .news-content {
    padding: 64px 36px 64px 36px;
  }
}
.home-hero-section-component {
  width: 100%;
  height: 65vh;
  min-height: 400px;
  position: relative;
}
.home-hero-section-component .carousel-slider {
  width: 100%;
  height: 100%;
  position: absolute;
}
.home-hero-section-component .carousel-slider .hero-slide {
  overflow: hidden;
}
.home-hero-section-component .carousel-slider .hero-heading-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1147px;
  margin: 0 auto;
}
.home-hero-section-component .carousel-slider .hero-heading {
  position: absolute;
  top: 134px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  z-index: 1;
  width: max-content;
}
.home-hero-section-component .carousel-slider .hero-heading.align-left {
  left: 0;
}
.home-hero-section-component .carousel-slider .hero-heading.align-center {
  left: 50%;
  transform: translateX(-50%);
}
.home-hero-section-component .carousel-slider .hero-heading.align-right {
  right: 0;
}
.home-hero-section-component .carousel-slider .hero-heading .heading-txt {
  font-family: "Sora", sans-serif;
  color: #fff;
  text-align: center;
  text-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
  font-size: 52px;
  font-weight: 600;
  line-height: 62px;
}
.home-hero-section-component .carousel-slider .hero-heading .heading-txt-mobile {
  display: none;
}
.home-hero-section-component .carousel-slider .hero-heading .btn-link-to {
  width: fit-content;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.home-hero-section-component .carousel-slider .hero-heading h5,
.home-hero-section-component .carousel-slider .hero-heading h6 {
  margin: 0;
  padding: 0;
}
.home-hero-section-component .carousel-slider .hero-description {
  position: absolute;
  bottom: 58px;
  display: flex;
  flex-direction: column;
  max-width: 248px;
  width: max-content;
  z-index: 1;
}
.home-hero-section-component .carousel-slider .hero-description.align-left {
  left: 0;
}
.home-hero-section-component .carousel-slider .hero-description.align-center {
  left: 50%;
  transform: translateX(-50%);
}
.home-hero-section-component .carousel-slider .hero-description.align-right {
  right: 0;
}
.home-hero-section-component .carousel-slider .hero-description .desc-txt {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
}
.home-hero-section-component .carousel-slider .hero-description .btn-link {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  margin-top: 16px;
}
.home-hero-section-component .carousel-slider .hero-description .btn-link .txt {
  color: #e4b760;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.home-hero-section-component .carousel-slider .hero-description .btn-link .ico-arrow {
  width: 16px;
  height: 16px;
  --icon-color: #e4b760;
}
.home-hero-section-component .carousel-slider .img-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.home-hero-section-component .carousel-slider img,
.home-hero-section-component .carousel-slider picture,
.home-hero-section-component .carousel-slider video {
  display: inline-block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}
.home-hero-section-component .carousel-slider .hero-img {
  position: absolute;
  inset: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  max-width: 100%;
}
.home-hero-section-component .carousel-slider .video-box {
  position: absolute;
  inset: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.home-hero-section-component .carousel-slider .video-box.muted .btn-muted {
  display: block;
}
.home-hero-section-component .carousel-slider .video-box.muted .btn-unmuted {
  display: none;
}
.home-hero-section-component .carousel-slider .video-box .btn-muted {
  display: none;
}
.home-hero-section-component .carousel-slider .video-box .btn-muted,
.home-hero-section-component .carousel-slider .video-box .btn-unmuted {
  position: absolute;
  right: 24px;
  bottom: 32px;
  z-index: 1;
}
.home-hero-section-component .carousel-slider .video-box .btn-muted svg,
.home-hero-section-component .carousel-slider .video-box .btn-unmuted svg {
  color: #fff;
  width: 24px;
  height: 20px;
}
.home-hero-section-component .carousel-slider .oc-image-tags .image-tag.size-mobile {
  display: none;
}
.home-hero-section-component .carousel-slider .oc-image-tags .image-tag.size-tablet {
  display: none;
}
.home-hero-section-component .carousel-slider .oc-image-tags .image-tag.size-desktop {
  display: flex;
}
.home-hero-section-component .carousel-nav-container {
  position: absolute;
  inset: 0;
  z-index: 1;
  max-width: none;
  padding: 0;
  pointer-events: none;
}
.home-hero-section-component .carousel-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 0 24px;
  pointer-events: none;
}
.home-hero-section-component .carousel-nav .carousel-next,
.home-hero-section-component .carousel-nav .carousel-prev {
  pointer-events: all;
}
.home-hero-section-component .carousel-nav .carousel-next.swiper-button-disabled,
.home-hero-section-component .carousel-nav .carousel-prev.swiper-button-disabled {
  opacity: 0.5;
}
.home-hero-section-component .carousel-nav .carousel-next.swiper-button-disabled svg,
.home-hero-section-component .carousel-nav .carousel-prev.swiper-button-disabled svg {
  --icon-color: #aeb2b2;
}
.home-hero-section-component .carousel-nav .carousel-next.swiper-button-lock,
.home-hero-section-component .carousel-nav .carousel-prev.swiper-button-lock {
  display: none;
}

@media screen and (max-width: 1200px) {
  .home-hero-section-component {
    aspect-ratio: 417/398;
    width: 100%;
    height: auto;
    min-height: 100%;
  }
  .home-hero-section-component .carousel-slider .hero-heading {
    top: 282px;
  }
  .home-hero-section-component .carousel-slider .hero-heading .heading-txt {
    font-size: 40px;
    line-height: 48px;
  }
  .home-hero-section-component .carousel-slider .hero-heading .btn-link-to {
    height: 56px;
    font-size: 13px;
    line-height: 20px;
  }
  .home-hero-section-component .carousel-slider .hero-description {
    bottom: 68px;
  }
  .home-hero-section-component .carousel-slider .hero-description .desc-txt {
    font-size: 13px;
    line-height: 20px;
  }
  .home-hero-section-component .carousel-slider .hero-description .btn-link .txt {
    font-size: 13px;
    line-height: 20px;
  }
  .home-hero-section-component .carousel-slider .video-box .btn-muted,
  .home-hero-section-component .carousel-slider .video-box .btn-unmuted {
    right: 16px;
    bottom: 24px;
  }
  .home-hero-section-component .carousel-slider .oc-image-tags .image-tag.size-mobile {
    display: none;
  }
  .home-hero-section-component .carousel-slider .oc-image-tags .image-tag.size-tablet {
    display: flex;
  }
  .home-hero-section-component .carousel-slider .oc-image-tags .image-tag.size-desktop {
    display: none;
  }
}
@media screen and (max-width: 743px) {
  .home-hero-section-component {
    aspect-ratio: 9/10;
    width: 100%;
    height: auto;
    min-height: 100%;
  }
  .home-hero-section-component .carousel-slider .hero-heading {
    top: 80px;
  }
  .home-hero-section-component .carousel-slider .hero-heading.align-left, .home-hero-section-component .carousel-slider .hero-heading.align-center, .home-hero-section-component .carousel-slider .hero-heading.align-right {
    left: 50%;
    right: unset;
    transform: translateX(-50%);
  }
  .home-hero-section-component .carousel-slider .hero-heading .heading-txt {
    font-size: 32px;
    line-height: 38px;
  }
  .home-hero-section-component .carousel-slider .hero-heading.has-mobile-title .heading-txt-desktop {
    display: none;
  }
  .home-hero-section-component .carousel-slider .hero-heading.has-mobile-title .heading-txt-mobile {
    display: block;
  }
  .home-hero-section-component .carousel-slider .hero-description {
    bottom: 16px;
    max-width: 300px;
  }
  .home-hero-section-component .carousel-slider .hero-description.align-center {
    max-width: 100%;
  }
  .home-hero-section-component .carousel-slider .hero-description .desc-txt {
    font-size: 14px;
    line-height: 22px;
  }
  .home-hero-section-component .carousel-slider .video-box .btn-muted,
  .home-hero-section-component .carousel-slider .video-box .btn-unmuted {
    right: 8px;
    bottom: 92px;
  }
  .home-hero-section-component .carousel-slider .oc-image-tags .image-tag.size-mobile {
    display: flex;
  }
  .home-hero-section-component .carousel-slider .oc-image-tags .image-tag.size-tablet {
    display: none;
  }
  .home-hero-section-component .carousel-slider .oc-image-tags .image-tag.size-desktop {
    display: none;
  }
}
@media screen and (min-width: 743px) and (max-width: 1200px) {
  .home-hero-section-component .carousel-slider .hero-heading-wrapper {
    width: auto;
    margin-right: 89px;
    margin-left: 39px;
  }
}
.image-carousel {
  background-color: #faf9f7;
  padding: 48px 0;
}
.image-carousel .title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.image-carousel .swiper-wrapper {
  height: 354px;
}
.image-carousel .image-tag-slide {
  margin-top: 64px;
  padding: 0 8px;
}
.image-carousel .image-tag-slide .swiper-image-tag {
  position: relative;
}
.image-carousel .image-tag-slide .swiper-image-tag .swiper-item-image-tag {
  max-height: 354px;
  max-width: 266px;
  --aspect-ratio: 133 / 177;
  position: relative;
}
.image-carousel .image-tag-slide .swiper-image-tag .swiper-item-image-tag .image-tag-card {
  position: relative;
  width: 100%;
  padding-bottom: calc(100% / (var(--aspect-ratio)));
  position: relative;
  overflow: hidden;
}
.image-carousel .image-tag-slide .swiper-image-tag .swiper-item-image-tag .image-tag-card img,
.image-carousel .image-tag-slide .swiper-image-tag .swiper-item-image-tag .image-tag-card picture {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: 0.3s linear;
}
.image-carousel .footer-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
}
.image-carousel .footer-wrapper .button-wrapper {
  width: fit-content;
}
.image-carousel .footer-wrapper .navigation-wrapper {
  display: flex;
  gap: 24px;
  align-items: center;
}
.image-carousel .footer-wrapper .navigation-wrapper .button-wrapper {
  display: flex;
  gap: 16px;
}
.image-carousel .footer-wrapper .navigation-wrapper .tds-btn-circle {
  position: relative;
}
.image-carousel .footer-wrapper .navigation-wrapper .tds-btn-circle.swiper-button-disabled {
  border: #aeb2b2 solid 1px;
}
.image-carousel .footer-wrapper .navigation-wrapper .tds-btn-circle.swiper-button-disabled .ico-arrow {
  --icon-color: #aeb2b2;
}
.image-carousel .footer-wrapper .navigation-wrapper .swiper-pagination-bullets {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: fit-content;
  display: flex;
  gap: 8px;
  z-index: auto;
}
.image-carousel .footer-wrapper .navigation-wrapper .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
}
.image-carousel .footer-wrapper .navigation-wrapper .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #111c1c;
}
.image-carousel:has(> .tds-container .footer-wrapper .navigation-wrapper .swiper-pagination-lock) .footer-wrapper {
  justify-content: center;
}
.image-carousel:has(> .tds-container .footer-wrapper .navigation-wrapper .swiper-pagination-lock) .footer-wrapper .navigation-wrapper {
  display: none;
}
.image-carousel:has(> .tds-container .footer-wrapper .navigation-wrapper .swiper-pagination-lock) .image-tag-slide .swiper-image-tag .swiper-wrapper {
  justify-content: center;
}
.image-carousel:has(> .tds-container .footer-wrapper .navigation-wrapper .swiper-pagination-lock) .image-tag-slide .swiper-image-tag .swiper-wrapper .swiper-item-image-tag:last-child {
  margin-right: 0 !important;
}

@media screen and (max-width: 1200px) {
  .image-carousel {
    padding: 40px 0;
  }
  .image-carousel .footer-wrapper {
    margin-top: 24px;
  }
  .image-carousel .image-tag-slide {
    margin-top: 40px;
  }
}
@media screen and (max-width: 743px) {
  .image-carousel {
    padding: 32px 0;
  }
  .image-carousel .image-tag-slide {
    margin-top: 32px;
  }
  .image-carousel .footer-wrapper {
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }
  .image-carousel .footer-wrapper .navigation-wrapper {
    order: 1;
    width: 100%;
    justify-content: flex-end;
  }
  .image-carousel .footer-wrapper .button-wrapper {
    order: 2;
  }
}
@media screen and (max-width: 375px) {
  .image-carousel .footer-wrapper .navigation-wrapper {
    height: 40px;
  }
  .image-carousel .footer-wrapper .navigation-wrapper .button-wrapper {
    display: none;
  }
}
footer.v2 {
  position: relative;
  min-height: 644px;
  margin: 0 auto;
  background: #111c1c;
  z-index: 4;
  display: none;
}
footer.v2 a {
  display: inline-block;
}
footer.v2.show {
  display: block;
}
footer.v2.disable {
  display: none;
}
footer.v2.disable-on-cart-page {
  min-height: unset;
}
footer.v2.disable-on-cart-page > .container {
  display: none;
}
footer.v2.simple {
  min-height: 0;
}
footer.v2.simple .links {
  display: none;
}
footer.v2 .heading {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  padding: 0 0 20px 36px;
}
footer.v2 .footer-menu {
  min-height: 540px;
  padding: 64px 0px 36px;
  display: flex;
  flex-direction: column;
}
footer.v2 .footer-menu .footer-column:first-child {
  width: 100%;
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
  padding-bottom: 40px;
}
footer.v2 .footer-menu .footer-column:last-child {
  width: 100%;
  padding-top: 40px;
}
footer.v2 .footer-menu .footer-column .box-trustpilot {
  width: 174px;
  height: 120px;
}
footer.v2 .footer-menu .footer-column .box-trustpilot .trustpilot-widget iframe {
  padding-top: 24px;
}
footer.v2 .footer-menu .footer-boxs {
  width: 100%;
  position: relative;
  display: grid;
  padding: 0px 36px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 32px;
}
footer.v2 .footer-menu .footer-boxs .footer-box {
  display: inline-block;
}
footer.v2 .footer-menu .footer-boxs .footer-box.box-long {
  grid-column: span 2;
}
footer.v2 .footer-menu .head {
  margin-bottom: 20px;
}
footer.v2 .footer-menu .head p {
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
}
footer.v2 .footer-menu .subhead {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
footer.v2 .footer-menu .subhead p {
  transition: all 0.3s ease-out;
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
}
footer.v2 .footer-menu .subhead .ico-arrow-up {
  color: #fff;
  width: 8px;
  height: 6px;
  display: none;
}
footer.v2 .footer-menu .detail.white p,
footer.v2 .footer-menu .detail.white span {
  color: #ffffff;
  font-size: 12px;
}
footer.v2 .footer-menu .detail p,
footer.v2 .footer-menu .detail span {
  transition: all 0.3s ease-out;
  color: #888d8d;
  font-size: 13px;
  line-height: 28px;
}
footer.v2 .footer-menu .detail span {
  line-height: 28px;
  display: block;
}
footer.v2 .footer-menu .detail:hover p {
  color: #ffffff;
}
footer.v2 .footer-menu .box-bt {
  height: 50px;
  overflow: hidden;
  border-radius: 50px;
  position: relative;
  margin-bottom: 14px;
}
footer.v2 .footer-menu .box-console {
  position: absolute;
  width: 100%;
  top: 48px;
}
footer.v2 .footer-menu .box-console .console-txt {
  position: absolute;
  left: 50%;
  top: 5px;
  transform: translate(-50%, 0px);
}
footer.v2 .footer-menu .box-console .console-txt.error {
  font-size: 14px;
  color: red;
  display: none;
}
footer.v2 .footer-menu .mailing-list-subscribe {
  position: relative;
}
footer.v2 .footer-menu .mailing-list-subscribe .box-bt.success {
  display: none;
}
footer.v2 .footer-menu .mailing-list-subscribe.success .box-bt.normal {
  display: none;
}
footer.v2 .footer-menu .mailing-list-subscribe.success .box-bt.success {
  display: block;
}
footer.v2 .footer-menu .mailing-list-subscribe.success .box-bt.success input[type=email] {
  width: 95%;
}
footer.v2 .footer-menu .mailing-list-subscribe.success .box-bt.success .news-bt {
  width: 50px;
  background-color: #000;
  border: 2px solid #fff;
}
footer.v2 .footer-menu .mailing-list-subscribe.success .box-bt.success .news-bt .icon-checked {
  background: #fff;
  margin: 0 auto;
}
footer.v2 .footer-menu .mailing-list-subscribe.success .box-bt.success ::placeholder {
  color: #111c1c;
}
footer.v2 .footer-menu .mailing-list-subscribe.success .box-bt.success :-ms-input-placeholder {
  color: #111c1c;
}
footer.v2 .footer-menu .mailing-list-subscribe.success .box-bt.success ::-ms-input-placeholder {
  color: #111c1c;
}
footer.v2 .footer-menu .mailing-list-subscribe.error .box-console .console-txt.error {
  display: block;
}
footer.v2 .footer-menu .mailing-list-subscribe.ac-subscribed .news-bt {
  position: relative;
  padding: 0 12px;
  min-width: 204px;
  width: auto;
  max-width: 100%;
}
footer.v2 .footer-menu .mailing-list-subscribe.ac-subscribed.success .box-bt.success .news-bt {
  width: auto;
  border: none;
}
footer.v2 .footer-menu .label-txt {
  margin-top: 16px;
  padding-bottom: 4px;
}
footer.v2 .footer-menu .label-txt p {
  transition: all 0.3s ease-out;
  color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
  line-height: 20px;
}
footer.v2 .footer-menu .detail {
  text-transform: capitalize;
}
footer.v2 .footer-menu .remark-txt {
  font-size: 11px;
  line-height: 16px;
  color: #ffffff;
}
footer.v2 .footer-menu .remark-txt:hover a {
  text-decoration: underline;
}
footer.v2 .footer-menu .social-box {
  display: flex;
  flex-flow: row wrap;
  padding-top: 8px;
}
footer.v2 .footer-menu .social-box .social-nav {
  padding-right: 16px;
  margin-bottom: 8px;
}
footer.v2 .footer-menu .social-box .social-nav:last-child {
  padding-right: 0px;
}
footer.v2 .footer-menu .set-bt-route {
  margin-top: 8px;
}
footer.v2 .footer-menu .set-bt-route a {
  font-size: 13px;
  line-height: 20px;
}
footer.v2 .footer-copyright {
  background: #ffffff;
}
footer.v2 .footer-copyright .copyright-box {
  min-height: 114px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer.v2 .footer-copyright .copy-txt {
  color: #111c1c;
  font-size: 13px;
}
footer.v2 .footer-copyright .payment-list {
  width: fit-content;
  margin: 0px -12px;
}
footer.v2 .footer-copyright .payment-list .payment-item {
  display: inline-block;
  float: left;
  padding-left: 12px;
}
footer.v2 .footer-copyright .payment-list .payment-item:first-child {
  padding-left: 0;
}
footer.v2 .copyright-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
footer.v2 .footer-run-on {
  line-height: 70px;
  margin-left: 60px;
}
footer.v2 .footer-run-on a:hover {
  text-decoration: none;
}
footer.v2 .footer-run-on a:hover .run-on-block .run-on-logo .logo-colengo {
  filter: grayscale(0%);
}
footer.v2 .footer-run-on a .run-on-block {
  text-align: center;
}
footer.v2 .footer-run-on a .run-on-block .run-on-logo {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  margin: 0px 4px 0px 4px;
}
footer.v2 .footer-run-on a .run-on-block .run-on-logo .logo-colengo {
  width: 16px;
  height: 16px;
  filter: grayscale(100%);
  transition: all 0.3s ease-out;
  position: absolute;
  left: 0px;
  top: 4px;
}
footer.v2 .footer-run-on a .run-on-block .run-on-txt-1 {
  font-size: 12px;
  color: rgba(35, 35, 35, 0.5);
}
footer.v2 .footer-run-on a .run-on-block .run-on-txt-2 {
  font-size: 11px;
  color: #353535;
  font-weight: 700;
}
footer.v2 .footer-accordion-item {
  margin-bottom: 0px;
}

@media screen and (max-width: 1200px) {
  footer.v2 .footer-menu .social-box .social-nav {
    padding-right: 8px;
  }
  footer.v2 .footer-menu .footer-boxs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (max-width: 1024px) {
  footer.v2 .container {
    max-width: 100%;
    padding: 0px 64px;
  }
  footer.v2 .footer-menu {
    padding: 80px 0px;
  }
  footer.v2 .footer-menu .footer-column:first-child {
    width: 100%;
    border: none;
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    padding-bottom: 48px;
  }
  footer.v2 .footer-menu .footer-column:first-child .footer-boxs {
    gap: 64px 32px;
  }
  footer.v2 .footer-menu .footer-column:last-child {
    width: 100%;
    padding: 48px 16px 0 16px;
  }
  footer.v2 .footer-menu .footer-column:last-child .footer-boxs {
    gap: 64px;
  }
  footer.v2 .footer-menu .social-box .social-nav {
    padding-right: 16px;
  }
  footer.v2 .footer-menu .mailing-list-subscribe {
    padding: 0px;
  }
  footer.v2 .footer-copyright {
    min-height: 88px;
  }
  footer.v2 .footer-copyright .copyright-box {
    flex-flow: column wrap;
    padding: 20px 0px 32px;
  }
  footer.v2 .footer-copyright .copyright-box .copyright-wrapper {
    justify-content: space-between;
    width: 100%;
    min-height: 62px;
  }
  footer.v2 .footer-copyright .copyright-box .payment-list {
    min-height: 16px;
    display: inline-block;
    text-align: center;
    width: 100%;
    overflow: hidden;
  }
  footer.v2 .footer-copyright .copyright-box .payment-list .payment-item {
    float: none;
    padding-left: 6px;
    margin-bottom: 6px;
  }
  footer.v2 .footer-run-on {
    margin-left: 0;
  }
}
@media screen and (max-width: 743px) {
  footer.v2 .container {
    padding: 0px 48px;
  }
  footer.v2 .heading {
    padding: 0 0 24px 0;
  }
  footer.v2 .footer-menu {
    padding: 64px 0px;
  }
  footer.v2 .footer-menu .subhead .ico-arrow-up {
    display: block;
  }
  footer.v2 .footer-menu .footer-column:first-child .footer-boxs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }
  footer.v2 .footer-menu .footer-column:last-child .footer-boxs {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
  footer.v2 .footer-menu .footer-column .footer-boxs {
    padding: 0px 16px;
  }
  footer.v2 .footer-copyright .copyright-box {
    flex-flow: row wrap;
    padding: 22px 0px 32px;
  }
  footer.v2 .footer-copyright .copyright-box .copyright-wrapper {
    flex-flow: row wrap;
    margin-bottom: 10px;
  }
  footer.v2 .footer-copyright .copyright-box .copyright-wrapper .copy-txt {
    width: 100%;
    min-height: 42px;
    justify-content: center;
    display: flex;
    align-items: center;
    text-align: center;
  }
  footer.v2 .footer-run-on {
    line-height: 40px;
    width: 100%;
  }
  footer.v2 .footer-accordion-item.active .footer-accordion-head .subhead .ico-arrow-up {
    transform: scaleY(1);
  }
  footer.v2 .footer-accordion-item.active .footer-accordion-content {
    max-height: unset;
    opacity: 1;
  }
  footer.v2 .footer-accordion-item .footer-accordion-head .subhead {
    cursor: pointer;
  }
  footer.v2 .footer-accordion-item .footer-accordion-head .subhead .ico-arrow-up {
    transform: scaleY(-1);
  }
  footer.v2 .footer-accordion-item .footer-accordion-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: 0.3s opacity ease-out, 0.3s max-height ease;
  }
}
@media screen and (max-width: 400px) {
  footer.v2 .footer-menu .footer-column {
    padding: 0px;
  }
  footer.v2 .footer-menu .social-box .social-nav {
    padding-right: 8px;
  }
}
.configuration-3d-sidebar-steps {
  --distance-from-header: 178px;
  --config-3d-sidebar-steps-width: 562px;
  --config-3d-sidebar-steps-pos: 58px;
  --config-3d-sidebar-steps-width-top-gap: calc(
      var(--distance-from-header) + var(--shop-notification-bar-height, 0px)
  );
  --config-3d-sidebar-steps-padding-inline: 24px;
  position: absolute;
  right: -1400px;
  top: -48px;
  z-index: 3;
  transition: all ease-in-out 0.25s;
  width: 0;
  overflow-y: hidden;
  height: auto;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: unset;
  border-radius: 0;
  padding-top: var(--config-3d-sidebar-steps-width-top-gap);
  margin-top: 0;
  overflow: visible;
}
.configuration-3d-sidebar-steps.active {
  right: var(--config-3d-sidebar-steps-pos);
  width: var(--config-3d-sidebar-steps-width);
  overflow-y: hidden;
}
.configuration-3d-sidebar-steps.active .side-bar-toggle {
  transform: rotate(0deg);
  animation: slide-in-right 0.35s linear both;
  right: calc(var(--config-3d-sidebar-steps-width) + var(--config-3d-sidebar-steps-pos) - 16px);
}
.configuration-3d-sidebar-steps.active .configuration-summary .fixed-summary {
  right: var(--config-3d-sidebar-steps-pos);
}
.configuration-3d-sidebar-steps .tabs {
  margin-bottom: 32px;
}
.configuration-3d-sidebar-steps .step-heading {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: #111c1c;
  margin: 0;
}
.configuration-3d-sidebar-steps .step-sub-heading {
  font-size: 12px;
  line-height: 18px;
  color: #a0a4a4;
  margin-top: 8px;
}
.configuration-3d-sidebar-steps .side-bar-toggle {
  position: fixed;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 16px rgba(17, 28, 28, 0.16);
  transform: rotate(180deg) translateX(100%);
  top: calc(50% - 16px);
  right: -16px;
  z-index: 6;
}
.configuration-3d-sidebar-steps .side-bar-toggle .icon-arr-right svg {
  color: #111c1c;
}
.configuration-3d-sidebar-steps .sidebar-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 100%;
  background: #f8f7f4;
  border-radius: 16px 16px 0 0;
  flex-grow: 1;
}
.configuration-3d-sidebar-steps .steps {
  position: relative;
  height: 100%;
  overflow: visible;
  counter-reset: currentStep 0;
  width: 100%;
  padding: 24px 0;
}
.configuration-3d-sidebar-steps .steps .edition-layout-container {
  margin: 0;
  padding-inline: var(--config-3d-sidebar-steps-padding-inline);
}
.configuration-3d-sidebar-steps .steps .edition-layout-container .dynamic-steps {
  margin-top: 16px;
}
.configuration-3d-sidebar-steps .steps .edition-layout-container .sp-step {
  border-bottom: 1px solid #ddd;
}
.configuration-3d-sidebar-steps .steps .edition-layout-container .sp-step b {
  font-size: 16px;
  font-weight: 600;
}
.configuration-3d-sidebar-steps .steps .edition-layout-container .sp-step p {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: #a0a4a4;
  margin-top: 8px;
}
.configuration-3d-sidebar-steps .steps .edition-layout-container .sp-step .rps {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  justify-items: center;
  column-gap: 16px;
}
.configuration-3d-sidebar-steps .steps .edition-layout-container .sp-step .rps .animation-instruction-v2 {
  position: absolute;
  max-width: 500px;
  width: 100%;
  left: -80%;
  z-index: 5;
  pointer-events: none;
}
.configuration-3d-sidebar-steps .steps .edition-layout-container .sp-step .rps .animation-instruction-v2 img {
  width: 100%;
}
.configuration-3d-sidebar-steps .steps .edition-layout-container .sp-step .rps .rp {
  display: inline-flex;
  width: 90px;
  flex-direction: column;
  align-items: center;
  margin-top: 24px;
  cursor: pointer;
  position: relative;
}
.configuration-3d-sidebar-steps .steps .edition-layout-container .sp-step .rps .rp.active .a {
  opacity: 1;
}
.configuration-3d-sidebar-steps .steps .edition-layout-container .sp-step .rps .rp.amount .a .num {
  display: inline-block;
}
.configuration-3d-sidebar-steps .steps .edition-layout-container .sp-step .rps .rp.amount .a .ch {
  display: none;
}
.configuration-3d-sidebar-steps .steps .edition-layout-container .sp-step .rps .rp .a {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: solid 2px #ffffff;
  right: -3px;
  top: -1px;
  background-color: #e5b761;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.08);
  color: #fff;
}
.configuration-3d-sidebar-steps .steps .edition-layout-container .sp-step .rps .rp .a .num {
  display: none;
}
.configuration-3d-sidebar-steps .steps .edition-layout-container .sp-step .rps .rp .a .ch {
  width: 16px;
  height: 16px;
  position: relative;
}
.configuration-3d-sidebar-steps .steps .edition-layout-container .sp-step .rps .rp .a .ch::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: initial;
}
.configuration-3d-sidebar-steps .steps .edition-layout-container .sp-step .rps .rp .im {
  width: 90px;
  height: 90px;
  background-color: #fff;
  box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.configuration-3d-sidebar-steps .steps .edition-layout-container .sp-step .rps .rp .im img {
  width: 90%;
  height: 80%;
  object-fit: cover;
}
.configuration-3d-sidebar-steps .steps .edition-layout-container .sp-step .rps .rp .np {
  display: block;
  margin-top: 12px;
}
.configuration-3d-sidebar-steps .steps .edition-layout-container .sp-step .rps .rp .np .n {
  display: block;
  font-weight: 600;
  text-align: center;
}
.configuration-3d-sidebar-steps .steps .edition-layout-container .sp-step .rps .rp .np .p {
  display: block;
  text-align: center;
  font-size: 11px;
  margin-top: 6px;
}
.configuration-3d-sidebar-steps .steps .step {
  position: relative;
}
.configuration-3d-sidebar-steps .steps .step.inactive {
  display: none;
}
.configuration-3d-sidebar-steps .steps .step:not(:nth-of-type(1)) {
  margin-top: 16px;
}
.configuration-3d-sidebar-steps .steps .step.active .step-number::before {
  color: #111c1c;
  counter-increment: currentStep;
  content: counter(currentStep);
  font-weight: 600;
}
.configuration-3d-sidebar-steps .steps .step .title-name {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #111c1c;
}
.configuration-3d-sidebar-steps .edition-layout {
  position: relative;
}
.configuration-3d-sidebar-steps .edition-layout.hidden-by-rule {
  display: none;
}
.configuration-3d-sidebar-steps .edition-layout.configuration-3d-color-layout .edition-item .title {
  display: block;
}
.configuration-3d-sidebar-steps .edition-layout.configuration-3d-color-layout .edition-item .edition-tooltip {
  display: none;
}
.configuration-3d-sidebar-steps .layout-content-box .accordion-box {
  width: 100%;
  transition: all 0.5s ease-in-out;
  transition-delay: 0s;
}
.configuration-3d-sidebar-steps .layout-content-box .accordion-box .accordion-heading {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
  padding: 8px 24px 8px 16px;
  background-color: white;
  border-radius: 12px;
  cursor: pointer;
  height: 56px;
}
.configuration-3d-sidebar-steps .layout-content-box .accordion-box .accordion-heading .accordion-image {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.configuration-3d-sidebar-steps .layout-content-box .accordion-box .accordion-heading .accordion-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.configuration-3d-sidebar-steps .layout-content-box .accordion-box .accordion-heading .accordion-name {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  margin-right: auto;
}
.configuration-3d-sidebar-steps .layout-content-box .accordion-box .accordion-heading .accordion-name.v2 {
  flex-direction: column;
  align-items: flex-start;
}
.configuration-3d-sidebar-steps .layout-content-box .accordion-box .accordion-heading .accordion-name.v2 .accordion-name-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  margin-right: auto;
}
.configuration-3d-sidebar-steps .layout-content-box .accordion-box .accordion-heading .icon-arr-up {
  transform: rotate(180deg);
}
.configuration-3d-sidebar-steps .layout-content-box .accordion-box .accordion-heading .icon-arr-up svg {
  transform: scale(1.3);
  color: #111c1c;
}
.configuration-3d-sidebar-steps .layout-content-box .accordion-box .accordion-heading .summary-selected {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.configuration-3d-sidebar-steps .layout-content-box .accordion-box[open=false] .layout-content,
.configuration-3d-sidebar-steps .layout-content-box .accordion-box[open=false] .edition-config-summary {
  height: 0px;
  transition: height 0.5s ease-out;
  transform: scaleY(0);
  float: left;
  display: block;
}
.configuration-3d-sidebar-steps .layout-content-box .accordion-box[open=true] {
  max-height: 100%;
}
.configuration-3d-sidebar-steps .layout-content-box .accordion-box[open=true] .layout-content {
  display: block;
  padding-top: 24px;
}
.configuration-3d-sidebar-steps .layout-content-box .accordion-box[open=true] .edition-config-summary {
  display: block;
  padding-top: 24px;
}
.configuration-3d-sidebar-steps .layout-content-box .accordion-box[open=true] .icon-arr-up {
  transform: rotate(0deg);
}
.configuration-3d-sidebar-steps .configuration-desc {
  display: none;
  margin-top: 24px;
}
.configuration-3d-sidebar-steps .configuration-desc.active {
  display: block;
}
.configuration-3d-sidebar-steps .configuration-desc .desc-container {
  max-width: 332px;
  width: 100%;
  position: relative;
}
.configuration-3d-sidebar-steps .configuration-desc .desc-container .desc-label {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #a0a4a4;
}
.configuration-3d-sidebar-steps .configuration-desc .desc-container .desc-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #111c1c;
}
.configuration-3d-sidebar-steps .edition-config-summary .summary-text {
  border-bottom: solid 1px #d8d8d8;
  padding-bottom: 8px;
}
.configuration-3d-sidebar-steps .edition-config-summary .summary-text .text-label {
  display: flex;
  justify-content: space-between;
}
.configuration-3d-sidebar-steps .edition-config-summary .summary-text .text-label > span {
  font-size: 10px;
  line-height: 16px;
  color: #a0a4a4;
}
.configuration-3d-sidebar-steps .edition-config-summary .summary-text .text-detail {
  display: flex;
  justify-content: space-between;
}
.configuration-3d-sidebar-steps .edition-config-summary .summary-text .text-detail > span {
  font-size: 12px;
  line-height: 18px;
  color: #111c1c;
  font-weight: 600;
}
.configuration-3d-sidebar-steps .edition-config-summary .summary-text .text-detail > span:first-child {
  max-width: 180px;
}
.configuration-3d-sidebar-steps .configuration-summary {
  position: relative;
  flex-shrink: 0;
  box-shadow: unset;
  margin: 0;
  max-width: 100%;
  bottom: 0;
  padding-inline: var(--config-3d-sidebar-steps-padding-inline);
  width: inherit;
  background-color: #f8f7f4;
  border-radius: 0px 0px 24px 24px;
}
.configuration-3d-sidebar-steps .configuration-summary .summary-details {
  margin-top: 8px;
  opacity: 1;
  transition: 0.3s;
  visibility: visible;
  display: block;
}
.configuration-3d-sidebar-steps .configuration-summary .summary-details[open=false] {
  padding-bottom: 140px;
}
.configuration-3d-sidebar-steps .configuration-summary .summary-details[open=false] .fixed-summary .summary-details-container.remark,
.configuration-3d-sidebar-steps .configuration-summary .summary-details[open=false] .fixed-summary .shipping-days,
.configuration-3d-sidebar-steps .configuration-summary .summary-details[open=false] .fixed-summary .price-box,
.configuration-3d-sidebar-steps .configuration-summary .summary-details[open=false] .fixed-summary .less-state {
  display: none !important;
}
.configuration-3d-sidebar-steps .configuration-summary .summary-details[open=true] {
  padding-bottom: 260px;
}
.configuration-3d-sidebar-steps .configuration-summary .summary-details[open=true] .fixed-summary .more-state {
  display: none !important;
}
.configuration-3d-sidebar-steps .configuration-summary .summary-details[open=true] .fixed-summary .icon-arr-up svg {
  transform: rotate(180deg);
}
.configuration-3d-sidebar-steps .configuration-summary .summary-details .summary-details-container {
  padding-top: 0px;
}
.configuration-3d-sidebar-steps .configuration-summary .summary-details .summary-details-container .text-detail p:first-child {
  max-width: calc(100% - 100px);
}
.configuration-3d-sidebar-steps .configuration-summary .summary-details .shipping-days {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.configuration-3d-sidebar-steps .configuration-summary .summary-details .shipping-days b {
  font-weight: 600;
}
.configuration-3d-sidebar-steps .configuration-summary .summary-heading {
  padding-top: 16px;
}
.configuration-3d-sidebar-steps .configuration-summary .summary-heading .title {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #111c1c;
}
.configuration-3d-sidebar-steps .configuration-summary .summary-heading .desc {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.configuration-3d-sidebar-steps .configuration-summary .sum {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 8px;
}
.configuration-3d-sidebar-steps .configuration-summary .sum:first-child {
  margin-top: 24px;
}
.configuration-3d-sidebar-steps .configuration-summary .sum:last-child {
  margin-bottom: 12px;
}
.configuration-3d-sidebar-steps .configuration-summary .sum .tt {
  display: flex;
}
.configuration-3d-sidebar-steps .configuration-summary .sum .n {
  width: 65%;
  cursor: pointer;
}
.configuration-3d-sidebar-steps .configuration-summary .sum .p {
  width: 35%;
  text-align: right;
}
.configuration-3d-sidebar-steps .configuration-summary .sum .icon-arr-up {
  margin-left: 4px;
  width: 12px;
  height: 12px;
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.configuration-3d-sidebar-steps .configuration-summary .sum .icon-arr-up svg {
  color: #000;
  top: 4px;
  left: 2px;
  transform: rotate(180deg);
}
.configuration-3d-sidebar-steps .configuration-summary .sum .selected {
  margin-top: 16px;
  transition: height 0.5s ease-in-out;
  overflow: hidden;
  height: 0;
}
.configuration-3d-sidebar-steps .configuration-summary .sum .selected .item {
  margin-bottom: 16px;
}
.configuration-3d-sidebar-steps .configuration-summary .sum .selected .item .c {
  display: block;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  color: #a0a4a4;
}
.configuration-3d-sidebar-steps .configuration-summary .sum .selected .item .cfg {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}
.configuration-3d-sidebar-steps .configuration-summary .sum[open=true] .icon-arr-up svg {
  transform: rotate(0deg);
}
.configuration-3d-sidebar-steps .configuration-summary .sum[open=true] .selected {
  height: auto;
}
.configuration-3d-sidebar-steps .configuration-summary .sum[open=hidden] .icon-arr-up {
  display: none;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary {
  position: fixed;
  bottom: 0;
  z-index: 4;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-inline: var(--config-3d-sidebar-steps-padding-inline);
  border-radius: 0px 0px 24px 24px;
  box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.04);
  background-color: #f8f7f4;
  width: var(--config-3d-sidebar-steps-width);
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary[open=false] .summary-details-container.remark,
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary[open=false] .shipping-days,
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary[open=false] .price-box,
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary[open=false] .less-state,
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary[open=false] .sum-downpayment {
  display: none !important;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary[open=false] .summary-details-container.sum-all {
  padding-bottom: 0;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary[open=true] .more-state {
  display: none !important;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary[open=true] .icon-arr-up svg {
  transform: rotate(180deg);
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .price-sum {
  max-width: 100%;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container {
  padding-top: 0px;
  padding-bottom: 8px;
  opacity: 1;
  transition: 0.3s;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container.hidden-fade {
  transform: translateY(20px);
  opacity: 0;
  height: 0px;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container.remark {
  padding-top: 0px;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container.remark .summary-text:last-child {
  border-bottom: none;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container.sum-all {
  margin-bottom: 0;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .desc-text-set {
  margin-bottom: 72px;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .desc-text-set .desc-label p {
  font-size: 10px;
  line-height: 20px;
  color: #a0a4a4;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .desc-text-set .desc-txt {
  max-width: 250px;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .desc-text-set .desc-txt p {
  font-size: 13px;
  line-height: 23px;
  color: #111c1c;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .summary-text {
  padding-bottom: 0;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .summary-text .text-detail.sub-total {
  padding-bottom: 8px;
  padding-top: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .summary-text .text-detail.sub-total p {
  font-size: 12px;
  line-height: 18px;
  color: #111c1c;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .summary-text .text-detail.sub-total p:first-child {
  max-width: calc(100% - 100px);
  word-wrap: break-word;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .summary-text .text-detail.sub-total p b {
  font-weight: 600;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .summary-text .text-detail.sub-total p b.orange {
  color: #e4b760;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .summary-text .text-detail.sum-downpayment {
  padding-top: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .summary-text .text-detail.sum-downpayment p {
  font-size: 12px;
  line-height: 18px;
  color: #111c1c;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .summary-text .text-detail.sum-downpayment p:first-child {
  max-width: calc(100% - 100px);
  word-wrap: break-word;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .summary-text .text-detail.sum-downpayment p b {
  font-weight: 600;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .summary-text .text-detail.sum-downpayment p b.orange {
  color: #e4b760;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .text-label {
  display: flex;
  justify-content: space-between;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .text-label p {
  font-size: 10px;
  line-height: 16px;
  color: #a0a4a4;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .text-detail {
  display: flex;
  justify-content: space-between;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .text-detail p {
  font-size: 12px;
  line-height: 18px;
  color: #111c1c;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .text-detail p:first-child {
  max-width: 180px;
  word-wrap: break-word;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .text-detail p b {
  font-weight: 600;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .text-detail p b.orange {
  color: #e4b760;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .text-detail .orange {
  color: #e4b760;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .text-detail .grey {
  color: #a0a4a4;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .summary-details-container .text-detail p:first-child {
  max-width: calc(100% - 100px);
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .shipping-days {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .shipping-days .icon-and-tooltip {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
  left: 3px;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .shipping-days b {
  font-weight: 600;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .price-add-to-cart {
  padding-top: 0;
  max-width: 100%;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: 8px;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .price-box {
  padding-right: 0;
  text-align: right;
  flex-direction: column;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .price-box .text {
  color: #a0a4a4;
  font-size: 10px;
  line-height: 18px;
  font-weight: 600;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .price-box .price {
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .bt-wish-list {
  width: 48px;
  height: 48px;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .bt-general {
  width: auto;
  min-width: 150px;
  max-width: 170px;
  height: 48px;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .bt-general .icon-arr-right-bg2 svg {
  color: #fff;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .bt-general > p {
  font-size: 14px;
  padding-right: 10px;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .left {
  display: flex;
  align-items: center;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .right {
  display: flex;
  gap: 8px;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .expand-collapse-btn {
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  color: #000;
  display: block;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .expand-collapse-btn .icon-arr-up {
  display: inline-block;
  width: 14px;
  height: 12px;
}
.configuration-3d-sidebar-steps .configuration-summary .fixed-summary .price-add-to-cart .add-to-cart-container .button-box .expand-collapse-btn .icon-arr-up svg {
  color: #000;
  left: 6px;
  top: 4px;
}

@media screen and (max-width: 1200px) {
  .configuration-3d-sidebar-steps {
    --config-3d-sidebar-steps-width: 402px;
    --config-3d-sidebar-steps-pos: 24px;
    --config-3d-sidebar-steps-padding-inline: 16px;
    width: 100%;
    padding-top: 0;
    margin-top: var(--config-3d-sidebar-steps-width-top-gap);
    background-color: #f8f7f4;
    border-radius: 16px 16px 0 0;
  }
  .configuration-3d-sidebar-steps.active {
    overflow: visible;
  }
  .configuration-3d-sidebar-steps .tabs {
    margin-bottom: 16px;
  }
  .configuration-3d-sidebar-steps .step-heading {
    margin-top: 16px;
    padding-inline: var(--config-3d-sidebar-steps-padding-inline);
  }
  .configuration-3d-sidebar-steps .step-sub-heading {
    margin-top: 4px;
    padding-inline: var(--config-3d-sidebar-steps-padding-inline);
  }
  .configuration-3d-sidebar-steps .sidebar-wrapper {
    border-radius: unset;
  }
  .configuration-3d-sidebar-steps .steps {
    padding: 0;
    flex-shrink: 0;
    flex-grow: unset;
    height: auto;
  }
  .configuration-3d-sidebar-steps .layout-content-box .accordion-box[open=true] .layout-content {
    padding-top: 16px;
  }
}
@media screen and (max-width: 743px) {
  .configuration-3d-sidebar-steps {
    --config-3d-sidebar-steps-width: 100%;
    --config-3d-sidebar-steps-pos: 0;
    margin-top: var(--configuration-model-view-height);
    border-radius: unset;
    min-height: calc(100dvh - var(--configuration-model-view-height) - 60px);
    position: relative;
    transition: margin 0.3s;
  }
  .configuration-3d-sidebar-steps.active {
    width: 100%;
    top: 0;
    right: unset;
    left: 0;
  }
  .configuration-3d-sidebar-steps .sidebar-wrapper {
    overflow: visible;
    height: auto;
    border-radius: unset;
    scroll-padding-top: 500px;
  }
  .configuration-3d-sidebar-steps .sidebar-wrapper .steps {
    overflow: visible;
  }
  .configuration-3d-sidebar-steps .sidebar-wrapper .steps .side-bar-toggle {
    display: none;
  }
}
.product-config-chair .configuration-new-3d-main {
  position: relative;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  display: inline-block;
  padding-top: 178px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs {
  background-color: #fff;
  min-height: 676px;
  width: 100%;
  height: 100%;
  position: absolute;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 1;
  background: #fff;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model {
  position: fixed;
  height: calc(100vh - 282px);
  display: flex;
  width: inherit;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .content-3d-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  pointer-events: none;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .model-3d-view {
  z-index: 3;
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .model-3d-view img {
  width: 100%;
  height: auto;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .model-3d-view #tdview {
  width: 100%;
  height: 100%;
  position: relative;
  margin-top: -180px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .model-3d-view iframe {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: none;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .model-3d-view .loading-icon {
  width: 96px;
  bottom: 304px;
  left: 50%;
  margin-left: -48px;
  position: absolute;
  z-index: 1;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .model-3d-view .loading-text {
  position: absolute;
  bottom: 260px;
  left: 50%;
  width: 300px;
  font-size: 12px;
  margin-left: -150px;
  text-align: center;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .rotate-set {
  position: absolute;
  bottom: 96px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  pointer-events: none;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .rotate-set .rotate-container {
  position: relative;
  display: flex;
  justify-content: center;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .rotate-set .rotate-container .bt-rotate {
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .ar-view-btn,
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .vr-view-btn {
  width: fit-content;
  max-width: 251px;
  min-height: 48px;
  box-shadow: 0px 0px 16px rgba(17, 28, 28, 0.16);
  border-radius: 100px;
  position: absolute;
  bottom: 0;
  z-index: 3;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  cursor: pointer;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 16px;
  pointer-events: painted;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .ar-view-btn.disabled,
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .vr-view-btn.disabled {
  opacity: 0.5;
  cursor: default;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .ar-view-btn span,
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .vr-view-btn span {
  font-size: 12px;
  font-weight: 600;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .ar-view-btn span:last-child,
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .vr-view-btn span:last-child {
  color: #7b7b7b;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .ar-view-btn strong,
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .vr-view-btn strong {
  color: #111c1c;
  font-weight: 600;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .ar-view-btn .ico-ar-view,
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .vr-view-btn .ico-ar-view {
  margin-right: 4px;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .ar-view-btn .ico-ar-view svg,
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .vr-view-btn .ico-ar-view svg {
  width: 24px;
  height: 24px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .ar-view-btn .ico-ar-view.vr,
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .vr-view-btn .ico-ar-view.vr {
  position: relative;
  top: -4px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .icon-3d-bg {
  position: absolute;
  z-index: 1;
  top: 48px;
  left: 50%;
  transform: translateX(-50%);
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls {
  position: fixed;
  width: inherit;
  height: 74px;
  display: block;
  left: 0;
  top: calc(226px + var(--shop-notification-bar-height, 0px));
  z-index: 5;
  pointer-events: none;
  transition: all 0.3s ease;
  counter-reset: index;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .sofa-preset-btn, .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .inspiration, .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .share-3d-btn, .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .model-actions, .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .ar-control-container {
  position: relative;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
  transition: all 0.3s ease;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #faf9f7;
  justify-content: center;
  cursor: pointer;
  pointer-events: painted;
  flex-shrink: 0;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .disabled.sofa-preset-btn, .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .disabled.inspiration, .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .disabled.share-3d-btn, .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .disabled.model-actions, .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .disabled.ar-control-container {
  cursor: default;
  opacity: 0.1;
  pointer-events: none;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .disabled.sofa-preset-btn .btn, .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .disabled.inspiration .btn, .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .disabled.share-3d-btn .btn, .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .disabled.model-actions .btn, .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .disabled.ar-control-container .btn {
  pointer-events: none;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls.uppermost {
  top: 136px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls.auto-top {
  top: 80px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .controls-container {
  margin-right: 64px;
  margin-left: 64px;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .btn {
  cursor: pointer;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .btn .text {
  font-weight: 600;
  font-size: 10px;
  line-height: 11px;
  color: #111c1c;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .ico {
  display: inline-block;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .bt-controls-toggle {
  position: relative;
  left: 0;
  bottom: 0;
  z-index: 2;
  height: 48px;
  overflow: hidden;
  transition: height 0.3s ease;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .bt-controls-toggle .ico-360-controls {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  width: 48px;
  height: 48px;
  background: #faf9f7;
  border-radius: 2px;
  pointer-events: painted;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .bt-controls-toggle .ico-360-controls svg {
  width: 40px;
  height: 17px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .bt-controls-toggle .bt-controls {
  height: 0;
  overflow: hidden;
  display: none;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .bt-controls-toggle.active {
  height: auto;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .bt-controls-toggle.active .bt-controls {
  height: auto;
  display: flex;
  margin-top: 8px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .bt-controls {
  position: relative;
  left: 0;
  z-index: 2;
  width: fit-content;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .bt-controls .bt-control-wrapper {
  display: flex;
  flex-direction: column;
  width: 48px;
  transition: all ease-in 0.3s;
  z-index: -1;
  opacity: 0;
  align-items: center;
  gap: 8px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .bt-controls .mobile-only {
  display: none;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .bt-controls .desktop-only .mouse-rotate-btn {
  position: relative;
  pointer-events: painted;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .bt-controls .desktop-only .mouse-zoom-btn {
  position: relative;
  pointer-events: painted;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .bt-controls.active .desktop-only,
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .bt-controls.active .mobile-only {
  left: 0;
  opacity: 1;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .bt-controls.inactive .desktop-only,
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .bt-controls.inactive .mobile-only {
  left: -82px;
  opacity: 0;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .bt-controls .ico-mouse-rotate svg {
  width: 32px;
  height: 32px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .bt-controls .ico-mouse-move svg {
  width: 32;
  height: 32px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .bt-controls .ico-mouse-zoom svg {
  width: 32px;
  height: 32px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .bt-controls .ico-finger-rotate svg {
  width: 30px;
  height: 32px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .bt-controls .ico-finger-move svg {
  width: 39px;
  height: 44px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .bt-controls .ico-finger-zoom svg {
  width: 33px;
  height: 32px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .model-actions.auto-top {
  top: 0;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .model-actions .reset-btn.disabled {
  opacity: 0.1;
  cursor: default;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .model-actions .reset-btn .ico-reset {
  position: relative;
  background-color: #505050;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .model-actions .reset-btn .ico-reset svg {
  width: 32px;
  height: 32px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .ar-ruler.disabled {
  opacity: 0.1;
  cursor: default;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .ar-ruler .ruler-icon {
  width: 32px;
  height: 32px;
  position: relative;
  color: #505050;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .share-3d-btn {
  background-color: #e4b760;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .share-3d-btn .ico-share-3d {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .share-3d-btn .ico-share-3d svg {
  width: 20px;
  height: 17px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .info-3d-btn {
  position: relative;
  width: fit-content;
  pointer-events: painted;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .info-3d-btn .ico-info-3d {
  position: relative;
  top: 0px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .info-3d-btn .ico-info-3d svg {
  width: 32px;
  height: 32px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .inspiration.auto-top {
  top: 64px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .inspiration .inspiration-btn {
  position: relative;
  width: fit-content;
  gap: 12px;
  cursor: pointer;
  pointer-events: painted;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .inspiration .inspiration-btn.disabled {
  opacity: 0.1;
  cursor: default;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .inspiration .inspiration-btn .ico {
  width: 22px;
  height: 21px;
  color: #505050;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .inspiration .inspiration-btn .ico svg {
  width: 22px;
  height: 21px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .inspiration .inspiration-btn .text {
  font-weight: 600;
  font-size: 11px;
  line-height: 14px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .sofa-preset-btn .ico {
  width: 32px;
  height: 32px;
}
.product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-view-controls .sofa-preset-btn .ico svg {
  --color-1: #505050;
  width: 32px;
  height: 32px;
}

@media screen and (max-width: 743px) {
  .product-config-chair {
    --configuration-model-view-height: 360px;
  }
  .product-config-chair .configuration-new-3d-main {
    padding-top: 0;
  }
  .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs {
    position: relative;
    min-width: unset;
    min-height: unset;
    touch-action: pan-y;
    overflow: inherit;
  }
  .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view {
    justify-content: center;
    background-color: #ffffff;
    position: fixed;
    top: calc(60px + var(--shop-notification-bar-height));
    z-index: 9;
    overflow: hidden;
    height: auto;
    transition: top 0.3s;
  }
  .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view.fixed {
    top: 0;
  }
  .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view.fixed .configuration-3d-model .configuration-3d-view-controls {
    top: 80px;
  }
  .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model {
    height: var(--configuration-model-view-height);
    width: 100%;
    position: relative;
    margin-left: unset;
  }
  .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .model-3d-view #tdview {
    margin-top: -40px;
  }
  .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .rotate-set {
    bottom: 110px;
  }
  .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .ar-view-btn {
    max-width: 146px;
    bottom: 16px;
    padding: 0 10px;
  }
  .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .configuration-3d-view-controls {
    top: 16px;
    position: absolute;
    right: 0;
    left: unset;
    width: fit-content;
    height: auto;
  }
  .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .configuration-3d-view-controls .controls-container {
    margin: 0;
    padding: 0 16px;
    width: 100%;
  }
  .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .configuration-3d-view-controls .bt-controls-toggle {
    top: 56px;
    bottom: unset;
  }
  .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .configuration-3d-view-controls .ar-control-container {
    right: unset;
  }
  .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .configuration-3d-view-controls .ar-control-container .text {
    display: none;
  }
  .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .configuration-3d-view-controls .model-actions,
  .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .configuration-3d-view-controls .inspiration {
    right: 16px;
    margin-top: 0px;
  }
  .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .configuration-3d-view-controls .ar-view-btn {
    padding: 0 12px;
    min-width: 77px;
    justify-content: space-around;
    left: unset;
  }
  .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .configuration-3d-view-controls .ar-view-btn .ico-ar-view {
    margin-left: 8px;
    margin-right: 0;
  }
  .product-config-chair .configuration-new-3d-main .configuration-new-3d-boxs .configuration-3d-view .configuration-3d-model .configuration-3d-view-controls .ar-view-btn span:nth-child(1) {
    display: none;
  }
  .product-config-chair .back-button-box {
    top: 16px;
    left: -16px;
    z-index: 10;
  }
  .product-config-chair .product-info-3d-sticky {
    z-index: 10;
    display: flex;
    visibility: hidden;
    top: -16px;
    right: -16px;
  }
  .product-config-chair .product-info-3d-sticky .overlay {
    position: fixed;
    z-index: 9;
    width: 100%;
    height: 100%;
    bottom: 0px;
    background-color: rgba(17, 28, 28, 0.25);
    display: none;
    opacity: 0;
  }
  .product-config-chair .product-info-3d-sticky .overlay.active {
    opacity: 1;
    display: block;
  }
}
.fabric-viewer {
  width: 364px;
  height: 274px;
  display: inline-block;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
  position: absolute;
  left: 64px;
  bottom: -68px;
  z-index: 3;
  transition: width 0.5s, height 0.4s;
}
.fabric-viewer[collapsed] {
  width: 127px;
  height: 95px;
}
.fabric-viewer[collapsed] .wrapper .btn-collapse {
  display: none;
}
.fabric-viewer[collapsed] .wrapper .btn-order-sample {
  bottom: 8px;
}
.fabric-viewer[collapsed] .wrapper .btn-zoom-img {
  display: inline-flex;
}
.fabric-viewer[collapsed] .wrapper .navbar .title {
  max-width: 12ch;
}
.fabric-viewer[collapsed] .wrapper .navbar .title span.material-name {
  display: none;
}
.fabric-viewer[collapsed] .wrapper .navbar .title span.divider {
  display: none;
}
.fabric-viewer .wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
}
.fabric-viewer .wrapper .navbar {
  height: 24px;
  width: 100%;
  background: #f3f4f4;
  position: relative;
  display: inline-flex;
  align-items: center;
}
.fabric-viewer .wrapper .navbar.skeleton::after {
  background-color: #f3f4f4;
}
.fabric-viewer .wrapper .navbar.skeleton button {
  z-index: 1;
}
.fabric-viewer .wrapper .navbar .title {
  padding-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fabric-viewer .wrapper .navbar .title span {
  color: #111c1c;
  font-size: 10px;
  font-weight: 600;
  line-height: normal;
  white-space: nowrap;
  transition: all 0.3s;
}
.fabric-viewer .wrapper .navbar .title span.color-name {
  transition: all 0.7s;
}
.fabric-viewer .wrapper .navbar .title span.material-name {
  display: inline-block;
}
.fabric-viewer .wrapper .navbar .title span.divider {
  display: inline-block;
}
.fabric-viewer .wrapper button {
  border: none;
  display: inline-flex;
  padding: 0;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.fabric-viewer .wrapper .btn-collapse {
  position: absolute;
  right: 8px;
  top: 4px;
  background: unset;
  width: 16px;
  height: 16px;
}
.fabric-viewer .wrapper .btn-collapse svg {
  width: 10px;
  height: 2px;
}
.fabric-viewer .wrapper .btn-zoom-img {
  position: absolute;
  right: 8px;
  top: 4px;
  background: unset;
  width: 16px;
  height: 16px;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.fabric-viewer .wrapper .btn-zoom-img svg {
  width: 16px;
  height: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #111c1c;
  transition: all 0.5s ease-in-out;
}
.fabric-viewer .wrapper .btn-extra-fabric-view {
  position: absolute;
  right: 8px;
  top: 4px;
  background: unset;
  width: 16px;
  height: 16px;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.fabric-viewer .wrapper .btn-extra-fabric-view svg {
  width: 10px;
  height: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #111c1c;
  transition: all 0.5s ease-in-out;
}
.fabric-viewer .wrapper .btn-extra-fabric-view svg use {
  transform: scale(0.625);
}
.fabric-viewer .wrapper .btn-zoom-img {
  width: 16px;
  height: 16px;
  color: #111c1c;
}
.fabric-viewer .wrapper .btn-extra-fabric-view {
  border: 1px solid #111c1c;
  background-color: #fff;
  width: 24px;
  height: 24px;
}
.fabric-viewer .wrapper .img-box {
  width: 100%;
  height: calc(100% - 24px);
  position: relative;
}
.fabric-viewer .wrapper .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fabric-viewer .wrapper .btn-order-sample {
  display: inline-flex;
  height: 32px;
  padding: 0px 16px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 100px;
  background-color: #e4b760;
  position: absolute;
  left: 50%;
  bottom: 16px;
  width: fit-content;
  transition: all 0.5s;
  transform: translateX(-50%);
}
.fabric-viewer .wrapper .btn-order-sample.skeleton::after {
  background-color: #f3f4f4;
  border-radius: 100px;
}
.fabric-viewer .wrapper .btn-order-sample span {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  white-space: nowrap;
}
.fabric-viewer .model-3d-configs {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  cursor: pointer;
  width: fit-content;
  height: auto;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  max-height: 116px;
  position: absolute;
  right: 32px;
  bottom: -68px;
  z-index: 3;
}
.fabric-viewer .model-slides {
  width: 100%;
  height: 100%;
  position: relative;
}
.fabric-viewer .model-slides.hide-nav .bt-prev,
.fabric-viewer .model-slides.hide-nav .bt-next {
  display: none;
}
.fabric-viewer .model-slides.del .swiper-wrapper {
  opacity: 0.2;
}
.fabric-viewer .model-slides.del .remove-btn {
  opacity: 1;
  visibility: visible;
}
.fabric-viewer .model-slides .bt-prev,
.fabric-viewer .model-slides .bt-next {
  position: absolute;
  z-index: 2;
  background: #ffffff;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
  width: 40px;
  height: 40px;
  border: none;
  top: 50%;
  transform: translateY(-50%);
}
.fabric-viewer .model-slides .bt-prev.swiper-button-disabled,
.fabric-viewer .model-slides .bt-next.swiper-button-disabled {
  cursor: not-allowed;
}
.fabric-viewer .model-slides .bt-prev.swiper-button-disabled svg,
.fabric-viewer .model-slides .bt-next.swiper-button-disabled svg {
  color: #a0a4a4;
}
.fabric-viewer .model-slides .bt-prev svg,
.fabric-viewer .model-slides .bt-next svg {
  color: #111c1c;
}
.fabric-viewer .model-slides .bt-prev {
  left: -20px;
}
.fabric-viewer .model-slides .bt-next {
  right: -20px;
}
.fabric-viewer .swiper {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 116px;
  padding: 8px;
  max-width: 446px;
}
.fabric-viewer .swiper .swiper-slide,
.fabric-viewer .swiper .model-item {
  width: 100px;
  height: 100px;
  background: #faf9f7;
  mix-blend-mode: darken;
  position: relative;
}
.fabric-viewer .swiper .swiper-slide img,
.fabric-viewer .swiper .model-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.fabric-viewer .swiper .model-item:not([data-amount=""])::after {
  content: attr(data-amount);
  position: absolute;
  width: 20px;
  height: 20px;
  top: 8px;
  right: 8px;
  border-radius: 50%;
  font-weight: 500;
  font-size: 11px;
  text-align: center;
  color: #ffffff;
  display: flex;
  background: #111c1c;
  justify-content: center;
  align-items: center;
}
.fabric-viewer .skeleton:after {
  width: 100%;
  height: 100%;
  background-color: #e2e5e7;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-size: 40px 100%;
  background-repeat: no-repeat;
  background-position: left -40px top 0;
  animation: shine 1s ease infinite;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s ease-in-out;
}

@media screen and (max-width: 743px) {
  .fabric-viewer {
    top: 80px;
    left: 16px;
    bottom: unset;
    align-items: flex-start;
    transform: unset;
    position: absolute;
    z-index: 3;
    display: flex;
    flex-direction: row;
    column-gap: 24px;
    border: 4px solid #fff;
    width: 88px;
    height: 88px;
  }
  .fabric-viewer .wrapper .navbar {
    display: none;
  }
  .fabric-viewer .wrapper .img-box {
    height: 100%;
  }
  .fabric-viewer .wrapper .btn-collapse {
    display: none;
  }
  .fabric-viewer .wrapper .btn-zoom-img {
    display: none;
  }
  .fabric-viewer .wrapper .btn-extra-fabric-view {
    display: flex;
    top: 8px;
    right: 8px;
    z-index: 1;
  }
  .fabric-viewer .wrapper .btn-order-sample {
    display: none;
  }
  .fabric-viewer .model-3d-configs {
    position: unset;
    bottom: -30px;
  }
  .fabric-viewer .extra-ed-img-zoom {
    width: 88px;
    height: 88px;
  }
  .fabric-viewer .swiper {
    padding: 4px;
    max-width: 220px;
    min-width: 88px;
  }
  .fabric-viewer .swiper .swiper-slide,
  .fabric-viewer .swiper .model-item {
    width: 80px;
    height: 80px;
  }
}
@media screen and (min-width: 691px) and (max-width: 900px) and (orientation: landscape) {
  .fabric-viewer {
    bottom: 16px;
  }
  .fabric-viewer .extra-ed-img-zoom {
    width: 64px;
    height: 64px;
  }
}
.product-recommendation-quiz {
  --popup-right-aria-width: 565px;
  position: fixed;
  inset: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1000;
  background-color: #faf9f7;
  border: none;
  padding: 0;
  max-width: 100%;
  max-height: 100%;
  color: #111c1c;
}
.product-recommendation-quiz span {
  color: inherit;
}
.product-recommendation-quiz .btn-close {
  position: absolute;
  top: 32px;
  left: 32px;
  background: #fff;
  border: none;
  cursor: pointer;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 12px;
  border-radius: 4px;
  gap: 4px;
  color: #111c1c;
}
.product-recommendation-quiz .btn-close.mobile-only {
  display: none;
}
.product-recommendation-quiz .btn-close .icon-box {
  position: relative;
  width: 24px;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
.product-recommendation-quiz .btn-close svg {
  --color-1: #111c1c;
  width: 24px;
  height: 24px;
  transform: rotate(90deg);
  position: absolute;
  left: 0;
}
.product-recommendation-quiz .btn-close:hover .icon-box svg {
  animation: moveBackNew 0.6s linear forwards;
}
.product-recommendation-quiz .btn-close span {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: inherit;
}
.product-recommendation-quiz .popup-wrapper {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-columns: minmax(0, 1fr) minmax(0, var(--popup-right-aria-width));
  overflow: hidden;
}
.product-recommendation-quiz .popup-wrapper .left-area {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.product-recommendation-quiz .popup-wrapper .right-area {
  position: relative;
  display: flex;
  max-width: var(--popup-right-aria-width);
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 56px 72px 32px 72px;
  flex-direction: column;
  align-items: center;
  background: #fff;
  filter: drop-shadow(-123px 0 34px rgba(17, 28, 28, 0)) drop-shadow(-79px 0 31px rgba(17, 28, 28, 0.01)) drop-shadow(-44px 0 27px rgba(17, 28, 28, 0.02)) drop-shadow(-20px 0 20px rgba(17, 28, 28, 0.03)) drop-shadow(-5px 0 11px rgba(17, 28, 28, 0.04));
}
.product-recommendation-quiz .popup-wrapper .right-area .progress-steps {
  width: 100%;
  display: none;
  grid-template-columns: repeat(var(--number-of-progress-items), minmax(0, 1fr));
  gap: var(--progress-gap, 8px);
  margin: 0 auto;
  padding-bottom: 40px;
}
.product-recommendation-quiz .popup-wrapper .right-area .progress-steps.active {
  display: grid;
}
.product-recommendation-quiz .popup-wrapper .right-area .progress-steps .progress-step {
  height: 8px;
  background-color: #d8d8d8;
  border-radius: 9999px;
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.product-recommendation-quiz .popup-wrapper .right-area .progress-steps .progress-step::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #111c1c;
  border-radius: 9999px;
  width: 0;
  transition: width 0.3s ease-in-out;
}
.product-recommendation-quiz .popup-wrapper .right-area .progress-steps .progress-step.active::after {
  width: 100%;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel {
  flex: 1;
  width: 100%;
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel::-webkit-scrollbar {
  display: none;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel.active {
  visibility: visible;
  display: block;
  opacity: 1;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel.recommend-result-panel .recommend-result-info {
  display: none;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group,
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .result-panel-group {
  display: none;
  opacity: 0;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group,
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .result-panel-group {
  transition: opacity 0.3s ease-in-out;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group.active,
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .result-panel-group.active {
  display: block;
  opacity: 1;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group .title-txt,
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .result-panel-group .title-txt {
  margin-top: 40px;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group .subtitle-txt,
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .result-panel-group .subtitle-txt {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group .wrapper-content,
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .result-panel-group .wrapper-content {
  margin-top: 40px;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group .wrapper-content .quiz-info,
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .result-panel-group .wrapper-content .quiz-info {
  display: none;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group .option-buttons-group,
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .result-panel-group .option-buttons-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group .option-buttons-group .option-button,
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .result-panel-group .option-buttons-group .option-button {
  width: 100%;
  padding: 0 16px;
  background: #fff;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  cursor: pointer;
  font-size: var(--quiz-option--button-font-size, 16px);
  font-weight: 500;
  height: 48px;
  line-height: normal;
  justify-content: center;
  display: flex;
  align-items: center;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group .option-buttons-group .option-button .title,
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .result-panel-group .option-buttons-group .option-button .title {
  color: #111c1c;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group .option-buttons-group .option-button.selected,
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .result-panel-group .option-buttons-group .option-button.selected {
  background: #fff;
  border-color: #405955;
  color: #405955;
  font-weight: 600;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group .option-cards-group,
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .result-panel-group .option-cards-group {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group .option-cards-group .option-card,
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .result-panel-group .option-cards-group .option-card {
  width: 100%;
  cursor: pointer;
  padding: 0;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group .option-cards-group .option-card .card-image-box,
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .result-panel-group .option-cards-group .option-card .card-image-box {
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: 4px;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group .option-cards-group .option-card .card-image-box img,
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .result-panel-group .option-cards-group .option-card .card-image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group .option-cards-group .option-card .card-title,
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .result-panel-group .option-cards-group .option-card .card-title {
  display: block;
  margin-top: 8px;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  color: #111c1c;
  font-weight: 600;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group .option-cards-group .option-card.selected .card-image-box,
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .result-panel-group .option-cards-group .option-card.selected .card-image-box {
  border: 1px solid #405955;
  position: relative;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group .option-cards-group .option-card.selected .card-image-box::after,
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .result-panel-group .option-cards-group .option-card.selected .card-image-box::after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTAgM0w0LjUgOC41TDIgNiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==");
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  border-radius: 0 3px 0 4px;
  background: #405955;
}
.product-recommendation-quiz .popup-wrapper .right-area .content-panel .result-panel-group .title-txt {
  margin-top: 0;
}
.product-recommendation-quiz .popup-wrapper .right-area .footer-panel {
  width: 100%;
  padding-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-recommendation-quiz .popup-wrapper .right-area .footer-panel .tds-btn {
  width: 100%;
  justify-content: center;
  gap: 8px;
  display: none;
}
.product-recommendation-quiz .popup-wrapper .right-area .footer-panel .tds-btn.active {
  display: flex;
}
.product-recommendation-quiz .popup-wrapper .right-area .footer-panel .tds-btn span {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
.product-recommendation-quiz .popup-wrapper .right-area .footer-panel .tds-btn:hover .icon-box svg {
  animation: moveNextNew 0.6s linear forwards;
}
.product-recommendation-quiz .popup-wrapper .right-area .footer-panel .btn-next .icon-box,
.product-recommendation-quiz .popup-wrapper .right-area .footer-panel .btn-config .icon-box {
  position: relative;
  width: 24px;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
.product-recommendation-quiz .popup-wrapper .right-area .footer-panel .btn-next svg,
.product-recommendation-quiz .popup-wrapper .right-area .footer-panel .btn-config svg {
  --color-1: #111c1c;
  width: 24px;
  height: 24px;
  transform: rotate(270deg);
  position: absolute;
  left: 0;
}
.product-recommendation-quiz .popup-wrapper .right-area .footer-panel .btn-wishlist svg {
  --color-1: #111c1c;
  width: 20px;
  height: 18px;
}
.product-recommendation-quiz .popup-wrapper .quiz-info {
  position: relative;
  inset: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.product-recommendation-quiz .popup-wrapper .quiz-info.active {
  display: block;
}
.product-recommendation-quiz .popup-wrapper .quiz-info img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info {
  padding: 104px 32px 64px 32px;
  width: 100%;
  height: 100%;
  display: none;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info.active {
  display: block;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides {
  width: 100%;
  height: 100%;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  scrollbar-width: none;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item::-webkit-scrollbar {
  display: none;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item.swiper-slide-active {
  z-index: 2;
  opacity: 1;
  visibility: visible;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .item-header {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .item-header .nav-item-badge {
  display: none;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .item-header .header-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .item-header .header-content .title {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .item-header .header-content .nav-item-match-percent {
  display: none;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .item-header .mb-subtitle {
  display: none;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .image-box {
  margin-top: 16px;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .image-box .main-image img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 284/166;
  object-fit: cover;
  border-radius: 15px;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .image-box .images {
  gap: 16px;
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .image-box .images .image-item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 15px;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .image-box .images .image-item img {
  width: 100%;
  flex: 1;
  min-height: 0;
  display: block;
  object-fit: cover;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .image-box .images .image-item[data-group-template-number="1"][data-index="0"] {
  aspect-ratio: 16/9;
  grid-column: span 2;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .image-box .images .image-item[data-group-template-number="2"][data-index="0"], .product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .image-box .images .image-item[data-group-template-number="2"][data-index="1"] {
  aspect-ratio: 9/10;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .image-box .images .image-item[data-group-template-number="3"][data-index="1"] {
  grid-row: span 2;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .image-box .images .image-item[data-group-template-number="3"][data-index="0"], .product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .image-box .images .image-item[data-group-template-number="3"][data-index="2"] {
  aspect-ratio: 16/9;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .image-box .images .image-item[data-group-template-number="4"][data-index="0"], .product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .image-box .images .image-item[data-group-template-number="4"][data-index="3"] {
  aspect-ratio: 16/9;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .image-box .images .image-item[data-group-template-number="4"][data-index="1"], .product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .image-box .images .image-item[data-group-template-number="4"][data-index="2"] {
  grid-row: span 2;
  aspect-ratio: 8/9;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .slide-pagination {
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .slide-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #d8d8d8;
  border-radius: 9999px;
  opacity: 1;
  cursor: pointer;
  transition: width 0.3s ease-in-out;
}
.product-recommendation-quiz .popup-wrapper .recommend-result-info .slide-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #111c1c;
  width: 20px;
}
.product-recommendation-quiz .result-slide-nav {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.product-recommendation-quiz .result-slide-nav .nav-item {
  display: flex;
  min-width: 50px;
  padding: 0 16px;
  justify-content: center;
  align-items: center;
  color: #111c1c;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  border-radius: 15px;
  border: 1px solid #d8d8d8;
  width: fit-content;
  height: 40px;
}
.product-recommendation-quiz .result-slide-nav .nav-item.active {
  border: 2px solid #e4b760;
}
.product-recommendation-quiz .result-slide-nav .nav-item--featured {
  flex-direction: column;
  width: 100%;
  height: auto;
  padding: 0;
  border-radius: 15px;
  align-items: stretch;
  text-align: left;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.product-recommendation-quiz .result-slide-nav .nav-item--featured.active {
  border: 1px solid #e4b760;
}
.product-recommendation-quiz .result-slide-nav .nav-item--featured.active .nav-item-info .nav-item-subtitle {
  color: #4c5555;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: unset;
  overflow: hidden;
}
.product-recommendation-quiz .result-slide-nav .nav-item--featured:hover .nav-item-image-wrapper img {
  transform: scale(1.05);
}
.product-recommendation-quiz .result-slide-nav .nav-item--featured .nav-item-image-wrapper {
  position: relative;
  overflow: hidden;
}
.product-recommendation-quiz .result-slide-nav .nav-item--featured .nav-item-image-wrapper img {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.product-recommendation-quiz .result-slide-nav .nav-item--featured .nav-item-image-wrapper .nav-item-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  display: flex;
  align-items: center;
  gap: 4px;
  background: #e4b760;
  color: #111c1c;
  font-weight: 600;
  padding: 4px;
  border-radius: 2px;
  height: 24px;
}
.product-recommendation-quiz .result-slide-nav .nav-item--featured .nav-item-image-wrapper .nav-item-badge svg {
  width: 16px;
  height: 16px;
}
.product-recommendation-quiz .result-slide-nav .nav-item--featured .nav-item-image-wrapper .nav-item-match-percent {
  position: absolute;
  top: 16px;
  right: 16px;
  color: #111c1c;
  font-weight: 600;
  background: #fff;
  padding: 4px 6px;
  border-radius: 2px;
  border: 1px solid #f3f4f4;
  height: 24px;
  display: flex;
  align-items: center;
}
.product-recommendation-quiz .result-slide-nav .nav-item--featured .nav-item-info {
  display: flex;
  flex-direction: column;
  padding: 20px 16px 16px 16px;
}
.product-recommendation-quiz .result-slide-nav .nav-item--featured .nav-item-info .nav-item-title {
  font-weight: 600;
  color: #111c1c;
}
.product-recommendation-quiz .result-slide-nav .nav-item--featured .nav-item-info .nav-item-subtitle {
  font-weight: 400;
  color: #aeb2b2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.product-recommendation-quiz .result-slide-nav .nav-item--compact {
  flex-direction: row;
  width: 100%;
  height: auto;
  padding: 12px;
  border-radius: 15px;
  align-items: flex-start;
  text-align: left;
  gap: 12px;
  transition: all 0.3s ease-in-out;
}
.product-recommendation-quiz .result-slide-nav .nav-item--compact.active {
  border: 1px solid #e4b760;
}
.product-recommendation-quiz .result-slide-nav .nav-item--compact.active .nav-item-info .nav-item-subtitle {
  color: #4c5555;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: unset;
  overflow: hidden;
}
.product-recommendation-quiz .result-slide-nav .nav-item--compact .nav-item-thumb {
  flex-shrink: 0;
  width: 70px;
  height: 70px;
  border-radius: 12px;
  overflow: hidden;
}
.product-recommendation-quiz .result-slide-nav .nav-item--compact .nav-item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.product-recommendation-quiz .result-slide-nav .nav-item--compact:hover .nav-item-thumb img {
  transform: scale(1.08);
}
.product-recommendation-quiz .result-slide-nav .nav-item--compact .nav-item-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.product-recommendation-quiz .result-slide-nav .nav-item--compact .nav-item-info .nav-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.product-recommendation-quiz .result-slide-nav .nav-item--compact .nav-item-info .nav-item-header .nav-item-title {
  font-weight: 600;
  color: #111c1c;
}
.product-recommendation-quiz .result-slide-nav .nav-item--compact .nav-item-info .nav-item-header .nav-item-match-percent {
  flex-shrink: 0;
  font-weight: 600;
  color: #111c1c;
  background: #fff;
  padding: 4px 6px;
  border-radius: 2px;
  border: 1px solid #f3f4f4;
  height: 24px;
  display: flex;
  align-items: center;
}
.product-recommendation-quiz .result-slide-nav .nav-item--compact .nav-item-info .nav-item-subtitle {
  font-weight: 400;
  color: #aeb2b2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.product-recommendation-quiz .result-slide-nav-label {
  display: block;
  font-weight: 400;
  color: #111c1c;
  padding-top: 8px;
}
.product-recommendation-quiz .snackbar {
  position: absolute;
  width: 100%;
  padding: 0 72px;
  bottom: 90px;
  left: 50%;
  transform: translateX(-50%) translateY(400px);
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  flex-direction: row;
  align-content: flex-start;
  gap: 16px;
  display: flex;
  opacity: 0;
  visibility: hidden;
  align-items: center;
}
.product-recommendation-quiz .snackbar::before {
  content: "";
  position: absolute;
  border-radius: 4px;
  background: #e9e8e5;
  width: calc(100% - 144px);
  height: 100%;
}
.product-recommendation-quiz .snackbar.active {
  opacity: 1;
  visibility: visible;
  animation: snackbarSlideIn 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}
.product-recommendation-quiz .snackbar.active .image-box {
  animation: imagePopIn 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s both;
}
.product-recommendation-quiz .snackbar.active .snackbar-content {
  animation: contentFadeIn 0.4s ease-out 0.4s both;
}
.product-recommendation-quiz .snackbar .image-box {
  width: 32px;
  height: 32px;
  margin-left: 12px;
}
.product-recommendation-quiz .snackbar .image-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  flex: 1;
}
.product-recommendation-quiz .snackbar .snackbar-content {
  flex: 1;
  padding: 12px;
}
.product-recommendation-quiz .snackbar .snackbar-content .snackbar-message {
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

@media screen and (max-width: 1200px) {
  .product-recommendation-quiz {
    --popup-right-aria-width: 372px;
    --quiz-option--button-font-size: 14px;
  }
  .product-recommendation-quiz .btn-close {
    top: 24px;
    left: 24px;
    height: 40px;
    padding: 0 8px;
  }
  .product-recommendation-quiz .btn-close span {
    font-size: 10px;
    line-height: 16px;
    padding-right: 8px;
  }
  .product-recommendation-quiz .popup-wrapper .right-area {
    padding: 24px 32px 32px 32px;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group .quiz-title {
    margin-top: 0;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .content-panel.recommend-result-panel .step-panel-group .quiz-title {
    margin-top: 24px;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .footer-panel .tds-btn span {
    font-size: 13px;
    line-height: 20px;
  }
  .product-recommendation-quiz .popup-wrapper .recommend-result-info {
    padding: 80px 24px 48px 24px;
  }
  .product-recommendation-quiz .popup-wrapper .recommend-result-info .slide-pagination {
    bottom: 24px;
  }
  .product-recommendation-quiz .result-slide-nav .nav-item {
    font-size: 13px;
    line-height: 22px;
  }
  .product-recommendation-quiz .snackbar {
    padding: 0 32px;
  }
  .product-recommendation-quiz .snackbar::before {
    width: calc(100% - 64px);
  }
}
@media screen and (max-width: 900px) {
  .product-recommendation-quiz .btn-close {
    display: none;
  }
  .product-recommendation-quiz .btn-close.mobile-only {
    display: flex;
    position: relative;
  }
  .product-recommendation-quiz .popup-wrapper {
    grid-template-columns: minmax(0, 1fr);
  }
  .product-recommendation-quiz .popup-wrapper .left-area {
    display: none;
  }
  .product-recommendation-quiz .popup-wrapper .right-area {
    padding: 8px 24px 24px 24px;
    max-width: 100%;
    overflow: hidden;
    align-items: flex-start;
    background-color: #faf9f7;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .progress-steps {
    margin-top: 16px;
    margin-bottom: 24px;
    padding: 0;
    order: 1;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .btn-close {
    order: 2;
    height: auto;
    padding: 0;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .recommend-quiz-panel {
    order: 3;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .recommend-result-panel {
    order: 3;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .footer-panel {
    order: 4;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .content-panel {
    margin-top: 24px;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group .wrapper-content .content-info-box {
    margin-top: 40px;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group .wrapper-content .quiz-info {
    display: block;
    aspect-ratio: 382/262;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .content-panel.recommend-result-panel {
    height: 100%;
    min-height: 0;
    overflow: visible;
    margin-top: 0;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .content-panel.recommend-result-panel .result-panel-group {
    opacity: 1;
    height: 100%;
    min-height: 0;
    flex-direction: column;
    margin-top: 8px;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .content-panel.recommend-result-panel .result-panel-group.active {
    display: flex;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .content-panel.recommend-result-panel .result-panel-group .wrapper-content {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .content-panel.recommend-result-panel .recommend-result-info {
    display: flex;
  }
  .product-recommendation-quiz .popup-wrapper .recommend-result-info {
    padding: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .product-recommendation-quiz .popup-wrapper .recommend-result-info .slide-pagination {
    position: relative;
    bottom: 0;
    left: unset;
    transform: unset;
    margin-top: 10px;
  }
  .product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper {
    background: #fff;
    overflow: visible;
    border-radius: 12px;
    flex: 1;
    min-height: 0;
    height: auto;
  }
  .product-recommendation-quiz .snackbar {
    padding: 0 24px;
  }
  .product-recommendation-quiz .snackbar::before {
    width: calc(100% - 48px);
  }
}
@media screen and (max-width: 743px) {
  .product-recommendation-quiz .btn-close {
    display: none;
    top: 0;
    left: 0;
    background-color: #faf9f7;
  }
  .product-recommendation-quiz .btn-close.mobile-only {
    display: flex;
    position: relative;
  }
  .product-recommendation-quiz .popup-wrapper {
    grid-template-columns: minmax(0, 1fr);
  }
  .product-recommendation-quiz .popup-wrapper .left-area {
    height: 240px;
    display: none;
  }
  .product-recommendation-quiz .popup-wrapper .left-area .quiz-info .quiz-image {
    object-fit: cover;
  }
  .product-recommendation-quiz .popup-wrapper .right-area {
    padding: 8px 16px 16px 16px;
    max-width: 100%;
    overflow: hidden;
    align-items: flex-start;
    background-color: #faf9f7;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .progress-steps {
    margin-top: 16px;
    margin-bottom: 24px;
    padding: 0;
    order: 1;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .btn-close {
    order: 2;
    height: auto;
    padding: 0;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .recommend-quiz-panel {
    order: 3;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .recommend-result-panel {
    order: 3;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .footer-panel {
    order: 4;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .content-panel {
    margin-top: 24px;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group .wrapper-content .content-info-box {
    margin-top: 40px;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .content-panel .step-panel-group .wrapper-content .quiz-info {
    display: block;
    aspect-ratio: 382/262;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .content-panel.recommend-result-panel {
    height: 100%;
    min-height: 0;
    overflow: visible;
    margin-top: 0;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .content-panel.recommend-result-panel .result-panel-group {
    opacity: 1;
    height: 100%;
    min-height: 0;
    flex-direction: column;
    margin-top: 8px;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .content-panel.recommend-result-panel .result-panel-group.active {
    display: flex;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .content-panel.recommend-result-panel .result-panel-group .wrapper-content {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .product-recommendation-quiz .popup-wrapper .right-area .content-panel.recommend-result-panel .recommend-result-info {
    display: flex;
  }
  .product-recommendation-quiz .popup-wrapper .recommend-result-info {
    padding: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .product-recommendation-quiz .popup-wrapper .recommend-result-info .slide-pagination {
    position: relative;
    bottom: 0;
    left: unset;
    transform: unset;
    margin-top: 10px;
  }
  .product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper {
    background: #fff;
    overflow: visible;
    border-radius: 12px;
    flex: 1;
    min-height: 0;
    height: auto;
  }
  .product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides {
    border-radius: 12px;
    overflow: hidden;
  }
  .product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item {
    background-color: white;
    padding: 24px;
  }
  .product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .item-header .nav-item-badge {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #e4b760;
    color: #111c1c;
    font-weight: 600;
    padding: 4px;
    border-radius: 2px;
    height: 24px;
    width: fit-content;
  }
  .product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .item-header .nav-item-badge svg {
    width: 16px;
    height: 16px;
  }
  .product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .item-header .header-content {
    justify-content: space-between;
  }
  .product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .item-header .header-content .title {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
  }
  .product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .item-header .header-content .nav-item-match-percent {
    flex-shrink: 0;
    font-weight: 600;
    color: #111c1c;
    background: #fff;
    padding: 4px 6px;
    border-radius: 2px;
    border: 1px solid #f3f4f4;
    height: 24px;
    display: flex;
    align-items: center;
  }
  .product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper .recommend-result-slides .recommend-result-item .item-header .mb-subtitle {
    display: block;
  }
  .product-recommendation-quiz .popup-wrapper .recommend-result-info .result-info-wrapper:not(.single-slide)::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    box-shadow: inset 0px 8px 16px rgba(0, 0, 0, 0.05), inset 0px -8px 16px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    transform: rotate(3.226deg);
    background-color: #ecece8;
    z-index: -1;
  }
  .product-recommendation-quiz .popup-wrapper .quiz-info {
    display: none;
  }
  .product-recommendation-quiz .result-slide-nav {
    display: none;
  }
  .product-recommendation-quiz .snackbar {
    padding: 0 16px;
  }
  .product-recommendation-quiz .snackbar::before {
    width: calc(100% - 30px);
    left: 14px;
  }
}
.canvas-3d-configuration-page {
  position: relative;
  height: calc(100vh - 136px);
}
.canvas-3d-configuration-page h1 {
  padding: 12px;
}
.canvas-3d-configuration-page iframe {
  border: none;
  width: 100%;
  height: calc(100vh - 186px);
}
.canvas-3d-configuration-page .canvas-sidebar {
  position: absolute;
  right: 0;
  top: 60px;
  height: calc(100vh - 186px);
  overflow-y: auto;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: 450px;
  padding: 24px;
}
.canvas-3d-configuration-page .configurations .category-breadcrumbs {
  margin-bottom: 16px;
  padding: 8px 12px;
  background-color: #f9f9f9;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-size: 13px;
  color: #666;
}
.canvas-3d-configuration-page .configurations .tabs {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
}
.canvas-3d-configuration-page .configurations .tabs .tab {
  display: inline-flex;
  flex-direction: column;
  width: fit-content;
  height: 32px;
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 0 8px;
  align-items: center;
  justify-content: center;
  user-select: none;
  cursor: pointer;
}
.canvas-3d-configuration-page .configurations .tabs .tab.active {
  background-color: #e4b760;
  border-color: #e4b760;
  color: #fff;
}
.canvas-3d-configuration-page .configurations .tabs .tab .name {
  color: #333;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.canvas-3d-configuration-page .configurations .configurations-container {
  margin-top: 16px;
}
.canvas-3d-configuration-page .configurations .content-panel {
  margin-top: 16px;
  display: none;
}
.canvas-3d-configuration-page .configurations .content-panel.active {
  display: block;
}
.canvas-3d-configuration-page .configurations .categories {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.canvas-3d-configuration-page .configurations .categories .cat-item {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  user-select: none;
  transition: transform 0.2s, opacity 0.3s;
  position: relative;
}
.canvas-3d-configuration-page .configurations .categories .cat-item.selected .img {
  border-color: #e4b760;
  border-width: 3px;
  box-shadow: 0 0 10px rgba(228, 183, 96, 0.5);
}
.canvas-3d-configuration-page .configurations .categories .cat-item.selected .name {
  color: #e4b760;
  font-weight: 600;
}
.canvas-3d-configuration-page .configurations .categories .cat-item.selected::after {
  content: "✓";
  position: absolute;
  top: 0;
  right: 10px;
  background-color: #e4b760;
  color: white;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 14px;
}
.canvas-3d-configuration-page .configurations .categories .cat-item:hover:not(.selected) {
  transform: scale(1.05);
}
.canvas-3d-configuration-page .configurations .categories .cat-item .img {
  border: 1px solid #ddd;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}
.canvas-3d-configuration-page .configurations .categories .cat-item .name {
  color: #333;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-top: 8px;
}
.canvas-3d-configuration-page .configurations .categories .cat-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.canvas-3d-configuration-page .configurations .products {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.canvas-3d-configuration-page .configurations .products .item {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  user-select: none;
}
.canvas-3d-configuration-page .configurations .products .item.multi-pd .img {
  cursor: grab;
}
.canvas-3d-configuration-page .configurations .products .item .img {
  border: 1px solid #ddd;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}
.canvas-3d-configuration-page .configurations .products .item .name {
  color: #333;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-top: 8px;
}
.canvas-3d-configuration-page .configurations .products .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.canvas-3d-configuration-page .configurations .content {
  margin-top: 24px;
}
.canvas-3d-configuration-page .configurations .editions {
  margin-top: 16px;
  font-size: 14px;
}
.canvas-3d-configuration-page .configurations .editions .step {
  margin-bottom: 12px;
}
.canvas-3d-configuration-page .configurations .editions .step > .title {
  font-size: 16px;
}
.canvas-3d-configuration-page .configurations .editions .step .title {
  font-weight: bold;
  margin-bottom: 12px;
}
.canvas-3d-configuration-page .configurations .editions .step .controls {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.canvas-3d-configuration-page .configurations .editions .step .controls .control {
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  gap: 4px;
  display: flex;
  flex-flow: column wrap;
}
.canvas-3d-configuration-page .configurations .editions .step .controls .control .title {
  font-weight: bold;
  margin-bottom: 0px;
}
.canvas-3d-configuration-page .configurations .editions .step .controls .control .options {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.canvas-3d-configuration-page .configurations .editions .step .controls .control .options .option {
  padding: 4px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  min-height: 48px;
  flex-flow: row wrap;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
}
.canvas-3d-configuration-page .configurations .editions .step .controls .control .options .option .name {
  color: #111c1c;
}
.canvas-3d-configuration-page .configurations .editions .step .controls .control .options .option.active {
  border-color: #e4b760;
}
.canvas-3d-configuration-page .txt {
  margin-top: 24px;
}
.canvas-3d-configuration-page .summary {
  margin-top: 12px;
  border-top: 1px solid #ddd;
  padding-top: 12px;
}
.canvas-3d-configuration-page .summary .config-tab-group {
  margin-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 12px;
}
.canvas-3d-configuration-page .summary .config-tab-group:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.canvas-3d-configuration-page .summary .config-tab-group .config-tab-header {
  margin-bottom: 10px;
}
.canvas-3d-configuration-page .summary .config-tab-group .config-tab-header .config-tab-name {
  font-weight: 700;
  color: #e4b760;
  font-size: 15px;
  text-transform: uppercase;
  display: block;
  letter-spacing: 0.5px;
}
.canvas-3d-configuration-page .summary .config-tab-group .config-tab-products {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 12px;
}
.canvas-3d-configuration-page .summary .config-tab-group .config-tab-products .config-product-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 8px;
  background-color: #fafafa;
  border-radius: 4px;
}
.canvas-3d-configuration-page .summary .config-tab-group .config-tab-products .config-product-item .config-name {
  font-weight: 500;
  flex: 1;
  font-size: 14px;
}
.canvas-3d-configuration-page .summary .config-tab-group .config-tab-products .config-product-item .config-amount {
  margin-left: auto;
  margin-right: 8px;
  color: #666;
  font-size: 13px;
}
.canvas-3d-configuration-page .summary .config-tab-group .config-tab-products .config-product-item .config-price {
  font-weight: 600;
  font-size: 14px;
  color: #333;
}
.canvas-3d-configuration-page .total {
  margin-top: 12px;
  border-top: 1px solid #ddd;
  padding-top: 12px;
  display: flex;
  justify-content: space-between;
  font-size: 18px;
}
.canvas-3d-configuration-page .total .config-name {
  font-weight: 500;
}
.canvas-3d-configuration-page .total .config-price {
  font-weight: 600;
}
.canvas-3d-configuration-page .total .total-price {
  margin-left: auto;
}

.button-check-interior-login {
  position: fixed;
  bottom: 0;
  height: 96px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #ffffff;
  z-index: 4;
}
.button-check-interior-login .btn-check-interior-login {
  min-width: 282px;
  height: 64px;
}
.button-check-interior-login .btn-check-interior-login .txt {
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  font-weight: 600;
}

.tds-dropdown {
  position: relative;
  user-select: none;
  width: 100%;
  max-width: 226px;
  min-width: 0;
}
.tds-dropdown .dropdown-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  border-radius: 12px;
  background: #faf9f7;
  cursor: pointer;
  gap: 8px;
  height: 34px;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.15);
}
.tds-dropdown .dropdown-trigger .dropdown-label {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  flex: 1;
}
.tds-dropdown .dropdown-trigger .dropdown-label.active {
  font-weight: 700;
}
.tds-dropdown .dropdown-trigger .dropdown-arrow-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease;
  transform: rotate(90deg);
}
.tds-dropdown .dropdown-trigger .dropdown-arrow-icon svg {
  width: 5px;
  height: 9px;
}
.tds-dropdown.open .dropdown-trigger .dropdown-arrow-icon {
  transform: rotate(-90deg);
}
.tds-dropdown.open .dropdown-menu {
  display: block;
}
.tds-dropdown .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  background: #faf9f7;
  border-radius: 12px;
  z-index: 10;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.15);
}
.tds-dropdown .dropdown-menu .dropdown-list {
  max-height: 238px;
  overflow: auto;
}
.tds-dropdown .dropdown-menu .dropdown-list::-webkit-scrollbar {
  width: 2px;
}
.tds-dropdown .dropdown-menu .dropdown-list::-webkit-scrollbar-thumb {
  background: #8c8581;
}
.tds-dropdown .dropdown-menu .dropdown-list::-webkit-scrollbar-track {
  background: #cdcdcd;
  width: 2px;
}
.tds-dropdown .dropdown-menu .dropdown-list .dropdown-item {
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  cursor: pointer;
}
.tds-dropdown .dropdown-menu .dropdown-list .dropdown-item.active {
  font-weight: 700;
}

.index-with-autoscroll {
  display: flex;
  padding-top: 40px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.index-with-autoscroll .index-nav-dropdown {
  display: none;
  width: 100%;
}
.index-with-autoscroll .index-nav-dropdown .dropdown-trigger {
  gap: 0;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.15);
  height: 52px;
}
.index-with-autoscroll .index-nav-dropdown .dropdown-label,
.index-with-autoscroll .index-nav-dropdown .dropdown-item {
  text-align: center;
}
.index-with-autoscroll .nav-radius-wrapper {
  border-radius: 15px;
  overflow: hidden;
  background: #faf9f7;
  width: max-content;
  max-width: 100%;
  position: relative;
  margin: 0 auto;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.15);
}
.index-with-autoscroll .nav-radius-wrapper .nav-wrapper {
  display: flex;
  padding: 12px 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  overflow-x: auto;
  cursor: grab;
}
.index-with-autoscroll .nav-radius-wrapper .nav-wrapper::-webkit-scrollbar {
  height: 4px;
}
.index-with-autoscroll .nav-radius-wrapper .nav-wrapper::-webkit-scrollbar-thumb {
  background: transparent;
}
.index-with-autoscroll .nav-radius-wrapper .nav-wrapper::-webkit-scrollbar-track {
  background: transparent;
}
.index-with-autoscroll .nav-radius-wrapper .nav-wrapper.scrollbar-visible::-webkit-scrollbar-thumb {
  background: #8c8581;
}
.index-with-autoscroll .nav-radius-wrapper .nav-wrapper.scrollbar-visible::-webkit-scrollbar-track {
  background: #edece8;
}
.index-with-autoscroll .nav-radius-wrapper .nav-wrapper .nav-list {
  display: flex;
  padding: 0 64px;
  align-items: center;
  gap: 48px;
}
.index-with-autoscroll .nav-radius-wrapper .nav-wrapper .nav-list .nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.index-with-autoscroll .nav-radius-wrapper .nav-wrapper .nav-list .nav-item.active .title {
  font-weight: 600;
}
.index-with-autoscroll .nav-radius-wrapper .nav-wrapper .nav-list .nav-item .title {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  white-space: nowrap;
}
.index-with-autoscroll .nav-radius-wrapper .nav-fade {
  position: absolute;
  top: 0;
  width: 64px;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.index-with-autoscroll .nav-radius-wrapper .nav-fade.visible {
  opacity: 1;
}
.index-with-autoscroll .nav-radius-wrapper .nav-fade.nav-fade-right {
  right: 0;
  background: linear-gradient(90deg, rgba(250, 249, 247, 0) 0%, #faf9f7 100%);
}
.index-with-autoscroll .nav-radius-wrapper .nav-fade.nav-fade-left {
  left: 0;
  background: linear-gradient(270deg, rgba(250, 249, 247, 0) 0%, #faf9f7 100%);
}

@media screen and (max-width: 1024px) {
  .index-with-autoscroll {
    padding-top: 32px;
  }
  .index-with-autoscroll .nav-radius-wrapper .nav-wrapper::-webkit-scrollbar-thumb {
    background: #8c8581;
  }
  .index-with-autoscroll .nav-radius-wrapper .nav-wrapper::-webkit-scrollbar-track {
    background: #edece8;
  }
}
@media screen and (max-width: 767px) {
  .index-with-autoscroll {
    padding-top: 24px;
  }
  .index-with-autoscroll .index-nav-dropdown {
    display: block;
  }
  .index-with-autoscroll .nav-radius-wrapper {
    display: none;
  }
}
.web-config-pricing-page {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 60vh;
}
.web-config-pricing-page .tds-container {
  width: 100%;
}
.web-config-pricing-page .tds-container .button-group {
  width: fit-content;
  gap: 16px;
  margin-top: 36px;
  display: flex;
  align-items: center;
}
.web-config-pricing-page .tds-container .button-group .tds-btn {
  margin-right: 0;
  width: fit-content;
}
.web-config-pricing-page .tds-container .editions-container {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.web-config-pricing-page .tds-container .editions-container .edition-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  align-items: center;
  padding: 20px;
  background-color: #f9f9f9;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}
@media (max-width: 1200px) {
  .web-config-pricing-page .tds-container .editions-container .edition-row {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
}
@media (max-width: 768px) {
  .web-config-pricing-page .tds-container .editions-container .edition-row {
    grid-template-columns: 1fr auto;
  }
}
.web-config-pricing-page .tds-container .editions-container .edition-row .edition-dropdown {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  background-color: white;
  cursor: pointer;
}
.web-config-pricing-page .tds-container .editions-container .edition-row .edition-dropdown:disabled {
  background-color: #f0f0f0;
  cursor: not-allowed;
  color: #999;
}
.web-config-pricing-page .tds-container .editions-container .edition-row .edition-dropdown:focus {
  outline: none;
  border-color: #0066cc;
  box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);
}
.web-config-pricing-page .tds-container .editions-container .edition-row .tds-btn-danger {
  white-space: nowrap;
  margin-left: auto;
}
@media (max-width: 768px) {
  .web-config-pricing-page .tds-container .editions-container .edition-row .tds-btn-danger {
    grid-column: 1;
  }
}
.web-config-pricing-page .tds-container .total-price-section {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 20px;
  background-color: #f0f8ff;
  border: 2px solid #0066cc;
  border-radius: 4px;
  text-align: right;
  display: flex;
  justify-content: space-between;
}
.web-config-pricing-page .tds-container .total-price-section .editions-summary {
  font-size: 14px;
  line-height: 1.4;
  color: #333;
  text-align: left;
}
.web-config-pricing-page .tds-container .total-price-section .total-price-display {
  font-size: 20px;
  font-weight: 700;
  color: #0066cc;
}

.canvas-3d-configurator {
  --header-height: 136px;
  --canvas-3d-primary-color: #111c1c;
  --canvas-3d-secondary-color: #e4b760;
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 40;
  inset: 0;
  transform: translateZ(0);
  will-change: transform;
}
.canvas-3d-configurator .btn-wishlist svg-sprite {
  --color-1: var(--canvas-3d-primary-color);
  width: 24px;
  height: 24px;
}
.canvas-3d-configurator .btn-wishlist.active svg-sprite {
  --color-1: var(--canvas-3d-secondary-color);
  --color-2: var(--canvas-3d-secondary-color);
}
.canvas-3d-configurator .btn-go-back {
  position: absolute;
  top: 32px;
  left: 32px;
  background: #fff;
  border: none;
  cursor: pointer;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 12px;
  border-radius: 4px;
  gap: 4px;
}
.canvas-3d-configurator .btn-go-back.mobile-only {
  display: none;
}
.canvas-3d-configurator .btn-go-back .icon-arrow {
  --color-1: #111c1c;
  width: 24px;
  height: 24px;
  transform: rotate(90deg);
}
.canvas-3d-configurator .btn-go-back span {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: var(--canvas-3d-primary-color);
}
.canvas-3d-configurator .configuration-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: row;
  overflow: hidden;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 1px;
  min-height: 1px;
  overflow: hidden;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .scene {
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  display: grid;
  place-items: center;
  position: absolute;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .scene #v3d {
  width: 100%;
  height: 100%;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .scene .loading-icon {
  width: 96px;
  bottom: 304px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  z-index: 1;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .scene .loading-text {
  position: absolute;
  width: 300px;
  left: 50%;
  bottom: 260px;
  transform: translateX(-50%);
  font-size: 12px;
  line-height: 18px;
  color: var(--canvas-3d-primary-color);
  text-align: center;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  user-select: none;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container input[name=model-action-toggle] {
  display: none;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .model-action-buttons {
  position: absolute;
  display: flex;
  flex-direction: row;
  gap: 10px;
  bottom: 32px;
  left: 32px;
  margin: 0;
  padding: 0;
  pointer-events: auto;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .btn-close-action-group {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .btn-view-action,
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .btn-toggle {
  width: 48px;
  height: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 68px 19px 0 rgba(17, 28, 28, 0), 0 43px 17px 0 rgba(17, 28, 28, 0), 0 24px 15px 0 rgba(17, 28, 28, 0.02), 0 11px 11px 0 rgba(17, 28, 28, 0.03), 0 3px 6px 0 rgba(17, 28, 28, 0.03);
  cursor: pointer;
  gap: 4px;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .btn-view-action img,
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .btn-toggle img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .btn-view-action span,
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .btn-toggle span {
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  color: var(--canvas-3d-primary-color);
  display: none;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .btn-view-action.active,
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .btn-toggle.active {
  display: flex;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .icon-hide-chair {
  width: 15px;
  height: 16px;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .icon-hide-chair use {
  scale: 1.454;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .btn-model-action {
  display: none;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .btn-kebab {
  display: none;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls {
  display: flex;
  flex-direction: row;
  gap: 12px;
  pointer-events: auto;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls .btn {
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls .btn .text {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: var(--canvas-3d-primary-color);
  text-align: center;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls .ico-share-3d {
  background-color: var(--canvas-3d-secondary-color);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls .ico-share-3d svg {
  width: 20px;
  height: 17px;
  color: var(--canvas-3d-primary-color);
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls .ico-reset {
  background-color: var(--canvas-3d-primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls .ico-reset svg {
  width: 32px;
  height: 32px;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls .ico-ruler svg {
  width: 30px;
  height: 30px;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls .wishlist-btn .ico-wishlist {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls .wishlist-btn .ico-wishlist svg-sprite {
  --color-1: var(--canvas-3d-primary-color);
  width: 24px;
  height: 24px;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls .wishlist-btn.active .ico-wishlist svg-sprite {
  --color-1: var(--canvas-3d-secondary-color);
  --color-2: var(--canvas-3d-secondary-color);
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls .add-chairs-btn {
  opacity: 1;
  pointer-events: auto;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls .add-chairs-btn.is-busy {
  opacity: 0.6;
  pointer-events: none;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls .add-chairs-btn .ico-add-chairs,
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls .add-chairs-btn .ico-remove-chairs {
  position: relative;
  width: 32px;
  height: 32px;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls .add-chairs-btn .ico-add-chairs svg-sprite,
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls .add-chairs-btn .ico-remove-chairs svg-sprite {
  color: #505050;
  width: 32px;
  height: 32px;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls .add-chairs-btn .ico-remove-chairs {
  display: none;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls .add-chairs-btn .add-chairs-remove-label {
  display: none;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls .add-chairs-btn.has-chairs .ico-add-chairs {
  display: none;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls .add-chairs-btn.has-chairs .ico-remove-chairs {
  display: block;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls .add-chairs-btn.has-chairs .add-chairs-add-label {
  display: none;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .bt-controls .add-chairs-btn.has-chairs .add-chairs-remove-label {
  display: inline;
}
.canvas-3d-configurator .configuration-wrapper .model-viewer .ai-trigger-btn {
  z-index: 6;
  left: 50%;
  right: auto;
  bottom: 32px;
  transform: translateX(-50%);
}
.canvas-3d-configurator .configuration-disabled {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.4);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.25s;
}
.canvas-3d-configurator .configuration-disabled.active {
  visibility: visible;
  opacity: 1;
}
.canvas-3d-configurator .add-wishlist-notify,
.canvas-3d-configurator .add-table-notify {
  position: absolute;
  left: 50%;
  bottom: 36px;
  transform: translateX(-50%);
  max-width: calc(100% - 32px);
  width: fit-content;
  background: #505050;
  border-radius: 4px;
  text-align: center;
  padding: 12px;
  display: none;
  background: #fff;
  box-shadow: 0 68px 19px 0 rgba(17, 28, 28, 0), 0 43px 17px 0 rgba(17, 28, 28, 0), 0 24px 15px 0 rgba(17, 28, 28, 0.02), 0 11px 11px 0 rgba(17, 28, 28, 0.03), 0 3px 6px 0 rgba(17, 28, 28, 0.03);
}
.canvas-3d-configurator .add-wishlist-notify.active,
.canvas-3d-configurator .add-table-notify.active {
  display: block;
  z-index: 5;
}
.canvas-3d-configurator .add-wishlist-notify > p,
.canvas-3d-configurator .add-table-notify > p {
  color: var(--canvas-3d-primary-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}
.canvas-3d-configurator .table-editing-banner {
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  max-width: calc(100% - 32px);
  width: fit-content;
  background: #fff;
  border-radius: 4px;
  text-align: center;
  padding: 8px 16px;
  display: none;
  z-index: 5;
  box-shadow: 0 24px 15px 0 rgba(17, 28, 28, 0.02), 0 11px 11px 0 rgba(17, 28, 28, 0.03), 0 3px 6px 0 rgba(17, 28, 28, 0.03);
}
.canvas-3d-configurator .table-editing-banner[data-active=true] {
  display: block;
}
.canvas-3d-configurator .table-editing-banner > p {
  color: var(--canvas-3d-primary-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

@media screen and (max-width: 1200px) {
  .canvas-3d-configurator .btn-go-back.mobile-only {
    display: flex;
  }
  .canvas-3d-configurator .configuration-wrapper .model-viewer .ai-trigger-btn {
    left: auto;
    right: 32px;
    bottom: 32px;
    transform: none;
  }
}
@media screen and (max-width: 743px) {
  .canvas-3d-configurator .configuration-wrapper {
    flex-direction: column;
  }
  .canvas-3d-configurator .configuration-wrapper .model-viewer {
    height: 350px;
    background: grey;
    width: 100%;
    flex-shrink: 0;
  }
  .canvas-3d-configurator .configuration-wrapper .model-viewer .scene .loading-icon {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .canvas-3d-configurator .configuration-wrapper .model-viewer .scene .loading-text {
    position: absolute;
    bottom: 68px;
    transform: translateX(-50%);
  }
  .canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container input[name=model-action-toggle] ~ .model-action-buttons .btn-close-action-group,
  .canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container input[name=model-action-toggle] ~ .model-action-buttons .bt-controls > *:not(.add-chairs-btn) {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container input[name=model-action-toggle] ~ .model-action-buttons .add-chairs-btn {
    position: absolute;
    z-index: 2;
    bottom: 48px;
  }
  .canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container input[name=model-action-toggle]:checked ~ .model-action-buttons .btn-close-action-group,
  .canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container input[name=model-action-toggle]:checked ~ .model-action-buttons .bt-controls > * {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 1;
  }
  .canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container input[name=model-action-toggle]:checked ~ .model-action-buttons .add-chairs-btn {
    position: static;
  }
  .canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container input[name=model-action-toggle]:checked ~ .btn-kebab {
    opacity: 0;
    visibility: hidden;
  }
  .canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .model-action-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    left: 16px;
    bottom: 16px;
    width: fit-content;
    align-items: center;
  }
  .canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .model-action-buttons .btn-close-action-group,
  .canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .model-action-buttons .bt-controls > *:not(.add-chairs-btn) {
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  .canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .model-action-buttons .bt-controls {
    flex-direction: column-reverse;
    gap: 8px;
  }
  .canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .model-action-buttons .bt-controls .btn .text {
    display: none;
  }
  .canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .btn-model-action {
    display: flex;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #faf9f7;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
  }
  .canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .btn-close-action-group {
    background-color: var(--canvas-3d-primary-color);
    color: #fff;
    width: 40px;
    height: 40px;
  }
  .canvas-3d-configurator .configuration-wrapper .model-viewer .model-action-container .btn-kebab {
    display: flex;
    position: absolute;
    bottom: 16px;
    left: 16px;
    width: 40px;
    height: 40px;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1;
    cursor: pointer;
    pointer-events: auto;
  }
  .canvas-3d-configurator .configuration-wrapper .model-viewer .ai-trigger-btn {
    left: auto;
    right: 16px;
    bottom: 16px;
    transform: none;
  }
  .canvas-3d-configurator .btn-go-back {
    top: 16px;
    left: 16px;
  }
  .canvas-3d-configurator .add-wishlist-notify,
  .canvas-3d-configurator .add-table-notify {
    top: 50%;
    left: 50%;
    bottom: unset;
    transform: translate(-50%, -50%);
  }
}
.product-drag-shadow {
  position: fixed;
  z-index: 99;
  top: 50%;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  pointer-events: none;
  opacity: 0.5;
  transition: opacity ease-in-out 0.25s;
}
.product-drag-shadow.invisible {
  opacity: 0;
}
.product-drag-shadow .im,
.product-drag-shadow .config-item-image {
  width: 100%;
  height: 100%;
}
.product-drag-shadow .im img,
.product-drag-shadow .config-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-drag-shadow .a,
.product-drag-shadow .np,
.product-drag-shadow .config-item-name,
.product-drag-shadow .config-item-price,
.product-drag-shadow .selected-badge {
  display: none;
}

.kiosk .canvas-3d-configurator .btn-go-back,
.kiosk .canvas-3d-configurator .btn-wishlist,
.kiosk .canvas-3d-configurator .btn-add-to-cart {
  display: none;
}

.title-component-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 64px;
}
.title-component-box:last-child {
  padding-bottom: 0;
}
.title-component-box .title-txt {
  color: #111c1c;
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
}
.title-component-box .desc-txt {
  width: 100%;
  display: inline-block;
}
.title-component-box .desc-txt .subtitle-txt {
  color: #111c1c;
}
.title-component-box .desc-txt .bt-link:hover .bt-route .icon .ico-arrow {
  animation: moveNextNew 0.6s linear forwards;
}
.title-component-box .desc-txt .bt-route p {
  padding: 0 4px 0 8px;
  font-weight: 600;
  line-height: 24px;
}
.title-component-box .desc-txt .bt-route .icon {
  color: #e4b760;
  --icon-color: #e4b760;
  position: relative;
}
.title-component-box .desc-txt .bt-route .icon .ico-arrow {
  position: absolute;
  left: 0;
}
.title-component-box .desc-txt .txt {
  display: inline-block;
  margin-right: 10px;
}
.title-component-box span {
  display: inline-block;
}
.title-component-box a {
  display: inline-block;
  font-weight: 600;
}
.title-component-box .tds-txt-align.txt-left {
  text-align: left;
}
.title-component-box .tds-txt-align.txt-center {
  text-align: center;
}
.title-component-box .tds-txt-align.txt-right {
  text-align: right;
}

@media screen and (max-width: 1200px) {
  .title-component-box {
    padding-bottom: 40px;
  }
  .title-component-box .title-txt {
    font-size: 40px;
    line-height: 50px;
  }
}
@media screen and (max-width: 743px) {
  .title-component-box {
    padding-bottom: 32px;
  }
  .title-component-box .title-txt {
    font-size: 32px;
    line-height: 42px;
  }
}
.configuration-sidebar {
  --config-sidebar-width: 565px;
  --container-padding-inline: 48px;
  --accordion-head-font-size: 16px;
  --accordion-head-line-height: 24px;
  --accordion-content-font-size: 12px;
  --accordion-content-line-height: 18px;
  position: relative;
  display: flex;
  max-width: var(--config-sidebar-width);
  width: 0;
  min-height: 0;
  height: 100%;
  flex-direction: column;
  align-items: center;
  background: #fff;
  filter: unset;
  right: 0;
  margin-right: -700px;
  visibility: hidden;
  transition: all ease-in-out 0.25s;
}
.configuration-sidebar.disabled .tab-configs {
  pointer-events: none;
  opacity: 0.5;
}
.configuration-sidebar.disabled .tab-content {
  pointer-events: none;
  opacity: 0.5;
}
.configuration-sidebar .btn-toggle-sidebar {
  position: fixed;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 16px rgba(17, 28, 28, 0.16);
  transform: rotate(180deg);
  top: calc(50% - 16px);
  z-index: 6;
  right: 0;
  visibility: visible;
  transition: right ease-in-out 0.5s;
}
.configuration-sidebar.active {
  width: 100%;
  visibility: visible;
  margin-right: 0;
  filter: drop-shadow(-123px 0 34px rgba(17, 28, 28, 0)) drop-shadow(-79px 0 31px rgba(17, 28, 28, 0.01)) drop-shadow(-44px 0 27px rgba(17, 28, 28, 0.02)) drop-shadow(-20px 0 20px rgba(17, 28, 28, 0.03)) drop-shadow(-5px 0 11px rgba(40, 45, 45, 0.04));
}
.configuration-sidebar.active .btn-toggle-sidebar {
  right: calc(-16px + var(--config-sidebar-width));
  transform: rotate(0deg);
}
.configuration-sidebar .sidebar-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  scrollbar-width: none;
}
.configuration-sidebar .sidebar-wrapper::-webkit-scrollbar {
  display: none;
}
.configuration-sidebar .sidebar-wrapper .sidebar-header {
  width: 100%;
  padding-top: 64px;
  padding-bottom: 24px;
  padding-inline: var(--container-padding-inline);
}
.configuration-sidebar .sidebar-wrapper .sidebar-header .sidebar-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
}
.configuration-sidebar .sidebar-wrapper .tab-configs {
  --tab-item-translate: 0;
  --tab-size: 80px;
  --tab-default-color: #aeb2b2;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-inline: var(--container-padding-inline, 48px);
  color: var(--canvas-3d-primary-color);
  transition: opacity 0.3s ease-in-out;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .tab-wrapper {
  position: sticky;
  top: 0;
  overflow: hidden;
  width: 100%;
  z-index: 5;
  background: white;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .tab-list {
  position: relative;
  display: inline-flex;
  width: 100%;
  overflow: hidden;
  flex-direction: row;
  flex-wrap: nowrap;
  transition: 0.5s ease-in-out;
  touch-action: pan-y;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .tab-list::after {
  content: "";
  position: absolute;
  width: var(--tab-size);
  height: 2px;
  background-color: var(--canvas-3d-secondary-color);
  transition: 0.25s ease-out;
  transform: translate(var(--tab-item-translate));
  bottom: 0;
  z-index: 1;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .tab-list .tab-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  position: relative;
  cursor: pointer;
  color: var(--tab-default-color);
  border-bottom: 2px solid #f3f4f4;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .tab-list .tab-item.active {
  --tab-default-color: var(--canvas-3d-primary-color);
}
.configuration-sidebar .sidebar-wrapper .tab-configs .tab-list .tab-item.active img {
  opacity: 1;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .tab-list .tab-item img {
  width: 40px;
  height: 40px;
  opacity: 0.5;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .tab-contents {
  color: var(--canvas-3d-primary-color);
  position: relative;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .tab-contents .tab-content {
  display: none;
  flex-direction: column;
  gap: 16px;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .tab-contents .tab-content .edition-product-wrapper {
  display: none;
  transition: opacity 0.3s ease-in-out;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .tab-contents .tab-content .edition-product-wrapper.active {
  display: block;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .tab-contents .tab-content .edition-product-wrapper.preload {
  opacity: 0;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .tab-contents .tab-content.active {
  display: flex;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .steps .step.inactive, .configuration-sidebar .sidebar-wrapper .tab-configs .steps .step.hid-from-config, .configuration-sidebar .sidebar-wrapper .tab-configs .steps .step.hidden {
  display: none !important;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .canvas-configurator {
  display: block;
  width: 100%;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .canvas-configurator .canvas-configurator-step {
  display: block;
  padding-bottom: 16px;
  border-bottom: 1px solid #f3f4f4;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .canvas-configurator .canvas-configurator-step .canvas-configurator-name {
  color: var(--canvas-3d-primary-color);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .canvas-configurator .canvas-configurator-step .canvas-configurator-description {
  color: var(--canvas-3d-primary-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .canvas-configurator .canvas-configurator-step .canvas-configurator-wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .canvas-configurator .canvas-configurator-step .canvas-configurator-wrapper .canvas-config-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .canvas-configurator .canvas-configurator-step .canvas-configurator-wrapper .canvas-config-item.no-3d-asset {
  cursor: default;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .canvas-configurator .canvas-configurator-step .canvas-configurator-wrapper .canvas-config-item.is-loading .config-item-image::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -12px;
  border: 2px solid rgba(64, 89, 85, 0.25);
  border-top-color: #405955;
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .canvas-configurator .canvas-configurator-step .canvas-configurator-wrapper .canvas-config-item.is-loading .image {
  opacity: 0.45;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .canvas-configurator .canvas-configurator-step .canvas-configurator-wrapper .canvas-config-item .config-item-image {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 1/1;
  border-radius: 4px;
  background: #f8f7f4;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .canvas-configurator .canvas-configurator-step .canvas-configurator-wrapper .canvas-config-item .config-item-image .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  user-select: none;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .canvas-configurator .canvas-configurator-step .canvas-configurator-wrapper .canvas-config-item .config-item-image .selected-badge {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 0 3px 0 4px;
  background-color: #405955;
  width: 24px;
  height: 24px;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .canvas-configurator .canvas-configurator-step .canvas-configurator-wrapper .canvas-config-item .config-item-image .selected-badge[data-amount]::after {
  content: attr(data-amount);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .canvas-configurator .canvas-configurator-step .canvas-configurator-wrapper .canvas-config-item .config-item-image .selected-badge[data-amount] .icon {
  display: none;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .canvas-configurator .canvas-configurator-step .canvas-configurator-wrapper .canvas-config-item .config-item-image .selected-badge .icon-check-mark {
  color: #fff;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .canvas-configurator .canvas-configurator-step .canvas-configurator-wrapper .canvas-config-item .config-item-name {
  margin-top: 8px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: var(--canvas-3d-primary-color);
}
.configuration-sidebar .sidebar-wrapper .tab-configs .canvas-configurator .canvas-configurator-step .canvas-configurator-wrapper .canvas-config-item .config-item-price {
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  color: var(--canvas-3d-primary-color);
}
.configuration-sidebar .sidebar-wrapper .tab-configs .canvas-configurator .canvas-configurator-step .canvas-configurator-wrapper .canvas-config-item.active .config-item-image .selected-badge {
  display: flex;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .canvas-configurator .canvas-configurator-step .canvas-configurator-wrapper .canvas-config-item.selecting .selected-badge {
  display: flex;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .canvas-configurator .canvas-configurator-step .canvas-configurator-wrapper .canvas-config-item.selecting .config-item-image, .configuration-sidebar .sidebar-wrapper .tab-configs .canvas-configurator .canvas-configurator-step .canvas-configurator-wrapper .canvas-config-item.active .config-item-image {
  border: 1px solid var(--canvas-3d-primary-color);
}
.configuration-sidebar .sidebar-wrapper .tab-configs .accordion-canvas-3d-config .accordion-item {
  overflow: hidden;
  border-bottom: 1px solid #f3f4f4;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .accordion-canvas-3d-config .accordion-item .accordion-header {
  padding: 12px 0;
  height: 66px;
  cursor: pointer;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: "icon name toggle" "icon selected-items toggle";
  align-items: center;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .accordion-canvas-3d-config .accordion-item .accordion-header:focus-visible {
  border: none;
  outline: unset;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .accordion-canvas-3d-config .accordion-item .accordion-header .accordion-icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  grid-area: icon;
  margin-right: 16px;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .accordion-canvas-3d-config .accordion-item .accordion-header .accordion-name {
  color: var(--canvas-3d-primary-color);
  font-size: var(--accordion-head-font-size);
  font-weight: 600;
  line-height: var(--accordion-head-line-height);
  grid-area: name;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .accordion-canvas-3d-config .accordion-item .accordion-header .selected-items {
  grid-area: selected-items;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .accordion-canvas-3d-config .accordion-item .accordion-header .selected-items .selected-item {
  color: var(--canvas-3d-primary-color);
  font-size: var(--accordion-content-font-size);
  font-weight: 500;
  line-height: var(--accordion-content-line-height);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .accordion-canvas-3d-config .accordion-item .accordion-header .accordion-toggle {
  grid-area: toggle;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .accordion-canvas-3d-config .accordion-item .accordion-header .accordion-toggle .icon-arrow {
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
  transition: transform 0.25s ease-in-out;
  color: var(--canvas-3d-primary-color);
}
.configuration-sidebar .sidebar-wrapper .tab-configs .accordion-canvas-3d-config .accordion-item .accordion-content {
  max-height: 0;
  min-height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: max-height 0.25s ease-in-out, opacity 0.6s ease-in-out, visibility 0.6s ease-in-out;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .accordion-canvas-3d-config .accordion-item[open] .accordion-header .accordion-toggle .icon-arrow {
  transform: rotate(0deg);
}
.configuration-sidebar .sidebar-wrapper .tab-configs .accordion-canvas-3d-config .accordion-item[open] .accordion-content {
  max-height: 9999px;
  opacity: 1;
  visibility: visible;
}
@media (hover: hover) and (pointer: fine) {
  .configuration-sidebar .sidebar-wrapper .tab-configs .accordion-canvas-3d-config .accordion-item:not([open]) .accordion-header:hover .accordion-toggle .icon-arrow {
    animation: bounce 0.5s infinite;
  }
}
.configuration-sidebar .sidebar-wrapper .tab-configs .edition-controls .canvas-edition-layout {
  margin-bottom: 16px;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .edition-controls .canvas-edition-layout .edition-layout-name {
  display: block;
  width: 100%;
  text-align: center;
  height: 24px;
  color: var(--canvas-3d-primary-color);
  font-size: var(--edition-layout-name-font-size, 14px);
  font-weight: 600;
  line-height: var(--edition-layout-name-line-height, 22px);
  padding-block: 4px;
}
.configuration-sidebar .sidebar-wrapper .tab-configs .edition-controls .canvas-edition-layout.canvas-slider .edition-layout-name {
  text-align: left;
}
.configuration-sidebar .sidebar-footer {
  position: sticky;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #f3f4f4;
  z-index: 3;
  background: white;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container {
  width: 100%;
  padding-top: 16px;
  padding-bottom: 32px;
  padding-inline: var(--container-padding-inline, 48px);
  background-color: #fff;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary {
  display: none;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
  height: 100%;
  min-height: 0;
  max-height: 390px;
  overflow: auto;
  scrollbar-width: none;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary::-webkit-scrollbar {
  display: none;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary .label {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 4px;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary .label .icon-arrow {
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
  transition: transform 0.25s ease-in-out;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary .label:has(> .icon-arrow) {
  cursor: pointer;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary .summary-breakdown {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary .summary-breakdown .summary-breakdown-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  color: var(--canvas-3d-primary-color);
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary .summary-breakdown .summary-breakdown-wrapper .summary-breakdown-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary .summary-breakdown .summary-breakdown-wrapper .summary-breakdown-items-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary .summary-breakdown .summary-breakdown-wrapper .product-summary-item {
  display: flex;
  flex-direction: column;
  padding: 8px;
  margin-top: 8px;
  border-radius: 4px;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary .summary-breakdown .summary-breakdown-wrapper .product-summary-item .product-summary-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary .summary-breakdown .summary-breakdown-wrapper .product-summary-item .product-summary-header .product-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary .summary-breakdown .summary-breakdown-wrapper .product-summary-item .product-summary-header .product-info .product-name {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary .summary-breakdown .summary-breakdown-wrapper .product-summary-item .product-summary-header .product-info .product-amount {
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  color: #898b8b;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary .summary-breakdown .summary-breakdown-wrapper .product-summary-item .product-summary-header .product-price {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary .summary-breakdown .summary-breakdown-wrapper .product-summary-item .product-summary-groups {
  display: flex;
  flex-direction: column;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary .summary-breakdown .summary-breakdown-wrapper .summary-breakdown-items {
  display: flex;
  margin-top: 8px;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary .summary-breakdown .summary-breakdown-wrapper .summary-breakdown-items .breakdown-header {
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  color: #898b8b;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary .summary-breakdown .summary-breakdown-wrapper .summary-breakdown-items .breakdown-row {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary .summary-breakdown .summary-breakdown-wrapper .summary-breakdown-items .breakdown-row .price {
  margin-left: auto;
  color: #898b8b;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary .summary-breakdown[open=false] .summary-breakdown-wrapper .summary-breakdown-items-container {
  display: none;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary .summary-breakdown[open=true] .summary-breakdown-wrapper .summary-breakdown-header .label .icon-arrow {
  transform: rotate(0deg);
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary .summary-breakdown[open=true] .summary-breakdown-wrapper .summary-breakdown-items-container {
  display: flex;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .summary-subtotal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--canvas-3d-primary-color);
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .summary-subtotal .subtotal-label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .summary-subtotal .subtotal-label.toggle-subtotal-details {
  cursor: pointer;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .summary-subtotal .subtotal-label.toggle-subtotal-details .icon-arrow {
  transform: rotate(0deg);
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .button-group {
  display: flex;
  gap: 16px;
  margin-top: 24px;
}
.configuration-sidebar .sidebar-footer .sidebar-footer-container .button-group .tds-btn {
  flex: 1;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}
.configuration-sidebar .sidebar-footer.expanded .config-summary {
  display: flex;
}
.configuration-sidebar .sidebar-footer.expanded .summary-subtotal .subtotal-label .icon-arrow {
  transform: rotate(0deg);
  transition: transform 0.25s ease-in-out;
}
.configuration-sidebar .sidebar-footer.expanded .summary-subtotal .subtotal-label.toggle-subtotal-details .icon-arrow {
  transform: rotate(180deg);
}
.configuration-sidebar .loading {
  text-align: center;
  padding: 48px 0px;
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.15s;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.configuration-sidebar .loading.active {
  visibility: visible;
  opacity: 1;
}
.configuration-sidebar .loading img {
  width: 100px;
  height: auto;
}

@media screen and (max-width: 1200px) {
  .configuration-sidebar {
    --config-sidebar-width: 372px;
    --container-padding-inline: 24px;
    --accordion-head-font-size: 14px;
    --accordion-head-line-height: 22px;
    --edition-layout-name-font-size: 13px;
    --edition-layout-name-line-height: 20px;
    position: relative;
  }
  .configuration-sidebar .sidebar-wrapper .sidebar-header {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .configuration-sidebar .sidebar-wrapper .sidebar-header .sidebar-title {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (max-width: 743px) {
  .configuration-sidebar {
    --config-sidebar-width: 100%;
    --container-padding-inline: 16px;
    --model-height: 350px;
    --summary-height: 128px;
    border-radius: 15px 15px 0 0;
    background: #fff;
    box-shadow: 0 -7px 16px 0 rgba(0, 0, 0, 0.03), 0 -30px 30px 0 rgba(0, 0, 0, 0.03);
    overflow: hidden;
    height: calc(100dvh - var(--model-height));
    flex-shrink: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
  }
  .configuration-sidebar::after {
    content: "";
    position: absolute;
    width: 64px;
    height: 4px;
    border-radius: 9999px;
    background: #d8d8d8;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
  }
  .configuration-sidebar .sidebar-wrapper .sidebar-header {
    padding: 0;
    height: 28px;
    display: block;
    flex-shrink: 0;
  }
  .configuration-sidebar .sidebar-wrapper .sidebar-header .sidebar-title {
    display: none;
  }
  .configuration-sidebar .sidebar-wrapper .sidebar-header .touch-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 42px;
    background-color: transparent;
    z-index: 2;
  }
  .configuration-sidebar .btn-toggle-sidebar {
    display: none !important;
  }
  .configuration-sidebar .sidebar-footer .sidebar-footer-container {
    padding-bottom: 16px;
  }
  .configuration-sidebar .sidebar-footer .sidebar-footer-container .config-summary {
    max-height: calc(100vh - var(--model-height) - var(--summary-height) - var(--container-padding-inline));
  }
  .configuration-sidebar .sidebar-footer .sidebar-footer-container .button-group {
    margin-top: 12px;
  }
}
.canvas-edition-layout {
  --items-gap: 16px;
}
.canvas-edition-layout .edition-layout-wrapper {
  margin-top: 8px;
}
.canvas-edition-layout .edition-layout-wrapper .edition-name {
  margin-top: 8px;
  text-align: center;
  color: var(--canvas-3d-primary-color);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  width: 100%;
  display: block;
}
.canvas-edition-layout .edition-layout-wrapper.grid-layout {
  display: grid;
  gap: var(--items-gap);
  grid-template-columns: repeat(var(--columns, 4), minmax(0, 1fr));
  align-items: start;
}
.canvas-edition-layout .edition-layout-wrapper.grid-layout.image-small {
  --columns: 6;
}
.canvas-edition-layout .edition-layout-wrapper.grid-layout.image-medium {
  --columns: 4;
}
.canvas-edition-layout .edition-layout-wrapper.grid-layout.image-large {
  --columns: 3;
}
.canvas-edition-layout .edition-layout-wrapper.grid-layout .edition-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.canvas-edition-layout .edition-layout-wrapper.grid-layout .edition-item .edition-image {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 1/1;
  border-radius: 4px;
  background: #f8f7f4;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
}
.canvas-edition-layout .edition-layout-wrapper.grid-layout .edition-item .edition-image .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  user-select: none;
}
.canvas-edition-layout .edition-layout-wrapper.grid-layout .edition-item .edition-image .edition-info {
  position: absolute;
  bottom: 4px;
  left: 4px;
  background-color: #e9e8e5;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.canvas-edition-layout .edition-layout-wrapper.grid-layout .edition-item .edition-image .edition-info .icon {
  width: 16px;
  height: 16px;
  color: #111c1c;
  margin: 0;
  padding: 0;
  border: none;
}
.canvas-edition-layout .edition-layout-wrapper.grid-layout .edition-item .edition-image .selected-badge {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 0 3px 0 4px;
  background-color: #405955;
  width: 24px;
  height: 24px;
}
.canvas-edition-layout .edition-layout-wrapper.grid-layout .edition-item .edition-image .selected-badge[data-amount]::after {
  content: attr(data-amount);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.canvas-edition-layout .edition-layout-wrapper.grid-layout .edition-item .edition-image .selected-badge[data-amount] .icon {
  display: none;
}
.canvas-edition-layout .edition-layout-wrapper.grid-layout .edition-item .edition-image .selected-badge .icon-check-mark {
  color: #fff;
}
.canvas-edition-layout .edition-layout-wrapper.grid-layout .edition-item .edition-image .locked {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.canvas-edition-layout .edition-layout-wrapper.grid-layout .edition-item .edition-image .locked svg {
  width: 18px;
  height: 26px;
}
.canvas-edition-layout .edition-layout-wrapper.grid-layout .edition-item.active .edition-image {
  border: 1px solid #405955;
}
.canvas-edition-layout .edition-layout-wrapper.grid-layout .edition-item.active .edition-image .selected-badge {
  display: flex;
}
.canvas-edition-layout .edition-layout-wrapper.grid-layout .edition-item.disabled-by-rule .edition-image img,
.canvas-edition-layout .edition-layout-wrapper.grid-layout .edition-item.disabled-by-rule .edition-image .edition-info {
  opacity: 0.5;
}
.canvas-edition-layout .edition-layout-wrapper.grid-layout .edition-item.disabled-by-rule .edition-name {
  opacity: 0.5;
}
.canvas-edition-layout .edition-layout-wrapper.grid-layout .edition-item.disabled-by-rule .locked {
  display: block;
}
.canvas-edition-layout .edition-layout-wrapper.groups-layout {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.canvas-edition-layout .edition-layout-wrapper.groups-layout .group .group-name {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: var(--canvas-3d-primary-color);
  margin-bottom: 8px;
}
.canvas-edition-layout .edition-layout-wrapper.groups-layout .group .edition-layout-wrapper.grid-layout {
  margin-top: 0;
}
.canvas-edition-layout .edition-layout-wrapper.groups-layout .group.inactive-by-rule {
  display: none;
}
.canvas-edition-layout .edition-layout-wrapper.child-categories {
  display: none;
}
.canvas-edition-layout .edition-layout-wrapper.child-categories.active {
  display: grid;
}
.canvas-edition-layout.canvas-image-small, .canvas-edition-layout.canvas-image-small-single-select {
  --columns: 6;
}
.canvas-edition-layout.canvas-image-medium, .canvas-edition-layout.canvas-image-medium-single-select {
  --columns: 4;
}
.canvas-edition-layout.canvas-image-large, .canvas-edition-layout.canvas-image-large-single-select {
  --columns: 3;
}
.canvas-edition-layout.canvas-configurator-step {
  --columns: 3;
}

@media screen and (max-width: breakpoint(tablet)) {
  .canvas-edition-layout {
    --items-gap: 8px;
  }
}
.canvas-button .edition-layout-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.canvas-button .edition-layout-wrapper .edition-item {
  width: max-content;
  min-width: 55px;
  height: 32px;
  padding: 0 12px;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--canvas-3d-primary-color);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  border-radius: 100px;
  background: #fff;
  border: 1px solid #cdcdcd;
  cursor: pointer;
  position: relative;
}
.canvas-button .edition-layout-wrapper .edition-item.active {
  border: 1px solid var(--canvas-3d-secondary-color);
  color: var(--canvas-3d-secondary-color);
}
.canvas-button .edition-layout-wrapper .edition-item .locked {
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.canvas-button .edition-layout-wrapper .edition-item .locked svg {
  width: unset;
  height: unset;
}
.canvas-button .edition-layout-wrapper .edition-item.disabled-by-rule .edition-button-name {
  color: #aeb2b2;
}
.canvas-button .edition-layout-wrapper .edition-item.disabled-by-rule .locked {
  display: flex;
}

.canvas-slider .edition-layout-name {
  text-align: left;
}
.canvas-slider .edition-layout-wrapper {
  padding: 0 44px;
  position: relative;
  display: flex;
  height: 32px;
}
.canvas-slider .edition-layout-wrapper::before {
  content: "";
  position: absolute;
  width: 60px;
  height: 2px;
  top: 50%;
  right: 0;
  background-color: #d8d8d8;
}
.canvas-slider .edition-layout-wrapper::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 2px;
  top: 50%;
  left: 0;
  background-color: #e4b760;
}
.canvas-slider .edition-layout-wrapper .slider-container {
  width: 100%;
  height: 32px;
  position: relative;
}
.canvas-slider .edition-layout-wrapper .edition-slider.single-option {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 32px;
  background: none;
  box-shadow: none;
  transform: none;
  position: relative;
}
.canvas-slider .edition-layout-wrapper .edition-slider.single-option::before, .canvas-slider .edition-layout-wrapper .edition-slider.single-option::after {
  content: "";
  position: absolute;
  top: 50%;
  height: 2px;
  z-index: 0;
}
.canvas-slider .edition-layout-wrapper .edition-slider.single-option::before {
  left: 0;
  right: 50%;
  background-color: #e4b760;
}
.canvas-slider .edition-layout-wrapper .edition-slider.single-option::after {
  left: 50%;
  right: 0;
  background-color: #d8d8d8;
}
.canvas-slider .edition-layout-wrapper .edition-slider.single-option .single-option-label {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  background: #fff;
  color: #e4b760;
  border: 2px solid #cad0d0;
  border-radius: 30px;
  padding: 8px;
  min-width: 75px;
}
.canvas-slider .edition-layout-wrapper .edition-slider {
  border: none;
  background-color: #d8d8d8;
  box-shadow: none;
  border-radius: 15px;
  transform: translateY(16px);
  z-index: 1;
  height: 2px;
}
.canvas-slider .edition-layout-wrapper .edition-slider .noUi-connects {
  border-radius: 3px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.canvas-slider .edition-layout-wrapper .edition-slider .noUi-connect {
  background-color: #e4b760;
}
.canvas-slider .edition-layout-wrapper .edition-slider .noUi-origin {
  height: 2px;
  background: #e4b760;
}
.canvas-slider .edition-layout-wrapper .edition-slider .noUi-handle {
  top: -5.5px;
  right: -1px !important;
  border-radius: 50%;
  height: 12px;
  width: 12px;
  border: 2px solid #e4b760;
  background-color: #fff;
  box-shadow: none;
  left: auto;
}
.canvas-slider .edition-layout-wrapper .edition-slider .noUi-handle:after, .canvas-slider .edition-layout-wrapper .edition-slider .noUi-handle:before {
  content: none;
}
.canvas-slider .edition-layout-wrapper .edition-slider .noUi-handle.noUi-active .noUi-tooltip {
  bottom: 6px !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.canvas-slider .edition-layout-wrapper .edition-slider .noUi-tooltip {
  display: flex;
  justify-content: center;
  position: absolute;
  background: #fff;
  text-align: center;
  white-space: nowrap;
  z-index: 2;
  padding: 8px;
  cursor: pointer;
  width: 75px;
  color: #e4b760;
  border: 2px solid #cad0d0;
  border-radius: 30px;
  bottom: -13px !important;
}
.canvas-slider .edition-layout-wrapper .edition-slider .noUi-pips-horizontal {
  height: 0;
}
.canvas-slider .edition-layout-wrapper .edition-slider .noUi-pips-horizontal .noUi-marker {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50%;
  margin-top: -15px;
  margin-left: -7px !important;
}
.canvas-slider .edition-layout-wrapper .edition-slider .noUi-pips-horizontal .noUi-marker.passed {
  background: #e4b760;
}
.canvas-slider .edition-layout-wrapper .edition-slider .noUi-pips-horizontal .noUi-marker.upcoming {
  background-color: #d8d8d8;
}
.canvas-slider .edition-layout-wrapper .edition-slider .noUi-pips-horizontal .noUi-value {
  display: none;
}
.canvas-slider .edition-layout-wrapper .edition-slider .locked {
  position: absolute;
  top: -5px;
  left: -2px;
  display: block;
  z-index: 1;
}

.popup-ai-form {
  width: 642px;
  padding: 24px;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0 0 16px 0 rgba(17, 28, 28, 0.16);
  opacity: 0;
  display: none;
  visibility: hidden;
}
.popup-ai-form.active {
  display: block;
  visibility: visible;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 25;
  opacity: 1;
}
.popup-ai-form .popup-header {
  display: flex;
  padding-bottom: 24px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.popup-ai-form .popup-header .title {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.popup-ai-form .popup-header .close-popup svg {
  width: 12px;
  height: 12px;
}
.popup-ai-form .popup-content {
  padding-bottom: 24px;
}
.popup-ai-form .popup-content .form-upload {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
  margin-bottom: 24px;
}
.popup-ai-form .popup-content .form-upload .upload-box {
  position: relative;
  display: flex;
  padding: 73px 25px 8px 25px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 29px;
  width: 194px;
  height: 194px;
  border: 1px dashed #d8d8d8;
  cursor: pointer;
}
.popup-ai-form .popup-content .form-upload .upload-box input {
  position: absolute;
}
.popup-ai-form .popup-content .form-upload .upload-box .upload-icon {
  width: 33px;
  height: 23px;
}
.popup-ai-form .popup-content .form-upload .upload-box .upload-icon svg {
  width: 33px;
  height: 23px;
}
.popup-ai-form .popup-content .form-upload .upload-box .txt {
  color: #aeb2b2;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.popup-ai-form .popup-content .form-upload .upload-content .txt,
.popup-ai-form .popup-content .form-upload .upload-content .txt-grey {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
.popup-ai-form .popup-content .form-upload .upload-content .txt-grey {
  color: #aeb2b2;
}
.popup-ai-form .popup-content .upload-refresh {
  display: flex;
  margin-bottom: 24px;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}
.popup-ai-form .popup-content .upload-result {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 27px;
}
.popup-ai-form .popup-content .upload-result:has(.upload-progress:not(.hidden)) .result .txt {
  color: #aeb2b2;
}
.popup-ai-form .popup-content .upload-result .result {
  display: flex;
  padding: 8px;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  background: #ffffff;
}
.popup-ai-form .popup-content .upload-result .result .txt {
  flex: 1 0 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  margin-left: 16px;
}
.popup-ai-form .popup-content .upload-result .result .check-icon {
  width: 15px;
  height: 11px;
}
.popup-ai-form .popup-content .upload-result .result .check-icon svg {
  width: 15px;
  height: 11px;
}
.popup-ai-form .popup-content .upload-result .result .bin-delete-icon,
.popup-ai-form .popup-content .upload-result .result .close-icon {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.popup-ai-form .popup-content .upload-result .result .bin-delete-icon svg,
.popup-ai-form .popup-content .upload-result .result .close-icon svg {
  width: 24px;
  height: 24px;
}
.popup-ai-form .popup-content .upload-result .result .tooltip-icon {
  width: 16px;
  height: 16px;
  color: #bd0908;
}
.popup-ai-form .popup-content .upload-result .result .tooltip-icon svg {
  width: 16px;
  height: 16px;
}
.popup-ai-form .popup-content .upload-result .result .check-icon {
  width: 15px;
  height: 11px;
}
.popup-ai-form .popup-content .upload-result .result .check-icon svg {
  width: 15px;
  height: 11px;
}
.popup-ai-form .popup-content .upload-result .error-message {
  color: var(--Color-Text-text-alert, #bd0908);
  font-size: 10px;
  font-weight: 400;
  line-height: normal;
}
.popup-ai-form .popup-content .upload-result .upload-progress {
  position: absolute;
  bottom: 1px;
  left: 0px;
  right: 0px;
}
.popup-ai-form .popup-content .upload-result .upload-progress.hidden {
  display: none;
}
.popup-ai-form .popup-content .upload-result .upload-progress .progress-bar {
  flex: 1;
  height: 3px;
  border-radius: 4px;
  overflow: hidden;
}
.popup-ai-form .popup-content .upload-result .upload-progress .progress-bar .progress-fill {
  height: 100%;
  background: #e4b760;
  width: 0%;
  transition: width 1.2s ease;
}
.popup-ai-form .popup-content .form-input {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.popup-ai-form .popup-content .form-input .title {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.popup-ai-form .popup-content .form-input textarea {
  display: flex;
  padding: 12px;
  gap: 10px;
  height: 96px;
  border-radius: 4px;
  background: #f8f7f4;
}
.popup-ai-form .popup-content .form-input textarea::placeholder {
  color: #aeb2b2;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.popup-ai-form .popup-footer {
  display: flex;
  padding-top: 24px;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.popup-ai-form .popup-footer span {
  color: #ffffff;
  text-align: center;
  text-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
.popup-ai-form .bt-default {
  display: flex;
  min-width: 100px;
  padding: 8px 18px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  border: 1px solid #505050;
  background: #ffffff;
}
.popup-ai-form .bt-default span {
  text-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
}

@media screen and (max-width: 743px) {
  .popup-ai-form {
    width: 382px;
  }
}
.popup-ai-success {
  width: 642px;
  padding: 24px;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0 0 16px 0 rgba(17, 28, 28, 0.16);
  opacity: 0;
  flex-direction: column;
  align-items: flex-end;
  gap: 24px;
  display: none;
}
.popup-ai-success.active {
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 25;
  opacity: 1;
}
.popup-ai-success .popup-header {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.popup-ai-success .popup-header .header-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
}
.popup-ai-success .popup-header .header-content .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
}
.popup-ai-success .popup-header .header-content .sub-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.popup-ai-success .popup-header .close-popup {
  width: 40px;
  height: 40px;
}
.popup-ai-success .popup-header .close-popup svg {
  width: 12px;
  height: 12px;
}
.popup-ai-success .popup-footer button span {
  color: #ffffff;
  text-align: center;
  text-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

@media screen and (max-width: 743px) {
  .popup-ai-success {
    width: 382px;
  }
}
.popup-canvas-3d-extra-info {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: 25;
  width: min(804px, 100% - 32px);
  max-height: min(100% - 32px, 816px);
  background-color: #fff;
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.08);
  flex-direction: column;
  border-radius: 15px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: translate 0.7s ease-out, display 0.7s ease-out allow-discrete, overlay 0.7s ease-out allow-discrete;
  display: flex;
  translate: 0 100%;
  color: #111c1c;
}
.popup-canvas-3d-extra-info::backdrop {
  background-color: rgba(17, 28, 28, 0.25);
}
.popup-canvas-3d-extra-info:popover-open {
  opacity: 1;
  visibility: visible;
  translate: 0 0;
}
.popup-canvas-3d-extra-info.no-image .close-popup {
  position: relative;
  top: 0;
  right: 0;
  margin-top: 24px;
  margin-right: 24px;
  margin-left: auto;
  flex-shrink: 0;
}
.popup-canvas-3d-extra-info.no-image .img-box {
  display: none;
}
.popup-canvas-3d-extra-info.hidden-footer .content-box {
  margin-bottom: 24px;
}
.popup-canvas-3d-extra-info.hidden-footer .popup-footer {
  display: none;
}
.popup-canvas-3d-extra-info .close-popup {
  top: 24px;
  right: 24px;
  position: absolute;
  display: flex;
  cursor: pointer;
  z-index: 2;
  width: 32px;
  height: 32px;
  background: #fff;
  opacity: 0.5;
  box-shadow: 0px 0px 0.5em 0px rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: inherit;
}
.popup-canvas-3d-extra-info .close-popup svg {
  width: 12px;
  height: 12px;
}
.popup-canvas-3d-extra-info .popup-wrapper {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.popup-canvas-3d-extra-info .img-box {
  width: 100%;
  position: relative;
  overflow: hidden;
  align-items: center;
  height: 452px;
  flex-shrink: 0;
}
.popup-canvas-3d-extra-info .img-box .edition-img-slide {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.popup-canvas-3d-extra-info .img-box .edition-img-slide .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.popup-canvas-3d-extra-info .img-box .btn-prev,
.popup-canvas-3d-extra-info .img-box .btn-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  background-color: #fff;
  box-shadow: 0px 0px 0.5em 0px rgba(0, 0, 0, 0.1);
  color: inherit;
}
.popup-canvas-3d-extra-info .img-box .btn-prev.swiper-button-lock,
.popup-canvas-3d-extra-info .img-box .btn-next.swiper-button-lock {
  display: none;
}
.popup-canvas-3d-extra-info .img-box .arrow-right {
  rotate: 270deg;
  position: relative;
}
.popup-canvas-3d-extra-info .img-box .arrow-left {
  position: relative;
  rotate: 90deg;
}
.popup-canvas-3d-extra-info .img-box .btn-prev {
  left: 24px;
}
.popup-canvas-3d-extra-info .img-box .btn-prev:not(.disabled):not(.swiper-button-lock):hover svg {
  animation: moveBackNew 0.6s linear forwards;
}
.popup-canvas-3d-extra-info .img-box .btn-next {
  right: 24px;
}
.popup-canvas-3d-extra-info .img-box .btn-next:not(.disabled):not(.swiper-button-lock):hover svg {
  animation: moveNextNew 0.6s linear forwards;
}
.popup-canvas-3d-extra-info .details-box {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
  max-height: 50%;
}
.popup-canvas-3d-extra-info .slide-pagination.swiper-pagination-bullets {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  width: fit-content;
  margin-top: 12px;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.popup-canvas-3d-extra-info .slide-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  width: 6px;
  height: 6px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
  opacity: 1;
  display: flex;
  gap: 8px;
}
.popup-canvas-3d-extra-info .slide-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.popup-canvas-3d-extra-info .slide-pagination.swiper-pagination-lock {
  display: none;
}
.popup-canvas-3d-extra-info .title {
  color: inherit;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.popup-canvas-3d-extra-info .title.mb-only {
  display: none;
}
.popup-canvas-3d-extra-info .content-box {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  padding-inline: 24px;
  min-height: 0;
  height: 100%;
  background-color: #fff;
  position: relative;
}
.popup-canvas-3d-extra-info .content-box.has-more-content::after {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 34px;
  background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
.popup-canvas-3d-extra-info .content-box .wrapper-content {
  position: relative;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
}
.popup-canvas-3d-extra-info .content-box .wrapper-content::-webkit-scrollbar {
  display: none;
}
.popup-canvas-3d-extra-info .content-box .desc-box {
  color: inherit;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  margin-top: 16px;
  padding-bottom: 34px;
}
.popup-canvas-3d-extra-info .content-box .desc-box a {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  cursor: pointer;
  color: inherit;
}
.popup-canvas-3d-extra-info .popup-footer {
  height: 80px;
  padding-inline: 24px;
  background: #fff;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
  z-index: 1;
  position: relative;
  bottom: 0;
  font-size: 16px;
  line-height: 22px;
}
.popup-canvas-3d-extra-info .popup-footer .price-box {
  color: #111c1c;
  text-align: right;
  font-weight: 600;
  font-size: inherit;
  line-height: inherit;
}
.popup-canvas-3d-extra-info .popup-footer .btn-select-edition {
  padding: 8px 16px;
  cursor: pointer;
  transition: background-color 0.3s;
  border-radius: 15px;
  display: flex;
  min-width: 165px;
  height: 48px;
  font-weight: 600;
  justify-content: center;
  align-items: center;
  margin-left: 24px;
  font-size: inherit;
  line-height: inherit;
}
.popup-canvas-3d-extra-info .popup-footer .btn-select-edition.disabled {
  opacity: 0.7;
  cursor: default;
}
.popup-canvas-3d-extra-info .popup-footer .btn-select-edition:not(.disabled):hover {
  filter: brightness(90%);
}

@media (hover: hover) and (pointer: fine) {
  .popup-canvas-3d-extra-info .img-box .btn-prev:not(.disabled):not(.swiper-button-lock):hover svg {
    animation: moveBackNew 0.6s linear forwards;
  }
  .popup-canvas-3d-extra-info .img-box .btn-next:not(.disabled):not(.swiper-button-lock):hover svg {
    animation: moveNextNew 0.6s linear forwards;
  }
}
@media screen and (max-width: 1200px) {
  .popup-canvas-3d-extra-info .title {
    font-size: 14px;
    line-height: 22px;
  }
  .popup-canvas-3d-extra-info .img-box {
    height: 360px;
  }
  .popup-canvas-3d-extra-info .content-box .desc-box {
    font-size: 13px;
    line-height: 20px;
  }
  .popup-canvas-3d-extra-info .popup-footer {
    font-size: 13px;
    line-height: 20px;
  }
}
@media screen and (max-width: 743px) {
  .popup-canvas-3d-extra-info {
    bottom: 0;
    top: unset;
    width: 100%;
    transform: translate(-50%, 0);
    max-height: min(100% - 32px, 670px);
  }
  .popup-canvas-3d-extra-info.no-image .close-popup {
    margin-top: 16px;
    margin-right: 16px;
  }
  .popup-canvas-3d-extra-info .close-popup {
    top: 16px;
    right: 16px;
  }
  .popup-canvas-3d-extra-info .img-box {
    margin-top: 24px;
    height: 215px;
  }
  .popup-canvas-3d-extra-info .img-box .btn-prev {
    left: 16px;
  }
  .popup-canvas-3d-extra-info .img-box .btn-next {
    right: 16px;
  }
  .popup-canvas-3d-extra-info .title {
    display: none;
  }
  .popup-canvas-3d-extra-info .title.mb-only {
    display: block;
    font-size: 18px;
    line-height: 26px;
  }
  .popup-canvas-3d-extra-info .popup-wrapper {
    padding: 16px 16px 0 16px;
  }
  .popup-canvas-3d-extra-info .content-box {
    margin-top: 24px;
    padding-inline: 0;
  }
  .popup-canvas-3d-extra-info .content-box .desc-box {
    font-size: 16px;
    line-height: 24px;
    margin-top: 0;
  }
  .popup-canvas-3d-extra-info .popup-footer {
    padding: 0;
  }
  .popup-canvas-3d-extra-info .popup-footer .btn-select-edition {
    font-size: 14px;
    line-height: 24px;
  }
}
.popup-orientation-warning {
  position: fixed;
  z-index: 25;
  width: min(280px, 100% - 32px);
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(17, 28, 28, 0.75);
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.08);
  border-radius: 15px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: translate 0.7s ease-out, display 0.7s ease-out allow-discrete, overlay 0.7s ease-out allow-discrete;
  display: flex;
  translate: 0 120%;
}
.popup-orientation-warning::backdrop {
  background-color: rgba(17, 28, 28, 0.25);
}
.popup-orientation-warning:popover-open {
  opacity: 1;
  visibility: visible;
  translate: 0 0;
}
.popup-orientation-warning .close-btn {
  cursor: pointer;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  opacity: 1;
  inset: 24px 24px 24px auto;
  z-index: 10;
  transition: transform 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-orientation-warning .close-btn .icon-close-light {
  background-color: white;
}
.popup-orientation-warning .modal-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
.popup-orientation-warning .modal-container .img-box {
  display: block;
  margin-top: 52px;
  margin-left: auto;
  margin-right: auto;
  width: 112px;
  height: 104px;
}
.popup-orientation-warning .modal-container .img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.popup-orientation-warning .modal-container .text-box {
  text-align: center;
  padding-bottom: 40px;
  padding-inline: 36px;
}
.popup-orientation-warning .modal-container .text-box > p {
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}

.pre-selected-configurator .loading {
  text-align: center;
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.15s;
  width: 100%;
  max-height: 0;
}
.pre-selected-configurator .loading.active {
  visibility: visible;
  opacity: 1;
  padding: 48px 0px;
  max-height: fit-content;
}
.pre-selected-configurator .loading img {
  width: 100px;
  height: auto;
}
.pre-selected-configurator .product-specification .container {
  max-width: 1186px;
}
.pre-selected-configurator .product-specification .spec-content {
  padding-left: 40px;
  padding-right: 40px;
}
.pre-selected-configurator .product-detail {
  display: none;
}
.pre-selected-configurator .product-detail::before {
  right: calc((100% - 100vw) / 2 - 248px);
  top: 194px;
}
.pre-selected-configurator .pre-selected-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 459px;
  gap: 24px;
  padding-bottom: 32px;
  max-width: 1424px;
}
.pre-selected-configurator .pre-selected-wrapper .pre-selected-container {
  display: flex;
  flex-direction: column;
}
.pre-selected-configurator .pre-selected-wrapper .pre-selected-container.left .container-box {
  width: 100%;
}
.pre-selected-configurator .pre-selected-wrapper .pre-selected-container.left:has(.product-slide-with-thumbnail.hidden) .product-detail {
  display: none;
}
.pre-selected-configurator .pre-selected-wrapper .pre-selected-container.left .product-detail {
  display: block;
  margin-left: clamp(0px, (100vw - 1186px) / 2, 119px);
}
.pre-selected-configurator .pre-selected-wrapper .pre-selected-container.left .product-detail .container {
  padding-left: 40px;
  max-width: 818px;
  margin: unset;
}
.pre-selected-configurator .pre-selected-wrapper .pre-selected-container.left .product-detail .product-detail-title,
.pre-selected-configurator .pre-selected-wrapper .pre-selected-container.left .product-detail .info-detail {
  padding: 0;
}
.pre-selected-configurator .pre-selected-wrapper .pre-selected-container.right .container-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.pre-selected-configurator .pre-selected-wrapper .pre-selected-container.right .container-box .container-info .component-section {
  margin: unset;
}
.pre-selected-configurator .pre-selected-wrapper .pre-selected-container.right .container-box .container-info .component-section .tds-container {
  margin: unset;
  max-width: unset;
}

@media screen and (max-width: 1200px) {
  .pre-selected-configurator .slider-section.mobile .content {
    padding-bottom: 0;
  }
  .pre-selected-configurator .product-detail {
    display: block;
    padding-top: 32px;
  }
  .pre-selected-configurator .product-detail .container {
    padding: 0 40px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .pre-selected-configurator .product-detail .container .product-detail-title {
    padding-left: 0;
    margin-bottom: 28px;
  }
  .pre-selected-configurator .pre-selected-wrapper {
    display: flex;
    flex-direction: column;
  }
  .pre-selected-configurator .pre-selected-wrapper .pre-selected-container.right {
    display: contents;
  }
  .pre-selected-configurator .pre-selected-wrapper .pre-selected-container.right .container-box {
    display: contents;
  }
  .pre-selected-configurator .pre-selected-wrapper .pre-selected-container.right .container-box .container-title {
    order: 1;
    padding: 0 16px;
  }
  .pre-selected-configurator .pre-selected-wrapper .pre-selected-container.right .container-box .container-detail {
    order: 3;
    padding: 0 16px;
  }
  .pre-selected-configurator .pre-selected-wrapper .pre-selected-container.right .container-box .container-info {
    order: 4;
    padding: 0 40px;
  }
  .pre-selected-configurator .pre-selected-wrapper .pre-selected-container.left {
    margin: 0 -32px;
    order: 2;
  }
  .pre-selected-configurator .pre-selected-wrapper .pre-selected-container.left .product-detail {
    display: none;
  }
  .pre-selected-configurator .product-specification .container {
    padding: 0;
  }
}
@media screen and (max-width: 743px) {
  .pre-selected-configurator .pre-selected-wrapper .pre-selected-container.left {
    margin: 0 -16px;
  }
  .pre-selected-configurator .pre-selected-wrapper .pre-selected-container.right .container-box .container-info {
    padding: 0 16px;
  }
  .pre-selected-configurator .product-specification .container {
    padding: 0;
  }
}
.product-info-detail-edition {
  background-color: #faf9f7;
  border-radius: 15px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.product-info-detail-edition .product-cta-set {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.product-info-detail-edition .product-cta-set .product-box-cta {
  display: flex;
  gap: 4px;
  align-items: center;
  color: #111c1c;
  transition: all 0.3s;
}
.product-info-detail-edition .product-cta-set .product-box-cta .icon-add-circle {
  transform: scale(0.7);
}
.product-info-detail-edition .product-cta-set .product-box-cta:hover {
  color: #e4b760;
}
.product-info-detail-edition .product-cta-set .product-box-cta:hover svg {
  color: #e4b760;
}
.product-info-detail-edition .edition-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.product-info-detail-edition .edition-box .edition-box-only-all {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.product-info-detail-edition .product-box-bt {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.product-info-detail-edition .product-box-bt .tbs-3d-config-bt {
  width: 100%;
  --btn-font-color: #111c1c;
}
.product-info-detail-edition .product-box-bt .tbs-3d-config-bt p {
  font-weight: 600;
}
.product-info-detail-edition .product-box-bt .tds-bt-wrapper {
  display: flex;
  gap: 8px;
}
.product-info-detail-edition .product-box-bt .tds-bt-wrapper .tds-bt-wishlist {
  aspect-ratio: 1/1;
  padding: 0;
  flex-shrink: 0;
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .product-info-detail-edition .product-box-bt .tds-bt-wrapper .tds-bt-wishlist:hover {
    --btn-font-color: #e4b760;
    border: 1px solid #e4b760;
    background-color: white;
  }
}
.product-info-detail-edition .product-box-bt .tds-bt-wrapper .tds-bt-wishlist.active {
  --btn-font-color: #e4b760;
}
.product-info-detail-edition .product-box-bt .tds-bt-wrapper .tds-bt-wishlist.active .icon-wishlist2 {
  opacity: 0;
}
.product-info-detail-edition .product-box-bt .tds-bt-wrapper .tds-bt-wishlist.active .icon-wishlist2.filled {
  opacity: 1;
}
.product-info-detail-edition .product-box-bt .tds-bt-wrapper .tds-bt-wishlist .icon-wishlist2 {
  display: flex;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s;
}
.product-info-detail-edition .product-box-bt .tds-bt-wrapper .tds-bt-wishlist .icon-wishlist2.filled {
  left: 52%;
  top: 52%;
  opacity: 0;
}
.product-info-detail-edition .product-box-bt .tds-bt-wrapper .tds-bt-wishlist .icon-wishlist2.filled svg {
  transform: scale(0.95);
}
.product-info-detail-edition .product-box-bt .tds-bt-wrapper .tds-bt-wishlist .icon-wishlist2 svg {
  transform: scale(0.8);
}
.product-info-detail-edition .product-box-bt .tds-bt-wrapper .tds-bt-add-to-cart {
  width: 100%;
}
.product-info-detail-edition .product-box-bt .tds-bt-wrapper .tds-bt-add-to-cart.disabled, .product-info-detail-edition .product-box-bt .tds-bt-wrapper .tds-bt-add-to-cart:disabled {
  pointer-events: none;
}
.product-info-detail-edition .product-box-bt .tds-bt-wrapper .tds-bt-add-to-cart .icon2 {
  width: 24px;
  height: 24px;
  opacity: 1;
  position: relative;
}
.product-info-detail-edition .product-box-bt .tds-bt-wrapper .tds-bt-add-to-cart .icon2 svg {
  position: absolute;
  width: 22px;
  height: 18px;
  transition: all 0.3s ease-out;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.9);
}
.product-info-detail-edition .product-box-bt .tds-bt-wrapper .tds-bt-add-to-cart .txt {
  font-weight: 600;
}
.product-info-detail-edition .container-product-detail {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.product-info-detail-edition .container-product-detail .starting-from-prices {
  margin-top: 8px;
  display: flex;
  width: 100%;
}
.product-info-detail-edition .container-product-detail .starting-from-prices p {
  position: relative;
  color: #aeb2b2;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}
.product-info-detail-edition .container-product-detail .starting-from-prices p:before {
  content: " ";
  width: 100%;
  height: 2px;
  transform: rotate(0deg);
  display: inline-block;
  position: absolute;
  top: 38%;
  border-bottom: 2px solid #aeb2b2;
}
.product-info-detail-edition .container-product-detail .starting-from-prices span {
  color: #000;
  font-weight: bold;
  font-size: 11px;
  line-height: 14px;
}
.product-info-detail-edition .container-product-detail .starting-from-prices .starting-from-price {
  margin-left: 8px;
}
.product-info-detail-edition .container-product-detail .product-price {
  margin-top: 8px;
}
.product-info-detail-edition .container-product-detail .product-price .title {
  margin-bottom: 2px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #111c1c;
}
.product-info-detail-edition .container-product-detail .product-price .title p {
  color: #111c1c;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}
.product-info-detail-edition .container-product-detail .product-price .sub-title {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-content: center;
  align-items: baseline;
  margin-bottom: 2px;
}
.product-info-detail-edition .container-product-detail .product-price .sub-title .origin-price {
  display: none;
  color: #aeb2b2;
  font-size: 24px;
  line-height: 32px;
  position: relative;
  margin-right: 8px;
}
.product-info-detail-edition .container-product-detail .product-price .sub-title .origin-price:before {
  content: " ";
  width: 100%;
  height: 2px;
  transform: rotate(0deg);
  display: inline-block;
  position: absolute;
  top: 38%;
  border-bottom: 2px solid #aeb2b2;
}
.product-info-detail-edition .container-product-detail .product-price .condition {
  display: none;
}
.product-info-detail-edition .container-product-detail .product-price .condition p {
  color: rgba(17, 25, 25, 0.75);
  font-size: 12px;
  line-height: 18px;
}
.product-info-detail-edition .container-product-detail .product-price .price {
  display: flex;
  align-items: center;
  gap: 8px;
}
.product-info-detail-edition .container-product-detail .product-price .price span {
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
}
.product-info-detail-edition .container-product-detail .product-price .price span.text {
  color: rgba(17, 25, 25, 0.75);
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
  display: flex;
  align-self: flex-end;
}
.product-info-detail-edition .container-product-detail .product-price .price .start-price {
  font-weight: 700;
  font-size: 32px;
  line-height: 34px;
  display: flex;
  align-items: center;
}
.product-info-detail-edition .container-product-detail .product-price .price .total-price {
  font-weight: 700;
}
.product-info-detail-edition .container-product-detail .product-price.discounted .sub-title .origin-price {
  display: inline-block;
}
.product-info-detail-edition .container-product-detail .product-price.discounted .sub-title .price p {
  font-size: 27px;
}
.product-info-detail-edition .container-product-detail .product-price.discounted .condition {
  display: block;
  margin-bottom: 8px;
}
.product-info-detail-edition .container-product-detail .product-box-shipping .shipping-set .shipping-item {
  display: flex;
}
.product-info-detail-edition .container-product-detail .product-box-shipping .shipping-set .shipping-item .icon-and-tooltip {
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding-left: 5px;
}
.product-info-detail-edition .container-product-detail .product-box-shipping .shipping-set .shipping-item .icon-and-tooltip .icon-moreinfo2,
.product-info-detail-edition .container-product-detail .product-box-shipping .shipping-set .shipping-item .icon-and-tooltip .icon-moreinfo {
  top: 4px;
}
@media (hover: hover) and (pointer: fine) {
  .product-info-detail-edition .container-product-detail .product-box-shipping .shipping-set .shipping-item .icon-and-tooltip:hover .icon-moreinfo {
    background-color: #e4b760;
  }
  .product-info-detail-edition .container-product-detail .product-box-shipping .shipping-set .shipping-item .icon-and-tooltip:hover .icon-moreinfo2 svg {
    color: #e4b760;
  }
}
.product-info-detail-edition .container-product-detail .product-box-shipping .shipping-set .shipping-item.fast-lane a {
  font-weight: 600;
  color: #111c1c;
}

@media screen and (max-width: 1200px) {
  .product-info-detail-edition {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 32px;
    margin: 0 -32px;
  }
  .product-info-detail-edition .edition-box {
    display: contents;
  }
  .product-info-detail-edition .edition-box .edition-box-only-first {
    width: 100%;
    order: 1;
  }
  .product-info-detail-edition .edition-box .edition-box-only-all {
    width: calc(100% - 20px - 323px);
    order: 3;
  }
  .product-info-detail-edition .container-product-detail {
    width: 323px;
    order: 2;
  }
  .product-info-detail-edition .container-product-detail .product-price .price .start-price {
    font-size: 28px;
    line-height: 36px;
  }
  .product-info-detail-edition .product-box-bt {
    order: 4;
    width: 100%;
  }
}
@media screen and (max-width: 743px) {
  .product-info-detail-edition {
    padding: 16px;
    margin: 0 -16px;
  }
  .product-info-detail-edition .edition-box .edition-box-only-all {
    width: 100%;
    order: 2;
  }
  .product-info-detail-edition .container-product-detail {
    width: 100%;
    order: 3;
  }
  .product-info-detail-edition .container-product-detail .product-price .price .start-price {
    font-size: 24px;
    line-height: 32px;
  }
}
.product-slide-with-thumbnail {
  display: flex;
  gap: 16px;
  width: 100%;
}
.product-slide-with-thumbnail .container-thumb-slide {
  flex-shrink: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.product-slide-with-thumbnail .container-thumb-slide .swiper-thumbnail {
  flex: 1;
  max-height: 412px;
  overflow: hidden;
}
.product-slide-with-thumbnail .container-thumb-slide .swiper-thumbnail .thumbnail-wrapper {
  transition-duration: 300ms !important;
}
.product-slide-with-thumbnail .container-thumb-slide .swiper-thumbnail .thumbnail-wrapper .swiper-slide {
  aspect-ratio: 1/1;
}
.product-slide-with-thumbnail .container-thumb-slide .swiper-thumbnail .thumbnail-wrapper .swiper-slide.swiper-slide-thumb-active .thumbnail-item {
  border: 2px solid #e4b760;
}
.product-slide-with-thumbnail .container-thumb-slide .swiper-thumbnail .thumbnail-wrapper .swiper-slide .thumbnail-item {
  min-width: 97px;
  width: 100%;
  aspect-ratio: 1/1;
  padding: 0;
  overflow: hidden;
  position: relative;
  border: 2px solid transparent;
  transition: border 0.3s;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .product-slide-with-thumbnail .container-thumb-slide .swiper-thumbnail .thumbnail-wrapper .swiper-slide .thumbnail-item:hover {
    border: 2px solid #e4b760;
  }
  .product-slide-with-thumbnail .container-thumb-slide .swiper-thumbnail .thumbnail-wrapper .swiper-slide .thumbnail-item:hover .play-video-bt {
    border: solid 2px #e4b760;
  }
  .product-slide-with-thumbnail .container-thumb-slide .swiper-thumbnail .thumbnail-wrapper .swiper-slide .thumbnail-item:hover .play-video-bt .icon-video {
    background-color: #e4b760;
  }
}
.product-slide-with-thumbnail .container-thumb-slide .swiper-thumbnail .thumbnail-wrapper .swiper-slide .thumbnail-item .image-box {
  position: relative;
  height: 100%;
  overflow: hidden;
  aspect-ratio: 1/1;
  pointer-events: none;
}
.product-slide-with-thumbnail .container-thumb-slide .swiper-thumbnail .thumbnail-wrapper .swiper-slide .thumbnail-item .image-box img,
.product-slide-with-thumbnail .container-thumb-slide .swiper-thumbnail .thumbnail-wrapper .swiper-slide .thumbnail-item .image-box picture,
.product-slide-with-thumbnail .container-thumb-slide .swiper-thumbnail .thumbnail-wrapper .swiper-slide .thumbnail-item .image-box video,
.product-slide-with-thumbnail .container-thumb-slide .swiper-thumbnail .thumbnail-wrapper .swiper-slide .thumbnail-item .image-box iframe {
  position: absolute;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
  mix-blend-mode: multiply;
  left: 0;
}
.product-slide-with-thumbnail .container-thumb-slide .thumb-control-bt {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.product-slide-with-thumbnail .container-thumb-slide .thumb-control-bt.bt-scroll-down {
  transform: rotate(90deg);
}
.product-slide-with-thumbnail .container-thumb-slide .thumb-control-bt.bt-scroll-down :hover svg {
  animation: menuDown 0.6s linear forwards;
}
.product-slide-with-thumbnail .container-thumb-slide .thumb-control-bt.bt-scroll-up {
  transform: rotate(-90deg);
}
.product-slide-with-thumbnail .container-thumb-slide .thumb-control-bt.bt-scroll-up :hover svg {
  animation: menuUp 0.6s linear forwards;
}
.product-slide-with-thumbnail .container-thumb-slide .thumb-control-bt.swiper-button-disabled {
  opacity: 0;
}
.product-slide-with-thumbnail .container-thumb-slide .thumb-control-bt svg {
  transform: scale(1.5);
}
.product-slide-with-thumbnail .container-main-slide {
  overflow: hidden;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
}
.product-slide-with-thumbnail .container-main-slide .slider-box {
  position: relative;
  width: 100%;
  max-height: 550px;
  order: 1;
}
.product-slide-with-thumbnail .container-main-slide .slider-box .swiper-pagination-custom {
  width: fit-content;
}
.product-slide-with-thumbnail .container-main-slide .slider-box .swiper {
  height: fit-content;
}
.product-slide-with-thumbnail .container-main-slide .slider-box .swiper .product-media {
  overflow: hidden;
  max-height: 550px;
  display: flex;
  position: relative;
  align-items: center;
  height: auto;
}
.product-slide-with-thumbnail .container-main-slide .slider-box .swiper .product-media .product-image {
  width: 100%;
  height: 100%;
}
.product-slide-with-thumbnail .container-main-slide .slider-box .swiper .product-media .product-image .image-box {
  height: 100%;
  aspect-ratio: 828/545;
  overflow: hidden;
}
.product-slide-with-thumbnail .container-main-slide .slider-box .swiper .product-media .product-image .image-box img,
.product-slide-with-thumbnail .container-main-slide .slider-box .swiper .product-media .product-image .image-box picture,
.product-slide-with-thumbnail .container-main-slide .slider-box .swiper .product-media .product-image .image-box video,
.product-slide-with-thumbnail .container-main-slide .slider-box .swiper .product-media .product-image .image-box iframe {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
  mix-blend-mode: multiply;
}
.product-slide-with-thumbnail .container-main-slide .slider-box .swiper .product-media .product-image .text-overlay {
  position: absolute;
  height: fit-content;
  width: 100%;
  bottom: 0;
  left: 0;
  backdrop-filter: blur(1px);
  background-color: rgba(80, 80, 80, 0.5);
  padding: 16px;
  z-index: 5;
}
.product-slide-with-thumbnail .container-main-slide .slider-box .swiper .product-media .product-image .text-overlay .content {
  display: flex;
  justify-content: space-between;
  color: white;
}
.product-slide-with-thumbnail .container-main-slide .slider-box .swiper .product-media .product-image .text-overlay .content .close-btn {
  padding: 4px;
  height: fit-content;
}
.product-slide-with-thumbnail .container-main-slide .slider-box .swiper .product-media .product-image .text-overlay .content .close-btn .icon-close-light {
  background-color: white;
  width: 8px;
  height: 8px;
}
.product-slide-with-thumbnail .container-main-slide .slider-box .swiper .product-media .product-video {
  width: 100%;
  height: 100%;
}
.product-slide-with-thumbnail .container-main-slide .slider-box .swiper .product-media .product-video iframe,
.product-slide-with-thumbnail .container-main-slide .slider-box .swiper .product-media .product-video video {
  width: 100%;
  height: 100%;
}
.product-slide-with-thumbnail .container-main-slide .slider-box .swiper .product-media .image-box {
  width: 100%;
  height: 100%;
}
.product-slide-with-thumbnail .container-main-slide .slider-box .slide-nav-box {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}
.product-slide-with-thumbnail .container-main-slide .slider-box .slide-nav-box .main-control-bt {
  width: 40px;
  height: 40px;
  pointer-events: auto;
  border-radius: 50%;
  border: 1px solid #111c1c;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  backdrop-filter: blur(2px);
  background-color: rgba(255, 255, 255, 0.4);
  position: relative;
}
.product-slide-with-thumbnail .container-main-slide .slider-box .slide-nav-box .main-control-bt.swiper-button-disabled {
  opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
  .product-slide-with-thumbnail .container-main-slide .slider-box .slide-nav-box .main-control-bt.bt-prev:hover .icon {
    animation: menuBack 1s linear forwards;
  }
}
.product-slide-with-thumbnail .container-main-slide .slider-box .slide-nav-box .main-control-bt.bt-prev .icon {
  transform: translateX(10px);
}
.product-slide-with-thumbnail .container-main-slide .slider-box .slide-nav-box .main-control-bt.bt-prev .icon svg {
  transform: rotate(180deg);
}
@media (hover: hover) and (pointer: fine) {
  .product-slide-with-thumbnail .container-main-slide .slider-box .slide-nav-box .main-control-bt.bt-next:hover .icon {
    animation: menuNext 1s linear forwards;
  }
}
.product-slide-with-thumbnail .container-main-slide .slider-box .slide-nav-box .main-control-bt.bt-next .icon {
  transform: translateX(12px);
}
.product-slide-with-thumbnail .container-main-slide .slider-box .slide-nav-box .main-control-bt .icon {
  display: flex;
  position: absolute;
  left: 0;
}
.product-slide-with-thumbnail .container-main-slide .swiper-pagination {
  position: relative;
  order: 2;
  z-index: 1;
  width: 100%;
}
.product-slide-with-thumbnail .container-main-slide .swiper-pagination .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
  opacity: 1;
}
.product-slide-with-thumbnail .container-main-slide .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.product-slide-with-thumbnail .product-watermark {
  --watermark-margin: 24px;
  position: absolute;
  width: 104px;
  height: auto;
  pointer-events: none;
}
.product-slide-with-thumbnail .product-watermark img {
  width: 100%;
  height: 100%;
  mix-blend-mode: normal !important;
}

@media screen and (max-width: 1200px) {
  .product-slide-with-thumbnail .container-thumb-slide {
    display: none;
  }
  .product-slide-with-thumbnail .container-main-slide .swiper-pagination {
    max-width: unset;
  }
}
@media screen and (max-width: 743px) {
  .product-slide-with-thumbnail .container-main-slide .slider-box {
    aspect-ratio: 415/273;
  }
  .product-slide-with-thumbnail .container-main-slide .slider-box .swiper .product-media .product-image .image-box {
    aspect-ratio: 415/273;
  }
  .product-slide-with-thumbnail .product-watermark {
    width: 64px;
  }
}
.configuration-dropdown-picker .dropdown-picker-wrapper {
  position: relative;
}
.configuration-dropdown-picker .dropdown-picker-wrapper[data-expand=false] .option-wrapper {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.configuration-dropdown-picker .dropdown-picker-wrapper[data-expand=false] .selected-bt .expand-icon .ico-arrow {
  transform: rotate(-90deg);
}
.configuration-dropdown-picker .dropdown-picker-wrapper .option-wrapper,
.configuration-dropdown-picker .dropdown-picker-wrapper .selected-bt {
  background: #fff;
  border-radius: 14px;
  border: 1px solid #aeb2b2;
  background: #fff;
  padding: 0;
  width: 100%;
}
.configuration-dropdown-picker .dropdown-picker-wrapper .selected-bt {
  display: flex;
  gap: 8px;
  align-items: center;
  padding-right: 16px;
}
.configuration-dropdown-picker .dropdown-picker-wrapper .selected-bt .expand-icon .ico-arrow {
  transform: rotate(90deg);
  transition: transform 0.35s;
}
@media (hover: hover) and (pointer: fine) {
  .configuration-dropdown-picker .dropdown-picker-wrapper .selected-bt:hover {
    border: 1px solid #e4b760;
  }
}
.configuration-dropdown-picker .dropdown-picker-wrapper .option-wrapper {
  position: absolute;
  bottom: -4px;
  transform: translateY(100%);
  transition: all 0.35s ease-in-out;
  z-index: 3;
  overflow: hidden;
}
.configuration-dropdown-picker .dropdown-picker-wrapper .option-wrapper .option-swiper {
  max-height: 280px;
}
.configuration-dropdown-picker .dropdown-picker-wrapper .option-wrapper .option-swiper .swiper-scrollbar {
  height: 90%;
  top: 5%;
  width: 2px;
  background: #cdcdcd;
}
.configuration-dropdown-picker .dropdown-picker-wrapper .option-wrapper .option-swiper .swiper-scrollbar .swiper-scrollbar-drag {
  background: #8c8581;
}
@media (hover: hover) and (pointer: fine) {
  .configuration-dropdown-picker .dropdown-picker-wrapper .option-wrapper .item-option:hover {
    background: #f3f4f4;
  }
}
.configuration-dropdown-picker .dropdown-picker-wrapper .option-wrapper .item-option.active {
  border: 1px solid #e4b760;
  background: #f3f4f4;
}
.configuration-dropdown-picker .dropdown-picker-wrapper .item-option {
  height: 56px;
  width: 100%;
  padding: 4px 8px 4px 4px;
  display: flex;
  gap: 8px;
  overflow: hidden;
  border-radius: 14px;
  border-bottom: 1px solid #f3f4f4;
  background: #fff;
  transition: all 0.35s;
}
.configuration-dropdown-picker .dropdown-picker-wrapper .item-option .image-wrapper {
  height: 100%;
  aspect-ratio: 1/1;
  display: inline-block;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
}
.configuration-dropdown-picker .dropdown-picker-wrapper .item-option .image-wrapper img,
.configuration-dropdown-picker .dropdown-picker-wrapper .item-option .image-wrapper picture,
.configuration-dropdown-picker .dropdown-picker-wrapper .item-option .image-wrapper canvas,
.configuration-dropdown-picker .dropdown-picker-wrapper .item-option .image-wrapper video,
.configuration-dropdown-picker .dropdown-picker-wrapper .item-option .image-wrapper iframe {
  object-fit: contain;
  height: 100%;
  width: 100%;
}
.configuration-dropdown-picker .dropdown-picker-wrapper .item-option .option-title-wrapper {
  text-align: start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.configuration-dropdown-picker .dropdown-picker-wrapper .item-option .option-title-wrapper .title-txt {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #111c1c;
}
.configuration-dropdown-picker .dropdown-picker-wrapper .item-option .option-title-wrapper .price-txt {
  color: #aeb2b2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.configuration-image-select {
  color: var(--theme-text-color-1);
  overflow: hidden;
}
.configuration-image-select.hidden-config {
  display: none !important;
}
.configuration-image-select .variant-header-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 8px;
}
.configuration-image-select .variant-header-wrapper .option-wrapper {
  display: flex;
  gap: 8px;
}
.configuration-image-select .variant-header-wrapper .option-wrapper .colon-txt {
  flex-shrink: 0;
  font-weight: 600;
  max-width: 50%;
}
.configuration-image-select .variant-header-wrapper .option-wrapper .colon-txt::after {
  content: ":";
}
.configuration-image-select .variant-header-wrapper .option-wrapper .selected-wrapper {
  position: relative;
  width: 100%;
}
.configuration-image-select .variant-header-wrapper .option-wrapper .selected-wrapper:not(:has(.option-txt.active)) .option-txt:first-child {
  visibility: visible;
  opacity: 1;
  left: 0;
}
.configuration-image-select .variant-header-wrapper .option-wrapper .selected-wrapper .option-txt {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: -10px;
  transition: all 0.35s;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.configuration-image-select .variant-header-wrapper .option-wrapper .selected-wrapper .option-txt.active {
  visibility: visible;
  opacity: 1;
  left: 0;
}
.configuration-image-select .option-swiper-container {
  position: relative;
}
.configuration-image-select .option-swiper-container .fade-right {
  background: linear-gradient(90deg, rgba(250, 249, 247, 0) 0%, #faf9f7 100%);
  right: 0;
}
.configuration-image-select .option-swiper-container .fade-left {
  background: linear-gradient(90deg, #faf9f7 0%, rgba(250, 249, 247, 0) 100%);
  left: 0;
}
.configuration-image-select .option-swiper-container .fade-right,
.configuration-image-select .option-swiper-container .fade-left {
  position: absolute;
  height: 66px;
  width: 40px;
  transition: opacity 0.35s ease-in-out;
  pointer-events: none;
  top: 0;
  z-index: 2;
}
.configuration-image-select .option-swiper-container .fade-right.swiper-button-disabled,
.configuration-image-select .option-swiper-container .fade-left.swiper-button-disabled {
  opacity: 0;
}
.configuration-image-select .option-swiper-container .swiper-slide {
  max-width: 64px;
  max-height: 64px;
}
.configuration-image-select .option-swiper-container .swiper-slide .edition-card {
  width: 100%;
  aspect-ratio: 1/1;
  padding: 0;
  overflow: hidden;
}
.configuration-image-select .option-swiper-container .swiper-slide .edition-card.active .image-box, .configuration-image-select .option-swiper-container .swiper-slide .edition-card.hover .image-box {
  border: 1.5px solid #e4b760;
}
.configuration-image-select .option-swiper-container .swiper-slide .edition-card .image-box {
  position: relative;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  aspect-ratio: 1/1;
  border-radius: 15px;
  border: 1.5px solid transparent;
  transition: all 0.35s;
}
.configuration-image-select .option-swiper-container .swiper-slide .edition-card .image-box img,
.configuration-image-select .option-swiper-container .swiper-slide .edition-card .image-box picture,
.configuration-image-select .option-swiper-container .swiper-slide .edition-card .image-box video,
.configuration-image-select .option-swiper-container .swiper-slide .edition-card .image-box iframe {
  position: absolute;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
  mix-blend-mode: multiply;
  left: 0;
}
.configuration-image-select .sidebar-configuration-image-select {
  position: fixed;
  z-index: 6;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: end;
  align-items: center;
  transition: opacity 0.3s;
}
.configuration-image-select .sidebar-configuration-image-select[data-active=true] {
  pointer-events: auto;
  opacity: 1;
}
.configuration-image-select .sidebar-configuration-image-select[data-active=true] .image-select-details {
  top: 0;
}
.configuration-image-select .sidebar-configuration-image-select[data-active=false] {
  pointer-events: none;
  opacity: 0;
}
.configuration-image-select .sidebar-configuration-image-select[data-active=false] .image-select-details {
  top: 24px;
}
.configuration-image-select .sidebar-configuration-image-select::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
  background: #111c1c;
}
.configuration-image-select .sidebar-configuration-image-select .detail-wrapper .image-txt {
  font-weight: 700;
}
.configuration-image-select .sidebar-configuration-image-select .image-select-details {
  position: relative;
  background: white;
  height: 100%;
  width: 100%;
  max-width: 460px;
  max-height: 708px;
  margin-right: 40px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  transition: all 0.3s;
  border-radius: 15px;
}
.configuration-image-select .sidebar-configuration-image-select .image-select-details .header-box {
  display: flex;
  gap: 24px;
  justify-content: space-between;
}
.configuration-image-select .sidebar-configuration-image-select .image-select-details .header-box .title-txt {
  font-weight: 700;
}
.configuration-image-select .sidebar-configuration-image-select .image-select-details .detail-box {
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 100%;
}
.configuration-image-select .sidebar-configuration-image-select .image-select-details .detail-box .title-txt {
  font-weight: 600;
}
.configuration-image-select .sidebar-configuration-image-select .image-select-details .detail-box .image-select-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
}
.configuration-image-select .sidebar-configuration-image-select .image-select-details .detail-box .image-select-box .close-sidebar-bt {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  z-index: 1;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.3921568627);
  border-radius: 10px;
}
.configuration-image-select .sidebar-configuration-image-select .image-select-details .detail-box .image-select-box .close-sidebar-bt .icon {
  width: 13px;
  height: 26px;
  opacity: 1;
  position: relative;
}
.configuration-image-select .sidebar-configuration-image-select .image-select-details .detail-box .image-select-box .close-sidebar-bt .icon svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 13px;
  height: 13px;
  color: #111c1c;
  transition: all 0.3s ease-out;
}
.configuration-image-select .sidebar-configuration-image-select .image-select-details .detail-box .image-select-box .select-box {
  display: flex;
  gap: 16px;
  align-items: center;
}
.configuration-image-select .sidebar-configuration-image-select .image-select-details .detail-box .image-select-box .select-box .image-box {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 15px 15px 0 0;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}
.configuration-image-select .sidebar-configuration-image-select .image-select-details .detail-box .image-select-box .select-box .image-box img,
.configuration-image-select .sidebar-configuration-image-select .image-select-details .detail-box .image-select-box .select-box .image-box picture,
.configuration-image-select .sidebar-configuration-image-select .image-select-details .detail-box .image-select-box .select-box .image-box video,
.configuration-image-select .sidebar-configuration-image-select .image-select-details .detail-box .image-select-box .select-box .image-box iframe {
  position: absolute;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
  mix-blend-mode: multiply;
  left: 0;
}
.configuration-image-select .sidebar-configuration-image-select .image-select-details .detail-box .detail-box-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow-y: auto;
  height: 100%;
  padding: 20px 24px 6px 24px;
}
.configuration-image-select .sidebar-configuration-image-select .image-select-details .detail-box .detail-box-wrapper .detail-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.configuration-image-select .sidebar-configuration-image-select .image-select-details .detail-box .detail-box-wrapper .detail-wrapper .title-wrapper p {
  display: inline;
}
.configuration-image-select .sidebar-configuration-image-select .image-select-details .detail-box .detail-box-wrapper .detail-wrapper .available-options ul {
  list-style-type: disc;
  padding-left: 20px;
}
.configuration-image-select .sidebar-configuration-image-select .image-select-details .detail-box .detail-box-wrapper .detail-wrapper .available-options ul li {
  list-style-type: disc;
}
.configuration-image-select .sidebar-configuration-image-select .image-select-details .detail-box .button-wrapper {
  width: 100%;
  padding: 10px 16px 16px 16px;
  position: relative;
}
.configuration-image-select .sidebar-configuration-image-select .image-select-details .detail-box .button-wrapper:after {
  content: "";
  position: absolute;
  bottom: 70px;
  left: 0;
  height: 24px;
  width: 100%;
  background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
.configuration-image-select .sidebar-configuration-image-select .image-select-details .detail-box .button-wrapper .tbs-3d-config-bt {
  width: 100%;
  --btn-font-color: #111c1c;
}
.configuration-image-select .sidebar-configuration-image-select .image-select-details .detail-box .button-wrapper .tbs-3d-config-bt p {
  font-weight: 600;
}

@media screen and (max-width: 1200px) {
  .configuration-image-select .sidebar-configuration-image-select {
    justify-content: center;
  }
  .configuration-image-select .sidebar-configuration-image-select .image-select-details {
    margin: 0;
    height: unset;
    width: calc(100% - 32px);
    aspect-ratio: 4/5;
  }
}
.usps-component .usps-container {
  display: flex;
  flex-direction: column;
}
.usps-component .usps-container .ups-box {
  display: flex;
  gap: 4px;
  align-items: start;
  --ups-height: 20px;
}
.usps-component .usps-container .ups-box .image-wrapper {
  aspect-ratio: 1/1;
  height: var(--ups-height);
  width: var(--ups-height);
  flex-shrink: 0;
}
.usps-component .usps-container .ups-box .image-wrapper img,
.usps-component .usps-container .ups-box .image-wrapper picture,
.usps-component .usps-container .ups-box .image-wrapper canvas,
.usps-component .usps-container .ups-box .image-wrapper video,
.usps-component .usps-container .ups-box .image-wrapper iframe {
  object-fit: contain;
  height: 100%;
  width: 100%;
}
.usps-component .usps-container .ups-box .title-txt {
  line-height: var(--ups-height);
}
.usps-component .usps-container .ups-box .title-txt a {
  color: #e4b760;
  font-weight: 600;
}

.product-canvas-3d-configurator {
  display: grid;
  height: 60vh;
  place-items: center;
}

.home-blogs-slide-component {
  position: relative;
  width: 100%;
}
.home-blogs-slide-component[data-item-count="1"] .carousal-controls {
  display: none !important;
}
.home-blogs-slide-component[data-item-count="2"] .carousal-controls .slide-nav {
  display: none;
}
.home-blogs-slide-component[data-carousal-type=swiper-block] .carousal-wrapper {
  pointer-events: none;
}
.home-blogs-slide-component[data-carousal-type=swiper-block] .carousal-wrapper .media-carousel.third {
  display: none;
}
.home-blogs-slide-component[data-carousal-type=swiper-block] .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel {
  pointer-events: none;
}
.home-blogs-slide-component[data-carousal-type=swiper-block] .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper {
  pointer-events: none;
}
.home-blogs-slide-component[data-carousal-type=swiper-block] .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel {
  pointer-events: none;
}
.home-blogs-slide-component[data-carousal-type=swiper-block] .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details a {
  pointer-events: auto;
}
.home-blogs-slide-component[data-carousal-type=swiper-block] .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-nav {
  display: none;
}
.home-blogs-slide-component .carousal-wrapper {
  display: flex;
  gap: 64px;
  justify-content: left;
  min-width: 0;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.home-blogs-slide-component .carousal-wrapper .media-carousel {
  width: 100%;
  flex-shrink: 0;
  min-width: 0;
  max-width: 432px;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container {
  width: 100%;
  position: relative;
  --padding-button: 32px;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel {
  width: 100%;
  overflow: hidden;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel {
  color: #111c1c;
  transition-duration: 0.4s !important;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-tag {
  pointer-events: none;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-active {
  transition-duration: 0s !important;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-active .image-tag {
  pointer-events: auto;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-active.hit-loop .card-details {
  transition: none;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-active .image-wrapper .image-box,
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-active .image-wrapper .video-box {
  left: 0;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-active .card-details {
  transition: opacity 0.4s ease;
  opacity: 1;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-next .image-wrapper .image-box,
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-next .image-wrapper .video-box {
  left: 100%;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper {
  width: 100%;
  aspect-ratio: 432/270;
  position: relative;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box,
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: left 0.4s;
  left: 0;
  overflow: hidden;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box img,
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box picture,
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box video,
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box iframe,
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box img,
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box picture,
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box video,
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box {
  cursor: pointer;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box video {
  position: absolute;
  inset: 0;
  display: block;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box.muted .btn-muted {
  display: block;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box.muted .btn-unmuted {
  display: none;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box .btn-muted {
  display: none;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box .btn-muted,
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box .btn-unmuted {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 1;
  cursor: pointer;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box .btn-muted svg,
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box .btn-unmuted svg {
  color: #fff;
  width: 24px;
  height: 20px;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details {
  opacity: 0;
  transition: none;
  padding: 32px 48px 0 48px;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .title-box {
  display: flex;
  align-items: baseline;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .title-box .card-number {
  font-size: 52px;
  font-weight: 700;
  min-width: 50px;
  color: #e7e8e8;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .title-box .title-txt {
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .desc-txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .bt-link {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  width: fit-content;
  padding: 0 16px;
  height: 32px;
  overflow: hidden;
}
.home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .bt-link .bt-route p {
  color: #505050;
  font-weight: 400;
  padding: 0;
}
.home-blogs-slide-component .carousal-controls {
  position: relative;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.home-blogs-slide-component .carousal-controls .swiper-pagination {
  position: relative;
  order: 2;
  z-index: 1;
  width: 100%;
}
.home-blogs-slide-component .carousal-controls .swiper-pagination .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
  opacity: 1;
}
.home-blogs-slide-component .carousal-controls .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.home-blogs-slide-component .carousal-controls .slide-nav {
  position: absolute;
  right: 0;
  pointer-events: none;
  width: fit-content;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 8;
  gap: 16px;
}
.home-blogs-slide-component .carousal-controls .slide-nav .button-prev,
.home-blogs-slide-component .carousal-controls .slide-nav .button-next {
  pointer-events: auto;
  height: 48px;
  width: 48px;
  overflow: hidden;
  border-radius: 50%;
  border: 2px solid #111c1c;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  position: relative;
}
.home-blogs-slide-component .carousal-controls .slide-nav .button-prev .ico-arrow,
.home-blogs-slide-component .carousal-controls .slide-nav .button-next .ico-arrow {
  position: absolute;
  color: #111c1c;
  --icon-color: #111c1c;
  transform: translate(76%, -15%) rotate(180deg);
  left: 0;
}
.home-blogs-slide-component .carousal-controls .slide-nav .button-prev.swiper-button-disabled,
.home-blogs-slide-component .carousal-controls .slide-nav .button-next.swiper-button-disabled {
  opacity: 0;
}
.home-blogs-slide-component .carousal-controls .slide-nav .button-prev {
  transform: translateX(calc(-100% - var(--padding-button)));
}
.home-blogs-slide-component .carousal-controls .slide-nav .button-prev .ico-arrow {
  transform: translate(100%, 20%);
}
.home-blogs-slide-component .carousal-controls .slide-nav .button-prev:not(.disable):hover .ico-arrow {
  animation: moveBackNew 0.6s linear forwards;
}
.home-blogs-slide-component .carousal-controls .slide-nav .button-next {
  transform: translateX(calc(100% + var(--padding-button)));
}
.home-blogs-slide-component .carousal-controls .slide-nav .button-next:not(.disable):hover .ico-arrow {
  animation: moveNextNew 0.6s linear forwards;
}

@media screen and (max-width: 1200px) {
  .home-blogs-slide-component[data-carousal-type=swiper-block] .carousal-wrapper .media-carousel {
    flex-shrink: unset;
    flex: 1;
  }
  .home-blogs-slide-component .carousal-wrapper {
    gap: 66px;
  }
  .home-blogs-slide-component .carousal-wrapper .media-carousel {
    max-width: 320px;
  }
  .home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container {
    --padding-button: 24px;
  }
  .home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper {
    aspect-ratio: 320/200;
  }
  .home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details {
    padding: 32px 28px 0 28px;
  }
  .home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .title-box .card-number {
    font-size: 44px;
  }
}
@media screen and (max-width: 840px) {
  .home-blogs-slide-component .carousal-wrapper {
    max-width: 706px;
  }
  .home-blogs-slide-component .carousal-wrapper .media-carousel.third {
    display: none;
  }
}
@media screen and (max-width: 743px) {
  .home-blogs-slide-component[data-carousal-type=swiper-block] .carousal-wrapper {
    justify-content: center;
    max-width: unset;
    width: 100%;
  }
  .home-blogs-slide-component .carousal-wrapper {
    gap: 24px;
    left: 0;
    transform: translateX(0);
    max-width: unset;
    width: 100%;
  }
  .home-blogs-slide-component .carousal-wrapper .media-carousel {
    max-width: 350px;
  }
  .home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper {
    aspect-ratio: 350/219;
  }
  .home-blogs-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .title-box .card-number {
    font-size: 42px;
  }
}
@media screen and (max-width: 684px) {
  .home-blogs-slide-component[data-item-count="2"] .carousal-controls .slide-nav {
    display: flex;
  }
  .home-blogs-slide-component:not([data-item-count="1"]) .carousal-wrapper {
    justify-content: left;
    max-width: 652px;
  }
  .home-blogs-slide-component:not([data-item-count="1"]) .carousal-wrapper .media-carousel {
    flex: unset;
    flex-shrink: 0;
  }
  .home-blogs-slide-component:not([data-item-count="1"]) .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel {
    pointer-events: auto;
  }
}
.blog-more-slides-component {
  position: relative;
  width: 100%;
}
.blog-more-slides-component[data-carousal-type=swiper-block] .carousal-wrapper .slide-nav {
  display: none;
}
.blog-more-slides-component[data-carousal-type=swiper-block] .swiper-pagination {
  display: none;
}
.blog-more-slides-component .carousal-wrapper {
  display: flex;
  gap: 112px;
  justify-content: center;
  min-width: 0;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  --padding-button: 32px;
}
.blog-more-slides-component .carousal-wrapper .slide-nav {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  width: 100%;
  height: auto;
  aspect-ratio: 1424/407;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 8;
}
.blog-more-slides-component .carousal-wrapper .slide-nav .button-prev,
.blog-more-slides-component .carousal-wrapper .slide-nav .button-next {
  pointer-events: auto;
  height: 48px;
  width: 48px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #111c1c;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  position: relative;
}
.blog-more-slides-component .carousal-wrapper .slide-nav .button-prev .ico-arrow,
.blog-more-slides-component .carousal-wrapper .slide-nav .button-next .ico-arrow {
  position: absolute;
  color: #111c1c;
  --icon-color: #111c1c;
  transform: translateX(100%);
  left: 0;
}
.blog-more-slides-component .carousal-wrapper .slide-nav .button-prev.swiper-button-disabled,
.blog-more-slides-component .carousal-wrapper .slide-nav .button-next.swiper-button-disabled {
  opacity: 0;
}
.blog-more-slides-component .carousal-wrapper .slide-nav .button-prev {
  transform: translateX(calc(-100% - var(--padding-button)));
}
.blog-more-slides-component .carousal-wrapper .slide-nav .button-prev .ico-arrow {
  transform: translateX(100%) rotate(180deg);
}
.blog-more-slides-component .carousal-wrapper .slide-nav .button-prev:not(.disable):hover .ico-arrow {
  animation: moveBackNew 0.6s linear forwards;
}
.blog-more-slides-component .carousal-wrapper .slide-nav .button-next {
  transform: translateX(calc(100% + var(--padding-button)));
}
.blog-more-slides-component .carousal-wrapper .slide-nav .button-next:not(.disable):hover .ico-arrow {
  animation: moveNextNew 0.6s linear forwards;
}
.blog-more-slides-component .carousal-wrapper .media-carousel {
  width: 100%;
  min-width: 0;
  max-width: 650px;
  flex: 1;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container {
  width: 100%;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel {
  width: 100%;
  overflow: hidden;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel {
  transition-duration: 0.4s !important;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel:hover .card-details .card-info .bt-link .bt-route .icon .ico-arrow {
  animation: moveNextNew 2s infinite;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel:not(.swiper-slide-active) .oc-image-tags {
  display: none;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-active {
  transition-duration: 0s !important;
  opacity: 1 !important;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-active.hit-loop .card-details {
  transition: none;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-active .image-wrapper .image-box,
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-active .image-wrapper .video-box {
  left: 0;
  z-index: 2;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-active .card-details {
  transition: opacity 0.4s ease;
  opacity: 1;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-prev .image-wrapper .image-box,
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-prev .image-wrapper .video-box {
  left: -100%;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-next .image-wrapper .image-box,
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-next .image-wrapper .video-box {
  left: 100%;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper {
  width: 100%;
  aspect-ratio: 650/407;
  position: relative;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .oc-image-tags {
  z-index: 3;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box,
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: left 0.4s;
  left: 0;
  z-index: 1;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box.muted .btn-muted,
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box.muted .btn-muted {
  display: block;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box.muted .btn-unmuted,
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box.muted .btn-unmuted {
  display: none;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box .btn-muted,
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box .btn-muted {
  display: none;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box .btn-muted,
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box .btn-unmuted,
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box .btn-muted,
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box .btn-unmuted {
  position: absolute;
  right: 24px;
  bottom: 32px;
  z-index: 1;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box .btn-muted svg,
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box .btn-unmuted svg,
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box .btn-muted svg,
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box .btn-unmuted svg {
  color: #fff;
  width: 24px;
  height: 20px;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box img,
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box picture,
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box video,
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box iframe,
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box img,
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box picture,
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box video,
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details {
  padding: 40px 40px 32px 40px;
  opacity: 0;
  transition: none;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .title-box .subtitle-txt {
  opacity: 0.7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #111c1c;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .title-box .title-txt {
  font-weight: 700;
  color: #111c1c;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .desc-txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .bt-link {
  width: 100%;
  display: block;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .bt-link .bt-route p {
  font-weight: 600;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .bt-link .bt-route .icon {
  color: #e4b760;
  --icon-color: #e4b760;
  position: relative;
}
.blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .bt-link .bt-route .icon .ico-arrow {
  position: absolute;
  left: 0;
}
.blog-more-slides-component .swiper-pagination {
  position: relative;
  order: 2;
  z-index: 1;
  margin-bottom: 32px;
  width: 100%;
}
.blog-more-slides-component .swiper-pagination .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
  opacity: 1;
}
.blog-more-slides-component .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.blog-more-slides-component .bt-route p {
  padding-right: 4px;
}
.blog-more-slides-component[data-slide-direction=next] .swiper-slide-prev .image-wrapper .image-box,
.blog-more-slides-component[data-slide-direction=next] .swiper-slide-prev .image-wrapper .video-box {
  left: 0 !important;
  transition: none !important;
}
.blog-more-slides-component[data-slide-direction=prev] .swiper-slide-next .image-wrapper .image-box,
.blog-more-slides-component[data-slide-direction=prev] .swiper-slide-next .image-wrapper .video-box {
  left: 0 !important;
  transition: none !important;
}

@media screen and (max-width: 1200px) {
  .blog-more-slides-component .carousal-wrapper {
    --padding-button: 24px;
    gap: 24px;
    max-width: 972px;
    justify-content: center;
    margin: 0 64px;
    left: unset;
    transform: unset;
  }
  .blog-more-slides-component .carousal-wrapper .slide-nav {
    display: flex;
    left: 50%;
    transform: translateX(-50%);
    aspect-ratio: 640/200;
  }
  .blog-more-slides-component .carousal-wrapper .slide-nav .button-prev,
  .blog-more-slides-component .carousal-wrapper .slide-nav .button-next {
    width: 40px;
    height: 40px;
  }
  .blog-more-slides-component .carousal-wrapper .slide-nav .button-next .ico-arrow {
    transform: translateX(80%);
  }
  .blog-more-slides-component .carousal-wrapper .slide-nav .button-prev .ico-arrow {
    transform: translateX(75%) rotate(180deg);
  }
  .blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper {
    aspect-ratio: 77/50;
  }
  .blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details {
    padding: 16px;
  }
}
@media screen and (max-width: 743px) {
  .blog-more-slides-component[data-carousal-type=swiper-block] .swiper-pagination {
    display: block;
  }
  .blog-more-slides-component .carousal-wrapper {
    gap: 16px;
    max-width: 972px;
    left: 50%;
    transform: translateX(-50%);
    margin: unset;
    justify-content: center;
  }
  .blog-more-slides-component .carousal-wrapper .slide-nav {
    display: none;
  }
  .blog-more-slides-component .carousal-wrapper .media-carousel {
    max-width: 308px;
    flex: unset;
    flex-shrink: 0;
  }
  .blog-more-slides-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper {
    aspect-ratio: 57/37;
  }
}
@media screen and (max-width: 618px) {
  .blog-more-slides-component .carousal-wrapper[data-items-num="1"] {
    justify-content: center;
  }
  .blog-more-slides-component .carousal-wrapper {
    justify-content: left;
  }
}
.home-interior-styles-component {
  position: relative;
  width: 100%;
}
.home-interior-styles-component .tds-container {
  container: interior/inline-size;
}
.home-interior-styles-component .interior-box {
  padding-top: 24px;
}
.home-interior-styles-component .interior-box .interior-slide {
  position: relative;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container {
  display: grid;
  gap: 64px;
  grid-template-columns: 200px minmax(0, 570px) minmax(400px, 1fr);
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .container {
  min-height: 50px;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .slide-menu-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .slide-menu-wrapper .slide-menu {
  position: absolute;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow: auto;
  max-height: 100%;
  height: fit-content;
  padding-right: 10px;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .slide-menu-wrapper .slide-menu::-webkit-scrollbar-thumb {
  background: #8c8581;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .slide-menu-wrapper .slide-menu::-webkit-scrollbar-track {
  background: #e8e8e8;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .slide-menu-wrapper .slide-menu .menu-txt {
  font-weight: 600;
  color: #aeb2b2;
  transition: all 0.3s ease-out;
  cursor: pointer;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .slide-menu-wrapper .slide-menu .menu-txt:not(.active):hover {
  color: rgb(17, 28, 28);
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .slide-menu-wrapper .slide-menu .menu-txt.active {
  color: rgb(17, 28, 28);
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-slide-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-slide-container .slide-item .image-box,
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-slide-container .slide-item .video-box {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-slide-container .slide-item .image-box img,
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-slide-container .slide-item .image-box picture,
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-slide-container .slide-item .image-box video,
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-slide-container .slide-item .image-box iframe,
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-slide-container .slide-item .video-box img,
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-slide-container .slide-item .video-box picture,
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-slide-container .slide-item .video-box video,
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-slide-container .slide-item .video-box iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-slide-container .slide-item .video-box {
  cursor: pointer;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-slide-container .slide-item .video-box video {
  position: absolute;
  inset: 0;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-slide-container .slide-item .video-box.muted .btn-muted {
  display: block;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-slide-container .slide-item .video-box.muted .btn-unmuted {
  display: none;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-slide-container .slide-item .video-box .btn-muted {
  display: none;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-slide-container .slide-item .video-box .btn-muted,
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-slide-container .slide-item .video-box .btn-unmuted {
  position: absolute;
  right: 24px;
  bottom: 32px;
  z-index: 1;
  cursor: pointer;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-slide-container .slide-item .video-box .btn-muted svg,
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-slide-container .slide-item .video-box .btn-unmuted svg {
  color: #fff;
  width: 24px;
  height: 20px;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-content {
  padding-top: 32px;
  margin-bottom: 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  transition: opacity 0.4s ease;
  opacity: 1;
  word-wrap: break-word;
  max-width: 356px;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-content.fade-out {
  opacity: 0;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-content .title-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-content .title-content .slide-title {
  color: #111c1c;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-content .title-content .slide-desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 12;
  overflow: hidden;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-content h2 {
  font-weight: 600;
  color: #111c1c;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-content p {
  font-weight: 500;
  color: #4c5555;
  text-overflow: ellipsis;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-content .tds-btn {
  width: fit-content;
  flex-shrink: 0;
  padding: 0 32px;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .tbs-slide-nav {
  display: flex;
  height: 100%;
  align-items: flex-end;
  justify-content: end;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .tbs-slide-nav .slide-nav-box {
  display: flex;
  gap: 16px;
  justify-content: end;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .tbs-slide-nav .slide-nav-box .nav-txt {
  display: flex;
  gap: 0.5rch;
  align-items: center;
  width: fit-content;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .tbs-slide-nav .slide-nav-box .nav-txt .current-txt {
  color: #000000;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .tbs-slide-nav .slide-nav-box .nav-txt .label-txt,
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .tbs-slide-nav .slide-nav-box .nav-txt .all-txt {
  color: #aeb2b2;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .tbs-slide-nav .slide-nav-box .circle-bt {
  height: 48px;
  width: 48px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #111c1c;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  position: relative;
  flex-shrink: 0;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .tbs-slide-nav .slide-nav-box .circle-bt.bt-prev {
  transform: translateX(calc(-100% - var(--padding-button)));
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .tbs-slide-nav .slide-nav-box .circle-bt.bt-prev .ico-arrow {
  transform: translateX(100%) rotate(180deg);
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .tbs-slide-nav .slide-nav-box .circle-bt.bt-prev:not(.swiper-button-disabled):hover .ico-arrow {
  animation: moveBackNew 0.6s linear forwards;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .tbs-slide-nav .slide-nav-box .circle-bt.bt-next {
  transform: translateX(calc(100% + var(--padding-button)));
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .tbs-slide-nav .slide-nav-box .circle-bt.bt-next:not(.swiper-button-disabled):hover .ico-arrow {
  animation: moveNextNew 0.6s linear forwards;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .tbs-slide-nav .slide-nav-box .circle-bt .ico-arrow {
  position: absolute;
  color: #111c1c;
  --icon-color: #111c1c;
  transform: translateX(100%);
  left: 0;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .tbs-slide-nav .slide-nav-box .circle-bt.swiper-button-disabled {
  border: 1px solid #aeb2b2;
  pointer-events: none;
}
.home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .tbs-slide-nav .slide-nav-box .circle-bt.swiper-button-disabled .ico-arrow {
  color: #aeb2b2;
  --icon-color: #aeb2b2;
}

@container interior (max-width: 1130px) {
  .home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container {
    grid-template-columns: minmax(0, 200px) minmax(0, 1fr);
    gap: 16px;
    row-gap: 0;
    place-items: center;
  }
  .home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-slide-container {
    max-width: 600px;
    width: calc(100% - 84px);
  }
  .home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-content {
    grid-column: 2;
    gap: 16px;
    max-width: 600px;
    width: calc(100% - 84px);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-content .title-content {
    grid-column: span 2;
  }
  .home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-content .tbs-slide-nav {
    align-items: center;
    grid-column-start: 2;
  }
  .home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-content .slide-nav.no-button {
    position: relative;
  }
  .home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-content .slide-nav {
    position: absolute;
    bottom: 0;
    height: auto;
    padding: 8px 0;
    z-index: 1;
  }
}
@media screen and (max-width: 1200px) {
  .home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .tbs-slide-nav .slide-nav-box .circle-bt {
    height: 40px;
    width: 40px;
  }
  .home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .tbs-slide-nav .slide-nav-box .circle-bt.bt-prev .ico-arrow {
    transform: translateX(64%) rotate(180deg);
  }
  .home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .tbs-slide-nav .slide-nav-box .circle-bt.bt-next .ico-arrow {
    transform: translateX(76%);
  }
}
@media screen and (max-width: 743px) {
  .home-interior-styles-component .interior-box {
    padding-top: 32px;
  }
  .home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container {
    display: block;
  }
  .home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .slide-menu-wrapper {
    display: none;
  }
  .home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-slide-container {
    overflow: visible;
  }
  .home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-content {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-content .title-content {
    grid-column: unset;
  }
  .home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-content .title-content .slide-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-content .tbs-slide-nav {
    display: none;
  }
  .home-interior-styles-component .interior-box .interior-slide .interior-style-layer .interior-container .interior-content .tds-btn {
    height: 48px;
    padding: 0 24px;
  }
}
.tweakwise-search-page:has(div > .tweakwise-component:first-child) > .breadcrumb:first-child {
  display: none;
}

.twn-product-tile-dynamic .twn-button-element.is-added {
  color: #e4b760;
}

.tweakwise-component {
  --search-box-width: min(50%, 696px);
  --breadcrumb-max-width: 216px;
  min-height: 100vh;
  position: relative;
  padding-top: 0;
  padding-bottom: 80px;
  opacity: 0;
  visibility: hidden;
}
.tweakwise-component.active {
  opacity: 1;
  visibility: visible;
}
.tweakwise-component .search-container {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.tweakwise-component .breadcrumb {
  width: 100%;
  max-width: var(--breadcrumb-max-width);
  height: auto;
  margin-top: 54px;
}
.tweakwise-component .breadcrumb .breadcrumb-box {
  height: auto;
}
.tweakwise-component .tweakwise-output {
  position: relative;
  width: 100%;
  min-height: 410px;
}
.tweakwise-component .output {
  display: block;
  width: 100%;
  min-height: 410px;
  margin: 24px auto;
}
.tweakwise-component .search-box {
  position: relative;
  left: 50%;
  margin-inline: unset;
  transform: translate(calc(-50% - var(--breadcrumb-max-width)));
  width: var(--search-box-width);
}
.tweakwise-component .search-box.mg-auto {
  margin-left: 0;
  margin-right: auto;
}
.tweakwise-component .search-box .search-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 3;
}
.tweakwise-component .search-box .search-wrapper .filter-container {
  display: flex;
  flex-direction: column;
}
.tweakwise-component .search-box .search-wrapper .filter-container .row-search {
  margin: 0 auto;
  z-index: 2;
  width: 100%;
}
.tweakwise-component .search-box .search-wrapper .filter-container .row-search .filter-search {
  position: relative;
  height: 48px;
  border: solid #f8f7f4 2px;
  border-radius: 24px;
  background-color: #ffffff;
}
.tweakwise-component .search-box .search-wrapper .filter-container .row-search .filter-search input {
  font-size: 14px;
  line-height: 48px;
  color: #111c1c;
  background: none;
  height: 48px;
  font-weight: 600;
  padding: 12px 12px 12px 42px;
}
.tweakwise-component .search-box .search-wrapper .filter-container .row-search .filter-search input::-webkit-input-placeholder {
  font-weight: 500;
}
.tweakwise-component .search-box .search-wrapper .filter-container .row-search .filter-search .bt-search {
  position: absolute;
  top: 0;
  left: 14px;
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.tweakwise-component .search-box .search-wrapper .filter-container .row-search .filter-search .bt-search .icon-search {
  position: absolute;
  background-color: #000;
  width: 16px;
  height: 16px;
  right: 21px;
}

@media screen and (max-width: 1112px) {
  .tweakwise-component {
    --search-box-width: 100%;
    --breadcrumb-max-width: 100%;
  }
  .tweakwise-component .search-container {
    flex-direction: column;
    justify-content: space-between;
    max-width: 100%;
    padding-inline: 32px;
  }
  .tweakwise-component .breadcrumb {
    width: 100%;
    height: auto;
    margin-top: 0;
  }
  .tweakwise-component .breadcrumb .container {
    padding: 0;
  }
  .tweakwise-component .search-box {
    width: 100%;
    margin-top: 32px;
    left: 0;
    transform: unset;
  }
  .tweakwise-component .search-box .search-wrapper {
    padding-top: 4px;
  }
}
@media screen and (max-width: 743px) {
  .tweakwise-component .search-container {
    padding: 0 24px;
  }
  .tweakwise-component .breadcrumb {
    margin-top: 24px;
  }
  .tweakwise-component .breadcrumb .container {
    padding: 0;
  }
  .tweakwise-component .search-box {
    margin-top: 24px;
  }
}
@media screen and (max-width: 400px) {
  .tweakwise-component .search-container {
    padding: 0 14px;
  }
  .tweakwise-component .breadcrumb .container {
    padding: 0;
  }
}
.blog-image-grid-component {
  position: relative;
  --gap-set-image: 24px;
}
.blog-image-grid-component .tds-container {
  container: gridbox/inline-size;
}
.blog-image-grid-component.reverse .set-image .item:last-child, .blog-image-grid-component:not(.reverse) .set-image .item:first-child {
  aspect-ratio: 253/158;
  width: 58%;
  max-width: 800px;
  height: auto;
  flex-shrink: unset;
  min-width: 0;
}
.blog-image-grid-component .set-image {
  max-height: 479px;
  height: 100%;
  display: flex;
  gap: var(--gap-set-image);
  justify-content: center;
}
.blog-image-grid-component .set-image .item {
  height: auto;
  position: relative;
  overflow: hidden;
  aspect-ratio: 304/479;
  width: 21%;
  flex-shrink: 0;
}
.blog-image-grid-component .set-image .item:hover .bt-cart {
  background-color: rgb(0, 0, 0);
}
.blog-image-grid-component .set-image .item:hover img,
.blog-image-grid-component .set-image .item:hover .video-control {
  transform-origin: center center;
  transform: scale(1.05);
}
.blog-image-grid-component .set-image .item .video-control {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: 0.3s linear;
}
.blog-image-grid-component .set-image .item .video-control video,
.blog-image-grid-component .set-image .item .video-control iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.blog-image-grid-component .set-image .item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: 0.3s linear;
}

@media screen and (max-width: 743px) {
  .blog-image-grid-component {
    --gap-set-image: 16px;
  }
}
@container gridbox (max-width: 770px) {
  .blog-image-grid-component.reverse .set-image .item {
    width: calc((100% - var(--gap-set-image)) / 2);
    max-width: unset;
  }
  .blog-image-grid-component.reverse .set-image .item:last-child {
    width: calc((100% - var(--gap-set-image)) / 2);
    max-width: unset;
  }
  .blog-image-grid-component.reverse .set-image .item:last-child:nth-child(3), .blog-image-grid-component.reverse .set-image .item:last-child:nth-child(1) {
    width: 100%;
    max-width: unset;
  }
  .blog-image-grid-component:not(.reverse) .set-image .item {
    width: calc((100% - var(--gap-set-image)) / 2);
    max-width: unset;
  }
  .blog-image-grid-component:not(.reverse) .set-image .item:first-child {
    width: 100%;
    max-width: unset;
  }
  .blog-image-grid-component .set-image {
    flex-wrap: wrap;
    max-height: unset;
  }
}
.blog-product-set-component {
  position: relative;
  --gap-set-image: 24px;
}
.blog-product-set-component.has-sibling-grid .image-select {
  margin-top: calc(var(--circle-size, 264px) * -0.55);
}
.blog-product-set-component .tds-container {
  container: gridbox/inline-size;
}
.blog-product-set-component .wrapper {
  display: flex;
  flex-direction: column;
}
.blog-product-set-component .set-image {
  max-height: 479px;
  height: 100%;
  display: flex;
  gap: var(--gap-set-image);
  justify-content: center;
}
.blog-product-set-component .set-image .item {
  height: auto;
  position: relative;
  overflow: hidden;
  aspect-ratio: 338/479;
  width: 338px;
  flex-shrink: 1;
}
.blog-product-set-component .set-image .item:hover img,
.blog-product-set-component .set-image .item:hover .video-control {
  transform-origin: center center;
  transform: scale(1.05);
}
.blog-product-set-component .set-image .item picture,
.blog-product-set-component .set-image .item img {
  position: absolute;
  width: 100%;
  height: 100%;
}
.blog-product-set-component .set-image .item picture {
  display: block;
}
.blog-product-set-component .set-image .item .video-control {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: 0.3s linear;
}
.blog-product-set-component .set-image .item .video-control video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-product-set-component .set-image .item img {
  object-fit: cover;
  transition: 0.3s linear;
}
.blog-product-set-component .set-image.large-media-left:has(.item:nth-child(3)) .item:first-child, .blog-product-set-component .set-image.large-media-right:has(.item:nth-child(3)) .item:last-child {
  aspect-ratio: 700/479;
  width: 700px;
}
.blog-product-set-component .set-image:has(.item:nth-child(2)):not(:has(.item:nth-child(3))) .item {
  aspect-ratio: 700/479;
  width: calc(50% - var(--gap-set-image) / 2);
}
.blog-product-set-component .set-image:not(:has(.item:nth-child(2))) .item {
  aspect-ratio: 700/479;
  width: 100%;
  max-width: 700px;
}
.blog-product-set-component .image-select {
  position: relative;
  z-index: 1;
}
.blog-product-set-component .image-select .swiper-slide {
  width: auto;
}
.blog-product-set-component .image-select .image-wrapper {
  position: relative;
  width: var(--circle-size, 264px);
  height: var(--circle-size, 264px);
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  background-color: #faf9f7;
  outline: 1px solid transparent;
  transition: outline-color 0.5s ease;
}
.blog-product-set-component .image-select .image-wrapper:hover, .blog-product-set-component .image-select .image-wrapper.active {
  outline-color: #e4b760;
}
.blog-product-set-component .image-select .image-wrapper img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}

@container gridbox (max-width: 770px) {
  .blog-product-set-component.has-sibling-grid .image-select {
    margin-top: calc(var(--circle-size, 264px) * -0.95);
  }
  .blog-product-set-component .image-select {
    --circle-size: 166px;
  }
  .blog-product-set-component .set-image {
    flex-wrap: wrap;
    max-height: unset;
    margin: 0 28px;
  }
  .blog-product-set-component .set-image .item {
    aspect-ratio: 345/575;
  }
  .blog-product-set-component .set-image.large-media-left:has(.item:nth-child(3)) .item, .blog-product-set-component .set-image.large-media-right:has(.item:nth-child(3)) .item {
    width: calc((100% - var(--gap-set-image)) / 2);
    max-width: unset;
  }
  .blog-product-set-component .set-image.large-media-left:has(.item:nth-child(3)) .item:first-child, .blog-product-set-component .set-image.large-media-right:has(.item:nth-child(3)) .item:last-child {
    aspect-ratio: 714/573;
    width: 100%;
  }
  .blog-product-set-component .set-image:has(.item:nth-child(2)):not(:has(.item:nth-child(3))) .item, .blog-product-set-component .set-image:not(:has(.item:nth-child(2))) .item {
    aspect-ratio: 714/573;
    width: 100%;
    max-width: unset;
  }
}
@container gridbox (max-width: 414px) {
  .blog-product-set-component .image-select {
    --circle-size: 128px;
  }
  .blog-product-set-component .set-image {
    margin: 0 12px;
  }
  .blog-product-set-component .set-image .item {
    aspect-ratio: 167/279;
  }
  .blog-product-set-component .set-image.large-media-left:has(.item:nth-child(3)) .item:first-child, .blog-product-set-component .set-image.large-media-right:has(.item:nth-child(3)) .item:last-child {
    aspect-ratio: 358/287;
  }
  .blog-product-set-component .set-image:has(.item:nth-child(2)):not(:has(.item:nth-child(3))) .item, .blog-product-set-component .set-image:not(:has(.item:nth-child(2))) .item {
    aspect-ratio: 358/287;
  }
}
.blog-product-set-2-component {
  position: relative;
  --nav-btn-size: 32px;
  --card-width: 266px;
  --cards-bg-gap: 40px;
  --swiper-gap: 64px;
}
.blog-product-set-2-component .tds-container {
  container: gridbox/inline-size;
}
.blog-product-set-2-component .wrapper {
  display: flex;
  align-items: flex-end;
  gap: 96px;
}
.blog-product-set-2-component .media-wrapper {
  flex-shrink: 0;
  width: 578px;
  height: 578px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.blog-product-set-2-component .media-wrapper picture {
  display: block;
  position: absolute;
  inset: 0;
}
.blog-product-set-2-component .media-wrapper img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-product-set-2-component .media-wrapper .video-control {
  position: absolute;
  inset: 0;
}
.blog-product-set-2-component .media-wrapper .video-control video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-product-set-2-component .product-cards {
  flex: 1;
  min-width: 0;
  position: relative;
  display: flex;
  align-items: center;
  padding-top: var(--cards-bg-gap);
  padding-bottom: var(--cards-bg-gap);
}
.blog-product-set-2-component .product-cards::before {
  content: "";
  position: absolute;
  inset: 0;
  left: -9999px;
  right: -9999px;
  height: var(--bg-height, 100%);
  background-color: #faf9f7;
}
.blog-product-set-2-component .product-cards .swiper {
  width: 100%;
  overflow: visible;
  clip-path: inset(-15% -9999px -15% -15px);
}
.blog-product-set-2-component .product-cards .card {
  width: var(--card-width);
  height: auto;
  background-color: #ffffff;
  transition: transform 0.25s ease;
}
.blog-product-set-2-component .product-cards .card:hover {
  transform: scale(1.1);
  z-index: 2;
}
.blog-product-set-2-component .product-cards .card .card-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.25s ease;
  gap: 12px;
  margin-bottom: 12px;
}
.blog-product-set-2-component .product-cards .card .card-link:hover {
  border-color: #e4b760;
}
.blog-product-set-2-component .product-cards .card .product-image {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--card-width);
  height: var(--card-width);
}
.blog-product-set-2-component .product-cards .card .product-image picture {
  display: block;
  width: 100%;
  height: 100%;
}
.blog-product-set-2-component .product-cards .card .product-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.blog-product-set-2-component .product-cards .card .product-info {
  padding: 0 12px;
}
.blog-product-set-2-component .product-cards .card .product-title {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  margin: 0;
  height: 60px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-product-set-2-component .product-cards .card .product-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  font-size: 12px;
  color: #e4b760;
  font-weight: 600;
  line-height: 18px;
  --icon-color: #e4b760;
}
.blog-product-set-2-component .product-cards .card .product-btn .product-btn-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 4px;
}
.blog-product-set-2-component .product-cards .card .product-btn svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.blog-product-set-2-component .product-cards .nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: var(--nav-btn-size);
  height: var(--nav-btn-size);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.blog-product-set-2-component .product-cards .nav-btn.bt-next svg {
  transform: rotate(180deg);
}
.blog-product-set-2-component .product-cards .nav-btn.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}
.blog-product-set-2-component .product-cards .nav-btn svg {
  width: 32px;
  height: 32px;
  fill: #111c1c;
  transition: fill 0.2s ease;
}
.blog-product-set-2-component .product-cards .bt-prev {
  left: -50px;
  right: auto;
}
.blog-product-set-2-component .product-cards .bt-next {
  left: calc(2 * var(--card-width) + var(--swiper-gap) + var(--swiper-gap) / 2 - var(--nav-btn-size) / 2);
  right: auto;
}
.blog-product-set-2-component .product-cards .bt-next.swiper-button-disabled {
  display: none;
}

@media screen and (max-width: 1024px) {
  .blog-product-set-2-component {
    --card-width: 206px;
    --cards-bg-gap: 20px;
  }
  .blog-product-set-2-component .wrapper {
    gap: 20px;
  }
  .blog-product-set-2-component .media-wrapper {
    width: 400px;
    height: 400px;
  }
  .blog-product-set-2-component .product-cards .card:hover {
    transform: none;
  }
  .blog-product-set-2-component .product-cards .card .card-link {
    gap: 8px;
    margin-bottom: 8px;
  }
  .blog-product-set-2-component .product-cards .card .product-info {
    padding: 0px 8px;
  }
  .blog-product-set-2-component .product-cards .card .product-title {
    font-size: 13px;
    line-height: 20px;
  }
  .blog-product-set-2-component .product-cards .card .product-btn {
    padding: 0px 8px;
  }
  .blog-product-set-2-component .product-cards .nav-btn {
    display: none;
  }
}
@media screen and (max-width: 743px) {
  .blog-product-set-2-component {
    --card-width: 142px;
    --cards-bg-gap: 16px;
    --bg-height: 284px;
  }
  .blog-product-set-2-component .wrapper {
    align-items: stretch;
    gap: 16px;
  }
  .blog-product-set-2-component .media-wrapper {
    width: 188px;
    height: 284px;
  }
}
@media screen and (max-width: 414px) {
  .blog-product-set-2-component .media-wrapper {
    width: calc((100% - var(--cards-bg-gap)) / 2);
    max-width: unset;
  }
}
.description-component {
  --desc-font-size: 14px;
  --desc-line-height: 22px;
}
.description-component.desc-size-large {
  --desc-font-size: 16px;
  --desc-line-height: 24px;
}
.description-component.desc-size-small {
  --desc-font-size: 12px;
  --desc-line-height: 18px;
}
.description-component .description-inner {
  display: flex;
  gap: 64px;
}
.description-component .description-inner.box-onebox {
  display: block;
}
.description-component .description-inner.box-twosmall {
  max-width: 938px;
  margin-left: auto;
  margin-right: auto;
}
.description-component .desc-box {
  flex: 1 1 0;
  min-width: 0;
  font-size: var(--desc-font-size);
  line-height: var(--desc-line-height);
  overflow-wrap: anywhere;
}
.description-component .desc-box ul {
  padding-left: 0;
}
.description-component .desc-box ul li {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  list-style: none;
}
.description-component .desc-box ul li::before {
  content: "·";
  flex: 0 0 auto;
  font-weight: 700;
}
.description-component.has-bullet-icon .desc-box ul li::before {
  content: "";
  flex: 0 0 auto;
  width: 1em;
  height: var(--desc-line-height);
  background-image: var(--desc-bullet);
  background-size: 1em;
  background-position: center;
  background-repeat: no-repeat;
}
.description-component.desc-graphik .desc-box {
  font-family: "Graphik", sans-serif;
}
.description-component.desc-sora .desc-box {
  font-family: "Sora", sans-serif;
}

@media screen and (max-width: 743px) {
  .description-component .description-inner {
    flex-direction: column;
    gap: 24px;
  }
  .description-component.desc-size-large {
    --desc-font-size: 14px;
    --desc-line-height: 22px;
  }
}
.product-popover {
  z-index: 5;
}
.product-popover .configure-btn {
  width: 152px;
  height: 48px;
}

.blog-detail-intro-component .blog-detail-grid-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.blog-detail-intro-component .blog-detail-grid-wrapper .text-box {
  display: flex;
  gap: 64px;
}
.blog-detail-intro-component .blog-detail-grid-wrapper .text-box .desc-txt {
  flex-grow: 1;
  width: 100%;
}
.blog-detail-intro-component .blog-detail-grid-wrapper .bt-link:hover .bt-route .icon .ico-arrow {
  animation: moveNextNew 0.6s linear forwards;
}
.blog-detail-intro-component .blog-detail-grid-wrapper .bt-route p {
  padding: 0 4px 0 8px;
  font-weight: 600;
  line-height: 24px;
}
.blog-detail-intro-component .blog-detail-grid-wrapper .bt-route .icon {
  color: #e4b760;
  --icon-color: #e4b760;
  position: relative;
}
.blog-detail-intro-component .blog-detail-grid-wrapper .bt-route .icon .ico-arrow {
  position: absolute;
  left: 0;
}

@media screen and (max-width: 743px) {
  .blog-detail-intro-component .blog-detail-grid-wrapper {
    padding: 0 16px;
  }
  .blog-detail-intro-component .blog-detail-grid-wrapper .text-box {
    flex-direction: column;
    gap: 32px;
  }
  .blog-detail-intro-component .blog-detail-grid-wrapper .text-box .desc-txt {
    flex-grow: unset;
  }
}
.blog2-images-grid1-component .tds-container {
  container: interior/inline-size;
}
.blog2-images-grid1-component .blog-image-grid.col-2 {
  display: flex;
  gap: 24px;
  position: relative;
  padding: 0;
  width: 100%;
  max-height: 525px;
  justify-content: center;
}
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  flex-grow: 1;
  max-width: 700px;
}
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item {
  max-width: 700px;
}
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .img,
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .video-box {
  width: 100%;
  height: auto;
  aspect-ratio: 700/525;
}
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .img.muted .btn-muted,
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .video-box.muted .btn-muted {
  display: block;
}
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .img.muted .btn-unmuted,
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .video-box.muted .btn-unmuted {
  display: none;
}
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .img .btn-muted,
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .video-box .btn-muted {
  display: none;
}
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .img .btn-muted,
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .img .btn-unmuted,
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .video-box .btn-muted,
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .video-box .btn-unmuted {
  position: absolute;
  right: 24px;
  bottom: 32px;
  z-index: 1;
}
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .img .btn-muted svg,
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .img .btn-unmuted svg,
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .video-box .btn-muted svg,
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .video-box .btn-unmuted svg {
  color: #fff;
  width: 24px;
  height: 20px;
}
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .img img,
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .img picture,
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .img video,
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .img iframe,
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .video-box img,
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .video-box picture,
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .video-box video,
.blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .video-box iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.blog2-images-grid1-component .blog-image-grid.col-2 .bg-pattern {
  left: -38px;
  top: unset;
  bottom: -38px;
  transform: unset;
}
.blog2-images-grid1-component .detail-annex {
  width: 100%;
  text-align: right;
  padding: 10px 20px;
}

@container interior (max-width: 770px) {
  .blog2-images-grid1-component .blog-image-grid.col-2 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    max-height: unset;
  }
  .blog2-images-grid1-component .blog-image-grid.col-2 .set-image {
    padding: 0;
    max-width: 770px;
    width: 100%;
  }
  .blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item {
    max-width: unset;
  }
  .blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .img,
  .blog2-images-grid1-component .blog-image-grid.col-2 .set-image .item .video-box {
    height: 100%;
    max-height: 578px;
    width: auto;
    aspect-ratio: 253/158;
  }
}
@media screen and (max-width: 743px) {
  .blog2-images-grid1-component .blog-image-grid.col-2 {
    gap: 16px;
  }
}
.new-showroom-details {
  position: relative;
  width: 100%;
  height: auto;
}
.new-showroom-details .tds-container {
  container: gridbox/inline-size;
}
.new-showroom-details .wrapper .content {
  display: flex;
  column-gap: 64px;
}
.new-showroom-details .wrapper .content .content-image {
  flex: 1;
}
.new-showroom-details .wrapper .content .content-image .image-wrapper {
  width: 100%;
  aspect-ratio: 648/316;
  height: auto;
  display: flex;
  gap: 12px;
}
.new-showroom-details .wrapper .content .content-image .image-wrapper .img-item,
.new-showroom-details .wrapper .content .content-image .image-wrapper .video-control {
  width: 100%;
  position: relative;
  flex-grow: 1;
}
.new-showroom-details .wrapper .content .content-image .image-wrapper .img-item picture,
.new-showroom-details .wrapper .content .content-image .image-wrapper .img-item video,
.new-showroom-details .wrapper .content .content-image .image-wrapper .img-item img,
.new-showroom-details .wrapper .content .content-image .image-wrapper .video-control picture,
.new-showroom-details .wrapper .content .content-image .image-wrapper .video-control video,
.new-showroom-details .wrapper .content .content-image .image-wrapper .video-control img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  top: 0;
  left: 0;
}
.new-showroom-details .wrapper .content .content-des {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
  grid-template-areas: "slide1 slide2" "slide3 slide2";
  column-gap: 32px;
  row-gap: 24px;
}
.new-showroom-details .wrapper .content .content-des .t-section-desc {
  --section-desc-color: #111c1c;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding: 0;
  margin-bottom: 12px;
}
.new-showroom-details .wrapper .content .content-des .address-contact {
  grid-area: slide3;
  padding-left: 24px;
}
.new-showroom-details .wrapper .content .content-des .address-contact .address {
  display: flex;
  column-gap: 24px;
}
.new-showroom-details .wrapper .content .content-des .address-contact .address .sub-address {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-grow: 1;
}
.new-showroom-details .wrapper .content .content-des .address-contact .address .sub-address .text {
  font-weight: 500;
  color: #a0a4a4;
}
.new-showroom-details .wrapper .content .content-des .address-contact .address .sub-address .tds-btn {
  width: fit-content;
}
.new-showroom-details .wrapper .content .content-des .address-contact .address .sub-address .tds-btn svg {
  position: relative;
  transition: all 0.3s ease-in-out;
}
.new-showroom-details .wrapper .content .content-des .address-contact .address .sub-address .tds-btn:hover svg {
  animation: moveNextNew 0.6s linear forwards;
}
.new-showroom-details .wrapper .content .content-des .open-hours {
  grid-area: slide2;
  position: relative;
}
.new-showroom-details .wrapper .content .content-des .open-hours .dropdown-wrapper {
  position: absolute;
  z-index: 2;
  width: 100%;
  border-radius: 15px;
  background-color: #f8f7f4;
}
.new-showroom-details .wrapper .content .content-des .open-hours .dropdown-wrapper[data-status=close] .option-wrapper {
  padding: 0 24px;
  max-height: 0;
  opacity: 0;
}
.new-showroom-details .wrapper .content .content-des .open-hours .dropdown-wrapper[data-status=close] .tds-btn svg {
  transform: rotate(90deg);
}
.new-showroom-details .wrapper .content .content-des .open-hours .dropdown-wrapper[data-status=close] .tds-btn:hover svg {
  animation: menuDownNew 0.6s linear forwards;
}
.new-showroom-details .wrapper .content .content-des .open-hours .dropdown-wrapper[data-status=close] .open-hours-txt {
  opacity: 1;
}
.new-showroom-details .wrapper .content .content-des .open-hours .dropdown-wrapper .tds-btn {
  width: 100%;
  justify-content: space-between;
}
.new-showroom-details .wrapper .content .content-des .open-hours .dropdown-wrapper .tds-btn:hover svg {
  animation: menuUpNew 0.6s linear forwards;
}
.new-showroom-details .wrapper .content .content-des .open-hours .dropdown-wrapper .tds-btn .ico-arrow {
  position: relative;
}
.new-showroom-details .wrapper .content .content-des .open-hours .dropdown-wrapper .tds-btn svg {
  position: absolute;
  left: 0;
  transform: rotate(-90deg);
  transition: all 0.3s ease-in-out;
}
.new-showroom-details .wrapper .content .content-des .open-hours .dropdown-wrapper .open-hours-txt {
  padding: 0 2px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.new-showroom-details .wrapper .content .content-des .open-hours .dropdown-wrapper .option-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.new-showroom-details .wrapper .content .content-des .open-hours .dropdown-wrapper .option-item[data-to-day=true] p {
  font-weight: 600;
}
.new-showroom-details .wrapper .content .content-des .open-hours .dropdown-wrapper .option-wrapper {
  width: 100%;
  max-height: 266px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 24px 16px 24px;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.new-showroom-details .wrapper .content .content-des .usp {
  grid-area: slide1;
}
.new-showroom-details .wrapper .content .content-des .usp ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.new-showroom-details .wrapper .content .content-des .usp ul .ups-box {
  display: flex;
  gap: 4px;
  align-items: start;
  --ups-height: 24px;
}
.new-showroom-details .wrapper .content .content-des .usp ul .ups-box .image-wrapper {
  aspect-ratio: 1/1;
  width: var(--ups-height);
  flex-shrink: 0;
  display: flex;
}
.new-showroom-details .wrapper .content .content-des .usp ul .ups-box .image-wrapper .img-item {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-showroom-details .wrapper .content .content-des .usp ul .ups-box .image-wrapper .img-item svg {
  width: 14px;
  height: 12px;
}
.new-showroom-details .wrapper .content .content-des .usp ul .ups-box .image-wrapper picture {
  display: block;
  width: 100%;
  height: 100%;
}
.new-showroom-details .wrapper .content .content-des .usp ul .ups-box .image-wrapper img,
.new-showroom-details .wrapper .content .content-des .usp ul .ups-box .image-wrapper canvas,
.new-showroom-details .wrapper .content .content-des .usp ul .ups-box .image-wrapper video,
.new-showroom-details .wrapper .content .content-des .usp ul .ups-box .image-wrapper iframe {
  object-fit: cover;
  height: 100%;
  width: 100%;
  display: block;
}
.new-showroom-details .wrapper .content .content-des .usp ul .ups-box .title-txt {
  line-height: var(--ups-height);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.new-showroom-details .wrapper .content .content-des .usp ul .ups-box .title-txt a {
  color: #e4b760;
  font-weight: 600;
}

@container gridbox (max-width: 1130px) {
  .new-showroom-details .wrapper .content {
    flex-direction: column;
    gap: 40px;
  }
  .new-showroom-details .wrapper .content .content-image {
    flex: unset;
    order: 2;
  }
  .new-showroom-details .wrapper .content .content-image .image-wrapper {
    aspect-ratio: 770/380;
  }
  .new-showroom-details .wrapper .content .content-des {
    flex: unset;
    order: 1;
  }
}
@media screen and (max-width: 743px) {
  .new-showroom-details .wrapper .content {
    gap: 24px;
  }
  .new-showroom-details .wrapper .content .content-image .image-wrapper {
    aspect-ratio: 382/185;
  }
  .new-showroom-details .wrapper .content .content-des {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0 16px;
  }
  .new-showroom-details .wrapper .content .content-des .address-contact {
    padding: 0;
  }
  .new-showroom-details .wrapper .content .content-des .open-hours .dropdown-wrapper {
    position: relative;
  }
}
.whitespace[data-size=size-l] {
  padding-top: 160px;
}
.whitespace[data-size=size-m] {
  padding-top: 80px;
}
.whitespace[data-size=size-s] {
  padding-top: 40px;
}
.whitespace[data-size=size-xs] {
  padding-top: 20px;
}

@media screen and (max-width: 1200px) {
  .whitespace[data-size=size-l] {
    padding-top: 144px;
  }
  .whitespace[data-size=size-m] {
    padding-top: 72px;
  }
  .whitespace[data-size=size-s] {
    padding-top: 36px;
  }
  .whitespace[data-size=size-xs] {
    padding-top: 18px;
  }
}
@media screen and (max-width: 743px) {
  .whitespace[data-size=size-l] {
    padding-top: 128px;
  }
  .whitespace[data-size=size-m] {
    padding-top: 64px;
  }
  .whitespace[data-size=size-s] {
    padding-top: 32px;
  }
  .whitespace[data-size=size-xs] {
    padding-top: 16px;
  }
}
.popup-cart-item-screenshot {
  position: fixed;
  z-index: 90;
  top: -100px;
  left: 24px;
  width: calc(100% - 48px);
  height: calc(100% - 48px);
  box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all ease-in-out 0.25s;
}
.popup-cart-item-screenshot.active {
  opacity: 1;
  visibility: visible;
  pointer-events: unset;
  top: 24px;
}
.popup-cart-item-screenshot .closelight-bt {
  position: absolute;
  right: 46px;
  top: 46px;
  width: 42px;
  height: 42px;
  border: 1px solid #111c1c;
  border-radius: 50%;
  z-index: 2;
}
.popup-cart-item-screenshot .closelight-bt .icon-close-light {
  width: 10px;
  height: 10px;
  margin: 16px auto;
}
.popup-cart-item-screenshot .screenshot-frame {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 200px);
  height: calc(100% - 160px);
}
.popup-cart-item-screenshot .screenshot-container {
  width: 100%;
  height: 100%;
}
.popup-cart-item-screenshot .screenshot-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media screen and (max-width: 1024px) {
  .popup-cart-item-screenshot {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0;
  }
  .popup-cart-item-screenshot.active {
    top: 0;
  }
  .popup-cart-item-screenshot .closelight-bt {
    right: 24px;
    top: 24px;
  }
  .popup-cart-item-screenshot .screenshot-frame {
    width: calc(100% - 120px);
  }
}
@media screen and (max-width: 767px) {
  .popup-cart-item-screenshot .screenshot-frame {
    width: 100%;
    height: 100%;
  }
}
.collaborate-type-slide-component {
  position: relative;
  width: 100%;
}
.collaborate-type-slide-component[data-carousal-type=swiper-block] .carousal-wrapper {
  pointer-events: none;
}
.collaborate-type-slide-component[data-carousal-type=swiper-block] .carousal-wrapper .media-carousel.left {
  display: none;
}
.collaborate-type-slide-component[data-carousal-type=swiper-block] .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel {
  pointer-events: none;
}
.collaborate-type-slide-component[data-carousal-type=swiper-block] .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper {
  pointer-events: none;
}
.collaborate-type-slide-component[data-carousal-type=swiper-block] .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel {
  pointer-events: none;
}
.collaborate-type-slide-component[data-carousal-type=swiper-block] .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details a {
  pointer-events: auto;
}
.collaborate-type-slide-component[data-carousal-type=swiper-block] .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-nav {
  display: none;
}
.collaborate-type-slide-component[data-carousal-type=swiper-block] .swiper-pagination {
  display: none;
}
.collaborate-type-slide-component .carousal-wrapper {
  display: flex;
  gap: 112px;
  justify-content: center;
  min-width: 0;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel {
  width: 100%;
  flex-shrink: 0;
  min-width: 0;
  max-width: 530px;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container {
  width: 100%;
  position: relative;
  --padding-button: 32px;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel {
  width: 100%;
  overflow: hidden;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel {
  transition-duration: 0.4s !important;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-active {
  transition-duration: 0s !important;
  opacity: 1 !important;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-active.hit-loop .card-details {
  transition: none;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-active .image-wrapper .image-box,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-active .image-wrapper .video-box {
  left: 0;
  z-index: 2;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-active .card-details {
  transition: opacity 0.4s ease;
  opacity: 1;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-prev .image-wrapper .image-box,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-prev .image-wrapper .video-box {
  left: -100%;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-next .image-wrapper .image-box,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel.swiper-slide-next .image-wrapper .video-box {
  left: 100%;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper {
  width: 100%;
  aspect-ratio: 530/398;
  position: relative;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: left 0.4s;
  left: 0;
  z-index: 1;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box.muted .btn-muted,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box.muted .btn-muted {
  display: block;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box.muted .btn-unmuted,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box.muted .btn-unmuted {
  display: none;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box .btn-muted,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box .btn-muted {
  display: none;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box .btn-muted,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box .btn-unmuted,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box .btn-muted,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box .btn-unmuted {
  position: absolute;
  right: 24px;
  bottom: 32px;
  z-index: 1;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box .btn-muted svg,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box .btn-unmuted svg,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box .btn-muted svg,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box .btn-unmuted svg {
  color: #fff;
  width: 24px;
  height: 20px;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box img,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box picture,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box video,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .image-box iframe,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box img,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box picture,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box video,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper .video-box iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details {
  opacity: 0;
  transition: none;
  padding-top: 8px;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .title-box {
  display: flex;
  align-items: baseline;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .title-box .card-number {
  font-size: 52px;
  font-weight: 700;
  min-width: 50px;
  color: #e7e8e8;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .title-box .title-txt {
  font-weight: 700;
  color: #111c1c;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .desc-txt {
  padding-left: 50px;
  color: #111c1c;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .bt-link {
  margin-left: 50px;
  margin-top: 16px;
  width: 100%;
  display: block;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .bt-link:hover .bt-route .icon .ico-arrow {
  animation: moveNextNew 0.6s linear forwards;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .bt-link .bt-route p {
  font-weight: 600;
  padding-right: 4px;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .bt-link .bt-route .icon {
  color: #e4b760;
  --icon-color: #e4b760;
  position: relative;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .bt-link .bt-route .icon .ico-arrow {
  position: absolute;
  left: 0;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-nav {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  width: 100%;
  aspect-ratio: 530/398;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 8;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-nav .button-prev,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-nav .button-next {
  pointer-events: auto;
  height: 48px;
  width: 48px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #111c1c;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  position: relative;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-nav .button-prev .ico-arrow,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-nav .button-next .ico-arrow {
  position: absolute;
  color: #111c1c;
  --icon-color: #111c1c;
  transform: translateX(100%);
  left: 0;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-nav .button-prev.swiper-button-disabled,
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-nav .button-next.swiper-button-disabled {
  opacity: 0;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-nav .button-prev {
  transform: translateX(calc(-100% - var(--padding-button)));
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-nav .button-prev .ico-arrow {
  transform: translateX(100%) rotate(180deg);
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-nav .button-prev:not(.disable):hover .ico-arrow {
  animation: moveBackNew 0.6s linear forwards;
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-nav .button-next {
  transform: translateX(calc(100% + var(--padding-button)));
}
.collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-nav .button-next:not(.disable):hover .ico-arrow {
  animation: moveNextNew 0.6s linear forwards;
}
.collaborate-type-slide-component .swiper-pagination {
  position: relative;
  order: 2;
  z-index: 1;
  width: 100%;
  margin-top: 40px;
}
.collaborate-type-slide-component .swiper-pagination .swiper-pagination-bullet {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background-color: rgba(17, 28, 28, 0.25);
  border: none;
  opacity: 1;
}
.collaborate-type-slide-component .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #111c1c;
}
.collaborate-type-slide-component[data-slide-direction=next] .swiper-slide-prev .image-wrapper .image-box,
.collaborate-type-slide-component[data-slide-direction=next] .swiper-slide-prev .image-wrapper .video-box {
  left: 0 !important;
  transition: none !important;
}
.collaborate-type-slide-component[data-slide-direction=prev] .swiper-slide-next .image-wrapper .image-box,
.collaborate-type-slide-component[data-slide-direction=prev] .swiper-slide-next .image-wrapper .video-box {
  left: 0 !important;
  transition: none !important;
}

@media screen and (max-width: 1200px) {
  .collaborate-type-slide-component[data-carousal-type=swiper-block] .carousal-wrapper .media-carousel {
    flex-shrink: unset;
    flex: 1;
  }
  .collaborate-type-slide-component .carousal-wrapper {
    gap: 88px;
  }
  .collaborate-type-slide-component .carousal-wrapper .media-carousel {
    max-width: 362px;
  }
  .collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container {
    --padding-button: 24px;
  }
  .collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper {
    aspect-ratio: 362/272;
  }
  .collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .title-box .card-number {
    font-size: 44px;
  }
  .collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-nav .button-prev,
  .collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-nav .button-next {
    height: 40px;
    width: 40px;
  }
  .collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-nav .button-prev .ico-arrow {
    transform: translateX(64%) rotate(180deg);
  }
  .collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-nav .button-next .ico-arrow {
    transform: translateX(76%);
  }
}
@media screen and (max-width: 743px) {
  .collaborate-type-slide-component[data-carousal-type=swiper-block] .carousal-wrapper {
    justify-content: center;
    max-width: unset;
    width: 100%;
  }
  .collaborate-type-slide-component .carousal-wrapper {
    gap: 24px;
    left: 0;
    transform: translateX(0);
    justify-content: center;
    max-width: unset;
    width: 100%;
  }
  .collaborate-type-slide-component .carousal-wrapper .media-carousel {
    max-width: 314px;
  }
  .collaborate-type-slide-component .carousal-wrapper .media-carousel.left {
    order: 3;
    display: none;
  }
  .collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .image-wrapper {
    aspect-ratio: 1/1;
  }
  .collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel .swiper-wrapper .card-carousel .card-details .card-info .title-box .card-number {
    font-size: 42px;
  }
  .collaborate-type-slide-component .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-nav {
    display: none;
  }
  .collaborate-type-slide-component .swiper-pagination {
    margin-top: 32px;
  }
}
@media screen and (max-width: 684px) {
  .collaborate-type-slide-component:not([data-item-count="1"]) .carousal-wrapper {
    justify-content: left;
    max-width: 652px;
  }
  .collaborate-type-slide-component:not([data-item-count="1"]) .carousal-wrapper .media-carousel {
    flex: unset;
    flex-shrink: 0;
  }
  .collaborate-type-slide-component:not([data-item-count="1"]) .carousal-wrapper .media-carousel .carousel-box .carousel-container .slide-carousel {
    pointer-events: auto;
  }
}
body.ai-modal-open {
  overflow: hidden;
}

.ai-image-generation-modal {
  --aigen-surface-white: #ffffff;
  --aigen-surface-cream: #faf9f7;
  --aigen-ink: #111c1c;
  --aigen-grey: #898b8b;
  --aigen-grey-mid: #a0a4a4;
  --aigen-border: #d8d8d8;
  --aigen-border-light: #f3f4f4;
  --aigen-primary: #e4b760;
  --aigen-primary-50: #f1dbaf;
  --aigen-radius: 15px;
  --aigen-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.08);
  display: none;
}
.ai-image-generation-modal.is-open {
  display: flex;
  position: fixed;
  inset: 0;
  z-index: 100;
  background-color: rgba(17, 28, 28, 0.25);
  align-items: center;
  justify-content: center;
  padding: 24px;
  overflow-y: auto;
}
.ai-image-generation-modal .modal-box {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 706px;
  max-height: min(1000px, 100dvh - 48px);
  background-color: var(--aigen-surface-white);
  border-radius: var(--aigen-radius);
  box-shadow: var(--aigen-shadow);
  overflow: hidden;
  color: var(--aigen-ink);
}
.ai-image-generation-modal .modal-head {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 46px 46px 0;
}
.ai-image-generation-modal .title {
  flex: 1 0 0;
  min-width: 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.48px;
  color: var(--aigen-ink);
  margin: 0;
}
.ai-image-generation-modal .close-btn {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--aigen-border-light);
  border-radius: 50%;
  background-color: var(--aigen-surface-white);
  cursor: pointer;
}
.ai-image-generation-modal .close-btn .ai-ico {
  width: 24px;
  height: 24px;
}
@media (hover: hover) and (pointer: fine) {
  .ai-image-generation-modal .close-btn:hover {
    background-color: var(--aigen-surface-cream);
  }
}
.ai-image-generation-modal .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.ai-image-generation-modal .modal-stage {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  gap: 24px;
  margin-top: 32px;
  margin-right: 4px;
  padding: 0 42px 32px;
  overflow-y: auto;
}
.ai-image-generation-modal .modal-stage::-webkit-scrollbar {
  width: 2px;
}
.ai-image-generation-modal .modal-stage::-webkit-scrollbar-track {
  background-color: #cdcdcd;
}
.ai-image-generation-modal .modal-stage::-webkit-scrollbar-thumb {
  background-color: #8c8581;
}
.ai-image-generation-modal .stage-upload {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.ai-image-generation-modal .ai-ico {
  display: block;
  width: 16px;
  height: 16px;
  object-fit: contain;
}
.ai-image-generation-modal .ai-ico-sm {
  display: block;
  width: 12px;
  height: 12px;
  object-fit: contain;
}
.ai-image-generation-modal .step-layout {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  padding: 32px 46px 0;
}
.ai-image-generation-modal .step-heading {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ai-image-generation-modal .step-count {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  white-space: nowrap;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.ai-image-generation-modal .step-current {
  color: var(--aigen-ink);
}
.ai-image-generation-modal .step-total {
  color: var(--aigen-grey-mid);
}
.ai-image-generation-modal .step-name {
  flex: 1 0 0;
  min-width: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: var(--aigen-ink);
}
.ai-image-generation-modal .stepper {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  opacity: 0.8;
}
.ai-image-generation-modal .step {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 2px;
  border-radius: 50px;
}
.ai-image-generation-modal .step.is-active {
  background-color: var(--aigen-primary-50);
}
.ai-image-generation-modal .step.is-active .step-dot, .ai-image-generation-modal .step.is-done .step-dot {
  background-color: var(--aigen-primary);
  color: var(--aigen-ink);
}
.ai-image-generation-modal .step.is-error .step-dot {
  background-color: #fef2f2;
  color: #bd0908;
}
.ai-image-generation-modal .step-dot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background-color: var(--aigen-border);
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: var(--aigen-grey);
}
.ai-image-generation-modal .step-dot .step-check {
  display: block;
  width: 14px;
  height: 14px;
  object-fit: contain;
}
.ai-image-generation-modal .step-line {
  flex: 1 0 0;
  min-width: 0;
  height: 1px;
  background-color: var(--aigen-border-light);
}
.ai-image-generation-modal .upload {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  aspect-ratio: 550/310;
  padding: 24px;
  background-color: var(--aigen-surface-white);
  border: 1px dashed var(--aigen-border);
  border-radius: var(--aigen-radius);
  cursor: pointer;
  text-align: center;
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .ai-image-generation-modal .upload:hover {
    border-color: var(--aigen-primary);
  }
}
.ai-image-generation-modal .upload-icon {
  width: 47px;
  height: 47px;
  object-fit: contain;
}
.ai-image-generation-modal .upload-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: var(--aigen-grey);
}
.ai-image-generation-modal .upload-text p {
  margin: 0;
}
.ai-image-generation-modal .upload-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background-color: var(--aigen-surface-white);
  border: 1px solid var(--aigen-border);
  border-radius: 40px;
  cursor: pointer;
}
.ai-image-generation-modal .upload-btn .ai-ico {
  width: 16px;
  height: 16px;
}
.ai-image-generation-modal .upload-btn .txt {
  font-weight: 600;
  font-size: 10px;
  line-height: 16px;
  color: var(--aigen-ink);
}
@media (hover: hover) and (pointer: fine) {
  .ai-image-generation-modal .upload-btn:hover {
    background-color: var(--aigen-surface-cream);
  }
}
.ai-image-generation-modal .upload.is-dragover {
  border-color: var(--aigen-primary);
  background-color: var(--aigen-surface-cream);
}
.ai-image-generation-modal .photo-preview {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: var(--aigen-radius);
  overflow: hidden;
  background-color: var(--aigen-surface-cream);
}
.ai-image-generation-modal .photo-preview.hidden {
  display: none;
}
.ai-image-generation-modal .photo-preview-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ai-image-generation-modal .photo-remove {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.ai-image-generation-modal .error-message {
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  color: #ca644f;
}
.ai-image-generation-modal .error-message.hidden {
  display: none;
}
.ai-image-generation-modal .selection {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.ai-image-generation-modal .divider {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.ai-image-generation-modal .divider::before, .ai-image-generation-modal .divider::after {
  content: "";
  flex: 1 0 0;
  min-width: 0;
  height: 1px;
  background-color: var(--aigen-border-light);
}
.ai-image-generation-modal .divider-text {
  flex-shrink: 0;
  white-space: nowrap;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: var(--aigen-ink);
}
.ai-image-generation-modal .styles {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
}
.ai-image-generation-modal .style {
  flex: 1 0 0;
  min-width: 128.5px;
  max-width: 153px;
  padding: 12px;
  background-color: var(--aigen-surface-white);
  border: 1px solid var(--aigen-border);
  border-radius: var(--aigen-radius);
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: var(--aigen-ink);
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ai-image-generation-modal .style.is-selected {
  border-color: var(--aigen-primary);
  background-color: var(--aigen-primary);
}
@media (hover: hover) and (pointer: fine) {
  .ai-image-generation-modal .style:not(.is-selected):hover {
    border-color: var(--aigen-primary);
    color: var(--aigen-primary);
  }
}
.ai-image-generation-modal .tip {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  margin-top: 8px;
  padding: 12px;
  background-color: var(--aigen-surface-cream);
  border: 1px solid var(--aigen-border);
  border-radius: var(--aigen-radius);
}
.ai-image-generation-modal .tip-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background-color: var(--aigen-primary);
  color: var(--aigen-ink);
}
.ai-image-generation-modal .tip-icon .ai-ico-sm {
  width: 16px;
  height: 16px;
}
.ai-image-generation-modal .tip-text {
  flex: 1 0 0;
  min-width: 0;
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.24px;
  color: var(--aigen-ink);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ai-image-generation-modal .tip-text strong {
  font-weight: 700;
}
.ai-image-generation-modal .stage-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 56px 0 0;
  text-align: center;
}
.ai-image-generation-modal .status-icon {
  width: 100px;
  height: 100px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ai-image-generation-modal .status-icon--spinner {
  border: 4px solid var(--aigen-primary-50);
  border-top-color: var(--aigen-primary);
  border-radius: 50%;
  animation: ai-image-generation-spin 0.9s linear infinite;
}
.ai-image-generation-modal .status-icon--image svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ai-image-generation-modal .status-title {
  margin: 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.48px;
  color: var(--aigen-ink);
}
.ai-image-generation-modal .status-sub {
  margin: 0;
  max-width: 480px;
  font-size: 16px;
  line-height: 24px;
  color: var(--aigen-ink);
}
.ai-image-generation-modal .status-bar {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  margin-top: 24px;
  padding: 12px;
  border-left: 2px solid transparent;
  border-radius: 0 4px 4px 0;
  text-align: left;
}
.ai-image-generation-modal .status-bar.hidden {
  display: none;
}
.ai-image-generation-modal .status-bar.is-neutral {
  background-color: #fbf1d9;
  border-left-color: var(--aigen-primary);
  color: var(--aigen-ink);
}
.ai-image-generation-modal .status-bar.is-success {
  background-color: #eef4f3;
  border-left-color: #405955;
  color: #405955;
}
.ai-image-generation-modal .status-bar.is-error {
  background-color: #fef2f2;
  border-left-color: #bd0908;
  color: #bd0908;
}
.ai-image-generation-modal .status-bar-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  font-size: 11px;
}
.ai-image-generation-modal .status-bar-text {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ai-image-generation-modal .stage-confirm {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding-top: 32px;
  text-align: center;
}
.ai-image-generation-modal .confirm-card {
  display: flex;
  gap: 12px;
  width: 100%;
  padding: 16px;
  background-color: var(--aigen-surface-cream);
  border: 1px solid var(--aigen-border);
  border-radius: var(--aigen-radius);
  text-align: left;
}
.ai-image-generation-modal .confirm-card-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background-color: var(--aigen-primary);
  font-size: 14px;
  color: var(--aigen-ink);
}
.ai-image-generation-modal .confirm-card-body {
  flex: 1 1 auto;
  min-width: 0;
}
.ai-image-generation-modal .confirm-card-name {
  margin: 0 0 4px;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: var(--aigen-ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ai-image-generation-modal .confirm-card-desc {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  color: var(--aigen-ink);
}
.ai-image-generation-modal .confirm-question {
  margin: 20px 0 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: var(--aigen-ink);
}
.ai-image-generation-modal .confirm-sub {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  color: var(--aigen-ink);
}
.ai-image-generation-modal .stage-result {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
}
.ai-image-generation-modal .result-title {
  margin: 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: var(--aigen-ink);
}
.ai-image-generation-modal .result-sub {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  color: var(--aigen-grey);
}
.ai-image-generation-modal .result-image {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: var(--aigen-radius);
  overflow: hidden;
  background-color: var(--aigen-surface-cream);
}
.ai-image-generation-modal .result-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ai-image-generation-modal .result-download {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
}
.ai-image-generation-modal .result-download .ai-ico {
  width: 14px;
  height: 14px;
}
.ai-image-generation-modal .result-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 8px;
}
.ai-image-generation-modal .result-actions-row {
  display: flex;
  gap: 12px;
}
.ai-image-generation-modal .result-actions-row .btn-primary {
  flex: 1 0 0;
  min-width: 0;
}
.ai-image-generation-modal .sticky-bar {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 72px 46px;
  background-color: var(--aigen-surface-white);
}
.ai-image-generation-modal .sticky-bar.hidden {
  display: none;
}
.ai-image-generation-modal .btn-primary,
.ai-image-generation-modal .btn-outline,
.ai-image-generation-modal .next-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 48px;
  padding: 12px 24px;
  border-radius: var(--aigen-radius);
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  overflow: hidden;
}
.ai-image-generation-modal .btn-primary .prev-icon,
.ai-image-generation-modal .btn-outline .prev-icon,
.ai-image-generation-modal .next-btn .prev-icon {
  transform: rotate(180deg);
}
.ai-image-generation-modal .btn-primary,
.ai-image-generation-modal .next-btn {
  background-color: var(--aigen-primary);
  color: var(--aigen-ink);
}
.ai-image-generation-modal .btn-primary:disabled,
.ai-image-generation-modal .next-btn:disabled {
  background-color: var(--aigen-primary-50);
  color: var(--aigen-grey);
  cursor: not-allowed;
}
.ai-image-generation-modal .btn-outline {
  background-color: var(--aigen-surface-white);
  border: 1px solid var(--aigen-border);
  color: var(--aigen-ink);
}
@media (hover: hover) and (pointer: fine) {
  .ai-image-generation-modal .btn-outline:hover {
    background-color: var(--aigen-surface-cream);
  }
}
.ai-image-generation-modal .close-btn svg-sprite,
.ai-image-generation-modal .photo-remove svg-sprite,
.ai-image-generation-modal .step .step-check,
.ai-image-generation-modal .bt-share svg-sprite,
.ai-image-generation-modal .bt-create svg-sprite,
.ai-image-generation-modal .bt-create-new svg-sprite,
.ai-image-generation-modal .bt-continue svg-sprite,
.ai-image-generation-modal .bt-stop svg-sprite {
  width: 24px;
  height: 24px;
}
.ai-image-generation-modal .status-bar.is-success .status-bar-icon svg-sprite,
.ai-image-generation-modal .status-bar.is-error .status-bar-icon svg-sprite {
  width: 16px;
  height: 16px;
}
.ai-image-generation-modal .bt-next svg-sprite,
.ai-image-generation-modal .bt-startover svg-sprite {
  width: 8px;
  height: 14px;
}
.ai-image-generation-modal .upload-btn svg-sprite {
  width: 12px;
  height: 12px;
}
.ai-image-generation-modal .result-download svg-sprite {
  width: 15px;
  height: 13px;
}
.ai-image-generation-modal .confirm-card-icon svg-sprite {
  width: 13px;
  height: 16px;
}
.ai-image-generation-modal .bt-appointment svg-sprite {
  width: 15px;
  height: 16px;
}

@media screen and (max-width: 743px) {
  .ai-image-generation-modal .modal-box {
    max-height: min(800px, 100dvh - 48px);
  }
}
@media screen and (max-width: 414px) {
  .ai-image-generation-modal .modal-head {
    padding: 46px 24px 0;
  }
  .ai-image-generation-modal .step-layout {
    padding: 32px 24px 0;
  }
  .ai-image-generation-modal .modal-stage {
    padding: 0 24px 32px;
  }
  .ai-image-generation-modal .sticky-bar {
    margin-right: 0;
    padding: 16px 24px 32px;
  }
  .ai-image-generation-modal .upload-text {
    font-size: 12px;
    line-height: 18px;
  }
  .ai-image-generation-modal .result-actions-row {
    flex-direction: column;
  }
}
@keyframes ai-image-generation-spin {
  to {
    transform: rotate(360deg);
  }
}
.ai-trigger-btn {
  --ai-trigger-radius: 18px;
  --ai-trigger-face-radius: 15px;
  position: absolute;
  left: 50%;
  bottom: 32px;
  transform: translateX(-50%);
  z-index: 5;
  isolation: isolate;
  width: 147px;
  height: 48px;
  padding: 0;
  border: none;
  border-radius: var(--ai-trigger-radius);
  background: transparent;
  cursor: pointer;
}
.ai-trigger-btn::before, .ai-trigger-btn::after {
  content: "";
  position: absolute;
  border-radius: var(--ai-trigger-radius);
  pointer-events: none;
}
.ai-trigger-btn::before {
  --ai-trigger-duty-opacity: 0.1;
  inset: -12px;
  background: conic-gradient(from var(--ai-trigger-rotation), rgba(255, 45, 85, 0.45), rgba(255, 149, 0, 0.45), rgba(255, 204, 0, 0.45), rgba(52, 199, 89, 0.45), rgba(0, 199, 190, 0.45), rgba(0, 122, 255, 0.45), rgba(88, 86, 214, 0.45), rgba(175, 82, 222, 0.45), rgba(255, 45, 85, 0.45));
  filter: blur(10px);
  opacity: 0.1;
  animation: ai-trigger-rotate-glow 9s linear infinite, ai-trigger-duty-cycle 60s linear infinite;
}
.ai-trigger-btn::after {
  --ai-trigger-duty-opacity: 0.65;
  inset: -2px;
  background: linear-gradient(90deg, rgba(80, 230, 255, 0.45), transparent 35%, transparent 65%, rgba(255, 215, 100, 0.5));
  filter: blur(7px);
  opacity: 0.65;
  z-index: 0;
  animation: ai-trigger-duty-cycle 60s linear infinite;
}
.ai-trigger-btn .ai-trigger-glass {
  position: absolute;
  inset: -3px;
  z-index: 1;
  overflow: hidden;
  border-radius: var(--ai-trigger-radius);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.08));
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.35), inset -4px -4px 8px rgba(0, 0, 0, 0.15), 0 6px 15px rgba(0, 0, 0, 0.2);
  pointer-events: none;
  animation: ai-trigger-duty-cycle 60s linear infinite;
}
.ai-trigger-btn .ai-trigger-glass::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1.5px;
  border-radius: var(--ai-trigger-radius);
  background: conic-gradient(from var(--ai-trigger-rotation), rgba(255, 45, 85, 0.35), rgba(255, 149, 0, 0.35), rgba(255, 204, 0, 0.35), rgba(52, 199, 89, 0.35), rgba(0, 199, 190, 0.35), rgba(0, 122, 255, 0.35), rgba(88, 86, 214, 0.35), rgba(175, 82, 222, 0.35), rgba(255, 45, 85, 0.35));
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  animation: ai-trigger-rotate-glow 9s linear infinite;
}
.ai-trigger-btn .ai-trigger-glass::after {
  content: "";
  position: absolute;
  top: -100%;
  left: -80%;
  width: 55%;
  height: 300%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent);
  transform: rotate(20deg);
  filter: blur(4px);
  animation: ai-trigger-ring-shimmer 6.5s ease-in-out infinite;
}
.ai-trigger-btn .ai-trigger-content {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  overflow: hidden;
  padding: 6px 16px;
  border-radius: var(--ai-trigger-face-radius);
  background: #ffffff;
  box-shadow: 0 0 16px rgba(17, 28, 28, 0.16);
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.06px;
  white-space: nowrap;
}
.ai-trigger-btn .txt {
  position: relative;
  padding-right: 14px;
}
.ai-trigger-btn .txt-prefix {
  color: #7b7b7b;
}
.ai-trigger-btn .txt-accent {
  color: #111c1c;
}
.ai-trigger-btn .ai-trigger-icon {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  object-fit: contain;
  color: #111c1c;
  transition: color 0.25s ease;
}
.ai-trigger-btn:hover .ai-trigger-icon {
  color: #e4b760;
}
.ai-trigger-btn:active .ai-trigger-content {
  transform: translateY(1px) scale(0.985);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.08), inset 0 -1px 2px rgba(255, 255, 255, 0.8), 0 1px 4px rgba(0, 0, 0, 0.12);
}
.ai-trigger-btn.is-paused::before, .ai-trigger-btn.is-paused::after,
.ai-trigger-btn.is-paused .ai-trigger-glass,
.ai-trigger-btn.is-paused .ai-trigger-glass::before,
.ai-trigger-btn.is-paused .ai-trigger-glass::after, .ai-trigger-btn[disabled]::before, .ai-trigger-btn[disabled]::after,
.ai-trigger-btn[disabled] .ai-trigger-glass,
.ai-trigger-btn[disabled] .ai-trigger-glass::before,
.ai-trigger-btn[disabled] .ai-trigger-glass::after {
  animation-play-state: paused;
}
.ai-trigger-btn[disabled] {
  cursor: default;
  opacity: 0.45;
}

@media screen and (max-width: 743px) {
  .ai-trigger-btn {
    --ai-trigger-radius: 10px;
    --ai-trigger-face-radius: 6px;
    left: auto;
    right: 16px;
    bottom: 16px;
    transform: none;
    width: 40px;
    height: 40px;
  }
  .ai-trigger-btn .ai-trigger-glass {
    inset: -4px;
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
  }
  .ai-trigger-btn .ai-trigger-glass::before {
    padding: 1.7px;
  }
  .ai-trigger-btn .ai-trigger-content {
    padding: 4px;
    box-shadow: 0 3px 6px 0 rgba(17, 28, 28, 0.03), 0 11px 11px 0 rgba(17, 28, 28, 0.03), 0 24px 15px 0 rgba(17, 28, 28, 0.02);
  }
  .ai-trigger-btn .txt {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ai-trigger-btn::before, .ai-trigger-btn::after,
  .ai-trigger-btn .ai-trigger-glass,
  .ai-trigger-btn .ai-trigger-glass::before,
  .ai-trigger-btn .ai-trigger-glass::after {
    animation: none;
  }
}
.button-component .btn-track {
  position: relative;
  min-height: 48px;
}
.button-component.align-left .btn {
  left: 0;
}
.button-component.align-center-left .btn {
  left: 25%;
  transform: translateX(-50%);
}
.button-component.align-center .btn {
  left: 50%;
  transform: translateX(-50%);
}
.button-component.align-center-right .btn {
  left: 75%;
  transform: translateX(-50%);
}
.button-component.align-right .btn {
  right: 0;
}
.button-component .btn {
  position: absolute;
  top: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 13px 24px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
  white-space: nowrap;
  color: #111c1c;
  border: 1px solid transparent;
  border-radius: 15px;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button-component .btn.yellow {
  color: #ffffff;
  background-color: #c4a052;
}
@media (hover: hover) and (pointer: fine) {
  .button-component .btn.yellow:hover {
    background-color: #b0904a;
  }
}
.button-component .btn.yellow.disabled {
  color: #ffffff;
  background-color: #e1cfa8;
}
.button-component .btn.white {
  background-color: #ffffff;
  border-color: #4c5555;
}
@media (hover: hover) and (pointer: fine) {
  .button-component .btn.white:hover {
    filter: brightness(95%);
  }
}
.button-component .btn.white.disabled {
  border-color: #aeb2b2;
}
.button-component .btn.grey {
  background-color: #eee9df;
}
@media (hover: hover) and (pointer: fine) {
  .button-component .btn.grey:hover {
    background-color: #d6d2c9;
  }
}
.button-component .btn.grey.disabled {
  background-color: #f7f4ef;
}
.button-component .btn.transparent {
  background-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
  .button-component .btn.transparent:hover {
    color: #c4a052;
  }
}
.button-component .btn.disabled {
  color: #aeb2b2;
  pointer-events: none;
  cursor: default;
}

.title-component {
  padding-top: 0;
  padding-bottom: 0;
}
.title-component .heading {
  margin: 0;
  font-weight: 600 !important;
}
.title-component .heading b, .title-component .heading strong {
  font-weight: 700;
}
.title-component.graphik .heading {
  font-family: "Graphik", sans-serif;
}
.title-component.sora .heading {
  font-family: "Sora", sans-serif;
}
.title-component.left {
  text-align: left;
}
.title-component.center {
  text-align: center;
}
.title-component.right {
  text-align: right;
}

.media-component .media-set {
  display: none;
}
.media-component .media-desktop {
  display: block;
}

.media-set {
  --media-gap: 24px;
}
.media-set .media-grid {
  display: flex;
  gap: var(--media-gap);
  width: 100%;
}
.media-set .item {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
}
.media-set .item .img,
.media-set .item .video-control {
  position: relative;
  width: 100%;
  height: 100%;
}
.media-set .item img,
.media-set .item picture,
.media-set .item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.media-set .item .video-control {
  overflow: hidden;
}
.media-set .item .video-control picture,
.media-set .item .video-control video {
  position: absolute;
  inset: 0;
}
.media-set .item .video-control .icon-muted,
.media-set .item .video-control .icon-unmuted {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 1;
  cursor: pointer;
}
.media-set .item .video-control .icon-muted svg,
.media-set .item .video-control .icon-unmuted svg {
  color: #fff;
  width: 24px;
  height: 20px;
}
.media-set .item .video-control .icon-muted {
  display: none;
}
.media-set .item .video-control.muted .icon-muted {
  display: block;
}
.media-set .item .video-control.muted .icon-unmuted {
  display: none;
}
.media-set.media-count-1 .media-grid {
  display: block;
}
.media-set.media-count-1 .item {
  width: 100%;
}
.media-set.media-count-1.aspect-21-9 .item .img, .media-set.media-count-1.aspect-21-9 .item .video-control {
  aspect-ratio: 21/9;
}
.media-set.media-count-1.aspect-1-1 .item {
  width: 600px;
  max-width: 100%;
  margin-inline: auto;
}
.media-set.media-count-1.aspect-1-1 .item .img,
.media-set.media-count-1.aspect-1-1 .item .video-control {
  aspect-ratio: 1/1;
}
.media-set.media-count-2 {
  --media-gap: 24px;
}
.media-set.media-count-2 .item .img,
.media-set.media-count-2 .item .video-control {
  aspect-ratio: 4/3;
}
.media-set.media-count-3 .media-grid {
  display: grid;
}
.media-set.media-count-3 .item {
  height: 100%;
  --media-item-aspect: 61 / 96;
}
.media-set.media-count-3 .item .img,
.media-set.media-count-3 .item .video-control {
  height: auto;
  aspect-ratio: var(--media-item-aspect);
}
.media-set.media-count-3.pos-left .item:nth-child(1), .media-set.media-count-3.pos-center .item:nth-child(2), .media-set.media-count-3.pos-right .item:nth-child(3) {
  --media-item-aspect: 8 / 5;
}
.media-set.media-count-3.pos-left .media-grid {
  grid-template-columns: 767fr 304fr 304fr;
}
.media-set.media-count-3.pos-center .media-grid {
  grid-template-columns: 304fr 767fr 304fr;
}
.media-set.media-count-3.pos-right .media-grid {
  grid-template-columns: 304fr 304fr 767fr;
}
.media-set.media-count-4 .item .img,
.media-set.media-count-4 .item .video-control {
  aspect-ratio: 1/1;
}

@media screen and (max-width: 1200px) {
  .media-component.has-tablet .media-desktop {
    display: none;
  }
  .media-component.has-tablet .media-tablet {
    display: block;
  }
  .media-set.media-count-1.aspect-21-9 .item .img, .media-set.media-count-1.aspect-21-9 .item .video-control {
    aspect-ratio: 7/5;
  }
  .media-set.media-count-2 .media-grid {
    flex-direction: column;
  }
  .media-set.media-count-3 .media-grid {
    grid-template-rows: auto auto;
  }
  .media-set.media-count-3 .item {
    height: auto;
  }
  .media-set.media-count-3.pos-left .media-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "large large" "small-a small-b";
  }
  .media-set.media-count-3.pos-left .item:nth-child(1) {
    grid-area: large;
  }
  .media-set.media-count-3.pos-left .item:nth-child(2) {
    grid-area: small-a;
  }
  .media-set.media-count-3.pos-left .item:nth-child(3) {
    grid-area: small-b;
  }
  .media-set.media-count-3.pos-center .media-grid, .media-set.media-count-3.pos-right .media-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "small-a small-b" "large large";
  }
  .media-set.media-count-3.pos-center .item:nth-child(1) {
    grid-area: small-a;
  }
  .media-set.media-count-3.pos-center .item:nth-child(2) {
    grid-area: large;
  }
  .media-set.media-count-3.pos-center .item:nth-child(3) {
    grid-area: small-b;
  }
  .media-set.media-count-3.pos-right .item:nth-child(1) {
    grid-area: small-a;
  }
  .media-set.media-count-3.pos-right .item:nth-child(2) {
    grid-area: small-b;
  }
  .media-set.media-count-3.pos-right .item:nth-child(3) {
    grid-area: large;
  }
  .media-set.media-count-4 .media-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--media-gap);
  }
}
@media screen and (max-width: 743px) {
  .media-component.has-mobile .media-desktop,
  .media-component.has-mobile .media-tablet {
    display: none;
  }
  .media-component.has-mobile .media-mobile {
    display: block;
  }
  .media-set {
    --media-gap: 16px;
  }
  .media-set.media-count-1.aspect-21-9 .item .img, .media-set.media-count-1.aspect-21-9 .item .video-control {
    aspect-ratio: 4/5;
  }
  .media-set.media-count-1.aspect-1-1 .item {
    width: 100%;
  }
  .media-set.media-count-4 .media-grid {
    grid-template-columns: 1fr;
  }
}
.page-components-spacing {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.page-components-spacing .component-section {
  margin-bottom: 0;
}

@media screen and (max-width: 834px) {
  .page-components-spacing {
    gap: 24px;
  }
}
@media screen and (max-width: 414px) {
  .page-components-spacing {
    gap: 16px;
  }
}