.sklad-calc{border:1px solid #e5e7eb;border-radius:12px;padding:16px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.sklad-calc h3{margin:0 0 8px 0}
.sklad-calc__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:12px 0}
.sklad-card{display:flex;gap:10px;border:1px solid #e5e7eb;border-radius:12px;padding:10px;align-items:center}
.sklad-card__img{width:64px;height:64px;object-fit:contain}
.sklad-card__title{font-weight:600;margin-bottom:4px}
.sklad-card__meta{font-size:12px;color:#6b7280;display:flex;gap:8px;margin-bottom:6px}
.sklad-card__qty input{width:72px;padding:6px;border:1px solid #d1d5db;border-radius:8px}
.sklad-calc__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;align-items:center;border-top:1px dashed #e5e7eb;padding-top:12px;margin-top:8px}
.sklad-calc__total{font-size:18px}
.sklad-calc__recommendation{font-size:18px}
@media (prefers-color-scheme: dark){
  .sklad-calc{background:#111827;border-color:#1f2937;box-shadow:none}
  .sklad-card{border-color:#1f2937;background:#0b1220}
  .sklad-card__meta{color:#9ca3af}
  .sklad-calc__summary{border-top-color:#1f2937}
}


/* Recommendation blocks */
.sklad-calc__recommendation { margin-top: 10px; padding: 10px; border: 1px dashed #d1d5db; border-radius: 8px; background:#fafafa; }
.sklad-card{display:flex;gap:12px;border:1px solid #e5e7eb;border-radius:12px;padding:10px;margin:8px 0;align-items:center}
.sklad-card__img{width:56px;height:56px;object-fit:contain}
.sklad-card__title{font-weight:600;margin-bottom:4px}
.sklad-card__meta{font-size:12px;color:#4b5563;display:flex;gap:12px;margin-bottom:6px}
.sklad-card__qty{display:flex;align-items:center;gap:6px}
.sklad-calc__summary{margin-top:12px;border-top:1px solid #e5e7eb;padding-top:10px}
.sklad-calc__total{font-size:18px;font-weight:700;margin-top:6px}


.sklad-calc__order {
  margin-top: 18px;
  text-align: center;
}
.btn-order {
  background-color: #16a34a;
  color: #fff;
  padding: 10px 20px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: background-color 0.2s ease-in-out;
}
.btn-order:hover {
  background-color: #15803d;
}


/* === Equal-sized recommendation tiles === */
.sklad-calc__recommendation {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #d1d5db;
  border-radius: 10px;
  background: #fafafa;
  padding: 25px;
  min-height: 80px;
  text-align: center;
  margin-top: 10px;
}
.sklad-calc__summary {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.sklad-calc__order {
  margin-top: 18px;
  text-align: right;
}

/* Emphasize order CTA */
.sklad-calc__order .sklad-order-button {
  font-size: 25px;
  padding: 20px 30px;
  border-radius: 12px;
  box-shadow: 0 10px 20px rgba(0,0,0,.10);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.sklad-calc__order .sklad-order-button:hover{
  box-shadow: 0 14px 26px rgba(0,0,0,.14);
  transform: translateY(-1px);
}