/* ===== из index.html строки 12-470 ===== */
:root {
  --bg:#06080f; --bg2:#0c0f1a; --surface:#0f1320; --surface2:#141826;
  --border:#1a2035; --border2:#222840;
  --gold:#c9973a; --gold2:#f0c060; --gold3:#e8a820;
  --glow:rgba(201,151,58,0.13);
  --red:#e05050; --green:#3dba6e; --blue:#4488ff;
  --text:#c8d4e8; --text2:#7a8aaa; --text3:#3a4560;
  --font:'Exo 2',sans-serif; --display:'Cinzel',serif; --mono:'Share Tech Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;overflow-x:hidden;}

body::before{content:'';position:fixed;inset:0;
  background:radial-gradient(ellipse at 15% 10%,rgba(201,151,58,0.07) 0%,transparent 45%),
             radial-gradient(ellipse at 85% 90%,rgba(68,136,255,0.04) 0%,transparent 45%);
  pointer-events:none;z-index:0;}
body::after{content:'';position:fixed;inset:0;
  background-image:linear-gradient(rgba(201,151,58,0.025) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(201,151,58,0.025) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse at center,black 20%,transparent 72%);
  pointer-events:none;z-index:0;}

/* ── STATUS BAR ── */
.status-banner{
  position:relative;z-index:10;
  display:flex;align-items:center;justify-content:center;gap:10px;
  padding:10px 20px;font-size:12px;letter-spacing:1px;text-transform:uppercase;
  transition:all 0.3s;
}
.status-banner.open{background:rgba(61,186,110,0.1);border-bottom:1px solid rgba(61,186,110,0.2);color:var(--green);}
.status-banner.closed{background:rgba(224,80,80,0.08);border-bottom:1px solid rgba(224,80,80,0.15);color:var(--red);}
.status-dot{width:7px;height:7px;border-radius:50%;animation:blink 2s infinite;}
.status-banner.open .status-dot{background:var(--green);box-shadow:0 0 8px var(--green);}
.status-banner.closed .status-dot{background:var(--red);box-shadow:0 0 8px var(--red);animation:none;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}

/* ── HEADER ── */
header{position:relative;z-index:10;text-align:center;padding:48px 20px 36px;
  border-bottom:1px solid var(--border);
  background:linear-gradient(180deg,rgba(201,151,58,0.05) 0%,transparent 100%);}
.header-emblem{font-size:36px;margin-bottom:14px;
  animation:glow-pulse 3s ease-in-out infinite;}
@keyframes glow-pulse{
  0%,100%{filter:drop-shadow(0 0 12px rgba(201,151,58,0.4));}
  50%{filter:drop-shadow(0 0 28px rgba(201,151,58,0.7));}}
h1{font-family:var(--display);font-size:clamp(24px,5vw,40px);font-weight:700;
  letter-spacing:6px;text-transform:uppercase;
  background:linear-gradient(135deg,#c9973a,#f0c060,#c9973a);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  margin-bottom:6px;}
.header-sub{font-size:12px;color:var(--text2);letter-spacing:3px;text-transform:uppercase;}
.header-badges{display:flex;justify-content:center;gap:24px;margin-top:18px;flex-wrap:wrap;}
.hbadge{font-size:11px;color:var(--text2);letter-spacing:1px;text-transform:uppercase;
  display:flex;align-items:center;gap:5px;}
.hbadge::before{content:'◆';color:var(--gold);font-size:7px;}
.work-hours{
  display:inline-flex;align-items:center;gap:8px;margin-top:14px;
  background:rgba(201,151,58,0.08);border:1px solid rgba(201,151,58,0.2);
  border-radius:20px;padding:6px 18px;
  font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold2);
}
.wh-dot{font-size:10px;animation:blink 2s infinite;}
.wh-dot.closed{color:var(--red);animation:none;}
.wh-dot.open{color:var(--green);}
/* ── LANG SWITCHER ── */
.lang-switcher{display:flex;align-items:center;gap:4px;margin-top:14px;justify-content:center;}
.cabinet-btn{
  margin-left:12px;padding:5px 14px;
  background:rgba(201,151,58,0.1);border:1px solid rgba(201,151,58,0.3);
  border-radius:14px;color:var(--gold2);font-size:11px;font-weight:600;
  letter-spacing:1px;text-decoration:none;text-transform:uppercase;
  transition:all .15s;
}
.cabinet-btn:hover{background:rgba(201,151,58,0.25);border-color:var(--gold);}
.lang-btn{background:transparent;border:1px solid var(--border2);border-radius:4px;
  padding:4px 10px;font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:1px;
  color:var(--text2);cursor:pointer;transition:all 0.15s;}
.lang-btn:hover{border-color:var(--gold);color:var(--gold2);}
.lang-btn.active{border-color:var(--gold);color:var(--gold2);background:var(--glow);}

/* ── MAIN ── */
.main{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:36px 16px 80px;}

/* ── CLOSED SCREEN ── */
.closed-screen{
  display:none;
  background:var(--surface);border:1px solid var(--border);border-radius:10px;
  padding:48px 32px;text-align:center;margin-bottom:20px;position:relative;overflow:hidden;
}
.closed-screen::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--red),transparent);opacity:0.5;}
.closed-icon{font-size:48px;margin-bottom:16px;}
.closed-title{font-family:var(--display);font-size:20px;letter-spacing:3px;
  text-transform:uppercase;color:var(--red);margin-bottom:8px;}
.closed-sub{font-size:13px;color:var(--text2);line-height:1.7;margin-bottom:20px;}
.closed-time{
  display:inline-block;background:var(--surface2);border:1px solid var(--border2);
  border-radius:6px;padding:10px 24px;
  font-family:var(--mono);font-size:16px;color:var(--text);letter-spacing:2px;
}
.closed-opens{font-size:11px;color:var(--text3);margin-top:8px;letter-spacing:1px;text-transform:uppercase;}

/* ── REQUIREMENTS BLOCK ── */
.req-block{
  background:rgba(201,151,58,0.05);
  border:1px solid rgba(201,151,58,0.2);
  border-left:3px solid var(--gold);
  border-radius:8px;padding:18px 20px;margin-bottom:14px;
}
.req-title{
  font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  color:var(--gold2);margin-bottom:12px;
}
.req-list{display:flex;flex-direction:column;gap:8px;}
.req-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text);}
.req-icon{font-size:15px;flex-shrink:0;margin-top:1px;}
.req-item strong{color:var(--gold2);}

/* ── TRACK BAR ── */
.track-bar{
  background:var(--surface);border:1px solid var(--border);border-radius:8px;
  padding:14px 18px;margin-bottom:20px;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.track-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;
  color:var(--text3);white-space:nowrap;}
.track-bar input{
  flex:1;min-width:150px;background:var(--surface2);border:1px solid var(--border2);
  border-radius:4px;padding:8px 12px;color:var(--text);font-family:var(--mono);
  font-size:13px;letter-spacing:2px;outline:none;text-transform:uppercase;
}
.track-bar input:focus{border-color:var(--gold);}
.btn-track{
  padding:8px 16px;background:transparent;border:1px solid var(--border2);
  border-radius:4px;color:var(--text2);font-family:var(--font);font-size:11px;
  font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;
  transition:all 0.15s;white-space:nowrap;
}
.btn-track:hover{border-color:var(--gold);color:var(--gold2);}
.track-result{font-size:12px;color:var(--text2);display:none;width:100%;}
.track-result.show{display:block;}

/* ── SECTION ── */
.section{
  background:var(--surface);border:1px solid var(--border);border-radius:8px;
  padding:26px;margin-bottom:14px;position:relative;overflow:hidden;
  transition:border-color 0.2s;
}
.section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0.5;}
.section:hover{border-color:var(--border2);}
.section-label{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:var(--gold);margin-bottom:18px;display:flex;align-items:center;gap:10px;}
.section-num{width:20px;height:20px;border-radius:50%;background:var(--glow);
  border:1px solid rgba(201,151,58,0.3);display:flex;align-items:center;justify-content:center;
  font-size:10px;color:var(--gold2);flex-shrink:0;}
.section-label::after{content:'';flex:1;height:1px;background:var(--border2);}

/* ── VOUCHER INPUT ── */
.voucher-wrap{position:relative;}
.voucher-input-row{display:flex;gap:10px;}
.voucher-input-row input{
  flex:1;background:var(--surface2);border:1px solid var(--border2);border-radius:5px;
  padding:12px 16px;color:var(--text);font-family:var(--mono);font-size:16px;
  letter-spacing:3px;outline:none;text-transform:uppercase;
  transition:border-color 0.15s,box-shadow 0.15s;
}
.voucher-input-row input:focus{border-color:var(--gold);box-shadow:0 0 0 2px var(--glow);}
.voucher-input-row input.valid{border-color:var(--green);}
.voucher-input-row input.invalid{border-color:var(--red);}
.btn-validate{
  padding:12px 20px;background:var(--glow);border:1px solid rgba(201,151,58,0.3);
  border-radius:5px;color:var(--gold2);font-family:var(--font);font-size:12px;
  font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;
  transition:all 0.15s;white-space:nowrap;
}
.btn-validate:hover{background:rgba(201,151,58,0.2);border-color:var(--gold);}
.voucher-info{
  display:none;margin-top:12px;
  background:rgba(61,186,110,0.07);border:1px solid rgba(61,186,110,0.2);
  border-radius:6px;padding:14px 16px;
}
.voucher-info.show{display:flex;align-items:center;gap:12px;}
.voucher-info.error{background:rgba(224,80,80,0.07);border-color:rgba(224,80,80,0.2);}
.v-icon{font-size:24px;}
.v-name{font-size:14px;font-weight:700;color:var(--text);}
.v-desc{font-size:11px;color:var(--text2);margin-top:2px;}
.v-res{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.v-res-tag{
  background:var(--surface);border:1px solid var(--border2);
  border-radius:3px;padding:3px 8px;
  font-family:var(--mono);font-size:11px;color:var(--text2);
}

/* ── FORM FIELDS ── */
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}
@media(max-width:560px){.row2,.row3{grid-template-columns:1fr;}}
.field{display:flex;flex-direction:column;gap:5px;}
.field label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text2);}
.field input,.field select,.field textarea{
  background:var(--surface2);border:1px solid var(--border2);border-radius:5px;
  padding:10px 13px;color:var(--text);font-family:var(--mono);font-size:13px;outline:none;
  transition:border-color 0.15s,box-shadow 0.15s;width:100%;
}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--gold);box-shadow:0 0 0 2px var(--glow);}
.field input::placeholder,.field textarea::placeholder{color:var(--text3);}
.field select{cursor:pointer;}
.field select option{background:var(--surface2);}
.field textarea{resize:vertical;min-height:68px;line-height:1.5;}
.field.err input,.field.err select{border-color:var(--red);}
.field-err{font-size:10px;color:var(--red);display:none;}
.field.err .field-err{display:block;}

/* ── AUTO-FILL IDENTIFY BOX ── */
.identify-box{
  background:rgba(59,130,246,0.06);border:1px solid rgba(59,130,246,0.25);
  border-radius:6px;padding:14px;margin-bottom:16px;
}
.identify-label{
  font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  color:#3b82f6;display:block;margin-bottom:8px;
}
.identify-row{display:flex;gap:8px;}
.identify-row input{
  flex:1;background:var(--s2);border:1px solid var(--border2);border-radius:4px;
  padding:10px 14px;color:var(--text);font-family:var(--mono);font-size:12px;
  outline:none;transition:border-color 0.2s;min-width:0;
}
.identify-row input:focus{border-color:#3b82f6;}
.identify-row input::placeholder{color:var(--text3);}
.btn-identify{
  padding:10px 16px;background:#3b82f6;border:none;border-radius:4px;
  color:#fff;font-family:var(--font);font-size:11px;font-weight:700;
  letter-spacing:1px;cursor:pointer;white-space:nowrap;transition:all 0.2s;
  text-transform:uppercase;
}
.btn-identify:hover{filter:brightness(1.15);}
.identify-hint{font-size:10px;color:var(--text3);margin-top:6px;line-height:1.6;}
@media (max-width:480px){
  .identify-row{flex-direction:column;}
  .btn-identify{width:100%;}
}

/* ── FORM LOCKED OVERLAY ── */
.form-locked{
  position:relative;
}
.lock-overlay{
  display:none;position:absolute;inset:0;
  background:rgba(6,8,15,0.7);backdrop-filter:blur(2px);
  z-index:5;border-radius:8px;
  align-items:center;justify-content:center;flex-direction:column;gap:8px;
  font-size:13px;color:var(--text2);text-align:center;padding:20px;
}
.lock-overlay.show{display:flex;}
.lock-icon{font-size:28px;margin-bottom:4px;}

/* ── SUBMIT ── */
.btn-submit{
  width:100%;padding:16px;
  background:linear-gradient(135deg,#b8842e,#d4a840,#b8842e);
  border:none;border-radius:6px;
  font-family:var(--display);font-size:14px;font-weight:600;
  letter-spacing:3px;text-transform:uppercase;color:#0a0800;cursor:pointer;
  transition:all 0.3s;box-shadow:0 4px 20px rgba(201,151,58,0.25);
  display:flex;align-items:center;justify-content:center;gap:8px;
}
.btn-submit:hover:not(:disabled){box-shadow:0 6px 28px rgba(201,151,58,0.4);transform:translateY(-1px);}
.btn-submit:disabled{opacity:0.45;cursor:not-allowed;transform:none;}
.spin{width:16px;height:16px;border:2px solid rgba(0,0,0,0.3);border-top-color:#000;
  border-radius:50%;animation:rot 0.7s linear infinite;display:none;}
@keyframes rot{to{transform:rotate(360deg)}}

/* ── SUCCESS ── */
.success-overlay{
  display:none;position:fixed;inset:0;
  background:rgba(6,8,15,0.96);z-index:200;
  align-items:center;justify-content:center;
  flex-direction:column;padding:20px;
}
.success-overlay.show{display:flex;animation:fadeIn 0.35s ease;}
@keyframes fadeIn{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:none}}
.success-box{
  background:var(--surface);border:1px solid rgba(201,151,58,0.35);
  border-radius:12px;padding:44px 36px;max-width:460px;width:100%;
  text-align:center;position:relative;overflow:hidden;
}
.success-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold2),transparent);}
.success-icon{font-size:52px;margin-bottom:14px;}
.success-title{font-family:var(--display);font-size:20px;letter-spacing:4px;
  text-transform:uppercase;color:var(--gold2);margin-bottom:6px;}
.success-sub{font-size:12px;color:var(--text2);margin-bottom:22px;line-height:1.7;}
.code-box{background:var(--bg);border:1px solid var(--border2);
  border-radius:6px;padding:14px 20px;margin-bottom:20px;}
.code-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--text3);margin-bottom:5px;}
.code-val{font-family:var(--mono);font-size:24px;color:var(--gold2);letter-spacing:5px;}
.code-hint{font-size:10px;color:var(--text3);margin-top:4px;}
.btn-copy{
  display:inline-flex;align-items:center;gap:6px;padding:10px 22px;
  background:transparent;border:1px solid var(--gold);border-radius:4px;
  color:var(--gold2);font-family:var(--font);font-size:11px;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all 0.15s;
}
.btn-copy:hover{background:var(--glow);}
.btn-new{display:block;margin-top:12px;font-size:11px;color:var(--text3);
  cursor:pointer;background:none;border:none;font-family:var(--font);
  text-decoration:underline;}
.btn-new:hover{color:var(--text2);}

/* ── FOOTER ── */
footer{position:relative;z-index:1;text-align:center;padding:22px;
  border-top:1px solid var(--border);font-size:11px;color:var(--text3);letter-spacing:1px;}
footer span{color:var(--gold);}

/* ── SHOP TABS ── */
.page-tabs{display:flex;gap:0;margin-bottom:20px;
  background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;}
.page-tab{flex:1;padding:13px;text-align:center;font-size:12px;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;
  color:var(--text3);transition:all 0.2s;border:none;background:transparent;}
.page-tab:hover{color:var(--text2);background:rgba(255,255,255,0.02);}
.page-tab.active{color:var(--gold2);background:var(--glow);border-bottom:2px solid var(--gold);}
.page-content{display:none;}
.page-content.active{display:block;}

/* ── PACKAGES SHOP ── */
.pkg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:16px;}
.pkg-card{
  background:var(--surface);border:1px solid var(--border);border-radius:8px;
  padding:18px;cursor:pointer;transition:all 0.2s;position:relative;overflow:hidden;
}
.pkg-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;}
.pkg-card:hover{border-color:var(--gold);transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(201,151,58,0.15);}
.pkg-card:hover::before{opacity:0.7;}
.pkg-card.selected{border-color:var(--gold);background:var(--glow);}
.pkg-card.selected::before{opacity:1;}
.pkg-emoji{font-size:28px;margin-bottom:8px;}
.pkg-name{font-family:var(--display);font-size:13px;letter-spacing:2px;
  text-transform:uppercase;color:var(--gold2);margin-bottom:4px;}
.pkg-display{font-size:11px;color:var(--text2);margin-bottom:10px;line-height:1.6;}
.pkg-res{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;}
.pkg-res-item{display:flex;align-items:center;gap:6px;
  background:rgba(255,255,255,0.05);border:1px solid var(--border2);
  border-radius:5px;padding:5px 10px;font-size:12px;color:var(--text2);
  transition:all 0.15s;}
.pkg-card.selected .pkg-res-item{
  background:rgba(201,151,58,0.08);border-color:rgba(201,151,58,0.25);color:var(--text);
}
.pkg-res-item img{width:18px;height:18px;object-fit:contain;image-rendering:crisp-edges;}
.pkg-price{font-family:var(--mono);font-size:20px;color:var(--text);font-weight:700;}
.pkg-price span{font-size:12px;color:var(--text3);}
.pkg-check{position:absolute;top:10px;right:10px;width:18px;height:18px;
  border-radius:50%;background:var(--gold);display:none;
  align-items:center;justify-content:center;font-size:10px;color:#000;}
.pkg-card.selected .pkg-check{display:flex;}

.btn-pay{
  width:100%;padding:16px;
  background:linear-gradient(135deg,#1a8a3a,#22c55e,#1a8a3a);
  border:none;border-radius:6px;
  font-family:var(--display);font-size:14px;font-weight:600;
  letter-spacing:3px;text-transform:uppercase;color:#000;cursor:pointer;
  transition:all 0.3s;box-shadow:0 4px 20px rgba(34,197,94,0.25);
  display:flex;align-items:center;justify-content:center;gap:8px;
}
.btn-pay:hover:not(:disabled){box-shadow:0 6px 28px rgba(34,197,94,0.4);transform:translateY(-1px);}
.btn-pay:disabled{opacity:0.4;cursor:not-allowed;transform:none;}

/* ── YOOKASSA BUTTON ── */
.btn-yookassa{
  width:100%;padding:14px;
  background:linear-gradient(135deg,#8b3ff5,#6b2fd4,#8b3ff5);
  border:none;border-radius:6px;
  font-family:var(--display);font-size:14px;font-weight:600;
  letter-spacing:2px;text-transform:uppercase;color:#fff;cursor:pointer;
  transition:all 0.3s;box-shadow:0 4px 20px rgba(139,63,245,0.3);
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin-bottom:10px;
}
.btn-yookassa:hover:not(:disabled){box-shadow:0 6px 28px rgba(139,63,245,0.5);transform:translateY(-1px);}
.btn-yookassa:disabled{opacity:0.35;cursor:not-allowed;transform:none;}

/* ── PAYPAL BUTTON ── */
.btn-paypal{
  width:100%;padding:14px;
  background:linear-gradient(135deg,#003087,#0070ba,#003087);
  border:none;border-radius:6px;
  font-family:var(--display);font-size:14px;font-weight:600;
  letter-spacing:2px;text-transform:uppercase;color:#fff;cursor:pointer;
  transition:all 0.3s;box-shadow:0 4px 20px rgba(0,112,186,0.25);
  display:flex;align-items:center;justify-content:center;gap:8px;
}
.btn-paypal:hover:not(:disabled){box-shadow:0 6px 28px rgba(0,112,186,0.4);transform:translateY(-1px);}
.btn-paypal:disabled{opacity:0.35;cursor:not-allowed;transform:none;}

/* ── QUANTITY SELECTOR ── */
.qty-row{
  display:flex;align-items:center;gap:14px;
  margin-top:16px;padding:14px 16px;
  background:var(--surface2);border:1px solid var(--border2);border-radius:6px;
}
.qty-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--text2);white-space:nowrap;}
.qty-controls{display:flex;align-items:center;gap:8px;}
.qty-btn{
  width:30px;height:30px;border-radius:4px;border:1px solid var(--border2);
  background:var(--surface);color:var(--gold2);font-size:16px;font-weight:700;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:all 0.15s;line-height:1;
}
.qty-btn:hover{border-color:var(--gold);background:var(--glow);}
.qty-val{
  font-family:var(--mono);font-size:18px;color:var(--text);
  min-width:32px;text-align:center;font-weight:700;
}
.qty-price{
  margin-left:auto;text-align:right;
}
.qty-price-val{
  font-family:var(--mono);font-size:20px;color:var(--gold2);font-weight:700;
}
.qty-price-sub{font-size:10px;color:var(--text3);letter-spacing:1px;text-transform:uppercase;}

/* ── DISCOUNT BADGE ── */
.discount-badge{
  display:inline-block;background:linear-gradient(135deg,#22c55e,#16a34a);
  color:#000;font-size:10px;font-weight:800;letter-spacing:1px;
  padding:2px 7px;border-radius:20px;text-transform:uppercase;
  margin-left:6px;vertical-align:middle;
}
.price-original{
  font-family:var(--mono);font-size:13px;color:var(--text3);
  text-decoration:line-through;margin-right:6px;
}
.price-final{
  font-family:var(--mono);font-size:20px;color:var(--green);font-weight:700;
}
.savings-line{
  font-size:11px;color:var(--green);margin-top:4px;letter-spacing:1px;
}

/* ── PAYMENT SUCCESS ── */
.pay-success{
  display:none;background:var(--surface);border:1px solid rgba(34,197,94,0.3);
  border-radius:8px;padding:32px;text-align:center;
}
.pay-success.show{display:block;}
.pay-success-icon{font-size:48px;margin-bottom:12px;}
.pay-voucher-box{background:var(--bg);border:1px solid var(--border2);
  border-radius:6px;padding:16px;margin:16px 0;}
.pay-voucher-code{font-family:var(--mono);font-size:22px;color:var(--gold2);
  letter-spacing:4px;margin-top:4px;}
/* ===== из index.html строки 493-540 ===== */
.stats-counter{
  position:fixed; top:14px; right:14px; z-index:999;
  display:flex; align-items:center; gap:14px;
  padding:10px 16px;
  background:linear-gradient(135deg, rgba(10,8,16,0.92), rgba(20,14,8,0.92));
  border:1px solid rgba(232,160,32,0.35);
  border-radius:10px;
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  box-shadow:0 4px 16px rgba(0,0,0,0.4), 0 0 20px rgba(232,160,32,0.08);
  font-family:'Rajdhani','Segoe UI',sans-serif;
  animation: stats-glow 3s ease-in-out infinite;
  opacity:0; transform:translateY(-10px);
  transition:opacity 0.6s ease, transform 0.6s ease;
}
.stats-counter.loaded{ opacity:1; transform:translateY(0); }
.stats-item{ display:flex; flex-direction:column; align-items:center; min-width:60px; }
.stats-value{
  font-family:'Share Tech Mono','Consolas',monospace;
  font-size:18px; font-weight:700; color:#ffcc44;
  letter-spacing:0.5px; line-height:1;
  text-shadow:0 0 10px rgba(255,204,68,0.4);
  font-variant-numeric: tabular-nums;
}
.stats-label{
  font-size:9px; font-weight:700; letter-spacing:1.5px;
  text-transform:uppercase; color:#8b95a8; margin-top:4px;
}
.stats-divider{
  width:1px; height:28px;
  background:linear-gradient(to bottom, transparent, rgba(232,160,32,0.4), transparent);
}
@keyframes stats-glow{
  0%, 100%{ box-shadow:0 4px 16px rgba(0,0,0,0.4), 0 0 20px rgba(232,160,32,0.08); }
  50%{ box-shadow:0 4px 20px rgba(0,0,0,0.5), 0 0 28px rgba(232,160,32,0.18); }
}
.stats-pop{ animation: stats-pop 0.4s ease-out; }
@keyframes stats-pop{
  0%{ transform:scale(1); }
  50%{ transform:scale(1.15); color:#fff; }
  100%{ transform:scale(1); }
}
@media(max-width:600px){
  .stats-counter{ top:8px; right:8px; padding:6px 10px; gap:8px; }
  .stats-value{ font-size:14px; }
  .stats-label{ font-size:8px; }
  .stats-divider{ height:22px; }
  .stats-item{ min-width:42px; }
}
/* ===== из index.html строки 570-573 ===== */
#announcement-bar.info{background:rgba(99,102,241,0.1);border:1px solid rgba(99,102,241,0.3);color:#a5b4fc}
#announcement-bar.warning{background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.3);color:#fbbf24}
#announcement-bar.error{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);color:#fca5a5}
#announcement-bar.success{background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.3);color:#86efac}
/* ===== из index.html строки 866-875 ===== */
.save-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:14px 0 8px}
.btn-save{
  padding:9px 16px;background:rgba(255,255,255,0.04);border:1px solid var(--border2);
  border-radius:6px;color:var(--text);font-family:inherit;font-size:12px;
  cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:4px;
}
.btn-save:hover{border-color:var(--gold);color:var(--gold2)}
.btn-save.btn-tg{background:rgba(34,158,217,0.1);border-color:rgba(34,158,217,0.3);color:#229ED9}
.btn-save.btn-tg:hover{background:rgba(34,158,217,0.2);border-color:#229ED9}
.btn-save.done{border-color:var(--green);color:var(--green)}
/* ===== из index.html строки 2348-2391 ===== */
#tg-float{
  position:fixed; bottom:28px; left:24px; z-index:1000;
  display:flex; align-items:center; gap:10px;
  padding:10px 18px 10px 10px;
  background:linear-gradient(135deg,#229ED9,#1a7fc1);
  border-radius:40px;
  box-shadow:0 6px 20px rgba(34,158,217,0.5), 0 0 0 0 rgba(34,158,217,0.7);
  text-decoration:none; color:#fff;
  font-family:'Rajdhani','Segoe UI',sans-serif;
  font-size:13px; font-weight:700;
  letter-spacing:1.2px; text-transform:uppercase;
  transition:transform 0.2s, box-shadow 0.2s;
  animation: tg-float-pulse 2.4s ease-in-out infinite;
}
#tg-float:hover{
  transform:scale(1.06) translateY(-2px);
  box-shadow:0 10px 30px rgba(34,158,217,0.7);
}
#tg-float .tg-icon{
  width:36px; height:36px; border-radius:50%;
  background:rgba(255,255,255,0.15);
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
}
#tg-float .tg-pulse{
  position:absolute; inset:0; border-radius:40px;
  border:2px solid #229ED9; opacity:0;
  animation: tg-pulse-ring 2.4s ease-out infinite;
  pointer-events:none;
}
@keyframes tg-float-pulse{
  0%, 100%{ box-shadow:0 6px 20px rgba(34,158,217,0.5), 0 0 0 0 rgba(34,158,217,0.6); }
  50%{ box-shadow:0 6px 24px rgba(34,158,217,0.7), 0 0 0 10px rgba(34,158,217,0); }
}
@keyframes tg-pulse-ring{
  0%{ opacity:0.6; transform:scale(1); }
  100%{ opacity:0; transform:scale(1.3); }
}
@media(max-width:600px){
  #tg-float{ padding:8px 14px 8px 8px; font-size:11px; gap:6px; }
  #tg-float .tg-icon{ width:30px; height:30px; }
  #tg-float .tg-icon svg{ width:20px; height:20px; }
  #tg-float .tg-text{ display:none; }
}
/* ===== из index.html строки 2462-2508 ===== */
#oldcat-wrap {
  position: fixed;
  bottom: 16px;
  right: 16px;
  z-index: 998;
  display: block;
  width: 110px;
  height: 110px;
  cursor: pointer;
  text-decoration: none;
  filter: drop-shadow(0 6px 18px rgba(255, 60, 30, 0.45));
  animation: oc-float 3.5s ease-in-out infinite;
  transition: transform 0.3s ease, filter 0.3s ease;
}
#oldcat-wrap:hover {
  transform: scale(1.1);
  filter: drop-shadow(0 10px 28px rgba(255, 80, 40, 0.85));
}
#oldcat-svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}
#oc-halo-bg {
  transform-origin: 50px 48px;
  animation: oc-halo-pulse 3s ease-in-out infinite;
}
#oc-eyes {
  filter: drop-shadow(0 0 1px #ffaa00);
  animation: oc-eyes-glow 2.5s ease-in-out infinite;
}
@keyframes oc-float {
  0%, 100% { transform: translateY(0px); }
  50%      { transform: translateY(-8px); }
}
@keyframes oc-halo-pulse {
  0%, 100% { opacity: 0.85; transform: scale(1); }
  50%      { opacity: 1;    transform: scale(1.04); }
}
@keyframes oc-eyes-glow {
  0%, 100% { filter: drop-shadow(0 0 1px #ffaa00); }
  50%      { filter: drop-shadow(0 0 3px #ffdd40) drop-shadow(0 0 6px rgba(255,200,40,0.7)); }
}
@media (max-width: 600px) {
  #oldcat-wrap { width: 80px; height: 80px; bottom: 10px; right: 10px; }
}