.muwc-price-details div {font-size:14px; }
muwc-price-details span {font-size:14px; }
.muwc-checkbox-group {
   font-size:14px; 
}
.mu-window-calculator {
  background:#ECEEF2;
  padding:24px;
  border-radius:6px;
  font-family:inherit;
}

.muwc-layout {
  display:grid;
  grid-template-columns: 2.1fr 3fr; /* два столбца: визуал + поля */
  gap:24px;
  align-items:start;
}

.muwc-left {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.muwc-hint {
  font-size:12px;
  margin-bottom:8px;
}

.muwc-window-visual {
  position:relative;
  width:440px;         
  height:380px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.muwc-window-image {
  width:82%;             /* шире области створок */
  height:82%;
  background:inherit;
  position:relative;
  display:flex;
  align-items:stretch;
  justify-content:stretch;
  overflow:hidden;
}

.muwc-sashes {
  display:flex;
  width:100%;
  height:100%;
}

.muwc-sash {
  flex: 1 1 0;
  min-width: 0;                 /* чтобы влезали 3 створки */
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding: 4px 3px;
}

.muwc-sash-inner {
 flex: 1 1 auto;
  width: 100%;
  background: #cfd7e2;
  background-size: cover;
  background-position: center center;
  background-color: #ECEEF2;
}

.muwc-sash-label {
background: #ff0000;
  color: #fff;
  font-size: 11px;
  padding: 4px 8px;
  margin-top: 6px;              /* отступ сверху, снизу не нужен */
  margin-bottom: 0;
  border-radius: 6px;
  cursor: pointer;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
}

.muwc-height-slider {
  width: 50px;
  position:absolute;
  left:-16px;
  top:60px;
  bottom:40px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
}

.muwc-range-vertical {
  writing-mode: bt-lr;
  -webkit-appearance: slider-vertical;
  height:230px;
}
.muwc-width-slider {
  margin-top:16px;
  width:100%;
  text-align:center;
}

.muwc-range-horizontal {
  width:100%;
}

.muwc-size-value {
  font-size:11px;
  margin-bottom:4px;
}

.muwc-right {
  display:flex;
  flex-direction:column;
  gap:16px;
}

.muwc-top-types {
  display:flex;
  gap:8px;
}

.muwc-type-btn {
  border:1px solid #ddd;
  background:#fff;
  padding:8px 12px;
  border-radius:6px;
  font-size:13px;
  cursor:pointer;
}

.muwc-type-btn.is-active {
border-color: #ff0000;
    background: #ff0000;
    color: #fff;
}

.muwc-fields-grid {
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:12px 16px;
}

.muwc-field label {
  display:block;
  font-size:16px;
  margin-bottom:4px;
}

.muwc-field input,
.muwc-field select {
  width:100%;
  padding:8px 10px;
  border-radius:6px;
  border:1px solid #ddd;
  font-size:13px;
}

.muwc-indicators {
  display:flex;
  gap:12px;
}

.muwc-indicator {
  flex:1;
  font-size:14px;
}

.muwc-indicator-bar {
  margin-top:4px;
  height:4px;
  border-radius:999px;
  background:#e3e3e3;
  overflow:hidden;
}

.muwc-indicator-fill {
  height:100%;
  width:50%;
  background:#ff0000;
}

.muwc-options-grid {
  display:grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap:10px 16px;
  font-size:12px;
  overflow:visible;
}

.muwc-checkbox-group {
  position:relative;
  overflow:visible;
}

.muwc-checkbox-group label {
  cursor:pointer;
}

.muwc-checkbox-group input {
  margin-right:6px;
}

.muwc-lamination-extra {
  margin-top:6px;
  position:relative;
  z-index:20;
  display:flex;
  flex-wrap:wrap;
  gap:6px 10px;
}

.muwc-lam-title {
  font-size:11px;
  margin-right:4px;
}

.muwc-radio {
  font-size:11px;
  display:flex;
  align-items:center;
}

.muwc-radio input {
  margin-right:4px;
  accent-color: red;
}

.muwc-badge-gift {
  display:inline-block;
  margin-left:6px;
  font-size:10px;
  background:#ff0000;
  color:#fff;
  border-radius:10px;
  padding:2px 6px;
}

/* НИЖНИЙ БЛОК ЦЕНЫ НА ВСЮ ШИРИНУ */
.muwc-bottom {
  margin-top:24px;
}

.muwc-price-box {
 background: #ECEEF2;
    color: #070707;
    border-radius: 6px;
    padding: 18px 22px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border: 1px solid #d3d5d9;
}

.muwc-price-main {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
}

.muwc-price-label {
font-size: 26px;
    font-weight: 600;
}

.muwc-price-value {
  font-size:26px;
  font-weight:600;
}

.muwc-price-details {
  font-size:12px;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.muwc-actions {
  margin-top:8px;
}

.muwc-btn-open-form {
 width: 100%;
    border: none;
    border-radius: 6px;
    padding: 22px 16px;
    background: #ff0000;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

/* Модалка */
.muwc-modal {
  position:fixed;
  inset:0;
  z-index:9999;
}

.muwc-modal-overlay {
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.5);
}

.muwc-modal-content {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background:#fff;
  padding:24px;
  border-radius:16px;
  width:320px;
  max-width:90%;
}

.muwc-modal-close {
  position:absolute;
  top:8px;
  right:10px;
  border:none;
  background:none;
  font-size:20px;
  cursor:pointer;
}

.muwc-form label {
  display:block;
  font-size:12px;
  margin-bottom:8px;
}

.muwc-form input {
  width:100%;
  padding:8px 10px;
  border-radius:10px;
  border:1px solid #ddd;
  margin-top:2px;
}
.muwc-actions a {
   margin-top:10px;
  width:100%;
  border:none;
  border-radius:6px;
  background:#ff0000;
  cursor:pointer;
  display: block;
    text-align: center;
    padding: 16px;
}
.muwc-form button[type="submit"] {
  margin-top:10px;
  width:100%;
  border:none;
  border-radius:10px;
  padding:10px;
  background:#f2c200;
  cursor:pointer;
}

.muwc-form-message {
  margin-top:8px;
  font-size:12px;
}

/* Адаптив */
@media (max-width: 1024px) {
  .muwc-layout {
    grid-template-columns:1fr;
  }

  .muwc-left {
    align-items:flex-start;
  }

  .muwc-bottom {
    margin-top:16px;
  }
}

/* Горизонтальная полоса — красный бегунок */
.muwc-range-horizontal::-webkit-slider-thumb {
    background: #ff0000 !important;
}

/* Вертикальная полоса — красный бегунок */
.muwc-range-vertical::-webkit-slider-thumb {
    background: #ff0000 !important;
}

/* Для Firefox */
.muwc-range-horizontal::-moz-range-thumb,
.muwc-range-vertical::-moz-range-thumb {
    background: #ff0000 !important;
}
/* Красные чекбоксы только в калькуляторе */
.mu-window-calculator .muwc-checkbox-group input[type="checkbox"],
.mu-window-calculator input.muwc-chk-mosquito,
.mu-window-calculator input.muwc-chk-delivery,
.mu-window-calculator input.muwc-chk-podok,
.mu-window-calculator input.muwc-chk-otliv,
.mu-window-calculator input.muwc-chk-otkos,
.mu-window-calculator input.muwc-chk-install {
  accent-color: #ff0000;
}
/* Красные ползунки (ползунок + трек) */
.muwc-range-horizontal,
.muwc-range-vertical {
  accent-color: #ff0000;
}
.muwc-sash {
 flex:1 1 0;
  min-width:0;                 /* чтобы влезали 3 створки */
  display:flex;
  flex-direction:column;       /* картинка сверху, подпись снизу */
  align-items:stretch;
  justify-content:flex-start;
  padding:4px 3px;
}

/* ДОБАВИТЬ: позволяем створкам сжиматься, чтобы влезали 3 штуки */
.muwc-sash {
  min-width: 0;
}