@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;600;700&family=Roboto:wght@400;500;700&family=Open+Sans:wght@400;600;700&family=Unbounded:wght@300;600&display=swap');

:root{
  --font-head:'Manrope', Arial, sans-serif;
  --font-body:'Open Sans', Arial, sans-serif;
  --font-alt:'Roboto', Arial, sans-serif;
  --font-accent:'Unbounded', Arial, sans-serif;

  --paper:#F6F6F6;
  --ink:#171918;
  --forest:#0A3B31;
  --gold:#A28A60;
  --line:#C9CCC8;
  --muted:#666B68;

  --space-1:8px;  --space-2:16px; --space-3:24px;
  --space-4:40px; --space-5:64px; --space-6:96px;

  --measure:66ch;
}

/* Заголовки — Manrope, тонкие */
h1, h2, h3, h4,
.t-title, .t-heading, .t-section__title, .t-store__card__title{
  font-family:var(--font-head) !important;
}
h1, .t-title{ font-weight:300; line-height:.94; letter-spacing:-.055em; }
h2, .t-section__title{ font-weight:300; line-height:1.02; letter-spacing:-.045em; }
h3{ font-weight:600; line-height:1.15; }

/* Точечные переопределения */
.bau-keep, .bau-keep *{ font-family:inherit !important; }
.bau-roboto{ font-family:var(--font-alt) !important; }

/* Акцентные */
.bau-accent{ font-family:var(--font-accent) !important; font-weight:300; letter-spacing:-.02em; }
.bau-accent-bold{ font-family:var(--font-accent) !important; font-weight:600; letter-spacing:-.01em; }
.bau-mark{ font-family:var(--font-accent) !important; font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; }
.bau-eyebrow{ font-family:var(--font-head) !important; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--forest); }

/* Цифры и характеристики камня */
.bau-num{ font-variant-numeric:tabular-nums; letter-spacing:-.02em; }
.bau-data-row{ display:grid; grid-template-columns:1fr 2fr; gap:var(--space-2); padding:14px 0; border-top:1px solid var(--line); }
.bau-data-row dt{ font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); }
.bau-data-row dd{ margin:0; font-variant-numeric:tabular-nums; }

/* Прочее */
.bau-measure{ max-width:var(--measure); }
.bau-gold-line{ width:120px; height:1px; margin:var(--space-4) 0; background:var(--gold); }
.bau-dark{ background:var(--ink); color:var(--paper); }
.bau-forest{ background:var(--forest); color:var(--paper); }
/* подложка: элементы без своего шрифта не падают в Times */
body{ font-family:'Open Sans',Arial,Helvetica,sans-serif; }

/* заголовки — Manrope */
h1,h2,h3,h4,
.t-title,.t-heading,.t-section__title,.t-store__card__title{
  font-family:'Manrope',Arial,sans-serif !important;
}
h1,.t-title{ font-weight:300 !important; }
h2,.t-section__title{ font-weight:300 !important; }

/* название товара — COBRA */
.t-store__prod-popup__name{
  font-size:40px !important;
  font-weight:600 !important;
  letter-spacing:-.03em;
}

/* артикул SKU */
.js-store-prod-sku{
  font-size:10px !important;
  letter-spacing:.1em;
  text-transform:uppercase;
  opacity:.6;
}

/* цена */
.t-store__prod-popup__price,
.js-store-prod-price{
  font-size:26px !important;
  font-weight:200 !important;
}

/* описание и характеристики камня — сейчас 12px, мелко для этого чека */
.t-store__prod-popup__text{
  font-size:15px !important;
  line-height:1.6 !important;
}

/* подписи опций — Base metal, Ring size */
.t-product__option-title{
  font-size:12px !important;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* кнопка */
.t-store__prod-popup__btn{
  font-size:15px !important;
  letter-spacing:.08em;
}
.t-store__prod-popup__text{
  -webkit-font-smoothing:auto !important;
  -moz-osx-font-smoothing:auto !important;
}