/* =========================================================
   Destiny Astrology Tools Pro v4.0
   Theme adapted to the supplied deep-purple / gold / cream UI.
   Scoped to ARH classes to avoid interfering with the site theme.
   ========================================================= */

.arh-hub,
.arh-box,
.arh-payment-modal,
.arh-hub *,
.arh-box *,
.arh-payment-modal *{box-sizing:border-box}

.arh-hub,
.arh-box,
.arh-payment-modal{
  --arh-ink:#171127;
  --arh-deep:#100b25;
  --arh-deep2:#1b1138;
  --arh-deep3:#29164f;
  --arh-gold:#d6ad57;
  --arh-gold2:#e8c77f;
  --arh-gold-soft:#f5e8c8;
  --arh-cream:#f8f3e9;
  --arh-cream2:#fffdf8;
  --arh-muted:#6f6878;
  --arh-white:#fff;
  --arh-line:rgba(214,173,87,.28);
  --arh-purple-line:rgba(66,42,104,.16);
  --arh-shadow:0 24px 60px rgba(16,11,37,.14);
  --arh-radius:24px;
  font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--arh-ink);
}

.arh-hub button,
.arh-hub input,
.arh-hub select,
.arh-hub textarea,
.arh-box button,
.arh-box input,
.arh-box select,
.arh-box textarea,
.arh-payment-modal button,
.arh-payment-modal input{font:inherit}

.arh-hub a,
.arh-box a,
.arh-payment-modal a{text-decoration:none}

.arh-hub img,
.arh-box img,
.arh-payment-modal img,
.arh-box svg{max-width:100%;height:auto}

/* ---------- Single tool card ---------- */
.arh-box{
  width:min(1180px,calc(100% - 32px));
  max-width:100%;
  margin:28px auto;
  padding:clamp(22px,4vw,46px);
  position:relative;
  overflow:hidden;
  border:1px solid var(--arh-line);
  border-radius:30px;
  background:
    radial-gradient(circle at 8% 0%,rgba(214,173,87,.18),transparent 28%),
    radial-gradient(circle at 96% 10%,rgba(88,55,145,.10),transparent 30%),
    linear-gradient(145deg,var(--arh-cream2),var(--arh-cream));
  box-shadow:var(--arh-shadow);
}

.arh-box::before{
  content:"";
  position:absolute;
  inset:9px;
  pointer-events:none;
  border:1px solid rgba(214,173,87,.14);
  border-radius:22px;
}

.arh-head{
  max-width:800px;
  margin:0 auto 26px;
  position:relative;
  z-index:1;
  text-align:center;
}

.arh-head>span,
.arh-report-title>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px;
  border:1px solid var(--arh-line);
  border-radius:999px;
  color:#8b6820;
  background:rgba(255,255,255,.72);
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.arh-head h2,
.arh-report-title h3,
.arh-service-help h3,
.arh-payment-dialog h2{
  margin:12px 0 10px;
  color:var(--arh-deep);
  font-family:"Playfair Display",Georgia,serif;
  font-weight:700;
  line-height:1.12;
}

.arh-head h2{font-size:clamp(28px,4vw,46px)}
.arh-head p{max-width:720px;margin:0 auto;color:var(--arh-muted);font-size:15px;line-height:1.75}

.arh-date-pill,
.arh-horo-date{
  width:max-content;
  max-width:100%;
  margin:14px auto 0;
  padding:9px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid var(--arh-line);
  border-radius:999px;
  color:#634b20;
  background:#fff;
  font-size:12px;
  font-weight:800;
}

.arh-form{position:relative;z-index:1}
.arh-form h3{margin:24px 0 8px;color:var(--arh-deep2);font-family:"Playfair Display",Georgia,serif;font-size:23px}

.arh-grid-2{
  min-width:0;
  margin:18px 0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.arh-form input,
.arh-form select,
.arh-form textarea,
.arh-transaction-form input{
  width:100%;
  min-width:0;
  min-height:50px;
  padding:12px 14px;
  border:1px solid rgba(69,47,105,.20);
  border-radius:13px;
  outline:0;
  color:var(--arh-ink);
  background:rgba(255,255,255,.92);
  box-shadow:0 6px 18px rgba(16,11,37,.035);
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}

.arh-form input::placeholder,
.arh-transaction-form input::placeholder{color:#978e9e}

.arh-form input:focus,
.arh-form select:focus,
.arh-form textarea:focus,
.arh-transaction-form input:focus{
  border-color:var(--arh-gold);
  background:#fff;
  box-shadow:0 0 0 4px rgba(214,173,87,.16);
}

.arh-birth-time{
  min-width:0;
  display:grid;
  grid-template-columns:1fr 1fr .9fr;
  gap:8px;
}

.arh-birth-time select{min-width:0;width:100%}

.arh-coordinate-help{
  grid-column:1/-1;
  padding:13px 15px;
  border:1px solid var(--arh-line);
  border-radius:14px;
  color:#5e5368;
  background:linear-gradient(135deg,#fffdf8,#f5ead2);
  font-size:12px;
  line-height:1.55;
}

.arh-coordinate-help strong{color:#6a4b12}
.arh-city-preset{background:#fffdf9!important}

/* ---------- Buttons ---------- */
.arh-btn{
  min-height:48px;
  max-width:100%;
  padding:12px 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid transparent;
  border-radius:999px;
  color:var(--arh-deep)!important;
  background:linear-gradient(135deg,#e8c77f,#b8872e);
  box-shadow:0 12px 28px rgba(183,135,46,.22);
  font-size:13px;
  font-weight:800;
  line-height:1.25;
  text-align:center;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}

.arh-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(183,135,46,.30);filter:saturate(1.06)}
.arh-btn:disabled{opacity:.62;cursor:not-allowed;transform:none}

.arh-btn.alt,
.arh-talk-btn{
  color:#fff!important;
  background:linear-gradient(135deg,var(--arh-deep2),var(--arh-deep3));
  box-shadow:0 12px 28px rgba(16,11,37,.22);
}

.arh-btn.premium,
.arh-payment-btn{
  color:#171127!important;
  background:linear-gradient(135deg,#f0d18d,#c49339);
}

.arh-cta-row{
  width:100%;
  margin:22px 0 6px;
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  justify-content:center;
  gap:10px;
}

.arh-cta-row .arh-btn{flex:1 1 260px}

/* ---------- Result UI ---------- */
.arh-result{width:100%;min-width:0;margin-top:24px}
.arh-result:not(.active):empty{display:none}

.arh-loading{
  padding:15px 17px;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid var(--arh-line);
  border-radius:14px;
  background:#fff;
  color:var(--arh-deep2);
}

.arh-loading span{
  width:18px;height:18px;border:2px solid rgba(214,173,87,.28);border-top-color:#a67821;border-radius:50%;animation:arhSpin .8s linear infinite
}
@keyframes arhSpin{to{transform:rotate(360deg)}}

.arh-alert{
  padding:14px 16px;
  border:1px solid #e6c66f;
  border-radius:14px;
  color:#634a16;
  background:#fff7da;
  font-weight:700;
  line-height:1.55;
}

.arh-alert-error{border-color:#e1a7ae;color:#7a202c;background:#fff0f2}
.arh-muted{color:var(--arh-muted)}

.arh-report-card{
  overflow:hidden;
  border:1px solid var(--arh-line);
  border-radius:24px;
  background:#fff;
  box-shadow:0 16px 40px rgba(16,11,37,.08);
}

.arh-report-title{
  padding:clamp(22px,4vw,34px);
  text-align:center;
  color:#fff;
  background:
    radial-gradient(circle at 15% 20%,rgba(214,173,87,.20),transparent 28%),
    linear-gradient(135deg,var(--arh-deep),var(--arh-deep3));
}

.arh-report-title>span{color:#f2d899;background:rgba(255,255,255,.07);border-color:rgba(214,173,87,.35)}
.arh-report-title h3{margin:12px 0 7px;color:#fff;font-size:clamp(25px,4vw,38px)}
.arh-report-title p{max-width:760px;margin:auto;color:#d9d1e3;line-height:1.7}

.arh-report-content{padding:clamp(14px,3vw,26px);display:grid;gap:14px;background:#fffdf9}

.arh-report-section{
  min-width:0;
  padding:18px;
  border:1px solid rgba(214,173,87,.22);
  border-radius:18px;
  background:#fff;
}

.arh-report-section h4{margin:0 0 13px;color:var(--arh-deep2);font-family:"Playfair Display",Georgia,serif;font-size:20px}
.arh-report-section p{margin:8px 0;color:#51495d;line-height:1.7;overflow-wrap:anywhere}
.arh-report-section strong{color:var(--arh-deep)}

.arh-kv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0}
.arh-kv-item,.arh-kv-wide,.arh-mini-card{
  min-width:0;padding:13px;border:1px solid rgba(72,47,108,.10);border-radius:13px;background:#fbf8f2;overflow-wrap:anywhere
}
.arh-kv-wide{grid-column:1/-1}
.arh-kv-item>span,.arh-kv-wide h5{display:block;margin:0 0 6px;color:#8b6b2d;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.arh-kv-wide h5{font-size:12px}
.arh-kv-item p,.arh-kv-wide p,.arh-mini-card p{margin:0}

.arh-list-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}

.arh-table-wrap{
  width:100%;
  min-width:0;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  border:1px solid rgba(214,173,87,.22);
  border-radius:14px;
  background:#fff;
}

.arh-report-table{width:100%;min-width:760px;border-collapse:collapse;font-size:12px}
.arh-report-table th,.arh-report-table td{padding:11px 12px;border-bottom:1px solid #eee8dd;border-right:1px solid #f1ece3;text-align:left;vertical-align:top;white-space:normal;overflow-wrap:anywhere}
.arh-report-table th{position:sticky;top:0;z-index:2;color:var(--arh-deep);background:#f4e7c9;font-weight:800}
.arh-report-table tr:last-child td{border-bottom:0}

.arh-chart-wrap{
  width:100%;max-width:100%;min-width:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:14px;text-align:center;border:1px solid var(--arh-line);border-radius:15px;background:#fffdf9
}
.arh-chart-wrap svg{max-width:100%!important;height:auto!important}

.arh-report-link{
  display:inline-flex;padding:10px 15px;border-radius:999px;color:#fff!important;background:var(--arh-deep2);font-weight:800
}

/* ---------- Numerology + zodiac ---------- */
.arh-num-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.arh-num-grid>div{padding:18px;border:1px solid var(--arh-line);border-radius:18px;text-align:center;background:#fff}
.arh-num-grid b{display:block;color:#675d70;font-size:12px}
.arh-num-grid span{display:block;margin-top:7px;color:var(--arh-deep2);font-family:"Playfair Display",Georgia,serif;font-size:42px;font-weight:800}

.arh-zodiac-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;position:relative;z-index:1}
.arh-zodiac{
  min-height:58px;padding:11px;border:1px solid var(--arh-line);border-radius:16px;color:var(--arh-deep2);background:rgba(255,255,255,.88);font-size:12px;font-weight:800;cursor:pointer;transition:.2s
}
.arh-zodiac:hover{transform:translateY(-2px);border-color:var(--arh-gold);background:#fff6de}
.arh-result .arh-horo-date{margin:0 0 12px}

/* ---------- Pricing/help ---------- */
.arh-service-help{
  margin:26px 0 8px;
  padding:clamp(18px,3vw,28px);
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  overflow:hidden;
  border:1px solid rgba(214,173,87,.26);
  border-radius:24px;
  color:#fff;
  background:
    radial-gradient(circle at 0 0,rgba(214,173,87,.16),transparent 34%),
    linear-gradient(135deg,var(--arh-deep),var(--arh-deep3));
  box-shadow:0 18px 42px rgba(16,11,37,.18);
}

.arh-service-help-copy>span{display:inline-block;color:#e8c77f;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.arh-service-help h3{margin:4px 0 7px;color:#fff;font-size:clamp(20px,3vw,28px)}
.arh-service-help p{max-width:720px;margin:0;color:#cec5d8;font-size:13px;line-height:1.65}
.arh-service-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}
.arh-service-help .arh-btn{margin:0;min-width:145px}
.arh-check-price{color:#171127!important;background:linear-gradient(135deg,#e8c77f,#b8872e)!important}
.arh-talk-btn{background:#225c42!important;color:#fff!important}

.arh-price-panel{
  grid-column:1/-1;
  padding-top:16px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  border-top:1px solid rgba(255,255,255,.12)
}
.arh-price-panel[hidden]{display:none!important}
.arh-price-item{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.06)}
.arh-price-item span{color:#fff;font-size:12px}
.arh-price-item strong{color:#e8c77f;white-space:nowrap}

/* ---------- Back home ---------- */
.arh-back-wrap{position:relative;z-index:1;margin:22px 0 2px;text-align:center}
.arh-back-home{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border:1px solid var(--arh-line);border-radius:999px;color:var(--arh-deep2)!important;background:#fff;font-size:12px;font-weight:800;box-shadow:0 9px 22px rgba(16,11,37,.07);transition:.2s
}
.arh-back-home:hover{transform:translateY(-2px);border-color:var(--arh-gold);background:#fff8e7}

/* ---------- Combined dashboard shortcode ---------- */
.arh-hub{
  width:min(1440px,calc(100% - 26px));
  max-width:100%;
  margin:24px auto;
}

.arh-hub-hero{
  padding:clamp(30px,5vw,66px);
  position:relative;
  overflow:hidden;
  text-align:center;
  color:#fff;
  border:1px solid rgba(214,173,87,.22);
  border-radius:30px 30px 0 0;
  background:
    radial-gradient(circle at 18% 20%,rgba(115,73,183,.32),transparent 32%),
    radial-gradient(circle at 80% 70%,rgba(214,173,87,.18),transparent 30%),
    linear-gradient(135deg,#0d081d,#241244 62%,#100b25);
  box-shadow:0 20px 55px rgba(16,11,37,.20);
}

.arh-hub-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:radial-gradient(circle,rgba(255,255,255,.55) 1px,transparent 1px);background-size:34px 34px}
.arh-hub-hero>*{position:relative;z-index:1}
.arh-hub-hero>span{display:inline-flex;padding:7px 12px;border:1px solid rgba(214,173,87,.35);border-radius:999px;color:#f0d18d;background:rgba(255,255,255,.05);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.arh-hub-hero h2{max-width:900px;margin:14px auto 10px;color:#fff;font-family:"Playfair Display",Georgia,serif;font-size:clamp(30px,5vw,54px);line-height:1.08}
.arh-hub-hero p{max-width:840px;margin:auto;color:#d8d0e1;line-height:1.75}
.arh-hub-hero .arh-back-home{margin-top:20px;color:#171127!important;background:#f4dfae}

.arh-hub-tabs{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:1px;
  overflow:auto;
  border-right:1px solid #ded4c2;
  border-left:1px solid #ded4c2;
  background:#ded4c2;
  scrollbar-width:thin;
}

.arh-hub-tab{
  min-width:140px;
  min-height:72px;
  padding:12px 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:0;
  color:var(--arh-deep2);
  background:#fffdf9;
  font-size:11px;
  font-weight:800;
  text-align:center;
  cursor:pointer;
  transition:.2s
}
.arh-tab-icon{color:#a97824;font-size:16px;line-height:1}
.arh-hub-tab:hover,.arh-hub-tab.active{color:#fff;background:linear-gradient(135deg,var(--arh-deep2),var(--arh-deep3))}
.arh-hub-tab.active .arh-tab-icon{color:#e8c77f}

.arh-hub-panels{
  padding:clamp(8px,2vw,20px);
  border:1px solid #ded4c2;
  border-top:0;
  border-radius:0 0 30px 30px;
  background:#f5efe4;
  box-shadow:0 20px 55px rgba(16,11,37,.10)
}
.arh-hub-panel{display:none}
.arh-hub-panel.active{display:block;animation:arhFade .28s ease}
.arh-hub-panel>.arh-box{width:100%;margin:0;max-width:none}
@keyframes arhFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ---------- Manual QR payment modal ---------- */
body.arh-modal-open{overflow:hidden!important}
.arh-payment-modal[hidden]{display:none!important}
.arh-payment-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:16px}
.arh-payment-backdrop{position:absolute;inset:0;background:rgba(5,3,12,.82);backdrop-filter:blur(7px)}

.arh-payment-dialog{
  width:min(560px,100%);
  max-height:min(92vh,820px);
  overflow:auto;
  position:relative;
  z-index:1;
  padding:clamp(22px,4vw,34px);
  border:1px solid rgba(214,173,87,.32);
  border-radius:28px;
  background:
    radial-gradient(circle at 0 0,rgba(214,173,87,.14),transparent 28%),
    linear-gradient(145deg,#fffdf8,#f8f3e9);
  box-shadow:0 34px 90px rgba(0,0,0,.34);
}

.arh-payment-close{
  width:38px;height:38px;padding:0;position:absolute;top:14px;right:14px;display:grid;place-items:center;border:1px solid rgba(72,47,108,.10);border-radius:50%;color:var(--arh-deep2);background:#fff;cursor:pointer;font-size:24px;line-height:1
}

.arh-payment-kicker{display:inline-flex;padding:6px 10px;border:1px solid var(--arh-line);border-radius:999px;color:#806018;background:#fff8e8;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.arh-payment-dialog h2{margin:10px 44px 7px 0;font-size:clamp(28px,5vw,38px)}
.arh-payment-subtitle{margin:0 0 18px;color:var(--arh-muted);font-size:13px;line-height:1.65}

.arh-payment-summary{display:grid;grid-template-columns:1.35fr .65fr;gap:9px;margin-bottom:14px}
.arh-payment-summary>div{padding:13px 14px;border:1px solid var(--arh-line);border-radius:15px;background:#fff}
.arh-payment-summary span{display:block;margin-bottom:4px;color:#83798a;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.arh-payment-summary strong{display:block;color:var(--arh-deep2);font-size:14px;overflow-wrap:anywhere}

.arh-payment-qr-area{
  padding:16px;
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  gap:16px;
  align-items:center;
  border:1px solid var(--arh-line);
  border-radius:20px;
  background:#fff;
}
.arh-payment-qr-area img{width:190px;height:190px;object-fit:contain;border:1px solid #eee4d3;border-radius:15px;background:#fff}
.arh-qr-placeholder{min-height:190px;padding:16px;display:grid;place-items:center;border:1px dashed #cdb88a;border-radius:15px;color:#7b6a45;background:#fff9e9;text-align:center;font-size:12px;font-weight:700}
.arh-payment-copy>span{display:block;color:#8d815f;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.arh-payment-copy>strong{display:block;margin:3px 0 8px;color:var(--arh-deep2);font-size:17px;overflow-wrap:anywhere}
.arh-payment-copy p{margin:10px 0 0;color:#6e6575;font-size:12px;line-height:1.55}
.arh-copy-upi{padding:7px 10px;border:1px solid var(--arh-line);border-radius:999px;color:var(--arh-deep2);background:#fff9e9;font-size:10px;font-weight:800;cursor:pointer}

.arh-transaction-form{margin-top:16px}
.arh-transaction-form label{display:block;margin:0 0 7px;color:var(--arh-deep2);font-size:12px;font-weight:800}
.arh-transaction-form .arh-btn{width:100%;margin-top:10px}
.arh-whatsapp-submit{color:#fff!important;background:linear-gradient(135deg,#1d6746,#2d8a61)!important;box-shadow:0 13px 28px rgba(29,103,70,.20)!important}
.arh-payment-error{margin:9px 0 0;padding:10px 12px;border:1px solid #e1a7ae;border-radius:10px;color:#7a202c;background:#fff0f2;font-size:11px;font-weight:700}

/* ---------- Responsive ---------- */
@media (min-width:1500px){
  .arh-box{width:min(1320px,calc(100% - 64px))}
  .arh-hub{width:min(1540px,calc(100% - 48px))}
  .arh-head p,.arh-hub-hero p{font-size:16px}
}

@media (max-width:1100px){
  .arh-hub-tabs{grid-template-columns:repeat(4,minmax(150px,1fr))}
  .arh-kv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .arh-zodiac-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:820px){
  .arh-box{width:min(100% - 20px,1180px);margin:16px auto;padding:22px 16px;border-radius:22px}
  .arh-box::before{inset:6px;border-radius:17px}
  .arh-grid-2{grid-template-columns:1fr}
  .arh-num-grid{grid-template-columns:1fr}
  .arh-list-cards{grid-template-columns:1fr}
  .arh-service-help{grid-template-columns:1fr}
  .arh-service-actions{justify-content:stretch;display:grid;grid-template-columns:1fr 1fr}
  .arh-service-help .arh-btn{width:100%;min-width:0}
  .arh-price-panel{grid-template-columns:1fr}
  .arh-payment-qr-area{grid-template-columns:160px minmax(0,1fr)}
  .arh-payment-qr-area img,.arh-qr-placeholder{width:160px;min-height:160px;height:160px}
}

@media (max-width:680px){
  .arh-hub{width:calc(100% - 12px);margin:10px auto}
  .arh-hub-hero{padding:30px 16px;border-radius:21px 21px 0 0}
  .arh-hub-tabs{display:flex;overflow-x:auto;scroll-snap-type:x proximity}
  .arh-hub-tab{flex:0 0 150px;min-width:150px;min-height:66px;scroll-snap-align:start}
  .arh-hub-panels{padding:6px;border-radius:0 0 21px 21px}
  .arh-hub-panel>.arh-box{border-radius:18px}
  .arh-head h2{font-size:27px}
  .arh-head p{font-size:13px}
  .arh-form h3{font-size:20px}
  .arh-form input,.arh-form select,.arh-form textarea{font-size:13px}
  .arh-cta-row{display:grid;grid-template-columns:1fr}
  .arh-cta-row .arh-btn{width:100%;flex:none}
  .arh-zodiac-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .arh-kv-grid{grid-template-columns:1fr}
  .arh-report-content{padding:10px}
  .arh-report-section{padding:13px}
  .arh-report-table{min-width:720px}
  .arh-service-actions{grid-template-columns:1fr}
  .arh-payment-dialog{padding:22px 14px;border-radius:21px}
  .arh-payment-summary{grid-template-columns:1fr}
  .arh-payment-qr-area{grid-template-columns:1fr;text-align:center}
  .arh-payment-qr-area img{width:min(250px,82vw);height:auto;aspect-ratio:1/1;margin:auto}
  .arh-qr-placeholder{width:min(250px,82vw);height:auto;min-height:180px;margin:auto}
  .arh-payment-copy{display:grid;justify-items:center}
}

@media (max-width:430px){
  .arh-box{width:calc(100% - 10px);padding:18px 11px;margin:8px auto}
  .arh-head h2{font-size:24px}
  .arh-birth-time{grid-template-columns:1fr 1fr .82fr;gap:5px}
  .arh-birth-time select{padding-left:8px;padding-right:20px;font-size:11px}
  .arh-zodiac-grid{grid-template-columns:1fr}
  .arh-btn{width:100%;font-size:12px;padding-inline:12px}
  .arh-back-home{width:100%}
  .arh-price-item{align-items:flex-start;flex-direction:column}
  .arh-payment-modal{padding:6px}
  .arh-payment-dialog{max-height:96vh;padding:18px 11px}
  .arh-payment-close{top:9px;right:9px}
  .arh-payment-dialog h2{font-size:25px}
}

@media (prefers-reduced-motion:reduce){
  .arh-hub *, .arh-box *, .arh-payment-modal *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}