:root{
  --accent: #8a6d1f;
  --badge-gold-a: #caa43d;
  --badge-gold-b: #f2cf21;
  --badge-silver-a: #9aa3ab;
  --badge-silver-b: #eef1f4;
  --badge-size: 15px;
  --badge-text-gold: #1c1607;
  --badge-text-silver: #20242a;
  --breadcrumb-bottom: 4px;
  --breadcrumb-top: 26px;
  --btn-angle: 180deg;
  --btn-bg-a: #f2cf21;
  --btn-bg-b: #f2cf21;
  --btn-font: 13px;
  --btn-hover: #ffe14d;
  --btn-pad-x: 28px;
  --btn-pad-y: 13px;
  --btn-radius: 999px;
  --btn-shadow: none;
  --btn-shadow-hover: 0 8px 20px rgba(242,207,33,.45);
  --btn-text: #1c1607;
  --card-price-size: 16.5px;
  --card-radius: 14px;
  --card-shadow: 0 10px 30px rgba(26,23,18,.08);
  --card-title-size: 16px;
  --cmp-good-bg: #f6fbf7;
  --cmp-good-border: #bfd8c7;
  --cmp-good-dot: #2f7d4f;
  --coin-fill-gold: #ffffff;
  --coin-fill-silver: #ffffff;
  --coin-gold-1: #8b7355;
  --coin-gold-2: #c9a227;
  --coin-gold-3: #d4af37;
  --coin-hint-text: #ffffff;
  --coin-silver-1: #8a8a8a;
  --coin-silver-2: #c0c0c0;
  --coin-silver-3: #e8e8e8;
  --content-width: 92ch;
  --dark-bg: #1a1712;
  --dark-text: #f2ecd8;
  --dark-text-strong: #ffffff;
  --field-bg: #ffffff;
  --field-placeholder: #9a9383;
  --font-body: 'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --font-head: 'Playfair Display',Georgia,'Times New Roman',serif;
  --font-size-base: 16px;
  --footer-bg: #1a1712;
  --footer-gap: 64px;
  --footer-head-size: 14px;
  --footer-logo-h: 42px;
  --footer-pad-y: 64px;
  --footer-text: #b9b09a;
  --gold: #c9a84c;
  --gold-bright: #f2cf21;
  --header-h: 84px;
  --ink: #1a1712;
  --ink-soft: #4a453c;
  --legal-text: #8f8a78;
  --line: #e7e0cd;
  --logo-h: 80px;
  --maxw: 1560px;
  --nav-font: 16px;
  --nav-gap: 30px;
  --paper: #ffffff;
  --paper-muted: #f3efe3;
  --paper-warm: #faf7ef;
  --pd-price-size: 22px;
  --pd-title-size: 30px;
  --price-tint-1: #e8dcc0;
  --price-tint-2: #faf6ea;
  --price-tint-border: #d9c68a;
  --radius: 14px;
  --radius-sm: 8px;
  --search-max: 240px;
  --search-radius: 12px;
  --section-y: 104px;
  --slider-arrow: #ffffff;
  --slider-sub: #e7d6a4;
  --slider-title: #ffffff;
  --step-num-sm: 22px;
  --success-color: #3d8f4f;
  --text-md: 15px;
  --text-sm: 13.5px;
  --text-xs: 12px;
}

/* ==========================================================================
   Оформление: применение значений со страницы «Внешний вид» (/price/appearance.php)
   Подключается последним (assets/css/tokens.css), поэтому перекрывает site.css.
   Значения по умолчанию совпадают с оформлением сайта. Здесь же собраны
   «развязки» для всего, что раньше было зашито жёстко (градиенты кнопок,
   бейджи, плашка цены, отступы) — теперь это управляется из админки.
   ========================================================================== */

/* --- Общий контент --- */
body{font-size:var(--font-size-base)}
.section{padding:var(--section-y) 0}
.lede--wide{max-width:var(--content-width)}

/* --- Шапка и меню --- */
.logo-img{height:var(--logo-h)}
.navbar-row{height:var(--header-h)}
.primary-nav ul{gap:var(--nav-gap)}
.primary-nav a{font-size:var(--nav-font)}
.header-search{max-width:var(--search-max);border-radius:var(--search-radius)}
@media(max-width:900px){
  .logo-img{height:calc(var(--logo-h) * .7)}
  .navbar-row{height:calc(var(--header-h) * .8)}
  .primary-nav a{font-size:calc(var(--nav-font) * .95)}
  .primary-nav ul{gap:12px}
}

/* --- Расстояния --- */
.breadcrumb{margin-top:var(--breadcrumb-top) !important;margin-bottom:var(--breadcrumb-bottom) !important}
.site-footer{margin-top:var(--footer-gap)}

/* --- Кнопки: заливка (два цвета + угол), объём, форма --- */
.btn,.pd-reserve{
  background-color:var(--btn-bg-a,#f2cf21);
  background-image:linear-gradient(var(--btn-angle,180deg),var(--btn-bg-a,#f2cf21),var(--btn-bg-b,#f2cf21));
  color:var(--btn-text,#1c1607);
  border:0;
  box-shadow:var(--btn-shadow);
  border-radius:var(--btn-radius);
  padding:var(--btn-pad-y) var(--btn-pad-x);
  font-size:var(--btn-font);
}
/* Кнопка «Заказать +7 …» — фирменная, НЕ перекрашивается профилем: свой золотой градиент всегда */
.reserve-btn{
  background:var(--gold-gradient,linear-gradient(135deg,#b8923a 0%,#f0d878 22%,#e8c14a 50%,#f0d878 78%,#b8923a 100%));
  color:#1c1607;
  border:0;
}
.btn:hover,.pd-reserve:hover{
  background:var(--btn-hover,#ffe14d);
  box-shadow:var(--btn-shadow-hover);
}
.reserve-btn:hover{
  background:var(--gold-gradient,linear-gradient(135deg,#c9a227 0%,#f6e07e 22%,#eed05a 50%,#f6e07e 78%,#c9a227 100%));
}
.btn-sm{padding:calc(var(--btn-pad-y) - 4px) calc(var(--btn-pad-x) - 10px);font-size:calc(var(--btn-font) - 1px);border-radius:var(--btn-radius)}
.btn-outline,.btn-outline:hover{background:transparent;color:var(--ink);border:1.5px solid var(--ink);box-shadow:none}
.btn-outline:hover{background:var(--ink);color:#fff}
.btn-ghost,.btn-ghost:hover{background:var(--paper-muted);color:var(--ink);box-shadow:none}
.product-body .reserve-btn{padding:10px 8px;border-radius:var(--radius-sm)}

/* --- Карточка товара --- */
.product-card{border-radius:var(--card-radius);box-shadow:var(--card-shadow)}
.product-card:hover{box-shadow:var(--shadow-lg)}
.product-title{font-size:var(--card-title-size)}
.price-line b{font-size:var(--card-price-size)}

/* --- Плашка цены и бейджи металла --- */
.price-lines{background:linear-gradient(135deg,var(--price-tint-1),var(--price-tint-2));border:1px solid var(--price-tint-border)}
.price-line+.price-line{border-left:1px solid var(--price-tint-border)}
.metal-badge{font-size:var(--badge-size)}
.metal-badge--gold{background:linear-gradient(135deg,var(--badge-gold-a),var(--badge-gold-b));color:var(--badge-text-gold)}
.metal-badge--silver{background:linear-gradient(135deg,var(--badge-silver-a),var(--badge-silver-b));color:var(--badge-text-silver)}

/* --- Страница товара --- */
.pd-title{font-size:var(--pd-title-size)}
.price-lines--detail .price-line b{font-size:var(--pd-price-size)}
@media(max-width:768px){.pd-title{font-size:calc(var(--pd-title-size) - 6px)}}

/* --- Футер --- */
.site-footer{background:var(--footer-bg);color:var(--footer-text)}
.footer-grid{padding:var(--footer-pad-y) 24px calc(var(--footer-pad-y) - 28px)}
.footer-col h3{font-size:var(--footer-head-size)}
.footer-col p,.footer-col a,.footer-grid{color:var(--footer-text)}
.footer-logo .logo-img{height:var(--footer-logo-h)}
@media(max-width:768px){.footer-grid{padding:40px 24px}}

/* --- Тёмные блоки (секции, всплывающие панели, чипы) ---
   Отдельные токены: в тёмной теме текст сайта становится светлым, а сами
   тёмные блоки остаются тёмными — иначе текст в них пропадал. */
.section-dark{background:var(--dark-bg);color:var(--dark-text)}
.section-dark h2,.section-dark h3{color:var(--dark-text-strong)}
.skip-link{background:var(--dark-bg);color:var(--dark-text-strong)}
.btn-outline:hover{background:var(--dark-bg);color:var(--dark-text-strong)}
.filter-chip.is-active{background:var(--dark-bg);border-color:var(--dark-bg);color:var(--dark-text-strong)}
.reserve-popup{background:var(--dark-bg)}
.back-to-top{background:var(--dark-bg);color:var(--dark-text-strong)}
.header-search{background:var(--paper)}
.catalog-search{background:var(--paper);color:var(--ink)}

/* --- Слайдер, тёмные вставки, служебные элементы --- */
.cr-slider{background:var(--hero-bg)}
.cr-slider,.cr-slide,.cr-slide-copy{color:var(--hero-text)}
.cr-slide-overlay{background:linear-gradient(90deg,var(--hero-overlay),rgba(10,8,4,.4) 55%,rgba(10,8,4,.05));}
.footer-col h3{color:var(--footer-head-color)}
.reviews-cta-dark,.price-explain-card{background:var(--tint-dark)}
.reviews-cta-dark{border-color:var(--tint-dark-border)}
.price-explain-card{border-color:rgba(242,207,33,.25)}
.filter-chip{background:var(--chip-bg)}

/* --- Типографика и служебный текст --- */
.legal-requisites{color:var(--legal-text)}
.success-icon{color:var(--success-color)}
.t-xs{font-size:var(--text-xs)}
.t-sm{font-size:var(--text-sm)}
.t-md{font-size:var(--text-md)}
.t-muted{color:var(--ink-soft)}
.t-accent{color:var(--accent)}
.step-num--sm{font-size:var(--step-num-sm)}

/* --- Слайдер на главной --- */
.cr-slide-copy h2{color:var(--slider-title)}
.cr-slide-copy p{color:var(--slider-sub)}
.cr-arrow{color:var(--slider-arrow)}
.cr-dot{background:var(--slider-arrow)}

/* --- 3D-монета --- */
.coin-edge-segment{background:linear-gradient(90deg,var(--coin-gold-1) 0%,var(--coin-gold-2) 25%,var(--coin-gold-3) 50%,var(--coin-gold-2) 75%,var(--coin-gold-1) 100%)}
.coin-flip--silver .coin-edge-segment{background:linear-gradient(90deg,var(--coin-silver-1) 0%,var(--coin-silver-2) 25%,var(--coin-silver-3) 50%,var(--coin-silver-2) 75%,var(--coin-silver-1) 100%)}
.coin-flip-hint{color:var(--coin-hint-text)}

/* --- Текст на тёмных плашках --- */
.price-explain-card h3,.reviews-cta-dark h3{color:var(--dark-text-strong)}
.price-explain-card p,.reviews-cta-dark p{color:var(--dark-text)}
.reserve-popup a{color:var(--dark-text)}

/* --- Плашка сравнения --- */
.sup-cmp-good{border-color:var(--cmp-good-border);background:var(--cmp-good-bg)}
.sup-cmp-good li::before{background:var(--cmp-good-dot)}

/* --- Поля ввода и подсказки --- */
.contact-form input,.contact-form textarea{background:var(--field-bg);color:var(--ink)}
.contact-form input::placeholder,.contact-form textarea::placeholder,.catalog-search::placeholder{color:var(--field-placeholder)}

/* --- Кнопки в окнах --- */
.contact-submit{color:var(--btn-text)}
.contact-submit:hover{color:var(--btn-hover)}
.contact-modal-phone-icon,.mp-trust-badge-icon,.v2-pe-link,.topbar-cta{color:var(--btn-text)}
.topbar-cta:hover{color:var(--btn-hover)}

/* --- Бейджи металла на странице товара --- */
.related-metal--gold{background:linear-gradient(180deg,var(--badge-gold-b),var(--badge-gold-a));color:var(--badge-text-gold)}
.related-metal--silver{background:linear-gradient(180deg,var(--badge-silver-b),var(--badge-silver-a));color:var(--badge-text-silver)}