@charset "UTF-8";
#order-standard_cart .form-control, #order-standard_cart .form-control:focus {
  border: 1px solid #545454;
}

.dh-product-prop-box {
  display: block;
  padding: 20px 50px 15px;
  border-radius: 20px;
  margin-bottom: 30px;
  transition: border 0.3s ease, box-shadow 0.3s ease;
  border: 2px solid transparent;
  border-radius: 8px; /* isteğe bağlı */
}
.dh-product-prop-box:hover {
  border: 2px solid #ffffff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
.dh-product-prop-box .dh-product-prop-wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  margin-left: -30px;
  margin-right: -30px;
}
.dh-product-prop-box .dh-product-prop-wrapper .dh-product-prop-col {
  flex: 1 1 auto;
  padding: 0 30px;
  margin-bottom: 15px;
}
.dh-product-prop-box .dh-product-prop-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0;
}
.dh-product-prop-box .dh-product-prop-header .prop-header-logo {
  display: block;
  max-width: 80px;
  max-height: 50px;
}
.dh-product-prop-box .dh-product-prop-header .prop-header-collapse {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  border: none;
  background: none;
  -moz-column-gap: 3px;
       column-gap: 3px;
}
.dh-product-prop-box .dh-product-prop-header .prop-header-collapse i {
  transition: all 0.3s ease-in-out;
  transform: rotate(180deg);
}
.dh-product-prop-box .dh-product-prop-header .prop-header-collapse.collapsed i {
  transform: rotate(0deg);
}
.dh-product-prop-box .prop-figure {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  margin: 0 0 10px;
}
.dh-product-prop-box .prop-figure svg {
  margin-left: auto;
  margin-right: auto;
}
.dh-product-prop-box .prop-figure img {
  max-width: 80px;
  max-height: 50px;
}
.dh-product-prop-box .prop-title {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 5px;
}
.dh-product-prop-box .prop-subtitle {
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 15px;
}
.dh-product-prop-box .dh-product-radio-image-list {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.dh-product-prop-box .dh-product-radio-image-list label {
  cursor: pointer;
  position: relative;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 !important;
}
.dh-product-prop-box .dh-product-radio-image-list label span.box {
  position: relative;
  margin-bottom: 15px;
}
.dh-product-prop-box .dh-product-radio-image-list label span.box input {
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -11px;
}
.dh-product-prop-box .dh-product-radio-image-list label span.icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 100%;
}
.dh-product-prop-box .dh-product-radio-image-list label span.icon svg {
  display: block;
  width: 50px;
  height: 50px;
}
.dh-product-prop-box .dh-product-radio-image-list label span.icon img {
  display: block;
  max-width: 80px;
  max-height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.dh-product-prop-box .dh-product-radio-image-list label span.badge-box {
  position: absolute;
  top: 0;
  right: -30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-size: 10px !important;
  border-radius: 100% !important;
  background-color: var(--badge-box-color);
}
.dh-product-prop-box .dh-product-radio-image-list label span.badge-box i {
  font-size: 200%;
}
.dh-product-prop-box .dh-product-radio-image-list label span.badge-box.small-badge {
  top: 10px;
  right: -10px;
  width: 30px;
  height: 30px;
  font-size: 8px !important;
}
.dh-product-prop-box .dh-product-radio-image-list label span.badge-box.small-badge i {
  font-size: 150%;
}
.dh-product-prop-box .dh-product-radio-image-list label span.badge-box.small-badge[data-toggle=tooltip]::before {
  content: "";
  position: absolute;
  top: -10px;
  right: 10px;
  width: 100px;
  height: 100px;
}
.dh-product-prop-box .dh-product-radio-image-list label span:not(.box) {
  font-size: 14px;
  font-weight: 400;
}
.dh-product-prop-box .dh-product-radio-image-list label .iradio_square-blue {
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin: 0 0 0 -11px !important;
}
.dh-product-prop-box .dh-product-radio-image-list label:not(.disabled):hover span.icon, .dh-product-prop-box .dh-product-radio-image-list label:not(.disabled).hover span.icon {
  border-color: var(--selected-color) !important;
}
.dh-product-prop-box .dh-product-radio-image-list label.disabled {
  cursor: not-allowed;
  background-color: transparent;
  opacity: 0.5;
}
.dh-product-prop-box .iradio_square-blue {
  background: #fff !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border: 2px solid #fff !important;
  border-radius: 100%;
}
.dh-product-prop-box .iradio_square-blue.hover {
  border-color: var(--selected-color) !important;
}
.dh-product-prop-box .iradio_square-blue.checked {
  background-color: var(--selected-color) !important;
  border-color: var(--selected-color) !important;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="9" viewBox="0 0 12 9" fill="none"><g clip-path="url(%23clip0_7_2)"><path d="M4.74394 8.99993C4.41859 8.99993 4.10551 8.86317 3.87592 8.61831L0.359655 4.88806C-0.120394 4.3788 -0.120394 3.55434 0.359655 3.04638C0.839705 2.53712 1.61564 2.53712 2.09569 3.04638L4.74394 5.85579L9.90416 0.38155C10.3842 -0.127712 11.1614 -0.127712 11.6402 0.38155C12.119 0.889509 12.119 1.71397 11.6402 2.22323L5.61196 8.61831C5.38114 8.86317 5.06929 8.99993 4.74394 8.99993Z" fill="white"/></g><defs><clipPath id="clip0_7_2"><rect width="12" height="9" fill="white"/></clipPath></defs></svg>') !important;
}
.dh-product-prop-box .iradio_square-blue.checked + .icon {
  border-color: var(--selected-color);
}
.dh-product-prop-box .form-control, .dh-product-prop-box .form-control:focus {
  border-color: var(--selected-color) !important;
}
.dh-product-prop-box .backup-map {
  display: block;
  padding-bottom: 50%;
  background: url(../img/backup-map.png) no-repeat center center;
  background-size: contain;
}

@media (max-width: 768px) {
  .dh-product-prop-box {
    padding: 10px 20px 5px;
    border-radius: 10px;
    margin-bottom: 15px;
  }
  .dh-product-prop-box .dh-product-prop-wrapper {
    margin-left: -20px;
    margin-right: -20px;
  }
  .dh-product-prop-box .dh-product-prop-wrapper .dh-product-prop-col {
    padding: 0 20px;
    margin-bottom: 15px;
  }
  .dh-product-prop-box .dh-product-prop-header {
    position: static;
    margin-bottom: 10px;
    padding: 10px 20px;
  }
  .dh-product-prop-box .dh-product-radio-image-list label span.icon {
    width: 80px;
    height: 80px;
  }
  .dh-product-prop-box .dh-product-radio-image-list label span.icon svg,
  .dh-product-prop-box .dh-product-radio-image-list label span.icon img {
    width: 40px;
    height: 40px;
  }
  .dh-product-prop-box .dh-product-radio-image-list label span.badge-box.small-badge[data-toggle=tooltip]::before {
    width: 80px;
    height: 80px;
  }
}/*# sourceMappingURL=custom-product.css.map */