.pd-downloadRow { display: flex; align-items: center; gap: 16px; }
.pd-logo { height: 40px; width: auto; flex-shrink: 0; }
.pd-downloadRow .pd-download { flex: 1; }

.pd-download {  margin: 15px 0;display: flex;justify-content: flex-end;}

.pd-downloadBtn {
  display: inline-block;
  padding: 10px 14px;
  background: #111;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  font-size: 13px;
}

.pd-downloadBtn:hover {
  background: #333;
}
.pd-section { display: flex; height: 100%; }
.pd-left { width: 38%; flex-shrink: 0; }
.pd-right {
  flex: 1;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 10px 120px;
  overflow-y: auto;
}

/* Room tabs */
.pd-roomTabs { display: flex; gap: 4px; margin-bottom: 28px; border-bottom: 1px solid #e4e9ee; padding-bottom: 0; }
.pd-roomTab {
  position: relative; padding: 10px 22px; background: #f4f6f8; border: 1px solid #e4e9ee;
  border-bottom: none; border-radius: 10px 10px 0 0; font-size: 12px; font-weight: 600;
  letter-spacing: 0.3px; color: #9aa5b1; cursor: pointer; transition: background 0.15s, color 0.15s; white-space: nowrap;
}
.pd-roomTab:hover { background: #edf0f4; color: #5a6a7a; }
.pd-roomTab.pd-roomTabActive {
  background: #fff; color: #12203a; border-color: #d4dbe3;
  z-index: 1; margin-bottom: -1px; padding-bottom: 11px;
}
.pd-roomTab.pd-roomTabActive::after {
  content: ''; position: absolute; bottom: 0; left: 8px; right: 8px;
  height: 3px; border-radius: 3px 3px 0 0; background: var(--tab-accent, #5b88a8);
}

.pd-tag { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #5b88a8; margin-bottom: 14px; }
.pd-title { font-size: 38px; font-weight: 800; color: #12203a; line-height: 1.15; margin-bottom: 18px; }
.pd-description { font-size: 14px; color: #7a8899; line-height: 1.7; max-width: 480px; margin-bottom: 36px; }

.pd-specList { list-style: none; margin-bottom: 5px; }
.pd-specRow {
  display: flex; align-items: center; gap: 14px; padding: 14px 0;
  border-bottom: 1px solid #f0f2f4;
}
.pd-specRow:first-child { border-top: 1px solid #f0f2f4; }

.pd-specIcon {
  position: relative;
  width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid #d4dbe3;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #7a8899;
}
.pd-specIcon svg { width: 22px; height: 22px; }

.pd-specTooltip {
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%) translateY(6px);
  min-width: 160px; max-width: 240px;
  padding: 10px 12px;
  background: #12203a; color: #fff;
  border-radius: 8px;
  box-shadow: 0 6px 20px rgba(18, 32, 58, 0.25);
  display: flex; flex-direction: column; gap: 4px;
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
  z-index: 20;
}
.pd-specTooltip::after {
  content: ''; position: absolute; top: 100%; left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent; border-top-color: #12203a;
}
.pd-specTooltipTitle {
  font-size: 10px; font-weight: 700; letter-spacing: 1px;
  text-transform: uppercase; color: #9fb0c8;
}
.pd-specTooltipText { font-size: 13px; line-height: 1.35; color: #fff; }

.pd-specIcon:hover .pd-specTooltip {
  opacity: 1; visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.pd-specMeta { display: flex; align-items: baseline; gap: 8px; flex: 1; }
.pd-specLabel { font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #9aa5b1; }
.pd-specValue { font-size: 14px; font-weight: 700; color: #12203a; }

.pd-dots { display: flex; gap: 6px; flex-shrink: 0; }
.pd-dot { width: 10px; height: 10px; border-radius: 50%; background: #e0e5ea; }
.pd-dot.pd-filled { background: #12203a; }

.pd-note {
  margin-top: 2px;
  padding: 5px 16px;
  background: #f4f6f8;
  border-left: 3px solid #5b88a8;
  border-radius: 6px;
  font-size: 13px;
  line-height: 1.5;
  color: #5a6a7a;
}