.respect-shop-wrap{
  --rs-bg:#0d1323;
  --rs-panel:#081a4d;
  --rs-panel2:#020f35;
  --rs-line:rgba(255,255,255,.10);
  --rs-text:#fff;
  --rs-muted:#b9c4e1;
  --rs-price:#ff9d47;
  max-width:1245px;
  margin:0 auto;
  color:var(--rs-text);
  font-family:inherit;
}
.respect-shop-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  margin-bottom:36px;
}
.respect-shop-kicker{
  color:#8fb0ff;
  font-size:14px;
  margin-bottom:10px;
}
.respect-shop-title{
  margin:0 0 14px;
  color:#fff;
  font-weight:700;
  font-size:42px;
  line-height:1.05;
}
.respect-shop-subtitle{
  margin:0;
  font-size:17px;
  color:#c8d0e8;
}
.respect-shop-balance{
  min-width:220px;
  padding:22px 26px;
  text-align:right;
  border-radius:22px;
  border:1px solid rgba(0,96,255,.45);
  background:linear-gradient(180deg,#00133f 0%,#051438 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 0 30px rgba(0,81,255,.12);
}
.respect-shop-balance span{
  display:block;
  color:#e3e8f7;
  font-size:14px;
  margin-bottom:8px;
}
.respect-shop-balance strong{
  display:block;
  font-size:34px;
  line-height:1;
  letter-spacing:.02em;
  color:#fff;
}
.respect-shop-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.respect-pack-card{
  position:relative;
  overflow:hidden;
  min-height:420px;
  border:1px solid rgba(255,255,255,.13);
  background:
    radial-gradient(circle at 50% 48%, rgba(74,104,160,.42) 0%, rgba(5,26,72,.8) 28%, rgba(1,14,52,1) 62%, rgba(1,11,42,1) 100%),
    linear-gradient(180deg,#041449 0%,#020d31 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.respect-pack-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 50%, rgba(134,176,255,.18), rgba(0,0,0,0) 42%);
  pointer-events:none;
}
.respect-pack-badge{
  position:absolute;
  top:18px;
  right:18px;
  z-index:2;
  padding:7px 18px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(79,92,156,.95) 0%, rgba(55,34,88,.95) 100%);
  box-shadow:0 0 22px rgba(255,62,106,.30);
  color:#fff;
  font-size:14px;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.respect-pack-image-wrap{
  min-height:300px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:34px 22px 12px;
}
.respect-pack-image{
  width:min(44%, 170px);
  max-width:170px;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 8px 25px rgba(0,0,0,.34));
}
.respect-pack-footer{
  position:absolute;
  left:0; right:0; bottom:0;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:18px 18px 18px 20px;
  border-top:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(0,8,26,.05) 0%, rgba(0,9,34,.82) 12%, rgba(1,9,34,.96) 100%);
}
.respect-pack-name{
  color:#fff;
  font-size:28px;
  font-weight:900;
  line-height:.95;
  text-transform:uppercase;
  max-width:220px;
  word-break:break-word;
}
.respect-pack-count{
  margin-top:10px;
  color:#d5def4;
  font-size:14px;
}
.respect-pack-buy{
  min-width:128px;
  height:58px;
  padding:0 22px;
  border:1px solid #ff5a20;
  background:rgba(0,0,0,.05);
  color:var(--rs-price);
  font-size:21px;
  font-weight:800;
  cursor:pointer;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.respect-pack-buy:hover{transform:translateY(-2px); box-shadow:0 8px 24px rgba(255,90,32,.18); background:rgba(255,90,32,.06)}
.respect-pack-buy.is-loading{opacity:.7; pointer-events:none}
.respect-shop-notice,.respect-shop-result{
  max-width:900px; margin:30px auto; padding:22px 24px; border-radius:16px; color:#fff;
  background:#111a30; border:1px solid rgba(255,255,255,.1)
}
@media (max-width: 1100px){
  .respect-shop-grid{grid-template-columns:1fr}
  .respect-shop-balance{min-width:190px}
}
@media (max-width: 767px){
  .respect-shop-head{flex-direction:column}
  .respect-shop-title{font-size:32px}
  .respect-pack-name{font-size:23px}
}