.obt-block{
  background:#182642;
  border-radius:14px;
  padding:22px 20px;
  max-width:520px;
  margin:24px auto;
  font-family:'Arial', sans-serif;
  box-shadow:0 6px 20px rgba(0,0,0,.25);
}
/* Поки скрипт не перемістив блок під кнопку замовлення - ховаємо, щоб не блимало внизу сторінки */
.obt-block.obt-pending{ opacity:0; }
.obt-block.obt-visible{ opacity:1; transition:opacity .2s ease; }
.obt-header{
  color:#fff;
  font-weight:800;
  font-size:18px;
  letter-spacing:.3px;
  margin-bottom:18px;
  text-transform:uppercase;
}
.obt-list{ display:flex; flex-direction:column; gap:16px; }
.obt-item{ display:flex; align-items:center; gap:12px; }
.obt-thumb{
  width:52px; height:52px;
  border-radius:8px;
  object-fit:cover;
  flex-shrink:0;
  background:#26365a;
}
.obt-info{ flex:1; min-width:0; }
.obt-name{ color:#fff; font-size:14px; font-weight:600; line-height:1.3; margin-bottom:4px; }
.obt-price{ color:#9fb0d0; font-size:13px; }
.obt-add{ display:flex; align-items:center; gap:8px; flex-shrink:0; }
.obt-add-label{ color:#c9d3ea; font-size:13px; }

.obt-switch{ position:relative; display:inline-block; width:42px; height:24px; }
.obt-switch input{ opacity:0; width:0; height:0; }
.obt-slider{
  position:absolute; cursor:pointer;
  top:0; left:0; right:0; bottom:0;
  background:#3a4a70;
  border-radius:24px;
  transition:.2s;
}
.obt-slider:before{
  content:"";
  position:absolute;
  height:18px; width:18px;
  left:3px; bottom:3px;
  background:#fff;
  border-radius:50%;
  transition:.2s;
}
.obt-switch input:checked + .obt-slider{ background:#4caf50; }
.obt-switch input:checked + .obt-slider:before{ transform:translateX(18px); }

.obt-total{ color:#fff; margin-top:16px; font-size:14px; text-align:right; }

@media (max-width:480px){
  .obt-add-label{ display:none; }
  .obt-name{ font-size:13px; }
}