/* =====================================================================
   V4 → dev2: обычные страницы (FAQ, доставка, контакты, о нас…) и вопросы-ответы в категориях (12.10.2026,
   просьба владельца). Содержимое страниц — HTML боевого сайта со встроенными стилями (ржавый #b84c13,
   бежевые плашки #faf8f2, заголовки Georgia). Текст не трогаем — перекрашиваем по этим признакам в палитру V4.
   ===================================================================== */

/* крошки на всех страницах — мелко и без заглавных, как в V4 */
.tygh-content .ty-breadcrumbs, .tygh-content .ty-breadcrumbs * { text-transform: none !important; letter-spacing: 0 !important; font-size: 13px !important; }
.tygh-content .ty-breadcrumbs-delimiter__bottom { display: none !important; }

/* заголовок страницы — крупно, как заголовки разделов V4 */
.ty-page-controller-pages .vs-mainbox-title, .ty-page-controller-pages .ty-mainbox-title {
  font: 600 clamp(30px, 3.6vw, 44px)/1.08 var(--v4-cond), sans-serif !important; color: #0F5C45 !important;
  text-transform: none !important; letter-spacing: -.015em !important; border: 0 !important; padding: 0 !important; margin: 8px 0 22px !important;
}
.ty-page-controller-pages .vs-mainbox-title * { font: inherit !important; color: inherit !important; text-transform: none !important; }

/* колонка «Important links» — тихий список, как меню подвала V4 */
.ty-page-controller-pages .vs-sidebox-title, .ty-page-controller-pages .ty-sidebox__title {
  font: 700 12px var(--v4-sans), sans-serif !important; letter-spacing: .14em !important; text-transform: uppercase !important;
  color: #008556 !important; border: 0 !important; background: none !important; padding: 0 0 10px !important;
}
.ty-page-controller-pages .vs-sidebox-title *, .ty-page-controller-pages .ty-sidebox__title * { font: inherit !important; color: inherit !important; }
.ty-page-controller-pages .span4 .vs-sidebox, .ty-page-controller-pages .span4 .ty-sidebox { background: #F4F6F5 !important; border-radius: 22px !important; padding: 20px !important; border: 0 !important; }
.ty-page-controller-pages .span4 a { color: #1E2421 !important; text-transform: none !important; font: 500 15px/1.4 var(--v4-sans), sans-serif !important; text-decoration: none !important; }
.ty-page-controller-pages .span4 a:hover { color: #008556 !important; }
.ty-page-controller-pages .span4 li { padding: 6px 0 !important; border: 0 !important; background: none !important; list-style: none !important; }

/* ---------- содержимое со встроенными стилями: страницы и категории ---------- */
.tygh-content [style*="font-family"] { font-family: var(--v4-sans), sans-serif !important; }
.tygh-content [style*="#27382f"], .tygh-content [style*="#27382F"] { color: #1E2421 !important; }
.tygh-content [style*="#58665d"], .tygh-content [style*="#58665D"] { color: #555 !important; }
/* ржавый акцент → зелёный V4 (ссылки, подписи-кикеры) */
.tygh-content [style*="#b84c13"], .tygh-content [style*="#B84C13"], .tygh-content [style*="#b84c13"] * { color: #008556 !important; }
.tygh-content a[style*="#b84c13"], .tygh-content a[style*="#B84C13"] { text-decoration: none !important; }
.tygh-content a[style*="#b84c13"]:hover { text-decoration: underline !important; }
.tygh-content [style*="background: #b84c13"], .tygh-content [style*="background:#b84c13"], .tygh-content [style*="background-color: #b84c13"] { background: #008556 !important; color: #fff !important; }
/* бежевые плашки → светлые V4 */
.tygh-content [style*="#faf8f2"], .tygh-content [style*="#FAF8F2"], .tygh-content [style*="#f8f4ec"], .tygh-content [style*="#fbf7ef"], .tygh-content [style*="#f7f3ea"], .tygh-content [style*="#F7F3EA"] {
  background: #F4F6F5 !important; border-color: #F4F6F5 !important;
}
/* карточки вопросов и ответов — белые со скруглением и тонкой рамкой V4 */
.tygh-content [style*="border: 1px solid #e4e5dd"], .tygh-content [style*="border: 1px solid #eeece4"], .tygh-content [style*="border:1px solid #e4e5dd"] { border-color: #E3E7E5 !important; }
.tygh-content [style*="border-radius: 16px"][style*="background: #ffffff"] { transition: border-color .15s, box-shadow .15s; }
.tygh-content [style*="border-radius: 16px"][style*="background: #ffffff"]:hover { border-color: #C9D6D0 !important; box-shadow: 0 6px 18px rgba(30,36,33,.06); }
/* заголовки: крупные (Georgia) — шрифт заголовков V4, зелёные; разделы — тёмные, тот же шрифт */
.tygh-content h1[style*="Georgia"], .tygh-content h2[style*="Georgia"], .tygh-content h3[style*="Georgia"] {
  font-family: var(--v4-cond), sans-serif !important; font-weight: 600 !important; color: #0F5C45 !important; letter-spacing: -.015em !important;
}
.tygh-content .span12 h2[style], .tygh-content .tealyra-category-faq h2, .tygh-content .tealyra-category-faq h3,
.tygh-content .tealyra-category-intro h2 { font-family: var(--v4-cond), sans-serif !important; font-weight: 600 !important; letter-spacing: -.01em !important; }
.tygh-content h3[style] { font-family: var(--v4-sans), sans-serif !important; font-weight: 600 !important; }
/* таблицы в содержимом (сроки доставки, кофеин) */
.tygh-content .span12 table, .tygh-content .tealyra-category-faq table { border-collapse: separate !important; border-spacing: 0; border: 1px solid #E3E7E5 !important; border-radius: 14px; overflow: hidden; }
.tygh-content .span12 th, .tygh-content .span12 thead td { background: #F4F6F5 !important; color: #1E2421 !important; font-weight: 600 !important; }
.tygh-content .span12 td, .tygh-content .span12 th { border-color: #E3E7E5 !important; }

/* вопросы-ответы внизу категорий */
.tygh-content .tealyra-category-faq { max-width: 1240px; margin: 48px auto 0; }
.tygh-content .tealyra-category-faq > h2:first-child, .tygh-content .tealyra-category-faq > h3:first-child {
  font: 600 clamp(28px, 3.2vw, 40px)/1.1 var(--v4-cond), sans-serif !important; color: #0F5C45 !important; margin: 0 0 18px !important;
}
.tygh-content .tealyra-category-faq h3 { font-size: 18px !important; color: #1E2421 !important; margin: 0 0 8px !important; }
.tygh-content .tealyra-category-faq p { color: #555; line-height: 1.65; }
.tygh-content .tealyra-category-faq a, .tygh-content .tealyra-category-intro a { color: #008556 !important; }

/* форма «Contact us» — поля и кнопка в стиле V4 (поля уже даёт v4-osnova) */
.ty-page-controller-pages .ty-form-builder__fields .ty-control-group__title, .ty-page-controller-pages .ty-control-group__title { text-transform: none !important; font-weight: 600 !important; }
.ty-page-controller-pages .ty-btn__primary, .ty-page-controller-pages .ty-btn__secondary.cm-submit, .ty-page-controller-pages .buttons-container .ty-btn {
  background: #008556 !important; border: 0 !important; border-radius: 6px !important; color: #fff !important; padding: 12px 28px !important; height: auto !important;
}

/* вопросы внизу категорий — светлыми скруглёнными карточками, как вопросы в FAQ V4 */
.tygh-content .tealyra-category-faq [itemprop="mainEntity"] {
  background: #F4F6F5 !important; border: 0 !important; border-radius: 16px !important; padding: 18px 22px !important; margin: 0 0 10px !important;
}
.tygh-content .tealyra-category-faq [itemprop="mainEntity"] h3 { font: 600 17px/1.35 var(--v4-sans), sans-serif !important; color: #1E2421 !important; margin: 0 0 6px !important; }
.tygh-content .tealyra-category-faq [itemprop="acceptedAnswer"] p { font-size: 15px !important; color: #555 !important; line-height: 1.65 !important; }

/* ===== Contact Us и другие страницы с формой (14.10.2026, слово владельца: форма плохо выделена) =====
   Форма — белая карточка с тенью и зелёной полосой сверху, поля мягкие с фокусом, кнопка — крупная таблетка. */
.tygh-content .vs-page-form-form { position: relative; margin: 8px 0 32px; padding: 30px 32px 28px; background: #fff; border: 1px solid #E3E7E5; border-radius: 22px; box-shadow: 0 18px 44px rgba(15, 40, 32, .08); overflow: hidden; }
.tygh-content .vs-page-form-form::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px; background: linear-gradient(90deg, #0F5C45, #008556 60%, #B8934A); }
.tygh-content .vs-page-form-form .ty-control-group { margin: 0 0 16px !important; }
.tygh-content .vs-page-form-form label.ty-control-group__title { display: block; margin: 0 0 6px !important; font: 600 13px Inter, system-ui, sans-serif !important; color: #1E2421 !important; text-transform: none !important; letter-spacing: 0 !important; }
.tygh-content .vs-page-form-form input[type=text], .tygh-content .vs-page-form-form input[type=email], .tygh-content .vs-page-form-form input[type=tel], .tygh-content .vs-page-form-form select, .tygh-content .vs-page-form-form textarea {
  width: 100% !important; box-sizing: border-box; height: 48px; padding: 0 16px !important; border: 1.5px solid #E3E7E5 !important; border-radius: 12px !important;
  background: #F7F9F8 !important; font: 400 15px Inter, system-ui, sans-serif !important; color: #1E2421 !important; box-shadow: none !important; transition: border-color .2s, background .2s, box-shadow .2s; }
.tygh-content .vs-page-form-form textarea { height: 180px; min-height: 140px; padding: 14px 16px !important; resize: vertical; }
.tygh-content .vs-page-form-form input:focus, .tygh-content .vs-page-form-form select:focus, .tygh-content .vs-page-form-form textarea:focus { outline: none; border-color: #008556 !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(0, 133, 86, .12) !important; }
.tygh-content .vs-page-form-form .ty-form-builder__buttons { display: flex; justify-content: flex-start; margin: 8px 0 0 !important; padding: 0 !important; border: 0 !important; }
.tygh-content .vs-page-form-form .ty-form-builder__buttons .ty-btn, .tygh-content .vs-page-form-form button[type=submit] {
  height: 52px !important; padding: 0 40px !important; border: 0 !important; border-radius: 999px !important; background: #008556 !important; color: #fff !important;
  font: 700 16px Inter, system-ui, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: 0 8px 20px rgba(0, 133, 86, .25) !important; transition: background .2s, transform .2s; }
.tygh-content .vs-page-form-form .ty-form-builder__buttons .ty-btn:hover, .tygh-content .vs-page-form-form button[type=submit]:hover { background: #0F5C45 !important; transform: translateY(-1px); }
/* вводный блок над формой — продолжение карточки, без лишней линии ниже */
.tygh-content .vs-page-form-content + * hr, .tygh-content .vs-page-form-form + hr { display: none; }
@media (max-width: 600px) { .tygh-content .vs-page-form-form { padding: 24px 18px 20px; border-radius: 18px; } .tygh-content .vs-page-form-form .ty-form-builder__buttons .ty-btn { width: 100%; } }

/* «Important links» справа — светлые таблетки вместо тяжёлых чёрных кнопок */
.tygh-content .vs-sidebox .ty-text-links { display: flex !important; flex-wrap: wrap; gap: 8px; margin: 0 !important; padding: 0 !important; }
.tygh-content .vs-sidebox .ty-text-links__item { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
.tygh-content .vs-sidebox .ty-text-links__item a { display: inline-flex !important; align-items: center; width: auto !important; height: auto !important; padding: 9px 16px !important; border: 1.5px solid #E3E7E5 !important; border-radius: 999px !important; background: #fff !important; color: #0F5C45 !important; font: 600 13.5px Inter, system-ui, sans-serif !important; text-transform: none !important; white-space: nowrap; overflow: visible !important; text-overflow: clip !important; box-shadow: none !important; }
.tygh-content .vs-sidebox .ty-text-links__item a:hover { border-color: #008556 !important; background: #E8F3EE !important; }

/* ===== Подарочный сертификат (14.10.2026, слово владельца): праздничный блок, живая открытка, быстрые суммы ===== */
.ty-page-controller-gift_certificates .v4gc-h1 { display: none !important; }
.v4gc-hero { position: relative; overflow: hidden; margin: 8px 0 28px; padding: 46px clamp(20px, 5vw, 64px) 40px; border-radius: 28px; text-align: center;
  background: radial-gradient(circle at 15% 20%, rgba(255,214,170,.55), transparent 45%), radial-gradient(circle at 85% 80%, rgba(198,230,210,.7), transparent 50%), linear-gradient(135deg, #FFF6EA, #F1F8F3); }
.v4gc-kicker { margin: 0 0 8px; font: 700 12px Inter, system-ui, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: #B8934A; }
.v4gc-title { margin: 0 0 12px; font: 600 clamp(36px, 5vw, 64px)/1.05 var(--v4-cond, Inter), Inter, sans-serif; letter-spacing: -.02em; }
.v4gc-title span span { transition: color 1.2s ease; }
.v4gc-word { white-space: nowrap; }
.v4gc-lead { max-width: 620px; margin: 0 auto; font: 400 17px/1.55 Inter, system-ui, sans-serif; color: #4A524D; }
.v4gc-floats i { position: absolute; font-style: normal; font-size: 30px; opacity: .55; animation: v4gcFloat 7s ease-in-out infinite; pointer-events: none; }
.v4gc-floats i:nth-child(1) { left: 6%; top: 18%; }
.v4gc-floats i:nth-child(2) { left: 14%; bottom: 14%; animation-delay: -2s; font-size: 26px; }
.v4gc-floats i:nth-child(3) { right: 7%; top: 16%; animation-delay: -4s; }
.v4gc-floats i:nth-child(4) { right: 16%; bottom: 18%; animation-delay: -1s; font-size: 22px; }
.v4gc-floats i:nth-child(5) { left: 28%; top: 8%; animation-delay: -3s; font-size: 20px; }
.v4gc-floats i:nth-child(6) { right: 28%; top: 10%; animation-delay: -5s; font-size: 22px; }
.v4gc-floats i:nth-child(7) { left: 3%; bottom: 30%; animation-delay: -6s; font-size: 24px; }
.v4gc-floats i:nth-child(8) { right: 3%; bottom: 40%; animation-delay: -2.5s; font-size: 18px; }
@keyframes v4gcFloat { 0%, 100% { transform: translateY(0) rotate(-6deg); } 50% { transform: translateY(-14px) rotate(6deg); } }
@media (prefers-reduced-motion: reduce) { .v4gc-floats i { animation: none; } }
@media (max-width: 700px) { .v4gc-floats i:nth-child(n+5) { display: none; } }

.v4gc-wrap { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .85fr); gap: 32px; align-items: start; }
.v4gc-wrap .ty-gift-certificate { margin: 0; padding: 30px 32px 28px; background: #fff; border: 1px solid #E3E7E5; border-radius: 22px; box-shadow: 0 18px 44px rgba(15, 40, 32, .08); position: relative; overflow: hidden; }
.v4gc-wrap .ty-gift-certificate::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px; background: linear-gradient(90deg, #0F5C45, #008556 60%, #B8934A); }
.v4gc-wrap .ty-control-group { margin: 0 0 16px !important; }
.v4gc-wrap label.ty-control-group__title { display: block; margin: 0 0 6px !important; font: 600 13px Inter, system-ui, sans-serif !important; color: #1E2421 !important; text-transform: none !important; }
.v4gc-wrap input[type=text], .v4gc-wrap input[type=email], .v4gc-wrap textarea { box-sizing: border-box; width: 100% !important; height: 48px; padding: 0 16px !important; border: 1.5px solid #E3E7E5 !important; border-radius: 12px !important; background: #F7F9F8 !important; font: 400 15px Inter, system-ui, sans-serif !important; color: #1E2421 !important; box-shadow: none !important; }
.v4gc-wrap #gift_cert_amount { width: 140px !important; font-weight: 700 !important; }
.v4gc-wrap textarea { height: 120px; padding: 14px 16px !important; }
.v4gc-wrap input:focus, .v4gc-wrap textarea:focus { outline: none; border-color: #008556 !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(0,133,86,.12) !important; }
.v4gc-wrap .ty-btn__primary, .v4gc-wrap button[name="dispatch[gift_certificates.add]"] { height: 52px !important; padding: 0 40px !important; border: 0 !important; border-radius: 999px !important; background: #008556 !important; color: #fff !important; font: 700 16px Inter, system-ui, sans-serif !important; text-transform: none !important; box-shadow: 0 8px 20px rgba(0,133,86,.25) !important; }
.v4gc-wrap .ty-btn__primary:hover, .v4gc-wrap button[name="dispatch[gift_certificates.add]"]:hover { background: #0F5C45 !important; }
.v4gc-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 4px 0 10px; }
.v4gc-chips span { width: 100%; font: 600 13px Inter, system-ui, sans-serif; color: #1E2421; }
.v4gc-chips button { height: 40px; padding: 0 18px; border: 1.5px solid #E3E7E5; border-radius: 999px; background: #fff; font: 700 14px Inter, system-ui, sans-serif; color: #0F5C45; cursor: pointer; transition: all .15s; }
.v4gc-chips button:hover { border-color: #008556; }
.v4gc-chips button.v4gc-on { background: #008556; border-color: #008556; color: #fff; }

/* живая открытка */
.v4gc-cardCol { position: sticky; top: calc(var(--v4-sticky-h, 0px) + 20px); }
.v4gc-card { position: relative; overflow: hidden; aspect-ratio: 1.6 / 1; padding: 22px 24px; border-radius: 20px; color: #fff;
  background: radial-gradient(circle at 80% 20%, rgba(217,190,133,.45), transparent 50%), linear-gradient(135deg, #0F5C45, #0B3B2D); box-shadow: 0 24px 50px rgba(15, 40, 32, .28); display: flex; flex-direction: column; transform: rotate(-2deg); transition: transform .3s; }
.v4gc-card:hover { transform: rotate(0) translateY(-3px); }
.v4gc-cardTop { display: flex; justify-content: space-between; align-items: center; }
.v4gc-cardBrand { font: 600 24px var(--v4-cond, Inter), Inter, sans-serif; letter-spacing: -.01em; }
.v4gc-cardTag { padding: 4px 10px; border: 1px solid rgba(255,255,255,.5); border-radius: 999px; font: 600 11px Inter, system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.v4gc-cardAmount { margin-top: auto; font: 700 44px/1 Inter, system-ui, sans-serif; color: #F3DFA9; }
.v4gc-cardAmount .v4gc-cur { font-size: 22px; margin-right: 2px; vertical-align: .6em; }
.v4gc-cardMsg { min-height: 1.4em; margin: 6px 0 2px; font: italic 400 13px/1.4 Inter, system-ui, sans-serif; color: rgba(255,255,255,.85); }
.v4gc-cardWho { display: flex; gap: 18px; font: 400 13px Inter, system-ui, sans-serif; color: rgba(255,255,255,.75); }
.v4gc-cardWho b { color: #fff; font-weight: 600; }
.v4gc-cardLeaf { position: absolute; right: -10px; bottom: -18px; font-size: 90px; opacity: .14; transform: rotate(-20deg); }
.v4gc-cardNote { margin: 18px 0 0; text-align: center; font: 400 14px Inter, system-ui, sans-serif; color: #6E746F; }
@media (max-width: 900px) { .v4gc-wrap { grid-template-columns: 1fr; } .v4gc-cardCol { position: static; order: -1; max-width: 420px; margin: 0 auto; width: 100%; } }
/* открытка: надпись бренда белая (тема красила span в тёмный) */
.v4gc-card .v4gc-cardBrand, .v4gc-card .v4gc-cardTag, .v4gc-card .v4gc-cardWho { color: #fff !important; }
.v4gc-card .v4gc-cardWho span { color: rgba(255,255,255,.75) !important; }
/* справа — «Проверить сертификат» карточкой в стиле страницы */
.ty-page-controller-gift_certificates .span6.visible-desktop .ty-mainbox-container { margin-top: 8px; padding: 26px 24px 24px; background: #F4F6F5; border-radius: 22px; }
.ty-page-controller-gift_certificates .span6.visible-desktop .ty-mainbox-title { margin: 0 0 6px !important; padding: 0 !important; font: 600 22px/1.2 var(--v4-cond, Inter), Inter, sans-serif !important; color: #0F5C45 !important; text-align: left !important; }
.ty-page-controller-gift_certificates .span6.visible-desktop .ty-mainbox-title::before { content: "🔎 "; }
.ty-page-controller-gift_certificates .span6.visible-desktop input[type=text] { height: 46px !important; border: 1.5px solid #E3E7E5 !important; border-radius: 999px 0 0 999px !important; background: #fff !important; padding: 0 16px !important; font: 400 15px Inter, system-ui, sans-serif !important; }
.ty-page-controller-gift_certificates .span6.visible-desktop .ty-btn-go, .ty-page-controller-gift_certificates .span6.visible-desktop button { height: 46px !important; min-width: 52px; border: 0 !important; border-radius: 0 999px 999px 0 !important; background: #008556 !important; color: #fff !important; }
.ty-page-controller-gift_certificates .span6.visible-desktop .ty-mainbox-title::before { content: none; }
.ty-page-controller-gift_certificates .span6.visible-desktop .ty-mainbox-container { height: auto !important; min-height: 0 !important; align-self: start; }
.ty-page-controller-gift_certificates .row:has(> .span6.visible-desktop) { align-items: flex-start; }
/* проверка сертификата (14.10.2026, замечание владельца): поле и кнопка — одна таблетка, карточка по высоте содержимого */
.ty-page-controller-gift_certificates .span6.visible-desktop .ty-mainbox-container { height: auto !important; padding: 24px 24px 22px !important; }
.ty-page-controller-gift_certificates .span6.visible-desktop .ty-mainbox-container::after { display: none !important; }
.ty-page-controller-gift_certificates .gift-validate .ty-control-group { margin: 0 !important; }
.ty-page-controller-gift_certificates .gift-validate .ty-input-append { display: flex !important; align-items: stretch; width: 100% !important; height: 48px; margin: 0 !important; padding: 4px !important; box-sizing: border-box; border: 1.5px solid #E3E7E5; border-radius: 999px; background: #fff; }
.ty-page-controller-gift_certificates .gift-validate .ty-input-append:focus-within { border-color: #008556; box-shadow: 0 0 0 4px rgba(0,133,86,.12); }
.ty-page-controller-gift_certificates .gift-validate input.ty-input-text { flex: 1 1 auto; min-width: 0; width: auto !important; height: 100% !important; margin: 0 !important; padding: 0 14px !important; border: 0 !important; border-radius: 999px !important; background: transparent !important; box-shadow: none !important; font: 400 15px Inter, system-ui, sans-serif !important; outline: none; }
.ty-page-controller-gift_certificates .gift-validate .ty-btn-go { position: static !important; flex: 0 0 38px; width: 38px !important; min-width: 0 !important; height: 38px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #008556 !important; color: #fff !important; display: flex; align-items: center; justify-content: center; font-size: 18px; }
.ty-page-controller-gift_certificates .gift-validate .ty-btn-go:hover { background: #0F5C45 !important; }
/* условие: только онлайн */
.v4gc-online { display: flex; gap: 10px; align-items: flex-start; margin: 16px 0 0; padding: 12px 14px; border-radius: 14px; background: #FFF6E6; border: 1px solid #F0DDB3; font: 400 13.5px/1.45 Inter, system-ui, sans-serif; color: #5A4A2A; text-align: left; }
.v4gc-online b { color: #3A2E17; }
.v4gc-online::before { content: "💻"; font-size: 18px; line-height: 1.2; }
.v4gc-lead + .v4gc-badge { margin-top: 14px; }
.v4gc-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 999px; background: rgba(255,255,255,.75); border: 1px solid #E8D9B8; font: 600 13px Inter, system-ui, sans-serif; color: #5A4A2A; }
/* подарочный сертификат: страница по центру (14.10.2026, замечание владельца) — содержимое и колонка проверки
   одной сеткой шириной до 1400px; блок проверки по высоте содержимого (тема давала min-height 300px) */
.ty-page-controller-gift_certificates .span16.et-content > .row { display: grid !important; grid-template-columns: minmax(0, 1fr) 340px; gap: 28px; max-width: 1400px; margin: 0 auto !important; }
.ty-page-controller-gift_certificates .span16.et-content > .row > .span10, .ty-page-controller-gift_certificates .span16.et-content > .row > .span6 { width: auto !important; margin: 0 !important; float: none !important; }
.ty-page-controller-gift_certificates .span6.visible-desktop .ty-mainbox-container { width: auto !important; margin-top: 0 !important; }
.ty-page-controller-gift_certificates .gift-validate { min-height: 0 !important; height: auto !important; }
@media (max-width: 1006px), (orientation: portrait) { .ty-page-controller-gift_certificates .span16.et-content > .row { grid-template-columns: 1fr; } }
/* проверка кода: убрать рамку поля внутри таблетки и сделать кнопку круглой (перебивало правило выше) */
.ty-page-controller-gift_certificates .span6.visible-desktop .gift-validate .ty-input-append input[type=text].ty-input-text { border: 0 !important; border-radius: 999px !important; background: transparent !important; height: 100% !important; box-shadow: none !important; }
.ty-page-controller-gift_certificates .span6.visible-desktop .gift-validate .ty-input-append button.ty-btn-go { width: 38px !important; height: 38px !important; min-width: 0 !important; border-radius: 50% !important; align-self: center; }
/* сумма сертификата: знак валюты — приставка слева от поля (14.10.2026, замечание владельца: «CA$» налезал на поле) */
.v4gc-wrap .ty-control-group:has(#gift_cert_amount) { display: flex; flex-wrap: wrap; align-items: stretch; }
.v4gc-wrap .ty-control-group:has(#gift_cert_amount) > label { width: 100%; }
.v4gc-wrap .ty-gift-certificate__currency { position: static !important; display: inline-flex; align-items: center; height: 48px; padding: 0 12px 0 16px; border: 1.5px solid #E3E7E5; border-right: 0; border-radius: 12px 0 0 12px; background: #EEF3F0; font: 700 15px Inter, system-ui, sans-serif; color: #0F5C45; margin: 0 !important; }
.v4gc-wrap .ty-control-group #gift_cert_amount { border-radius: 0 12px 12px 0 !important; width: 120px !important; }
.v4gc-wrap .ty-gift-certificate__amount-alert { width: 100%; margin-top: 6px; font: 400 13px Inter, system-ui, sans-serif; color: #6E746F; }

/* ===== Баланс сертификата (/gift-certificates-balance/, 14.10.2026) ===== */
.v4gb-page .span16.et-content > .row { grid-template-columns: 1fr !important; max-width: 920px !important; }
.v4gb-page .span6.visible-desktop { display: none !important; }
.v4gb-hero { position: relative; overflow: hidden; margin: 8px 0 24px; padding: 46px clamp(20px, 5vw, 64px) 34px; border-radius: 28px; text-align: center;
  background: radial-gradient(circle at 15% 20%, rgba(255,214,170,.55), transparent 45%), radial-gradient(circle at 85% 80%, rgba(198,230,210,.7), transparent 50%), linear-gradient(135deg, #FFF6EA, #F1F8F3); }
.v4gb-title { margin: 0 0 12px; font: 600 clamp(32px, 4.2vw, 52px)/1.08 var(--v4-cond, Inter), Inter, sans-serif; letter-spacing: -.02em; color: #0F5C45; }
.v4gb-formSlot { max-width: 520px; margin: 22px auto 0; }
.v4gb-formSlot .ty-control-group { margin: 0 !important; }
.v4gb-formSlot label { display: none !important; }
.v4gb-formSlot .ty-input-append { display: flex !important; align-items: center; width: 100% !important; height: 60px; margin: 0 !important; padding: 6px !important; box-sizing: border-box; border: 1.5px solid #E3E7E5; border-radius: 999px; background: #fff; box-shadow: 0 12px 30px rgba(15,40,32,.10); }
.v4gb-formSlot .ty-input-append:focus-within { border-color: #008556; box-shadow: 0 0 0 4px rgba(0,133,86,.12), 0 12px 30px rgba(15,40,32,.10); }
.v4gb-formSlot input.ty-input-text { flex: 1 1 auto; min-width: 0; width: auto !important; height: 100% !important; margin: 0 !important; padding: 0 18px !important; border: 0 !important; border-radius: 999px !important; background: transparent !important; box-shadow: none !important; font: 500 16px Inter, system-ui, sans-serif !important; letter-spacing: .02em; outline: none; }
.v4gb-formSlot .ty-btn-go { position: static !important; flex: 0 0 auto; width: auto !important; min-width: 0 !important; height: 48px !important; margin: 0 !important; padding: 0 26px !important; border: 0 !important; border-radius: 999px !important; background: #008556 !important; color: #fff !important; font: 700 15px Inter, system-ui, sans-serif !important; }
.v4gb-formSlot .ty-btn-go:hover { background: #0F5C45 !important; }
.v4gb-formSlot .ty-btn-go .ty-btn-go-icon { font-size: 0 !important; }
.v4gb-formSlot .ty-btn-go .ty-btn-go-icon::after { content: var(--v4t-balance, "Check balance →"); font-size: 15px; }
.v4gb-buy { margin: 16px 0 0; font: 500 14px Inter, system-ui, sans-serif; }
.v4gb-buy a { color: #0F5C45 !important; }
/* результат: заголовок CS-Cart скрыт, сообщение и таблица — карточкой */
.v4gb-page .ty-mainbox-container > .ty-mainbox-title { display: none !important; }
.v4gb-page .ty-mainbox-container .ty-mainbox-body { padding: 26px 30px; background: #fff; border: 1px solid #E3E7E5; border-radius: 22px; box-shadow: 0 18px 44px rgba(15,40,32,.06); font: 400 15px/1.6 Inter, system-ui, sans-serif; color: #1E2421; }
.v4gb-page .ty-mainbox-body:not(:has(.gift-verify)) { text-align: center; color: #8A4B10; background: #FFF6E6; border-color: #F0DDB3; }
.v4gb-page .ty-mainbox-body:not(:has(.gift-verify))::before { content: "⚠️ "; }
.v4gb-page .gift-verify-table { width: 100%; border-collapse: collapse; }
.v4gb-page .gift-verify-table td { padding: 10px 4px; border-bottom: 1px solid #EEF1EF; }
.v4gb-page .gift-verify-table tr:last-child td { border-bottom: 0; }
.v4gb-page .ty-gift-certificate-verify__label { color: #6E746F; width: 40%; }
.v4gb-page .gift-verify-table tr:last-child .ty-gift-certificate-verify__value { font: 700 26px Inter, system-ui, sans-serif; color: #0F5C45; }
.v4gb-page .ty-tabs { border: 0 !important; }
.v4gb-page .ty-tabs__item { border-radius: 999px !important; }

/* вспомогательные страницы (14.10.2026, замечание владельца): активная кнопка-переключатель — белый текст на зелёном
   (в тексте страницы задан белый цвет, но общее правило ссылок темы перекрашивало его в тёмный) */
.tygh-content a[style*="background: #27382f"], .tygh-content a[style*="background:#27382f"] { background: #0F5C45 !important; border-color: #0F5C45 !important; color: #fff !important; }
.tygh-content a[style*="color: #ffffff"], .tygh-content a[style*="color:#ffffff"], .tygh-content a[style*="color: #fff;"], .tygh-content a[style*="color:#fff;"] { color: #fff !important; }
.v4gb-page .ty-mainbox-body:not(:has(.gift-verify))::before { display: block; text-align: center; font-size: 22px; margin-bottom: 4px; }

/* ===== Tea Finder (/tea-finder/, 14.10.2026): баннер, быстрые подборки, фильтры карточками, варианты таблетками, баннеры ===== */
.v4tf-hero { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: center; gap: 20px; margin: 4px 0 18px; padding: 40px clamp(20px, 4vw, 56px); border-radius: 28px;
  background: radial-gradient(circle at 10% 15%, rgba(255,214,170,.55), transparent 45%), radial-gradient(circle at 90% 85%, rgba(198,230,210,.75), transparent 50%), linear-gradient(135deg, #FFF6EA, #EEF7F1); }
.v4tf-kicker { margin: 0 0 8px; font: 700 12px Inter, system-ui, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: #B8934A; }
.v4tf-title { margin: 0 0 10px !important; padding: 0 !important; border: 0 !important; font: 600 clamp(34px, 4.6vw, 58px)/1.05 var(--v4-cond, Inter), Inter, sans-serif !important; letter-spacing: -.02em; text-align: left !important; }
.v4tf-title span span { transition: color 1.2s ease; }
.v4tf-word { white-space: nowrap; }
.v4tf-lead { max-width: 560px; margin: 0 0 18px; font: 400 16px/1.55 Inter, system-ui, sans-serif; color: #4A524D; }
.v4tf-steps { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.v4tf-steps li { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 6px; border-radius: 999px; background: rgba(255,255,255,.8); font: 500 13.5px Inter, system-ui, sans-serif; color: #1E2421; }
.v4tf-steps b { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: #008556; color: #fff; font-size: 12px; }
.v4tf-heroArt { position: relative; height: 200px; }
.v4tf-heroArt span { position: absolute; font-size: 54px; animation: v4gcFloat 6s ease-in-out infinite; }
.v4tf-heroArt span:nth-child(1) { left: 34%; top: 22%; font-size: 92px; }
.v4tf-heroArt span:nth-child(2) { left: 8%; top: 8%; animation-delay: -2s; }
.v4tf-heroArt span:nth-child(3) { right: 6%; top: 4%; animation-delay: -4s; font-size: 44px; }
.v4tf-heroArt span:nth-child(4) { left: 12%; bottom: 0; animation-delay: -1s; font-size: 40px; }
.v4tf-heroArt span:nth-child(5) { right: 12%; bottom: 4%; animation-delay: -3s; font-size: 46px; }
@media (max-width: 800px) { .v4tf-hero { grid-template-columns: 1fr; } .v4tf-heroArt { display: none; } }
.v4tf-quick { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 20px; }
.v4tf-quickT { font: 700 13px Inter, system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #6E746F; margin-right: 4px; }
.v4tf-quick button { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 18px 0 12px; border: 1.5px solid #E3E7E5; border-radius: 999px; background: #fff; font: 600 14px Inter, system-ui, sans-serif; color: #1E2421; cursor: pointer; transition: all .15s; }
.v4tf-quick button i { font-style: normal; font-size: 20px; }
.v4tf-quick button:hover { border-color: #008556; transform: translateY(-1px); }
.v4tf-quick button.v4tf-on { background: #E8F3EE; border-color: #008556; color: #0F5C45; }
.v4tf-page .ty-product-filters__wrapper { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0 0 24px !important; padding: 0 !important; background: none !important; border: 0 !important; }
@media (max-width: 1100px) { .v4tf-page .ty-product-filters__wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .v4tf-page .ty-product-filters__wrapper { grid-template-columns: 1fr; } }
.v4tf-page .ty-product-filters__block { float: none !important; width: auto !important; margin: 0 !important; padding: 16px 16px 12px !important; background: #fff !important; border: 1px solid #E3E7E5 !important; border-radius: 18px !important; box-shadow: 0 8px 22px rgba(15,40,32,.05); }
.v4tf-page .ty-product-filters__switch { padding: 0 !important; margin: 0 0 10px !important; border: 0 !important; background: none !important; }
.v4tf-page .ty-product-filters__title { display: flex !important; align-items: center; gap: 8px; font: 600 17px Inter, system-ui, sans-serif !important; color: #0F5C45 !important; }
.v4tf-page .v4tf-ico { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: #F4F6F5; font-size: 17px; }
.v4tf-page .vs-filter-closed, .v4tf-page .vs-filter-open { display: none !important; }
.v4tf-page .ty-product-filters { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
.v4tf-page .ty-product-filters__search { margin: 0 0 8px !important; }
.v4tf-page .ty-product-filters__search input { width: 100% !important; height: 36px !important; padding: 0 12px !important; border: 1.5px solid #E3E7E5 !important; border-radius: 999px !important; background: #F7F9F8 !important; font: 400 13px Inter, system-ui, sans-serif !important; box-sizing: border-box; }
.v4tf-page .ty-product-filters__variants { display: flex !important; flex-wrap: wrap; gap: 6px; max-height: 190px !important; overflow-y: auto; margin: 0 !important; padding: 2px !important; }
.v4tf-page .ty-product-filters__group { margin: 0 !important; padding: 0 !important; }
.v4tf-page .ty-product-filters__group label { display: inline-flex !important; align-items: center; height: 32px; padding: 0 12px !important; border: 1.5px solid #E3E7E5; border-radius: 999px; background: #fff; font: 500 13px Inter, system-ui, sans-serif !important; color: #1E2421 !important; cursor: pointer; transition: all .12s; white-space: nowrap; }
.v4tf-page .ty-product-filters__group label:hover { border-color: #9fb3ae; }
.v4tf-page .ty-product-filters__group label input { position: absolute; opacity: 0; pointer-events: none; width: 0; height: 0; }
.v4tf-page .ty-product-filters__group label:has(input:checked) { background: #008556; border-color: #008556; color: #fff !important; }
.v4tf-page .ty-product-filters__group label:has(input:checked)::before { content: "\2713"; margin-right: 6px; font-weight: 700; }
.v4tf-page .ty-product-filters__group label:has(input:disabled) { opacity: .4; }
.v4tf-promos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 8px 0 32px; }
@media (max-width: 900px) { .v4tf-promos { grid-template-columns: 1fr; } }
.v4tf-promo { position: relative; display: flex; flex-direction: column; gap: 6px; min-height: 150px; padding: 22px 22px 18px; border-radius: 22px; text-decoration: none !important; color: #1E2421 !important; overflow: hidden; transition: transform .2s, box-shadow .2s; }
.v4tf-promo:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(15,40,32,.12); }
.v4tf-promo i { position: absolute; right: 14px; top: 10px; font-style: normal; font-size: 46px; opacity: .9; }
.v4tf-promo span { display: flex; flex-direction: column; gap: 4px; max-width: 78%; font: 400 14px/1.45 Inter, system-ui, sans-serif; color: #4A524D; }
.v4tf-promo b { font: 600 19px/1.2 var(--v4-cond, Inter), Inter, sans-serif; color: #1E2421; }
.v4tf-promo em { margin-top: auto; font-style: normal; font: 700 14px Inter, system-ui, sans-serif; color: #0F5C45; }
.v4tf-promo1 { background: linear-gradient(135deg, #FFF3D6, #FDE7C2); }
.v4tf-promo2 { background: linear-gradient(135deg, #E6F3EC, #D3EBDE); }
.v4tf-promo3 { background: linear-gradient(135deg, #FBE6EC, #F6D5DF); }
.v4tf-page .ty-product-filters__variants { align-content: flex-start; }
.v4tf-page .ty-product-filters__block { align-self: start; }
.v4tf-org { font: 600 17px Inter, system-ui, sans-serif; color: #0F5C45; }
.v4tf-quick .v4tf-reset { margin-left: auto; display: inline-flex !important; align-items: center; height: 44px !important; padding: 0 20px !important; border: 1.5px solid #0F5C45 !important; border-radius: 999px !important; background: #fff !important; color: #0F5C45 !important; font: 700 13px Inter, system-ui, sans-serif !important; text-transform: none !important; text-decoration: none !important; position: static !important; }
.v4tf-quick .v4tf-reset:hover { background: #E8F3EE !important; }
.v4tf-page .ty-product-filters__wrapper { align-items: start; }
.v4tf-page .ty-product-filters__block, .v4tf-page .ty-product-filters__block > ul { height: auto !important; min-height: 0 !important; }
.v4tf-page .ty-product-filters__search input { height: 36px !important; min-height: 0 !important; }
.v4tf-promo { min-height: 120px; }

/* ===== Вход и регистрация (14.10.2026, слово владельца): слева форма-карточка, справа баннер с преимуществами ===== */
.v4acc-row { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; max-width: none; margin: 8px 0 40px !important; align-items: stretch; }
.v4acc-row > .v4acc-formCol, .v4acc-row > .v4acc-sideCol { width: auto !important; margin: 0 !important; float: none !important; display: block !important; }
@media (max-width: 900px) { .v4acc-row { grid-template-columns: 1fr; } }
.v4acc-formCol > * { max-width: none !important; }
.v4acc-formCol { position: relative; padding: 36px 36px 30px !important; background: #fff; border: 1px solid #E3E7E5; border-radius: 26px; box-shadow: 0 20px 50px rgba(15,40,32,.08); overflow: hidden; }
.v4acc-formCol::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px; background: linear-gradient(90deg, #0F5C45, #008556 60%, #B8934A); }
.v4acc-kicker { margin: 0 0 6px; font: 700 12px Inter, system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #B8934A; }
.v4acc-formCol h1, .v4acc-formCol .ty-mainbox-title { margin: 0 0 22px !important; padding: 0 !important; border: 0 !important; font: 600 clamp(30px, 3.2vw, 42px)/1.08 var(--v4-cond, Inter), Inter, sans-serif !important; letter-spacing: -.02em; color: #0F5C45 !important; text-align: left !important; }
.v4acc-page .ty-control-group, .v4acc-popup .ty-control-group { position: relative; margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; }
.v4acc-page label.ty-control-group__title, .v4acc-page .ty-login__filed-label, .v4acc-popup label.ty-control-group__title, .v4acc-popup .ty-login__filed-label { display: block; position: static !important; margin: 0 0 6px !important; padding: 0 !important; font: 600 13px Inter, system-ui, sans-serif !important; color: #1E2421 !important; text-transform: none !important; letter-spacing: 0 !important; }
.v4acc-page input[type=text], .v4acc-page input[type=email], .v4acc-page input[type=password], .v4acc-popup input[type=text], .v4acc-popup input[type=email], .v4acc-popup input[type=password] {
  box-sizing: border-box; width: 100% !important; height: 50px !important; margin: 0 !important; padding: 0 16px !important; border: 1.5px solid #E3E7E5 !important; border-radius: 14px !important; background: #F7F9F8 !important; font: 400 15px Inter, system-ui, sans-serif !important; color: #1E2421 !important; box-shadow: none !important; transition: border-color .2s, background .2s, box-shadow .2s; }
.v4acc-page input:focus, .v4acc-popup input:focus { outline: none; border-color: #008556 !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(0,133,86,.12) !important; }
.v4acc-page a.ty-password-forgot__a, .v4acc-popup a.ty-password-forgot__a { position: absolute; right: 0; top: 0; font: 500 13px Inter, system-ui, sans-serif !important; color: #0F5C45 !important; }
.v4acc-page .v4acc-formCol .ty-btn.ty-btn, .v4acc-page .v4acc-formCol button[type=submit].ty-btn, .v4acc-popup .v4acc-popupForm .ty-btn.ty-btn, .v4acc-popup .v4acc-popupForm button[type=submit].ty-btn { height: 52px !important; padding: 0 34px !important; border: 0 !important; border-radius: 999px !important; background: #008556 !important; color: #fff !important; font: 700 16px Inter, system-ui, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: 0 8px 20px rgba(0,133,86,.25) !important; transition: background .2s, transform .2s; }
.v4acc-page .v4acc-formCol .ty-btn.ty-btn:hover, .v4acc-popup .v4acc-popupForm .ty-btn.ty-btn:hover { background: #0F5C45 !important; transform: translateY(-1px); }
.v4acc-page .buttons-container, .v4acc-popup .buttons-container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 8px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.v4acc-page .buttons-container > div, .v4acc-popup .buttons-container > div { float: none !important; margin: 0 !important; }
.v4acc-page .buttons-container > .ty-float-right, .v4acc-popup .buttons-container > .ty-float-right { order: 2; }
.v4acc-page .buttons-container::before, .v4acc-page .buttons-container::after, .v4acc-popup .buttons-container::before, .v4acc-popup .buttons-container::after { display: none !important; }
.v4acc-reg .v4acc-formCol .buttons-container { justify-content: flex-start; }
.v4acc-page .ty-control-group input, .v4acc-page .ty-control-group select { max-width: none !important; }
.v4acc-page .ty-login__remember-me, .v4acc-popup .ty-login__remember-me { display: inline-flex; align-items: center; gap: 8px; font: 400 14px Inter, system-ui, sans-serif; color: #4A524D; }
.v4acc-page input[type=checkbox], .v4acc-popup input[type=checkbox] { accent-color: #008556; width: 18px; height: 18px; }
/* вход через соцсети — таблетки */
.v4acc-page .vs-social-login, .v4acc-popup .vs-social-login { margin-top: 22px !important; padding-top: 18px !important; border-top: 1px solid #EEF1EF; }
.v4acc-page .vs-auth, .v4acc-popup .vs-auth { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px; }
.v4acc-page .vs-login-provider-btn, .v4acc-popup .vs-login-provider-btn { display: flex !important; align-items: center; justify-content: center; width: auto !important; height: 42px !important; margin: 0 !important; border: 1.5px solid #E3E7E5 !important; border-radius: 999px !important; background: #fff !important; color: #1E2421 !important; font: 600 13px Inter, system-ui, sans-serif !important; text-transform: none !important; text-decoration: none !important; box-shadow: none !important; }
.v4acc-page .vs-login-provider-btn:hover, .v4acc-popup .vs-login-provider-btn:hover { border-color: #9fb3ae !important; background: #F4F6F5 !important; }

/* баннер справа */
.v4acc-banner { position: relative; overflow: hidden; height: 100%; box-sizing: border-box; padding: 36px 34px 30px; border-radius: 26px; color: #fff;
  background: radial-gradient(circle at 85% 12%, rgba(217,190,133,.38), transparent 45%), radial-gradient(circle at 10% 95%, rgba(123,162,63,.35), transparent 50%), linear-gradient(150deg, #0F5C45, #0B3B2D); }
.v4acc-banner .v4acc-kicker { color: #F3DFA9; }
.v4acc-banner h2.v4acc-title.v4acc-title { margin: 0 0 22px !important; font: 600 clamp(26px, 2.6vw, 34px)/1.12 var(--v4-cond, Inter), Inter, sans-serif !important; letter-spacing: -.015em; color: #fff !important; }
.v4acc-perks { display: flex; flex-direction: column; gap: 14px; margin: 0 0 24px; padding: 0; list-style: none; }
.v4acc-perks li { display: flex; gap: 14px; align-items: flex-start; }
.v4acc-perks i { flex: 0 0 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 14px; background: rgba(255,255,255,.12); font-style: normal; font-size: 20px; }
.v4acc-perks span { display: flex; flex-direction: column; gap: 2px; font: 400 14px/1.45 Inter, system-ui, sans-serif; color: rgba(255,255,255,.78); }
.v4acc-perks b { font: 600 15.5px Inter, system-ui, sans-serif; color: #fff; }
.v4acc-cta { display: inline-flex; align-items: center; height: 50px; padding: 0 28px; border-radius: 999px; background: #F3DFA9; color: #0B3B2D !important; font: 700 15px Inter, system-ui, sans-serif; text-decoration: none !important; transition: background .2s; }
.v4acc-cta:hover { background: #fff; }
.v4acc-note { margin: 0; font: 400 14px Inter, system-ui, sans-serif; color: rgba(255,255,255,.8); }
.v4acc-note a { color: #F3DFA9 !important; font-weight: 700; }
.v4acc-floats i { position: absolute; font-style: normal; opacity: .22; font-size: 70px; animation: v4gcFloat 7s ease-in-out infinite; pointer-events: none; }
.v4acc-floats i:nth-child(1) { right: 24px; bottom: 20px; }
.v4acc-floats i:nth-child(2) { right: 110px; bottom: -14px; font-size: 54px; animation-delay: -3s; }
.v4acc-floats i:nth-child(3) { right: 30px; top: 22px; font-size: 32px; opacity: .5; animation-delay: -1.5s; }

/* окно входа: шире, две колонки */
.ui-dialog.v4acc-dialog { position: fixed !important; width: min(880px, calc(100vw - 32px)) !important; max-height: calc(100vh - 32px); overflow-y: auto !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); border: 0 !important; border-radius: 26px !important; overflow: hidden; padding: 0 !important; box-shadow: 0 30px 80px rgba(15,40,32,.3) !important; }
.ui-dialog.v4acc-dialog .ui-dialog-titlebar { position: absolute !important; right: 10px; top: 10px; z-index: 3; padding: 0 !important; border: 0 !important; background: none !important; }
.ui-dialog.v4acc-dialog .ui-dialog-title { display: none; }
.ui-dialog.v4acc-dialog .ui-dialog-titlebar-close { width: 36px !important; height: 36px !important; border-radius: 50% !important; background: rgba(255,255,255,.9) !important; }
.ui-dialog.v4acc-dialog .ui-dialog-content { width: auto !important; min-width: 0 !important; padding: 0 !important; height: auto !important; max-height: none !important; overflow: visible !important; }
.v4acc-popup { display: grid !important; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); width: 100% !important; max-width: none !important; min-width: 0 !important; }
.v4acc-popupForm { padding: 34px 32px 28px; }
.v4acc-popup h2.v4acc-popupTitle.v4acc-popupTitle { margin: 0 0 20px !important; font: 600 32px/1.1 var(--v4-cond, Inter), Inter, sans-serif !important; color: #0F5C45 !important; }
.v4acc-popup .v4acc-banner { border-radius: 0; padding: 34px 30px 26px; }
.v4acc-popup .v4acc-perks { gap: 10px; margin-bottom: 18px; }
.v4acc-popup .v4acc-perks i { flex-basis: 36px; height: 36px; font-size: 17px; }
@media (max-width: 760px) { .v4acc-popup { grid-template-columns: 1fr; } .v4acc-popup .v4acc-banner { display: none; } }

/* Tea Finder: Reset — таблеткой в конце строки быстрых подборок (14.10.2026, замечание владельца) */
.v4tf-quick .v4tf-reset { display: inline-flex !important; align-items: center; height: 44px !important; margin: 0 0 0 auto !important; padding: 0 18px !important; border: 1.5px solid #E3E7E5 !important; border-radius: 999px !important; background: #fff !important; color: #6E746F !important; font: 600 14px Inter, system-ui, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; text-decoration: none !important; box-shadow: none !important; position: static !important; float: none !important; }
.v4tf-quick .v4tf-reset:hover { border-color: #B3261E !important; color: #B3261E !important; }
.v4tf-page .ty-product-filters__tools { display: none !important; }
.ui-dialog.v4acc-dialog .ui-dialog-content > *, .ui-dialog.v4acc-dialog .ty-login-popup { margin: 0 !important; padding: 0 !important; border: 0 !important; }
.ui-dialog.v4acc-dialog .ui-dialog-content { margin: 0 !important; border: 0 !important; }
.ui-dialog.v4acc-dialog .ui-dialog-buttonpane { display: none !important; }
.ui-dialog.v4acc-dialog .v4acc-popupForm { padding: 40px 34px 30px !important; }
.ui-dialog.v4acc-dialog .v4acc-banner { padding: 40px 30px 28px !important; }
.v4acc-popup .ty-login__remember-me, .v4acc-popup .ty-login__remember-me * { font-family: Inter, system-ui, sans-serif !important; }
.ui-dialog.v4acc-dialog .ui-dialog-titlebar-close { padding: 0 !important; min-width: 0 !important; margin: 0 !important; box-shadow: 0 4px 12px rgba(0,0,0,.15) !important; }

/* ===== Кабинет: профиль (/profiles-update/, 15.10.2026): меню слева, разделы карточками ===== */
.v4pf-row { display: grid !important; grid-template-columns: 290px minmax(0, 1fr); gap: 28px; margin: 8px 0 48px !important; align-items: start; }
.v4pf-row::before, .v4pf-row::after { display: none !important; }
.v4pf-row > .v4pf-main { width: auto !important; margin: 0 !important; float: none !important; }
@media (max-width: 900px) { .v4pf-row { grid-template-columns: 1fr; } }
.v4pf-side { position: sticky; top: 90px; display: flex; flex-direction: column; gap: 14px; }
@media (max-width: 900px) { .v4pf-side { position: static; } }
.v4pf-hello { display: flex; gap: 14px; align-items: center; padding: 22px 20px; border-radius: 22px; color: #fff;
  background: radial-gradient(circle at 85% 10%, rgba(217,190,133,.4), transparent 50%), linear-gradient(150deg, #0F5C45, #0B3B2D); }
.v4pf-hello .v4acc-kicker { margin: 0 0 2px; color: #F3DFA9; }
.v4pf-ava { flex: 0 0 52px; height: 52px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #F3DFA9; color: #0B3B2D; font: 700 22px Inter, system-ui, sans-serif; }
.v4pf-name { display: block; font: 600 19px/1.2 var(--v4-cond, Inter), Inter, sans-serif; color: #fff; }
.v4pf-mail { display: block; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 13px Inter, system-ui, sans-serif; color: rgba(255,255,255,.75); }
.v4pf-nav { display: flex; flex-direction: column; padding: 8px; background: #fff; border: 1px solid #E3E7E5; border-radius: 22px; box-shadow: 0 12px 30px rgba(15,40,32,.06); }
.v4pf-nav a { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 14px; font: 500 15px Inter, system-ui, sans-serif; color: #1E2421 !important; text-decoration: none !important; transition: background .15s; }
.v4pf-nav a i { flex: 0 0 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border-radius: 11px; background: #F4F6F5; font-style: normal; font-size: 17px; }
.v4pf-nav a:hover { background: #F4F6F5; }
.v4pf-nav a.v4pf-on { background: #E8F3EE; color: #0F5C45 !important; font-weight: 700; }
.v4pf-nav a.v4pf-on i { background: #fff; }
.v4pf-nav a.v4pf-out { margin-top: 6px; border-top: 1px solid #EEF1EF; border-radius: 0 0 14px 14px; color: #6E746F !important; }
.v4pf-nav a.v4pf-out:hover { color: #B3261E !important; }
.v4pf-tips { padding: 14px 18px; background: #FBF8F1; border: 1px solid #EFE6D2; border-radius: 18px; font: 400 13px/1.5 Inter, system-ui, sans-serif; color: #4A524D; }
.v4pf-tips summary { cursor: pointer; font: 600 14px Inter, system-ui, sans-serif; color: #1E2421; list-style: none; }
.v4pf-tips summary::-webkit-details-marker { display: none; }
.v4pf-tips summary::after { content: "\25BE"; float: right; color: #B8934A; }
.v4pf-tips[open] summary::after { content: "\25B4"; }
.v4pf-tips h4 { display: none; }
.v4pf-tips ul { margin: 8px 0 0; padding-left: 18px; }
.v4pf-tips li { margin: 4px 0; }
.v4pf-main h1.ty-mainbox-title { margin: 0 0 18px !important; padding: 0 !important; border: 0 !important; font: 600 clamp(30px, 3.2vw, 42px)/1.08 var(--v4-cond, Inter), Inter, sans-serif !important; color: #0F5C45 !important; text-align: left !important; }
.v4pf-main .v4acc-formKicker { margin: 0 0 4px; }
.v4pf-card { position: relative; margin: 0 0 18px !important; padding: 24px 26px 22px !important; background: #fff; border: 1px solid #E3E7E5; border-radius: 22px; box-shadow: 0 12px 30px rgba(15,40,32,.05); }
.v4pf-page .ty-subheader { display: flex !important; align-items: center; gap: 10px; margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; font: 600 20px/1.2 var(--v4-cond, Inter), Inter, sans-serif !important; color: #0F5C45 !important; text-transform: none !important; letter-spacing: 0 !important; }
.v4pf-card .ty-subheader ~ .ty-subheader, .v4pf-card .ty-profile-field__switch + * .ty-subheader { margin-top: 26px !important; padding-top: 22px !important; border-top: 1px solid #EEF1EF !important; }
.v4pf-hico { flex: 0 0 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #F4F6F5; font-size: 17px; }
.v4pf-page .ty-row { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 0 16px; margin: 0 !important; }
.v4pf-page .ty-row::before, .v4pf-page .ty-row::after { display: none !important; }
.v4pf-page .ty-row > * { width: auto !important; float: none !important; margin-left: 0 !important; margin-right: 0 !important; padding: 0 !important; }
.v4pf-page .ty-control-group { position: relative; margin: 0 0 14px !important; }
.v4pf-page .ty-fl-field label.ty-control-group__title, .v4pf-page label.ty-control-group__title { position: static !important; display: block; transform: none !important; margin: 0 0 6px !important; padding: 0 !important; background: none !important; font: 600 13px Inter, system-ui, sans-serif !important; color: #1E2421 !important; text-transform: none !important; letter-spacing: 0 !important; opacity: 1 !important; }
.v4pf-page .ty-control-group input[type=text], .v4pf-page .ty-control-group input[type=email], .v4pf-page .ty-control-group input[type=password], .v4pf-page .ty-control-group input[type=tel], .v4pf-page .ty-control-group select {
  box-sizing: border-box; width: 100% !important; max-width: none !important; height: 48px !important; margin: 0 !important; padding: 0 14px !important; border: 1.5px solid #E3E7E5 !important; border-radius: 14px !important; background: #F7F9F8 !important; font: 400 15px Inter, system-ui, sans-serif !important; color: #1E2421 !important; box-shadow: none !important; }
.v4pf-page .ty-control-group input:focus, .v4pf-page .ty-control-group select:focus { outline: none; border-color: #008556 !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(0,133,86,.12) !important; }
.v4pf-page .v4pf-card .ty-btn.ty-btn__primary, .v4pf-page .v4pf-card button.ty-btn { height: 46px !important; padding: 0 26px !important; border: 0 !important; border-radius: 999px !important; background: #008556 !important; color: #fff !important; font: 700 15px Inter, system-ui, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: 0 6px 16px rgba(0,133,86,.2) !important; }
.v4pf-page .v4pf-card .ty-btn.ty-btn__primary:hover, .v4pf-page .v4pf-card button.ty-btn:hover { background: #0F5C45 !important; }
.v4pf-page .v4pf-card .ty-btn.ty-profile__delete { background: transparent !important; color: #B3261E !important; box-shadow: none !important; border: 1.5px solid #F0D3D0 !important; }
.v4pf-page .v4pf-card .ty-btn.ty-profile__delete:hover { background: #FBEDEB !important; }
.v4pf-page .v4pf-card .ty-btn__secondary, .v4pf-page .v4pf-card a.ty-btn:not(.ty-btn__primary):not(.ty-card-save):not(.ty-card-remove) { display: inline-flex !important; align-items: center; height: 40px !important; padding: 0 18px !important; border: 1.5px solid #E3E7E5 !important; border-radius: 999px !important; background: #fff !important; color: #1E2421 !important; font: 600 14px Inter, system-ui, sans-serif !important; text-transform: none !important; box-shadow: none !important; }
.v4pf-page .v4pf-card strong.ty-btn { display: inline-flex !important; align-items: center; height: 40px !important; padding: 0 18px !important; border-radius: 999px !important; background: #0F5C45 !important; color: #fff !important; font: 700 14px Inter, system-ui, sans-serif !important; }
.v4pf-page .ty-account-field__buttons, .v4pf-page .buttons-container { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; margin: 6px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.v4pf-page .ty-account-field__buttons > *, .v4pf-page .buttons-container > * { float: none !important; margin: 0 !important; }
.v4pf-page .ty-profile-field__switch { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; margin: 6px 0 0 !important; padding: 14px 16px !important; background: #F7F9F8; border-radius: 14px; font: 500 14px Inter, system-ui, sans-serif; }
.v4pf-page input[type=radio], .v4pf-page input[type=checkbox] { accent-color: #008556; }
.v4pf-page .ty-credit-card { display: grid !important; grid-template-columns: minmax(180px, 1fr) 80px 80px 90px auto; gap: 12px; align-items: end; }
.v4pf-page .ty-credit-card > * { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
.v4pf-page .ty-credit-card input { box-sizing: border-box; width: 100% !important; height: 48px !important; margin: 0 !important; padding: 0 12px !important; border: 1.5px solid #E3E7E5 !important; border-radius: 14px !important; background: #F7F9F8 !important; font: 400 15px Inter, system-ui, sans-serif !important; box-shadow: none !important; }
.v4pf-page .ty-credit-card input:focus { outline: none; border-color: #008556 !important; background: #fff !important; }
.v4pf-page .ty-credit-card__buttons { display: flex !important; gap: 8px; }
.v4pf-page .ty-credit-card__buttons .ty-btn { display: inline-flex !important; align-items: center; justify-content: center; width: 48px !important; height: 48px !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; border-radius: 50% !important; line-height: 1 !important; }
.v4pf-page .ty-credit-card__buttons .ty-btn i, .v4pf-page .ty-credit-card__buttons .ty-btn span { margin: 0 !important; line-height: 1 !important; }
.v4pf-page .ty-subheader.v4pf-sub2 { margin-top: 26px !important; padding-top: 22px !important; border-top: 1px solid #EEF1EF !important; }
.v4pf-page .ty-profile-field__switch > * { float: none !important; width: auto !important; text-align: left !important; margin: 0 !important; }
@media (max-width: 640px) { .v4pf-page .ty-credit-card { grid-template-columns: 1fr 1fr 1fr; } .v4pf-page .ty-credit-card > :first-child { grid-column: 1 / -1; } }
/* кабинет: кнопка возврата в профиль и заголовок на заказах, списке желаний, балансе карты */
.v4pf-back { display: inline-flex; align-items: center; gap: 6px; height: 38px; margin: 0 0 14px; padding: 0 16px; border: 1.5px solid #CFE3D9; border-radius: 999px; background: #E8F3EE; color: #0F5C45 !important; font: 600 14px Inter, system-ui, sans-serif; text-decoration: none !important; transition: background .15s, border-color .15s; }
.v4pf-back:hover { background: #fff; border-color: #008556; }
.v4pf-main .v4acc-formKicker { display: block; }
.v4pf-page h1.v4pf-h1 { margin: 0 0 18px !important; padding: 0 !important; border: 0 !important; font: 600 clamp(30px, 3.2vw, 42px)/1.08 var(--v4-cond, Inter), Inter, sans-serif !important; color: #0F5C45 !important; text-transform: none !important; letter-spacing: -.01em !important; text-align: left !important; }
.v4pf-row > .v4pf-main.span16 { width: auto !important; }
.v4pf-page .v4pf-main h1.v4pf-h1, .v4pf-page .v4pf-main h1.v4pf-h1 span { font: 600 clamp(30px, 3.2vw, 42px)/1.08 var(--v4-cond, Inter), Inter, sans-serif !important; color: #0F5C45 !important; text-transform: none !important; letter-spacing: -.01em !important; }
.v4pf-page .v4pf-main .ty-table, .v4pf-page .v4pf-main table.table { width: 100%; border: 1px solid #E3E7E5 !important; border-radius: 18px; border-collapse: separate !important; border-spacing: 0; overflow: hidden; background: #fff; box-shadow: 0 12px 30px rgba(15,40,32,.05); }
.v4pf-page .v4pf-main .ty-table th, .v4pf-page .v4pf-main table.table th { padding: 14px 16px !important; background: #F4F6F5 !important; border: 0 !important; font: 600 13px Inter, system-ui, sans-serif !important; color: #4A524D !important; text-transform: none !important; text-align: left; }
.v4pf-page .v4pf-main .ty-table td, .v4pf-page .v4pf-main table.table td { padding: 14px 16px !important; border: 0 !important; border-top: 1px solid #EEF1EF !important; font: 400 14px Inter, system-ui, sans-serif; }
.v4pf-page .v4pf-main .ty-table .ty-no-items, .v4pf-page .v4pf-main .ty-table td.ty-no-items { padding: 40px 16px !important; color: #6E746F; text-align: center; }

/* ===== Кабинет: карточка заказа (/order-info/, 15.10.2026) ===== */
.v4pf-order h1.v4pf-h1 { margin-bottom: 8px !important; }
.v4pf-ometa { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 20px; }
.v4pf-odate { font: 500 14px Inter, system-ui, sans-serif; color: #6E746F; }
.v4pf-ostatus { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 14px; border-radius: 999px; font: 700 13px Inter, system-ui, sans-serif; }
.v4pf-ostatus::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.v4pf-ostatus.v4pf-ok { background: #E3F4EA; color: #0F7A4A; }
.v4pf-ostatus.v4pf-mid { background: #FBF1DC; color: #9A6B12; }
.v4pf-ostatus.v4pf-bad { background: #FBE6E4; color: #B3261E; }
.v4pf-order .ty-orders__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 22px !important; padding: 16px; background: #F7F9F8; border-radius: 18px; }
.v4pf-order .ty-orders__actions-right { display: flex; flex-wrap: wrap; gap: 10px; margin-left: auto; float: none !important; }
.v4pf-order .ty-orders__actions .ty-btn { display: inline-flex !important; align-items: center; height: 42px !important; margin: 0 !important; padding: 0 20px !important; border: 1.5px solid #E3E7E5 !important; border-radius: 999px !important; background: #fff !important; color: #1E2421 !important; font: 600 14px Inter, system-ui, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; float: none !important; }
.v4pf-order .ty-orders__actions .ty-btn:hover { border-color: #008556 !important; color: #0F5C45 !important; }
.v4pf-order .ty-orders__actions-right .ty-btn.ty-btn__primary:not(.ty-btn__red) { border-color: #008556 !important; background: #008556 !important; color: #fff !important; }
.v4pf-order .ty-orders__actions-right .ty-btn.ty-btn__primary:not(.ty-btn__red):hover { background: #0F5C45 !important; color: #fff !important; }
.v4pf-order .ty-orders__actions .ty-btn.ty-btn__red { color: #B3261E !important; border-color: #F0D3D0 !important; }
.v4pf-order .ty-orders__actions .ty-btn.ty-btn__red:hover { background: #FBEDEB !important; border-color: #B3261E !important; color: #B3261E !important; }
.v4pf-order .ty-tabs { margin: 0 0 18px !important; border: 0 !important; }
.v4pf-order .ty-tabs__list { display: inline-flex !important; gap: 4px; margin: 0 !important; padding: 4px !important; border: 0 !important; border-radius: 999px; background: #F4F6F5; }
.v4pf-order .ty-tabs__item { float: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.v4pf-order .ty-tabs__item .ty-tabs__a { display: inline-flex !important; align-items: center; height: 36px; padding: 0 18px !important; border: 0 !important; border-radius: 999px; background: transparent !important; color: #4A524D !important; font: 600 14px Inter, system-ui, sans-serif !important; text-transform: none !important; }
.v4pf-order .ty-tabs__item.active .ty-tabs__a { background: #fff !important; color: #0F5C45 !important; box-shadow: 0 2px 8px rgba(15,40,32,.1); }
.v4pf-order .orders-customer, .v4pf-order .ty-orders-summary { margin: 0 0 18px !important; padding: 22px 24px !important; background: #fff; border: 1px solid #E3E7E5; border-radius: 22px; box-shadow: 0 12px 30px rgba(15,40,32,.05); }
.v4pf-order .ty-subheader { margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; font: 600 20px/1.2 var(--v4-cond, Inter), Inter, sans-serif !important; color: #0F5C45 !important; text-transform: none !important; }
.v4pf-order .ty-profiles-info { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.v4pf-order .ty-profiles-info__item { float: none !important; width: auto !important; margin: 0 !important; padding: 16px 18px !important; background: #F7F9F8; border-radius: 16px; font: 400 14px/1.55 Inter, system-ui, sans-serif; }
.v4pf-order .ty-profiles-info__title { margin: 0 0 6px !important; padding: 0 !important; border: 0 !important; font: 700 12px Inter, system-ui, sans-serif !important; letter-spacing: .1em; text-transform: uppercase !important; color: #B8934A !important; }
.v4pf-order .ty-orders-detail__table { margin: 0 0 18px !important; }
.v4pf-order .ty-orders-summary__right { float: none !important; }
.v4pf-order .ty-orders-summary__table { width: 100%; max-width: 460px; margin-left: auto !important; border: 0 !important; }
.v4pf-order .ty-orders-summary__table td { padding: 8px 0 !important; border: 0 !important; border-bottom: 1px solid #EEF1EF !important; font: 400 14px Inter, system-ui, sans-serif !important; color: #4A524D; }
.v4pf-order .ty-orders-summary__table td:last-child { text-align: right; color: #1E2421; }
.v4pf-order .ty-orders-summary__table tr:last-child td { padding-top: 14px !important; border-bottom: 0 !important; font: 700 18px Inter, system-ui, sans-serif !important; color: #0F5C45 !important; }
.v4pf-page .v4pf-card .ty-btn, .v4pf-page .v4pf-card button.ty-btn { display: inline-flex !important; align-items: center; justify-content: center; line-height: 1 !important; vertical-align: middle; }
.v4pf-order .ty-profiles-info::before, .v4pf-order .ty-profiles-info::after, .v4pf-page .ty-orders__actions::before, .v4pf-page .ty-orders__actions::after { display: none !important; }
.v4pf-backTop { margin: 4px 0 14px; }

/* ===== Кнопки входа через соцсети — фирменные цвета и значки (15.10.2026, слово владельца): профиль, страница и окно входа ===== */
.v4pf-page .vs-profile-provider-btn, .v4acc-page .vs-login-provider-btn, .v4acc-popup .vs-login-provider-btn {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 10px; height: 44px !important; margin: 0 !important; padding: 0 18px 0 14px !important;
  border: 1.5px solid transparent !important; border-radius: 999px !important; font: 600 14px Inter, system-ui, sans-serif !important; text-transform: none !important; text-decoration: none !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.06) !important; transition: transform .15s, box-shadow .15s, filter .15s; }
.v4pf-page .vs-profile-provider-btn:hover, .v4acc-page .vs-login-provider-btn:hover, .v4acc-popup .vs-login-provider-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(0,0,0,.12) !important; filter: brightness(1.03); }
.v4pf-page .vs-profile-provider-btn::before, .v4acc-page .vs-login-provider-btn::before, .v4acc-popup .vs-login-provider-btn::before {
  content: ""; flex: 0 0 20px; width: 20px; height: 20px; background: center / contain no-repeat; }
/* Facebook */
.v4pf-page .vs-login-facebook, .v4acc-page .vs-login-facebook, .v4acc-popup .vs-login-facebook { background: #1877F2 !important; color: #fff !important; }
.v4pf-page .vs-login-facebook::before, .v4acc-page .vs-login-facebook::before, .v4acc-popup .vs-login-facebook::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M14 8h3V4h-3c-2.8 0-4 1.8-4 4.3V10H7v4h3v8h4v-8h3l1-4h-4V8.6c0-.4.3-.6.6-.6z'/%3E%3C/svg%3E"); }
/* Google */
.v4pf-page .vs-login-google, .v4acc-page .vs-login-google, .v4acc-popup .vs-login-google { background: #fff !important; color: #1F1F1F !important; border-color: #DADCE0 !important; }
.v4pf-page .vs-login-google::before, .v4acc-page .vs-login-google::before, .v4acc-popup .vs-login-google::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23FFC107' d='M43.6 20.5H42V20H24v8h11.3C33.7 32.7 29.2 36 24 36c-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.8 1.2 7.9 3l5.7-5.7C34 6.1 29.3 4 24 4 13 4 4 13 4 24s9 20 20 20 20-9 20-20c0-1.3-.1-2.4-.4-3.5z'/%3E%3Cpath fill='%23FF3D00' d='M6.3 14.7l6.6 4.8C14.7 15.1 19 12 24 12c3.1 0 5.8 1.2 7.9 3l5.7-5.7C34 6.1 29.3 4 24 4 16.3 4 9.7 8.3 6.3 14.7z'/%3E%3Cpath fill='%234CAF50' d='M24 44c5.2 0 9.9-2 13.4-5.2l-6.2-5.2C29.2 35.1 26.7 36 24 36c-5.2 0-9.6-3.3-11.3-8l-6.5 5C9.5 39.6 16.2 44 24 44z'/%3E%3Cpath fill='%231976D2' d='M43.6 20.5H42V20H24v8h11.3c-.8 2.2-2.2 4.2-4.1 5.6l6.2 5.2C37 39.2 44 34 44 24c0-1.3-.1-2.4-.4-3.5z'/%3E%3C/svg%3E"); }
/* Amazon */
.v4pf-page .vs-login-amazon, .v4acc-page .vs-login-amazon, .v4acc-popup .vs-login-amazon { background: #232F3E !important; color: #fff !important; }
.v4pf-page .vs-login-amazon::before, .v4acc-page .vs-login-amazon::before, .v4acc-popup .vs-login-amazon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23FF9900' stroke-width='2.2' stroke-linecap='round' d='M3 14.5c5 3.6 12.5 3.8 17.5.4'/%3E%3Cpath fill='none' stroke='%23FF9900' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M17.6 13.2l3 1.6-1.2 3.1'/%3E%3C/svg%3E"); }
/* Microsoft */
.v4pf-page .vs-login-microsoft, .v4acc-page .vs-login-microsoft, .v4acc-popup .vs-login-microsoft { background: #fff !important; color: #1F1F1F !important; border-color: #8C8C8C !important; }
.v4pf-page .vs-login-microsoft::before, .v4acc-page .vs-login-microsoft::before, .v4acc-popup .vs-login-microsoft::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 21'%3E%3Crect x='1' y='1' width='9' height='9' fill='%23F25022'/%3E%3Crect x='11' y='1' width='9' height='9' fill='%237FBA00'/%3E%3Crect x='1' y='11' width='9' height='9' fill='%2300A4EF'/%3E%3Crect x='11' y='11' width='9' height='9' fill='%23FFB900'/%3E%3C/svg%3E"); }
.v4pf-page .vs-profile-provider-btn { margin: 0 8px 8px 0 !important; }
.v4pf-nocrumbs .ty-breadcrumbs-cnt { display: none !important; }
.v4pf-nocrumbs .v4pf-row { margin-top: 20px !important; }

/* окно входа: «or continue with» и кнопки соцсетей 2×2 под полями (15.10.2026) */
.v4acc-social { margin: 18px 0 0; }
.v4acc-or { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; font: 500 12.5px Inter, system-ui, sans-serif; color: #6E746F; }
.v4acc-or::before, .v4acc-or::after { content: ""; flex: 1; height: 1px; background: #E3E7E5; }
.v4acc-socialBtns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.v4acc-popup .v4acc-socialBtns .vs-login-provider-btn { width: 100% !important; height: 42px !important; box-sizing: border-box; }
/* окно входа: крестик отдельно от звёздочки баннера (15.10.2026, замечание владельца) */
.v4acc-popup .v4acc-floats i:nth-child(3) { display: none; }
.ui-dialog.v4acc-dialog .ui-dialog-titlebar { top: 16px !important; right: 16px !important; }
.ui-dialog.v4acc-dialog .ui-dialog-titlebar-close { width: 38px !important; height: 38px !important; border: 1px solid rgba(255,255,255,.6) !important; background: rgba(255,255,255,.95) !important; box-shadow: 0 6px 16px rgba(0,0,0,.18) !important; transition: transform .25s, background .2s; }
.ui-dialog.v4acc-dialog .ui-dialog-titlebar-close:hover { transform: rotate(90deg); background: #fff !important; }

/* подсказка «как считается бесплатная доставка» — значок i у полосы (корзина, оформление), 15.10.2026 */
.v4-tip { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; margin: 0 0 0 6px; padding: 0; border: 1.5px solid #9FB3AE; border-radius: 50%; background: #fff; color: #0F5C45; font: italic 700 11px/1 Georgia, serif; cursor: pointer; vertical-align: middle; transition: background .15s, border-color .15s; }
.v4-tip:hover, .v4-tip:focus-visible, .v4-tip.on { background: #0F5C45; border-color: #0F5C45; color: #fff; outline: none; }
.v4-tip .v4-tipBox { display: block !important; margin: 0 !important; height: auto !important; overflow: visible !important; position: absolute; z-index: 30; bottom: calc(100% + 10px); left: 50%; width: 240px; padding: 10px 12px; border-radius: 12px; background: #1E2421; color: #fff; font: 400 12.5px/1.45 Inter, system-ui, sans-serif; font-style: normal; text-align: left; box-shadow: 0 10px 24px rgba(0,0,0,.2); opacity: 0; visibility: hidden; transform: translate(-50%, 4px); transition: opacity .18s, transform .18s, visibility .18s; pointer-events: none; }
.v4-tip .v4-tipBox::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -6px; border: 6px solid transparent; border-top-color: #1E2421; }
.v4-tip:hover .v4-tipBox, .v4-tip:focus-visible .v4-tipBox, .v4-tip.on .v4-tipBox { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.v4co-ship .v4-tip .v4-tipBox { left: auto; right: -12px; transform: translate(0, 4px); }
.v4co-ship .v4-tip:hover .v4-tipBox, .v4co-ship .v4-tip.on .v4-tipBox, .v4co-ship .v4-tip:focus-visible .v4-tipBox { transform: translate(0, 0); }
.v4co-ship .v4-tip .v4-tipBox::after { left: auto; right: 15px; }
.v4co-ship > span { display: flex !important; align-items: center; flex-wrap: wrap; }
.v4-tip .v4-tipI { display: inline !important; margin: 0 !important; font: inherit !important; color: inherit !important; }

/* окно входа: «×» ровно по центру кружка, кружок заметный (15.10.2026, замечание владельца) */
.ui-dialog.v4acc-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-button { display: block !important; width: 38px !important; height: 38px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(255,255,255,.7) !important; border-radius: 50% !important; background: rgba(255,255,255,.96) !important; box-shadow: 0 6px 16px rgba(0,0,0,.2) !important; cursor: pointer; transition: transform .25s, background .2s; }
.ui-dialog.v4acc-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-button:hover { transform: rotate(90deg); background: #fff !important; }
.ui-dialog.v4acc-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon { position: absolute !important; left: 50% !important; top: 50% !important; margin: 0 !important; transform: translate(-50%, -50%); }
/* Tea Finder: вместо эмодзи — векторная анимация «лупа находит идеальную чашку»; без хлебных крошек (16.10.2026) */
.v4tf-heroArt { height: auto !important; display: flex; align-items: center; justify-content: center; }
.v4tf-heroArt svg.v4tf-svg { width: 100%; max-width: 300px; height: auto; }
.v4tf-nocrumbs .ty-breadcrumbs-cnt { display: none !important; }
@media (prefers-reduced-motion: reduce) { .v4tf-heroArt svg animate, .v4tf-heroArt svg animateTransform { display: none; } }
/* Tea Finder: фильтры без отрицательного отступа темы — баннер, подборки и фильтры по одному краю; анимация крупнее (16.10.2026) */
.v4tf-page .et-filters-inline { margin-left: 0 !important; }
.v4tf-heroArt svg.v4tf-svg { max-width: 440px !important; }
.v4tf-hero { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) !important; }
/* Tea Finder на телефоне и планшете (18.10.2026): тема прятала страницу (и уводила на главную) — теперь она видна;
   баннер в одну колонку */
@media (max-width: 1006px), (orientation: portrait) { .tygh-content.ty-page-controller-products.ty-page-mode-search.ty-page-action-selection { display: block !important; } }
@media (max-width: 800px) {
  .v4tf-hero { grid-template-columns: 1fr !important; padding: 28px 20px 24px !important; border-radius: 24px; }
  .v4tf-heroArt { display: none !important; }
  .v4tf-title { font-size: 40px !important; }
  .v4tf-lead { font-size: 15px; }
}
/* Tea Finder на телефоне: у темы для телефона тёмный фон у вариантов фильтра и фиксированная высота списков — убираем */
.v4tf-page .ty-product-filters__group label { background: #fff !important; color: #1E2421 !important; }
.v4tf-page .ty-product-filters__group label:has(input:checked) { background: #008556 !important; border-color: #008556 !important; color: #fff !important; }
.v4tf-page .ty-product-filters__variants, .v4tf-page .ty-product-filters__item-more { height: auto !important; min-height: 0 !important; }
html .v4tf-page .ty-product-filters__wrapper .ty-product-filters__block .ty-product-filters .ty-product-filters__item-more label,
html .v4tf-page .ty-product-filters__wrapper .ty-product-filters__block .ty-product-filters label { background: #fff !important; color: #1E2421 !important; border: 1.5px solid #E3E7E5 !important; }
html .v4tf-page .ty-product-filters__wrapper .ty-product-filters__block .ty-product-filters label:has(input:checked) { background: #008556 !important; border-color: #008556 !important; color: #fff !important; }
/* 18.10.2026, тест устройств: на узком телефоне тема давала пилюлям фильтра ширину половины ряда —
   длинные названия (Chrysanthemum, Raspberry leaves) обрезались; ширина — по тексту */
html .tygh-content.v4tf-page .ty-product-filters__variants > .ty-product-filters__group { width: auto !important; max-width: 100%; float: none !important; flex: 0 0 auto !important; }
html .tygh-content.v4tf-page .ty-product-filters__variants > .ty-product-filters__group label { width: auto !important; max-width: 100%; white-space: nowrap; border-radius: 999px !important; }
/* 18.10.2026, тест устройств: суммы подарочной карты на узком телефоне — сетка 2×2, а не по одной в строке */
@media (max-width: 420px) {
  .v4gc-chips { display: grid; grid-template-columns: 1fr 1fr; }
  .v4gc-chips span { grid-column: 1 / -1; }
  .v4gc-chips button { padding: 0 8px; min-width: 0; }
}
/* 19.10.2026, замечание владельца: в Tea Finder длинные списки (ингредиенты, страны) снова в окошке с прокруткой.
   Правило старой темы .et-content .et-filters-inline .ty-product-filters__variants { max-height: none !important } было сильнее */
html .tygh-content.v4tf-page .et-filters-inline .ty-product-filters__variants { max-height: 190px !important; overflow-y: auto !important; overscroll-behavior: contain; }
/* ===== 19.10.2026, слово владельца: страница восстановления пароля (/recover-password/) в новом стиле —
   карточка по центру, рисунок (конверт с ключом), поле-таблетка, большая зелёная кнопка, пояснение мелко под ней ===== */
.tygh-content:has(.ty-recover-password) .et-content > .row { justify-content: center; }
.tygh-content:has(.ty-recover-password) .et-content > .row > [class*="span"] { float: none !important; width: 100% !important; max-width: 520px; margin: 8px auto 56px !important; }
.tygh-content .vs-sign-in-box:has(.ty-recover-password) { position: relative; padding: 150px 40px 34px !important; border: 1px solid #E3E7E5 !important; border-radius: 28px !important; background: #fff !important; box-shadow: 0 24px 60px rgba(15, 40, 32, .08) !important; text-align: center; overflow: hidden; }
.tygh-content .vs-sign-in-box:has(.ty-recover-password)::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 128px; background: radial-gradient(120% 140% at 50% 0%, #E8F3EE 0%, #F7FBF9 60%, #fff 100%); }
.tygh-content .vs-sign-in-box:has(.ty-recover-password)::after { content: ""; position: absolute; left: 50%; top: 22px; width: 132px; height: 96px; margin-left: -66px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132 96'%3E%3Cg fill='none' stroke='%230F5C45' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='26' width='76' height='54' rx='8' fill='%23fff'/%3E%3Cpath d='M16 30l36 26 36-26'/%3E%3C/g%3E%3Cg fill='none' stroke='%23B8934A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='100' cy='32' r='12' fill='%23F3DFA9'/%3E%3Cpath d='M100 44v30M100 58h8M100 68h6'/%3E%3C/g%3E%3Cg fill='%2386C9A4'%3E%3Ccircle cx='8' cy='14' r='3'/%3E%3Ccircle cx='124' cy='84' r='2.5'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; animation: v4rpFloat 4s ease-in-out infinite; }
@keyframes v4rpFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
.tygh-content .vs-sign-in-box:has(.ty-recover-password) > h1.ty-mainbox-title { position: relative; margin: 0 0 18px !important; padding: 0 !important; border: 0 !important; font: 600 34px/1.1 var(--v4-cond, Inter), Inter, sans-serif !important; letter-spacing: -.015em; color: #1E2421 !important; text-align: center !important; }
.tygh-content .ty-recover-password form { display: flex; flex-direction: column; gap: 14px; text-align: left; }
.tygh-content .ty-recover-password .ty-control-group { margin: 0 !important; padding: 0 !important; border: 0 !important; }
.tygh-content .ty-recover-password .ty-control-group__title { display: block; margin: 0 0 6px 4px !important; font: 600 13px Inter, system-ui, sans-serif !important; color: #4A524D !important; }
.tygh-content .ty-recover-password input.ty-input-text { box-sizing: border-box; width: 100% !important; height: 52px !important; margin: 0 !important; padding: 0 20px !important; border: 1.5px solid #E3E7E5 !important; border-radius: 999px !important; background: #F7FAF8 !important; box-shadow: none !important; font: 400 16px Inter, system-ui, sans-serif !important; color: #1E2421 !important; }
.tygh-content .ty-recover-password input.ty-input-text:focus { outline: none; border-color: #008556 !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(0, 133, 86, .12) !important; }
.tygh-content .ty-recover-password .buttons-container { order: 2; margin: 2px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.tygh-content .ty-recover-password .buttons-container .ty-btn { display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 52px !important; margin: 0 !important; padding: 0 22px !important; border: 0 !important; border-radius: 999px !important; background: #008556 !important; color: #fff !important; font: 700 16px Inter, system-ui, sans-serif !important; text-transform: none !important; box-shadow: 0 10px 24px rgba(0, 133, 86, .22) !important; cursor: pointer; transition: background .15s, transform .15s; }
.tygh-content .ty-recover-password .buttons-container .ty-btn:hover { background: #0F5C45 !important; transform: translateY(-1px); }
.tygh-content .ty-recover-password .ty-login-info__txt { order: 3; margin: 4px 0 0 !important; padding: 0 !important; text-align: center; }
.tygh-content .ty-recover-password .ty-login-info__txt, .tygh-content .ty-recover-password .ty-login-info__txt * { font: 400 13px/1.55 Inter, system-ui, sans-serif !important; color: #6E746F !important; }
.tygh-content .ty-recover-password .ty-login-info__txt p { margin: 0 0 6px !important; }
@media (max-width: 560px) {
  .tygh-content .vs-sign-in-box:has(.ty-recover-password) { padding: 136px 20px 26px !important; border-radius: 22px !important; }
  .tygh-content .vs-sign-in-box:has(.ty-recover-password) > h1.ty-mainbox-title { font-size: 28px !important; }
}
@media (prefers-reduced-motion: reduce) { .tygh-content .vs-sign-in-box:has(.ty-recover-password)::after { animation: none; } }
/* поправки: карточка по центру страницы; подпись «E-mail» над полем, а не внутри */
.tygh-content [class*="span"]:has(> .vs-sign-in-box .ty-recover-password) { float: none !important; flex: 0 1 520px !important; width: 100% !important; max-width: 520px !important; margin-left: auto !important; margin-right: auto !important; }
.tygh-content .row:has(> [class*="span"] > .vs-sign-in-box .ty-recover-password) { display: flex !important; justify-content: center !important; }
.tygh-content .ty-recover-password .ty-control-group { position: static !important; }
.tygh-content .ty-recover-password .ty-control-group__title { position: static !important; transform: none !important; padding: 0 !important; background: none !important; pointer-events: auto; }
.tygh-content .row:has(> [class*="span"] > .vs-sign-in-box .ty-recover-password) > [class*="span"]:not(:has(.vs-sign-in-box)) { display: none !important; }
/* ===== 19.10.2026, слово владельца: страница после регистрации (/profile-successfully-added/, success_add.tpl) — v4reg-* ===== */
.v4reg { position: relative; max-width: 620px; margin: 10px auto 60px; padding: 30px 36px 36px; border: 1px solid #E3E7E5; border-radius: 30px; background: radial-gradient(120% 70% at 50% 0%, #E8F3EE 0%, #F7FBF9 45%, #fff 75%); box-shadow: 0 24px 60px rgba(15, 40, 32, .08); text-align: center; overflow: hidden; }
.v4reg-art { position: relative; width: 240px; height: 165px; margin: 0 auto 6px; }
.v4reg-art svg { position: relative; z-index: 1; width: 100%; height: 100%; }
.v4reg-pot { transform-box: fill-box; transform-origin: 80% 70%; animation: v4regPour 4s ease-in-out infinite; }
.v4reg-stream { stroke-dasharray: 60; stroke-dashoffset: 60; animation: v4regStream 4s ease-in-out infinite; }
.v4reg-tea { animation: v4regFill 4s ease-in-out infinite; }
.v4reg-steam { opacity: 0; animation: v4regSteam 4s ease-in-out infinite; }
.v4reg-heart { transform-box: fill-box; transform-origin: center; animation: v4regHeart 4s ease-in-out infinite; }
@keyframes v4regPour { 0%, 100% { transform: rotate(0); } 20%, 60% { transform: rotate(16deg); } }
@keyframes v4regStream { 0%, 18% { stroke-dashoffset: 60; } 30%, 58% { stroke-dashoffset: 0; } 70%, 100% { stroke-dashoffset: -60; } }
@keyframes v4regFill { 0%, 22% { transform: translateY(0); } 62%, 92% { transform: translateY(-24px); } 100% { transform: translateY(0); } }
@keyframes v4regSteam { 0%, 60% { opacity: 0; transform: translateY(4px); } 75% { opacity: 1; } 95%, 100% { opacity: 0; transform: translateY(-6px); } }
@keyframes v4regHeart { 0%, 62% { transform: scale(0); opacity: 0; } 72% { transform: scale(1.25); opacity: 1; } 80%, 92% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } }
.v4reg-conf { position: absolute; top: -10px; width: 8px; height: 12px; border-radius: 2px; opacity: 0; animation: v4regConf 2.6s ease-in 1 forwards; }
.v4reg-c1 { left: 6%; background: #008556; animation-delay: .1s; } .v4reg-c2 { left: 22%; background: #F3DFA9; animation-delay: .35s; } .v4reg-c3 { left: 40%; background: #E07A7A; animation-delay: .2s; }
.v4reg-c4 { left: 62%; background: #B8934A; animation-delay: .45s; } .v4reg-c5 { left: 80%; background: #86C9A4; animation-delay: .15s; } .v4reg-c6 { left: 94%; background: #0F5C45; animation-delay: .3s; }
@keyframes v4regConf { 0% { opacity: 1; transform: translateY(0) rotate(0); } 100% { opacity: 0; transform: translateY(170px) rotate(540deg); } }
.v4reg-leaf { position: absolute; z-index: 2; font-size: 20px; animation: v4regLeaf 5s ease-in-out infinite; }
.v4reg-l1 { left: 4%; top: 30%; } .v4reg-l2 { right: 2%; top: 12%; animation-delay: 1.2s; } .v4reg-l3 { right: 10%; bottom: 6%; animation-delay: 2.4s; font-size: 16px; }
@keyframes v4regLeaf { 0%, 100% { transform: translateY(0) rotate(-10deg); } 50% { transform: translateY(-10px) rotate(12deg); } }
.v4reg-kicker { margin: 0 0 6px !important; font: 700 12px Inter, system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #B8934A; }
.v4reg .v4reg-title { margin: 0 0 10px !important; padding: 0 !important; border: 0 !important; font: 600 clamp(28px, 4vw, 38px)/1.1 var(--v4-cond, Inter), Inter, sans-serif !important; letter-spacing: -.015em; color: #0F5C45 !important; text-transform: none !important; text-align: center !important; }
.v4reg-text { margin: 0 0 16px !important; font: 400 16px/1.5 Inter, system-ui, sans-serif; color: #4A524D; }
.v4reg-perks { display: grid; gap: 8px; max-width: 380px; margin: 0 auto 24px !important; padding: 0 !important; list-style: none; text-align: left; }
.v4reg-perks li { display: flex; align-items: center; gap: 12px; margin: 0 !important; padding: 10px 14px; border-radius: 14px; background: #fff; border: 1px solid #E3E7E5; font: 500 14.5px Inter, system-ui, sans-serif; color: #1E2421; opacity: 0; animation: v4regUp .6s cubic-bezier(.22, 1, .36, 1) forwards; }
.v4reg-perks li:nth-child(1) { animation-delay: .5s; } .v4reg-perks li:nth-child(2) { animation-delay: .65s; } .v4reg-perks li:nth-child(3) { animation-delay: .8s; }
.v4reg-perks i { font-style: normal; font-size: 18px; }
@keyframes v4regUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.v4reg-btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.v4reg-btn, .v4reg-btn2 { display: inline-flex; align-items: center; justify-content: center; height: 52px; padding: 0 26px; border-radius: 999px; font: 700 15.5px Inter, system-ui, sans-serif; text-decoration: none !important; transition: background .15s, transform .15s, border-color .15s; }
.v4reg-btn { background: #008556; color: #fff !important; box-shadow: 0 10px 24px rgba(0, 133, 86, .22); }
.v4reg-btn:hover { background: #0F5C45; transform: translateY(-1px); }
.v4reg-btn2 { border: 1.5px solid #0F5C45; background: #fff; color: #0F5C45 !important; }
.v4reg-btn2:hover { background: #F2F8F5; }
@media (max-width: 560px) { .v4reg { padding: 22px 18px 26px; border-radius: 24px; } .v4reg-btn, .v4reg-btn2 { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .v4reg *, .v4reg-perks li { animation: none !important; opacity: 1 !important; } .v4reg-stream { stroke-dashoffset: 0; } }
/* ===== 19.10.2026, слово владельца: страница «New password» (profiles.update.reset_password) — карточка по центру, рисунок:
   ключ подъезжает к замку, дужка открывается, листик и искорки; поля-таблетки, подписи над полями, большая зелёная кнопка ===== */
.tygh-content .ty-mainbox-container:has(.v4np) { max-width: 520px; margin: 8px auto 56px !important; padding: 30px 40px 34px !important; border: 1px solid #E3E7E5 !important; border-radius: 28px !important; background: radial-gradient(120% 60% at 50% 0%, #E8F3EE 0%, #F7FBF9 45%, #fff 75%) !important; box-shadow: 0 24px 60px rgba(15, 40, 32, .08) !important; display: flex; flex-direction: column; text-align: center; }
.tygh-content .ty-mainbox-container:has(.v4np) > h1.ty-mainbox-title { order: 2; margin: 4px 0 18px !important; padding: 0 !important; border: 0 !important; font: 600 34px/1.1 var(--v4-cond, Inter), Inter, sans-serif !important; color: #1E2421 !important; text-align: center !important; }
.tygh-content .ty-mainbox-container:has(.v4np) > .ty-mainbox-body { order: 3; }
.tygh-content .ty-mainbox-container:has(.v4np) .v4np-art { order: 1; }
.tygh-content .v4np { display: flex; flex-direction: column; text-align: left; }
.tygh-content .v4np-art { width: 170px; height: 116px; margin: 0 auto 4px; }
.tygh-content .v4np-art svg { width: 100%; height: 100%; overflow: visible; }
.v4np-glow { fill: #E8F3EE; }
.v4np-key { animation: v4npKey 3.6s cubic-bezier(.22, 1, .36, 1) infinite; }
.v4np-shackle { transform-box: fill-box; transform-origin: 0% 100%; animation: v4npOpen 3.6s ease-in-out infinite; }
.v4np-spark circle { animation: v4npSpark 3.6s ease-in-out infinite; } .v4np-spark circle:nth-child(2) { animation-delay: .4s; } .v4np-spark circle:nth-child(3) { animation-delay: .8s; }
.v4np-leaf { transform-box: fill-box; transform-origin: 0 100%; animation: v4npLeaf 3s ease-in-out infinite; }
@keyframes v4npKey { 0%, 8% { transform: translateX(26px); opacity: 0; } 25% { transform: translateX(0); opacity: 1; } 45%, 100% { transform: translateX(0); opacity: 1; } }
@keyframes v4npOpen { 0%, 40% { transform: translateY(0) rotate(0); } 55%, 85% { transform: translateY(-6px) rotate(-18deg); } 100% { transform: none; } }
@keyframes v4npSpark { 0%, 45% { opacity: 0; transform: scale(.4); } 60% { opacity: 1; transform: scale(1.2); } 85%, 100% { opacity: 0; transform: scale(.6); } }
@keyframes v4npLeaf { 0%, 100% { transform: rotate(-8deg); } 50% { transform: rotate(8deg); } }
.tygh-content .v4np .ty-control-group { position: static !important; margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; background: none !important; }
.tygh-content .v4np .ty-control-group__title { position: static !important; display: block; transform: none !important; margin: 0 0 6px 4px !important; padding: 0 !important; background: none !important; font: 600 13px Inter, system-ui, sans-serif !important; color: #4A524D !important; }
.tygh-content .v4np input.ty-input-text, .tygh-content .v4np input[type="password"] { box-sizing: border-box; width: 100% !important; height: 52px !important; margin: 0 !important; padding: 0 20px !important; border: 1.5px solid #E3E7E5 !important; border-radius: 999px !important; background: #F7FAF8 !important; box-shadow: none !important; font: 400 16px Inter, system-ui, sans-serif !important; color: #1E2421 !important; }
.tygh-content .v4np input:focus { outline: none; border-color: #008556 !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(0, 133, 86, .12) !important; }
.tygh-content .v4np .buttons-container { margin: 6px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.tygh-content .v4np .buttons-container .ty-btn { display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 52px !important; margin: 0 !important; border: 0 !important; border-radius: 999px !important; background: #008556 !important; color: #fff !important; font: 700 16px Inter, system-ui, sans-serif !important; text-transform: none !important; box-shadow: 0 10px 24px rgba(0, 133, 86, .22) !important; }
.tygh-content .v4np .buttons-container .ty-btn:hover { background: #0F5C45 !important; }
@media (max-width: 560px) { .tygh-content .ty-mainbox-container:has(.v4np) { padding: 22px 20px 26px !important; border-radius: 22px !important; } .tygh-content .ty-mainbox-container:has(.v4np) > h1.ty-mainbox-title { font-size: 28px !important; } }
@media (prefers-reduced-motion: reduce) { .v4np-art * { animation: none !important; } }
/* рисунок — над заголовком страницы (он вне формы): карточка с отступом сверху, рисунок поверх отступа */
.tygh-content .ty-mainbox-container:has(.v4np) { position: relative; padding-top: 150px !important; }
.tygh-content .ty-mainbox-container:has(.v4np) .v4np-art { position: absolute; left: 50%; top: 24px; margin: 0 0 0 -85px; }
@media (max-width: 560px) { .tygh-content .ty-mainbox-container:has(.v4np) { padding-top: 140px !important; } }
.tygh-content .v4np .buttons-container { display: block !important; width: 100% !important; }
/* «New password»: карточка по центру страницы (пустая соседняя колонка темы скрыта); кнопка «Save» во всю ширину */
.tygh-content [class*="span"]:has(> .ty-mainbox-container .v4np) { float: none !important; flex: 0 1 520px !important; width: 100% !important; max-width: 520px !important; margin-left: auto !important; margin-right: auto !important; }
.tygh-content .row:has(> [class*="span"] > .ty-mainbox-container .v4np) { display: flex !important; justify-content: center !important; }
.tygh-content .row:has(> [class*="span"] > .ty-mainbox-container .v4np) > [class*="span"]:not(:has(.v4np)) { display: none !important; }
.tygh-content .ty-mainbox-container:has(.v4np) { width: auto !important; margin-left: 0 !important; margin-right: 0 !important; }
.tygh-content .v4np .ty-profile-field__buttons, .tygh-content .v4np .ty-profile-field__buttons > * { display: block !important; width: 100% !important; float: none !important; }
.tygh-content .v4np .ty-profile-field__buttons :is(button, input[type="submit"], .ty-btn) { display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 52px !important; margin: 0 !important; padding: 0 22px !important; border: 0 !important; border-radius: 999px !important; background: #008556 !important; color: #fff !important; font: 700 16px Inter, system-ui, sans-serif !important; text-transform: none !important; box-shadow: 0 10px 24px rgba(0, 133, 86, .22) !important; }
/* 17.10.2026, слово владельца: правило «[style*=#27382f] → тёмный текст» цепляло и тёмный ФОН заголовков таблиц (FAQ/сравнения в описаниях категорий) — там текст белый */
.tygh-content [style*="background:#27382f"], .tygh-content [style*="background: #27382f"], .tygh-content [style*="background-color:#27382f"], .tygh-content [style*="background-color: #27382f"],
.tygh-content [style*="background:#27382F"], .tygh-content [style*="background: #27382F"], .tygh-content [style*="background-color:#27382F"] { color: #fff !important; }
/* 17.10.2026: боковое меню информационных страниц (About us, Terms…) — ссылки были белыми на белом (старая тема красила их под тёмный фон) */
.tygh-content .vs-sidebox .ty-text-links__item a { color: #1E2421 !important; }
.tygh-content .vs-sidebox .ty-text-links__item a:hover, .tygh-content .vs-sidebox .ty-text-links__item.ty-text-links__active a, .tygh-content .vs-sidebox .ty-text-links__item a.active { color: #0F5C45 !important; }
/* 17.10.2026: то же, сильнее старого «.ty-page-controller-pages.ty-page-mode-view .ty-text-links_show_inline li a {color:#fff !important}» */
.tygh-content.ty-page-controller-pages.ty-page-mode-view .vs-sidebox ul.ty-text-links li.ty-text-links__item a { color: #1E2421 !important; }
.tygh-content.ty-page-controller-pages.ty-page-mode-view .vs-sidebox ul.ty-text-links li.ty-text-links__item a:hover,
.tygh-content.ty-page-controller-pages.ty-page-mode-view .vs-sidebox ul.ty-text-links li.ty-text-links__item.ty-text-links__active a { color: #0F5C45 !important; }
/* 17.10.2026, слово владельца: правый блок ссылок на инфо-страницах — без «лесенки» (старая тема сдвигала каждую вторую ссылку) и без вылезания за край */
.tygh-content.ty-page-controller-pages .vs-sidebox ul.ty-text-links li.ty-text-links__item a { margin-left: 0 !important; margin-right: 0 !important; max-width: 100%; box-sizing: border-box; white-space: normal !important; }
.tygh-content.ty-page-controller-pages .vs-sidebox ul.ty-text-links { align-items: flex-start; min-width: 0; }
.tygh-content.ty-page-controller-pages .vs-sidebox ul.ty-text-links li.ty-text-links__item { max-width: 100%; }
/* 17.10.2026, слово владельца: инфо-страницы на экранах до 1180px — правый блок ссылок уходит вниз, на всю ширину, ссылки в ряд */
@media (max-width: 1180px) {
  .tygh-content.ty-page-controller-pages .row:has(> .span4.ty-sidebox-delimiter) { flex-wrap: wrap !important; }
  .tygh-content.ty-page-controller-pages .row:has(> .span4.ty-sidebox-delimiter) > .span12,
  .tygh-content.ty-page-controller-pages .row > .span4.ty-sidebox-delimiter { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; margin-left: 0 !important; }
  .tygh-content.ty-page-controller-pages .span4.ty-sidebox-delimiter { margin-top: 24px !important; }
  .tygh-content.ty-page-controller-pages .vs-sidebox ul.ty-text-links { flex-direction: row !important; flex-wrap: wrap !important; gap: 10px !important; }
}
/* 17.10.2026, слово владельца: блок «Important links» на инфо-страницах скрыт, текст на всю ширину; заголовки на тёмных плашках — белые */
.tygh-content.ty-page-controller-pages .span4.ty-sidebox-delimiter:has(.vs-sidebox ul.ty-text-links) { display: none !important; }
.tygh-content.ty-page-controller-pages .row:has(> .span4.ty-sidebox-delimiter .ty-text-links) > .span12 { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; margin-left: 0 !important; }
[style*="background:#27382f"] :is(h1,h2,h3,h4), [style*="background: #27382f"] :is(h1,h2,h3,h4) { color: #fff !important; }
html body .tygh-content.ty-page-controller-pages div[style*="background: #27382f"] h2, html body .tygh-content div[style*="background:#27382f"] h2, html body .tygh-content div[style*="background: #27382f"] :is(h1,h3) { color: #fff !important; }
/* 17.10.2026, слово владельца («скачки при загрузке», CLS 0.52 на Tea Finder): пока v4-finder.js не собрал страницу (баннер, подборки, промо) — она невидима и занимает место заранее,
   подвал не прыгает. Только Tea Finder (есть .et-filters-inline), обычный поиск не затронут */
.tygh-content.ty-page-controller-products.ty-page-mode-search:not(.v4tf-page):has(.et-filters-inline) { visibility: hidden; min-height: 1400px; }
/* 17.10.2026 (CLS 0.21 на «How to brew»): пока v4-gaid.js не перестроил страницу — она невидима и занимает место заранее. Только эта страница (#v4-guide-txt есть лишь на ней) */
html:not(.v4g-page):has(#v4-guide-txt) .tygh-content .vs-mainbox-general { visibility: hidden; min-height: 1400px; }
/* 16.10.2026, слово владельца: страница кошелька в кабинете (шаблон addons/gift_certificates/views/wallet/wallet.tpl) */
.v4wl { margin: 0 0 22px; }
.v4wl-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 260px; align-items: center; gap: 18px; padding: 26px 28px; border-radius: 22px; overflow: hidden;
  background: radial-gradient(120% 140% at 100% 0%, #E7F2EA 0%, #F4F8F5 45%, #FBF7EE 100%); border: 1px solid #E1EAE4; }
.v4wl-kicker { margin: 0 0 6px; font: 700 12px Inter, system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #B8934A; }
.v4wl-title { margin: 0 0 14px; font: 700 26px/1.2 Inter, system-ui, sans-serif; color: #1E2421; }
.v4wl-bal { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 10px; margin: 0 0 8px; }
.v4wl-balLabel { flex-basis: 100%; font: 600 13px Inter, system-ui, sans-serif; color: #6E746F; }
.v4wl-balSum, .v4wl-balSum * { font: 800 42px/1 Inter, system-ui, sans-serif !important; color: #0F5C45 !important; letter-spacing: -.01em; }
.v4wl-cur { padding: 3px 10px; border-radius: 999px; background: #0F5C45; color: #fff; font: 700 12px Inter, system-ui, sans-serif; letter-spacing: .06em; }
.v4wl-lead { margin: 6px 0 16px; max-width: 520px; font: 400 15px/1.5 Inter, system-ui, sans-serif; color: #3D4A43; }
.v4wl-btns { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.v4wl-btn { display: inline-flex; align-items: center; height: 44px; padding: 0 20px; border-radius: 999px; font: 700 14px Inter, system-ui, sans-serif; text-decoration: none !important; transition: background .15s, color .15s, transform .15s; }
.v4wl-btnMain { background: #0F5C45; color: #fff !important; }
.v4wl-btnMain:hover { background: #0b4a37; transform: translateY(-1px); }
.v4wl-btnGhost { background: #fff; color: #0F5C45 !important; border: 1.5px solid #0F5C45; }
.v4wl-btnGhost:hover { background: #E7F2EA; }
.v4wl-btnLink { color: #0F5C45 !important; padding: 0 6px; }
.v4wl-frozen { margin: 8px 0 0; padding: 10px 14px; border-radius: 12px; background: #FBE9E7; color: #9B2C24; font: 600 14px Inter, system-ui, sans-serif; }
.v4wl-art svg { width: 100%; height: auto; display: block; overflow: visible; }
.v4wl-coin { animation: v4wlDrop 3.6s cubic-bezier(.45,.05,.55,.95) infinite; transform-box: fill-box; transform-origin: center; }
.v4wl-c2 { animation-delay: 1.2s; } .v4wl-c3 { animation-delay: 2.4s; }
@keyframes v4wlDrop { 0% { transform: translateY(-30px) rotate(-20deg); opacity: 0; } 15% { opacity: 1; } 60% { transform: translateY(58px) rotate(10deg); opacity: 1; } 72%, 100% { transform: translateY(70px) rotate(0); opacity: 0; } }
.v4wl-wallet { animation: v4wlBob 3.6s ease-in-out infinite; transform-box: fill-box; transform-origin: 50% 100%; }
@keyframes v4wlBob { 0%, 55%, 100% { transform: scale(1); } 63% { transform: scale(1.03, .97); } 70% { transform: scale(.99, 1.01); } }
.v4wl-leaf { animation: v4wlLeaf 5s ease-in-out infinite; transform-box: fill-box; transform-origin: 0% 100%; }
@keyframes v4wlLeaf { 0%, 100% { transform: rotate(0); } 50% { transform: rotate(-8deg); } }
.v4wl-spark { animation: v4wlSpark 2.4s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
.v4wl-spark2 { animation-delay: 1.1s; }
@keyframes v4wlSpark { 0%, 100% { transform: scale(.6); opacity: .3; } 50% { transform: scale(1.1); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .v4wl-coin, .v4wl-wallet, .v4wl-leaf, .v4wl-spark { animation: none !important; } .v4wl-coin { opacity: 0; } }
.v4wl-h2 { margin: 0 0 14px; font: 700 20px Inter, system-ui, sans-serif; color: #1E2421; }
.v4wl-how { margin: 0 0 24px; }
.v4wl-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; counter-reset: v4wl; }
.v4wl-steps li { position: relative; padding: 18px 16px 16px; border-radius: 16px; background: #fff; border: 1px solid #E3EAE6; counter-increment: v4wl; }
.v4wl-steps li::after { content: counter(v4wl); position: absolute; top: 12px; right: 14px; font: 800 28px Inter, system-ui, sans-serif; color: #EEF3EF; }
.v4wl-stepIco { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; background: #E7F2EA; font-size: 20px; margin-bottom: 10px; }
.v4wl-steps b { display: block; margin-bottom: 4px; font: 700 15px Inter, system-ui, sans-serif; color: #1E2421; }
.v4wl-steps p { margin: 0; font: 400 14px/1.5 Inter, system-ui, sans-serif; color: #5A635E; }
.v4wl-hist { margin: 0 0 24px; }
.v4wl-list { list-style: none; margin: 0; padding: 0; border: 1px solid #E3EAE6; border-radius: 16px; overflow: hidden; background: #fff; }
.v4wl-item { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 16px; border-top: 1px solid #EEF2EF; }
.v4wl-item:first-child { border-top: 0; }
.v4wl-dot { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: #EEF2EF; color: #6E746F; font: 800 16px Inter, system-ui, sans-serif; }
.v4wl-in .v4wl-dot { background: #E1F1E6; color: #1F7A4D; }
.v4wl-out .v4wl-dot { background: #FBEDE9; color: #B5452F; }
.v4wl-what b, .v4wl-what b a { display: block; font: 600 14px Inter, system-ui, sans-serif; color: #1E2421 !important; }
.v4wl-what b a { text-decoration: underline; text-underline-offset: 3px; }
.v4wl-date { font: 400 12px Inter, system-ui, sans-serif; color: #8A918C; }
.v4wl-sum { text-align: right; }
.v4wl-sum b { display: block; font: 700 15px Inter, system-ui, sans-serif; color: #1E2421; }
.v4wl-in .v4wl-sum b { color: #1F7A4D; } .v4wl-out .v4wl-sum b { color: #B5452F; }
.v4wl-sum span { font: 400 12px Inter, system-ui, sans-serif; color: #8A918C; white-space: nowrap; }
.v4wl-note, .v4wl-empty { margin: 10px 2px 0; font: 400 13px Inter, system-ui, sans-serif; color: #8A918C; }
.v4wl-empty { padding: 18px; border: 1.5px dashed #D3DED7; border-radius: 16px; text-align: center; color: #5A635E; }
/* карточка партнёрской программы под кошельком (переносит v4-akkaunt.js) */
.v4wl-aff { margin: 0 0 24px; padding: 18px 20px; border-radius: 16px; background: #fff; border: 1px solid #E3EAE6; }
.v4wl-aff .ty-subheader { margin: 0 0 10px !important; font: 700 18px Inter, system-ui, sans-serif !important; color: #1E2421 !important; border: 0 !important; padding: 0 !important; }
.v4wl-aff .ty-btn { border-radius: 999px !important; }
@media (max-width: 767px) {
  .v4wl-hero { grid-template-columns: 1fr; padding: 20px 18px; }
  .v4wl-art { order: -1; max-width: 200px; margin: -6px auto -4px; }
  .v4wl-title { font-size: 21px; }
  .v4wl-balSum, .v4wl-balSum * { font-size: 34px !important; }
  .v4wl-steps { grid-template-columns: 1fr; }
  .v4wl-btn { height: 42px; padding: 0 16px; }
}
/* 16.10.2026, слово владельца («некрасивый попап»): окна кошелька «Top up» и «Change Currency» в стиле V4 */
.ui-dialog:has(.ty-wallet-amount-popup), .ui-dialog:has(.ty-wallet-currency-popup) { border: 0 !important; border-radius: 22px !important; box-shadow: 0 24px 60px rgba(15, 40, 30, .28) !important; padding: 10px 8px 8px !important; min-width: 340px; background: #fff !important; overflow: hidden; }
.ui-dialog:has(.ty-wallet-amount-popup) .ui-dialog-titlebar, .ui-dialog:has(.ty-wallet-currency-popup) .ui-dialog-titlebar { background: none !important; border: 0 !important; padding: 12px 16px 4px !important; }
.ui-dialog:has(.ty-wallet-amount-popup) .ui-dialog-title, .ui-dialog:has(.ty-wallet-currency-popup) .ui-dialog-title { font: 700 20px Inter, system-ui, sans-serif !important; color: #1E2421 !important; text-transform: none !important; }
.ty-wallet-amount-popup, .ty-wallet-currency-popup { padding: 4px 8px 8px; }
.ty-wallet-amount-popup .ty-control-group, .ty-wallet-currency-popup .ty-control-group { margin: 0 0 14px !important; }
.ty-wallet-amount-popup .ty-control-group__title { display: block; margin: 0 0 6px !important; font: 600 13px Inter, system-ui, sans-serif !important; color: #6E746F !important; text-transform: none !important; }
.ty-wallet-amount-popup #wallet_add_sum, .ty-wallet-currency-popup #wallet_currency { box-sizing: border-box; width: 100% !important; height: 52px !important; padding: 0 16px !important; border: 1.5px solid #D6E2DA !important; border-radius: 14px !important; background: #F7F9F7 !important; font: 700 20px Inter, system-ui, sans-serif !important; color: #1E2421 !important; box-shadow: none !important; }
.ty-wallet-amount-popup #wallet_add_sum:focus, .ty-wallet-currency-popup #wallet_currency:focus { border-color: #0F5C45 !important; background: #fff !important; outline: none; }
.ty-wallet-currency-popup .control-label { display: none !important; }
.ty-wallet-currency-popup .ty-control-group.small { font: 400 13px/1.45 Inter, system-ui, sans-serif; color: #5A635E; }
.ty-wallet-amount-popup .buttons-container, .ty-wallet-currency-popup .buttons-container { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.ty-wallet-amount-popup .ty-btn, .ty-wallet-currency-popup .ty-btn { width: 100% !important; height: 50px !important; border: 0 !important; border-radius: 999px !important; background: #0F5C45 !important; color: #fff !important; font: 700 15px Inter, system-ui, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; }
.ty-wallet-amount-popup .ty-btn:hover, .ty-wallet-currency-popup .ty-btn:hover { background: #0b4a37 !important; }
.v4wl-chips { display: flex; gap: 8px; margin: -4px 0 14px; }
.v4wl-chips button { flex: 1; height: 38px; border-radius: 999px; border: 1.5px solid #D6E2DA; background: #fff; font: 700 14px Inter, system-ui, sans-serif; color: #0F5C45; cursor: pointer; }
.v4wl-chips button:hover, .v4wl-chips button.on { border-color: #0F5C45; background: #E7F2EA; }
.ui-dialog:has(.ty-wallet-amount-popup) .ui-dialog-content, .ui-dialog:has(.ty-wallet-currency-popup) .ui-dialog-content { border: 0 !important; box-shadow: none !important; overflow: visible !important; }
/* 16.10.2026, слово владельца: баланс кошелька плашкой рядом с пунктом «Wallet» в меню кабинета */
.v4pf-nav a .v4pf-bal { margin-left: auto; padding: 3px 10px; border-radius: 999px; background: #E1F1E6; color: #0F5C45; font: 700 12px Inter, system-ui, sans-serif; white-space: nowrap; }
.v4pf-nav a.v4pf-on .v4pf-bal { background: #0F5C45; color: #fff; }
/* 16.10.2026, слово владельца: «Back to profile» на страницах кабинета не нужна — меню слева видно; в карточке заказа «Back to orders» остаётся */
.v4pf-page:not(.v4pf-order) .v4pf-back:not(.v4pf-backTop) { display: none !important; }
/* 16.10.2026, слово владельца («компактнее»): сохранённая карта в профиле — номер не на всю ширину, поля и кнопки ниже */
#profile_cards .ty-credit-card { grid-template-columns: minmax(200px, 300px) 70px 70px 80px auto !important; gap: 10px !important; justify-content: start !important; align-items: end; }
#profile_cards .ty-credit-card input { height: 44px !important; min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
#profile_cards .ty-credit-card .ty-control-group__title { margin-bottom: 4px !important; font-size: 13px !important; }
#profile_cards .ty-credit-card button, #profile_cards .ty-credit-card .ty-btn { width: 44px !important; height: 44px !important; min-height: 0 !important; }
@media (max-width: 640px) { #profile_cards .ty-credit-card { grid-template-columns: 1fr 64px 64px 72px !important; } #profile_cards .ty-credit-card > :last-child { grid-column: 1 / -1; } }
/* 16.10.2026, слово владельца («что за блок»): пустой блок результата проверки подарочной карты (жёлтый с ⚠) — только когда пришёл результат */
.tygh-content .ty-mainbox-container:has(#gift_cert_verify):not(:has(#gift_cert_verify > *)) { display: none !important; }
/* 16.10.2026: партнёрская ссылка отдельным полем в карточке партнёрской программы */
.v4wl-aff .ty-profile__affcode { font: 700 18px Inter, system-ui, sans-serif; color: #0F5C45; letter-spacing: .04em; }
.v4wl-aff .v4wl-affLink { box-sizing: border-box; display: block; width: 100%; max-width: 560px; height: 46px; margin: 10px 0 12px; padding: 0 14px; border: 1.5px dashed #9CC5AE; border-radius: 12px; background: #F2F8F4; font: 500 14px Inter, system-ui, sans-serif; color: #1E2421; cursor: text; }
.v4wl-aff .v4wl-affLink:focus { outline: none; border-style: solid; border-color: #0F5C45; background: #fff; }
.v4wl-aff #form_affiliate > div[style] { display: none; }
html body #form_affiliate input.v4wl-affLink { box-sizing: border-box !important; display: block !important; width: 100% !important; max-width: 560px !important; height: 46px !important; margin: 10px 0 12px !important; padding: 0 14px !important; border: 1.5px dashed #9CC5AE !important; border-radius: 12px !important; background: #F2F8F4 !important; box-shadow: none !important; font: 500 14px Inter, system-ui, sans-serif !important; color: #1E2421 !important; }
html body #form_affiliate input.v4wl-affLink:focus { border-style: solid !important; border-color: #0F5C45 !important; background: #fff !important; }

/* 17.10.2026, снимки владельца (вход и регистрация на телефоне — поля вплотную к рамке, поле почты за краем): правило старой темы
   «.et-content > .row [class*=span] { padding: 0 !important }» (≤1007px) перебивало отступ карточки — приоритет выше */
.et-content .v4acc-row > .v4acc-formCol.v4acc-formCol, .et-content-full .v4acc-row > .v4acc-formCol.v4acc-formCol { padding: 36px 36px 30px !important; }
@media (max-width: 767px) {
  .et-content .v4acc-row > .v4acc-formCol.v4acc-formCol, .et-content-full .v4acc-row > .v4acc-formCol.v4acc-formCol { padding: 26px 20px 24px !important; }
}

/* 17.10.2026, там же: зелёная карточка («New to Tealyra?», «Join Tealyra») на телефоне была сдвинута вправо на 24px —
   правило колонок v4-katalog.css «.tygh-content .row > [class*=span] + [class*=span]:not(.span13)»; на компьютере это промежуток колонок, не трогаем */
@media (max-width: 767px) {
  .tygh-content .v4acc-row.v4acc-row > .v4acc-sideCol.v4acc-sideCol.v4acc-sideCol { margin-left: 0 !important; margin-right: 0 !important; }
}

/* 18.10.2026, слово владельца («скрой пока блок аффилиатки»): партнёрская программа на странице кошелька скрыта (разметка и данные на месте; вернуть — убрать это правило) */
#form_affiliate, .v4wl-aff { display: none !important; }

/* 18.10.2026, снимок владельца («страница гифт-карты в аккаунте: строка как-то странно выглядит»): на телефоне поле кода сжималось до ~90px
   («Gift card cod…»), а кнопка занимала остальное — теперь поле во всю ширину, «Check balance» под ним во всю ширину */
@media (max-width: 560px) {
  .v4gb-formSlot .ty-input-append { flex-direction: column; align-items: stretch; gap: 10px; height: auto !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
  .v4gb-formSlot .ty-input-append:focus-within { box-shadow: none !important; }
  .v4gb-formSlot input.ty-input-text { width: 100% !important; height: 54px !important; border: 1.5px solid #E3E7E5 !important; background: #fff !important; text-align: center; font-size: 16px !important; box-sizing: border-box; }
  .v4gb-formSlot input.ty-input-text:focus { border-color: #008556 !important; box-shadow: 0 0 0 4px rgba(0,133,86,.12) !important; }
  .v4gb-formSlot .ty-btn-go { width: 100% !important; height: 52px !important; justify-content: center; }
}
/* 18.10.2026: на телефоне летающие значки (🎁 🔎 💳 ✨) в карточке баланса наезжали на заголовок и поле — на узком экране не показываются */
@media (max-width: 560px) { .v4gb-hero .v4gc-floats { display: none !important; } }

/* 18.10.2026, снимок владельца («сделай такие же кнопки «сохранить, удалить», как на карте на чекауте»): кнопки карты в профиле — квадратики
   как на оформлении (светло-зелёный «сохранить», светло-серый «удалить», свои значки); подсказка «i» — во всю ширину ряда кнопок, не за краем экрана */
.v4pf-page .ty-credit-card__buttons { gap: 8px !important; }
.v4pf-page .ty-credit-card__buttons a.ty-card-save, .v4pf-page .ty-credit-card__buttons a.ty-card-remove { justify-content: center; width: 40px !important; height: 40px !important; padding: 0 !important; border-radius: 12px !important; border: 1.5px solid transparent !important; }
.v4pf-page .ty-credit-card__buttons a.ty-card-save::after, .v4pf-page .ty-credit-card__buttons a.ty-card-remove::after { content: none !important; }
.v4pf-page .ty-credit-card__buttons a.ty-card-save { background: #E8F3EE !important; border-color: #CFE5DA !important; color: #0F5C45 !important; }
.v4pf-page .ty-credit-card__buttons a.ty-card-save:hover { background: #0F5C45 !important; border-color: #0F5C45 !important; color: #fff !important; }
.v4pf-page .ty-credit-card__buttons a.ty-card-remove { background: #F4F6F5 !important; border-color: #E3E7E5 !important; color: #6E746F !important; }
.v4pf-page .ty-credit-card__buttons a.ty-card-remove:hover { background: #FBE6E4 !important; border-color: #F2C4C4 !important; color: #B3261E !important; }
.v4pf-page .ty-credit-card__buttons a.ty-card-remove [class^="ty-icon-"] { display: inline-block !important; }
.v4pf-page .ty-credit-card__buttons a [class^="ty-icon-"] { font-size: 16px !important; line-height: 1 !important; color: inherit !important; }
.v4pf-page .ty-credit-card__buttons a [class^="ty-icon-"] { display: none !important; }
.v4pf-page .ty-credit-card__buttons a.ty-card-save::before, .v4pf-page .ty-credit-card__buttons a.ty-card-remove::before { content: ""; display: block; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--v4i) center / contain no-repeat; mask: var(--v4i) center / contain no-repeat; }
.v4pf-page .ty-credit-card__buttons a.ty-card-save { --v4i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z'/%3E%3Cpath d='M17 21v-8H7v8M7 3v5h8'/%3E%3C/svg%3E"); }
.v4pf-page .ty-credit-card__buttons a.ty-card-remove { --v4i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4h8v2M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6M10 11v6M14 11v6'/%3E%3C/svg%3E"); }
.v4pf-page .ty-credit-card__buttons a.ty-card-save::after, .v4pf-page .ty-credit-card__buttons a.ty-card-remove::after { display: none !important; }
.v4pf-page .ty-credit-card__buttons a.ty-card-remove [class^="ty-icon-"], .v4pf-page .ty-credit-card__buttons a.ty-card-save [class^="ty-icon-"] { display: none !important; }
.v4pf-page .ty-credit-card__buttons { position: relative; flex-wrap: wrap; align-items: center; }
.v4pf-page .ty-credit-card__buttons .v4card-info { position: static; margin-left: 4px; }
.v4pf-page .ty-credit-card__buttons .v4card-info .v4card-tip { left: 0; right: 0; width: auto; max-width: none; bottom: calc(100% + 8px); }

/* 18.10.2026, снимки владельца: профиль — кнопки соцсетей по две в ряд; поля адреса сеткой, как на оформлении (разметка — v4-akkaunt.js) */
.v4pf-page .ty-credit-card__buttons { width: 100%; }
.v4pf-page .v4pf-socialGrid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.v4pf-page .v4pf-socialGrid > * { min-width: 0; margin: 0 !important; float: none !important; width: auto !important; }
.v4pf-page .v4pf-socialGrid > .v4pf-socialFull { grid-column: 1 / -1; }
.v4pf-page .v4pf-socialGrid .vs-login-provider-btn { display: flex !important; align-items: center; justify-content: center; width: 100% !important; box-sizing: border-box; margin: 0 !important; padding-left: 12px !important; padding-right: 12px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 360px) { .v4pf-page .v4pf-socialGrid { grid-template-columns: 1fr; } }
.v4pf-page .v4f-grid { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 0 14px !important; }
.v4pf-page .v4f-grid::before, .v4pf-page .v4f-grid::after { display: none !important; }
.v4pf-page .v4f-grid > * { grid-column: 1 / -1; min-width: 0; }
.v4pf-page .v4f-grid > .ty-row.v4f-rows { display: contents !important; }
.v4pf-page .v4f-grid > .v4f-rows > :not(.v4f-u) { grid-column: 1 / -1; }
.v4pf-page .v4f-grid .v4f-u { grid-column: span 3; display: block !important; float: none !important; width: auto !important; max-width: none !important; min-width: 0; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box; }
.v4pf-page .v4f-grid .v4f-u.v4f-full { grid-column: 1 / -1; }
.v4pf-page .v4f-grid .v4f-u.v4f-half { grid-column: span 3; }
.v4pf-page .v4f-grid .v4f-u.v4f-third { grid-column: span 2; align-self: end; }
.v4pf-page .v4f-grid .v4f-u.v4f-third.v4f-start { grid-column: 1 / span 2; }
.v4pf-page .v4f-grid .v4f-u input.ty-input-text, .v4pf-page .v4f-grid .v4f-u select { width: 100% !important; max-width: none !important; box-sizing: border-box; }
@media (max-width: 640px) {
  .v4pf-page .v4f-grid .v4f-u.v4f-third { grid-column: span 3; }
  .v4pf-page .v4f-grid .v4f-u.v4f-third.v4f-start { grid-column: 1 / span 3; }
  .v4pf-page .v4f-grid .v4f-u.v4f-third.v4f-city { grid-column: 1 / -1; }
}
@media (max-width: 360px) {
  .v4pf-page .v4f-grid .v4f-u.v4f-half, .v4pf-page .v4f-grid .v4f-u.v4f-third, .v4pf-page .v4f-grid .v4f-u.v4f-third.v4f-start { grid-column: 1 / -1; }
}
/* 18.10.2026, снимок владельца: сохранённая карта в профиле — номер и срок звёздочками, CVC заблокирован (серое поле, ввод невозможен) */
.v4pf-page .ty-credit-card input[readonly] { color: #1D2B24 !important; letter-spacing: .04em; cursor: default; }
.v4pf-page .ty-credit-card input[disabled] { background: #EEF1EF !important; border-color: #E3E7E5 !important; color: #9AA09C !important; cursor: not-allowed !important; pointer-events: none; }

/* ===== 18.10.2026, слово владельца: кабинет → «Subscriptions» — Email promotions и SMS promotions рядом (newsletters/hooks/profiles/account_top.pre.tpl) ===== */
.v4pf-page .v4sub { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 14px; }
.v4pf-page .v4sub-col { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 18px 20px; border: 1px solid #E3E7E5; border-radius: 16px; background: #F7F9F8; }
.v4pf-page .v4sub-h { font: 600 16px Inter, system-ui, sans-serif; color: #1E2421; }
.v4pf-page .v4sub-st { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font: 500 14px Inter, system-ui, sans-serif; color: #4A5550; }
.v4pf-page .v4sub-st b { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 12px 0 4px; border-radius: 999px; font: 600 13.5px Inter, system-ui, sans-serif; }
.v4pf-page .v4sub-st b i { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; font-style: normal; font-size: 12px; line-height: 1; color: #fff; }
.v4pf-page .v4sub-yes { background: #E3F2EA; color: #0F5C45; }
.v4pf-page .v4sub-yes i { background: #0F8A5F; }
.v4pf-page .v4sub-no { background: #EEF1EF; color: #5A635E; }
.v4pf-page .v4sub-no i { background: #9AA39E; }
.v4pf-page .v4sub-to { font: 400 14px Inter, system-ui, sans-serif; color: #5A635E; overflow-wrap: anywhere; }
.v4pf-page .v4sub-to b { font-weight: 600; color: #1E2421; }
.v4pf-page .v4sub-row { display: flex; gap: 8px; }
.v4pf-page .v4sub-cc, .v4pf-page .v4sub-tel { box-sizing: border-box; height: 46px !important; margin: 0 !important; border: 1px solid #D6DCD9 !important; border-radius: 12px !important; background: #fff !important; font: 500 15px Inter, system-ui, sans-serif !important; color: #111614 !important; }
.v4pf-page .v4sub-cc { flex: 0 0 auto; width: 96px !important; padding: 0 10px !important; cursor: pointer; }
.v4pf-page .v4sub-tel { flex: 1 1 auto; min-width: 0; width: auto !important; padding: 0 14px !important; }
.v4pf-page .v4sub-cc:focus, .v4pf-page .v4sub-tel:focus { border-color: #0F5C45 !important; outline: none; }
.v4pf-page .v4sub-info { margin: 0 !important; font: 400 12.5px/1.5 Inter, system-ui, sans-serif; color: #6E746F; }
.v4pf-page .v4sub-lbl { font-weight: 600; color: #1E2421; }
.v4pf-page .v4sub-act { margin-top: auto; padding-top: 4px; }
.v4pf-page .v4sub .ty-account-field__buttons { margin: 0 !important; }
.v4pf-page .v4pf-card .v4sub .ty-btn.v4sub-off { background: #fff !important; color: #5A635E !important; border: 1.5px solid #D6DCD9 !important; box-shadow: none !important; }
.v4pf-page .v4pf-card .v4sub .ty-btn.v4sub-off:hover { color: #B3261E !important; border-color: #F2C4C4 !important; background: #FBF1F0 !important; }
.v4pf-page .v4sub-msg { margin: 0 !important; font: 500 13px Inter, system-ui, sans-serif; color: #B3261E; }
.v4pf-page .v4sub-msg[hidden] { display: none !important; }
@media (max-width: 760px) { .v4pf-page .v4sub { grid-template-columns: 1fr; } .v4pf-page .v4sub-col { padding: 16px; } }
/* «Subscriptions»: жирное — тем же шрифтом (тема даёт b узкий шрифт), кнопки сразу под текстом, на телефоне код страны уже */
.v4pf-page .v4sub b, .v4pf-page .v4sub strong, .v4pf-page .v4sub-lbl { font-family: Inter, system-ui, sans-serif !important; }
.v4pf-page .v4sub-act { margin-top: 4px; }
@media (max-width: 760px) { .v4pf-page .v4sub-cc { width: 84px !important; } }
.v4pf-page .v4sub.v4sub-one { grid-template-columns: minmax(0, 560px); }