/* =========================================================
   Стилевые направления B и C поверх базового A (style.css).
   Включаются атрибутом <html data-style="b|c"> (см. themes.js).
   ========================================================= */

/* ---------------------------------------------------------
   B · «Минимализм-люкс»
   Белый/графит, тонкие линии, крупная антиква, никаких теней.
   --------------------------------------------------------- */
:root[data-style="b"] {
  --display: 'Cormorant Garamond', Georgia, serif;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --label: 'Tenor Sans', 'Manrope', sans-serif;
  --r-lg: 2px; --r-md: 2px; --r-sm: 0px;
  --shadow: 0 1px 0 var(--line);
}
[data-style="b"] body::after { display: none; }
[data-style="b"] h1, [data-style="b"] h2, [data-style="b"] h3, [data-style="b"] h4 { font-weight: 400; letter-spacing: -.015em; line-height: 1; }
[data-style="b"] h2 { font-size: clamp(2.4rem, 5.2vw, 4.6rem); font-weight: 300; }
[data-style="b"] h3 { font-size: 1.45rem; }
[data-style="b"] em { font-weight: 400; color: var(--accent); }
[data-style="b"] h1 em, [data-style="b"] h2 em { font-size: 1em; }
[data-style="b"] .fx { opacity: .35; }

/* шапка и промо */
[data-style="b"] .promo { background: var(--bg); color: var(--muted); border-bottom: 1px solid var(--line); font-family: var(--label); font-weight: 400; font-size: .7rem; letter-spacing: .16em; text-transform: uppercase; }
[data-style="b"] .promo__dot { animation: none; width: 5px; height: 5px; }
[data-style="b"] .header { background: color-mix(in srgb, var(--bg) 92%, transparent); }
[data-style="b"] .logo__mark { width: 18px; height: 22px; background: none; border: 1px solid var(--ink); }
[data-style="b"] .logo__mark::after { border-bottom-color: var(--ink); border-width: 3px; bottom: -4px; }
[data-style="b"] .logo__word { font-family: var(--display); font-weight: 500; font-style: italic; font-size: 1.32rem; line-height: .9; letter-spacing: 0; }
[data-style="b"] .nav a, [data-style="b"] .header__phone { font-family: var(--label); font-weight: 400; font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; }
[data-style="b"] .nav a::after { height: 1px; background: var(--ink); }
[data-style="b"] .cart-btn, [data-style="b"] .burger { border-radius: 0; background: none; color: var(--ink); border: 1px solid var(--ink); }
[data-style="b"] .burger span { background: var(--ink); }
[data-style="b"] .cart-btn__count { border-radius: 0; background: var(--ink); color: var(--bg); }

/* кнопки */
[data-style="b"] .btn { border-radius: 0; font-family: var(--label); font-weight: 400; font-size: .74rem; letter-spacing: .18em; text-transform: uppercase; padding: 1.35em 2.2em; }
[data-style="b"] .btn--primary { background: var(--ink); color: var(--bg); box-shadow: none; }
[data-style="b"] .btn--primary:hover { background: var(--accent); color: var(--accent-ink); transform: none; box-shadow: none; }
[data-style="b"] .btn--ghost { box-shadow: inset 0 0 0 1px var(--ink); }

/* hero */
[data-style="b"] .hero { background: none; border-bottom: 1px solid var(--line); }
[data-style="b"] .kicker { background: none; border: 0; padding: 0; font-family: var(--label); font-weight: 400; font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; color: var(--muted); backdrop-filter: none; }
[data-style="b"] .kicker::before { width: 28px; height: 1px; border-radius: 0; background: var(--accent); }
[data-style="b"] .hero__title { font-weight: 300; font-size: clamp(3rem, 6.4vw, 6.6rem); letter-spacing: -.03em; line-height: .9; }
[data-style="b"] .hero__title em { font-weight: 400; margin-top: .04em; }
[data-style="b"] .trust { gap: 0; border-top: 1px solid var(--line); padding-top: 1.4rem; }
[data-style="b"] .trust li { padding-right: 2rem; margin-right: 2rem; border-right: 1px solid var(--line); }
[data-style="b"] .trust li:last-child { border: 0; }
[data-style="b"] .trust b { font-family: var(--display); font-weight: 400; font-size: 2rem; }

/* бегущая строка: без наклона, тонкая */
[data-style="b"] .marquee { transform: none; margin: 0; background: var(--bg); color: var(--ink); border-bottom: 1px solid var(--line); padding: 1.4rem 0; }
[data-style="b"] .marquee__track { font-family: var(--display); font-style: italic; font-weight: 400; font-size: 1.8rem; letter-spacing: 0; animation-duration: 60s; }
[data-style="b"] .marquee__track i { color: var(--accent); }

/* секции */
[data-style="b"] .eyebrow { font-family: var(--label); font-weight: 400; letter-spacing: .22em; font-size: .7rem; }
[data-style="b"] .section__head { border-top: 1px solid var(--ink); padding-top: 1.6rem; }
[data-style="b"] .reveal { transform: none; }

/* поводы — без рамок, подпись под картинкой */
[data-style="b"] .occ { background: none; border: 0; padding: 0; text-align: left; }
[data-style="b"] .occ:hover { transform: none; }
[data-style="b"] .occ__art { border-radius: 0; }
[data-style="b"] .occ b { font-family: var(--label); font-weight: 400; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; }
[data-style="b"] .occ[aria-pressed="true"] { background: none; color: var(--ink); }
[data-style="b"] .occ[aria-pressed="true"] .occ__art { box-shadow: inset 0 0 0 1px var(--ink); }

/* каталог */
[data-style="b"] .tabs { background: none; padding: 0; gap: 1.6rem; border-radius: 0; }
[data-style="b"] .tabs button { padding: .4em 0; border-radius: 0; font-family: var(--label); font-weight: 400; font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; border-bottom: 1px solid transparent; }
[data-style="b"] .tabs button[aria-selected="true"] { background: none; color: var(--ink); border-bottom-color: var(--ink); }
[data-style="b"] .chip { border-radius: 0; font-family: var(--label); font-weight: 400; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; }
[data-style="b"] .chip[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: var(--bg); }
[data-style="b"] select { border-radius: 0; }
[data-style="b"] .toggle span, [data-style="b"] .toggle span::after { border-radius: 0; }
[data-style="b"] .grid { gap: 36px 24px; }
[data-style="b"] .card { background: none; border: 0; animation: none; }
[data-style="b"] .card:hover { transform: none; box-shadow: none; }
[data-style="b"] .card__art { background: var(--bg-2); }
[data-style="b"] .card:hover .card__art svg { transform: scale(1.04); }
[data-style="b"] .card__body { padding: 16px 0 0; }
[data-style="b"] .card h3 { font-size: 1.5rem; }
[data-style="b"] .badge { border-radius: 0; background: var(--bg); font-family: var(--label); font-weight: 400; font-size: .64rem; letter-spacing: .14em; text-transform: uppercase; }
[data-style="b"] .badge--air { background: var(--ink); color: var(--bg); }
[data-style="b"] .card__tag { font-family: var(--label); font-weight: 400; color: var(--muted); }
[data-style="b"] .price { font-family: var(--display); font-weight: 500; font-size: 1.5rem; letter-spacing: 0; }
[data-style="b"] .add { border-radius: 0; background: none; color: var(--ink); border: 1px solid var(--ink); font-weight: 300; }
[data-style="b"] .add:hover { transform: none; background: var(--ink); color: var(--bg); }
[data-style="b"] .add.done { background: var(--ink); color: var(--bg); }
[data-style="b"] .card--featured { background: var(--bg-2); }
[data-style="b"] .card--featured .card__art { background: none; }
[data-style="b"] .card--featured .card__body { padding: 40px; }
[data-style="b"] .card--featured h3 { font-size: clamp(2.2rem, 3.6vw, 3.4rem); font-weight: 300; }
[data-style="b"] .ribbon { font-family: var(--label); font-style: normal; font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; }

/* конструктор */
[data-style="b"] .field > label, [data-style="b"] .label { font-family: var(--label); font-weight: 400; letter-spacing: .18em; font-size: .7rem; }
[data-style="b"] .budget { border-bottom-width: 1px; }
[data-style="b"] .budget input { font-family: var(--display); font-weight: 300; letter-spacing: -.02em; }
[data-style="b"] .budget span { font-family: var(--display); }
[data-style="b"] input[type="range"] { height: 1px; background: var(--ink); }
[data-style="b"] input[type="range"]::-webkit-slider-thumb { width: 16px; height: 16px; border: 0; background: var(--ink); box-shadow: none; }
[data-style="b"] .quick button, [data-style="b"] .pal, [data-style="b"] .item, [data-style="b"] .stepper button { border-radius: 0; }
[data-style="b"] .pal__dots i { border-radius: 0; }
[data-style="b"] .item { background: none; }
[data-style="b"] .preview { background: var(--bg-2); border: 0; }
[data-style="b"] .meter { background: none; border: 0; border-top: 1px solid var(--ink); border-radius: 0; padding-inline: 0; }
[data-style="b"] .meter__row b { font-family: var(--display); font-weight: 500; font-size: 1.3rem; }
[data-style="b"] .meter__bar, [data-style="b"] .meter__bar i { height: 2px; border-radius: 0; }
[data-style="b"] .meter__bar i { background: var(--ink); }

/* оформление */
[data-style="b"] .tile { border: 0; background: var(--bg-2); }
[data-style="b"] .tile__body { background: var(--bg); border-top: 0; padding: 18px 0 0; }
[data-style="b"] .tile--calc .tile__body { padding: 30px; }
[data-style="b"] .tile__body b { font-family: var(--display); font-weight: 500; font-size: 1.2rem; }
[data-style="b"] .tile--xl h3 { font-size: 2.6rem; font-weight: 300; }
[data-style="b"] .calc__total b { font-family: var(--display); font-weight: 300; font-size: 2.6rem; color: inherit; }
[data-style="b"] .seg, [data-style="b"] .seg button { border-radius: 0; }
[data-style="b"] .lead { background: var(--bg-2); color: var(--ink); }
[data-style="b"] .lead em { color: var(--accent); }
[data-style="b"] .lead h3 { font-weight: 300; font-size: clamp(1.9rem, 3.4vw, 3rem); }
[data-style="b"] .lead__fields input, [data-style="b"] .lead__fields select { background: var(--card); border: 1px solid var(--line); }
[data-style="b"] .lead .btn--primary { background: var(--ink); color: var(--bg); }

/* ротанг, шаги, галерея */
[data-style="b"] .craft__art > div { border: 0; }
[data-style="b"] .craft__art span { border-radius: 0; font-family: var(--label); font-weight: 400; letter-spacing: .12em; text-transform: uppercase; font-size: .62rem; }
[data-style="b"] .ticks li::before { content: '—'; }
[data-style="b"] .steps { gap: 0; border-top: 1px solid var(--ink); }
[data-style="b"] .steps li { background: none; border: 0; border-right: 1px solid var(--line); padding: 26px 24px 26px 0; margin-right: 24px; }
[data-style="b"] .steps li:last-child { border-right: 0; }
[data-style="b"] .steps li span { font-family: var(--display); font-style: italic; font-weight: 300; -webkit-text-stroke: 0; color: var(--accent); font-size: 4rem; }
[data-style="b"] .districts { background: none; border-top: 1px solid var(--line); border-radius: 0; padding-inline: 0; }
[data-style="b"] .work { border: 0; }
[data-style="b"] .work figcaption { background: none; border: 0; padding: 12px 0 0; }
[data-style="b"] .work figcaption b { font-family: var(--display); font-weight: 500; font-size: 1.25rem; color: var(--ink); }
[data-style="b"] .reviews blockquote { background: none; border: 0; border-top: 1px solid var(--ink); padding: 24px 0 0; }
[data-style="b"] .reviews p { font-weight: 400; font-size: 1.5rem; }
[data-style="b"] .remind { background: var(--ink); }
[data-style="b"] .remind h2 { font-weight: 300; }
[data-style="b"] .remind__form input { border-radius: 0; }
[data-style="b"] .faq summary { font-family: var(--display); font-weight: 400; font-size: clamp(1.3rem, 2.2vw, 1.8rem); }
[data-style="b"] .faq summary::after { font-family: var(--display); font-weight: 300; color: var(--ink); }
[data-style="b"] .footer { background: var(--bg); border-top: 1px solid var(--ink); }
[data-style="b"] .footer h4 { font-family: var(--label); font-weight: 400; }
[data-style="b"] .socials a { border-radius: 0; font-family: var(--label); font-weight: 400; letter-spacing: .1em; text-transform: uppercase; font-size: .68rem; }
[data-style="b"] .drawer__panel input, [data-style="b"] .drawer__panel textarea, [data-style="b"] .drawer__panel select,
[data-style="b"] input[type="text"], [data-style="b"] input[type="tel"], [data-style="b"] input[type="date"] { border-radius: 0; }
[data-style="b"] .drawer__list li, [data-style="b"] .drawer__thumb, [data-style="b"] .drawer__close { border-radius: 0; }
[data-style="b"] .drawer__total b { font-family: var(--display); font-weight: 400; }
[data-style="b"] .toast { border-radius: 0; font-family: var(--label); font-weight: 400; letter-spacing: .06em; }

/* ---------------------------------------------------------
   C · «Игрушечный поп»
   Жирные контуры, «наклеечные» тени, горошек, рукописные акценты.
   --------------------------------------------------------- */
:root[data-style="c"] {
  --display: 'Dela Gothic One', 'Arial Black', sans-serif;
  --serif: 'Caveat', 'Comic Sans MS', cursive;
  --sans: 'Nunito', 'Segoe UI', sans-serif;
  --r-lg: 28px; --r-md: 20px; --r-sm: 14px;
  --bw: 2.5px;
  --pop: 6px 6px 0 var(--ink);
  --pop-sm: 4px 4px 0 var(--ink);
  --shadow: var(--pop);
}
[data-style="c"] body {
  background-color: var(--bg);
  background-image: radial-gradient(color-mix(in srgb, var(--ink) 13%, transparent) 1.6px, transparent 1.8px);
  background-size: 24px 24px;
}
[data-style="c"] body::after { display: none; }
[data-style="c"] h1, [data-style="c"] h2, [data-style="c"] h3, [data-style="c"] h4 { font-weight: 400; letter-spacing: -.01em; line-height: 1.05; }
[data-style="c"] em { font-family: var(--serif); font-weight: 700; font-style: normal; color: var(--accent); display: inline-block; transform: rotate(-2deg); }
[data-style="c"] h1 em, [data-style="c"] h2 em { font-size: 1.15em; line-height: .85; }

/* шапка и промо */
[data-style="c"] .promo { background: var(--accent-2); color: #fff; font-family: var(--display); font-weight: 400; letter-spacing: .02em; border-bottom: var(--bw) solid var(--ink); }
[data-style="c"] .promo__dot { background: var(--accent-3); }
[data-style="c"] .header { background: var(--bg); border-bottom: var(--bw) solid var(--ink); backdrop-filter: none; }
[data-style="c"] .logo__mark { border: var(--bw) solid var(--ink); background: var(--accent); }
[data-style="c"] .logo__mark::after { border-bottom-color: var(--ink); bottom: -7px; }
[data-style="c"] .logo__word { font-family: var(--display); font-weight: 400; font-size: 1.08rem; letter-spacing: 0; }
[data-style="c"] .nav a { font-weight: 800; }
[data-style="c"] .nav a::after { height: 4px; border-radius: 2px; background: var(--accent-3); }
[data-style="c"] .header__phone { font-weight: 800; }
[data-style="c"] .cart-btn { background: var(--accent-3); color: var(--ink); border: var(--bw) solid var(--ink); box-shadow: 3px 3px 0 var(--ink); }
[data-style="c"] .cart-btn__count { border: 2px solid var(--ink); }
[data-style="c"] .burger { border-width: var(--bw); background: var(--card); }

/* кнопки: нажимаются как настоящие */
[data-style="c"] .btn { font-family: var(--display); font-weight: 400; border: var(--bw) solid var(--ink); box-shadow: var(--pop-sm); letter-spacing: 0; }
[data-style="c"] .btn:hover { transform: translate(-2px, -2px); box-shadow: var(--pop); }
[data-style="c"] .btn:active { transform: translate(3px, 3px); box-shadow: 0 0 0 var(--ink); }
[data-style="c"] .btn--primary { background: var(--accent); color: var(--accent-ink); }
[data-style="c"] .btn--primary:hover { box-shadow: var(--pop); }
[data-style="c"] .btn--ghost { background: var(--card); color: var(--ink); }
[data-style="c"] .btn--ghost:hover { background: var(--accent-3); color: var(--ink); }
[data-style="c"] .btn--text { border: 0; box-shadow: none; }

/* hero */
[data-style="c"] .hero { background: radial-gradient(45% 55% at 75% 45%, color-mix(in srgb, var(--accent-3) 45%, transparent), transparent 70%); }
[data-style="c"] .kicker { background: var(--accent-3); color: #1B1340; border: var(--bw) solid var(--ink); box-shadow: 3px 3px 0 var(--ink); transform: rotate(-2deg); font-weight: 800; }
[data-style="c"] .kicker::before { background: var(--accent); }
[data-style="c"] .hero__title { font-weight: 400; font-size: clamp(2.6rem, 6.2vw, 5.8rem); letter-spacing: -.02em; line-height: 1; }
[data-style="c"] .hero__sub { color: var(--ink); font-weight: 600; }
[data-style="c"] .trust li { background: var(--card); border: var(--bw) solid var(--ink); border-radius: 18px; padding: 10px 14px; box-shadow: 3px 3px 0 var(--ink); }
[data-style="c"] .trust li:nth-child(2) { transform: rotate(1.5deg); }
[data-style="c"] .trust li:nth-child(3) { transform: rotate(-1.5deg); }
[data-style="c"] .trust b { font-family: var(--display); font-weight: 400; color: var(--accent); }
[data-style="c"] .trust span { color: var(--ink); font-weight: 600; }

[data-style="c"] .marquee { background: var(--accent-3); color: #1B1340; border-block: var(--bw) solid var(--ink); transform: rotate(-2deg); }
[data-style="c"] .marquee__track { font-family: var(--display); font-weight: 400; letter-spacing: 0; }
[data-style="c"] .marquee__track i { color: var(--accent); opacity: 1; }

/* секции */
[data-style="c"] .eyebrow { display: inline-block; font-family: var(--display); font-weight: 400; color: var(--ink); background: var(--card); border: 2px solid var(--ink); border-radius: 999px; padding: .4em 1em; letter-spacing: .06em; }
[data-style="c"] .section__lead { color: var(--ink); font-weight: 600; }

/* общий «наклеечный» вид для всех карточек */
[data-style="c"] .occ, [data-style="c"] .card, [data-style="c"] .tile, [data-style="c"] .preview, [data-style="c"] .meter,
[data-style="c"] .steps li, [data-style="c"] .work, [data-style="c"] .reviews blockquote, [data-style="c"] .craft__art > div,
[data-style="c"] .lead, [data-style="c"] .remind, [data-style="c"] .districts {
  border: var(--bw) solid var(--ink); box-shadow: var(--pop);
}
[data-style="c"] .occ { background: var(--card); }
[data-style="c"] .occ:hover { transform: translate(-3px, -3px) rotate(-2deg); box-shadow: 9px 9px 0 var(--ink); border-color: var(--ink); }
[data-style="c"] .occ:nth-child(4n+1) .occ__art { background: color-mix(in srgb, var(--accent) 30%, var(--card)); }
[data-style="c"] .occ:nth-child(4n+2) .occ__art { background: color-mix(in srgb, var(--accent-2) 30%, var(--card)); }
[data-style="c"] .occ:nth-child(4n+3) .occ__art { background: color-mix(in srgb, var(--accent-3) 45%, var(--card)); }
[data-style="c"] .occ:nth-child(4n+4) .occ__art { background: color-mix(in srgb, #2EC4B6 30%, var(--card)); }
[data-style="c"] .occ b { font-weight: 800; }
[data-style="c"] .occ[aria-pressed="true"] { background: var(--accent); color: var(--accent-ink); }

[data-style="c"] .tabs { background: var(--card); border: var(--bw) solid var(--ink); box-shadow: var(--pop-sm); }
[data-style="c"] .tabs button { font-weight: 800; color: var(--ink); }
[data-style="c"] .tabs button[aria-selected="true"] { background: var(--accent); color: var(--accent-ink); }
[data-style="c"] .chip { border: 2px solid var(--ink); background: var(--card); font-weight: 800; }
[data-style="c"] .chip[aria-pressed="true"] { background: var(--accent-2); border-color: var(--ink); color: #fff; }
[data-style="c"] select { border: 2px solid var(--ink); font-weight: 800; }
[data-style="c"] .toggle span { border: 2px solid var(--ink); }

[data-style="c"] .grid { gap: 22px; }
[data-style="c"] .card { background: var(--card); }
[data-style="c"] .card:hover { transform: translate(-3px, -3px); box-shadow: 9px 9px 0 var(--ink); }
[data-style="c"] .card__art { border-bottom: var(--bw) solid var(--ink); }
[data-style="c"] .card:nth-child(4n+1) .card__art { background: color-mix(in srgb, var(--accent) 28%, var(--card)); }
[data-style="c"] .card:nth-child(4n+2) .card__art { background: color-mix(in srgb, var(--accent-2) 26%, var(--card)); }
[data-style="c"] .card:nth-child(4n+3) .card__art { background: color-mix(in srgb, var(--accent-3) 45%, var(--card)); }
[data-style="c"] .card:nth-child(4n+4) .card__art { background: color-mix(in srgb, #2EC4B6 28%, var(--card)); }
[data-style="c"] .badge { background: var(--accent-3); color: #1B1340; border: 2px solid var(--ink); font-family: var(--display); font-weight: 400; transform: rotate(-6deg); }
[data-style="c"] .badge--air { background: #2EC4B6; color: #1B1340; transform: rotate(5deg); }
[data-style="c"] .card h3 { font-size: 1.05rem; }
[data-style="c"] .card__meta { color: var(--ink); opacity: .75; font-weight: 600; }
[data-style="c"] .price { font-family: var(--display); font-weight: 400; letter-spacing: 0; }
[data-style="c"] .add { background: var(--accent-3); color: #1B1340; border: var(--bw) solid var(--ink); box-shadow: 3px 3px 0 var(--ink); font-weight: 900; }
[data-style="c"] .add:hover { background: var(--accent); color: var(--accent-ink); transform: rotate(90deg); }
[data-style="c"] .add.done { background: #2EC4B6; }
[data-style="c"] .card--featured .card__art { border-bottom: 0; border-right: var(--bw) solid var(--ink); background: color-mix(in srgb, var(--accent) 40%, var(--card)); }
[data-style="c"] .ribbon { font-family: var(--serif); font-style: normal; font-weight: 700; font-size: 1.7rem; transform: rotate(-3deg); display: inline-block; }

/* конструктор */
[data-style="c"] .field > label, [data-style="c"] .label { font-family: var(--display); font-weight: 400; color: var(--ink); letter-spacing: .04em; }
[data-style="c"] .budget { border: var(--bw) solid var(--ink); border-radius: 22px; padding: 0 18px; background: var(--card); box-shadow: var(--pop-sm); }
[data-style="c"] .budget input { font-family: var(--display); font-weight: 400; letter-spacing: 0; }
[data-style="c"] .budget span { font-family: var(--display); color: var(--accent); }
[data-style="c"] input[type="range"] { height: 12px; border: 2px solid var(--ink); background: var(--card); }
[data-style="c"] input[type="range"]::-webkit-slider-thumb { width: 28px; height: 28px; border: var(--bw) solid var(--ink); box-shadow: 2px 2px 0 var(--ink); background: var(--accent-3); }
[data-style="c"] .quick button, [data-style="c"] .pal, [data-style="c"] .item { border: 2px solid var(--ink); font-weight: 800; }
[data-style="c"] .pal[aria-pressed="true"] { background: var(--accent-3); color: #1B1340; box-shadow: 3px 3px 0 var(--ink); }
[data-style="c"] .stepper button { border: 2px solid var(--ink); background: var(--card); }
[data-style="c"] .preview { background: color-mix(in srgb, var(--accent-2) 22%, var(--card)); }
[data-style="c"] .meter { background: var(--card); }
[data-style="c"] .meter__bar { border: 2px solid var(--ink); height: 16px; border-radius: 8px; }
[data-style="c"] .meter__bar i { background: repeating-linear-gradient(-45deg, var(--accent) 0 10px, color-mix(in srgb, var(--accent) 70%, #fff) 10px 20px); border-radius: 0; }
[data-style="c"] .meter__note { color: var(--ink); font-weight: 700; }
[data-style="c"] input[type="text"], [data-style="c"] input[type="tel"], [data-style="c"] input[type="date"], [data-style="c"] textarea { border: 2px solid var(--ink); }

/* оформление */
[data-style="c"] .tile { background: color-mix(in srgb, var(--accent-3) 30%, var(--card)); }
[data-style="c"] .tile:nth-child(odd) { background: color-mix(in srgb, var(--accent) 22%, var(--card)); }
[data-style="c"] .tile__body { border-top: var(--bw) solid var(--ink); }
[data-style="c"] .tile__body b { font-family: var(--display); font-weight: 400; color: var(--accent); }
[data-style="c"] .tile.tile--calc { background: var(--accent-2); color: #fff; }
[data-style="c"] .tile--calc .tile__body { border-top: 0; }
[data-style="c"] .calc__total b { font-family: var(--display); font-weight: 400; color: var(--accent-3); }
[data-style="c"] .seg { background: rgba(0, 0, 0, .18); }
[data-style="c"] .lead h3 { font-weight: 400; }
[data-style="c"] .lead em { color: var(--accent-3); }
[data-style="c"] .lead__fields input, [data-style="c"] .lead__fields select { border: 2px solid var(--ink); }
[data-style="c"] .file { border-color: currentColor; }
[data-style="c"] .lead .btn--primary { background: var(--accent-3); color: #1B1340; box-shadow: var(--pop-sm); }

/* ротанг, шаги, галерея */
[data-style="c"] .craft__art > div { background: var(--card); }
[data-style="c"] .craft__art > div:nth-child(1) { background: color-mix(in srgb, var(--accent-3) 40%, var(--card)); transform: rotate(-2deg); }
[data-style="c"] .craft__art > div:nth-child(2) { background: color-mix(in srgb, var(--accent) 25%, var(--card)); transform: translateY(40px) rotate(2deg); }
[data-style="c"] .craft__art > div:nth-child(3) { background: color-mix(in srgb, #2EC4B6 28%, var(--card)); transform: translateY(-10px) rotate(1.5deg); }
[data-style="c"] .craft__art > div:nth-child(4) { background: color-mix(in srgb, var(--accent-2) 22%, var(--card)); transform: translateY(30px) rotate(-1.5deg); }
[data-style="c"] .craft__art span { border: 2px solid var(--ink); }
[data-style="c"] .craft__text p { color: var(--ink); font-weight: 600; }
[data-style="c"] .ticks li::before { content: '★'; color: var(--accent); }
[data-style="c"] .steps li { background: var(--card); }
[data-style="c"] .steps li span { font-family: var(--display); font-weight: 400; -webkit-text-stroke: 0; color: var(--accent-3); text-shadow: 3px 3px 0 var(--ink); }
[data-style="c"] .steps li:nth-child(2) span { color: var(--accent); }
[data-style="c"] .steps li:nth-child(3) span { color: var(--accent-2); }
[data-style="c"] .steps li:nth-child(4) span { color: #2EC4B6; }
[data-style="c"] .steps p { color: var(--ink); font-weight: 600; }
[data-style="c"] .districts { background: var(--card); color: var(--ink); }
[data-style="c"] .work figcaption { border-top: var(--bw) solid var(--ink); }
[data-style="c"] .work figcaption b { font-family: var(--display); font-weight: 400; }
[data-style="c"] .reviews blockquote { background: var(--card); }
[data-style="c"] .reviews blockquote:nth-child(2) { transform: rotate(1deg); }
[data-style="c"] .reviews p { font-family: var(--serif); font-style: normal; font-weight: 700; font-size: 1.6rem; }
[data-style="c"] .remind { background: var(--accent); color: var(--accent-ink); }
[data-style="c"] .remind p { color: inherit; opacity: .9; }
[data-style="c"] .remind em { color: var(--accent-3); }
[data-style="c"] .remind__form input { background: var(--card); color: var(--ink); border: 2px solid var(--ink); }
[data-style="c"] .remind__form input::placeholder { color: var(--muted); }
[data-style="c"] .remind .btn--primary { background: var(--accent-3); color: #1B1340; }
[data-style="c"] .faq details { border-bottom: 2px dashed var(--ink); }
[data-style="c"] .faq summary { font-family: var(--display); font-weight: 400; }
[data-style="c"] .faq summary::after { font-family: var(--display); }
[data-style="c"] .faq details p { color: var(--ink); font-weight: 600; }
[data-style="c"] .footer { background: var(--accent-3); color: #1B1340; border-top: var(--bw) solid var(--ink); }
[data-style="c"] .footer p, [data-style="c"] .footer h4 { color: #1B1340; }
[data-style="c"] .footer h4 { font-family: var(--display); font-weight: 400; }
[data-style="c"] .socials a { border: 2px solid #1B1340; background: #fff; font-weight: 800; }
[data-style="c"] .drawer__panel { border-left: var(--bw) solid var(--ink); }
[data-style="c"] .drawer__list li { border: 2px solid var(--ink); }
[data-style="c"] .drawer__total b { font-family: var(--display); font-weight: 400; }
[data-style="c"] .toast { border: var(--bw) solid var(--ink); background: var(--accent-3); color: #1B1340; box-shadow: var(--pop-sm); }

@media (max-width: 960px) {
  [data-style="b"] .steps li { border-right: 0; margin-right: 0; border-bottom: 1px solid var(--line); padding-right: 0; }
  [data-style="b"] .card--featured .card__body { padding: 20px; }
  [data-style="c"] .card--featured .card__art { border-right: 0; border-bottom: var(--bw) solid var(--ink); }
}
@media (max-width: 760px) {
  [data-style="b"] .trust li { padding-right: 1rem; margin-right: 1rem; }
  [data-style="b"] .trust b { font-size: 1.5rem; }
  [data-style="b"] .card h3 { font-size: 1.2rem; }
  [data-style="b"] .price { font-size: 1.2rem; }
  [data-style="b"] .grid { gap: 26px 12px; }
  [data-style="c"] .card h3 { font-size: .9rem; }
  [data-style="c"] .grid { gap: 14px; }
  [data-style="c"] .card, [data-style="c"] .occ { box-shadow: var(--pop-sm); }
}

/* ---------- переключатель стилей (только прототип) ---------- */
.theme-demo { display: flex; gap: 8px; align-items: center; }
.style-demo { display: flex; gap: 3px; padding: 4px; border-radius: 999px; background: var(--ink); box-shadow: var(--shadow); }
.style-demo button, .style-demo a { width: 34px; height: 34px; border-radius: 50%; border: 0; background: none; color: var(--bg); font-family: 'Unbounded', sans-serif; font-weight: 700; font-size: .8rem; cursor: pointer; display: grid; place-items: center; text-decoration: none; }
.style-demo button[aria-pressed="true"] { background: var(--bg); color: var(--ink); }
.style-demo a { width: auto; padding: 0 .9em; border-radius: 999px; font-family: 'Manrope', sans-serif; font-size: .78rem; }
.style-demo a:hover { background: color-mix(in srgb, var(--bg) 18%, transparent); }
[data-style="b"] .style-demo, [data-style="b"] .theme-demo__btn { border-radius: 0; }
[data-style="b"] .style-demo button { border-radius: 0; }
.embed .theme-demo { display: none; }
@media (max-width: 760px) { .style-demo a { display: none; } }