/*
 * Магазин — макет 1:1: корзина (isCartPage), оформление (isCheckout), системные экраны (isSys), вход (isAuth),
 * кабинет (isAccount), статус заказа (isStatus). Значения — reference/source/Menswear Redesign.dc.html.
 * Телефон < 760, десктоп ≥ 1100.
 */

/* --- общее --- */
.shop-page { display: block; }
.ph { margin: 0; display: flex; align-items: flex-start; gap: 12px; font: 800 clamp(30px, 7vw, 120px)/.86 var(--g); letter-spacing: -.06em; text-transform: uppercase; }
.ph__n { margin-top: .4em; font: 400 11px/1 var(--m); letter-spacing: .08em; color: var(--t4); }
.fld { width: 100%; height: 52px; padding: 0 16px; border: 1px solid var(--l2); border-radius: 0; background: #fff; font: 400 15px/1 var(--g); outline: none; }
.fld:focus { border-color: var(--ink); }
.fld--46 { height: 46px; }
.fld.is-err { border-color: var(--red); }
.empty-b { margin-top: clamp(32px, 4vw, 56px); padding-top: 22px; border-top: 1px solid var(--ink); display: grid; gap: 14px; justify-items: start; }
.empty-b__t { font: 700 clamp(22px, 2.4vw, 32px)/1 var(--g); letter-spacing: -.03em; text-transform: uppercase; }
.empty-b__p { font: 400 14px/1.5 var(--g); color: var(--t2); }
.empty-b__go { height: 48px; padding: 0 24px; display: flex; align-items: center; justify-content: center; border: 0; background: var(--ink); color: #fff; font: 500 10.5px/1 var(--m); letter-spacing: .14em; text-transform: uppercase; }
.empty-b__go:hover { background: var(--hov); color: #fff; }

/* уведомления WooCommerce — в core.css (бывают и на товаре, и в каталоге) */
/* оформление: ошибки полей — под полями (checkout.js), сверху — только остальные */
.n3n-sum { display: none; }
.woocommerce-NoticeGroup-checkout .woocommerce-error li[data-id] { display: none; }
.checkout-inline-error-message { display: none; }

/* галочки (макет: квадрат 18 px, отмечен — чёрный с белой галкой) */
.ck, .co__terms label.checkbox, .co__acc label, .co__news label { width: 100%; display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 12px; align-items: start; cursor: pointer; text-align: left; }
.ck input, .co__terms input[type=checkbox], .co__fin input[type=checkbox], .co__acc input[type=checkbox], .acf input[type=checkbox] { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; margin: 0; border: 1px solid var(--ink); border-radius: 0; background: #fff center / 11px no-repeat; cursor: pointer; }
.ck input:checked, .co__terms input[type=checkbox]:checked, .co__fin input[type=checkbox]:checked, .co__acc input[type=checkbox]:checked, .acf input[type=checkbox]:checked { background-color: var(--ink); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E"); }
.woocommerce-invalid input[type=checkbox] { border-color: var(--red); }
.ck__t { display: grid; gap: 5px; font: 400 13.5px/1.45 var(--g); color: var(--ink); }
.co__terms label.checkbox > span:not(.required) { font: 400 13.5px/1.45 var(--g); color: var(--ink); }
.ck__s { font: 400 12.5px/1.45 var(--g); color: var(--t3); }
.co__terms label.checkbox { display: flex; align-items: flex-start; gap: 12px; }
.co__terms label.checkbox input { flex: 0 0 18px; }
.co__terms a { border-bottom: 1px solid var(--ink); }
.co__terms .required, .co__terms abbr.required { margin-left: -10px; color: var(--red); text-decoration: none; border: 0; font: 400 13.5px/1.45 var(--g); }
.co__terms .woocommerce-terms-and-conditions-wrapper { display: grid; gap: 16px; }
.co__terms .form-row, .co__news, .co__acc .form-row { margin: 0; display: grid; gap: 6px; }
.co__ferr { font: 400 10px/1.3 var(--m); letter-spacing: .08em; text-transform: uppercase; color: var(--red); }
.co__terms .co__ferr, .co__news .co__ferr { padding-left: 30px; }

/* --- корзина (isCartPage) --- */
.cp { padding: clamp(20px, 2.4vw, 36px) var(--pad) 0; }
.cp__grid { margin-top: clamp(28px, 3.4vw, 56px); display: grid; grid-template-columns: 1fr; gap: clamp(32px, 4vw, 80px); align-items: start; }
@media (min-width: 1100px) { .cp__grid { grid-template-columns: minmax(0, 1.4fr) minmax(360px, 1fr); } }
.cp__list { border-top: 1px solid var(--ink); }
.cp__row { display: grid; grid-template-columns: clamp(84px, 9vw, 128px) minmax(0, 1fr); gap: clamp(14px, 2vw, 28px); padding: 20px 0; border-bottom: 1px solid var(--l1); transition: opacity .2s; }
.cp__row.is-gone { opacity: .55; }
.cp__t { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.cp__top { display: flex; justify-content: space-between; gap: 12px; }
.cp__name { font: 500 clamp(15px, 1.3vw, 18px)/1.3 var(--g); }
.cp__size { font: 400 10.5px/1 var(--m); letter-spacing: .1em; text-transform: uppercase; color: var(--t3); }
.cp__bot { margin-top: auto; padding-top: 10px; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.cp__qty { height: 36px; }
.cp__qty button { width: 40px; height: 34px; }
.cp__qty span { min-width: 24px; }
.cp__sum { font: 600 16px/1 var(--g); }
.cp__sumbox { position: sticky; top: 88px; padding: clamp(20px, 2.4vw, 32px); border: 1px solid var(--l2); display: grid; gap: 16px; }
.cp__line { display: flex; justify-content: space-between; font: 400 13px/1 var(--g); }
.cp__line > span:first-child { color: var(--t3); }
.cp__line .is-red { color: var(--red); }
.cp .n3-ads-note, .co__pre .n3-ads-note { margin: 18px 0 0 !important; font: 400 13px/1.45 var(--g); color: var(--ink); }
.cp__tot { padding-top: 14px; border-top: 1px solid var(--l1); display: flex; justify-content: space-between; align-items: baseline; }
.cp__tot > span:first-child, .co__tot > span:first-child { font: 400 10.5px/1 var(--m); letter-spacing: .12em; text-transform: uppercase; }
.cp__tot > span:last-child, .co__tot > span:last-child { font: 600 24px/1 var(--g); letter-spacing: -.02em; }
.cp__go { height: 56px; display: flex; align-items: center; justify-content: center; border: 0; background: var(--ink); color: #fff; font: 500 10.5px/1 var(--m); letter-spacing: .14em; text-transform: uppercase; }
.cp__go:hover { background: var(--hov); color: #fff; }
.cp__more { height: 48px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--l2); background: #fff; font: 500 10.5px/1 var(--m); letter-spacing: .12em; text-transform: uppercase; }
.cp__more:hover { border-color: var(--ink); color: var(--ink); }

/* --- оформление (isCheckout) --- */
.co { padding: clamp(20px, 2.4vw, 36px) var(--pad) clamp(64px, 8vw, 120px); }
.co__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 14px; }
.co__back { padding-bottom: 3px; border-bottom: 1px solid var(--ink); font: 400 10.5px/1.3 var(--m); letter-spacing: .1em; text-transform: uppercase; }
span.co__back { border: 0; color: var(--t4); }
.co__pre:empty { display: none; }
.co__grid { margin-top: clamp(24px, 3vw, 48px); display: grid; grid-template-columns: 1fr; gap: clamp(28px, 4vw, 80px); align-items: start; }
@media (min-width: 1100px) { .co__grid { grid-template-columns: minmax(0, 1.4fr) minmax(360px, 1fr); } }
.co__main { display: grid; gap: clamp(36px, 4vw, 56px); min-width: 0; }
.co__form p { margin: 0; }

/* вход */
.co__auth { padding: 16px 18px; border: 1px solid var(--l2); display: grid; gap: 14px; }
.co__auth[data-n3-co-auth="0"] [data-n3-co-auth-s="1"], .co__auth[data-n3-co-auth="1"] [data-n3-co-auth-s="0"] { display: none; }
.co__ask, .co__in { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 20px; }
.co__askt { display: grid; gap: 5px; max-width: 46ch; }
.co__askh { font: 500 14px/1.3 var(--g); }
.co__asks { font: 400 13px/1.45 var(--g); color: var(--t3); }
.co__askb, .co__lgb { height: 40px; padding: 0 18px; border: 0; background: var(--ink); color: #fff; cursor: pointer; font: 500 10.5px/1 var(--m); letter-spacing: .12em; text-transform: uppercase; }
.co__lgb { height: 46px; padding: 0 16px; }
.co__askb:hover, .co__lgb:hover { background: var(--hov); }
.co__lg { display: grid; gap: 10px; }
.co__lgh { font: 500 14px/1.3 var(--g); }
.co__lgr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: 4px; }
@media (max-width: 759.98px) { .co__lgr { grid-template-columns: 1fr; } }
.co__lgf { display: flex; justify-content: space-between; gap: 12px; }
.co__lgf a, .co__lgf button { padding: 0; border: 0; background: none; cursor: pointer; font: 400 10.5px/1.3 var(--m); letter-spacing: .1em; text-transform: uppercase; color: var(--t4); }
.co__lgf a:hover, .co__lgf button:hover { color: var(--ink); }
.co__who { display: flex; align-items: center; gap: 12px; }
.co__ava { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: var(--ink); color: #fff; font: 600 12px/1 var(--g); }
.co__whot { display: grid; gap: 5px; }
.co__whon { font: 500 14px/1.2 var(--g); }
.co__whos { font: 400 10px/1 var(--m); letter-spacing: .08em; color: var(--t4); }
.co__out { padding: 0 0 3px; border-bottom: 1px solid var(--t4); font: 400 10.5px/1.3 var(--m); letter-spacing: .1em; text-transform: uppercase; color: var(--t3); }

/* разделы 01–03 */
.co__sec { display: grid; gap: 18px; padding-top: 18px; border-top: 1px solid var(--ink); min-width: 0; }
.co__sh { display: flex; justify-content: space-between; gap: 14px; align-items: baseline; }
.co__sh > span:first-child { font: 600 15px/1 var(--g); letter-spacing: .04em; text-transform: uppercase; }
.co__sh > span:last-child { font: 400 10.5px/1 var(--m); letter-spacing: .1em; color: var(--t4); }
.co__f { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 6px; }
/* Адрес: «Страна» и «Город» — пополам, «Адрес» и комментарий — во всю ширину (14.10.2026: «Квартиры / офиса» больше нет). */
.co__f--a { grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); }
@media (min-width: 480px) { .co__f--a { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.co__f .form-row { margin: 0; display: grid; gap: 6px; align-content: start; min-width: 0; }
.co__f .form-row.co-wide, .co__f .form-row.notes { grid-column: 1 / -1; }
.co__f .woocommerce-input-wrapper { display: block; }
.co__f input.input-text, .co__f select, .co__f textarea, .co__shipto input.input-text, .co__shipto select { width: 100%; height: 52px; padding: 0 16px; border: 1px solid var(--l2); border-radius: 0; background: #fff; font: 400 15px/1 var(--g); outline: none; }
.co__f select, .co__shipto select { padding-right: 40px; background: #fff no-repeat right 16px center / 12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f0f0f' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); cursor: pointer; }
.co__f textarea { height: auto; min-height: 76px; padding: 14px 16px; font: 400 15px/1.4 var(--g); resize: vertical; }
.co__f input.input-text:focus, .co__f select:focus, .co__f textarea:focus { border-color: var(--ink); }
.co__f .woocommerce-invalid input.input-text, .co__f .woocommerce-invalid select { border-color: var(--red); }
.co__f .form-row label:not(.checkbox) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.co__f .optional, .co__f abbr.required { display: none; }
.co__acc { padding: 14px 16px; background: #fff; transition: background .2s; }
.co__acc.is-on { background: var(--bg2); }
.co__acc .create-account.co__f { margin-top: 12px; }
.co__shipto:empty { display: none; }

/* карточки доставки и оплаты */
.co__opts { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.co__opts--pay { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
.co__opts li { margin: 0; }
.opt { width: 100%; min-height: 68px; padding: 14px 16px; display: grid; grid-template-columns: 18px minmax(0, 1fr) auto; gap: 14px; align-items: center; border: 1px solid var(--l2); background: #fff; cursor: pointer; text-align: left; }
.opt.is-on { border-color: var(--ink); }
.opt input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.opt__dot { width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid var(--ink); border-radius: 50%; }
.opt__dot::after { content: ''; width: 8px; height: 8px; border-radius: 50%; background: transparent; }
.opt.is-on .opt__dot::after { background: var(--ink); }
.opt input:focus-visible ~ .opt__dot { outline: 2px solid var(--ink); outline-offset: 2px; }
.opt__t { display: grid; gap: 5px; min-width: 0; }
.opt__l { font: 500 14px/1.2 var(--g); }
.opt__s { font: 400 10.5px/1.3 var(--m); letter-spacing: .06em; text-transform: uppercase; color: var(--t4); }
.opt__p { font: 500 13px/1 var(--g); white-space: nowrap; }
.co__pay { display: grid; gap: 18px; }
.co__pbox { margin-top: 6px; padding: 14px 16px; border: 1px solid var(--l2); font: 400 13px/1.5 var(--g); }
.co__note { font: 400 12.5px/1.5 var(--g); color: var(--t3); }
.co__none { padding: 14px 16px; border: 1px solid var(--l2); font: 400 13px/1.5 var(--g); color: var(--t2); }
.co__pick { padding: 18px; border: 1px solid var(--l2); display: grid; gap: 6px; }
.co__pickt { font: 500 14px/1.3 var(--g); }
.co__picks { font: 400 10.5px/1.4 var(--m); letter-spacing: .06em; text-transform: uppercase; color: var(--t3); }

/* согласия и кнопка */
.co__fin { display: grid; gap: 16px; padding-top: 18px; border-top: 1px solid var(--ink); }
.co__terms { display: grid; gap: 16px; }
.co__errs { padding: 12px 14px; border: 1px solid var(--red); display: flex; gap: 10px; align-items: baseline; }
.co__errs > span:first-child { font: 400 10px/1.3 var(--m); letter-spacing: .08em; text-transform: uppercase; color: var(--red); }
.co__errs > span:last-child { font: 400 13px/1.4 var(--g); }
.co__go { height: 60px; border: 0; background: var(--ink); color: #fff; cursor: pointer; font: 500 11px/1 var(--m); letter-spacing: .14em; text-transform: uppercase; }
.co__go:hover { background: var(--hov); }
.co__go.is-busy, .co__form.processing .co__go { opacity: .6; cursor: wait; }
.co__draft { font: 400 10px/1.4 var(--m); letter-spacing: .08em; text-transform: uppercase; color: var(--t4); }

/* сводка */
.co__sum { order: -1; position: static; min-width: 0; padding: clamp(18px, 2.4vw, 32px); border: 1px solid var(--l2); display: grid; gap: 18px; }
@media (min-width: 1100px) { .co__sum { order: 0; position: sticky; top: 88px; } }
.co__st { padding: 0; display: flex; justify-content: space-between; align-items: center; gap: 12px; cursor: pointer; text-align: left; }
@media (min-width: 1100px) { .co__st { cursor: default; } }
.co__stk { font: 400 10.5px/1.3 var(--m); letter-spacing: .1em; text-transform: uppercase; }
.co__str { display: flex; align-items: center; gap: 10px; }
.co__stt { font: 600 15px/1 var(--g); }
.co__sts { font: 300 18px/1 var(--g); }
.co__edit { font: 400 10.5px/1.3 var(--m); letter-spacing: .1em; text-transform: uppercase; color: var(--t3); border-bottom: 1px solid var(--t4); }
.co__sb { display: none; gap: 18px; }
.co__sum.is-open .co__sb { display: grid; }
.co__sum:not(.is-open) .co__edit { display: none; }
@media (min-width: 1100px) {
	.co__stt, .co__sts { display: none; }
	.co__sb { display: grid; }
	.co__sum:not(.is-open) .co__edit { display: inline; }
}
.co__sb #order_review, .co__rv { display: contents; }
.co__items { order: 1; display: grid; gap: 4px; }
.co__pon, .co__pin { order: 2; }
.co__tots { order: 3; }
.co__it { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 6px; margin: 0 -6px; color: var(--ink); }
a.co__it:hover { background: var(--bg2); color: var(--ink); }
.co__itt { display: grid; gap: 5px; min-width: 0; }
.co__itn { font: 500 13px/1.3 var(--g); }
.co__itz { font: 400 10px/1 var(--m); letter-spacing: .08em; color: var(--t3); }
.co__its { font: 500 13px/1 var(--g); white-space: nowrap; }
.co__pin { display: grid; gap: 8px; }
.co__pinr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px; }
.co__pinp { min-width: 0; height: 46px; padding: 0 14px; border: 1px solid var(--l2); border-radius: 0; background: #fff; font: 500 13px/1 var(--m); letter-spacing: .1em; outline: none; text-transform: uppercase; }
.co__pinp:focus { border-color: var(--ink); }
.co__pinp.is-err { border-color: var(--red); }
.co__pinb { min-width: 112px; height: 46px; padding: 0 14px; border: 0; background: var(--ink); color: #fff; cursor: pointer; font: 500 10px/1 var(--m); letter-spacing: .12em; text-transform: uppercase; }
.co__pinb:disabled { opacity: .6; }
.co__err { font: 400 10px/1.3 var(--m); letter-spacing: .08em; text-transform: uppercase; color: var(--red); }
/* Баллы NORTH9 (Bonus_Checkout, настройка bonus_checkout) — под промокодом, в том же стиле. */
.co__bonus { order: 2; display: grid; gap: 8px; }
.co__bnh { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; font: 400 10px/1.4 var(--m); letter-spacing: .08em; text-transform: uppercase; color: var(--t3); }
.co__bnh span:first-child { color: var(--ink); }
.co__bnmax { justify-self: start; padding: 0 0 2px; border: 0; border-bottom: 1px solid var(--ink); background: none; cursor: pointer; font: 500 10px/1 var(--m); letter-spacing: .1em; text-transform: uppercase; color: var(--ink); }
.co__bnn { font: 400 12px/1.45 var(--g); color: var(--t3); }
.co__pon { min-height: 46px; padding: 10px 12px; display: flex; justify-content: space-between; align-items: center; gap: 12px; border: 1px solid var(--ink); }
.co__ponl { display: flex; align-items: center; gap: 10px; min-width: 0; }
.co__ponk { color: var(--ok); }
.co__pont { display: grid; gap: 4px; }
.co__ponc { font: 500 12px/1 var(--m); letter-spacing: .1em; }
.co__pond { font: 400 12px/1.2 var(--g); color: var(--t3); }
.co__ponx { padding: 0; border: 0; background: none; cursor: pointer; font: 400 10.5px/1.3 var(--m); letter-spacing: .1em; text-transform: uppercase; color: var(--t3); }
.co__ponx:hover { color: var(--ink); }
.co__tots { display: grid; gap: 10px; padding-top: 16px; border-top: 1px solid var(--l1); font: 400 13px/1 var(--g); }
.co__tots > div { display: flex; justify-content: space-between; gap: 12px; }
.co__tots > div > span:first-child { color: var(--t3); }
.co__tots .is-red { color: var(--red); }
.co__tots > .co__tot { margin-top: 8px; align-items: baseline; }
.co__tots > .co__tot > span:first-child { color: var(--ink); }
.co .blockUI.blockOverlay { background: rgba(255, 255, 255, .5) !important; opacity: 1 !important; }

/* корзину нужно обновить */
.cerr { margin-top: clamp(24px, 3vw, 48px); padding-top: 22px; border-top: 1px solid var(--ink); display: grid; gap: 14px; max-width: 860px; }
.cerr__k { font: 700 clamp(22px, 2.4vw, 32px)/1 var(--g); letter-spacing: -.03em; text-transform: uppercase; }
.cerr__lead, .cerr__note { margin: 0; font: 400 14px/1.5 var(--g); color: var(--t2); }
.cerr__note a { border-bottom: 1px solid var(--ink); color: var(--ink); }
.cerr__list { border-top: 1px solid var(--l1); }
.cerr__why { font: 400 10.5px/1.3 var(--m); letter-spacing: .08em; text-transform: uppercase; color: var(--red); }
.cerr__errors { margin: 0; padding-left: 18px; font: 400 14px/1.5 var(--g); }

/* --- системный экран (isSys) --- */
.sys { min-height: calc(100svh - 98px); padding: clamp(40px, 6vw, 96px) var(--pad); display: grid; align-content: center; gap: 24px; }
.sys__code { font: 800 clamp(44px, 14vw, 250px)/.8 var(--g); letter-spacing: -.065em; text-transform: uppercase; color: var(--ink); overflow-wrap: anywhere; }
.sys__code.is-red { color: var(--red); }
.sys__t { margin: 12px 0 0; font: 600 clamp(22px, 2.4vw, 34px)/1.1 var(--g); letter-spacing: -.03em; }
.sys__p { margin: 0; max-width: 54ch; font: 400 15px/1.6 var(--g); color: var(--t2); }
.sys__rows { max-width: 620px; display: grid; border-top: 1px solid var(--ink); }
.sys__rows > div { display: flex; justify-content: space-between; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--l1); }
.sys__rows span:first-child { font: 400 10.5px/1.3 var(--m); letter-spacing: .1em; text-transform: uppercase; color: var(--t4); }
.sys__rows span:last-child { font: 500 13.5px/1.3 var(--g); text-align: right; }
.sys__note { max-width: 620px; font: 400 14px/1.6 var(--g); color: var(--t1); }
.sys__btns { display: flex; flex-wrap: wrap; gap: 6px; }
.sys__b { height: 52px; padding: 0 26px; display: inline-flex; align-items: center; justify-content: center; background: #fff; border: 1px solid var(--ink); color: var(--ink); cursor: pointer; font: 500 10.5px/1 var(--m); letter-spacing: .14em; text-transform: uppercase; }
.sys__b:hover { background: var(--ink); color: #fff; }
.sys__b--dark { background: var(--ink); color: #fff; border: 0; }
.sys__b--dark:hover { background: var(--hov); color: #fff; }
.sys__h2 { margin: 0 0 clamp(20px, 2.4vw, 36px); padding: 0 var(--pad); font: 800 clamp(26px, 3.4vw, 52px)/.92 var(--g); letter-spacing: -.05em; text-transform: uppercase; }
.sys__rail { grid-auto-columns: clamp(180px, 20vw, 380px); }

/* --- поле телефона (страна, флаг, маска — phone.js) --- */
.tel { position: relative; }
.tel input.input-text, .tel .fld { padding-left: 64px; }
.tel__cc { position: absolute; left: 1px; top: 1px; height: 50px; z-index: 1; width: 52px; padding: 0 0 0 14px; border: 0; border-right: 1px solid var(--l1); background: none; display: flex; align-items: center; gap: 6px; cursor: pointer; }
.fld--46 ~ .tel__cc, .tel .fld--46 + .tel__cc { height: 44px; }
.tel__cc:hover { background: var(--bg2); }
.tel__flag { display: inline-flex; flex: none; box-shadow: 0 0 0 1px rgba(15, 15, 15, .08); }
.tel__flag svg { display: block; }
.tel__arr { width: 0; height: 0; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; border-top: 4px solid var(--t4); }
.tel.is-ok::after { content: ''; position: absolute; right: 16px; top: 26px; width: 9px; height: 5px; margin-top: -4px; border-left: 1.5px solid var(--ok); border-bottom: 1.5px solid var(--ok); transform: rotate(-45deg); pointer-events: none; }
.tel.is-bad input { border-color: var(--red); }
.tel__msg { font: 400 10px/1.3 var(--m); letter-spacing: .08em; text-transform: uppercase; color: var(--red); }
.tel__msg:not(:empty) { margin-top: 6px; }
.tel__pop { position: absolute; left: 0; top: calc(100% + 4px); z-index: 20; width: min(100%, 340px); border: 1px solid var(--ink); background: #fff; box-shadow: 0 12px 32px rgba(15, 15, 15, .1); }
.tel__q { width: 100%; height: 44px; padding: 0 14px; border: 0; border-bottom: 1px solid var(--l1); border-radius: 0; font: 400 14px/1 var(--g); }
.tel__list { list-style: none; margin: 0; padding: 4px 0; max-height: 260px; overflow-y: auto; }
.tel__list li { display: flex; align-items: center; gap: 10px; padding: 9px 14px; cursor: pointer; font: 400 13.5px/1.2 var(--g); }
.tel__list li:hover, .tel__list li[aria-selected="true"] { background: var(--bg2); }
.tel__name { flex: 1 1 auto; min-width: 0; }
.tel__code { font: 400 11px/1 var(--m); color: var(--t4); }
.tel__list .tel__none { cursor: default; color: var(--t4); font-size: 12px; }
.tel__list .tel__sep { cursor: default; padding: 12px 14px 6px; border-top: 1px solid var(--l1); font: 500 10px/1 var(--m); letter-spacing: .12em; text-transform: uppercase; color: var(--t4); }
.tel__list .tel__sep:hover { background: none; }

/* пароль: «показать» */
.password-input { position: relative; display: block; }
.password-input input { padding-right: 46px; }
.show-password-input { position: absolute; top: 0; right: 0; bottom: 0; width: 46px; border: 0; padding: 0; cursor: pointer; background: no-repeat center / 18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2399948f' stroke-width='1.6'%3E%3Cpath d='M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
.show-password-input.display-password { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f0f0f' stroke-width='1.6'%3E%3Cpath d='M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M4 20L20 4'/%3E%3C/svg%3E"); }

/* --- вход и регистрация (isAuth) --- */
.au { min-height: calc(100svh - 300px); padding: clamp(48px, 8vw, 140px) var(--pad); display: grid; place-items: center; }
.au__box { width: min(100%, 420px); display: grid; gap: 22px; }
.au__box > .woocommerce-error, .au__box > .woocommerce-message, .au__box > .woocommerce-info { margin: 0; }
.au__f { display: grid; gap: 14px; }
.au__h { margin: 0 0 8px; font: 700 clamp(28px, 3vw, 40px)/1 var(--g); letter-spacing: -.04em; text-transform: uppercase; }
.au__in { height: 56px; font-size: 17px; }
.au__hint { font: 400 14px/1.5 var(--g); color: var(--t2); }
.au__go { height: 56px; padding: 0 28px; border: 0; background: var(--ink); color: #fff; cursor: pointer; font: 500 10.5px/1 var(--m); letter-spacing: .14em; text-transform: uppercase; display: inline-flex; align-items: center; justify-content: center; }
.au__go:hover { background: var(--hov); color: #fff; }
.au__row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font: 400 10.5px/1 var(--m); letter-spacing: .1em; text-transform: uppercase; color: var(--t4); }
.au__row a, .au__row button { padding: 0 0 3px; border: 0; border-bottom: 1px solid var(--ink); background: none; cursor: pointer; font: inherit; letter-spacing: inherit; text-transform: inherit; color: var(--ink); }
.au__ag { margin-top: 4px; padding-top: 16px; border-top: 1px solid var(--l1); display: grid; gap: 12px; }
.au__ag .form-row { margin: 0; }
.au__ag label { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; }
.au__ag label input { flex: 0 0 16px; }
.au__ag label .required { margin-left: -10px; }
.au__ag input[type=checkbox] { -webkit-appearance: none; appearance: none; width: 16px; height: 16px; margin: 1px 0 0; border: 1px solid var(--ink); border-radius: 0; background: #fff center / 10px no-repeat; cursor: pointer; }
.au__ag input[type=checkbox]:checked { background-color: var(--ink); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E"); }
.au__ag label > span { font: 400 12.5px/1.45 var(--g); color: var(--t1); }
.au__ag a { border-bottom: 1px solid var(--ink); color: var(--ink); }
.au__ag .required { color: var(--red); border: 0; text-decoration: none; }
.au__all { justify-self: start; padding: 0; border: 0; background: none; cursor: pointer; font: 500 10px/1 var(--m); letter-spacing: .12em; text-transform: uppercase; color: var(--t3); text-decoration: underline; text-underline-offset: 3px; }
/* После «Отметить все» — воздух перед «Уже есть аккаунт? Войти» (было вплотную). */
.au__ag + .au__row { margin-top: 14px; }

/* --- кабинет (isAccount) --- */
.ac { padding: clamp(20px, 2.4vw, 36px) var(--pad) 0; }
.ac__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; }
.ac__who { font: 400 10.5px/1.4 var(--m); letter-spacing: .1em; text-transform: uppercase; color: var(--t4); }
.ac__tabs { margin-top: clamp(24px, 3vw, 44px); display: flex; align-items: center; gap: 24px; overflow-x: auto; scrollbar-width: none; border-bottom: 1px solid var(--l1); }
.ac__tabs::-webkit-scrollbar { display: none; }
.ac__tabs a { flex: 0 0 auto; padding: 16px 0; border-bottom: 2px solid transparent; margin-bottom: -1px; font: 500 11.5px/1 var(--g); letter-spacing: .08em; text-transform: uppercase; color: var(--t4); }
.ac__tabs a.is-on { border-bottom-color: var(--ink); color: var(--ink); }
.ac__tabs a:hover { color: var(--ink); }
.ac__tabs .ac__out { margin-left: auto; }
.ac__body > .woocommerce-error, .ac__body > .woocommerce-message, .ac__body > .woocommerce-info { margin-top: 18px; }

/* заказы */
.ao { display: grid; }
.ao__o { border-bottom: 1px solid var(--l1); }
.ao__b { width: 100%; padding: 22px 0; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; background: none; border: 0; cursor: pointer; text-align: left; color: var(--ink); }
.ao__t { flex: 1 1 200px; display: grid; gap: 7px; }
.ao__n { font: 600 17px/1 var(--g); letter-spacing: -.02em; }
.ao__d { font: 400 10.5px/1 var(--m); letter-spacing: .08em; text-transform: uppercase; color: var(--t4); }
.ao__pill, .st__pill { padding: 7px 10px 6px; background: var(--bg2); color: var(--ink); font: 500 10px/1 var(--m); letter-spacing: .1em; text-transform: uppercase; }
.ao__pill.is-live { background: var(--ink); color: #fff; }
.ao__pill.is-off { color: var(--t3); }
.ao__sum { min-width: 90px; text-align: right; font: 600 15px/1 var(--g); }
.ao__sign { width: 20px; text-align: right; font: 300 20px/1 var(--g); }
.ao__p { display: none; padding: 0 0 28px; gap: 22px; }
.ao__o.is-open .ao__p { display: grid; }
.ao__th { display: flex; flex-wrap: wrap; gap: 2px; }
.ao__thi { width: 92px; }
.ao__acts { display: flex; flex-wrap: wrap; gap: 6px; }
.ao__go, .ao__re { height: 44px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; background: var(--ink); color: #fff; border: 0; cursor: pointer; font: 500 10px/1 var(--m); letter-spacing: .12em; text-transform: uppercase; }
.ao__go:hover { background: var(--hov); color: #fff; }
.ao__re { background: #fff; color: var(--ink); border: 1px solid var(--ink); }
.ao__re:hover { background: var(--ink); color: #fff; }
.ao__pages { padding: 22px 0; display: flex; justify-content: space-between; font: 400 10.5px/1 var(--m); letter-spacing: .1em; text-transform: uppercase; }
.ao__pages a { padding-bottom: 3px; border-bottom: 1px solid var(--ink); }

/* шкала заказа */
.tl { display: grid; grid-template-columns: 1fr; gap: 14px 4px; }
@media (min-width: 760px) { .tl { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.tl--sm { gap: 10px 4px; }
.tl__s { display: grid; gap: 8px; align-content: start; padding-top: 14px; border-top: 2px solid var(--l2); }
.tl--sm .tl__s { gap: 6px; padding-top: 10px; }
.tl__s.is-on { border-top-color: var(--ink); }
.tl__n { font: 400 10px/1 var(--m); letter-spacing: .1em; color: var(--t4); }
.tl__l { font: 500 14px/1.25 var(--g); color: var(--t5); }
.tl--sm .tl__l { font-size: 12.5px; }
.tl__s.is-on .tl__l { color: var(--ink); }
.tl__d { font: 400 10.5px/1 var(--m); letter-spacing: .06em; color: var(--t4); }

/* баллы */
.bn { padding-top: 28px; display: grid; gap: clamp(36px, 4vw, 56px); }
.bn__cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); border-top: 1px solid var(--ink); border-left: 1px solid var(--l1); }
.bn__c { padding: 22px clamp(16px, 2vw, 28px); border-right: 1px solid var(--l1); border-bottom: 1px solid var(--l1); display: grid; gap: 14px; align-content: space-between; }
.bn__k { font: 400 10.5px/1.3 var(--m); letter-spacing: .1em; text-transform: uppercase; color: var(--t4); }
.bn__k.is-red, .bn__v.is-red { color: var(--red); }
.bn__bal { display: flex; align-items: baseline; gap: 10px; }
.bn__bal > span:first-child { font: 800 clamp(44px, 5.4vw, 84px)/.9 var(--g); letter-spacing: -.06em; }
.bn__v { font: 700 clamp(28px, 2.8vw, 40px)/1 var(--g); letter-spacing: -.04em; }
.bn__s { font: 400 12.5px/1.4 var(--g); color: var(--t2); }
.bn__r { font: 400 13px/1.45 var(--g); }
.bn__r b { font-weight: 600; }
.bn__pg { display: grid; gap: 8px; }
.bn__bar { height: 2px; background: var(--l1); }
.bn__bar div { height: 100%; background: var(--ink); }
.bn__h { display: grid; gap: 14px; }
.bn__hh { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; }
.bn__f { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.bn__f button { flex: 0 0 auto; height: 32px; padding: 0 12px; border: 1px solid var(--l2); background: #fff; color: var(--ink); cursor: pointer; font: 500 10px/1 var(--m); letter-spacing: .1em; text-transform: uppercase; }
.bn__f button.is-on { border-color: var(--ink); background: var(--ink); color: #fff; }
.bn__list { border-top: 1px solid var(--ink); }
.bn__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 20px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--l1); }
@media (min-width: 760px) { .bn__row { grid-template-columns: 110px minmax(0, 1fr) 130px 110px; } }
.bn__d { font: 400 10.5px/1.3 var(--m); letter-spacing: .1em; text-transform: uppercase; color: var(--t4); }
.bn__t { display: grid; gap: 5px; min-width: 0; }
.bn__t > span:first-child { font: 500 14px/1.3 var(--g); }
.bn__t > span + span { font: 400 10px/1.3 var(--m); letter-spacing: .06em; text-transform: uppercase; color: var(--t4); }
.bn__tag { justify-self: start; padding: 5px 8px 4px; border: 1px solid var(--l2); font: 500 10px/1 var(--m); letter-spacing: .1em; text-transform: uppercase; color: var(--ink); }
.bn__tag.is-return { color: var(--ok); border-color: #cfe3d6; }
.bn__tag.is-cancel, .bn__tag.is-expire { color: var(--red); border-color: #f0d2cc; }
.bn__tag.is-wait { color: var(--t4); }
.bn__a { justify-self: end; text-align: right; font: 600 15px/1 var(--g); white-space: nowrap; }
.bn__a.is-minus { color: var(--t3); }
.bn__a.is-red { color: var(--red); }
.bn__a.is-wait { color: var(--t4); }
.bn__none { padding: 22px 0; font: 400 14px/1.5 var(--g); color: var(--t2); }
.bn__note { font: 400 12.5px/1.5 var(--g); color: var(--t4); }

/* избранное */
/* Сетка избранного — как в каталоге (.cat__grid): 2 колонки на телефоне, 3 на планшете, 6 на компьютере. */
.favg { --cols: 3; padding-top: 24px; display: grid; grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); gap: clamp(32px, 3.2vw, 56px) 2px; }
@media (max-width: 759.98px) { .favg { --cols: 2; } }
@media (min-width: 1100px) { .favg { --cols: 6; } }
.favg .card.is-hide { display: none; }
/* Чипы крупных разделов над избранным — как чипы каталога (.cchip). */
.favc { margin-top: 20px; display: flex; gap: 4px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.favc::-webkit-scrollbar { display: none; }
.favc__c { flex: 0 0 auto; height: 36px; padding: 0 14px; display: flex; align-items: center; gap: 6px; border: 1px solid var(--l2); background: #fff; color: var(--ink); font: 500 11.5px/1 var(--g); letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.favc__c.is-on { border-color: var(--ink); background: var(--ink); color: #fff; }
.favc__c span { font: 400 10px/1 var(--m); opacity: .6; }
.favc__reset { border-style: dashed; color: var(--t3); }
.favg:empty { display: none; }

/* адреса */
.adr { padding-top: 24px; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 4px; }
.adr__c { padding: 22px; border: 1px solid var(--l2); display: grid; gap: 12px; align-content: start; }
.adr__c.is-main { border-color: var(--ink); }
.adr__h { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.adr__k { font: 400 10px/1 var(--m); letter-spacing: .12em; text-transform: uppercase; color: var(--t4); }
.adr__main { padding: 4px 7px 3px; background: var(--ink); color: #fff; border-radius: 10px; font: 500 10px/1 var(--m); letter-spacing: .1em; text-transform: uppercase; }
.adr__l { font: 500 15px/1.45 var(--g); }
.adr__w { font: 400 13px/1.3 var(--g); color: var(--t3); }
.adr__a { margin-top: 6px; display: flex; flex-wrap: wrap; gap: 6px 18px; font: 500 10px/1 var(--m); letter-spacing: .12em; text-transform: uppercase; }
.adr__a a { padding: 0 0 3px; border-bottom: 1px solid var(--ink); }
/* Адресная книга (19.10.2026, макет tabAddr / isAddr): кнопки карточки, шторка-форма, выбор адреса в оформлении. */
.adr__a button { padding: 0 0 3px; border: 0; border-bottom: 1px solid var(--ink); background: none; cursor: pointer; font: inherit; letter-spacing: inherit; text-transform: inherit; color: var(--ink); }
.adr__a button.is-soft { border-bottom-color: var(--t4); color: var(--t3); }
.adr__a button.is-rm { border-bottom-color: transparent; color: var(--t4); }
.adr__a button.is-rm:hover { color: #c8321e; }
button.adr__add { cursor: pointer; width: 100%; }
.af { gap: 14px; }
.af__row { display: grid; gap: 6px; }
.af__k { font: 400 10px/1 var(--m); letter-spacing: .1em; text-transform: uppercase; color: var(--t4); }
.af__in { width: 100%; height: 48px; padding: 0 14px; border: 1px solid var(--l2); border-radius: 0; background: #fff; font: 400 15px/1 var(--g); outline: none; -webkit-appearance: none; appearance: none; }
.af__in:focus { border-color: var(--ink); }
.af__ta { height: auto; padding: 12px 14px; line-height: 1.4; resize: vertical; }
.af__three { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.af__labels { display: flex; flex-wrap: wrap; gap: 4px; }
.af__label input, .af__main input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.af__label span { height: 34px; padding: 0 12px; display: inline-flex; align-items: center; border: 1px solid var(--l2); background: #fff; cursor: pointer; font: 500 11px/1 var(--g); letter-spacing: .04em; text-transform: uppercase; }
.af__label input:checked + span { border-color: var(--ink); background: var(--ink); color: #fff; }
.af__label input:focus-visible + span, .af__main input:focus-visible + .af__box { outline: 2px solid var(--ink); outline-offset: 2px; }
.af__main { padding: 6px 0; display: flex; align-items: center; gap: 12px; cursor: pointer; font: 400 14px/1.3 var(--g); }
.af__box { flex: 0 0 16px; height: 16px; border: 1px solid var(--ink); background: #fff; display: grid; place-items: center; }
.af__main input:checked + .af__box { background: var(--ink); }
.af__main input:checked + .af__box::after { content: ''; width: 8px; height: 4px; margin-top: -2px; border: solid #fff; border-width: 0 0 1.5px 1.5px; transform: rotate(-45deg); }
.af__err { color: #c8321e; font: 400 13px/1.4 var(--g); }
.af__save { width: 100%; justify-content: center; }
.apick { margin-bottom: 10px; display: grid; gap: 8px; }
.apick__k { font: 400 10.5px/1 var(--m); letter-spacing: .1em; text-transform: uppercase; color: var(--t4); }
.apick__l { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: 4px; }
.apick__b { padding: 12px 14px; display: grid; gap: 6px; justify-items: start; border: 1px solid var(--l2); background: #fff; cursor: pointer; text-align: left; font: 400 13px/1.35 var(--g); color: var(--ink); }
.apick__b span { font: 400 10px/1 var(--m); letter-spacing: .1em; text-transform: uppercase; color: var(--t4); }
.apick__b.is-on { border-color: var(--ink); }
.adr__add { min-height: 170px; display: flex; align-items: center; justify-content: center; border: 1px dashed var(--l3); background: #fff; font: 500 10.5px/1 var(--m); letter-spacing: .12em; text-transform: uppercase; }
.adr__add:hover { border-color: var(--ink); color: var(--ink); }
.adrf { padding-top: 28px; max-width: 860px; display: grid; gap: 18px; }
.adrf__a { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 20px; }
.adrf__a .au__go { height: 52px; }
.adrf__x { padding-bottom: 3px; border-bottom: 1px solid var(--t4); font: 400 10.5px/1.3 var(--m); letter-spacing: .1em; text-transform: uppercase; color: var(--t3); }

/* профиль */
.pf { padding-top: 28px; max-width: 860px; display: grid; gap: clamp(36px, 4vw, 56px); }
.pf__g { display: grid; gap: 14px; }
.pf__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 6px; }
.pf__save { height: 52px; padding: 0 28px; border: 0; background: var(--ink); color: #fff; cursor: pointer; font: 500 10.5px/1 var(--m); letter-spacing: .14em; text-transform: uppercase; }
.pf__save:hover { background: var(--hov); }
.pf__creds { border-top: 1px solid var(--ink); }
.pf__cr { display: grid; grid-template-columns: minmax(80px, 140px) minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--l1); }
.pf__k { font: 400 10.5px/1.3 var(--m); letter-spacing: .1em; text-transform: uppercase; color: var(--t4); }
.pf__v { display: grid; gap: 6px; min-width: 0; }
.pf__v > span:first-child { font: 500 15px/1.3 var(--g); overflow-wrap: anywhere; }
.pf__n { font: 400 10px/1.3 var(--m); letter-spacing: .08em; text-transform: uppercase; color: var(--t4); }
.pf__ch { height: 36px; padding: 0 14px; border: 1px solid var(--l2); background: #fff; cursor: pointer; font: 500 10px/1 var(--m); letter-spacing: .12em; text-transform: uppercase; color: var(--ink); }
.pf__ch:hover { border-color: var(--ink); }
a.pf__ch, .pf__ch--soon { display: inline-flex; align-items: center; }
.pf__ch--soon { color: var(--t4); cursor: default; }
.pf__ch--soon:hover { border-color: var(--l2); }
.pf__ch.is-busy { opacity: .5; cursor: progress; }
.pf__x { display: none; grid-column: 1 / -1; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 6px; }
.pf__cr.is-open .pf__x { display: grid; }
.pf__note { font: 400 12.5px/1.5 var(--g); color: var(--t4); }
.pf__note a { border-bottom: 1px solid var(--t4); color: var(--t3); }

/* --- статус заказа (isStatus) --- */
.stp { padding: clamp(20px, 2.4vw, 36px) var(--pad) 0; max-width: 1200px; }
.stp__f { margin-top: clamp(28px, 3.4vw, 56px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 6px; max-width: 860px; }
.stp__go { height: 52px; background: var(--ink); color: #fff; border: 0; cursor: pointer; font: 500 10.5px/1 var(--m); letter-spacing: .14em; text-transform: uppercase; }
.stp__go:hover { background: var(--hov); }
.stp__msg { margin-top: 14px; font: 400 10px/1.3 var(--m); letter-spacing: .08em; text-transform: uppercase; color: var(--red); }
.st { margin-top: clamp(40px, 5vw, 72px); padding-top: 22px; border-top: 1px solid var(--ink); display: grid; gap: 32px; }
.ac .st { margin-top: 28px; }
.st__top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px; }
.st__h { display: grid; gap: 10px; }
.st__n { font: 700 clamp(28px, 3vw, 44px)/1 var(--g); letter-spacing: -.04em; }
.st__pill { padding: 8px 12px 7px; background: var(--ink); color: #fff; font-size: 10.5px; letter-spacing: .12em; }
.st__pill.is-off { background: var(--bg2); color: var(--ink); }
.st__th { display: flex; flex-wrap: wrap; gap: 2px; }
.st__it { width: clamp(120px, 14vw, 180px); display: grid; gap: 8px; align-content: start; }
.st__itn { font: 500 12.5px/1.3 var(--g); }
.st__its { font: 400 10px/1 var(--m); text-transform: uppercase; color: var(--t4); }
.st__info { font: 400 10.5px/1.5 var(--m); letter-spacing: .08em; text-transform: uppercase; color: var(--t3); }
.st__acts { margin-top: 28px; }
.st__notes { margin-top: 40px; display: grid; gap: 12px; max-width: 760px; }
.st__note { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 16px; padding: 14px 0; border-top: 1px solid var(--l1); font: 400 14px/1.6 var(--g); }
.st__note > span { font: 400 10.5px/1.6 var(--m); letter-spacing: .08em; color: var(--t4); }
.st__note p { margin: 0; }