:root {
  --marevo-config-color-main: #9F8869;
  --marevo-config-color-main-dark: #8B7E6D;
  --marevo-config-color-black-gray: #333;
  --marevo-config-color-gray-light: #C3C3C3;
  --marevo-config-color-white: #FFF;
  --marevo-config-viewer-loader-color: #FFFFFF;
  --marevo-config-product-type-3dmodel-summary-color: #CDCDCD;
  --marevo-config-product-type-3dmodel-button-color: #bbab92;
  --marevo-config-product-type-3dmodel-custom-input-color: #060A0D;
  --marevo-config-product-type-3dmodel-info-color: #F6F6F6;
  --marevo-config-ar-order-agreement-color: #b4b5bb;
  --marevo-config-option-description-color: linear-gradient(to top, rgba(0, 0, 0, .6), rgba(0, 0, 0, .8));

  --marevo-config-img-loader: url("https://s3.eu-central-1.amazonaws.com/marevo.vision/RelevantProjects/webAR/model-viewer-src/Keramische-logo.gif");
  --marevo-config-img-question-black: url("https://s3.eu-central-1.amazonaws.com/marevo.vision/Web/admin_configurator_base/keramische_tafels/img/question-black.svg");
  --marevo-config-img-question-green: url("https://s3.eu-central-1.amazonaws.com/marevo.vision/Web/admin_configurator_base/keramische_tafels/img/question-green.svg");
  --marevo-config-img-lock-svg: url("https://s3.eu-central-1.amazonaws.com/marevo.vision/Web/admin_configurator_base/keramische_tafels/img/lock.svg");
  --marevo-config-img-accept: url("https://s3.eu-central-1.amazonaws.com/marevo.vision/Web/admin_configurator_base/keramische_tafels/img/accept.svg");
  --marevo-config-img-arrow-down: url("https://s3.eu-central-1.amazonaws.com/marevo.vision/Web/admin_configurator_base/keramische_tafels/img/arrow-down.png");
  --marevo-config-img-arrow-right: url("https://s3.eu-central-1.amazonaws.com/marevo.vision/Web/admin_configurator_base/keramische_tafels/img/arrow-right.svg");
  --marevo-config-img-arrow-up: url("https://s3.eu-central-1.amazonaws.com/marevo.vision/Web/admin_configurator_base/keramische_tafels/img/arrow-up.png");
  --marevo-config-img-checkbox-checked: url("https://s3.eu-central-1.amazonaws.com/marevo.vision/Web/admin_configurator_base/keramische_tafels/img/checkbox-checked.png");
  --marevo-config-img-checkbox-checked-svg: url("https://s3.eu-central-1.amazonaws.com/marevo.vision/Web/admin_configurator_base/keramische_tafels/img/checkbox-checked.svg");
  --marevo-config-img-checkbox-disabled: url("https://s3.eu-central-1.amazonaws.com/marevo.vision/Web/admin_configurator_base/keramische_tafels/img/checkbox-disabled.png");
  --marevo-config-img-checkbox-disabled-svg: url("https://s3.eu-central-1.amazonaws.com/marevo.vision/Web/admin_configurator_base/keramische_tafels/img/checkbox-disabled.svg");
  --marevo-config-img-checkbox-unchecked: url("https://s3.eu-central-1.amazonaws.com/marevo.vision/Web/admin_configurator_base/keramische_tafels/img/checkbox-unchecked.png");
  --marevo-config-img-checkbox-unchecked-svg: url("https://s3.eu-central-1.amazonaws.com/marevo.vision/Web/admin_configurator_base/keramische_tafels/img/checkbox-unchecked.svg");
  --marevo-config-img-cross: url("https://s3.eu-central-1.amazonaws.com/marevo.vision/Web/admin_configurator_base/keramische_tafels/img/cross.svg");
  --marevo-config-img-cube: url("https://s3.eu-central-1.amazonaws.com/marevo.vision/Web/admin_configurator_base/keramische_tafels/img/cube.svg");
  --marevo-config-img-left-click: url("https://s3.eu-central-1.amazonaws.com/marevo.vision/Web/admin_configurator_base/keramische_tafels/img/left-click.svg");
  --marevo-config-img-lock-small: url("https://s3.eu-central-1.amazonaws.com/marevo.vision/Web/admin_configurator_base/keramische_tafels/img/lock-small.svg");
  --marevo-config-img-scroll: url("https://s3.eu-central-1.amazonaws.com/marevo.vision/Web/admin_configurator_base/keramische_tafels/img/scroll.svg");
  --marevo-config-img-share: url("https://s3.eu-central-1.amazonaws.com/marevo.vision/Web/admin_configurator_base/keramische_tafels/img/share.svg");
  --marevo-config-img-share2: url("https://s3.eu-central-1.amazonaws.com/marevo.vision/Web/admin_configurator_base/keramische_tafels/img/share2.svg");
  --marevo-config-img-tooltip_triangle: url("https://s3.eu-central-1.amazonaws.com/marevo.vision/Web/admin_configurator_base/keramische_tafels/img/tooltip_triangle.png");
}

.product-type-3dmodel > .row:nth-child(2) {
  display: none;
}

.viewer-loader img{
  display: none;
}

.viewer-loader-img {
  content: var(--marevo-config-img-loader);
  width: 100%;
  height: 100%;
}

.viewer-loader::before {
  content: "Nog heel even geduld. We zijn jouw toekomstige keramischetafel aan het laden…";
  width: 300px;
  position: absolute;
  text-align: center;
  font-size: 14px;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
}

.viewer-loader {
  z-index: 2;
}

/* ---------------------------------- */

.section-page-header {
  /* display: none; */
}

.product-type-3dmodel .entry-title {
  display: none;
}

.product-type-3dmodel .single-price-wrapper p:last-child {
  display: none;
}

.product-type-3dmodel .product-nextprev {
  display: none;
}

.product-type-3dmodel .product_meta {
  display: none;
}

.product-type-3dmodel .clearfix {
  height: 0;
}
/* ---------------------------------- */

.product--summary .single-price-wrapper .price.to-hide:first-child:not(:last-child) {
  display: none !important;
}

.product-type-3dmodel .price.custom {
  display: inline-block !important;
  margin-top: 8px;
  margin-bottom: 0 !important;
}

/* ===============  .ar_conf_container  ================= */

.product-type-3dmodel .la-single-product-page{
  display: flex;
  width: calc(100vw - 18px);
  position: relative;
  left: calc((600px - 50vw) + 8px);

  /* border: 1px solid red; */
}

.ar_conf_container {
  height: 100%;
}

/* =================  .ar_model_viewer  ================= */

.product-type-3dmodel .product-main-image {
  margin-bottom: 0 !important;
  padding-right: 0 !important;
  display: block;
  position: relative;
  height: calc(100vh - 210px);
  width: calc(100vw - 540px - 24px) !important;
  left: 0px;
  padding: 0 !important;
}

.product-type-3dmodel .p---large {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 !important;
}

.ar_model_viewer {
  display: block;
  width: calc(100% + 40px);
  height: 100%;

  /* border: 1px solid blue; */
}

.ar_model_viewer canvas {
  display: block;
  width: 100%;
  height: 100%;
}

/* .ar_model_viewer.wide { */
  /* width: calc(100vw - 25px); */
  /* width: 100%; */
/* } */

.product-type-3dmodel .product-main-image.wide {
  /* width: calc(100vw - 25px); */
  width: 100% !important;
  min-width: 100% !important;
}

/* ==============  .summary.entry-summary  =============== */

.product-type-3dmodel .product--summary {
  box-sizing: border-box;
  /* height: calc(100vh - 200px); */
  height: auto;
  padding: 0 40px 0 60px !important;
  overflow-x: hidden;
  flex-wrap: nowrap !important;
  position: relative;
  overflow-y: auto;
  right: 0;
  max-width: min(575px, 100vw);
  min-width: min(575px, 100vw);
  margin-bottom: 0;
  
  /* transition: .5s ease; */
}

.product-type-3dmodel .la-custom-pright {
  display: block;
  width: 100%;
  height: 100%;
}

.product-type-3dmodel .summary.entry-summary {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 0;
}

.product-type-3dmodel .product--summary.twisted {
  width: 0 !important;
  padding: 0 !important;
  height: 0;
}

.product-type-3dmodel .product--summary::-webkit-scrollbar {
  display: none; /* for WebKit browsers (Chrome, Safari, Opera) */
}

/* ********************************************************* */
/* *******************  INSIDE MENU  *********************** */
/* ********************************************************* */
.ar_filter *{
  box-sizing: border-box;
}

.ar_filter {
  position: relative;
}

.ar_filter .ar_filter_group {
  padding-top: 16px;
  border-top: 1px solid #E2E2E2;
}

.ar_filter .ar_filter_group .ar_filter_header {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 16px;
  cursor: pointer;
}

.ar_filter .ar_filter_group .ar_filter_number {
  color: #FFF;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 11px;
  background: #1D1D1D;
  padding: 4px 8px;
}

.ar_filter .ar_filter_group .ar_filter_caption {
  color: var(--colors-black, #333);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: 100%;
}

.ar_filter .ar_filter_group .ar_filter_group_toggle {
  content: var(--marevo-config-img-arrow-up, url("../img/icons/arrow-up.png"));
  transform: rotateX(0);
  transition: .5s ease;
}

.ar_filter .ar_filter_group .ar_filter_group_toggle.twisted {
  transform: rotateX(-180deg);
}

.ar_filter .ar_filter_group .ar_filter_options.closed {
  display: none !important;
}

.ar_filter .ar_filter_group .ar_filter_options_result {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}

.ar_filter .ar_filter_group .ar_filter_options_result_caption {
  color: var(--dark-gray, #5D5D5D);
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: lowercase;
  margin-bottom: 2px;
}

.ar_filter .ar_filter_group .ar_filter_options_result_caption::first-letter {
  text-transform: uppercase;
}

.ar_filter .ar_filter_group .ar_filter_options_result_item {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 16px;
  margin-bottom: 8px;
  background: #F2F2F2;
}

.ar_filter .ar_filter_group .ar_filter_options_result_item:last-child {
  margin-bottom: 16px;
}

.ar_filter .ar_filter_group .ar_filter_options_result_name {
  color: var(--colors-black, #333);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: 100%;
}

.ar_filter .ar_filter_group .ar_filter_options_result_price {
  color: #1D1D1D;
  text-align: right;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: 150px;
}

.ar_filter .ar_filter_group .ar_filter_description {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 20px;

  color: var(--dark-gray, #5D5D5D);
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.ar_filter .ar_filter_group .ar_filter_options.type_select {
  display: flex;
  flex-wrap: wrap;
  row-gap: 6px;
  column-gap: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.ar_filter .ar_filter_group .ar_filter_options.type_select .option {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  width: 78px;
  cursor: pointer;
}

.ar_filter .ar_filter_group .ar_filter_options.type_select .option .image {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  border: 1px solid var(--gray, #CECECE);
  margin-top: 9px;
  margin-bottom: 9px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ar_filter .ar_filter_group .ar_filter_options.type_select .option .image img{
  width: 58px;
  height: 58px;
  border-radius: 7px;
}

.ar_filter .ar_filter_group .ar_filter_options.type_select .option .component_title {
  color: var(--black, #000);
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.ar_filter .ar_filter_group .ar_filter_options.type_select .option.hide_title .component_title {
  display: none;
}

.ar_filter .option {
  position: relative;
}

.ar_filter .ar_filter_options.type_select .option.disabled .ar_option_description_tooltip {
  pointer-events: all;
  cursor: pointer;
}

.ar_filter .ar_option_description_tooltip {
  content: var(--marevo-config-img-question-black, url("../img/icons/question-black.svg"));
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: pointer;
  z-index: 1;
}

.ar_filter .option.active .ar_option_description_tooltip {
  content: var(--marevo-config-img-question-green, url("../img/icons/question-green.svg"));
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: pointer;
  z-index: 1;
}

.ar_option_description {
  display: block;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: -16px;
  transform: translate(-50%, -100%);
  width: 195px;
  padding: 16px;
  background-color: #F8F8F8;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.17));
  color: #454545;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  transition: opacity 0.3s ease;
  z-index: -9999;
}

.ar_filter .ar_option_description::after {
  content: var(--marevo-config-img-tooltip_triangle, url("../img/icons/tooltip_triangle.png"));
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -15px;
  margin: 0 auto;
}

.ar_filter .ar_option_description_tooltip:hover + .ar_option_description {
  opacity: 1;
  z-index: 9999;
}

.ar_filter .ar_filter_group .ar_filter_options.type_select .option:hover .image {
  border: 1px solid var(--black, #000);
}

.ar_filter .ar_filter_group .ar_filter_options.type_select .option.active .image {
  border: 1px solid var(--green, #336D3F);
}

.ar_filter .ar_filter_group .ar_filter_options.type_select .option.disabled .component_title {
  color: var(--gray, #CECECE);
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  cursor: auto;
  pointer-events: none;
}

.ar_filter .ar_filter_group .ar_filter_options.type_select .option.active .image::before {
  content: var(--marevo-config-img-accept, url("../img/icons/accept.svg"));
  position: absolute;
  top: -17px;
  right: -12px;
}

.ar_filter .ar_filter_group.disabled{
  display: none;
}

.ar_filter .option.disabled{
  pointer-events: none;
}

.ar_filter .ar_filter_group .ar_filter_options.type_select .option.disabled .image {
  position: relative;
  pointer-events: none;
}

.ar_filter .ar_filter_group .ar_filter_options.type_select .option.disabled .image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.75);
  pointer-events: none;
}

.ar_filter .ar_filter_group .ar_filter_options.type_select .option.disabled .image::before {
  content: var(--marevo-config-img-lock-svg, url("../img/icons/lock.svg"));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 0;
  pointer-events: none;
}

.ar_filter .ar_filter_group .ar_filter_options.type_select_no_photo {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px !important;
  column-gap: 10px !important;
  margin-top: 20px;
  margin-bottom: 20px;
}

.ar_filter .ar_filter_group .ar_filter_options.type_select_no_photo .option {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 100px !important;
}

.ar_filter .ar_filter_group .ar_filter_options.type_select_no_photo .option:hover .component_title {
  border: 1px solid var(--black, #000);
}

.ar_filter .ar_filter_group .ar_filter_options.type_select_no_photo .option .component_title {
  display: flex;
  padding: 6px 14px;
  justify-content: center;
  align-items: center;
  border-radius: 21px;
  border: 1px solid var(--gray, #CECECE);

  color: var(--black, #000);
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  width: 100% !important
}

.ar_filter .ar_filter_group .ar_filter_options.type_select_no_photo .option.active .component_title {
  border: 1px solid var(--green, #336D3F);
  color: var(--green, #336D3F);
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.ar_filter .ar_filter_group .ar_filter_options.type_select_no_photo .option.active .component_title::before {
  content: var(--marevo-config-img-accept, url("../img/icons/accept.svg"));
  position: absolute;
  top: -16px;
  right: inherit !important;
  left: -12px !important;
}

.ar_filter .ar_filter_group .ar_filter_options.type_select_no_photo .option.disabled .component_title {
  position: relative;
  border: 1px solid var(--gray, #CECECE);

  color: var(--gray, #CECECE);
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  pointer-events: none;
}

.ar_filter .ar_filter_group .ar_filter_options.type_select_no_photo .option.disabled .component_title::before {
  content: var(--marevo-config-img-lock-small, url("../img/icons/lock-small.svg"));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0;
  pointer-events: none;
}

.ar_filter .ar_filter_group .ar_filter_options.type_select_no_photo .option.disabled {
  cursor: auto;
  pointer-events: none;
}

.ar_filter .ar_filter_group .ar_filter_options.type_select_no_photo .option .image {
  display: none;
}

.ar_filter .ar_filter_group .ar_filter_options.type_dropdown .option {
  display: none;
}

.ar_filter .ar_filter_group .ar_filter_options .option.disabled * {
  cursor: auto;
  pointer-events: none;
}

.ar_filter .ar_filter_group .ar_filter_options .option.hidden {
  display: none;
}

.ar_filter .ar_filter_group select {
  height: 52px;
  width: 100%;
  font-weight: bold;
  border-color: #a3a3a3;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  padding: 12px 20px;
  margin: 5px 0 20px 0;
}

.ar_filter .ar_filter_group .ar_filter_options.type_checkbox {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  margin-top: 16px;
  margin-bottom: 32px;
}

.ar_filter .ar_filter_group .ar_filter_options.type_checkbox .option {
  display: flex;
  cursor: pointer;
  margin-top: 16px;
}

.ar_filter .ar_filter_group .ar_filter_options.type_checkbox .option .image {
  width: 16px;
  height: 16px;
  margin-right: 12px;
  background: var(--marevo-config-img-checkbox-unchecked-svg, url("../img/icons/checkbox-unchecked.svg")) no-repeat center / contain;
}

.ar_filter .ar_filter_group .ar_filter_options.type_checkbox .option.active .image {
  background: var(--marevo-config-img-checkbox-checked-svg, url("../img/icons/checkbox-checked.svg")) no-repeat center / contain;
}

.ar_filter .ar_filter_group .ar_filter_options.type_checkbox .option.disabled .image {
  background: var(--marevo-config-img-checkbox-disabled-svg, url("../img/icons/checkbox-disabled.svg")) no-repeat center / contain;
  pointer-events: none;
}

.ar_filter .ar_filter_group .ar_filter_options.type_checkbox .option.disabled {
  cursor: auto;
  pointer-events: none;
}

.ar_filter .ar_filter_group .ar_filter_options.type_checkbox .option .component_title {
  color: var(--colors-black, #333);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.ar_filter .ar_filter_group .ar_filter_options.type_checkbox .option.active .component_title {
  color: #336D3F;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.ar_filter .ar_filter_group .ar_filter_options.type_checkbox .option.disabled .component_title {
  color: #C3C3C3;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  pointer-events: none;
}

.ar_filter .ar_filter_group .ar_filter_inputs.type_range {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 44px;
  margin-bottom: 52px;
}

.ar_filter .ar_filter_group .ar_filter_inputs.type_range input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  width: 375px;
  height: 2px;
  background-color: #C3C3C3;
  border-radius: 2px;
  outline: none;
}

.ar_filter .ar_filter_group .ar_filter_inputs.type_range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #9F8869;
  border: 4px solid #FFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
  /* cursor: pointer; */
  cursor: ew-resize;
}

.ar_filter .ar_filter_group .ar_filter_inputs.type_range input[type="range"]::-moz-range-thumb {
  -moz-appearance: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #9F8869;
  border: 4px solid #FFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
  /* cursor: pointer; */
  cursor: ew-resize;
}

.ar_filter .ar_filter_group .ar_filter_inputs.type_range .option {
  display: none;
}

/* ************************ */

.hidden_option {display: none;}

.ar_summary {
  display: none;
}

.ar_summary .ar_summary_caption {
  color: var(--colors-main, #9F8869);
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: 100%;
  margin-bottom: 32px;
}

.ar_summary .ar_summary_list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-bottom: 1px solid #CDCDCD;
  padding-bottom: 16px;
  margin-bottom: 28px;
}

.ar_summary .ar_summary_list .ar_summary_list_item {
  display: flex;
  flex-direction: column;
}

.ar_summary .ar_summary_list .ar_summary_list_item .ar_summary_list_group {
  color: #C3C3C3;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.ar_summary .ar_summary_list .ar_summary_list_item .ar_summary_list_components {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ar_summary .ar_summary_list .ar_summary_list_item .ar_summary_list_components .ar_summary_list_components_component {
  display: flex;
  justify-content: space-between;
}

.ar_summary .ar_summary_list .ar_summary_list_item .ar_summary_list_components .ar_summary_list_components_component .ar_summary_list_components_component_title {
  color: var(--colors-black, #333);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.ar_summary .ar_summary_list .ar_summary_list_item .ar_summary_list_components .ar_summary_list_components_component .ar_summary_list_components_component_price {
  color: var(--colors-black, #333);
  text-align: right;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.ar_summary {
  position: relative;
  display: none !important;
}
/* ********************************************************************* */
/* ********************************************************************* */
/* ********************************************************************* */



/* ******************************************************* */
.product-type-3dmodel .single-price-wrapper {
  margin-top: 0 !important;
  margin-bottom: 40px !important;
  color: var(--colors-black, #333);
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 149.988%;
}

.product-type-3dmodel .entry-title-custom {
  color: var(--colors-black, #333);
  font-family: 'Inter', sans-serif;
  margin: 0 !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  font-style: normal;
  line-height: 140%;
}

.product-type-3dmodel .delivery-time {
  margin-top: 0;
}

.product-type-3dmodel .product-note {
  margin-top: 0;
}
/* ******************************************************* */

.ar_result_container {
  display: flex;
  position: relative;
  flex-direction: column;
  height: 130px;
  width: 430px !important;
  bottom: 0;
  z-index: 1;
  background: #FFF;
}

.ar_result_container #ar-currency {
  display: none;
}

.ar_result_container::before {
  content: '';
  position: absolute;
  width: 15px;
  height: 130px;
  left: -14px;
  background: #FFF;
}

.ar_price {
  color: #000;
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  padding: 10px 0 6px 16px;
}

.ar_price span:first-child {
  display: none;
}
/* 
.ar_price .ar_price_amount::before {
  content: '\20AC';
  margin-right: 3px;
} */

#ar-currency_code {
  display: none;
}

#ar-locale {
  display: none;
}

.ar_price .currency_symbol {
  display: none;
}

.product-type-3dmodel .cart {
  margin-top: 0 !important;
}

.product-type-3dmodel .cart .quantity {
  margin: 0 16px;
  color: var(--black, #000);
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.product-type-3dmodel .cart .quantity .qty {
  height: 60px !important;
  width: 110px !important;
  border: 1px solid var(--gray, #CECECE);
  border-radius: 10px;
}

.product-type-3dmodel .cart .quantity .qty-minus {
  top: 0;
  display: flex;
  height: 60px;
  width: 30px;
  align-items: center;
  justify-content: end;
  margin-left: 10px;
  color: var(--gray, #CECECE);
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.product-type-3dmodel .cart .quantity .qty-plus {
  top: 0;
  display: flex;
  height: 60px;
  width: 30px;
  align-items: center;
  justify-content: start;
  margin-right: 10px;
  color: var(--gray, #CECECE);
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.product-type-3dmodel .cart .button {
  width: 230px;
  height: 60px;
  color: var(--wite, #FFF);
  font-family: 'Inter', sans-serif;
  font-size: 20px !important;
  font-weight: 400 !important;
  padding: 0 !important;
  font-style: normal;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: var(--green, #336D3F);
}

/* ********************************************************* */
/* ******************  POP-UP STYLES  ********************** */
/* ********************************************************* */

.product-type-3dmodel .tbl-container {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.product-type-3dmodel .tbl-container * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.product-type-3dmodel .tbl-window {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ********************************************************* */
/* ******************  Canvas Buttons  ********************* */
/* ********************************************************* */
.product-type-3dmodel .tbl-window-btn.tbl-instr-container {
  display: flex;
  align-items: center;
  text-decoration: none;
  left: 30px;
  margin-bottom: 10px;
  
  display: none;
}

.product-type-3dmodel .tbl-instr-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60px;
}

.product-type-3dmodel .tbl-instr-icon img {
  width: 40px;
  height: 40px;
}

/* the button CONTROLS is removed here*/
.product-type-3dmodel .tbl-window-btn.tbl-instr-container > .tbl-instr-icon:nth-child(1) {
  display: none;
}

.product-type-3dmodel .tbl-window-instr-text {
  color: #989898;
  text-align: center;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.product-type-3dmodel .tbl-window-btn {
  position: absolute;
  bottom: 24px;
  display: flex;
  z-index: 1;
}

.product-type-3dmodel .tbl-window-btn-item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  width: 76px;
  height: 75px;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid var(--gray, #CECECE);
}

.product-type-3dmodel .tbl-window-btn-item:hover {
  border: 1px solid var(--black, #000);
}

.product-type-3dmodel .tbl-window-btn-icon {
  width: 40px;
  height: 40px;
}

.product-type-3dmodel .tbl-window-btn-icon img {
  width: 100%;
  height: 100%;
}

.product-type-3dmodel .tbl-window-btn-icon.tbl-window-btn-icon-ar img {
  content: var(--marevo-config-img-cube, url("../img/icons/cube.svg"));
}

#button_share_url .tbl-window-btn-icon img {
  content: var(--marevo-config-img-share, url("../img/icons/share.svg"));
}

.product-type-3dmodel .tbl-window-btn-text {
  color: var(--dark-gray, #5D5D5D);
  text-align: center;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.product-type-3dmodel .tbl-window-btn-ar {
  right: 152px;
}

.product-type-3dmodel .tbl-window-btn-share {
  right: 64px;
}

.product-type-3dmodel .tbl-window-invible-block {
  display: none;
}

.product-type-3dmodel .tbl-hider-container {
  display: flex;
  justify-content: center;
  align-items: center;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  padding-bottom: 2px;
  border-radius: 4px;
  border: 1px solid var(--gray, #CECECE);
  cursor: pointer;
}

.product-type-3dmodel .tbl-hider-container:hover {
  border: 1px solid var(--black, #000);
}

.product-type-3dmodel .tbl-hider-icon img {
  width: 100%;
  height: 100%;
  content: var(--marevo-config-img-arrow-right, url("../img/icons/arrow-right.svg"));
}

.product-type-3dmodel .tbl-hider-icon {
  transform: rotateY(0);
  transition: .5s ease;
}

.product-type-3dmodel .tbl-hider-icon.twisted {
  transform: rotateY(-180deg);
}
/* ================================================== */

.product-type-3dmodel .tbl-info {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 20;
  background-color: rgba(0,0,0,.5);
}

.product-type-3dmodel .tbl-info.active {
  display: flex;
}

.product-type-3dmodel .tbl-info * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.product-type-3dmodel .tbl-info-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding: 44px 44px 64px;
  background-color: #fff;
  z-index: 2;
  max-width: 600px;
}

.product-type-3dmodel .tbl-info-item {
  display: none;
  width: 100%;
}

.product-type-3dmodel .tbl-info-item.active {
  display: flex;
}

.product-type-3dmodel .tbl-info-sharing {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.product-type-3dmodel .tbl-info-sharing-title {
  display: flex;
  align-items: center;
  text-align: center;
  margin-bottom: 60px;
  color: var(--black, #000);
  font-family: 'Inter', sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.product-type-3dmodel .tbl-info-sharing-window {
  display: flex;
  width: 100%;
  margin-bottom: 16px;
}

.product-type-3dmodel .tbl-info-sharing-window input {
  outline: none;
  width: 100%;
  height: 62px;
  padding: 20px;
  border: 1px solid var(--gray, #CECECE);
  color: var(--dark-gray, #5D5D5D);
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.product-type-3dmodel .tbl-info-sharing-ico {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;

  width: 60px;
  height: 62px;
  padding: 18px;
  justify-content: center;
  align-items: center;
  background: var(--black, #000);
}

.product-type-3dmodel .tbl-info-sharing-ico img {
  content: var(--marevo-config-img-share2, url("../img/icons/share2.svg"));
}

.product-type-3dmodel .tbl-info-sharing-text {
  color: var(--black, #000);
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.product-type-3dmodel .tbl-qr {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.product-type-3dmodel .tbl-qr-title {
  margin-bottom: 16px;
  text-align: center;
  width: 100%;

  color: var(--black, #000);
  font-family: 'Inter', sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.product-type-3dmodel .tbl-qr-img {
  width: 216px;
  height: 216px;
  padding: 16px;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 16px;
}

.product-type-3dmodel .tbl-qr-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.product-type-3dmodel .tbl-qr-text1 {
  color: var(--black, #000);
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  margin-bottom: 60px;
}

.product-type-3dmodel .tbl-qr-text2 {
  color: var(--black, #000);
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}

.product-type-3dmodel .tbl-info-close {
  position: absolute;
  width: 44px;
  height: 44px;
  right: -60px;
  top: -60px;
  cursor: pointer;
}

.product-type-3dmodel .tbl-info-close img{
  width: 100%;
  height: 100%;
  content: var(--marevo-config-img-cross, url("../img/icons/cross.svg"));
}

.product-type-3dmodel .tbl-info-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* ************************************************************************** */
/* *************************   MOBILE STYLES   ****************************** */
/* ************************************************************************** */

@media only screen and (max-width: 1216px) {
  .product-type-3dmodel .la-single-product-page{
    left: 0;
  }

  .product-type-3dmodel .product-main-image {
    width: calc(100vw - 451px - 24px) !important;
  }

  .product-type-3dmodel .product--summary {
    width: 451px !important;
  }

  .entry-summary .wrap-cart-cta .button {
    width: 190px;
  }
}

/*  ============================================== */

@media only screen and (max-width: 1120px) {
  .product-type-3dmodel .product--summary {
    padding: 0 20px 0 60px !important;
  }
}

/*  ============================================== */

@media only screen and (max-width: 1080px) {
  .product-type-3dmodel .tbl-instr-container {
    left: 5px;
  }
  
  .product-type-3dmodel .tbl-window-btn-ar {
    right: 93px;
  }
  
  .product-type-3dmodel .tbl-window-btn-share {
    right: 5px;
  }
}

/*  ============================================== */

@media only screen and (max-width: 920px) {
  #main {
    padding: 0 !important;
  }

  .viewer-loader {
    top: 0px;
    transform: translate(-50%, 0);
  }

  /* ===============  .ar_conf_container  ================= */
  .product-type-3dmodel .la-single-product-page{
    display: block;
    position: relative;
    width: 100vw;
  }

  /* =================  .ar_model_viewer  ================= */
  .product-type-3dmodel .product-main-image {
    display: block;
    position: relative;
    height: 50vh;
    width: 100vw !important;
    z-index: 2;
  }

  .product-type-3dmodel .p---large {
  }

  .ar_model_viewer {
    width: 100%;
  }

  .ar_model_viewer canvas {
  }

  .product-type-3dmodel .product-main-image.wide {
    /* width: 100vw; */
    height: calc(100vh - 150px);
  }

  .ar_filter {
    width: 100%;
  }

  /* ==============  .summary.entry-summary  =============== */

  .product-type-3dmodel .product--summary {
    padding: 0 14px !important;
    display: block !important;
    width: 100% !important;
    position: relative;
    max-width: none;

    transition: .5s ease;
  }
  
  .product-type-3dmodel .la-custom-pright {
  }

  .product-type-3dmodel .summary.entry-summary {
  }

  .product-type-3dmodel .product--summary.twisted {
    width: 100vw !important;
    height: 0;
  }

  /*  ---------------------------------------- */

  .ar_result_container {
    flex-direction: row;
    align-items: center;
    height: 68px;
    width: 100%;
    bottom: 0;
    z-index: 1;
    background: #FFF;
  }

  .ar_result_container::before {
    height: 68px;
  }

  .ar_price {
    font-size: 16px;
    line-height: 22px;
    padding-left: 0;
    width: 180px !important;
    padding: 0 !important;
  }

  .product-type-3dmodel .cart {
    width: calc(100vw - 94px);
  }
  
  .product-type-3dmodel .cart .wrap-cart-cta {
    margin-bottom: 0 !important;
  }

  .product-type-3dmodel .cart .quantity {
    margin: 0px 6px;
    font-size: 14px;
  }

  .product-type-3dmodel .cart .quantity .qty {
    height: 40px !important;
    width: 60px !important;
  }

  .product-type-3dmodel .cart .quantity .qty-minus {
    margin-left: 0px;
    width: 20px;
    height: 40px;
  }

  .product-type-3dmodel .cart .quantity .qty-plus {
    margin-right: 0px;
    width: 20px;
    height: 40px;
  }

  .product-type-3dmodel .cart .button {
    width: 127px !important;
    height: 40px;
    font-size: 14px !important;
  }

  .ar_price .ar_price_amount {
    font-size: 20px;
  }

  .product-type-3dmodel .entry-title {
    display: none;
  }

  .product-type-3dmodel .entry-title-custom {
    font-size: 22px !important;
  }

  /*  ---------------------------------------- */

  .product-type-3dmodel .tbl-window-btn {
    bottom: 8px;
  }

  .product-type-3dmodel .tbl-instr-container {
    display: none;
  }

  .product-type-3dmodel .tbl-hider-container{
    left: 14px;
    bottom: 8px;
    top: auto;

    display: none;
  }

  .product-type-3dmodel .tbl-hider-icon {
    transform: rotateZ(90deg);
    transition: .5s ease;
  }
  
  .product-type-3dmodel .tbl-hider-icon.twisted {
    transform: rotateZ(270deg);
  }

  .product-type-3dmodel .tbl-window-btn-item {
    width: 40px;
    height: 40px;
    padding: 0px;
    border-radius: 4.878px;
  }
  
  .product-type-3dmodel .tbl-window-btn-icon {
    width: 24px;
    height: 24px;
  }

  .product-type-3dmodel .tbl-window-btn-icon img {
    width: 24px;
    height: 24px;
    margin-top: -4px;
    margin-bottom: 2px;
  }

  .product-type-3dmodel .tbl-window-btn-text {
    font-size: 9px;
  }

  .product-type-3dmodel .tbl-window-btn-ar {
    right: 34px !important;
    left: inherit !important;
  }
  
  .product-type-3dmodel .tbl-window-btn-share {
    right: 14px;
    left: 34px;
    width: 40px;
  }

  .product-type-3dmodel .tbl-window-invible-block {
    display: flex;
    width: 60px;
    height: calc(100% - 50px);
    bottom: 50px;
    right: 0;
    /* background-color: rgba(202, 202, 202, 0.4); */
  }

  .product-type-3dmodel .tbl-info-box {
    padding: 22px 22px 32px;
    width: calc(100vw - 30px);
  }

  .product-type-3dmodel .tbl-info-sharing-title {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .product-type-3dmodel .tbl-info-sharing-window input {
    height: 52px;
  }
  
  .product-type-3dmodel .tbl-info-sharing-ico {
    height: 52px;
    width: 50px;
    padding: 8px;
  }

  .product-type-3dmodel .tbl-qr-title {
    font-size: 24px;
  }

  .product-type-3dmodel .tbl-qr-text1 {
    margin-bottom: 30px;
  }

  .product-type-3dmodel .tbl-info-close {
    width: 34px;
    height: 34px;
    right: auto;
    top: -50px;
  }
}

/*  ============================================== */
@media only screen and (max-width: 756px) {
  .ar_filter .ar_filter_group .ar_filter_options.type_select .option {
    width:64px;
  }
}


/* ********************************************************************* */
/* **************************   AR STYLES   **************************** */
/* ********************************************************************* */

#ar-prompt {
  position: absolute;
  left: 50%;
  bottom: 60px;
  animation: 2s ease-in-out 0s infinite alternate none running elongate;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: elongate;
  display: none;
}

@keyframes elongate {
from { transform: translateX(100px); }
to   { transform: translateX(-100px); }
}

@keyframes circle {
from { transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg); }
to   { transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg); }
}

#ar-prompt > img {
animation: circle 4s linear infinite;
}

model-viewer {
  width: 100%;
  height: 100%;
}

/* ********************************************************************* */