@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Inter:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap');
@font-face{font-family:"Actay Wild";src:url("https://static.tildacdn.com/tild6262-3630-4031-a133-653133356638/ActayWide-Bold.woff") format("woff");font-weight:700;font-display:swap;}
/* === TIKVA · защита от дефолтных стилей Tilda (scope .tikva) === */
.tikva, .tikva *, .tikva *::before, .tikva *::after{ box-sizing:border-box; }
.tikva{ font-family:var(--font-body); color:var(--ink); font-size:var(--fs-body); line-height:var(--lh-body); -webkit-font-smoothing:antialiased; }
.tikva h1,.tikva h2,.tikva h3,.tikva h4,.tikva h5,.tikva p,.tikva figure,.tikva ul,.tikva ol,.tikva li,.tikva blockquote{ margin:0; padding:0; }
.tikva ul,.tikva ol{ list-style:none !important; }
.tikva a{ text-decoration:none !important; }
.tikva a:hover{ text-decoration:none !important; }
/* Tilda красит ссылки своим акцентом через #allrecords a — форсируем наследование (кроме кнопок/акцентных) */
.tikva a:not([class*="btn"]):not(.link-underline){ color:inherit !important; }
.tikva .logo{ color:var(--ink) !important; }
.tikva img,.tikva svg,.tikva picture{ display:block; max-width:100%; }
.tikva button{ font:inherit; color:inherit; cursor:pointer; background:none; border:0; margin:0; line-height:normal; }
.tikva input,.tikva select,.tikva textarea{ font:inherit; }
.tikva h1,.tikva h2,.tikva h3{ font-family:var(--font-display); font-weight:500; line-height:var(--lh-tight); letter-spacing:.005em; }
.tikva b,.tikva strong{ font-weight:600; }

/* tokens */
/* ============================================================
   TIKVA — Дизайн-токены  ·  направление «Тёплый бутик»
   Все значения — переменные, чтобы один-в-один перенести в Tilda.
   ============================================================ */
:root {
  /* ---- Цвет ---- */
  --bg:          #F7F4EF;  /* костяной фон страницы */
  --bg-elev:     #FFFFFF;  /* карточки/плитки товара (белый = фон фото) */
  --bg-tile:     #FCFBF8;  /* тёплый-белый тайл под украшение */
  --bg-sink:     #EFEAE1;  /* секции-подложки */
  --ink:         #1A1714;  /* основной текст, графит */
  --ink-soft:    #5C544B;  /* вторичный текст */
  --ink-faint:   #8C8478;  /* подписи, плейсхолдеры */
  --line:        #E4DDD2;  /* границы, разделители */
  --line-soft:   #EFE9E0;
  --gold:        #B8895A;  /* бронза — акцент */
  --gold-deep:   #9C6F44;  /* hover акцента */
  --gold-tint:   #F0E6DA;  /* светлая бронзовая заливка */
  --silver:      #AEB2B5;  /* намёк на металл */
  --success:     #5B7A5B;  /* «в наличии» */
  --danger:      #A65A4E;

  /* ---- Типографика ---- */
  --font-display: "Cormorant Garamond", "Times New Roman", Georgia, serif;
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-logo:    "Actay Wild", "Cormorant Garamond", serif; /* подложить .woff2 */

  --fs-hero:  clamp(2.75rem, 7vw, 6rem);
  --fs-h1:    clamp(2rem, 4.5vw, 3.5rem);
  --fs-h2:    clamp(1.6rem, 3vw, 2.5rem);
  --fs-h3:    clamp(1.2rem, 2vw, 1.6rem);
  --fs-lead:  clamp(1.05rem, 1.4vw, 1.3rem);
  --fs-body:  1rem;
  --fs-sm:    0.875rem;
  --fs-xs:    0.75rem;

  --lh-tight: 1.05;
  --lh-snug:  1.25;
  --lh-body:  1.6;

  --tracking-wide:  0.14em;  /* надзаголовки капсом */
  --tracking-logo:  0.08em;

  /* ---- Отступы (шаг 4px) ---- */
  --s1: 0.25rem; --s2: 0.5rem;  --s3: 0.75rem; --s4: 1rem;
  --s5: 1.5rem;  --s6: 2rem;    --s7: 3rem;    --s8: 4rem;
  --s9: 6rem;    --s10: 8rem;

  /* ---- Геометрия ---- */
  --r-sm:  6px;
  --r:     12px;
  --r-lg:  22px;
  --r-pill: 999px;

  --maxw:   1320px;
  --gutter: clamp(1rem, 4vw, 3rem);

  /* ---- Тени (мягкие, премиум) ---- */
  --shadow-sm: 0 1px 2px rgba(26,23,20,.04), 0 2px 8px rgba(26,23,20,.04);
  --shadow:    0 6px 24px rgba(26,23,20,.07);
  --shadow-lg: 0 18px 48px rgba(26,23,20,.10);

  /* ---- Движение ---- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --dur:  .4s;
}

/* base */
/* ============================================================
   TIKVA — База и компоненты  ·  «Тёплый бутик»
   Зависит от tokens.css
   ============================================================ */

/* ---- Зоны прокола (блюпринт-схема + карточки) ---- */
.zones__grid{ display:grid; grid-template-columns:minmax(300px,400px) 1fr; gap:clamp(2rem,5vw,5rem); align-items:center; }
.anatomy{ position:relative; padding-bottom:1.8rem; }
.ear-svg{ width:100%; height:auto; max-width:380px; margin-inline:auto; display:block; overflow:visible; }
.anatomy figcaption{ position:absolute; left:2px; bottom:0; color:var(--ink-faint); }
.mk-bar{ stroke:var(--gold-deep); stroke-width:5; opacity:.5; }
.mk-dot{ fill:var(--gold-deep); transition:r .3s var(--ease); }
.mk-ring{ fill:none; stroke:var(--gold-deep); stroke-width:3; opacity:0; transform-box:fill-box; transform-origin:center; }
.mk-num{ font-family:var(--font-mono); font-size:30px; fill:var(--ink-faint); text-anchor:middle; }
.mk.active .mk-dot{ r:15; }
.mk.active .mk-num{ fill:var(--gold-deep); }
.mk.active .mk-ring{ opacity:.6; animation:mkPulse 1.3s ease-out infinite; }
@keyframes mkPulse{ from{ transform:scale(1); opacity:.6 } to{ transform:scale(2.6); opacity:0 } }

.zone-list{ display:grid; grid-template-columns:1fr 1fr; column-gap:clamp(1rem,3vw,2.5rem); border-top:1px solid var(--line); }
.zone-card{ display:flex; align-items:baseline; gap:.9rem; padding:1.05rem .4rem 1.05rem 1rem;
  border-bottom:1px solid var(--line); position:relative; transition:background .35s var(--ease); }
.zone-card::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:2px; background:var(--gold);
  transform:scaleY(0); transform-origin:top; transition:transform .35s var(--ease); }
.zone-card:hover{ background:var(--bg-elev); }
.zone-card:hover::before{ transform:scaleY(1); }
.zone-card__i{ font-family:var(--font-mono); font-size:.7rem; color:var(--ink-faint); min-width:2ch; }
.zone-card__name{ font-family:var(--font-display); font-size:1.5rem; line-height:1; transition:color .3s var(--ease); }
.zone-card:hover .zone-card__name{ color:var(--gold-deep); }
.zone-card__en{ font-family:var(--font-mono); font-size:.6rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--ink-faint); margin-left:auto; align-self:center; }
.zone-card__arr{ align-self:center; color:var(--gold-deep); opacity:0; transform:translateX(-8px); transition:all .35s var(--ease); }
.zone-card:hover .zone-card__arr{ opacity:1; transform:none; }
.zone-card--all .zone-card__name{ color:var(--gold-deep); }
/* выбранная зона (первый тап на мобайле) */
.zone-card.selected{ background:var(--bg-elev); }
.zone-card.selected::before{ transform:scaleY(1); }
.zone-card.selected .zone-card__name{ color:var(--gold-deep); }
.zone-card.selected .zone-card__arr{ opacity:1; transform:none; }
.zone-card.selected .zone-card__en::after{ content:" · нажмите ещё раз"; color:var(--gold-deep); }
@media (max-width:1000px){
  .zones__grid{ grid-template-columns:1fr; gap:var(--s6); }
  .anatomy{ max-width:280px; margin-inline:auto; }
}
@media (max-width:560px){ .zone-list{ grid-template-columns:1fr; } }

/* ---- Коллекции: тематический декор ---- */
.collection__deco{ position:absolute; left:0; bottom:0; height:98%; width:auto; z-index:2; pointer-events:none;
  opacity:.58; mix-blend-mode:screen; transform-origin:left bottom; transform:scale(.94) translateY(6%);
  transition:transform 1.1s var(--ease), opacity 1.1s var(--ease); }
.collection:hover .collection__deco{ transform:none; opacity:.8; }
.collection__txt{ z-index:3; }
.collection--stones .collection__img{ filter:brightness(.5) saturate(1.2); }
.collection--stones::before{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:radial-gradient(125% 100% at 16% 100%, rgba(58,86,48,.6), rgba(18,22,15,.12)); }

/* ---- Reset ---- */
*,*::before,*::after { box-sizing: border-box; }
* { margin: 0; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img,svg { display:block; max-width:100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; cursor: pointer; background: none; border: 0; }
ul { list-style: none; padding: 0; }
input { font: inherit; }

/* ---- Типографика ---- */
h1,h2,h3 { font-family: var(--font-display); font-weight: 500; line-height: var(--lh-tight); letter-spacing: .005em; }
.display { font-family: var(--font-display); }
.eyebrow {
  font-size: var(--fs-xs); letter-spacing: var(--tracking-wide);
  text-transform: uppercase; color: var(--gold-deep); font-weight: 600;
}
.lead { font-size: var(--fs-lead); color: var(--ink-soft); line-height: 1.5; }
.muted { color: var(--ink-soft); }

/* ---- Layout ---- */
.container { width:100%; max-width: var(--maxw); margin-inline:auto; padding-inline: var(--gutter); }
.section { padding-block: clamp(3rem, 7vw, 7rem); }
.section--sink { background: var(--bg-sink); }
.section-head { max-width: 60ch; margin-bottom: var(--s7); }
.section-head h2 { font-size: var(--fs-h2); margin-top: var(--s2); }
.section-head .lead { margin-top: var(--s3); }
.center { text-align: center; margin-inline:auto; }
.grid { display: grid; gap: var(--s5); }

/* ---- Кнопки ---- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5em;
  padding: .9em 1.6em; border-radius: var(--r-pill);
  font-size: var(--fs-sm); font-weight: 600; letter-spacing: .02em;
  transition: transform var(--dur) var(--ease), background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}
.btn:active { transform: translateY(1px); }
.btn--primary { background: var(--ink); color:#fff !important; }
.btn--primary:hover { background: var(--gold-deep); }
.btn--gold { background:#D9A56A; color:#1A1714 !important; }
.btn--gold:hover { background:#E4B57C; color:#1A1714 !important; }
.btn--gold svg { width:1.05em; height:1.05em; }
.btn--ghost { border: 1px solid var(--ink); color: var(--ink) !important; }
.btn--ghost:hover { background: var(--ink); color:#fff !important; }
.btn--block { width:100%; }
.link-underline { position:relative; font-weight:600; }
.link-underline::after { content:""; position:absolute; left:0; bottom:-3px; width:100%; height:1px; background: currentColor; transform: scaleX(.4); transform-origin:left; opacity:.5; transition: transform var(--dur) var(--ease), opacity var(--dur) var(--ease);}
.link-underline:hover::after { transform: scaleX(1); opacity:1; }

/* ---- Header ---- */
.header { position: sticky; top:0; z-index: 50; background: color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line-soft); }
.header__bar { display:flex; align-items:center; gap: var(--s6); height: 72px; }
.logo { font-family: var(--font-logo); font-size: 1.7rem; letter-spacing: var(--tracking-logo); font-weight: 700; text-transform: uppercase; }
.nav { display:flex; gap: var(--s5); margin-left: var(--s5); }
.nav a { font-size: var(--fs-sm); color: var(--ink-soft); transition: color var(--dur) var(--ease); }
.nav a:hover { color: var(--ink); }
.header__actions { margin-left:auto; display:flex; align-items:center; gap: var(--s4); }
.icon-btn { width:40px; height:40px; display:grid; place-items:center; border-radius: var(--r-pill); transition: background var(--dur) var(--ease);}
.icon-btn:hover { background: var(--bg-sink); }
.burger { display:none; }

/* ---- Hero ---- */
.hero { position:relative; padding-block: clamp(3rem, 9vw, 8rem); }
.hero__grid { display:grid; grid-template-columns: 1.1fr .9fr; gap: var(--s8); align-items:center; }
.hero__title { font-size: var(--fs-hero); }
.hero__title em { font-style: italic; color: var(--gold-deep); }
.hero__sub { margin-top: var(--s5); max-width: 46ch; }
.hero__cta { margin-top: var(--s6); display:flex; gap: var(--s3); flex-wrap:wrap; }
.hero__media { aspect-ratio: 4/5; border-radius: var(--r-lg); background: var(--bg-tile) center/cover no-repeat; box-shadow: var(--shadow-lg); overflow:hidden; }
.hero__media img { width:100%; height:100%; object-fit:cover; }

/* ---- Trust bar ---- */
.trust { border-block: 1px solid var(--line); }
.trust__row { display:flex; flex-wrap:wrap; gap: var(--s6); justify-content:space-between; padding-block: var(--s5); }
.trust__item { display:flex; align-items:center; gap:.6em; font-size: var(--fs-sm); color: var(--ink-soft); }
.trust__item b { color: var(--ink); font-weight:600; }

/* ---- Карточки-навигация (зона / тип) ---- */
.tiles { display:grid; gap: var(--s4); }
.tiles--zones { grid-template-columns: repeat(auto-fill, minmax(150px,1fr)); }
.tiles--types { grid-template-columns: repeat(auto-fill, minmax(220px,1fr)); }
.tile {
  position:relative; display:flex; flex-direction:column; justify-content:flex-end;
  aspect-ratio: 1/1; padding: var(--s4); border-radius: var(--r);
  background: var(--bg-elev); border:1px solid var(--line-soft);
  transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);
  overflow:hidden;
}
.tile:hover { transform: translateY(-4px); box-shadow: var(--shadow); border-color: var(--line); }
.tile__img { position:absolute; inset:0; background: var(--bg-tile) center/contain no-repeat; opacity:.95; }
.tile__img img { width:100%; height:100%; object-fit:contain; padding: 12%; }
.tile__label { position:relative; font-weight:600; font-size: var(--fs-sm); }
.tile__count { position:relative; font-size: var(--fs-xs); color: var(--ink-faint); }
.tile--type { aspect-ratio: 4/3; }

/* ---- Product card (белая товарная плитка на тёплом фоне) ---- */
.products { display:grid; gap: var(--s5); grid-template-columns: repeat(auto-fill, minmax(240px,1fr)); }
.card { display:flex; flex-direction:column; }
.card__media {
  position:relative; aspect-ratio: 1/1; border-radius: var(--r);
  background: var(--bg-tile); border:1px solid var(--line-soft);
  overflow:hidden; transition: box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);
}
.card:hover .card__media { box-shadow: var(--shadow); border-color: var(--line); }
.card__media img { width:100%; height:100%; object-fit: contain; object-position: center; padding: 0;
  transition: transform .6s var(--ease); }
.card:hover .card__media img { transform: scale(1.05); }
.card__badge { position:absolute; top: var(--s3); left: var(--s3); font-size: var(--fs-xs);
  background: #fff; border:1px solid var(--line); border-radius: var(--r-pill); padding: .25em .7em; color: var(--ink-soft); }
.card__fav { position:absolute; top: var(--s3); right: var(--s3); width:34px; height:34px; border-radius:var(--r-pill); background:#fff; display:grid; place-items:center; box-shadow: var(--shadow-sm); opacity:0; transform: translateY(-4px); transition: all var(--dur) var(--ease);}
.card:hover .card__fav { opacity:1; transform:none; }

/* ---- Техническая плашка «в разработке» ---- */
.devnote { max-width:760px; border:1px dashed var(--line); border-radius:var(--r-lg);
  padding:clamp(1.5rem,4vw,2.5rem); background:var(--bg-tile); }
.devnote__head { display:flex; align-items:center; gap:.7rem; font-family:var(--font-mono);
  font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-faint); }
.devnote__dot { width:8px; height:8px; border-radius:50%; background:var(--gold);
  animation:dnPulse 2s var(--ease) infinite; flex:0 0 auto; }
@keyframes dnPulse { 0%{box-shadow:0 0 0 0 rgba(184,137,90,.45)} 70%{box-shadow:0 0 0 8px rgba(184,137,90,0)} 100%{box-shadow:0 0 0 0 rgba(184,137,90,0)} }
.devnote__tag { color:var(--ink-soft); }
.devnote__state { margin-left:auto; color:var(--gold-deep); }
.devnote__txt { color:var(--ink-soft); margin:var(--s4) 0 var(--s5); line-height:var(--lh-body); max-width:54ch; }
.devnote__bar { height:4px; border-radius:var(--r-pill); background:var(--line); overflow:hidden; }
.devnote__bar > span { display:block; height:100%; width:35%; border-radius:inherit;
  background:linear-gradient(90deg,var(--gold),var(--gold-deep)); }
.devnote__meta { display:block; margin-top:var(--s3); font-family:var(--font-mono);
  font-size:.68rem; letter-spacing:.12em; color:var(--ink-faint); }
@media (prefers-reduced-motion:reduce){ .devnote__dot{ animation:none; } }
.card__body { padding-top: var(--s4); display:flex; flex-direction:column; gap:.35rem; }
.card__type { font-size: var(--fs-xs); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); }
.card__name { font-family: var(--font-display); font-size: 1.25rem; line-height:1.15; }
.card__row { display:flex; align-items:center; justify-content:space-between; margin-top: var(--s2); }
.card__price { font-weight:600; }
.card__price small { color: var(--ink-faint); font-weight:400; }
.swatches { display:flex; gap:.35rem; }
.swatch { width:14px; height:14px; border-radius:50%; border:1px solid rgba(0,0,0,.12); }
.swatch--silver { background: linear-gradient(135deg,#e9ebec,#b9bdc0); }
.swatch--gold   { background: linear-gradient(135deg,#f0dcae,#c9a24b); }
.swatch--black  { background: linear-gradient(135deg,#3a3a3a,#111); }

.instock { color: var(--success); }
.outstock { color: var(--ink-faint); }

/* ---- Collections (темы дизайна) ---- */
.collections { display:grid; gap: var(--s4); grid-template-columns: repeat(auto-fill, minmax(260px,1fr)); }
.collection { position:relative; aspect-ratio: 3/4; border-radius: var(--r); overflow:hidden; background: var(--bg-sink); display:flex; align-items:flex-end; padding: var(--s5); color:#fff; }
.collection::after { content:""; position:absolute; inset:0; background: linear-gradient(180deg, transparent 35%, rgba(20,16,12,.62)); }
.collection__img { position:absolute; inset:0; object-fit:cover; width:100%; height:100%; transition: transform .8s var(--ease); }
.collection:hover .collection__img { transform: scale(1.06); }
.collection__txt { position:relative; }
.collection__txt h3 { font-size: var(--fs-h3); }

/* ---- Values / Почему TIKVA ---- */
.values { display:grid; gap: var(--s6); grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); }
.value__n { font-family: var(--font-display); font-size: 2rem; color: var(--gold); }
.value h3 { font-size: var(--fs-h3); margin-block: var(--s2); }

/* ---- Content / блог-тизеры ---- */
.posts { display:grid; gap: var(--s5); grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); }
.post { border-top: 1px solid var(--line); padding-top: var(--s4); }
.post h3 { font-size: var(--fs-h3); margin-block: var(--s2) var(--s3); }

/* ---- CTA / лид-магнит ---- */
.cta-band { background: var(--ink); color:#fff; border-radius: var(--r-lg); padding: clamp(2rem,5vw,4rem); display:grid; grid-template-columns: 1fr auto; gap: var(--s6); align-items:center; }
.cta-band h2 { font-size: var(--fs-h2); }
.cta-band .lead { color: rgba(255,255,255,.7); }
.cta-band .btn--gold { white-space:nowrap; }

/* ---- Footer ---- */
.footer { background: var(--bg-sink); border-top:1px solid var(--line); padding-block: var(--s8) var(--s6); margin-top: var(--s8); }
.footer__grid { display:grid; grid-template-columns: 1.4fr repeat(3,1fr); gap: var(--s6); }
.footer h4 { font-size: var(--fs-xs); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--ink-faint); margin-bottom: var(--s3); }
.footer a { display:block; font-size: var(--fs-sm); color: var(--ink-soft); padding-block:.25rem; }
.footer a:hover { color: var(--ink); }
.footer__bottom { display:flex; flex-wrap:wrap; gap: var(--s4); justify-content:space-between; margin-top: var(--s7); padding-top: var(--s5); border-top:1px solid var(--line); font-size: var(--fs-xs); color: var(--ink-faint); }

/* ---- Breadcrumb ---- */
.crumbs { font-size: var(--fs-sm); color: var(--ink-faint); padding-block: var(--s5) 0; }
.crumbs a:hover { color: var(--ink); }

/* ---- Catalog layout ---- */
.catalog { display:grid; grid-template-columns: 264px 1fr; gap: var(--s7); align-items:start; }
.filters { position: sticky; top: 96px; display:flex; flex-direction:column; gap: var(--s5); }
.filter h4 { font-size: var(--fs-sm); margin-bottom: var(--s3); }
.filter label { display:flex; align-items:center; gap:.6em; font-size: var(--fs-sm); color: var(--ink-soft); padding-block:.3rem; cursor:pointer; }
.filter label:hover { color: var(--ink); }
.filter input { accent-color: var(--gold-deep); }
.chip-row { display:flex; flex-wrap:wrap; gap:.4rem; }
.chip { font-size: var(--fs-sm); border:1px solid var(--line); border-radius: var(--r-pill); padding:.4em .9em; color: var(--ink-soft); transition: all var(--dur) var(--ease); }
.chip:hover, .chip[aria-pressed="true"] { background: var(--ink); color:#fff; border-color: var(--ink); }
.catalog__bar { display:flex; align-items:center; justify-content:space-between; gap: var(--s4); margin-bottom: var(--s5); }
.catalog__count { font-size: var(--fs-sm); color: var(--ink-faint); }
.select { border:1px solid var(--line); border-radius: var(--r-pill); padding:.55em 1em; font-size: var(--fs-sm); background:#fff; }
.filter-toggle { display:none; }

/* ---- Utilities ---- */
.stack-sm > * + * { margin-top: var(--s3); }
.mt-6 { margin-top: var(--s6); }
.hide { display:none !important; }
/* Появление при скролле — только при включённой анимации (html.anim) и без reduced-motion.
   Без JS / при reduced-motion контент виден сразу. */
@media (prefers-reduced-motion: no-preference){
  .anim .reveal { opacity:0; transform: translateY(18px); transition: opacity .7s var(--ease), transform .7s var(--ease); }
  .anim .reveal.in { opacity:1; transform:none; }
}

/* ---- Responsive ---- */
@media (max-width: 1000px){
  .hero__grid { grid-template-columns: 1fr; }
  .hero__media { order:-1; aspect-ratio: 16/10; }
  .footer__grid { grid-template-columns: 1fr 1fr; }
  .catalog { grid-template-columns: 1fr; }
  .filters { position: static; }
  .filter-toggle { display:inline-flex; }
  .filters[data-collapsed="true"] { display:none; }
}
@media (max-width: 760px){
  .nav { display:none; }
  .burger { display:grid; }
  .cta-band { grid-template-columns: 1fr; }
  .footer__grid { grid-template-columns: 1fr; }
  .trust__row { gap: var(--s4); }
}

/* editorial */
/* ============================================================
   TIKVA v3 — «Titanium Lab / Quiet Luxury»
   Вдохновлено SOM (моно-wash, центр-объект, тех-подписи) +
   eatnaked (тёмный, тёплый акцент, орбиты, прелоадер) +
   Brunello Cucinelli (воздух, сдержанность, сериф).
   ============================================================ */

:root{ --font-mono:"Space Mono", ui-monospace, "Cascadia Mono", monospace; }

/* ---- Зерно ---- */
.grain::after{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:2; opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  mix-blend-mode:overlay;
}

/* ---- Тёмная секция ---- */
.dark{ background:#100C07; color:#F3EDE3; position:relative; overflow:hidden; }
.dark .eyebrow{ color:#C9925E; }
.dark .muted, .dark .lead{ color:#B9AE9E; }
.dark .btn--ghost{ border-color:#5a4d3d; color:#F3EDE3; }
.dark .btn--ghost:hover{ background:#F3EDE3; color:#15110D; }

/* ---- Технические подписи (моно, капс) ---- */
.kicker{ font-family:var(--font-mono); font-size:.7rem; letter-spacing:.22em; text-transform:uppercase; }

/* ============ ПРЕЛОАДЕР ============ */
.preloader{ position:fixed; inset:0; z-index:200; display:grid; place-items:center;
  background:#120E0A; color:#F3EDE3; transition:opacity .8s var(--ease), visibility .8s; }
.preloader.done{ opacity:0; visibility:hidden; }
.preloader__in{ text-align:center; position:relative; }
.preloader__ring{ width:160px; height:160px; border-radius:50%; border:1px solid #3a2e22; position:relative; display:grid; place-items:center; }
.preloader__ring::before{ content:""; position:absolute; inset:-1px; border-radius:50%;
  border:1px solid transparent; border-top-color:#C9925E; animation:spin 1s linear infinite; }
.preloader__logo{ font-family:var(--font-logo); font-size:1.6rem; letter-spacing:.1em; }
.preloader__pct{ margin-top:1.2rem; font-family:var(--font-mono); font-size:.8rem; letter-spacing:.2em; color:#8a7e6e; }

/* ============ HERO ============ */
.xhero{
  position:relative; min-height:100svh; display:flex; align-items:center;
  background:radial-gradient(130% 100% at 64% 38%, #2A1D12 0%, #160F09 46%, #0B0805 100%);
  color:#F3EDE3; overflow:hidden; isolation:isolate;
}
/* световое пятно за центр-объектом */
.xhero__spot{ position:absolute; z-index:0; width:60vw; height:60vw; right:2%; top:50%; transform:translateY(-50%);
  background:radial-gradient(circle, rgba(214,150,86,.30) 0%, rgba(214,150,86,0) 60%); filter:blur(20px); }
/* орбиты */
.xhero__rings{ position:absolute; inset:-10%; z-index:0; opacity:.18; }
.xhero__rings svg{ position:absolute; inset:0; width:100%; height:100%; animation:spin 120s linear infinite; }
.xhero__rings svg:nth-child(2){ animation-duration:200s; animation-direction:reverse; opacity:.6; }
@keyframes spin{ to{ transform:rotate(360deg); } }
/* гигантский фоновый текст-«призрак» */
/* TITANIUM — поверх рыбы (рыба между орбитой и этим словом) */
.xhero__ghost{ position:absolute; z-index:2; right:-2%; bottom:6%; font-family:var(--font-display);
  font-size:23vw; line-height:.8; letter-spacing:-.02em; color:transparent;
  -webkit-text-stroke:1px rgba(214,165,106,.22); pointer-events:none; user-select:none; white-space:nowrap; }

/* центр-объект + спутники */
.xhero__objects{ position:absolute; inset:0; z-index:1; pointer-events:none; }
.xobj{ position:absolute; }
/* одна крупная серебряная кои (hi-res) — плывёт ГОЛОВОЙ ВПЕРЁД по дуге:
   из правого нижнего угла → через центр → правый верхний угол.
   offset-path задаёт траекторию, offset-rotate:auto разворачивает голову по ходу.
   Концы за краем + opacity:0 → петля бесшовная. */
.xobj--hero{ position:absolute; top:50%; left:50%; width:40vw; max-width:660px; z-index:1; }
.koi-solo{ width:100%; height:auto; display:block; transform-origin:50% 50%;
  filter:drop-shadow(0 40px 70px rgba(0,0,0,.5)); animation:koiSwim 68s linear infinite; }
/* равномерная гладкая дуга (низ-право → центр-право → верх-право), голова ведёт по касательной.
   Затухание заранее — чтобы у краёв не было «рывка». */
@keyframes koiSwim{
  0%   { transform: translate(calc(-50% + 46vw), calc(-50% + 50vh)) rotate(-50deg); opacity:0; }
  10%  { transform: translate(calc(-50% + 36vw), calc(-50% + 34vh)) rotate(-46deg); opacity:1; }
  32%  { transform: translate(calc(-50% + 20vw), calc(-50% + 12vh)) rotate(-24deg); opacity:1; }
  50%  { transform: translate(calc(-50% + 13vw), calc(-50% + 0vh))  rotate(0deg);   opacity:1; }
  68%  { transform: translate(calc(-50% + 19vw), calc(-50% - 12vh)) rotate(16deg);  opacity:1; }
  84%  { transform: translate(calc(-50% + 32vw), calc(-50% - 30vh)) rotate(28deg);  opacity:.65; }
  100% { transform: translate(calc(-50% + 46vw), calc(-50% - 50vh)) rotate(36deg);  opacity:0; }
}

/* контент — сдвинут влево */
.xhero__content{ position:relative; z-index:4; max-width:540px;
  padding-left:clamp(1.5rem, 6vw, 7rem); padding-right:1rem; }
.xhero__title{ font-family:var(--font-display); font-weight:500; font-size:clamp(2.8rem,5.2vw,5.4rem);
  line-height:1; letter-spacing:-.01em; }
.xhero__title em{ font-style:italic; color:#D9A56A; }
.xhero__title .ln{ display:block; overflow:hidden; }
.xhero__title .ln > span{ display:inline-block; will-change:transform; }
.xhero__lead{ margin-top:var(--s5); max-width:40ch; color:#C5BAAA; font-size:var(--fs-lead); }
.xhero__cta{ margin-top:var(--s6); display:flex; gap:var(--s3); flex-wrap:wrap; }
.xhero .btn--primary{ background:#F3EDE3; color:#15110D; }
.xhero .btn--primary:hover{ background:#D9A56A; }

/* тех-выноски-спеки вокруг центр-объекта */
.specs{ position:absolute; inset:0; z-index:5; pointer-events:none; }
.spec{ position:absolute; color:#C9b39a; }
.spec b{ display:block; font-family:var(--font-mono); font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:#E7D9C5; }
.spec span{ font-family:var(--font-mono); font-size:.62rem; letter-spacing:.14em; color:#8a7e6e; }
.spec::before{ content:""; position:absolute; width:34px; height:1px; background:linear-gradient(90deg,#C9925E,transparent); top:.55em; }
.spec--r::before{ right:100%; margin-right:10px; }
.spec--l::before{ left:100%; margin-left:10px; background:linear-gradient(270deg,#C9925E,transparent); }
.spec{ text-align:right; }
.spec--1{ top:24%; right:4%; }
.spec--2{ top:50%; right:4%; }
.spec--3{ top:75%; right:4%; }

/* маркиз */
.marquee{ position:absolute; bottom:0; left:0; right:0; z-index:5; border-top:1px solid #332a20; padding:.9rem 0; overflow:hidden; white-space:nowrap; }
.marquee__track{ display:inline-block; animation:marq 30s linear infinite; }
.marquee span{ font-family:var(--font-mono); font-size:.85rem; letter-spacing:.12em; text-transform:uppercase; color:#7c6f5e; padding:0 1.4rem; }
.marquee span b{ color:#D9A56A; font-weight:400; }
@keyframes marq{ to{ transform:translateX(-50%); } }

.scrollcue{ position:absolute; bottom:60px; left:var(--gutter); z-index:5; font-family:var(--font-mono);
  font-size:.62rem; letter-spacing:.22em; text-transform:uppercase; color:#8a7e6e; display:flex; flex-direction:column; align-items:center; gap:.6em; }
.scrollcue::after{ content:""; width:1px; height:48px; background:linear-gradient(#8a7e6e,transparent); animation:cue 1.8s ease-in-out infinite; }
@keyframes cue{ 0%,100%{transform:scaleY(.4);transform-origin:top;opacity:.4} 50%{transform:scaleY(1);opacity:1} }

/* ============ EDITORIAL (тёмная вставка: материал / F136) ============ */
.editorial{ position:relative; padding-block:clamp(4rem,10vw,9rem); overflow:hidden; }
/* тиснение «ASTM F136 · TIKVA» по всему блоку (леттерпресс, тон-в-тон) */
.emboss{ position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; user-select:none;
  display:flex; flex-direction:column; justify-content:center; gap:.12em; }
.emboss__row{ white-space:nowrap; font-family:var(--font-display); font-weight:600;
  font-size:clamp(2.6rem,4.6vw,4rem); line-height:1.16; letter-spacing:.03em; color:#0E0A06;
  text-shadow:0 1px 0 rgba(232,196,150,.06), 0 -1px 1px rgba(0,0,0,.55); }
.emboss__row:nth-child(even){ text-indent:-2.5em; color:#0C0805; }
.editorial__grid{ position:relative; z-index:1; display:grid; grid-template-columns:1.05fr .95fr; gap:var(--s7); align-items:center; }
.editorial h2{ font-size:var(--fs-h1); margin-top:var(--s4); }
.editorial h2 em{ font-style:italic; color:#D9A56A; }
/* датащит-спеки */
.spec-list{ margin:var(--s6) 0; border-top:1px solid #3a2f22; max-width:46ch; }
.spec-list li{ display:flex; justify-content:space-between; gap:1.5rem; align-items:baseline;
  padding:.75rem 0; border-bottom:1px solid #3a2f22; }
.spec-list b{ font-family:var(--font-mono); font-weight:400; font-size:.78rem; letter-spacing:.06em;
  text-transform:uppercase; color:#E7D9C5; }
.spec-list span{ font-size:.9rem; color:#B9AE9E; text-align:right; }
/* украшение — объёмно, выходит за рамку */
.editorial__piece{ position:relative; display:flex; justify-content:center; align-items:center; }
.editorial__piece img{ width:128%; max-width:none; transform:rotate(-9deg);
  filter:drop-shadow(0 50px 60px rgba(0,0,0,.6)) drop-shadow(0 8px 18px rgba(0,0,0,.45)); }

/* ---- Светлый вариант: тиснение на «бумаге», мягкие переходы к соседям ---- */
.editorial--light{ color:var(--ink);
  background:linear-gradient(180deg, var(--bg) 0%, #EFE9E0 20%, #EFE9E0 80%, var(--bg) 100%); }
.editorial--light .lead{ color:var(--ink-soft); }
.editorial--light h2 em{ color:var(--gold-deep); }
.editorial--light .emboss__row{ color:#EAE3D5;
  text-shadow:0 1px 0 rgba(255,255,255,.75), 0 -1px 1px rgba(110,92,64,.18); }
.editorial--light .emboss__row:nth-child(even){ color:#E6DECF; }
.editorial--light .spec-list{ border-top-color:var(--line); }
.editorial--light .spec-list li{ border-bottom-color:var(--line); }
.editorial--light .spec-list b{ color:var(--ink); }
.editorial--light .spec-list span{ color:var(--ink-soft); }
/* встроенное фото-кольцо в перспективе (прозрачная вырезка + мягкая тень на поверхности) */
.editorial--light .editorial__piece{ overflow:visible; }
.editorial--light .editorial__piece img{ width:176%; max-width:none; transform:none; margin-right:-52%;
  filter:drop-shadow(0 38px 34px rgba(74,52,24,.28)) drop-shadow(0 10px 16px rgba(74,52,24,.18)); }
@media (max-width:760px){
  .editorial--light .editorial__piece img{ width:122%; margin-right:-8%; }
}

/* ============ КОЛЛЕКЦИИ ПО НАСТРОЕНИЮ (фон-декор + слайдер) ============ */
.moods{ position:relative; overflow:hidden; }
.moods__deco{ position:absolute; inset:0; z-index:0; pointer-events:none; }
/* объёмные фон-изображения настроений */
.moods__bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  opacity:0; transform:scale(1.06); transition:opacity 1.2s var(--ease), transform 1.8s var(--ease); }
.moods.mood-stones    .moods__bg[data-mood="stones"]   { opacity:1; transform:none; }
.moods.mood-celestial .moods__bg[data-mood="celestial"]{ opacity:1; transform:none; }
.moods.mood-gold      .moods__bg[data-mood="gold"]     { opacity:1; transform:none; }
/* затемнение для читаемости текста/карточек поверх картинки */
.moods__deco::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(14,11,8,.62) 0%, rgba(14,11,8,.42) 42%, rgba(14,11,8,.72) 100%); }
.moods .container{ position:relative; z-index:1; }
.moods__head{ display:flex; justify-content:space-between; align-items:flex-end; gap:var(--s5); flex-wrap:wrap; margin-bottom:var(--s6); }
.moods__tabs{ display:flex; flex-wrap:wrap; gap:.4rem; }
.mood-tab{ font-family:var(--font-mono); font-size:.72rem; letter-spacing:.08em; text-transform:uppercase;
  color:#8a7e6e; padding:.55em .95em; border-radius:var(--r-pill); transition:all .35s var(--ease); }
.mood-tab:hover{ color:#E7D9C5; }
.mood-tab.is-active{ color:#15110D; background:#D9A56A; }
.slider{ position:relative; }
.slider__track{ display:flex; gap:var(--s5); overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth;
  padding-bottom:var(--s4); -ms-overflow-style:none; scrollbar-width:none; }
.slider__track::-webkit-scrollbar{ display:none; }
.slider__item{ flex:0 0 clamp(220px,24vw,280px); scroll-snap-align:start; }
.slider__nav{ position:absolute; top:36%; z-index:3; width:46px; height:46px; border-radius:50%;
  background:rgba(243,237,227,.08); border:1px solid #4a3f30; color:#F3EDE3; font-size:1.5rem;
  display:grid; place-items:center; backdrop-filter:blur(4px); transition:background .3s, color .3s; }
.slider__nav:hover{ background:#D9A56A; color:#15110D; }
.slider__prev{ left:-12px; } .slider__next{ right:-12px; }
.moods .card__name{ color:#F3EDE3; } .moods .card__type{ color:#9a8c79; }
.moods .card__price{ color:#F3EDE3; } .moods .card__price small{ color:#9a8c79; }
/* фото товара без внутреннего отступа, целиком и по центру (перебиваем дефолты Tilda) */
.moods .card__media{ display:flex !important; align-items:center !important; justify-content:center !important; }
.moods .card__media img{ display:block !important; width:100% !important; height:100% !important; max-width:100% !important;
  padding:0 !important; margin:0 !important; object-fit:contain !important; object-position:center center !important; }
@media (max-width:760px){ .slider__nav{ display:none; } .slider__item{ flex-basis:66vw; } }

/* kinetic reveal заголовка */
html.anim .xhero__title .ln > span{ transform:translateY(110%); }
html.anim .xhero__title.in .ln > span{ transform:none; transition:transform 1s var(--ease); }

/* ============ Адаптив ============ */
@media (max-width:1000px){ .editorial__grid{ grid-template-columns:1fr; gap:var(--s6); } }
@media (max-width:760px){
  .xhero{ min-height:88svh; align-items:flex-start; padding-top:96px; }
  .xhero__content{ max-width:none; padding-left:var(--gutter); padding-right:var(--gutter); }
  .xhero__title{ font-size:clamp(2.3rem,9.5vw,3.4rem); }
  /* кои — та же дуга, но ниже (под текстом) и компактнее */
  .xobj--hero{ width:66vw; max-width:none; top:66%; left:50%; }
  /* TITANIUM — в две строки по ЛЕВОЙ стороне (TITA / NIUM) */
  .xhero__ghost{ font-size:40vw; line-height:.78; right:auto; left:0; transform:none;
    bottom:4%; white-space:normal; text-align:left; padding-left:var(--gutter); }
  .xhero__ghost span{ display:block; }
  /* орбиты как на ПК — видимые на мобайле */
  .xhero__rings{ opacity:.22; inset:-30% -40%; }
  .xhero__rings svg:nth-child(1){ transform-origin:60% 40%; }
  .specs{ display:none; }
  .scrollcue{ display:none; }
  .marquee span{ font-size:.72rem; }
}
@media (prefers-reduced-motion: reduce){
  .xhero__rings svg, .marquee__track, .scrollcue::after, .preloader__ring::before{ animation:none; }
  .koi-solo{ animation:none; opacity:1;
    transform:translate(calc(-50% + 13vw), -50%) rotate(0deg); }
  html.anim .xhero__title .ln > span{ transform:none; }
}

/* tilda-store skin */
/* ============================================================
   TIKVA — скин нативного «Магазина» Tilda под наш дизайн каталога
   Корзина/оплата/фильтры/остатки — родные Tilda, меняем только вид.
   Полагается на токены и шрифты из HEAD-кода (var(--*), Inter/Cormorant).
   Селекторы с !important — чтобы перебить #rec…/#allrecords стили Tilda.
   ============================================================ */

/* ---- общий шрифт магазина ---- */
.t-store, .t-store [class^="t-name"], .t-store [class^="t-descr"]{ font-family:var(--font-body) !important; }

/* ---- карточка-плитка: белый тайл, как у нас ---- */
.t-store__card__imgwrapper{ border-radius:var(--r); overflow:hidden;
  background:var(--bg-tile) !important; border:1px solid var(--line-soft);
  transition:box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease); }
.t-store__card__bgimg{ background-size:contain !important; background-color:var(--bg-tile) !important;
  transition:transform .6s var(--ease) !important; }
.t-store__card:hover .t-store__card__bgimg{ transform:scale(1.05); }
.t-store__card:hover .t-store__card__imgwrapper{ box-shadow:var(--shadow); border-color:var(--line); }

/* ---- название товара — сериф, как наш .card__name ---- */
.t-store__card__title,
.t-store__card .t-typography__title{ font-family:var(--font-display) !important; font-weight:500 !important;
  font-size:1.25rem !important; line-height:1.15 !important; color:var(--ink) !important;
  letter-spacing:0 !important; margin-top:.9rem !important; text-transform:none !important; }

/* ---- описание — мелкое, приглушённое ---- */
.t-store__card__descr{ font-family:var(--font-body) !important; color:var(--ink-soft) !important;
  font-size:.8rem !important; line-height:1.45 !important; }

/* ---- цена ---- */
.t-store__card__price,
.t-store__card__price-value,
.t-store__card__price-currency{ font-family:var(--font-body) !important; color:var(--ink) !important;
  font-weight:600 !important; }
.t-store__card__price-wrapper{ margin-top:.45rem !important; }
.t-store__card__price_old .t-store__card__price-value{ color:var(--ink-faint) !important; font-weight:400 !important; }

/* ---- фильтры / сортировка / поиск под наш стиль ---- */
.t-store__filter{ font-family:var(--font-body) !important; }
.t-store__filter__input,
.t-store__sort-select{ border:1px solid var(--line) !important; border-radius:var(--r-pill) !important;
  background:#fff !important; color:var(--ink) !important; font-family:var(--font-body) !important;
  font-size:var(--fs-sm) !important; padding:.55em 1em !important; }
.t-store__filter__item-title,
.t-store__filter__opts-mob-btn,
.t-store__filter__custom-sel .t-store__filter__title{ font-family:var(--font-body) !important; color:var(--ink) !important; }
.t-store__filter__reset{ color:var(--gold-deep) !important; }

/* ---- кнопки магазина → наш золотой пилл ---- */
.t-store .t-btn, .t-btnflex.t-btnflex_type_button,
.t-store__prod-popup__btn,
.t-store__card__btn, .t-store__card__btn-buy, .t-store__card__btns-wrapper .t-btn,
.js-store-prod-popup-btn, .js-store-prod-all-btn,
.js-store-load-more-btn{ background:#D9A56A !important; color:#1A1714 !important;
  border-radius:var(--r-pill) !important; border:0 !important;
  font-family:var(--font-body) !important; font-weight:600 !important; letter-spacing:.02em !important; }
.t-store .t-btn:hover, .t-btnflex.t-btnflex_type_button:hover,
.t-store__card__btn:hover, .js-store-load-more-btn:hover{ background:#E4B57C !important; color:#1A1714 !important; }
/* счётчик количества + кнопка покупки на карточке */
.t-store__card__btns-wrapper{ display:flex !important; align-items:stretch !important; gap:.5rem !important; margin-top:.7rem !important; }
.t-store__card__btn{ flex:1 1 auto !important; }
.t-store__prod__quantity{ flex:0 0 auto !important; background:#fff !important;
  border:1px solid var(--line) !important; border-radius:var(--r-pill) !important; }
.t-store__prod__quantity-input{ font-family:var(--font-body) !important; color:var(--ink) !important; }
/* «Нет в наличии» / отключённая — приглушённая, не золотая */
.t-store__card__btn.t-store__prod-popup__btn_disabled,
.t-btnflex_disabled, .t-btnflex.t-store__prod-popup__btn_disabled{
  background:var(--bg-sink) !important; color:var(--ink-faint) !important; cursor:not-allowed !important; }

/* ---- ховер-«избранное»/значки — мягкие тени как у нас ---- */
.t-store__card__mark{ font-family:var(--font-body) !important; }

/* ---- Опции товара (металл/камень/размер) → компактные чипы ---- */
.js-product-edition-option{ margin-top:.7rem !important; }
.js-product-edition-option-name{ font-family:var(--font-mono) !important; font-size:.62rem !important;
  letter-spacing:.04em !important; text-transform:uppercase !important; color:var(--ink-faint) !important; margin-bottom:.4rem !important; }
.t-product__option-variants_custom{ display:flex !important; flex-wrap:wrap !important; gap:.35rem !important; }
.t-product__option-item_radio.t-product__option-item_simple{ margin:0 !important; padding:0 !important; min-height:0 !important; }
.t-product__option-item_radio .t-product__option-checkmark{ display:none !important; }
.t-product__option-item_radio .t-product__option-title{ display:inline-block !important;
  border:1px solid var(--line) !important; border-radius:var(--r-pill) !important; padding:.35em .8em !important;
  font-size:.78rem !important; color:var(--ink-soft) !important; cursor:pointer !important; margin:0 !important;
  transition:background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease); }
.t-product__option-item_radio:hover .t-product__option-title{ border-color:var(--ink) !important; }
.t-product__option-item_active .t-product__option-title{ background:var(--ink) !important; color:#fff !important; border-color:var(--ink) !important; }
.t-product__option-item_disabled .t-product__option-title{ opacity:.4 !important; text-decoration:line-through !important; cursor:not-allowed !important; }
/* опции-выпадашки (Резьба основы и т.п.) → наш селект, со стрелкой не впритык */
.t-product__option-select{ border:1px solid var(--line) !important; border-radius:var(--r-pill) !important;
  background:#fff !important; color:var(--ink) !important; font-family:var(--font-body) !important;
  font-size:var(--fs-sm) !important; padding:.5em 2.2em .5em 1em !important; }

/* ---- Равная высота карточек + кнопка прижата к низу ---- */
.t-store__card-list{ display:flex !important; flex-wrap:wrap !important; align-items:stretch !important; }
.t-store__grid-separator{ display:none !important; }   /* убираем разделители-строки (мешают flex-сетке) */
.t-store__card{ display:flex !important; flex-direction:column !important; }
.t-store__card__wrap_txt-and-btns{ flex:1 1 auto !important; display:flex !important; flex-direction:column !important; }
.t-store__card__btns-wrapper{ margin-top:auto !important; }

/* ---- поиск + сортировка: одна ровная строка, одинаковая высота ---- */
.t-store__filter__search-and-sort{ display:flex !important; align-items:center !important;
  justify-content:flex-end !important; gap:.6rem !important; flex-wrap:nowrap !important; }
.t-store__filter__search, .t-store__filter__sort{ margin:0 !important; float:none !important; }
.t-store__search-wrapper{ position:relative !important; display:flex !important; align-items:center !important; }
.t-store__filter__input, .t-store__sort-select{ height:46px !important; box-sizing:border-box !important;
  line-height:normal !important; display:inline-flex !important; align-items:center !important; }
.t-store__filter__input{ min-width:220px !important; }
.t-store__sort-select-wrapper{ display:flex !important; align-items:center !important; }
/* лупа: прячем кривую родную (инлайн height:100% её растягивает) и рисуем свою фоном слева */
.t-store__search-icon{ display:none !important; }
.t-store__filter__input{ padding-left:2.6em !important; padding-right:2.4em !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238C8478' stroke-width='1.6'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important; background-position:14px center !important; background-size:17px !important; }
.t-store__search-close-icon{ width:12px !important; height:12px !important; top:50% !important; bottom:auto !important;
  right:14px !important; left:auto !important; margin:0 !important; transform:translateY(-50%) !important; }
/* сортировка: отступ справа, чтобы треугольник не липнул к тексту */
.t-store__sort-select{ padding-right:2.4em !important; }

/* кнопка-переключатель категорий — только на мобайле */
.tikva-cats__toggle{ display:none; }

/* ---- Категории магазина на мобайле: раскрывающийся список ---- */
@media (max-width:960px){
  /* прячем только древовидный дубль категорий (поиск/сортировку внутри сайдбара оставляем!) */
  .t951__sidebar-wrapper .t-store__parts-tree-root-wrapper{ display:none !important; }
  .t-store__parts-switch-wrapper_mobile{
    display:flex !important; flex-wrap:nowrap !important; overflow-x:auto !important;
    justify-content:flex-start !important; align-items:center !important; gap:.5rem !important;
    padding:.25rem 0 .75rem !important; margin:0 !important;
    -ms-overflow-style:none !important; scrollbar-width:none !important; }
  .t-store__parts-switch-wrapper_mobile::-webkit-scrollbar{ display:none !important; }
  .t-store__parts-switch-wrapper_mobile .t-store__parts-item{ flex:0 0 auto !important; margin:0 !important; position:static !important; }
  .t-store__parts-switch-wrapper_mobile .t-store__parts-sublist{ display:none !important; }   /* подкатегории не в ряд */
  .t-store__parts-switch-wrapper_mobile .t-store__parts-item-arrow{ display:none !important; }
  .t-store__parts-switch-wrapper_mobile .t-store__parts-switch-btn{
    flex:0 0 auto !important; white-space:nowrap !important; margin:0 !important;
    border:1px solid var(--line) !important; border-radius:var(--r-pill) !important;
    padding:.5em 1.05em !important; background:#fff !important; color:var(--ink-soft) !important;
    font-family:var(--font-body) !important; font-size:var(--fs-sm) !important; }
  .t-store__parts-switch-wrapper_mobile .t-store__parts-switch-btn.t-active{
    background:var(--ink) !important; color:#fff !important; border-color:var(--ink) !important; }

  /* --- дропдаун-вариант (когда JS обернул в .tikva-cats) --- */
  .tikva-cats__toggle{ display:flex !important; align-items:center; justify-content:space-between; gap:.5rem;
    width:100% !important; border:1px solid var(--line) !important; border-radius:var(--r-pill) !important;
    background:#fff !important; color:var(--ink) !important; font-family:var(--font-body) !important;
    font-size:var(--fs-sm) !important; padding:.7em 1.1em !important; margin-bottom:.6rem !important; cursor:pointer; }
  .tikva-cats__toggle svg{ width:14px; height:14px; flex:0 0 auto; transition:transform .3s var(--ease); }
  .tikva-cats.is-open .tikva-cats__toggle svg{ transform:rotate(180deg); }
  /* список свёрнут, при .is-open — вертикальный */
  .tikva-cats .t-store__parts-switch-wrapper_mobile{ display:none !important; }
  .tikva-cats.is-open .t-store__parts-switch-wrapper_mobile{
    display:flex !important; flex-direction:column !important; flex-wrap:nowrap !important; overflow:visible !important;
    gap:.1rem !important; padding:.4rem !important; margin:0 0 .6rem !important;
    border:1px solid var(--line) !important; border-radius:var(--r) !important; background:#fff !important; }
  .tikva-cats .t-store__parts-switch-wrapper_mobile .t-store__parts-switch-btn{
    width:100% !important; text-align:left !important; border:0 !important; border-radius:var(--r-sm) !important;
    padding:.7em .9em !important; background:transparent !important; }
  .tikva-cats .t-store__parts-switch-wrapper_mobile .t-store__parts-switch-btn.t-active{
    background:var(--bg-sink) !important; color:var(--ink) !important; }

  /* поиск + сортировка всегда видимы (не прячем за кнопками «Фильтры»/лупа) */
  .t-store__filter{ display:block !important; }
  .t-store__filter__controls-wrapper{ display:flex !important; flex-direction:column !important; gap:.6rem !important; align-items:stretch !important; }
  .t-store__filter__opts-mob-btn, .js-store-search-mob-btn{ display:none !important; }  /* лишние моб-кнопки */
  .t-store__filter__options{ display:none !important; }                                /* моб. кастом-сортировка (дубль) */
  .t-store__filter__search-and-sort{ display:flex !important; flex-direction:column !important; gap:.6rem !important; width:100% !important; }
  .t-store__filter__search, .t-store__filter__sort{ display:block !important; width:100% !important; margin:0 !important; }
  .t-store__search-wrapper{ width:100% !important; }
  .t-store__filter__input, .t-store__sort-select, .t-store__sort-select-wrapper{ width:100% !important; }

  /* ровный вертикальный ритм: Разделы → Поиск → Порядок одним шагом .6rem */
  .js-store-parts-select-container.t951__sidebar,
  .t951__sidebar-wrapper, .t-store__filter,
  .t-store__filter__controls-wrapper,
  .t-store__filter__search-and-sort,
  .t-store__filter__search, .t-store__filter__sort, .tikva-cats{ margin:0 !important; padding:0 !important; }
  .t-store__filter__controls-wrapper{ gap:.6rem !important; }
  .tikva-cats__toggle{ margin:0 0 .6rem !important; }
  .t-store__filter__search-and-sort{ gap:.6rem !important; }
  /* небольшой отступ всего блока управления до сетки товаров */
  .t-store__filter{ margin-bottom:1.2rem !important; }
}

/* header */
/* ============================================================
   TIKVA — шапка: бейдж корзины на бургере + анимация полёта товара
   (визуал/цвета/позиции самой шапки T396 правятся в редакторе Tilda)
   ============================================================ */

/* Кнопка-ссылка на оптовый сайт (B2B) — тихий бронзовый пилл в навигации */
.tikva .nav{ align-items:center; }                /* пилл по одной оси с пунктами */
.tikva .nav__b2b{
  display:inline-flex; align-items:center;
  border:1px solid var(--gold) !important; border-radius:var(--r-pill);
  padding:.3em .85em; margin-left:.2rem;
  color:var(--gold-deep) !important; font-size:.8rem; font-weight:500;
  line-height:1.2; white-space:nowrap; letter-spacing:.01em;
  transition:background var(--dur) var(--ease), color var(--dur) var(--ease);
}
.tikva .nav__b2b:hover{ background:var(--gold-tint); color:var(--gold-deep) !important; }
/* в мобильном меню-оверлее — как обычный пункт, без пилла */
.tikva-mmenu__nav a.nav__b2b, #tikva-mobile-menu .nav__b2b{
  border:0 !important; padding:0; margin:0; background:none !important;
  color:var(--gold-deep) !important; font-weight:500;
}

/* Кнопки ЛК и корзины в нашей шапке.
   !important — у Tilda #allrecords a красит ссылки акцентом (id-специфичность),
   а наш reset исключал классы со словом "btn" (icon-btn) — иконки уходили в оранжевый. */
.tikva .header__actions .icon-btn,
.tikva .header__actions .icon-btn:hover{ color:var(--ink) !important; }
.cart-btn{ position:relative; }

/* Прячем нативную плавающую корзину Tilda (T706): её красный счётчик лежал
   поверх бургера и перехватывал клик. Скрываем ТОЛЬКО иконку — окно корзины
   (.t706__cartwin) остаётся рабочим, открываем его из нашей кнопки через JS. */
.t706__carticon{ display:none !important; }
/* Индикатор количества — бронзовый «пузырёк» в углу корзины (Tilda пишет число в .cartcopy) */
.cart-count{
  position:absolute; top:1px; right:1px;
  min-width:16px; height:16px; padding:0 4px;
  display:none; align-items:center; justify-content:center;
  font-family:var(--font-body); font-size:10px; font-weight:600; line-height:1;
  color:#fff; background:var(--gold); border-radius:var(--r-pill);
  box-shadow:0 0 0 2px var(--bg); pointer-events:none;
}
.cart-btn.has-items .cart-count{ display:flex; }

/* ---- Мобильное меню: оверлей на уровне  (Tilda-блок его не обрезает) ---- */
.tikva-mmenu{
  position:fixed; inset:0; z-index:9000;
  background:color-mix(in srgb, var(--bg) 97%, transparent);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  display:flex; flex-direction:column; justify-content:center;
  padding:var(--s9) var(--gutter);
  opacity:0; visibility:hidden; transform:translateY(-10px);
  transition:opacity .35s var(--ease), transform .35s var(--ease), visibility .35s;
}
.tikva-mmenu.is-open{ opacity:1; visibility:visible; transform:none; }
.tikva-mmenu__nav{ display:flex; flex-direction:column; gap:var(--s5); }
.tikva-mmenu__nav a{
  font-family:var(--font-display); font-weight:500; line-height:1.1;
  font-size:clamp(1.7rem, 8vw, 2.6rem);
  color:var(--ink) !important; text-decoration:none !important;
}
.tikva-mmenu__nav a:active{ color:var(--gold) !important; }
.tikva-mmenu__close{
  position:absolute; top:var(--s5); right:var(--gutter);
  width:44px; height:44px; display:grid; place-items:center;
  color:var(--ink) !important; background:none; border:0; cursor:pointer;
}
html.tikva-mmenu-lock{ overflow:hidden; }

/* Точка-уведомление «в корзине что-то есть» — садится на бургер */
.tikva-cart-dot{
  position:absolute; top:-2px; right:-2px;
  width:10px; height:10px; border-radius:50%;
  background:var(--gold, #B8895A);
  box-shadow:0 0 0 2px var(--bg, #F7F4EF);
  pointer-events:none; z-index:5;
  animation:tikva-dot-in .3s var(--ease, ease) both;
}
@keyframes tikva-dot-in{ from{ transform:scale(0); opacity:0; } to{ transform:scale(1); opacity:1; } }

/* «Товар летит в корзину» — призрак-кружок с фото украшения */
.tikva-fly{
  position:fixed; z-index:99999;
  border-radius:50%;
  background-size:cover; background-position:center;
  box-shadow:0 8px 24px rgba(26,23,20,.25);
  pointer-events:none;
  transition:transform .75s cubic-bezier(.5,-0.2,.3,1), opacity .75s ease-in;
  will-change:transform, opacity;
}

/* Лёгкий «подскок» цели в момент попадания */
.tikva-target-pop{ animation:tikva-pop .38s var(--ease, ease); }
@keyframes tikva-pop{ 0%{ transform:scale(1); } 35%{ transform:scale(1.28); } 100%{ transform:scale(1); } }

@media (prefers-reduced-motion: reduce){
  .tikva-fly{ display:none !important; }
  .tikva-cart-dot, .tikva-target-pop{ animation:none !important; }
}

/* cart popup */
/* ============================================================
   TIKVA — корзина Tilda (попап T706) под «Тёплый бутик»
   Попап рендерится на уровне  (вне .tikva) → правила глобальные.
   Tilda вешает чёрные inline-бордеры на поля и чёрную кнопку — бьём !important.
   ============================================================ */

/* Затемнение-подложка + панель */
.t706__cartwin{ background:rgba(26,23,20,.45) !important; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); }
.t706__cartwin-content{
  background:var(--bg) !important;
  font-family:var(--font-body) !important; color:var(--ink) !important;
  box-shadow:var(--shadow-lg) !important;
}
.t706__cartwin-content,
.t706__cartwin-content *{ -webkit-font-smoothing:antialiased; }

/* Заголовок «Ваш заказ» */
.t706__cartwin-heading{
  font-family:var(--font-display) !important; font-weight:500 !important;
  color:var(--ink) !important; letter-spacing:.01em;
}

/* Крестик закрытия (был белый — невидим на светлой панели) */
.t706__cartwin-close-icon g, .t706__close-icon g{ fill:var(--ink) !important; }
.t706__cartwin-close{ opacity:.65; transition:opacity .2s; }
.t706__cartwin-close:hover{ opacity:1; }

/* Строка товара */
.t706__product{ border-bottom:1px solid var(--line) !important; }
.t706__product-imgdiv{ border-radius:var(--r-sm) !important; background-color:var(--bg-tile) !important; }
.t706__product-title a{ color:var(--ink) !important; font-weight:600 !important; }
.t706__product-title__option{ color:var(--ink-soft) !important; font-size:var(--fs-xs) !important; }

/* Цены */
.t706__cartwin-prodamount-price{ color:var(--ink) !important; font-weight:600 !important; }
.t706__cartwin-prodamount-currency{ color:var(--ink-soft) !important; }

/* Счётчик количества — аккуратный пилл с бордером */
.t706__product-plusminus{
  border:1px solid var(--line) !important; border-radius:var(--r-pill) !important;
  background:#fff !important; padding:.18em .55em !important;
  display:inline-flex !important; align-items:center !important; gap:.45em !important;
}
.t706__product-quantity{ min-width:1.4em; text-align:center; color:var(--ink) !important; }
.t706__product-minus img, .t706__product-plus img, .t706__product-del img{ opacity:.6; transition:opacity .2s; }
.t706__product-minus:hover img, .t706__product-plus:hover img, .t706__product-del:hover img{ opacity:1; }

/* Итоги */
.t706__cartwin-prodamount-label, .t706__cartwin-totalamount-label{ color:var(--ink-soft) !important; }
.t706__cartwin-totalamount-wrap{ border-top:1px solid var(--line) !important; }
.t706__cartwin-totalamount,
.t706__cartwin-totalamount .t706__cartwin-prodamount-price{ font-family:var(--font-display) !important; font-weight:600 !important; }

/* Мин. заказ + инфо о доставке — мягко, второстепенно */
.t706__cartwin-prodamount-minorder{ color:var(--gold-deep) !important; }
.t706__form-upper-text{ color:var(--ink-soft) !important; }

/* Поля формы — перебиваем чёрные inline-бордеры Tilda */
.t706__cartwin .t-input,
.t706__cartwin .searchbox-input,
.t706__cartwin .t-inputpromocode{
  border:1px solid var(--line) !important; border-radius:var(--r-sm) !important;
  color:var(--ink) !important; background:#fff !important;
}
.t706__cartwin .t-input:focus,
.t706__cartwin .searchbox-input:focus{
  border-color:var(--gold) !important; box-shadow:0 0 0 3px var(--gold-tint) !important; outline:none !important;
}
.t706__cartwin .t-input-title,
.t706__cartwin label.t-input-title{ color:var(--ink-soft) !important; }
.t706__cartwin input::placeholder,
.t706__cartwin textarea::placeholder{ color:var(--ink-faint) !important; }
.t706__cartwin .t-name{ color:var(--ink) !important; }

/* Ссылка авторизации */
.t706__auth{ color:var(--ink-soft) !important; }
.t706__auth__link{ color:var(--gold-deep) !important; text-decoration:underline !important; }

/* Кнопка «Заказать» — наш золотой пилл */
.t706__cartwin .t-submit,
.t706__cartwin .t-btnflex_type_submit{
  background:#D9A56A !important; color:#1A1714 !important;
  border-radius:var(--r-pill) !important; border:0 !important; box-shadow:none !important;
  font-family:var(--font-body) !important; font-weight:600 !important; letter-spacing:.02em;
}
.t706__cartwin .t-submit:hover{ background:#E4B57C !important; }
.t706__cartwin .t-submit.t706__submit_disable,
.t706__cartwin .t-submit[disabled]{
  background:var(--line) !important; color:var(--ink-faint) !important; cursor:not-allowed;
}

/* Промокод: инпут + кнопка — flex-ряд равной высоты (Tilda держит их как table-cell,
   из-за чего кнопка «Активировать» торчала из поля) */
.t706__cartwin .t-inputpromocode__wrapper{
  display:flex !important; gap:.5rem !important; align-items:stretch !important; width:100% !important;
}
.t706__cartwin .t-inputpromocode{ display:block !important; flex:1 1 auto !important; }
.t706__cartwin .t-inputpromocode__btn{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  flex:0 0 auto !important; height:auto !important; padding:0 1.2em !important;
  white-space:nowrap !important; line-height:1.2 !important; font-weight:600 !important;
  letter-spacing:.02em !important;
  background:transparent !important; color:var(--gold-deep) !important;
  border:1px solid var(--gold) !important; border-radius:var(--r-pill) !important;
  cursor:pointer; transition:background var(--dur) var(--ease), color var(--dur) var(--ease);
}
.t706__cartwin .t-inputpromocode__btn:hover{
  background:var(--gold-tint) !important; color:var(--gold-deep) !important;
}

/* Доставка: выпадающий список городов + радио CDEK */
.t706__cartwin .searchbox-list{
  border:1px solid var(--line) !important; border-radius:var(--r-sm) !important;
  background:#fff !important; box-shadow:var(--shadow) !important; margin-top:.3rem !important;
}
.t706__cartwin .searchbox-list-item, .t706__cartwin .searchbox-list > *{ color:var(--ink) !important; }
.t706__cartwin .searchbox-list-item:hover, .t706__cartwin .searchbox-list-item.is-active{ background:var(--gold-tint) !important; }
.t706__cartwin .t-radio__wrapper-delivery{ margin-top:.4rem !important; }
.t706__cartwin .t-radio__wrapper input[type="radio"],
.t706__cartwin .t-radio{ accent-color:var(--gold-deep) !important; }
.t706__cartwin #delivery-services-wrapper label,
.t706__cartwin .t-radio__wrapper label{ color:var(--ink) !important; }
.t706__cartwin .delivery-full-address{ color:var(--ink-soft) !important; }

/* Ошибки формы — мягкая danger-плашка вместо кричащего красного.
   Красный фон Tilda висит на самом <li class="t-form__errorbox-item js-rule-error">. */
.t706__cartwin .t-form__errorbox-wrapper,
.t706__cartwin .t-form__errorbox-text{ background:transparent !important; border:0 !important; padding:0 !important; }
.t706__cartwin .t-form__errorbox-item,
.t706__cartwin .js-rule-error{
  background:rgba(166,90,78,.10) !important; color:var(--danger) !important;
  border:1px solid rgba(166,90,78,.30) !important; border-radius:var(--r-sm) !important;
  padding:.85em 1.1em !important; text-align:left !important;
}

/* members (кабинет/вход) */
/* ============================================================
   TIKVA — личный кабинет Tilda (Members, классы tlk-*) под «Тёплый бутик»
   Кабинет — ОТДЕЛЬНЫЙ проект Tilda без нашего HEAD-кода → этот файл
   отдаём самодостаточным блоком (шрифты + :root-токены + скин).
   Структуру/классы Tilda не меняем — только вид. Авторизация работает штатно.
   ============================================================ */

/* Прячем ТОЛЬКО авто-форму Tilda (её рантайм рисует как #app > .tlk-form) и
   фон-оверлей — показываем свою форму. ВАЖНО: не прятать весь #app — на дашборде
   кабинета внутри #app лежит весь контент (крошки, аватар, материалы). */
#app > .tlk-form, .tlk-bg-filter{ display:none !important; }
html, body{ background:var(--bg) !important; }
.tlk-form{ background:transparent !important; }

/* центрируем форму-карточку по экрану */
.tlk-form{ min-height:100vh; width:100% !important; display:flex !important; align-items:center; justify-content:center; padding:var(--s6); box-sizing:border-box; }
.tlk-form__container-wrap{ width:100% !important; max-width:430px !important; margin:0 auto !important; }

/* выравнивание ширины полей и кнопки: гасим собственные отступы обёрток Tilda,
   чтобы поля и кнопка «Войти» были одной ширины и не «ехали» */
.tlk-form__wrap, .tlk-form__submit-wrap, .tlk-form__submit-btn, .tlk-form__wrap-links{
  width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important;
  padding-left:0 !important; padding-right:0 !important; box-sizing:border-box !important;
}
.tlk-input, .tlk-btn{ box-sizing:border-box !important; width:100% !important; }
.tlk-form__container{
  background:var(--bg-elev) !important; border:1px solid var(--line) !important;
  border-radius:var(--r-lg) !important; box-shadow:var(--shadow-lg) !important;
  padding:clamp(2rem,5vw,3rem) !important;
}

/* логотип над заголовком */
.tlk-form__container::before{
  content:"TIKVA"; display:block; text-align:center;
  font-family:var(--font-logo); font-weight:700; font-size:1.5rem; letter-spacing:.12em;
  text-transform:uppercase; color:var(--ink); margin-bottom:1.1rem;
}

/* заголовок + подзаголовок */
.tlk-form__title{
  font-family:var(--font-display) !important; font-weight:500 !important;
  font-size:1.9rem !important; line-height:1.1 !important; color:var(--ink) !important;
  text-align:center !important; margin-bottom:.4rem !important;
}
.tlk-form__sup-text{ color:var(--ink-soft) !important; text-align:center !important; font-size:var(--fs-sm) !important; }
.tlk-form__sup-text:empty{ display:none; }
/* поясняющий текст под заголовком (на восстановлении пароля) */
.tlk-form__descr{ color:var(--ink-soft) !important; text-align:center !important;
  font-size:var(--fs-sm) !important; line-height:1.5 !important; margin-top:.5rem !important; }

/* поля */
.tlk-form__wrap{ margin-top:1.6rem !important; }
.tlk-form__item{ margin-bottom:1rem !important; }
.tlk-input-title{ font-family:var(--font-body) !important; color:var(--ink-soft) !important;
  font-size:var(--fs-sm) !important; margin-bottom:.4rem !important; }
.tlk-input{
  font-family:var(--font-body) !important; color:var(--ink) !important; font-size:var(--fs-body) !important;
  background:#fff !important; border:1px solid var(--line) !important;
  border-radius:var(--r-sm) !important; padding:.8em 1em !important; width:100% !important; box-sizing:border-box !important;
  transition:border-color .25s var(--ease), box-shadow .25s var(--ease);
}
.tlk-input:focus{ border-color:var(--gold) !important; box-shadow:0 0 0 3px var(--gold-tint) !important; outline:none !important; }
.tlk-input::placeholder{ color:var(--ink-faint) !important; }

/* поле пароля с кнопкой-«глазом» (на регистрации) */
.tlk-input-password{ position:relative !important; width:100% !important; }
.tlk-input-password .tlk-input{ padding-right:2.7em !important; }
.tlk-password-toggle{ position:absolute !important; right:.9em !important; top:50% !important;
  transform:translateY(-50%) !important; width:21px; height:21px; display:flex; align-items:center; cursor:pointer; }
.tlk-password-toggle svg{ width:21px !important; height:auto !important; }
.tlk-password-toggle svg .st0, .tlk-password-toggle svg .st1{ stroke:var(--ink-faint) !important; }
.tlk-password-toggle:hover svg .st0, .tlk-password-toggle:hover svg .st1{ stroke:var(--gold-deep) !important; }
/* видимостью двух иконок («глаз»/«глаз перечёркнут») управляет рантайм Tilda Members */

/* ошибки */
.tlk-input-error{ color:var(--danger) !important; font-size:var(--fs-xs) !important; margin-top:.3rem !important; }
.tlk-input-error_all{ color:var(--danger) !important; font-size:var(--fs-sm) !important; text-align:center; margin-top:.6rem; }
.tlk-input-error_all:empty{ display:none; }

/* кнопка действия — наш золотой пилл (перебиваем серую tlk-btn_gray) */
.tlk-form__submit-wrap{ margin-top:1.5rem !important; }
.tlk-form__submit-btn{ width:100%; }
/* ВАЖНО: целимся строго в кнопку submit внутри формы.
   НЕ использовать .tlk-btn_reset — этот класс есть и у крестика закрытия капчи
   (.tlk-recaptcha__close.tlk-btn_reset), его наши стили растягивали на весь экран. */
.tlk-form__submit-btn .tlk-btn{
  display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:.5em !important;
  background:#D9A56A !important; color:#1A1714 !important;
  border:0 !important; border-radius:var(--r-pill) !important;
  font-family:var(--font-body) !important; font-weight:600 !important; letter-spacing:.02em !important;
  padding:.95em 1.6em !important; width:100% !important; cursor:pointer;
  transition:background .25s var(--ease);
}
.tlk-form__submit-btn .tlk-btn:hover{ background:#E4B57C !important; }

/* Капча Yandex SmartCaptcha (шаг «я не робот») — НЕ трогаем её контейнер:
   это служебный экран Tilda, он рендерится и работает сам (в т.ч. на мобиле).
   Любое наше позиционирование (fixed/100vh) ломает её на телефоне. */

/* ссылки внизу */
.tlk-form__wrap-links{ margin-top:1.4rem !important; display:flex !important; flex-direction:column !important;
  gap:.55rem !important; text-align:center !important; }
.tlk-form__link{ color:var(--gold-deep) !important; font-size:var(--fs-sm) !important; text-decoration:none !important; }
.tlk-form__link:hover{ text-decoration:underline !important; }

/* ============================================================
   ЛИЧНЫЙ КАБИНЕТ — дашборд после входа (классы tmst-* / tlk-userbar / tlk-resources)
   ============================================================ */

/* хлебные крошки */
.tmst-breadcrumbs{ font-family:var(--font-body) !important; font-size:var(--fs-sm) !important; color:var(--ink-faint) !important; }
.tmst-breadcrumbs__home{ color:var(--ink-soft) !important; transition:color .2s var(--ease); }
.tmst-breadcrumbs__home:hover{ color:var(--gold-deep) !important; }
.tmst-breadcrumbs__divider{ color:var(--ink-faint) !important; }
.tmst-breadcrumbs__item_current{ color:var(--ink) !important; }

/* Нативный плавающий userbar Tilda прячем целиком — его меню заменяем своим
   выпадающим из кнопки ЛК в шапке (account.js строит его на любой странице). */
.tlk-userbar{ display:none !important; }

/* Наше выпадающее меню кабинета (открывается из кнопки ЛК в шапке) */
.tikva-acct-menu{
  position:fixed; z-index:9000; min-width:220px;
  background:var(--bg-elev); border:1px solid var(--line); border-radius:var(--r);
  box-shadow:var(--shadow-lg); padding:.5rem;
  opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:opacity .25s var(--ease), transform .25s var(--ease), visibility .25s;
}
.tikva-acct-menu.is-open{ opacity:1; visibility:visible; transform:none; }
.tikva-acct-menu a{
  display:block; padding:.62em .8em; border-radius:var(--r-sm);
  color:var(--ink) !important; font-family:var(--font-body); font-size:var(--fs-sm);
  text-decoration:none !important; transition:background .18s var(--ease), color .18s var(--ease);
}
.tikva-acct-menu a:hover{ background:var(--gold-tint); color:var(--gold-deep) !important; }
.tikva-acct-menu__sep{ height:1px; background:var(--line); margin:.4rem 0; }
.tikva-acct-menu a.tikva-acct-menu__logout{ color:var(--ink-soft) !important; }
.tikva-acct-menu a.tikva-acct-menu__logout:hover{ color:var(--danger) !important; background:transparent; }

/* блок материалов: пустое состояние «Добро пожаловать» */
.tlk-resources__empty-text{
  font-family:var(--font-body) !important; color:var(--ink-soft) !important;
  font-size:var(--fs-body) !important; line-height:1.6 !important;
}
.tlk-resources__empty-image svg line,
.tlk-resources__empty-image svg polyline,
.tlk-resources__empty-image svg path{ stroke:var(--line) !important; }

/* заголовки внутри кабинета — наш сериф */
.tmst-main [class*="__title"],
.tlk-resources [class*="__title"]{ font-family:var(--font-display) !important; color:var(--ink) !important; }

/* --- Сетка дашборда: контейнер по нашей сетке, крошкам — воздух --- */
.tmst-container{ max-width:var(--maxw) !important; margin-inline:auto !important;
  padding-inline:var(--gutter) !important; box-sizing:border-box !important; }
.tmst-main-breadcrumbs{ padding-top:1.4rem !important; padding-bottom:.4rem !important; }

/* --- Карточки дашборда: заказы / адреса / профиль / купленное --- */
/* только вид (фон/рамка/радиус/тень/типографика) — раскладку Tilda не трогаем */
.tmst-main__card{
  background:var(--bg-elev) !important; border:1px solid var(--line) !important;
  border-radius:var(--r-lg) !important; box-shadow:var(--shadow-sm) !important;
}
/* у Tilda «Мои заказы» — карточка ВНУТРИ карточки: вложенную не красим,
   иначе двойная рамка/тень и «ступеньки» углов */
.tmst-main__card .tmst-main__card{
  background:transparent !important; border:0 !important;
  box-shadow:none !important; border-radius:0 !important;
}
.tmst-main__card__title{ font-family:var(--font-display) !important; font-weight:500 !important;
  font-size:var(--fs-h3) !important; color:var(--ink) !important; }
.tmst-main__card__link{ color:var(--gold-deep) !important; font-weight:600 !important; text-decoration:none !important; }
.tmst-main__card__link:hover{ text-decoration:underline !important; }
.tmst-main__card__link_secondary{ color:var(--ink-soft) !important; font-weight:400 !important; }
.tmst-main__address-name, .tmst-main__order__profile-name{ color:var(--ink) !important; }
.tmst-products__image{ border-radius:var(--r-sm) !important; background-color:var(--bg-tile) !important; }

/* --- Материалы (resources groups) --- */
.tlk-resources__title{ font-family:var(--font-display) !important; font-weight:500 !important;
  color:var(--ink) !important; font-size:var(--fs-h3) !important; }
.tlk-resources__groups-pages-item{ border:1px solid var(--line) !important; border-radius:var(--r) !important;
  background:var(--bg-elev) !important; }
.tlk-resources__groups-pages-item-link{ color:var(--ink) !important; }
.tlk-resources__groups-pages-item-link:hover{ color:var(--gold-deep) !important; }

/* --- Выпадашка «редактировать профиль» в userbar --- */
.tlk-userbar__popup-edit-profile{ font-family:var(--font-body) !important; color:var(--ink) !important; }

/* ============================================================
   ЛК — детали заказа и список заказов (/members/orderlist, tmst-order-details)
   ============================================================ */
.tmst-orders, .tmst-order-details{ font-family:var(--font-body) !important; color:var(--ink) !important; }

/* воздух между шапкой и контентом: карточка не липнет к шапке, крошки видны */
.tmst-orders.tmst-wrap, #app .tmst-orders{ padding-top:1.5rem !important; }
.tmst-order-details .tmst-breadcrumbs{ padding-top:.4rem !important; padding-bottom:1.1rem !important; }
/* «Вернуться к списку заказов» — отступ от карточки */
.tmst-order-details > .tmst-container > .tmst-button_text,
.tmst-order-details .tmst-button_text{ margin-top:1rem !important; }

/* контент заказа — белая карточка */
.tmst-order-details__content{
  background:var(--bg-elev) !important; border:1px solid var(--line) !important;
  border-radius:var(--r-lg) !important; box-shadow:var(--shadow-sm) !important;
  padding:clamp(1.4rem,3vw,2.2rem) !important;
}

/* шапка заказа: номер + дата + статус */
.tmst-order-details__number{ font-family:var(--font-display) !important; font-weight:500 !important;
  font-size:var(--fs-h3) !important; color:var(--ink) !important; }
.tmst-orders__datetime, .tmst-orders__date, .tmst-orders__time{ color:var(--ink-faint) !important; font-size:var(--fs-sm) !important; }

/* статус-плашка («Оплачено» и т.п. — цвет фона Tilda ставит инлайном, оставляем) */
.tmst-status{ border-radius:var(--r-pill) !important; font-family:var(--font-body) !important;
  font-size:var(--fs-xs) !important; font-weight:600 !important; padding:.35em .9em !important; }

/* заголовки секций (Товары / Доставка / Данные / Оплата) — сериф */
.tmst-order-details__section-title{ font-family:var(--font-display) !important; font-weight:500 !important;
  font-size:1.25rem !important; color:var(--ink) !important; }

/* список товаров */
.tmst-order-details__product-item{ border-bottom:1px solid var(--line-soft) !important; }
.tmst-order-details__product-image{ border-radius:var(--r-sm) !important; }
.tmst-order-details__product-title a{ color:var(--ink) !important; font-weight:600 !important;
  text-decoration:none !important; transition:color .2s var(--ease); }
.tmst-order-details__product-title a:hover{ color:var(--gold-deep) !important; }
.tmst-order-details__product-quantity{ color:var(--ink-soft) !important; }
.tmst-order-details__product-price{ font-weight:600 !important; color:var(--ink) !important; }

/* пары dt/dd (Название доставки / Адрес / Phone / Статус оплаты …) */
.tmst-order-details__text dt{ color:var(--ink-soft) !important; }
.tmst-order-details__text dd{ color:var(--ink) !important; }
.tmst-order-details__text__bold dt, .tmst-order-details__text__bold dd{ font-weight:600 !important; color:var(--ink) !important; }
.tmst-orders__delivery{ font-style:normal !important; }

/* ============================================================
   ЛК — профиль (/members/profile/, tmst-profile + tlk-profile__*)
   Поля tlk-input/tlk-input-title уже скинены выше (общие с формами входа).
   ============================================================ */
.tmst-profile{ font-family:var(--font-body) !important; color:var(--ink) !important; }
.tmst-profile.tmst-wrap{ padding-top:1.5rem !important; }
.tmst-profile .tmst-breadcrumbs{ padding-top:.4rem !important; padding-bottom:1.1rem !important; }

/* заголовок и карточка контента */
.tmst-profile-title{ font-family:var(--font-display) !important; font-weight:500 !important;
  font-size:var(--fs-h2) !important; color:var(--ink) !important; }
.tmst-profile-content-wrapper{
  background:var(--bg-elev) !important; border:1px solid var(--line) !important;
  border-radius:var(--r-lg) !important; box-shadow:var(--shadow-sm) !important;
  padding:clamp(1.4rem,3vw,2.2rem) !important;
}

/* телефон с маской (генерик t-input внутри профиля) */
.tmst-profile .t-input{ border:1px solid var(--line) !important; border-radius:var(--r-sm) !important;
  background:#fff !important; color:var(--ink) !important; font-family:var(--font-body) !important; }
.tmst-profile .t-input-phonemask__wrap .t-input-phonemask{ border:0 !important; }
.tmst-profile .t-input:focus{ border-color:var(--gold) !important; box-shadow:0 0 0 3px var(--gold-tint) !important; outline:none !important; }

/* кастомный селект языка */
.tlk-select-custom__selected{
  border:1px solid var(--line) !important; border-radius:var(--r-sm) !important;
  background:#fff !important; color:var(--ink) !important; font-family:var(--font-body) !important;
}
.tlk-select-custom__options{
  border:1px solid var(--line) !important; border-radius:var(--r-sm) !important;
  background:#fff !important; box-shadow:var(--shadow) !important;
}
.tlk-select-custom__options li{ color:var(--ink) !important; font-family:var(--font-body) !important; }
.tlk-select-custom__options li:hover,
.tlk-select-custom__options li.selected{ background:var(--gold-tint) !important; color:var(--gold-deep) !important; }

/* кнопки: «Сохранить» — золотой пилл; «Изменить пароль» — контурный */
.tlk-profile__close-save, .tlk-profile__close-save__dark{
  background:#D9A56A !important; color:#1A1714 !important; border:0 !important;
  border-radius:var(--r-pill) !important; font-family:var(--font-body) !important;
  font-weight:600 !important; letter-spacing:.02em !important; padding:.85em 1.6em !important;
  cursor:pointer; transition:background .25s var(--ease);
}
.tlk-profile__close-save:hover{ background:#E4B57C !important; }
.tlk-profile__regular-button{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  background:transparent !important; color:var(--gold-deep) !important;
  border:1px solid var(--gold) !important; border-radius:var(--r-pill) !important;
  font-family:var(--font-body) !important; font-weight:600 !important;
  padding:.6em 1.2em !important; text-decoration:none !important;
  transition:background .25s var(--ease);
}
.tlk-profile__regular-button:hover{ background:var(--gold-tint) !important; }

/* загрузка аватара: круг — ТОЛЬКО внешний контейнер; вложенный default-preview —
   просто иконка по центру (иначе два круга разного размера накладываются «восьмёркой») */
.tlk-upload__preview{
  width:96px !important; height:96px !important; border-radius:50% !important;
  border:1px solid var(--line) !important; background:var(--bg-tile) !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  overflow:hidden !important; box-sizing:border-box !important;
}
.tlk-upload__preview img{ width:100% !important; height:100% !important; object-fit:cover !important; border-radius:50% !important; }
.tlk-upload__default-preview{
  border:0 !important; background:transparent !important; border-radius:0 !important;
  width:40px !important; height:auto !important; color:var(--ink-faint) !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
}
.tlk-upload__default-preview svg{ width:100% !important; height:auto !important; }
.tlk-upload-label{ color:var(--ink) !important; font-family:var(--font-body) !important; cursor:pointer; }
.tlk-upload__error{ color:var(--danger) !important; font-size:var(--fs-xs) !important; }
/* выпадашка «Редактировать» у аватара */
.tlk-profile-dropdown-menu{
  background:var(--bg-elev) !important; border:1px solid var(--line) !important;
  border-radius:var(--r-sm) !important; box-shadow:var(--shadow) !important;
}
.tlk-profile-dropdown-item{ font-family:var(--font-body) !important; color:var(--ink) !important; }
.tlk-profile-dropdown-item:hover{ background:var(--gold-tint) !important; }
.tlk-profile-dropdown-item:hover .tlk-upload-label{ color:var(--gold-deep) !important; }

/* ============================================================
   ЛК — мои адреса (/members/addresses, tmst-addresses)
   ============================================================ */
.tmst-addresses{ font-family:var(--font-body) !important; color:var(--ink) !important; }
.tmst-addresses.tmst-wrap{ padding-top:1.5rem !important; }
.tmst-addresses .tmst-breadcrumbs{ padding-top:.4rem !important; padding-bottom:1.1rem !important; }

/* карточка раздела */
.tmst-addresses__card{
  background:var(--bg-elev) !important; border:1px solid var(--line) !important;
  border-radius:var(--r-lg) !important; box-shadow:var(--shadow-sm) !important;
  padding:clamp(1.4rem,3vw,2.2rem) !important;
}
.tmst-addresses__title{ font-family:var(--font-display) !important; font-weight:500 !important;
  font-size:var(--fs-h3) !important; color:var(--ink) !important; }
.tmst-addresses__message{ color:var(--ink-soft) !important; font-size:var(--fs-sm) !important; line-height:1.55 !important; }

/* строка адреса */
.tmst-addresses__list-item{ border-bottom:1px solid var(--line-soft) !important; }
.tmst-addresses__address-name{ font-weight:600 !important; color:var(--ink) !important; }
.tmst-addresses__address-details{ color:var(--ink-soft) !important; }
.tmst-addresses__address-userinitials{ color:var(--ink-faint) !important; font-size:var(--fs-sm) !important; }

/* кнопка «Удалить» — тихая, краснеет на ховере */
.tmst-addresses__address-delete-btn{
  background:none !important; border:0 !important; cursor:pointer;
  color:var(--ink-faint) !important; font-family:var(--font-body) !important;
  font-size:var(--fs-sm) !important; transition:color .2s var(--ease);
}
.tmst-addresses__address-delete-btn:hover{ color:var(--danger) !important; }

/* ============================================================
   ЛК — купленные товары (/members/purchased-products, tmst-purchased)
   ============================================================ */
.tmst-purchased{ font-family:var(--font-body) !important; color:var(--ink) !important; }
.tmst-purchased.tmst-wrap{ padding-top:1.5rem !important; }
.tmst-purchased .tmst-breadcrumbs{ padding-top:.4rem !important; padding-bottom:1.1rem !important; }

/* карточка купленного товара */
.tmst-purchased__list-item{
  background:var(--bg-elev) !important; border:1px solid var(--line) !important;
  border-radius:var(--r-lg) !important; box-shadow:var(--shadow-sm) !important;
}
.tmst-purchased__list-item + .tmst-purchased__list-item{ margin-top:1rem !important; }
.tmst-purchased__list__product-image,
.tmst-purchased__product-details__image img{ border-radius:var(--r-sm) !important; }
.tmst-purchased__details__product-title,
.tmst-purchased__product-details__description a{ color:var(--ink) !important; font-weight:600 !important;
  text-decoration:none !important; transition:color .2s var(--ease); }
.tmst-purchased__product-details__description a:hover{ color:var(--gold-deep) !important; }
.tmst-purchased__details__product-sku{ color:var(--ink-faint) !important; font-size:var(--fs-xs) !important; }
.tmst-purchased__product-details__date{ color:var(--ink-faint) !important; font-size:var(--fs-sm) !important; }
.tmst-purchased__product-details__price{ font-weight:600 !important; color:var(--ink) !important; }

/* кнопки страницы: основная — золотой пилл, «в каталог» — контурная */
.tmst-button_primary{
  background:#D9A56A !important; color:#1A1714 !important; border:0 !important;
  border-radius:var(--r-pill) !important; padding:.7em 1.4em !important;
  transition:background .25s var(--ease);
}
.tmst-button_primary:hover{ background:#E4B57C !important; }
.tmst-purchased__go-to-catalog-btn{ border-radius:var(--r-pill) !important; }

/* кнопки: «Повторить заказ» — контурный бронзовый пилл; «Вернуться…» — текстовая */
.tmst-button{ font-family:var(--font-body) !important; font-weight:600 !important; letter-spacing:.02em !important; cursor:pointer; }
.tmst-button_secondary{
  background:transparent !important; color:var(--gold-deep) !important;
  border:1px solid var(--gold) !important; border-radius:var(--r-pill) !important;
  padding:.7em 1.4em !important; transition:background .25s var(--ease);
}
.tmst-button_secondary:hover{ background:var(--gold-tint) !important; }
.tmst-button_text{ background:none !important; border:0 !important; color:var(--gold-deep) !important; }
.tmst-button_text:hover{ text-decoration:underline !important; }