/* Тёмная «стеклянная» тема. Включается на странице классом body.theme-glass,
   без класса страница выглядит как раньше. Подключать после styles.css. */
:root {
  --g-bg: #0E0A08;
  --g-glass: rgba(26, 17, 13, .5);
  --g-glass-solid: rgba(26, 17, 13, .88);
  --g-line: rgba(255, 226, 180, .16);
  --g-line-hot: rgba(255, 210, 150, .4);
  --g-r: 22px;
  --g-amber: #E39A4A;
  --g-gold: #F2C878;
  --g-wine: #6E1E2B;
  --g-text: #F3E9DC;
  --g-text-soft: #CDBFAE;
  --g-input: rgba(14, 10, 8, .55);
  --g-error: #FF9C8A;
}

body.theme-glass {
  background: var(--g-bg);
  color: var(--g-text);
}

/* Фоновое фото с затемнением: на главной — на всю высоту окна */
.theme-glass .page-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  background: var(--g-bg);
}
/* Кадры фона (bg.js): видимый — .is-on, смена — плавным проявлением */
.theme-glass .bg-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0;
  transition: opacity 1.2s ease;
}
.theme-glass .bg-frame.is-on { opacity: 1; z-index: 1; }
.theme-glass .page-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  /* Затемнение от .65: даже на белом пикселе фото янтарный текст на стекле — 4.96:1 */
  background: linear-gradient(rgba(12, 8, 6, .65), rgba(12, 8, 6, .82));
}

/* Стеклянная панель */
.theme-glass .glass,
.theme-glass .site-header,
.theme-glass .hero-inner,
.theme-glass .stats-row,
.theme-glass .card,
.theme-glass .story-inner,
.theme-glass .catalog-inner,
.theme-glass .contact-text,
.theme-glass .contact-form {
  background: var(--g-glass);
  border: 1px solid var(--g-line);
  border-radius: var(--g-r);
  box-shadow: 0 10px 40px rgba(0, 0, 0, .35);
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .theme-glass .glass,
  .theme-glass .site-header,
  .theme-glass .hero-inner,
  .theme-glass .stats-row,
  .theme-glass .card,
  .theme-glass .story-inner,
  .theme-glass .catalog-inner,
  .theme-glass .contact-text,
  .theme-glass .contact-form {
    -webkit-backdrop-filter: blur(18px) saturate(140%);
    backdrop-filter: blur(18px) saturate(140%);
  }
}
/* Без поддержки размытия, на мобильных и при «уменьшить движение» — сплошной полупрозрачный фон */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .theme-glass .glass, .theme-glass .site-header, .theme-glass .hero-inner, .theme-glass .stats-row,
  .theme-glass .card, .theme-glass .story-inner, .theme-glass .catalog-inner,
  .theme-glass .contact-text, .theme-glass .contact-form { background: var(--g-glass-solid); }
}
@media (max-width: 768px), (hover: none), (prefers-reduced-motion: reduce) {
  .theme-glass .glass, .theme-glass .site-header, .theme-glass .hero-inner, .theme-glass .stats-row,
  .theme-glass .card, .theme-glass .story-inner, .theme-glass .catalog-inner,
  .theme-glass .contact-text, .theme-glass .contact-form {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: var(--g-glass-solid);
  }
}

/* Карточки слегка поднимаются при наведении */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .theme-glass .card { transition: transform .25s ease, border-color .25s ease; }
  .theme-glass .card:hover { transform: translateY(-4px); border-color: var(--g-line-hot); }
}

/* Текст: заголовки h1–h2 — Cormorant 600–700 от 28 px, остальное — Manrope */
.theme-glass h1, .theme-glass h2 { color: var(--g-gold); font-weight: 700; line-height: 1.15; }
.theme-glass h1 { font-size: clamp(2.2rem, 5vw, 3.4rem); }
.theme-glass h2 { font-size: clamp(1.75rem, 3vw, 2.3rem); }
.theme-glass h3 { font-family: var(--font-body); font-weight: 700; font-size: 1.1rem; color: var(--g-text); }
.theme-glass p { color: var(--g-text-soft); }
.theme-glass a { color: var(--g-gold); }

/* Кнопки */
.theme-glass .btn { border-radius: 14px; font-weight: 600; transition: background .2s ease, color .2s ease; }
.theme-glass .btn-gold { background: var(--g-amber); color: #1A0F0A; }
.theme-glass .btn-gold:hover { background: var(--g-gold); }
.theme-glass .btn-outline,
.theme-glass .hero .btn-outline { background: transparent; border-color: var(--g-gold); color: var(--g-gold); }
.theme-glass .btn-outline:hover,
.theme-glass .hero .btn-outline:hover { background: var(--g-gold); color: #1A0F0A; }
.theme-glass :focus-visible { outline-color: var(--g-gold); }

/* Шапка: стеклянная полоса с отступом от краёв */
.theme-glass .site-header {
  position: sticky;
  top: 12px;
  margin: 12px auto 0;
  max-width: 1120px;
  width: calc(100% - 32px);
}
.theme-glass .header-row { padding: 12px 20px; }
.theme-glass .logo-mark { border-color: var(--g-gold); color: var(--g-gold); }
.theme-glass .logo-word { color: var(--g-text); }
.theme-glass .main-nav a { color: var(--g-text-soft); }
.theme-glass .main-nav a:hover { color: var(--g-gold); }
.theme-glass .nav-toggle span { background: var(--g-gold); }

/* Главная: секции без своих фонов, панели на фото */
.theme-glass .hero,
.theme-glass .stats,
.theme-glass .story,
.theme-glass .contact { background: transparent; border: 0; }
.theme-glass .hero { padding: 72px 0 32px; }
.theme-glass .hero .container.hero-inner { max-width: 760px; margin-left: max(16px, calc((100% - 1120px) / 2)); padding: 40px; }
.theme-glass .hero-eyebrow { color: var(--g-amber); }
.theme-glass .hero h1 { color: var(--g-gold); }
.theme-glass .hero-lead { color: var(--g-text-soft); }

/* Кнопки марок: ссылка в каталог марки, наведение на ПК показывает её кадр фона */
.theme-glass .hero-brands { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.theme-glass .brand-chip {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid var(--g-line);
  border-radius: 999px;
  background: rgba(14, 10, 8, .35);
  color: var(--g-text);
  font-size: .9rem;
  font-weight: 600;
  text-decoration: none;
  transition: border-color .2s ease, color .2s ease;
}
.theme-glass .brand-chip:hover,
.theme-glass .brand-chip:focus-visible { border-color: var(--g-amber); color: var(--g-gold); }

.theme-glass .stats { padding: 16px 0; }
.theme-glass .stats-row {
  max-width: 1120px;
  width: calc(100% - 32px);
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.theme-glass .stat-num { color: var(--g-gold); }
.theme-glass .stat-label { color: var(--g-text-soft); }

.theme-glass .services { padding: 48px 0; }
.theme-glass .card-icon { background: var(--g-wine); color: var(--g-gold); border-radius: 12px; }
.theme-glass .card p { color: var(--g-text-soft); }
.theme-glass .card-link { color: var(--g-gold); border-bottom-color: var(--g-amber); }

.theme-glass .story { padding: 24px 0; }
.theme-glass .story-inner { max-width: 760px; padding: 40px; }
.theme-glass .story-eyebrow { color: var(--g-amber); }
.theme-glass .story h2 { color: var(--g-gold); }
.theme-glass .story p { color: var(--g-text-soft); }
.theme-glass .story a { color: var(--g-gold); text-decoration-color: var(--g-amber); }

.theme-glass .catalog { padding: 24px 0; }
.theme-glass .catalog-inner { max-width: 1120px; width: calc(100% - 32px); padding: 40px; }
.theme-glass .catalog-list li { color: var(--g-text); border-bottom-color: var(--g-line); }
.theme-glass .catalog-badge { background: var(--g-wine); border-color: var(--g-gold); }
.theme-glass .catalog-badge-mark { color: var(--g-gold); }
.theme-glass .catalog-badge-word { color: var(--g-amber); }

.theme-glass .contact { padding: 24px 0 48px; }
.theme-glass .contact-inner { gap: 24px; }
.theme-glass .contact-text,
.theme-glass .contact-form { padding: 32px; }
.theme-glass .contact-details dt { color: var(--g-text-soft); }
.theme-glass .contact-details dd { color: var(--g-text); }
.theme-glass .contact-details a { border-bottom-color: var(--g-amber); }

/* Формы */
.theme-glass .form-row label,
.theme-glass .consent-label,
.theme-glass .form-row .optional,
.theme-glass .phone-prefix { color: var(--g-text-soft); }
.theme-glass .form-row input,
.theme-glass .form-row select,
.theme-glass .form-row textarea,
.theme-glass .phone-field {
  background: var(--g-input);
  border-color: var(--g-line);
  border-radius: 12px;
  color: var(--g-text);
}
.theme-glass .phone-field input { background: transparent; }
.theme-glass .form-row select option { background: #1A110D; color: var(--g-text); }
.theme-glass .form-row input::placeholder,
.theme-glass .form-row textarea::placeholder { color: #A89A88; }
.theme-glass .form-row input:focus,
.theme-glass .form-row select:focus,
.theme-glass .form-row textarea:focus,
.theme-glass .phone-field:focus-within { border-color: var(--g-amber); }
.theme-glass .consent-label input { accent-color: var(--g-amber); }
.theme-glass .form-error { color: var(--g-error); }
.theme-glass .form-status { color: var(--g-gold); }

/* Подвал: почти сплошной, чтобы реквизиты читались на любом участке фото */
.theme-glass .site-footer { background: rgba(14, 10, 8, .9); border-top: 1px solid var(--g-line); }
.theme-glass .footer-cols { border-bottom-color: var(--g-line); }
.theme-glass .footer-brand { color: var(--g-gold); }
.theme-glass .footer-links,
.theme-glass .footer-contacts { color: var(--g-text-soft); }
.theme-glass .footer-title { color: var(--g-amber); }
.theme-glass .footer-note { color: #B5A794; }
.theme-glass .site-footer a { color: var(--g-gold); }
.theme-glass .site-footer a:hover { color: var(--g-text); }

/* Узкие экраны: панели во всю ширину с полями 16 px */
@media (max-width: 720px) {
  .theme-glass .main-nav { background: var(--g-glass-solid); border: 1px solid var(--g-line); border-radius: 0 0 var(--g-r) var(--g-r); }
  .theme-glass .site-header { top: 8px; margin-top: 8px; }
  .theme-glass .hero { padding: 32px 0 16px; }
  .theme-glass .hero .container.hero-inner,
  .theme-glass .story-inner { margin: 0 16px; padding: 24px 20px; }
  .theme-glass .container { padding: 0 16px; }
  .theme-glass .header-row { padding: 10px 16px; }
  .theme-glass .stats-row,
  .theme-glass .catalog-inner { width: calc(100% - 32px); padding: 24px 20px; }
  .theme-glass .contact-text,
  .theme-glass .contact-form { padding: 24px 20px; }
}

/* ===== Каталог (catalog.html; классы рисует catalog-app.js / catalog-common.js — их не меняем) ===== */

/* Шапка с фото: только в первом экране, затемнение как на главной; текст — на стеклянной панели */
.theme-glass .catalog-hero {
  background: linear-gradient(rgba(12, 8, 6, .65), rgba(12, 8, 6, .82)),
              url(/img/bg-liauto-1485.webp?v=20261103) center 45% / cover no-repeat var(--g-bg);
  padding: 40px 0 32px;
}
.theme-glass .catalog-hero-panel { max-width: 880px; margin: 0; padding: 32px; }
.theme-glass .catalog-hero h1 { color: var(--g-gold); margin-bottom: 20px; }
/* Заголовок меняется скриптом, когда приходит название марки или запрос, — место под две строки,
   чтобы поле поиска не прыгало (CLS); текст прижат кверху, запас остаётся над поиском */
.theme-glass .catalog-hero h1 { min-height: 2.3em; }
.theme-glass .catalog-search input {
  background: var(--g-input);
  border-color: var(--g-line);
  border-radius: 12px;
  color: var(--g-text);
}
.theme-glass .catalog-search input::placeholder { color: #A89A88; }
.theme-glass .catalog-search input:focus { border-color: var(--g-amber); }

/* Тело каталога: тёмный фон; высота не меньше экрана — пока грузится список,
   «Не нашли деталь?» и подвал остаются ниже первого экрана и не сдвигаются (CLS) */
.theme-glass .catalog-body { background: transparent; padding: 32px 0 64px; min-height: 100vh; }
/* Пока первый раз грузятся марки или товары: «Не нашли деталь?» не показываем, список товаров
   (подгруппы, счётчик, сортировка) — невидим. Появление готового блока не считается сдвигом,
   а перестановки внутри невидимого — тоже. Дальнейшие перезагрузки списка не прячем.
   Если скрипт показал сообщение об ошибке (#catalog-message), ничего не прячем: иначе при ошибке API
   или несуществующей марке блоки остались бы скрытыми навсегда. Без поддержки :has правила не действуют. */
.theme-glass .catalog-body:not(:has(#catalog-message:not([hidden]))):has(#brands-view:not([hidden]) #brand-grid:empty:not([aria-busy="false"])) .catalog-cta,
.theme-glass .catalog-body:not(:has(#catalog-message:not([hidden]))):has(#products-view:not([hidden]) #product-grid:empty:not([aria-busy="false"])) .catalog-cta { display: none; }
.theme-glass .catalog-body:not(:has(#catalog-message:not([hidden]))) #products-view:has(#product-grid:empty:not([aria-busy="false"])) { visibility: hidden; }
.theme-glass .catalog-section-title { color: var(--g-gold); }
.theme-glass .catalog-message {
  background: var(--g-glass-solid);
  border-color: var(--g-line);
  border-left-color: var(--g-error);
  border-radius: 12px;
  color: var(--g-text);
}
.theme-glass .catalog-message a { color: var(--g-gold); border-bottom-color: var(--g-amber); }

/* Плитки марок и карточки товаров: полупрозрачные, без размытия (их много, под ними сплошной фон) */
.theme-glass .brand-card,
.theme-glass .product-card {
  background: var(--g-glass);
  border: 1px solid var(--g-line);
  border-radius: 18px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .3);
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .theme-glass .brand-card,
  .theme-glass .product-card { transition: transform .25s ease, border-color .25s ease; }
  .theme-glass .brand-card:hover,
  .theme-glass .product-card:hover { transform: translateY(-4px); border-color: var(--g-line-hot); }
}
.theme-glass .brand-badge { background: var(--g-wine); color: var(--g-gold); }
.theme-glass .brand-name { color: var(--g-text); font-weight: 600; }
.theme-glass .brand-count { color: var(--g-text-soft); }

.theme-glass .back-link { color: var(--g-gold); border-bottom-color: var(--g-amber); text-decoration-color: var(--g-amber); }
.theme-glass .chip { background: rgba(14, 10, 8, .35); border-color: var(--g-line); color: var(--g-text); }
.theme-glass .chip:hover { border-color: var(--g-amber); }
.theme-glass .chip.is-active { background: var(--g-amber); border-color: var(--g-amber); color: #1A0F0A; }
.theme-glass .chip-more { border-color: var(--g-amber); color: var(--g-gold); }
.theme-glass .chip-row + .chip-row { border-left-color: var(--g-line); }
.theme-glass .results-count,
.theme-glass .in-stock-toggle { color: var(--g-text-soft); }
.theme-glass .in-stock-toggle input { accent-color: var(--g-amber); }
.theme-glass .sort-select select { background: var(--g-input); border-color: var(--g-line); border-radius: 10px; color: var(--g-text); }
.theme-glass .sort-select select option { background: #1A110D; color: var(--g-text); }
.theme-glass .inventory-note { background: rgba(227, 154, 74, .12); border-color: rgba(227, 154, 74, .35); color: var(--g-text); }

/* Фото товара — на белом поле (снимки на белом фоне), заглушка — тёмная */
.theme-glass .product-card-media { background: #fff; }
.theme-glass .ph { background: rgba(14, 10, 8, .4); }
.theme-glass .ph-circle { background: var(--g-wine); border-color: var(--g-gold); color: var(--g-gold); }
.theme-glass .ph-name { color: var(--g-text-soft); }
.theme-glass .product-card-title { color: var(--g-text); font-weight: 600; }
.theme-glass .product-card-link:hover .product-card-title { color: var(--g-gold); text-decoration-color: var(--g-amber); }
.theme-glass .product-card-article { color: var(--g-text-soft); }

/* Цена и наличие: цена — Manrope */
.theme-glass .price { font-family: var(--font-body); font-weight: 700; color: var(--g-gold); }
.theme-glass .price-request { color: var(--g-text-soft); font-weight: 600; }
.theme-glass .availability-label::before { background: #A89A88; }
.theme-glass .availability-in_stock .availability-label { color: #8FD19E; }
.theme-glass .availability-in_stock .availability-label::before { background: #5DBB72; }
.theme-glass .availability-on_order .availability-label { color: var(--g-gold); }
.theme-glass .availability-on_order .availability-label::before { background: var(--g-amber); }
.theme-glass .availability-ask_manager .availability-label,
.theme-glass .availability-stores { color: var(--g-text-soft); }

/* «Не нашли деталь?» — бордовая стеклянная плашка */
.theme-glass .catalog-cta {
  background: rgba(110, 30, 43, .55);
  border: 1px solid rgba(242, 200, 120, .28);
  border-radius: var(--g-r);
}
.theme-glass .catalog-cta h2 { color: var(--g-gold); }
.theme-glass .catalog-cta p { color: var(--g-text); }

/* Окно заявки (catalog-common.js) — сплошное тёмное */
.theme-glass .lead-dialog {
  background: #1A110D;
  border: 1px solid var(--g-line);
  border-radius: var(--g-r);
  color: var(--g-text);
}
.theme-glass .lead-dialog::backdrop { background: rgba(8, 5, 4, .75); }
/* Форма в окне — без своей панели (иначе рамка в рамке) */
.theme-glass .lead-dialog .contact-form {
  background: none;
  border: 0;
  box-shadow: none;
  padding: 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.theme-glass .lead-dialog-close { color: var(--g-text-soft); }
.theme-glass .lead-dialog-title { color: var(--g-gold); }
.theme-glass .lead-dialog-product,
.theme-glass .checkout-total { color: var(--g-text); }
.theme-glass .checkout-note { color: var(--g-text-soft); }
.theme-glass .checkout-note a,
.theme-glass .form-status a { color: var(--g-gold); }

@media (max-width: 768px) {
  .theme-glass .catalog-hero {
    background: linear-gradient(rgba(12, 8, 6, .65), rgba(12, 8, 6, .82)),
                url(/img/bg-liauto-828.webp?v=20261103) center 45% / cover no-repeat var(--g-bg);
  }
}
@media (max-width: 720px) {
  .theme-glass .catalog-hero { padding: 20px 0 20px; }
  .theme-glass .catalog-hero-panel { padding: 22px 18px; }
  .theme-glass .catalog-body { padding: 20px 0 48px; }
  .theme-glass .catalog-cta { padding: 22px 18px; }
}

/* ===== Карточка товара (product.html; разметку рисует product.js — его не меняем) ===== */

/* Фото только в шапке: полоса 420 px под шапкой сайта, плавно уходит в тёмный фон.
   Затемнение от .8 — хлебные крошки лежат прямо на фото: золото на белом пикселе ≥ 6:1 */
.theme-glass .product-page {
  position: relative;
  isolation: isolate;
  background: transparent;
  padding: 32px 0 64px;
  /* Пока карточка грузится, подвал ниже первого экрана — не прыгает (CLS) */
  min-height: 100vh;
}
.theme-glass .product-page::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 420px;
  z-index: -1;
  background: linear-gradient(rgba(12, 8, 6, .8), rgba(12, 8, 6, .9) 60%, var(--g-bg)),
              url(/img/bg-liauto-1485.webp?v=20261103) center 45% / cover no-repeat;
}
@media (max-width: 768px) {
  .theme-glass .product-page::before {
    height: 300px;
    background: linear-gradient(rgba(12, 8, 6, .8), rgba(12, 8, 6, .9) 60%, var(--g-bg)),
                url(/img/bg-liauto-828.webp?v=20261103) center 45% / cover no-repeat;
  }
}

.theme-glass .breadcrumbs ol { color: var(--g-text-soft); min-height: 1.6em; }
.theme-glass .breadcrumbs li + li::before { color: var(--g-text-soft); }
.theme-glass .breadcrumbs a { color: var(--g-gold); border-bottom-color: var(--g-amber); text-decoration-color: var(--g-amber); }
.theme-glass .breadcrumbs [aria-current] { color: var(--g-text-soft); }

.theme-glass .product-detail { padding: 32px; }
.theme-glass .product-detail-info h1 { font-size: clamp(1.75rem, 3vw, 2.2rem); color: var(--g-gold); }
.theme-glass .product-detail-article { color: var(--g-text-soft); }

/* Фото: место под квадрат заранее — фото приходит после ответа API и не сдвигает цену и кнопки (CLS);
   снимки на белом фоне, поэтому поле белое, любые пропорции вписываются целиком */
.theme-glass .product-photo-large,
.theme-glass .product-photo-extra {
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: #fff;
  border-radius: 14px;
}
.theme-glass .product-photo-extra { border-radius: 10px; }
.theme-glass .ph-large { border-color: var(--g-line); border-radius: 14px; }

.theme-glass .product-detail-description { border-top-color: var(--g-line); }
.theme-glass .product-detail-description h2 { color: var(--g-gold); }
.theme-glass .product-detail-description p,
.theme-glass .product-template,
.theme-glass .availability-store-list { color: var(--g-text); }
.theme-glass .product-template a,
.theme-glass .product-info-links a,
.theme-glass .link-button { color: var(--g-gold); text-decoration-color: var(--g-amber); }
.theme-glass .product-info-links { color: var(--g-text-soft); }

@media (max-width: 720px) {
  .theme-glass .product-page { padding: 20px 0 48px; }
  .theme-glass .product-detail { padding: 20px 18px; }
}

/* ===== Страницы условий (/oplata/, /dostavka/, /vozvrat/, /privacy/, /soglasie/), оферта, /zakaz/ ===== */

/* Текст на сплошной тёмной панели без фото: длинное чтение, контраст как в подвале */
.theme-glass .info-page { background: transparent; padding: 32px 0 64px; }
.theme-glass .info-page > .container,
.theme-glass .oferta-main {
  background: var(--g-glass-solid);
  border: 1px solid var(--g-line);
  border-radius: var(--g-r);
  box-shadow: 0 10px 40px rgba(0, 0, 0, .35);
  padding: 40px;
}
.theme-glass .oferta-main { margin: 32px auto 64px; }
.theme-glass .info-page p,
.theme-glass .info-page li,
.theme-glass .oferta-main p,
.theme-glass .oferta-main li { color: var(--g-text); }
.theme-glass .info-page a,
.theme-glass .oferta-main a { color: var(--g-gold); text-decoration-color: var(--g-amber); }
.theme-glass .oferta-main .updated { color: var(--g-text-soft); }
.theme-glass .oferta-main .placeholder { color: #1A0F0A; }

.theme-glass .info-table { background: transparent; color: var(--g-text); }
.theme-glass .info-table th,
.theme-glass .info-table td { border-color: var(--g-line); }
.theme-glass .info-table th { background: rgba(227, 154, 74, .1); color: var(--g-gold); }
.theme-glass .info-related { border-top-color: var(--g-line); color: var(--g-text-soft); }

/* Страница заказа после оплаты (zakaz.js только меняет текст и классы статуса) */
.theme-glass .order-card {
  background: var(--g-glass-solid);
  border: 1px solid var(--g-line);
  border-radius: var(--g-r);
  box-shadow: 0 10px 40px rgba(0, 0, 0, .35);
  color: var(--g-text);
}
.theme-glass .order-status { color: var(--g-text); }
.theme-glass .order-status-paid { color: #8FD19E; }
.theme-glass .order-status-wait { color: var(--g-gold); }
.theme-glass .order-items td { border-bottom-color: var(--g-line); }
.theme-glass .order-help { color: var(--g-text-soft); }
.theme-glass .order-help a { color: var(--g-gold); }

@media (max-width: 720px) {
  .theme-glass .info-page { padding: 20px 0 48px; }
  .theme-glass .info-page > .container,
  .theme-glass .oferta-main { margin-left: 16px; margin-right: 16px; padding: 24px 18px; }
  .theme-glass .oferta-main { margin-top: 20px; margin-bottom: 48px; }
}