/* Shared finishing details. Glass dimensions follow their content, not the sample's fixed size. */
.cheapotp-brand-logo {
  display: inline-flex;
  align-items: center;
  flex: none;
  gap: 0;
  color: #14233b;
  font: 800 24px/1 var(--font-display, system-ui, sans-serif);
  letter-spacing: -.5px;
  text-decoration: none;
  white-space: nowrap;
  user-select: none;
}
html[data-theme="dark"] .cheapotp-brand-logo { color: #fff; }
.cheapotp-brand-logo:hover { text-decoration: none; }
.cheapotp-brand-logo:focus-visible { outline: 2px solid #ffb703; outline-offset: 5px; border-radius: 4px; }
.cheapotp-icon { width: 21px; height: 21px; margin-inline-end: 8px; color: #ffb703; filter: drop-shadow(0 0 7px rgba(255,183,3,.55)); }
.text-cheap { color: inherit; }
.text-otp-gradient {
  background: linear-gradient(135deg, #e99d00, #d86600);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
html[data-theme="dark"] .text-otp-gradient { background-image: linear-gradient(135deg, #ffb703, #fb8500); }
.cheapotp-status-dot {
  width: 6px; height: 6px; margin-inline-start: 7px; align-self: flex-start; margin-top: 3px;
  border-radius: 50%; background: #00cf77; box-shadow: 0 0 8px rgba(0,207,119,.8);
  animation: cheapotp-blink 1.8s infinite ease-in-out;
}
@keyframes cheapotp-blink { 0%,100% { opacity: .45; transform: scale(.9); } 50% { opacity: 1; transform: scale(1.1); } }
@media (prefers-reduced-motion: reduce) { .cheapotp-status-dot { animation: none; } }
.store-preview-mark svg { width: 20px; height: 20px; }
@media (max-width: 720px) { .cheapotp-brand-logo { font-size: 21px; } .cheapotp-icon { width: 19px; height: 19px; } }
body > header, .rental-page > header { border-bottom: 0; box-shadow: none; }
.rental-page .rental-group[hidden] { display: none; }
.rental-page .country-picker summary { min-width: 0; }
.rental-page .country-picker summary > span[data-region-code] { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rental-page .country-picker .country-caret {
  display: block; flex: none; width: 9px; height: 9px;
  margin-inline-start: auto; margin-inline-end: 4px; margin-left: 0;
  border-inline-end: 2px solid currentColor; border-bottom: 2px solid currentColor;
  color: var(--text-secondary); font-size: 0; line-height: 0;
  transform: translateY(-2px) rotate(45deg); transform-origin: center;
}
.rental-page .country-picker[open] .country-caret { transform: translateY(2px) rotate(225deg); }

/* The drag handle advertises horizontal resizing instead of looking like a scrollbar. */
@media (min-width: 721px) {
  .rental-page .rental-workspace:not(.is-collapsed) { grid-template-columns: var(--sidebar-width) 24px minmax(0, 1fr); }
  .rental-page .rental-workspace:not(.is-collapsed) .sidebar-resizer { display: grid; place-items: center; min-width: 24px; background: transparent; }
  .rental-page .rental-workspace:not(.is-collapsed) .sidebar-resizer::after {
    content: "↔"; display: grid; place-items: center; position: static;
    width: 27px; height: 32px; border-radius: 10px;
    border: 1px solid rgba(179, 211, 249, .5);
    background: rgba(39, 68, 107, .8); color: #eaf3ff;
    font: 700 17px/1 var(--font-ui); box-shadow: 0 4px 14px rgba(0, 0, 0, .2), inset 0 1px rgba(255,255,255,.2);
    transform: none;
  }
  .rental-page .rental-workspace:not(.is-collapsed) .sidebar-resizer:hover::after,
  .rental-page .rental-workspace:not(.is-collapsed) .sidebar-resizer:focus-visible::after { border-color: #9fc7ff; background: #355b91; }
  .rental-page .sidebar-resizer:focus-visible { outline: 2px solid #9fc7ff; outline-offset: -2px; }
}

/* Account page: consistent card rhythm and no cramped adjoining rows. */
.account-page { background: radial-gradient(circle at 13% 19%, rgba(76, 134, 226, .17), transparent 31%), radial-gradient(circle at 91% 79%, rgba(38, 180, 160, .12), transparent 33%), var(--bg); }
html[data-theme="dark"] .account-page { background: radial-gradient(circle at 9% 16%, rgba(79, 146, 248, .23), transparent 29%), radial-gradient(circle at 88% 83%, rgba(27, 167, 150, .18), transparent 31%), #0b1422; }
.account-page main { width: 100%; max-width: none; padding: clamp(36px, 4vw, 64px) clamp(20px, 4vw, 76px) 76px; }
.account-page .page-heading { margin: 0 0 28px; align-items: start; }
.account-page .page-heading h1 { overflow-wrap: anywhere; }
.account-page .page-heading .eyebrow { margin-bottom: 6px; }
.account-page .stats { gap: 18px; margin: 0 0 20px; }
.account-page .stats article { min-height: 154px; padding: 24px; }
.account-page .stats strong { margin: 8px 0 6px; font-size: clamp(1.55rem, 2.3vw, 1.9rem); }
.account-page main > .card { margin: 0 0 20px; padding: 24px; }
.account-page .two-col { gap: 20px; align-items: stretch; }
.account-page .two-col .card { min-width: 0; padding: 24px; }
.account-page .card h2 { margin: 0 0 17px; }
.account-page .card p { margin: 0 0 18px; }
.account-page .section-title { align-items: baseline; }
.account-page .table-wrap { overflow-x: auto; }
.account-page table { width: 100%; }

/* A content-aware footer with real pages for all links. */
body > footer.site-footer {
  max-width: none; width: 100%; margin: 0; padding: 46px clamp(20px, 5vw, 72px) 20px;
  border-top: 1px solid rgba(156, 185, 220, .2);
  border-radius: 28px 28px 0 0;
  background: #eaf1f9; color: #43566e;
  font-size: .875rem;
}
.site-footer-inner, .site-footer-bottom { max-width: 1120px; margin-inline: auto; }
.site-footer-inner { display: grid; grid-template-columns: minmax(220px, 1.45fr) repeat(3, minmax(130px, 1fr)); gap: clamp(20px, 2vw, 32px); }
.site-footer-brand p { max-width: 310px; margin: 15px 0 0; font-size: .875rem; line-height: 1.6; }
.site-footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.site-footer-column h2 { margin: 0 0 4px; color: #15243b; font: 700 .875rem/1.4 var(--font-ui); letter-spacing: 0; }
.site-footer-column a { color: inherit; text-decoration: none; line-height: 1.5; }
.site-footer-column a:hover, .site-footer-column a:focus-visible { color: #155eef; text-decoration: underline; text-underline-offset: 3px; }
.site-footer-bottom { display: flex; justify-content: space-between; gap: 18px; margin-top: 40px; padding-top: 17px; border-top: 1px solid rgba(156,185,220,.28); font-size: .75rem; }
html[data-theme="dark"] body > footer.site-footer { background: #0d1522; border-color: rgba(183, 208, 238, .14); color: #b9c8d9; }
html[data-theme="dark"] .site-footer-column h2 { color: #f1f5fc; }
html[data-theme="dark"] .site-footer-column a:hover, html[data-theme="dark"] .site-footer-column a:focus-visible { color: #a9c8ff; }
html[data-theme="dark"] .site-footer-bottom { border-color: rgba(183,208,238,.14); }
.info-page main { width: 100%; max-width: 1040px; padding-block: 48px 72px; }
.info-page { background: radial-gradient(circle at 70% 10%, rgba(76, 134, 226, .1), transparent 34%), var(--bg); }
html[data-theme="dark"] .info-page { background: radial-gradient(circle at 70% 10%, rgba(76, 134, 226, .14), transparent 34%), #0b1422; }
.info-page .info-intro { margin-bottom: 24px; }
.info-page .info-intro h1 { margin: 6px 0 14px; }
.info-page .info-intro p { color: var(--text-secondary); }
.info-page .info-card { margin-bottom: 18px; padding: clamp(24px, 3vw, 36px); }
.info-page .info-card h2 { margin: 0 0 10px; font-size: 1.3rem; }
.info-page .info-card p { max-width: 82ch; margin: 0; color: var(--text-secondary); font-size: .975rem; line-height: 1.75; }

/* Wider support page with an explicit ticket and email delivery flow. */
.ticket-page { background: radial-gradient(circle at 12% 15%, rgba(66, 135, 232, .13), transparent 36%), var(--bg); }
html[data-theme="dark"] .ticket-page { background: radial-gradient(circle at 13% 13%, rgba(66, 135, 232, .2), transparent 36%), radial-gradient(circle at 88% 85%, rgba(23, 174, 151, .11), transparent 33%), #0b1422; }
.ticket-page main { max-width: none; width: 100%; padding: clamp(40px, 5vw, 82px) clamp(20px, 5vw, 88px) 88px; }
.ticket-layout { display: grid; grid-template-columns: minmax(280px, .78fr) minmax(440px, 1fr); align-items: start; gap: clamp(36px, 6vw, 110px); max-width: 1510px; margin-inline: auto; }
.ticket-intro { padding-top: 16px; }
.ticket-intro .eyebrow { margin: 0 0 12px; }
.ticket-intro h1 { max-width: 580px; margin: 0 0 18px; }
.ticket-intro > p:not(.eyebrow) { max-width: 570px; margin: 0 0 28px; color: var(--text-secondary); font-size: 1.05rem; line-height: 1.7; }
.ticket-steps { padding: 12px 24px; }
.ticket-steps > div { display: flex; gap: 16px; align-items: baseline; padding: 14px 0; }
.ticket-steps > div + div { border-top: 1px solid rgba(160, 190, 225, .2); }
.ticket-steps span { color: #8db9ff; font-weight: 800; font-variant-numeric: tabular-nums; }
.ticket-steps p { margin: 0; color: var(--text-primary); }
.ticket-telegram { display: inline-flex; align-items: center; gap: 7px; margin-top: 22px; text-decoration: none; font-weight: 650; }
.ticket-form-card { padding: clamp(24px, 3vw, 42px); }
.ticket-form-card h2 { margin: 0 0 8px; }
.ticket-warning { margin: 0 0 26px; color: var(--text-secondary); font-size: .875rem; line-height: 1.6; }
.ticket-form { max-width: none; margin: 0; }
.ticket-form label { display: block; margin: 21px 0 7px; font-size: .875rem; font-weight: 700; }
.ticket-form input, .ticket-form textarea { margin: 0; border-radius: 11px; font-size: 1rem; }
.ticket-form input { min-height: 48px; }
.ticket-form textarea { min-height: 230px; resize: vertical; }
.ticket-delivery-note { margin: 17px 0 21px; color: var(--text-secondary); font-size: .875rem; }
.ticket-form button { min-height: 46px; margin: 0; padding-inline: 22px; }

/* Keep the selected service and rent action within the visible sidebar. */
@media (min-width: 721px) {
  .rental-page .rental-workspace { min-height: max(calc(100dvh - 72px), 1150px); }
  .rental-page .rental-sidebar { height: clamp(540px, calc(100dvh - 176px), 920px); }
  .rental-page .rental-workspace.is-collapsed .rental-sidebar { height: calc(100dvh - 96px); }
}
.rental-page .rental-sidebar-heading { position: relative; justify-content: space-between; min-height: 98px; padding: 20px 20px 18px; gap: 12px; }
.rental-page .catalog-identity { display: flex; align-items: center; min-width: 0; gap: 12px; order: 0; }
.rental-page .catalog-emblem { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border: 1px solid rgba(172,214,255,.46); border-radius: 14px; color: #e8f3ff; background: linear-gradient(145deg, rgba(103,177,255,.37), rgba(50,115,210,.13)); box-shadow: inset 0 1px rgba(255,255,255,.34), 0 8px 20px rgba(5,18,42,.18); }
.rental-page .catalog-emblem svg { width: 23px; height: 23px; }
.rental-page .rental-sidebar-title { min-width: 0; }
.rental-page .rental-sidebar-heading .sidebar-toggle { order: 1; margin-inline-start: auto; }
.rental-page .rental-sidebar-heading .eyebrow { display: block; margin-bottom: 5px; color: #9dc4ff; font-size: .7rem; font-weight: 750; letter-spacing: .11em; }
.rental-page .rental-sidebar-heading h1 { margin: 0; font-size: 1.34rem; font-weight: 750; line-height: 1.25; letter-spacing: -.025em; }
.rental-page .rental-sidebar-heading::after { content: ""; position: absolute; inset-inline: 20px; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(193,225,255,.42), transparent); }
.rental-page .rental-sidebar-heading .sidebar-toggle { background: rgba(169,209,255,.09); border-color: rgba(169,209,255,.25); border-radius: 12px; }
.rental-page .rental-sidebar-heading .sidebar-toggle:hover { background: rgba(169,209,255,.2); }
.rental-page .rental-workspace.is-collapsed .rental-sidebar-heading .sidebar-toggle { margin-inline: auto; }
html[data-theme="dark"] .rental-page .rental-sidebar-heading { background: linear-gradient(125deg, rgba(195,224,255,.2), rgba(101,155,218,.1) 40%, rgba(10,26,47,.18)); }
html:not([data-theme="dark"]) .rental-page .rental-sidebar-heading .eyebrow { color: #265da6; }
html:not([data-theme="dark"]) .rental-page .catalog-emblem { color: #174f9b; border-color: rgba(80,140,210,.27); }
@media (max-width: 1100px) { .ticket-layout { grid-template-columns: minmax(240px,.7fr) minmax(400px,1fr); gap: 35px; } }
@media (max-width: 800px) {
  .site-footer-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-footer-brand { grid-column: 1 / -1; }
  .account-page .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .ticket-page main { padding: 32px 16px 56px; }
  .ticket-layout { grid-template-columns: 1fr; gap: 26px; }
  .ticket-intro { padding-top: 0; }
  .ticket-steps { padding: 8px 18px; }
  .ticket-form-card { padding: 23px 20px; }
  .rental-page .rental-sidebar { height: auto; }
  .rental-page .rental-service-list { max-height: min(36dvh, 260px); }
  .rental-page .rental-sidebar-heading { min-height: 82px; padding: 16px 18px; }
  .account-page .stats, .account-page .two-col { grid-template-columns: 1fr; }
  .account-page .stats article { min-height: 0; }
  .account-page main > .card, .account-page .two-col .card { padding: 20px; }
  body > footer.site-footer { padding: 36px 20px 18px; }
  .site-footer-bottom { flex-direction: column; margin-top: 32px; }
}

/* One continuous dark surface for the rental workspace. */
@media (min-width: 721px) {
  .rental-page .rental-workspace:not(.is-collapsed) { grid-template-columns: var(--sidebar-width) 14px minmax(0, 1fr); }
  .rental-page .rental-workspace:not(.is-collapsed) .sidebar-resizer { display: block; min-width: 14px; background: transparent; }
  .rental-page .rental-workspace:not(.is-collapsed) .sidebar-resizer::after { content: none; display: none; }
  .rental-page .rental-workspace:not(.is-collapsed) .sidebar-resizer:hover { background: rgba(120,170,235,.07); }
  .rental-page .sidebar-resizer:focus-visible { outline: 2px solid #9fc7ff; outline-offset: -3px; }
}
html[data-theme="dark"] .rental-page .rental-sidebar-heading { background: linear-gradient(130deg, rgba(80,132,205,.12), rgba(20,39,63,.18)); }
html[data-theme="dark"] .rental-page :is(.rental-sidebar-heading,.rental-filters,.rental-sidebar-footer) { border-color: transparent; box-shadow: none; }
html[data-theme="dark"] .rental-page :is(.rental-filters,.rental-sidebar-footer) { background: transparent; }
.rental-page .rental-sidebar-heading::after { content: none; }

/* Let the footer use the same full-width rhythm as the rental content. */
body.rental-page > footer.site-footer { padding: 36px clamp(24px, 4vw, 76px) 20px; border-radius: 0; }
.rental-page .site-footer-inner, .rental-page .site-footer-bottom { max-width: 1120px; }
.rental-page .site-footer-inner { grid-template-columns: minmax(220px, 1.45fr) repeat(3, minmax(130px, 1fr)); gap: clamp(20px, 2vw, 32px); }
.rental-page .site-footer-bottom { margin-top: 28px; }
html[data-theme="dark"] body.rental-page > footer.site-footer { background: #101d2f; border-top: 0; }
html[data-theme="dark"] :is(body.rental-page, body.account-page) { background: #101d2f; }
html[data-theme="dark"] :is(body.rental-page, body.account-page) > header { background: #101d2f; border: 0; box-shadow: none; }
html[data-theme="dark"] body.rental-page .rental-workspace { background: #101d2f; }
html[data-theme="dark"] body.rental-page .rental-workspace::before { opacity: .18; }
html[data-theme="dark"] .rental-page :is(.rental-sidebar-heading,.rental-filters,.rental-sidebar-footer) {
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body.account-page > footer.site-footer { padding: 36px clamp(24px, 4vw, 76px) 20px; border-radius: 0; }
.account-page .site-footer-inner, .account-page .site-footer-bottom { max-width: 1120px; }
.account-page .site-footer-inner { grid-template-columns: minmax(220px, 1.45fr) repeat(3, minmax(130px, 1fr)); gap: clamp(20px, 2vw, 32px); }
.account-page .site-footer-bottom { margin-top: 28px; }
html[data-theme="dark"] body.account-page > footer.site-footer { background: #101d2f; border-top: 0; }
@media (max-width: 800px) {
  :is(.rental-page,.account-page) .site-footer-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  :is(body.rental-page,body.account-page) > footer.site-footer { padding: 36px 20px 100px; }
}

.floating-buttons {
  position: fixed;
  z-index: 90;
  inset-inline-end: max(30px, env(safe-area-inset-right));
  bottom: max(30px, env(safe-area-inset-bottom));
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  pointer-events: none;
}
.floating-buttons > * { pointer-events: auto; flex: none; }
[data-site-telegram][hidden] { display:none !important; }
.floating-telegram {
  position: relative;
  margin-inline-end: 16px;
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: linear-gradient(135deg, #2aabee, #229ed9);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 4px 20px rgba(42,171,238,.4);
  animation: telegram-pulse 2.5s ease-in-out infinite;
  transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
}
.floating-telegram svg { width: 28px; height: 28px; transition: transform .3s ease; }
.floating-telegram::before,.floating-telegram::after{content:"";position:absolute;pointer-events:none;width:8px;height:8px;background:#fff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 4px #fff);opacity:.7}
.floating-telegram::before{top:-5px;left:8px}
.floating-telegram::after{right:-7px;bottom:9px;width:6px;height:6px}
@media(prefers-reduced-motion:no-preference){.floating-telegram::before{animation:telegram-sparkle 3.2s ease-in-out infinite}.floating-telegram::after{animation:telegram-sparkle 3.2s ease-in-out 1.6s infinite}}
@keyframes telegram-sparkle{0%,100%{opacity:.15;transform:scale(.65) rotate(0)}50%{opacity:1;transform:scale(1.3) rotate(90deg)}}
.floating-telegram:hover { color: #fff; transform: translateY(-3px) scale(1.1); box-shadow: 0 8px 30px rgba(42,171,238,.6); animation: none; }
.floating-telegram:hover svg { transform: rotate(-15deg) scale(1.1); }
.floating-telegram:active { transform: scale(.95); }
.floating-telegram-tooltip {
  position: absolute;
  inset-inline-end: calc(100% + 12px);
  width: max-content;
  max-width: min(240px, calc(100vw - 120px));
  padding: 8px 14px;
  border: 1px solid rgba(42,171,238,.3);
  border-radius: 8px;
  background: rgba(26,42,58,.95);
  color: #fff;
  font: 500 .8125rem/1.4 var(--font-ui);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transform: translateY(4px);
  pointer-events: none;
  transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
}
.floating-telegram-tooltip::after {
  content: '';
  position: absolute;
  inset-inline-start: 100%;
  top: calc(50% - 6px);
  border: 6px solid transparent;
  border-inline-start-color: rgba(26,42,58,.95);
}
.floating-telegram:is(:hover,:focus-visible) .floating-telegram-tooltip { opacity: 1; visibility: visible; transform: none; }
@keyframes telegram-pulse {
  0%,100% { box-shadow: 0 4px 20px rgba(42,171,238,.4), 0 0 0 0 rgba(42,171,238,.3); }
  70% { box-shadow: 0 4px 20px rgba(42,171,238,.4), 0 0 0 15px rgba(42,171,238,0); }
}
.back-to-top {
  position: relative;
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #c0d0e0;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: scale(.8);
  transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.34,1.56,.64,1);
}
.back-to-top.is-visible { opacity: 1; visibility: visible; transform: scale(1); }
.back-to-top.is-visible:hover { transform: scale(1.1); }
.back-to-top.is-visible:active { transform: scale(.95); }
.back-to-top-ring { position: absolute; inset: 0; width: 56px; height: 56px; transform: rotate(-90deg); pointer-events: none; }
.back-to-top-track,.back-to-top-progress { fill: none; stroke-width: 3; }
.back-to-top-track { stroke: rgba(255,255,255,.1); }
.back-to-top-progress {
  stroke: url(#back-top-progress-gradient);
  stroke-linecap: round;
  stroke-dasharray: 150.796;
  stroke-dashoffset: 150.796;
  filter: drop-shadow(0 0 6px rgba(82,183,136,.5));
  transition: stroke-dashoffset .1s ease;
}
.scroll-top-btn {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(26,42,58,.9);
  border: 1px solid rgba(255,255,255,.15);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: background .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.scroll-top-btn svg { width: 20px; height: 20px; transition: transform .3s ease; }
.back-to-top:is(:hover,.is-complete) { color: #52b788; }
.back-to-top:hover .scroll-top-btn { background: rgba(82,183,136,.2); }
.back-to-top:is(:hover,.is-complete) .scroll-top-btn { border-color: rgba(82,183,136,.6); box-shadow: 0 0 20px rgba(82,183,136,.25); }
.back-to-top:hover .scroll-top-btn svg { transform: translateY(-2px); }
:is(.floating-telegram,.back-to-top):focus-visible { outline: 3px solid #b9e9ff; outline-offset: 4px; }
html:not([data-theme="dark"]) .scroll-top-btn { background: rgba(244,249,255,.95); border-color: rgba(67,109,170,.28); }
html:not([data-theme="dark"]) .back-to-top { color: #19477f; }
html:not([data-theme="dark"]) .back-to-top-track { stroke: rgba(25,71,127,.15); }
html:not([data-theme="dark"]) .back-to-top:is(:hover,.is-complete) { color: #2d6a4f; }
@media (max-width: 480px) {
  .floating-buttons { inset-inline-end: max(20px, env(safe-area-inset-right)); bottom: max(20px, env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  .floating-telegram { animation: none; }
  .floating-buttons *, .floating-telegram-tooltip { transition: none; }
  .floating-telegram:hover,.floating-telegram:hover svg,.back-to-top.is-visible:hover,.back-to-top:hover .scroll-top-btn svg { transform: none; }
}

.currency-picker {
  flex: none;
  min-height: 36px;
  padding: 6px 25px 6px 10px;
  border: 1px solid rgba(142,177,221,.24);
  border-radius: 10px;
  background: #1d2d46;
  color: #e8f1ff;
  font: 700 .78rem/1.3 var(--font-ui);
  cursor: pointer;
}
html:not([data-theme="dark"]) .currency-picker { background: #f7faff; color: #263d5d; border-color: #dce6f1; }
.currency-reference { max-width: 1120px; margin: 16px auto 0; color: var(--text-secondary); font-size: .75rem; line-height: 1.5; }
.currency-reference[hidden] { display: none; }
[data-vnd] { font-variant-numeric: tabular-nums; }
html[dir="rtl"] [data-vnd] { direction: ltr; unicode-bidi: isolate; }
.home-page .store-hero-copy h1 {
  max-width: 18ch;
  font-size: clamp(2.4rem, 3.8vw, 3.65rem);
  line-height: 1.16;
  letter-spacing: -.025em;
  text-wrap: balance;
}
@media (max-width: 720px) {
  .home-page .store-hero-copy h1 { max-width: 22ch; font-size: clamp(2.1rem, 8.5vw, 3rem); }
}
@media (max-width: 720px) {
  .site-footer-bottom { padding-inline-end: 62px; }
  .currency-reference { max-width: calc(100% - 62px); margin-inline: 0; }
}