.dd-hightea { max-width:900px; padding:40px 32px; background:var(--dd-linen); border-radius:var(--dd-radius); border:1.5px solid var(--dd-border); }

.dht-layout { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start; }
@media(max-width:680px){ .dht-layout{grid-template-columns:1fr;} }

/* Picker */
.dht-cat { margin-bottom:20px; }
.dht-cat-title { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:var(--dd-amber); margin:0 0 10px; }
.dht-item-list { display:flex; flex-direction:column; gap:6px; }
.dht-item {
  display:flex; align-items:center; gap:10px; padding:8px 12px;
  background:#fff; border:1.5px solid var(--dd-border); border-radius:10px;
  cursor:grab; transition:all .15s; user-select:none;
}
.dht-item:hover { border-color:var(--dd-amber); background:#fffbf5; }
.dht-item.dragging { opacity:.4; }
.dht-item-emoji { font-size:20px; flex-shrink:0; }
.dht-item-name  { flex:1; font-size:13.5px; color:var(--dd-text); }
.dht-add-btn {
  width:24px;height:24px; border-radius:50%; background:var(--dd-green); color:#fff;
  border:none; cursor:pointer; font-size:16px; line-height:1; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  transition:transform .12s;
}
.dht-add-btn:hover { transform:scale(1.15); }

/* Etagère */
.dht-etagere-wrap { position:relative; }
.dht-etagere { position:relative; padding-bottom:20px; }

.dht-tier {
  position:relative; margin-bottom:16px; text-align:center;
  transition:all .2s;
}
.dht-tier.drag-over { background:rgba(196,124,43,0.08); border-radius:12px; }

.dht-tier-plate {
  height:10px; background:linear-gradient(180deg,#d4aa6a,#b08840);
  border-radius:50px; margin:6px auto; box-shadow:0 3px 8px rgba(0,0,0,0.15);
}
.dht-tier-top .dht-tier-plate  { width:60%; }
.dht-tier-mid .dht-tier-plate  { width:78%; }
.dht-tier-bot .dht-tier-plate  { width:96%; }

.dht-tier-label {
  font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px;
  color:var(--dd-muted); margin-bottom:6px;
}
.dht-tier-slots {
  display:flex; flex-wrap:wrap; justify-content:center; gap:6px;
  min-height:48px; padding:6px; border-radius:10px;
  border:2px dashed transparent; transition:border-color .2s;
}
.dht-tier.drag-over .dht-tier-slots { border-color:var(--dd-amber); }

.dht-slot-item {
  display:flex; flex-direction:column; align-items:center; gap:3px;
  background:#fff; border:1.5px solid var(--dd-border); border-radius:10px;
  padding:6px 10px; font-size:12px; color:var(--dd-text);
  animation:dhtPop .2s cubic-bezier(0.34,1.3,0.64,1) both; position:relative;
}
@keyframes dhtPop { from{transform:scale(0);opacity:0} to{transform:scale(1);opacity:1} }
.dht-slot-emoji { font-size:22px; }
.dht-slot-remove {
  position:absolute; top:-6px; right:-6px; width:18px; height:18px;
  border-radius:50%; background:#c0392b; color:#fff; border:none;
  font-size:11px; cursor:pointer; display:flex; align-items:center; justify-content:center;
}

.dht-stand {
  width:10px; height:120px; background:linear-gradient(180deg,#c4924a,#9a6830);
  margin:0 auto; border-radius:4px;
}

.dht-empty-hint {
  text-align:center; font-size:13px; color:var(--dd-muted);
  font-style:italic; margin-top:12px;
}

/* Summary */
.dht-summary { background:#fff; border-radius:14px; border:1.5px solid var(--dd-border); padding:20px; margin-top:16px; }
.dht-summary-header { font-size:17px; font-weight:700; color:var(--dd-green); margin-bottom:12px; }
.dht-summary-list { list-style:none; padding:0; margin:0 0 14px; font-size:13.5px; color:var(--dd-text); }
.dht-summary-list li { padding:3px 0; border-bottom:1px solid #f0e4d0; }
.dht-summary-list li:last-child { border-bottom:none; }
.dht-summary-date, .dht-summary-guests, .dht-summary-note { margin-bottom:12px; }
.dht-summary-date label,.dht-summary-guests label,.dht-summary-note label {
  display:block; font-size:11.5px; font-weight:600; color:var(--dd-muted);
  text-transform:uppercase; letter-spacing:.5px; margin-bottom:5px;
}
.dht-input {
  width:100%; padding:9px 12px; border:1.5px solid var(--dd-border); border-radius:10px;
  font-family:var(--dd-font); font-size:13.5px; color:var(--dd-text);
  outline:none; transition:border-color .15s;
}
.dht-input:focus { border-color:var(--dd-amber); }
.dht-counter { display:flex; align-items:center; gap:14px; }
.dht-cnt-btn {
  width:32px;height:32px; border-radius:50%; background:var(--dd-green); color:#fff;
  border:none; cursor:pointer; font-size:18px; line-height:1; display:flex; align-items:center; justify-content:center;
}
#dht-guests { font-size:18px; font-weight:700; min-width:24px; text-align:center; }
.dht-summary-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.dht-summary-actions .dd-btn { font-size:13px; padding:9px 16px; text-decoration:none; }