/* HetznerRobot dedicated-server shop */
.hrs { direction: rtl; font-family: inherit; color: #1e293b; }
.hrs * { box-sizing: border-box; }
.hrs .hrs-intro { background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:16px 20px; margin-bottom:22px; line-height:1.9; font-size:14px; }
.hrs .hrs-intro ul { margin:8px 0 0; padding-inline-start:20px; }
.hrs .hrs-intro li { margin:3px 0; }

.hrs h2.hrs-cat { font-size:18px; margin:26px 0 12px; padding-inline-start:10px; border-inline-start:4px solid #4f46e5; }

.hrs-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:16px; }
.hrs-card { border:1px solid #e2e8f0; border-radius:14px; padding:18px; background:#fff; display:flex; flex-direction:column; transition:box-shadow .15s,border-color .15s; }
.hrs-card:hover { box-shadow:0 8px 24px rgba(79,70,229,.10); border-color:#c7d2fe; }
.hrs-card .hrs-name { font-weight:700; font-size:15px; margin-bottom:10px; line-height:1.5; }
.hrs-card ul.hrs-spec { list-style:none; margin:0 0 14px; padding:0; font-size:13px; color:#475569; }
.hrs-card ul.hrs-spec li { padding:3px 0; border-bottom:1px dashed #f1f5f9; }
.hrs-card ul.hrs-spec li:last-child { border-bottom:0; }
.hrs-card .hrs-price { margin-top:auto; }
.hrs-card .hrs-price .k { font-size:12px; color:#64748b; }
.hrs-card .hrs-price .v { font-size:19px; font-weight:800; color:#4f46e5; }
.hrs-card .hrs-price .v small { font-size:12px; font-weight:500; color:#64748b; }
.hrs-card .hrs-setup { font-size:11px; color:#94a3b8; margin-top:2px; }
.hrs-btn { display:inline-block; text-align:center; background:#4f46e5; color:#fff !important; border:0; border-radius:9px; padding:11px 16px; font-weight:700; font-size:14px; text-decoration:none; cursor:pointer; margin-top:12px; width:100%; }
.hrs-btn:hover { background:#4338ca; }
.hrs-btn.ghost { background:#eef2ff; color:#4f46e5 !important; }
.hrs-btn:disabled { background:#cbd5e1; cursor:not-allowed; }

/* buy page */
.hrs-buy { display:grid; grid-template-columns:1fr 340px; gap:22px; align-items:start; }
@media (max-width:820px){ .hrs-buy { grid-template-columns:1fr; } }
.hrs-panel { border:1px solid #e2e8f0; border-radius:14px; padding:20px; background:#fff; }
.hrs-panel h3 { margin:0 0 14px; font-size:17px; }
.hrs-field { margin-bottom:16px; }
.hrs-field label.hrs-lbl { display:block; font-weight:600; font-size:13px; margin-bottom:6px; }
.hrs-field select, .hrs-field textarea, .hrs-field input[type=number] { width:100%; padding:9px 11px; border:1px solid #cbd5e1; border-radius:9px; font-size:14px; font-family:inherit; }
.hrs-check { display:flex; align-items:center; gap:8px; font-size:14px; cursor:pointer; }
.hrs-addon { border:1px solid #e2e8f0; border-radius:10px; padding:10px 12px; margin-bottom:8px; }
.hrs-addon .price { color:#4f46e5; font-size:12px; font-weight:600; }
.hrs-summary { position:sticky; top:16px; }
.hrs-summary table { width:100%; border-collapse:collapse; }
.hrs-summary td { padding:7px 0; font-size:14px; border-bottom:1px dashed #eef2f7; }
.hrs-summary td.num { text-align:left; direction:ltr; font-variant-numeric:tabular-nums; }
.hrs-summary tr.total td { font-weight:800; font-size:16px; color:#4f46e5; border-bottom:0; padding-top:12px; }
.hrs-renew-note { margin-top:10px; padding:10px 12px; background:#f1f5f9; border:1px solid #e2e8f0; border-radius:8px; font-size:13px; color:#334155; line-height:1.7; }
.hrs-renew-note b { color:#4f46e5; }
.hrs-renew-note small { display:block; color:#64748b; font-size:11px; margin-top:3px; }
.hrs-spec-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:18px; }
.hrs-spec-grid .cell { background:#f8fafc; border:1px solid #eef2f7; border-radius:9px; padding:9px 11px; }
.hrs-spec-grid .cell .k { font-size:11px; color:#64748b; }
.hrs-spec-grid .cell .v { font-size:14px; font-weight:600; }
.hrs-credit { font-size:13px; color:#475569; margin-top:10px; }
.hrs-back { color:#64748b; font-size:13px; text-decoration:none; }