/* V4 → dev2: шапка и подвал. Перевод components/storefront/v4/v4.module.css (12.10.2026), классы v4h-* */
.v4h-v4 {
  --teal-900: #0F5C45;
  --teal-700: #0F5C45;
  --teal-600: #008556;
  --teal-500: #1E2421;
  --teal-300: #008556;
  --mint: #F7F3EA;
  --pink: #B3261E;
  --butter: #D9BE85;
  --ink: #1E2421;
  font-family: var(--v4-sans), Arial, sans-serif;
  color: var(--ink);
}
.v4h-v4 a { text-decoration: none; color: inherit; }
.v4h-v4 ul { list-style: none; margin: 0; padding: 0; }
.v4h-v4 button { font-family: inherit; }
.v4h-header { background: #fff; position: relative; z-index: 50; }
.v4h-topbar {
  background: var(--teal-600); color: #fff; font-size: 13px; display: flex; gap: 10px;
  justify-content: center; align-items: center; padding: 8px 16px; position: relative;
}
.v4h-topbar a { text-decoration: underline !important; font-weight: 700; text-transform: none; letter-spacing: .04em; }
.v4h-topbarRight { position: absolute; right: 24px; opacity: .9; }
.v4h-mainRow {
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  padding: 14px clamp(16px, 4vw, 48px); border-bottom: 1px solid #eee;
}
.v4h-mainLeft { display: flex; gap: 18px; align-items: center; }
.v4h-smallLink { font-size: 14px; font-weight: 500; }
.v4h-smallLink:hover { color: var(--teal-600); }
.v4h-logo img { height: 46px; width: auto; display: block; }
.v4h-mainRight { display: flex; gap: 6px; justify-content: flex-end; align-items: center; }
.v4h-iconBtn {
  position: relative; display: grid; place-items: center; width: 42px; height: 42px;
  border-radius: 50%; background: none; border: 0; cursor: pointer; color: var(--ink);
}
.v4h-iconBtn:hover { background: #F4F6F5; color: var(--teal-700); }
.v4h-cartCount {
  position: absolute; top: 2px; right: 0; min-width: 18px; height: 18px; border-radius: 9px;
  background: var(--teal-300); color: #fff; font-size: 11px; font-weight: 700; display: grid; place-items: center; padding: 0 4px;
}
.v4h-burger { display: none; background: none; border: 0; cursor: pointer; }
.v4h-searchBar { display: flex; gap: 8px; padding: 12px clamp(16px, 4vw, 48px); background: #F4F6F5; }
.v4h-searchBar input { flex: 1; border: 2px solid var(--teal-600); border-radius: 999px; padding: 10px 18px; font-size: 16px; font-family: inherit; }
.v4h-searchBar button { border: 0; border-radius: 999px; padding: 0 22px; background: var(--teal-700); color: #fff; font-weight: 700; cursor: pointer; }
.v4h-nav { border-bottom: 1px solid #eee; }
.v4h-nav > ul { display: flex; justify-content: center; flex-wrap: wrap; gap: 2px; padding: 0 16px; }
.v4h-nav > ul > li { position: relative; }
.v4h-nav > ul > li > a {
  display: block; padding: 13px 12px; font-family: var(--v4-cond), "Arial Narrow", sans-serif;
  font-weight: 700; font-size: 17px; letter-spacing: .03em; text-transform: none; color: var(--teal-700);
}
.v4h-nav > ul > li:hover > a { color: var(--pink); }
.v4h-sale > a { color: var(--pink) !important; }
.v4h-caret { font-size: 11px; margin-left: 4px; }
.v4h-drop {
  display: none; position: absolute; left: 0; top: 100%; min-width: 260px; background: #fff;
  border-radius: 0 0 16px 16px; box-shadow: 0 16px 40px rgba(0,0,0,.12); padding: 18px 20px; z-index: 60;
}
.v4h-nav > ul > li:hover .v4h-drop { display: block; }
.v4h-dropAll { display: block; font-weight: 700; color: var(--teal-600); margin-bottom: 10px; }
.v4h-dropGrid { display: grid; grid-template-columns: repeat(2, minmax(150px, 1fr)); gap: 6px 22px; }
.v4h-dropGrid a { font-size: 14px; padding: 3px 0; white-space: nowrap; }
.v4h-dropGrid a:hover { color: var(--pink); }
.v4h-promo {
  background: var(--pink); color: #fff; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  padding: 10px clamp(16px, 4vw, 48px); font-family: var(--v4-cond), sans-serif; text-transform: none;
}
.v4h-promo span { font-weight: 700; font-size: 18px; letter-spacing: .03em; }
.v4h-promo strong { font-weight: 600; font-size: 26px; letter-spacing: .02em; }
.v4h-promo a {
  justify-self: end; background: #fff; color: var(--ink) !important; border-radius: 999px; padding: 8px 20px;
  font-family: var(--v4-sans), sans-serif; text-transform: none; font-weight: 700; font-size: 14px;
}
.v4h-footer { background: var(--teal-500); color: #fff; margin-top: 0; }
.v4h-fTop {
  display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr 1.6fr; gap: 32px;
  padding: 56px clamp(16px, 5vw, 72px) 40px;
}
.v4h-fLogo { height: 44px; width: auto; margin-bottom: 16px; }
.v4h-fHello h3 { font: 600 30px/1.1 var(--v4-cond), sans-serif ; margin: 0 0 10px; }
.v4h-fHello p { opacity: .9; margin: 0; line-height: 1.5; }
.v4h-fCol { display: flex; flex-direction: column; gap: 9px; }
.v4h-fCol h4, .v4h-fNews h4 {
  font-family: var(--v4-cond), sans-serif; font-weight: 600; font-size: 20px; text-transform: none;
  letter-spacing: .04em; margin: 0 0 6px; color: var(--butter);
}
.v4h-fCol a { opacity: .92; font-size: 15px; }
.v4h-fCol a:hover { opacity: 1; text-decoration: underline !important; }
.v4h-fNews p { margin: 0 0 14px; opacity: .9; }
.v4h-fForm { display: flex; background: #fff; border-radius: 999px; padding: 4px; }
.v4h-fForm input { flex: 1; border: 0; padding: 10px 14px; border-radius: 999px; font-family: inherit; font-size: 15px; min-width: 0; outline: none; }
.v4h-fForm button { border: 0; border-radius: 999px; background: var(--pink); color: #fff; font-weight: 700; padding: 0 18px; cursor: pointer; white-space: nowrap; }
.v4h-fPromise {
  display: flex; justify-content: center; flex-wrap: wrap; gap: 14px 48px; padding: 18px 16px;
  background: var(--teal-700); font-weight: 700; font-size: 15px;
}
.v4h-fBottom {
  display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; font-size: 13px;
  padding: 16px clamp(16px, 5vw, 72px); background: var(--teal-900);
}
@media (max-width: 900px) {
  .v4h-topbarRight, .v4h-smallLink { display: none; }
  .v4h-burger { display: block; }
  .v4h-nav { display: none; }
  .v4h-navOpen { display: block; }
  .v4h-nav > ul { flex-direction: column; }
  .v4h-drop { position: static; box-shadow: none; padding: 0 12px 12px; display: block; }
  .v4h-promo { grid-template-columns: 1fr; text-align: center; gap: 6px; }
  .v4h-promo a { justify-self: center; }
  .v4h-fTop { grid-template-columns: 1fr 1fr; }
  .v4h-fHello, .v4h-fNews { grid-column: 1 / -1; }
}
.v4h-footer, .v4h-footer span, .v4h-footer p, .v4h-footer a, .v4h-footer h3 { color: #fff !important; }
.v4h-footer h4 { color: var(--butter) !important; }
.v4h-fForm input { color: var(--ink) !important; }
.v4h-topbar, .v4h-topbar span, .v4h-topbar a { color: #fff !important; }
.v4h-promo span, .v4h-promo strong { color: #fff !important; }
.v4h-drawerShade { position: fixed; inset: 0; background: rgba(20, 30, 30, .45); opacity: 0; pointer-events: none; transition: opacity .25s; z-index: 1000; }
.v4h-drawerShadeOn { opacity: 1; pointer-events: auto; }
.v4h-drawer {
  position: fixed; top: 0; right: 0; bottom: 0; width: min(440px, 100vw); background: #fff; z-index: 1001;
  transform: translateX(100%); transition: transform .3s ease; display: flex; flex-direction: column;
  box-shadow: -10px 0 40px rgba(0,0,0,.15); padding: 24px 24px 20px;
}
.v4h-drawerOn { transform: translateX(0); }
.v4h-drawerHead { display: flex; justify-content: space-between; align-items: center; }
.v4h-drawerHead h2, .v4h-drawerTitle { font: 600 28px/1.1 var(--v4-cond), sans-serif ; color: var(--teal-700) !important; margin: 0; }
.v4h-drawerHead h2 span, .v4h-drawerTitle span { font: 400 16px var(--v4-sans), sans-serif; color: #777 !important; }
.v4h-drawerHead button { border: 0; background: none; font-size: 18px; cursor: pointer; }
.v4h-drawerSub { margin: 4px 0 16px; color: #666 !important; font-size: 14px; }
.v4h-shipMeter { background: #F4F6F5; border-radius: 12px; padding: 10px 14px; font-size: 13px; margin-bottom: 8px; }
.v4h-shipMeter span { color: var(--teal-700) !important; font-weight: 700; }
.v4h-shipMeter div { height: 6px; background: #fff; border-radius: 3px; margin-top: 8px; overflow: hidden; }
.v4h-shipMeter i { display: block; height: 100%; background: var(--teal-300); }
.v4h-drawerList { flex: 1; overflow-y: auto; margin: 0 -4px !important; padding: 0 4px !important; }
.v4h-drawerList li { display: grid; grid-template-columns: 72px 1fr auto; gap: 14px; padding: 16px 0; border-bottom: 1px solid #eee; }
.v4h-lineBusy { opacity: .5; }
.v4h-lineImg img { width: 72px; height: 72px; object-fit: cover; border-radius: 12px; background: #F4F6F5; }
.v4h-lineBody { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.v4h-lineName { font-weight: 700; font-size: 15px; }
.v4h-lineBody small { color: #777 !important; font-size: 12px; }
.v4h-lineQty { display: inline-flex; align-items: center; border: 1.5px solid #e2e2e2; border-radius: 999px; width: max-content; margin-top: 6px; }
.v4h-lineQty button { border: 0; background: none; width: 30px; height: 28px; font-size: 16px; cursor: pointer; }
.v4h-lineQty button:disabled { opacity: .35; cursor: default; }
.v4h-lineQty span { min-width: 18px; text-align: center; font-weight: 700; font-size: 14px; }
.v4h-lineRight { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; }
.v4h-lineRight button { border: 0; background: none; color: #999; cursor: pointer; }
.v4h-lineRight strong { font-size: 15px; }
.v4h-drawerFoot { border-top: 1px solid #eee; padding-top: 16px; }
.v4h-drawerTotal { display: flex; justify-content: space-between; font-size: 17px; }
.v4h-drawerTotal strong { font-size: 20px; }
.v4h-drawerFoot p { font-size: 12px; color: #777 !important; margin: 4px 0 14px; }
.v4h-drawerCta { display: block; text-align: center; background: var(--teal-700); color: #fff !important; border-radius: 999px; padding: 15px; font-weight: 700; }
.v4h-drawerCta:hover { background: var(--teal-900); }
.v4h-drawerLink { display: block; text-align: center; margin-top: 10px; font-size: 14px; text-decoration: underline !important; }
.v4h-drawerEmpty { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 16px; text-align: center; }
@media (max-width: 900px) {
  .v4h-promo { padding: 8px 16px; }
  .v4h-promo > span, .v4h-promo > a { display: none; }
  .v4h-promo strong { font-size: 18px; }
  .v4h-mainRow { padding-top: 8px; padding-bottom: 8px; }
  .v4h-logo img { height: 38px; }
  .v4h-navOpen { max-height: calc(100vh - 120px); overflow-y: auto; overscroll-behavior: contain; }
}
.v4h-stuck .v4h-promo { display: none; }
.v4h-stuck .v4h-nav { box-shadow: 0 4px 14px rgba(0,0,0,.08); background: #fff; }
.v4h-npShade { position: fixed; inset: 0; z-index: 1100; background: rgba(20,30,30,.45); display: grid; place-items: center; padding: 16px; }
.v4h-npBox { position: relative; width: min(440px, 100%); background: #fff; border-radius: 24px; padding: 26px 24px 22px; box-shadow: 0 20px 60px rgba(0,0,0,.25); }
.v4h-npClose { position: absolute; top: 12px; right: 12px; width: 34px; height: 34px; border-radius: 50%; border: 0; background: #f1f1ee; cursor: pointer; font-size: 14px; }
.v4h-npKicker { margin: 0 0 4px; font-weight: 700; color: var(--pink) !important; text-transform: none; letter-spacing: .1em; font-size: 12px; }
.v4h-npTitle { margin: 0 0 6px; font: 600 24px/1.15 var(--v4-cond), sans-serif ; color: var(--teal-700) !important; }
.v4h-npSize { margin: 0 0 6px; color: #d93a3a !important; font-weight: 700; font-size: 14px; }
.v4h-npText { margin: 0 0 14px; color: #555 !important; font-size: 14px; }
.v4h-nav > ul > li > a { font-family: var(--v4-sans), sans-serif; font-weight: 500; font-size: 15px; letter-spacing: -.01em; }
.v4h-promo strong { font-weight: 600; letter-spacing: -.01em; }
.v4h-fCol h4, .v4h-fNews h4 { font-family: var(--v4-sans), sans-serif; font-weight: 500; font-size: 15px; }
.v4h-topbar { background: #0F5C45; }
.v4h-topbar, .v4h-topbar span, .v4h-topbar a { color: #F7F3EA !important; }
.v4h-topbarRight, .v4h-topbarRight * { color: #D9BE85 !important; }
.v4h-header { background: #fff; }
.v4h-nav > ul > li > a { font-family: var(--v4-sans), sans-serif; font-weight: 500; font-size: 15px; letter-spacing: 0; color: #1E2421; }
.v4h-nav > ul > li:hover > a { color: #0F5C45; }
.v4h-sale > a { color: #B3261E !important; }
.v4h-dropAll { color: #008556; }
.v4h-dropGrid a:hover { color: #008556; }
.v4h-smallLink { color: #1E2421; }
.v4h-iconBtn:hover { background: #F4F6F5; color: #0F5C45; }
.v4h-cartCount { background: #0F5C45; }
.v4h-searchBar { background: #F4F6F5; }
.v4h-searchBar input { border: 1px solid #E3E7E5; border-radius: 6px; }
.v4h-searchBar button { background: #008556; border-radius: 6px; font-weight: 500; }
.v4h-promo { background: #F4F6F5; border-bottom: 1px solid #E3E7E5; font-family: var(--v4-sans), sans-serif; }
.v4h-promo span, .v4h-promo strong { color: #0F5C45 !important; }
.v4h-promo strong { font-family: var(--v4-cond), sans-serif; font-weight: 600; font-size: 22px; letter-spacing: -.015em; }
.v4h-promo span { font-weight: 500; letter-spacing: 0; }
.v4h-promo a { background: #008556; color: #fff !important; border-radius: 6px; font-weight: 500; }
.v4h-footer { background: #1E2421; }
.v4h-footer, .v4h-footer span, .v4h-footer p, .v4h-footer a, .v4h-footer h3 { color: #E9E4D8 !important; }
.v4h-footer h4 { color: #D9BE85 !important; }
.v4h-fHello h3 { font-family: var(--v4-cond), sans-serif; font-weight: 600; }
.v4h-fCol h4, .v4h-fNews h4 { font-family: var(--v4-sans), sans-serif; font-weight: 500; font-size: 15px; letter-spacing: 0; }
.v4h-fForm button { background: #008556; border-radius: 6px; font-weight: 500; }
.v4h-fForm { border-radius: 8px; }
.v4h-fForm input { border-radius: 6px; }
.v4h-fPromise { background: #172019; }
.v4h-fBottom { background: #121815; }
.v4h-drawerHead h2, .v4h-drawerTitle, .v4h-npTitle { font-family: var(--v4-cond), sans-serif; font-weight: 600; color: #0F5C45 !important; }
.v4h-drawerCta { background: #008556; border-radius: 6px; font-weight: 500; }
.v4h-drawerCta:hover { background: #006B45; }
.v4h-shipMeter { background: #F4F6F5; }
.v4h-shipMeter span { color: #0F5C45 !important; }
.v4h-shipMeter i { background: #008556; }
.v4h-npKicker { color: #0F5C45 !important; }
.v4h-npSize { color: #B3261E !important; }
.v4h-v4 a:focus-visible, .v4h-v4 button:focus-visible { outline: 2px solid #008556; outline-offset: 2px; }
.v4h-nav > ul > li > a { font-family: var(--v4-menu), "Arial Narrow", sans-serif; font-weight: 700; font-size: 18px; letter-spacing: .03em; text-transform: uppercase; color: #0F5C45; padding: 14px 12px; }
.v4h-nav > ul > li:hover > a { color: #008556; }
.v4h-sale > a { color: #B3261E !important; }
@media (max-width: 1200px) { .v4h-nav > ul > li > a { font-size: 16px; padding: 13px 9px; } }
.v4h-topbarLeft { position: absolute; left: 24px; color: #D9BE85 !important; }
.v4h-topbarLocale { position: absolute; right: 24px; display: flex; align-items: center; }
.v4h-locale { display: inline-flex; align-items: center; gap: 4px; color: #F7F3EA !important; }
.v4h-locale svg { flex: 0 0 auto; }
.v4h-locale select {
  appearance: none; -webkit-appearance: none; background: transparent; border: 0; color: #F7F3EA; cursor: pointer;
  font: 600 13px var(--v4-sans), sans-serif; padding: 4px 16px 4px 4px; max-width: 160px; text-overflow: ellipsis;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23F7F3EA' stroke-width='1.6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 3px center;
}
.v4h-locale select option { color: #1E2421; background: #fff; }
.v4h-locale select:focus-visible { outline: 2px solid #D9BE85; outline-offset: 1px; border-radius: 4px; }
@media (max-width: 900px) {
  .v4h-topbarLeft { display: none; }
  .v4h-topbar { justify-content: flex-start; }
  .v4h-topbarLocale { right: 10px; }
}
.v4h-nav > ul > li > a { color: #1E2421; }
.v4h-nav > ul > li:hover > a { color: #008556; }
.v4h-promo span, .v4h-promo strong { color: #1E2421 !important; }
.v4h-cartCount { background: #1E2421; }
.v4h-nav { position: relative; }
.v4h-nav > ul > li.v4h-hasMega { position: static; }
.v4h-mega {
  display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 60;
  background: #fff; border-top: 1px solid #E3E7E5; box-shadow: 0 18px 40px rgba(30,36,33,.12);
  padding: 26px clamp(16px, 4vw, 56px) 20px;
}
.v4h-nav > ul > li.v4h-hasMega:hover > .v4h-mega, .v4h-nav > ul > li.v4h-hasMega:focus-within > .v4h-mega { display: block; }
.v4h-nav > ul > li.v4h-hasMega:hover > .v4h-drop, .v4h-nav > ul > li.v4h-hasMega:focus-within > .v4h-drop { display: none; }
.v4h-megaGrid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 26px 22px;
  max-width: 1400px; margin: 0 auto; justify-items: center;
}
.v4h-megaCol { display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; max-width: 210px; }
.v4h-megaHead {
  font-family: var(--v4-menu), "Arial Narrow", sans-serif; font-weight: 700; font-size: 18px; letter-spacing: .03em;
  text-transform: uppercase; color: #1E2421 !important; margin-bottom: 10px;
}
.v4h-megaHead:hover { color: #008556 !important; }
.v4h-megaImg { display: block; width: 100%; border-radius: 6px; overflow: hidden; margin-bottom: 12px; background: #F4F6F5; }
.v4h-megaImg img { display: block; width: 100%; aspect-ratio: 2 / 1; object-fit: cover; transition: transform .25s; }
.v4h-megaCol:hover .v4h-megaImg img { transform: scale(1.04); }
.v4h-megaLink { font-size: 15px; line-height: 1.35; padding: 5px 0; color: #1E2421 !important; }
.v4h-megaLink:hover { color: #008556 !important; text-decoration: underline !important; }
.v4h-megaAll { display: block; text-align: center; margin: 22px auto 0; font-weight: 600; font-size: 15px; color: #008556 !important; }
.v4h-dropMobileOnly { display: none !important; }
@media (max-width: 900px) {
  .v4h-mega { display: none !important; }
  .v4h-dropMobileOnly { display: block !important; }
}
.v4h-megaGrid { display: flex; flex-wrap: wrap; justify-content: center; }
.v4h-megaCol { flex: 0 0 180px; }
.v4h-megaHead { font-family: var(--v4-menu), "Arial Narrow", sans-serif; font-size: 15px; font-weight: 600; letter-spacing: .02em; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.v4h-megaCol { flex: 0 0 190px; }
@media (max-width: 900px) {
  .v4h-topbar > span:not(.v4h-topbarLocale), .v4h-topbar > a { display: none !important; }
  .v4h-topbar { justify-content: flex-end; min-height: 36px; }
  .v4h-topbarLocale { position: static; }
}
.v4h-topbarLocaleLeft { position: absolute; left: 24px; display: flex; align-items: center; }
.v4h-topbarShip { color: #D9BE85 !important; font-weight: 500; }
.v4h-topbarPromoRight { position: absolute; right: 24px; }
.v4h-topbarPromoRight span { color: #F7F3EA !important; }
@media (max-width: 900px) {
  .v4h-topbar { justify-content: flex-start !important; }
  .v4h-topbar > span.v4h-topbarLocaleLeft { position: static; display: flex !important; }
  .v4h-topbar > .v4h-topbarShip, .v4h-topbar > .v4h-topbarPromoRight { display: none !important; }
}
.v4h-locale { gap: 14px; }
.v4h-lsWrap { position: relative; display: inline-flex; }
.v4h-lsBtn { display: inline-flex; align-items: center; gap: 7px; background: none; border: 0; padding: 4px 2px; cursor: pointer; color: #F7F3EA; font: 600 13px var(--v4-sans), sans-serif; }
.v4h-lsBtn:hover span { text-decoration: underline; }
.v4h-lsBtn:focus-visible { outline: 2px solid #D9BE85; outline-offset: 2px; border-radius: 4px; }
.v4h-lsCaret, .v4h-lsCaretOpen { transition: transform .2s; opacity: .85; }
.v4h-lsCaretOpen { transform: rotate(180deg); }
.v4h-lsFlag { width: 20px; height: 14px; object-fit: cover; border-radius: 2px; box-shadow: 0 0 0 1px rgba(255,255,255,.25); flex: 0 0 auto; }
.v4h-lsMenu {
  position: absolute; top: calc(100% + 8px); left: 0; z-index: 1200; min-width: 230px; max-height: 360px; overflow-y: auto;
  background: #fff; border-radius: 10px; box-shadow: 0 16px 40px rgba(30,36,33,.18); padding: 6px; list-style: none; margin: 0;
}
.v4h-lsItem, .v4h-lsItemOn { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; border: 0; border-radius: 6px; background: none; cursor: pointer; text-align: left; font: 500 14px var(--v4-sans), sans-serif; color: #1E2421; }
.v4h-lsItem:hover { background: #F4F6F5; }
.v4h-lsItemOn { background: #E8F4EE; color: #0F5C45; font-weight: 600; }
.v4h-lsItem .v4h-lsFlag, .v4h-lsItemOn .v4h-lsFlag { box-shadow: 0 0 0 1px rgba(0,0,0,.08); }
.v4h-topbar .v4h-lsMenu, .v4h-topbar .v4h-lsMenu span, .v4h-topbar .v4h-lsItem, .v4h-topbar .v4h-lsItem span { color: #1E2421 !important; }
.v4h-topbar .v4h-lsItemOn, .v4h-topbar .v4h-lsItemOn span { color: #0F5C45 !important; }
.v4h-logo img { height: 40px; width: auto; }
.v4h-fLogo { height: 40px; width: auto; }
@media (max-width: 900px) { .v4h-logo img { height: 30px; } }
.v4h-lsSym { display: inline-block; min-width: 28px; font-weight: 600; color: #6E746F; }
.v4h-topbar .v4h-lsMenu .v4h-lsSym { color: #6E746F !important; }
@media (max-width: 900px) {
  .v4h-mainRow { grid-template-columns: 44px 1fr auto; gap: 8px; padding-left: 12px; padding-right: 8px; }
  .v4h-logo { justify-self: center; }
  .v4h-logo img { height: 26px; }
  .v4h-mainRight { gap: 0; }
  .v4h-iconBtn { width: 36px; height: 36px; }
}
@media (max-width: 380px) { .v4h-logo img { height: 22px; } }
@media (min-width: 901px) {
  .v4h-nav > ul { flex-wrap: nowrap; }
  .v4h-nav > ul > li > a { font-size: clamp(13px, 1.22vw, 18px); padding: 14px clamp(5px, .8vw, 12px); white-space: nowrap; letter-spacing: .02em; }
}
.v4h-pnl { padding: 0; }
.v4h-pnlGrid { display: grid; grid-template-columns: 1.1fr 1fr 1fr 1fr 1.3fr; max-width: 1320px; margin: 0 auto; padding: 26px 32px 22px; }
.v4h-pnlCol { padding: 0 26px; border-left: 1px solid #E3E7E5; display: flex; flex-direction: column; }
.v4h-pnlCol:first-child { padding-left: 0; border-left: 0; }
.v4h-pnlHead { margin: 0 0 14px; font: 600 12px var(--v4-sans), sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #6E746F; }
.v4h-pnlLink, .v4h-pnlSale { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 6px 0; font: 400 15px var(--v4-sans), sans-serif; color: #1E2421 !important; }
.v4h-pnlLink:hover { color: #008556 !important; }
.v4h-pnlSale { color: #B3261E !important; font-weight: 600; }
.v4h-pnlBig .v4h-pnlLink { font: 600 18px var(--v4-cond), sans-serif; letter-spacing: -.015em; padding: 5px 0; }
.v4h-pnlCaf { display: inline-flex; gap: 3px; flex: 0 0 auto; }
.v4h-pnlCaf i { width: 9px; height: 9px; border: 1.5px solid #1E2421; display: block; }
.v4h-pnlCaf i.v4h-pnlOn { background: #1E2421; }
.v4h-pnlFeat { color: #1E2421 !important; }
.v4h-pnlFeat img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 8px; margin-bottom: 12px; }
.v4h-pnlFeat small { font: 600 11px var(--v4-sans), sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #6E746F; }
.v4h-pnlFeat strong { font: 700 19px var(--v4-cond), sans-serif; margin: 4px 0 6px; }
.v4h-pnlFeat span { font-size: 14px; color: #6E746F; }
.v4h-pnlFoot { border-top: 1px solid #E3E7E5; display: flex; gap: 30px; max-width: 1320px; margin: 0 auto; padding: 14px 32px; }
.v4h-pnlFoot a { font-weight: 600; font-size: 14px; color: #008556 !important; }
.v4h-topbar .v4h-pnl span, .v4h-pnl span { text-transform: none; }
.v4h-pnlRow { display: flex; flex-direction: column; padding: 3px 0; }
.v4h-pnlBig .v4h-pnlRow .v4h-pnlLink { padding: 2px 0; }
.v4h-pnlSubs { display: flex; flex-wrap: wrap; gap: 2px 0; margin: 0 0 4px; font: 400 13px/1.35 var(--v4-sans), sans-serif; color: #6E746F; }
.v4h-pnlSubs i { font-style: normal; margin: 0 6px; color: #C9CFCC; }
.v4h-pnlSubs a { color: #6E746F !important; }
.v4h-pnlSubs a:hover { color: #008556 !important; text-decoration: underline !important; }
.v4h-pnlGrid { grid-template-columns: 1.6fr 1fr 1fr 1fr 1.2fr; }
.v4h-pnlBig .v4h-pnlRow + .v4h-pnlRow { border-top: 1px solid #F0F2F1; }
.v4h-logo { display: inline-flex; align-items: center; gap: 6px; }
.v4h-logoPumpkin { font-size: 26px; line-height: 1; transform: rotate(-8deg) translateY(-2px); }
@media (max-width: 900px) { .v4h-logoPumpkin { font-size: 20px; } }
.v4h-mmNav { display: none; }
@media (max-width: 900px) {
  .v4h-mmNav { display: block; max-height: calc(100vh - 110px); overflow-y: auto; overscroll-behavior: contain; background: #fff; border-top: 1px solid #E3E7E5; box-shadow: 0 12px 24px rgba(30,36,33,.12); }
  .v4h-navOpen { display: none !important; }
}
.v4h-mm { padding: 4px 0 16px; }
.v4h-mmItem { border-bottom: 1px solid #EEF1EF; }
.v4h-mmHead { display: flex; align-items: center; justify-content: space-between; padding: 0 8px 0 18px; }
.v4h-mmHead > a { flex: 1; padding: 15px 0; font: 700 17px var(--v4-menu), "Arial Narrow", sans-serif; letter-spacing: .03em; text-transform: uppercase; color: #1E2421 !important; }
.v4h-mmHead button, .v4h-mmTypeHead button { width: 44px; height: 44px; border: 0; background: none; cursor: pointer; display: grid; place-items: center; color: #1E2421; }
.v4h-mmChev, .v4h-mmChevOpen { display: inline-block; font-size: 22px; line-height: 1; transform: translateY(-4px); transition: transform .2s; }
.v4h-mmChevOpen { transform: rotate(180deg) translateY(-2px); }
.v4h-mmSale { color: #B3261E !important; }
.v4h-mmBody { padding: 4px 18px 16px; background: #F7F8F7; }
.v4h-mmType { border-bottom: 1px solid #E8ECEA; }
.v4h-mmTypeHead { display: flex; align-items: center; gap: 10px; }
.v4h-mmTypeHead > a { flex: 1; padding: 12px 0; font: 600 16px var(--v4-sans), sans-serif; color: #1E2421 !important; }
.v4h-mmSpacer { width: 44px; }
.v4h-mmCaf { display: inline-flex; gap: 3px; }
.v4h-mmCaf i { width: 8px; height: 8px; border: 1.5px solid #1E2421; display: block; }
.v4h-mmCaf i.v4h-mmOn { background: #1E2421; }
.v4h-mmPills { display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 0 12px; }
.v4h-mmPills a { padding: 7px 12px; border-radius: 999px; background: #fff; border: 1px solid #DDE3E0; font: 500 14px var(--v4-sans), sans-serif; color: #1E2421 !important; }
.v4h-mmPills a:first-child { background: #0F5C45; border-color: #0F5C45; color: #fff !important; }
.v4h-mmGroup { padding-top: 12px; }
.v4h-mmGroup p { margin: 0 0 6px; font: 600 11px var(--v4-sans), sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #6E746F; }
.v4h-mmGroup .v4h-mmPills a:first-child { background: #fff; border-color: #DDE3E0; color: #1E2421 !important; }
.v4h-mmChev, .v4h-mmChevOpen { transform: none; display: grid; place-items: center; }
.v4h-mmChevOpen { transform: rotate(180deg); }

/* ===== dev2: привязка к странице CS-Cart ===== */
.v4h-header [hidden] { display: none !important; }
/* старая шапка, верхняя полоса и мобильная панель остаются в странице (скрипты CS-Cart), но не видны */
.tygh-top-panel, .tygh-header, .tygh-menu-panel { display: none !important; }
/* липкая шапка: уходит всё выше меню категорий (сдвиг меряет v4-shapka.js) */
html, body { overflow: visible !important; overflow-x: clip !important; }
#v4h_header { position: sticky; top: calc(-1 * var(--v4-head-offset, 0px)); z-index: 900; }
/* тема CS-Cart красит теги напрямую — внутри шапки шрифт и цвет свои */
.v4h-header, .v4h-header :is(a, span, p, li, button, input, small, strong) { font-family: var(--v4-sans); }
.v4h-header .v4h-nav > ul > li > a, .v4h-header .v4h-megaHead, .v4h-header .v4h-mmHead > a { font-family: var(--v4-menu), "Arial Narrow", sans-serif; }
.v4h-header .v4h-pnlBig .v4h-pnlLink, .v4h-header .v4h-pnlFeat strong, .v4h-header .v4h-promo strong { font-family: var(--v4-cond); }
.v4h-header a.v4h-lsBtn { text-decoration: none !important; }
.v4h-lsMenu a { text-decoration: none !important; }
.v4h-header input[type="search"] { -webkit-appearance: none; appearance: none; height: auto; margin: 0; }
.tygh-footer { display: none !important; }
.v4h-footer .v4h-fForm input { color: #1E2421 !important; }
/* меню страны, языка, валюты — без полосы прокрутки вбок (замечание владельца 12.10) */
.v4h-lsMenu { overflow-x: hidden !important; width: max-content; max-width: calc(100vw - 20px); }
.v4h-lsMenu a { white-space: nowrap; box-sizing: border-box; }
.v4h-lsMenu { max-height: min(460px, calc(100vh - 60px)); }
/* липкая шапка не должна сдвигать прокрутку (12.10.2026) */
#v4h_header { overflow-anchor: none; }

/* ===== выдвижная корзина: живая мини-корзина CS-Cart в оформлении V4 (12.10.2026) ===== */
.v4h-drawer { display: flex; flex-direction: column; }
.v4h-drawer[aria-hidden="true"] { visibility: hidden; transition: transform .3s, visibility 0s .3s; }
.v4h-drawer.v4h-drawerOn { visibility: visible; transition: transform .3s; }
.v4h-drawerBody { flex: 1; min-height: 0; overflow-y: auto; margin: 0 -4px; padding: 0 4px; }
.v4h-drawerBody [id^="cart_status_"] > a.ty-dropdown-box__title { display: none !important; }
.v4h-drawerBody .ty-dropdown-box__content { display: block !important; position: static !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; width: auto !important; background: none !important; }
.v4h-drawerBody .cm-cart-content { display: flex; flex-direction: column; }
.v4h-drawerBody .ty-cart-items { order: 1; max-height: none !important; overflow: visible !important; }
.v4h-drawerBody .cm-cart-buttons { order: 3; display: flex !important; flex-direction: column; gap: 10px; border-top: 1px solid #eee; padding-top: 16px; margin-top: 8px; }
.v4h-drawerBody .cm-cart-buttons.hidden { display: none !important; }
.v4h-drawerBody .cm-cart-buttons > div { float: none !important; width: auto !important; margin: 0 !important; }
.v4h-drawerBody .ty-checkout-summary-price { order: -1; display: flex; justify-content: space-between; font: 700 20px var(--v4-sans), sans-serif; color: #1E2421; }
.v4h-drawerBody .ty-checkout-summary-price::before { content: var(--v4t-subtotal, "Subtotal"); font-weight: 400; font-size: 17px; }
.v4h-drawerBody .ty-btn__checkout { order: 0; }
.v4h-drawerBody .ty-btn__view-cart { order: 1; }
.v4h-drawerBody .ty-btn__checkout .ty-btn { display: block !important; text-align: center; background: #008556 !important; color: #fff !important; border: 0 !important; border-radius: 6px !important; padding: 15px !important; font: 600 16px var(--v4-sans), sans-serif !important; text-transform: none !important; height: auto !important; }
.v4h-drawerBody .ty-btn__checkout .ty-btn:hover { background: #006B45 !important; }
.v4h-drawerBody .ty-btn__view-cart .ty-btn { display: block !important; text-align: center; background: none !important; color: #1E2421 !important; border: 0 !important; text-decoration: underline !important; font: 500 14px var(--v4-sans), sans-serif !important; text-transform: none !important; padding: 6px !important; height: auto !important; }
.v4h-drawerBody .ty-cart-items__list { list-style: none; margin: 0; padding: 0; }
.v4h-drawerBody .ty-cart-items__list-item { border-bottom: 1px solid #eee; padding: 16px 0 !important; margin: 0 !important; }
.v4h-drawerBody .ty-cart-items__list-item form { display: grid !important; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 14px; align-items: start; }
.v4h-drawerBody .ty-cart-items__list-item-image { float: none !important; width: 72px !important; margin: 0 !important; }
.v4h-drawerBody .ty-cart-items__list-item-image img { width: 72px !important; height: 72px !important; object-fit: cover; border-radius: 12px; background: #F4F6F5; }
.v4h-drawerBody .ty-cart-items__list-item-desc { float: none !important; width: auto !important; margin: 0 !important; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.v4h-drawerBody .vs-cart-product-title { font: 700 15px/1.3 var(--v4-sans), sans-serif !important; color: #1E2421 !important; text-decoration: none !important; }
.v4h-drawerBody .vs-cart-product-features { font-size: 12px !important; color: #777 !important; text-decoration: none !important; }
.v4h-drawerBody .vs-cart-product-features i { display: none; }
.v4h-drawerBody .ty-cart-items__list-item-features { order: 1; }
.v4h-drawerBody .vs-cart-product-qty { order: 2; display: flex; align-items: center; gap: 8px; font-size: 14px; }
.v4h-drawerBody .ty-cart-item-changer { display: inline-flex; align-items: center; border: 1.5px solid #e2e2e2; border-radius: 999px; }
.v4h-drawerBody .ty-cart-item-increment, .v4h-drawerBody .ty-cart-item-decrement { display: grid; place-items: center; width: 30px; height: 28px; font-size: 16px; color: #1E2421 !important; text-decoration: none !important; }
.v4h-drawerBody .ty-cart-item-decrement { order: -1; }
.v4h-drawerBody .ty-cart-item-qty { min-width: 18px; text-align: center; font-weight: 700; }
.v4h-drawerBody .ty-cart-item-qtydm { color: #999; }
.v4h-drawerBody .ty-cart-items__list-item-tools { float: none !important; margin: 0 !important; }
.v4h-drawerBody .ty-cart-items__list-item-tools a { color: #999 !important; text-decoration: none !important; }
.v4h-drawerBody .ty-cart-empty__cnt { padding: 40px 0; text-align: center; color: #666; }
.v4h-drawerBody .ty-cart-coupons__container { order: 2; display: block !important; margin: 12px 0 0; }
.v4h-drawerBody .ty-cart-coupons__container .ty-input-append { display: flex; gap: 8px; }
.v4h-drawerBody .ty-cart-coupons__container input.ty-input-text { flex: 1; min-width: 0; height: 42px; border: 1px solid #E3E7E5 !important; border-radius: 6px !important; padding: 0 12px !important; }
.v4h-drawerBody .ty-btn-go { border: 0; background: #1E2421; color: #fff; border-radius: 6px; width: 42px; height: 42px; }
/* окно CS-Cart «товар добавлен» не нужно — вместо него выезжает корзина */
/* окно CS-Cart «товар добавлен в корзину» закрывает v4-shapka.js, когда выезжает корзина; окна избранного и прочие — видны */
.v4h-drawer, .v4h-drawer :is(a, span, p, div, input, button, small, strong, li) { font-family: var(--v4-sans), sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; }
.v4h-drawer .v4h-drawerHead h2 { font-family: var(--v4-cond), sans-serif !important; }
.v4h-drawerBody .ty-cart-item-increment, .v4h-drawerBody .ty-cart-item-decrement { background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.v4h-drawerBody .ty-cart-item-increment::before, .v4h-drawerBody .ty-cart-item-decrement::before { display: none !important; }
.v4h-drawerBody .ty-cart-item-changer { padding: 0 2px; }
.v4h-drawerBody .ty-cart-items { order: 1 !important; }
.v4h-drawerBody .ty-cart-coupons__container { order: 2 !important; }
.v4h-drawerBody .ty-cart-items__cnt { display: block; }
.v4h-drawerBody .ty-cart-items > .ty-cart-coupons__container { order: 2; }
.v4h-drawerBody .ty-cart-items { display: flex; flex-direction: column; }
.v4h-drawerBody .ty-cart-items__cnt { order: 1; }
.v4h-drawerBody .ty-price__cnt, .v4h-drawerBody .top-cart-price { font-weight: 600; color: #1E2421; }
.v4h-drawerBody .ty-cart-item-qty { order: 0; }
.v4h-drawerBody .ty-cart-item-increment { order: 1; }

/* ---- меню аккаунта (12.10.2026): живой блок CS-Cart «My account» под иконкой ---- */
.v4h-accWrap { position: relative; display: inline-flex; }
.v4h-accDrop {
  position: absolute; top: calc(100% + 10px); right: -12px; z-index: 1200; width: 320px;
  background: #fff; border: 1px solid #E3E7E5; border-radius: 16px; box-shadow: 0 18px 40px rgba(15, 40, 32, .14);
  padding: 18px 20px 20px; text-align: left; font-family: Inter, system-ui, sans-serif;
  opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .16s, transform .16s, visibility .16s;
}
.v4h-accDrop::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; } /* мостик для мыши */
.v4h-accOn .v4h-accDrop { opacity: 1; visibility: visible; transform: none; }
.v4h-accDrop .vs-my-account { display: block !important; position: static !important; }
.v4h-accDrop .ty-account-info { list-style: none; margin: 0; padding: 0 0 12px; border-bottom: 1px solid #E3E7E5; }
.v4h-accDrop .ty-account-info__item { padding: 0; margin: 0; border: 0; background: none; }
.v4h-accDrop .ty-account-info__name { padding: 2px 10px 10px; font-size: 13px; color: #5c6b66; line-height: 1.45; }
.v4h-accDrop .ty-account-info__name b { color: #1B2B26; font-size: 14px; }
.v4h-accDrop .ty-account-info__a {
  display: block; padding: 8px 10px; border-radius: 10px; color: #1B2B26 !important; text-decoration: none !important;
  font-size: 14px; font-weight: 500; text-transform: none; letter-spacing: 0;
}
.v4h-accDrop .ty-account-info__a:hover { background: #F4F6F5; color: #0F5C45 !important; }
.v4h-accDrop .ty-account-info__orders { padding: 14px 0 0; margin: 0; border: 0; }
.v4h-accDrop .ty-account-info__orders-txt { font-size: 13px; font-weight: 600; color: #1B2B26; margin: 0 0 8px; text-transform: none; }
.v4h-accDrop .ty-account-info__orders-input { display: flex; margin: 0; padding: 0; }
.v4h-accDrop .ty-account-info__orders-input .ty-input-text {
  flex: 1; min-width: 0; width: auto !important; height: 40px; margin: 0; padding: 0 14px; font-size: 14px;
  border: 1px solid #9fb3ae; border-right: 0; border-radius: 999px 0 0 999px; box-shadow: none; background: #fff;
}
.v4h-accDrop .ty-account-info__orders-input .ty-btn-go, .v4h-accDrop .ty-account-info__orders-input button {
  height: 40px; min-width: 46px; margin: 0; border: 0; border-radius: 0 999px 999px 0; background: #008556; color: #fff; padding: 0 14px;
}
.v4h-accDrop .ty-account-info__buttons { display: flex; gap: 10px; margin: 14px 0 0; padding: 0; }
.v4h-accDrop .ty-account-info__buttons .ty-btn {
  flex: 1; float: none !important; margin: 0 !important; height: 42px; line-height: 42px; padding: 0 12px; border-radius: 999px;
  font-size: 14px; font-weight: 600; text-transform: none; letter-spacing: 0; text-align: center; white-space: nowrap;
}
.v4h-accDrop .ty-account-info__buttons .ty-btn__secondary { background: #fff !important; color: #0F5C45 !important; border: 1.5px solid #0F5C45 !important; }
.v4h-accDrop .ty-account-info__buttons .ty-btn__primary { background: #008556 !important; color: #fff !important; border: 1.5px solid #008556 !important; order: 2; }
.v4h-accDrop .ty-account-info__buttons .ty-btn__secondary:hover { background: #F4F6F5 !important; }
.v4h-accDrop .ty-account-info__buttons .ty-btn__primary:hover { background: #0F5C45 !important; }
.v4h-accDrop a[class*="google"], .v4h-accDrop .ty-btn[href*="google"], .v4h-accDrop [class*="hybrid"] a { border-radius: 999px !important; }
@media (max-width: 1006px), (orientation: portrait) {
  .v4h-accDrop { position: fixed; top: 64px; right: 12px; left: 12px; width: auto; }
}
/* меню аккаунта, доводка: строки без капса, поле «Track» и кнопки входа — по ширине окна, кружки V4 */
.v4h-accDrop, .v4h-accDrop * { box-sizing: border-box; }
.v4h-accDrop .ty-account-info .ty-account-info__a { text-transform: none !important; font-family: Inter, system-ui, sans-serif !important; font-size: 14px !important; letter-spacing: 0 !important; }
.v4h-accDrop .ty-account-info__orders-txt { font-family: Inter, system-ui, sans-serif !important; font-size: 13px !important; }
.v4h-accDrop .ty-account-info__orders-input { width: 100% !important; }
.v4h-accDrop .ty-account-info__orders-input .ty-btn-go { flex: 0 0 46px; display: flex; align-items: center; justify-content: center; }
.v4h-accDrop .ty-account-info__buttons .ty-btn { font-family: Inter, system-ui, sans-serif !important; }

/* ---- окно CS-Cart «Added to your wish list» и подобные (12.10.2026): вид V4 вместо старого ---- */
.cm-notification-content-extended {
  border: 0 !important; border-radius: 20px !important; box-shadow: 0 24px 60px rgba(15, 40, 32, .22) !important;
  background: #fff !important; padding: 26px 28px 24px !important; overflow: hidden; max-width: min(560px, calc(100vw - 32px)) !important;
  font-family: Inter, system-ui, sans-serif !important; color: #1B2B26;
}
.cm-notification-content-extended h1 {
  margin: 0 0 18px !important; padding: 0 40px 0 0 !important; border: 0 !important; background: none !important;
  font: 700 22px/1.25 Inter, system-ui, sans-serif !important; letter-spacing: -.01em; text-transform: none !important; color: #0F5C45 !important;
}
.cm-notification-content-extended h1::before { content: "♥"; color: #c0392b; margin-right: 10px; font-size: 18px; }
.cm-notification-content-extended .cm-notification-close {
  position: absolute !important; top: 20px !important; right: 20px !important; width: 36px !important; height: 36px !important;
  border-radius: 50% !important; background: #F4F6F5 !important; display: flex !important; align-items: center; justify-content: center;
  opacity: 1 !important; font-size: 18px !important; line-height: 1 !important; color: #1B2B26 !important; cursor: pointer;
}
.cm-notification-content-extended .cm-notification-close:hover { background: #E3E7E5 !important; }
.cm-notification-content-extended .ty-product-notification__body { padding: 0 !important; margin: 0 !important; border: 0 !important; }
.cm-notification-content-extended .ty-product-notification__item {
  display: flex !important; gap: 16px; align-items: center; padding: 14px !important; margin: 0 !important;
  background: #F4F6F5; border-radius: 14px; border: 0 !important;
}
.cm-notification-content-extended .ty-product-notification__image,
.cm-notification-content-extended .ty-product-notification__item img { width: 72px !important; height: 72px !important; object-fit: cover; border-radius: 10px; margin: 0 !important; float: none !important; background: #fff; }
.cm-notification-content-extended .ty-product-notification__content { flex: 1; min-width: 0; margin: 0 !important; float: none !important; }
.cm-notification-content-extended .ty-product-notification__product-name {
  display: block; font: 600 16px/1.3 Inter, system-ui, sans-serif !important; color: #1B2B26 !important; text-decoration: none !important; text-transform: none !important;
}
.cm-notification-content-extended .ty-product-notification__price { font: 600 14px Inter, system-ui, sans-serif !important; color: #0F5C45 !important; margin: 4px 0 0 !important; float: none !important; }
.cm-notification-content-extended .ty-product-options, .cm-notification-content-extended .ty-product-options * {
  font: 400 13px/1.4 Inter, system-ui, sans-serif !important; color: #5c6b66 !important; margin: 0 !important; padding: 0 !important; width: auto !important; float: none !important;
}
.cm-notification-content-extended .ty-product-options { display: flex; gap: 6px; margin-top: 4px !important; }
.cm-notification-content-extended .ty-product-notification__buttons {
  display: flex !important; justify-content: flex-end; gap: 10px; margin: 18px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important;
}
.cm-notification-content-extended .ty-product-notification__buttons > div { float: none !important; margin: 0 !important; }
.cm-notification-content-extended .ty-product-notification__buttons .ty-btn {
  display: inline-flex !important; align-items: center; height: 44px; padding: 0 24px !important; margin: 0 !important; border-radius: 999px !important;
  font: 700 14px Inter, system-ui, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important;
  background: #008556 !important; color: #fff !important; border: 0 !important; box-shadow: none !important;
}
.cm-notification-content-extended .ty-product-notification__buttons .ty-btn:hover { background: #0F5C45 !important; }
.cm-notification-content-extended .ty-product-notification__buttons .ty-btn__secondary,
.cm-notification-content-extended .ty-product-notification__buttons .ty-btn__tertiary { background: #fff !important; color: #0F5C45 !important; border: 1.5px solid #0F5C45 !important; }
/* блок CS-Cart в меню — по ширине окна (у темы своя ширина 400px и отступы) */
.v4h-accDrop .vs-my-account, .v4h-accDrop .vs-my-account > *, .v4h-accDrop form { width: auto !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
.v4h-accDrop .vs-my-account { padding: 0 !important; border: 0 !important; box-shadow: none !important; background: none !important; }
.v4h-accDrop .ty-account-info { padding: 0 0 12px !important; }
.v4h-accDrop .ty-account-info { margin: 0 !important; }
/* кнопки входа через соцсети (12.10.2026, слово владельца: «как на старом сайте»): во всю ширину, в цвете сервиса,
   со значком; форма — таблетка V4 */
.v4h-accDrop .vs-social-login { margin: 14px 0 0 !important; padding: 0 !important; }
.v4h-accDrop .vs-social-text { margin: 0 0 8px !important; font: 400 12px Inter, system-ui, sans-serif !important; color: #5c6b66 !important; text-transform: none !important; text-align: left !important; }
.v4h-accDrop .vs-auth { display: flex !important; flex-direction: column; gap: 8px; margin: 0 !important; padding: 0 !important; }
/* кнопки входа через соцсети в меню аккаунта — фирменный вид, как в профиле (15.10.2026, слово владельца) */
.v4h-accDrop .vs-login-provider-btn {
  display: flex !important; align-items: center; justify-content: center; gap: 10px; width: 100% !important; height: 42px !important;
  margin: 0 !important; padding: 0 16px !important; border: 1.5px solid transparent !important; border-radius: 999px !important; box-shadow: 0 2px 6px rgba(0,0,0,.06) !important;
  font: 600 14px/1 Inter, system-ui, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important;
  text-decoration: none !important; white-space: nowrap; transition: box-shadow .15s, transform .15s;
}
.v4h-accDrop .vs-login-provider-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(0,0,0,.12) !important; }
.v4h-accDrop .vs-login-provider-btn::before { content: ""; flex: 0 0 20px; width: 20px; height: 20px; background: center / contain no-repeat; }
.v4h-accDrop .vs-login-facebook { background: #1877F2 !important; color: #fff !important; }
.v4h-accDrop .vs-login-google { background: #fff !important; color: #1F1F1F !important; border-color: #DADCE0 !important; }
.v4h-accDrop .vs-login-amazon { background: #232F3E !important; color: #fff !important; }
.v4h-accDrop .vs-login-microsoft { background: #fff !important; color: #1F1F1F !important; border-color: #8C8C8C !important; }
.v4h-accDrop .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"); }
.v4h-accDrop .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"); }
.v4h-accDrop .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"); }
.v4h-accDrop .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"); }
/* меню всегда поверх содержимого страницы и непрозрачное */
.v4h-header:has(.v4h-accOn) { z-index: 1150; }
.v4h-accOn .v4h-accDrop { opacity: 1 !important; }
/* окно «Added to …», доводка: без внутренней рамки, крестик нарисован, цена под названием, кнопка — зелёная */
.cm-notification-content-extended .notification-body-extended { border: 0 !important; padding: 0 !important; margin: 0 !important; background: none !important; box-shadow: none !important; }
.cm-notification-content-extended .cm-notification-close::before, .cm-notification-content-extended .cm-notification-close::after {
  content: ""; position: absolute; left: 11px; top: 17px; width: 14px; height: 2px; border-radius: 2px; background: #1B2B26; transform: rotate(45deg);
}
.cm-notification-content-extended .cm-notification-close::after { transform: rotate(-45deg); }
.cm-notification-content-extended .ty-product-notification__content > .clearfix { display: block; }
.cm-notification-content-extended .ty-product-notification__content .clearfix::before,
.cm-notification-content-extended .ty-product-notification__content .clearfix::after { content: none !important; }
.cm-notification-content-extended .ty-product-notification__price { display: block !important; }
.cm-notification-content-extended .ty-product-options__title { display: none !important; }
.cm-notification-content-extended .ty-product-options__info { margin: 4px 0 0 !important; padding: 0 !important; }
.cm-notification-content-extended:has(a[href*="wishlist"]) .ty-product-notification__item::before {
  content: "♥"; flex: 0 0 44px; height: 44px; border-radius: 50%; background: #fff; color: #c0392b; font-size: 20px;
  display: flex; align-items: center; justify-content: center;
}
.cm-notification-content-extended .ty-product-notification__buttons .ty-btn__secondary { background: #008556 !important; color: #fff !important; border: 0 !important; }
.cm-notification-content-extended .ty-product-notification__buttons .ty-btn__secondary:hover { background: #0F5C45 !important; }
.cm-notification-content-extended h1::before { content: none; }
.cm-notification-content-extended h1 { position: static !important; overflow: visible !important; }
.cm-notification-content-extended .cm-notification-close { z-index: 2; }
.cm-notification-content-extended .ty-product-notification__content > .clearfix { display: flex !important; flex-direction: column; align-items: flex-start; gap: 2px; }

/* ===== Всплывающие окна в виде V4 (13.10.2026, слово владельца) ===== */
/* «Subscribe & Save 20%»: карточка снизу справа, сверху фото (img/popup-tea.webp), значок «20% off» */
#v4sp_box.v4sp { right: 24px !important; bottom: 24px !important; border: 0 !important; background: none !important; z-index: 1150 !important; animation: v4spIn .4s ease-out; }
@keyframes v4spIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
#v4sp_box.v4sp .hw_subscribe_popup_inner { width: 360px !important; padding: 0 !important; background: #fff; border-radius: 22px; overflow: hidden; box-shadow: 0 24px 60px rgba(15, 40, 32, .25); font-family: Inter, system-ui, sans-serif; }
#v4sp_box .v4sp-img { position: relative; display: block; height: 128px; background: #E8F3EE url("img/popup-tea.webp") center / cover no-repeat; }
#v4sp_box .v4sp-badge { position: absolute; left: 18px; bottom: -18px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: #B8934A; color: #fff; font-size: 12px; line-height: 1; box-shadow: 0 6px 16px rgba(0,0,0,.18); }
#v4sp_box .v4sp-badge b { font-size: 20px; font-weight: 800; color: #fff !important; }
#v4sp_box .hw_subscribe_popup_close { position: absolute !important; top: 12px !important; right: 12px !important; width: 32px !important; height: 32px !important; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.92) !important; color: #1E2421; font: 400 22px/32px Arial, sans-serif !important; text-align: center; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.12); }
#v4sp_box .hw_subscribe_popup_close:hover { background: #fff !important; }
#v4sp_box .v4sp-body { padding: 28px 24px 20px; text-align: left; }
#v4sp_box .v4sp-kicker { margin: 0 0 4px !important; font-size: 11px !important; letter-spacing: .14em; text-transform: uppercase; color: #6E746F; text-align: left !important; }
#v4sp_box .hw_subscribe_popup_inner .h3 { margin: 0 0 8px !important; text-align: left !important; font: 600 24px/1.15 var(--v4-cond, Inter), sans-serif !important; letter-spacing: -.01em; color: #0F5C45; text-transform: lowercase; }
#v4sp_box .hw_subscribe_popup_inner .h3::first-letter { text-transform: uppercase; }
#v4sp_box .hw_subscribe_popup_inner p.v4sp-text { margin: 0 0 16px !important; text-align: left !important; font-size: 14px !important; line-height: 1.5; color: #4A524D; }
#v4sp_box .hw_subscribe_popup_inner p.v4sp-text b { color: #0F5C45; }
#v4sp_box .v4sp-form { position: relative; display: flex; margin: 0 0 8px !important; width: 100% !important; }
#v4sp_box .hw_subscribe_popup_inner form .v4sp-form input { flex: 1; min-width: 0; height: 46px !important; margin: 0 !important; padding: 0 128px 0 18px !important; border: 1.5px solid #CFD8D4 !important; border-radius: 999px !important; font-size: 14px; color: #1E2421 !important; background: #fff; box-shadow: none; }
#v4sp_box .hw_subscribe_popup_inner form .v4sp-form input:focus { border-color: #008556 !important; outline: none; }
#v4sp_box .hw_subscribe_popup_inner form .v4sp-form button { position: absolute !important; top: 4px !important; right: 4px !important; width: auto !important; height: 38px !important; padding: 0 18px !important; border: 0 !important; border-radius: 999px !important; background: #008556 !important; color: #fff !important; font: 700 14px Inter, system-ui, sans-serif !important; text-transform: none !important; }
#v4sp_box .hw_subscribe_popup_inner form .v4sp-form button:hover { background: #0F5C45 !important; }
#v4sp_box .v4sp-note { margin: 0 !important; font-size: 12px !important; color: #8A928E; text-align: left !important; }
/* ярлычок на телефоне */
#hw_subscribe_popup_mobile.v4sp-tab { border: 0 !important; border-radius: 14px 0 0 14px !important; background: #0F5C45 !important; opacity: 1 !important; height: auto !important; box-shadow: 0 6px 18px rgba(15, 40, 32, .25); }
#hw_subscribe_popup_mobile.v4sp-tab .hw_subscribe_popup_mobile_inner { padding: 8px 10px !important; font: 600 12px/1.2 Inter, system-ui, sans-serif; color: #fff; text-align: center; }
@media (max-width: 480px) {
  #v4sp_box.v4sp { left: 12px !important; right: 12px !important; bottom: 12px !important; }
  #v4sp_box.v4sp .hw_subscribe_popup_inner { width: auto !important; }
}

/* Окно после переадресации по стране: снизу слева, флаги «откуда → куда», две кнопки */
#redirect_popup.v4rp { left: 24px !important; bottom: 24px !important; border: 0 !important; background: none !important; z-index: 1150 !important; animation: v4spIn .4s ease-out; }
#redirect_popup.v4rp .redirect_popup_inner { position: relative; width: 340px; padding: 22px 22px 20px !important; background: #fff url("img/tea-pattern.svg") right -60px top -70px / 220px 220px no-repeat; border-radius: 22px; box-shadow: 0 24px 60px rgba(15, 40, 32, .25); font: 400 14px/1.5 Inter, system-ui, sans-serif !important; text-align: left; }
#redirect_popup .redirect_popup_close { position: absolute !important; top: 12px !important; right: 12px !important; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: #F4F6F5; color: #1E2421; font: 400 22px/32px Arial, sans-serif; cursor: pointer; }
#redirect_popup .v4rp-flags { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
#redirect_popup .v4rp-flag { width: 34px; height: 24px; object-fit: cover; border-radius: 5px; box-shadow: 0 0 0 1px rgba(0,0,0,.08); }
#redirect_popup .v4rp-flagFrom { opacity: .55; }
#redirect_popup .v4rp-arrow { color: #8A928E; font-size: 16px; }
#redirect_popup .v4rp-kicker { margin: 0 0 2px; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #6E746F; }
#redirect_popup .redirect_popup_inner .h3 { margin: 0 0 6px !important; font: 600 22px/1.15 var(--v4-cond, Inter), sans-serif !important; color: #0F5C45; text-align: left !important; text-transform: none !important; }
#redirect_popup .redirect_popup_content { margin: 0 0 16px; color: #4A524D; font-size: 14px; text-align: left; }
#redirect_popup .redirect_popup_content b { color: #1E2421; font-weight: 600; }
#redirect_popup .v4rp-btns { display: flex; flex-direction: column; gap: 8px; }
#redirect_popup .v4rp-stay { position: static !important; width: 100% !important; height: 44px !important; border-radius: 999px !important; background: #008556 !important; color: #fff !important; font: 700 14px/44px Inter, system-ui, sans-serif !important; box-shadow: none; }
#redirect_popup .v4rp-stay:hover { background: #0F5C45 !important; }
#redirect_popup a.v4rp-back { display: block; height: 44px; line-height: 41px; border: 1.5px solid #CFD8D4; border-radius: 999px; text-align: center; color: #0F5C45 !important; font-weight: 600; text-decoration: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 14px; }
#redirect_popup a.v4rp-back:hover { background: #F4F6F5; border-color: #9fb3ae; }
@media (max-width: 480px) {
  #redirect_popup.v4rp { left: 12px !important; right: 12px !important; bottom: 12px !important; }
  #redirect_popup.v4rp .redirect_popup_inner { width: auto; }
}
/* шрифт V4 во всём тексте окон (тема ставила свой узкий) */
#v4sp_box.v4sp *, #redirect_popup.v4rp * { font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif !important; }
#v4sp_box.v4sp .h3, #redirect_popup.v4rp .h3 { font-family: var(--v4-cond, Inter), Inter, sans-serif !important; }
#v4sp_box .hw_subscribe_popup_close, #redirect_popup .redirect_popup_close { font-family: Arial, sans-serif !important; }
/* телефон: окна — карточкой у нижнего края; окно страны тема прятала на телефонах — показываем (13.10.2026) */
@media (max-width: 767px) {
  #redirect_popup.v4rp { display: block !important; }
  #v4sp_box.v4sp, #redirect_popup.v4rp { position: fixed !important; left: 12px !important; right: 12px !important; bottom: 12px !important; width: auto !important; max-width: none !important; margin: 0 !important; background: none !important; }
  #v4sp_box.v4sp .hw_subscribe_popup_inner, #redirect_popup.v4rp .redirect_popup_inner { width: auto !important; padding-left: 20px !important; padding-right: 20px !important; }
  #v4sp_box.v4sp .hw_subscribe_popup_inner { padding: 0 !important; }
  #v4sp_box .v4sp-img { height: 104px; }
}

/* Окно «подписка оформлена» по центру (13.10.2026) */
.v4-subok { position: fixed; inset: 0; z-index: 2000; display: grid; place-items: center; padding: 16px; background: rgba(20, 30, 28, .45); animation: v4subokFade .2s ease; }
@keyframes v4subokFade { from { opacity: 0; } to { opacity: 1; } }
.v4-subokBox { position: relative; width: min(440px, 100%); padding: 40px 32px 30px; border-radius: 24px; text-align: center; background: #fff url("img/tea-pattern.svg") center top -40px / 240px 240px; box-shadow: 0 30px 80px rgba(15, 40, 32, .3); font-family: Inter, system-ui, sans-serif; animation: v4subokUp .3s ease-out; }
@keyframes v4subokUp { from { transform: translateY(14px) scale(.97); } to { transform: none; } }
.v4-subokClose { position: absolute; top: 14px; right: 14px; width: 34px; height: 34px; border: 0; border-radius: 50%; background: #F4F6F5; color: #1E2421; font: 400 22px/34px Arial, sans-serif; cursor: pointer; }
.v4-subokIcon { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin-bottom: 16px; border-radius: 50%; background: #E8F3EE; color: #008556; box-shadow: 0 0 0 8px rgba(0, 133, 86, .07); }
.v4-subokKicker { margin: 0 0 6px; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: #B8934A; font-weight: 600; }
.v4-subokTitle { margin: 0 0 10px; font: 600 28px/1.15 var(--v4-cond, Inter), sans-serif; letter-spacing: -.015em; color: #0F5C45; text-transform: none; }
.v4-subokText { margin: 0 0 24px; font-size: 15px; line-height: 1.55; color: #4A524D; }
.v4-subokBtn { height: 50px; padding: 0 34px; border: 0; border-radius: 999px; background: #008556; color: #fff; font: 700 15px Inter, system-ui, sans-serif; cursor: pointer; }
.v4-subokBtn:hover { background: #0F5C45; }
.v4-subokBox { background: #fff; }
.v4-subokBox::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 150px; border-radius: 24px 24px 0 0; background: linear-gradient(180deg, rgba(255,255,255,0) 40%, #fff 100%), #F4F6F5 url("img/tea-pattern.svg") center -30px / 220px 220px; pointer-events: none; }
.v4-subokBox > * { position: relative; }
.v4-subokBox .v4-subokClose { position: absolute; }
.v4-subokBox, .v4-subokBox p, .v4-subokBox button { font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif !important; }
.v4-subokBox .v4-subokTitle { font-family: var(--v4-cond, Inter), Inter, sans-serif !important; }
.v4-subokBox .v4-subokClose { font-family: Arial, sans-serif !important; }

/* Новый логотип (13.10.2026, слово владельца): «tealyra» с чайником и листом, почти квадратный — выше прежнего */
.v4h-logo img { height: 58px !important; width: auto !important; }
.v4h-fLogo { height: 64px !important; width: auto !important; }
@media (max-width: 900px) { .v4h-logo img { height: 46px !important; } }
@media (max-width: 1006px), (orientation: portrait) { .v4h-logo img { height: 40px !important; } }
@media (max-width: 380px) { .v4h-logo img { height: 34px !important; } }
/* полоса обратного отсчёта (окно закрывается само через 4 с) */
.v4-subokBox { overflow: hidden; }
.v4-subokBar { position: absolute !important; left: 0; bottom: 0; height: 4px; width: 100%; background: #008556; transform-origin: left; animation: v4subokBar 4s linear forwards; }
@keyframes v4subokBar { from { transform: scaleX(1); } to { transform: scaleX(0); } }

/* ===== Поиск в шапке, всегда виден на компьютере + живые подсказки (14.10.2026) ===== */
.v4h-searchInline { position: relative; display: flex; align-items: center; width: clamp(220px, 20vw, 320px); margin-right: 8px; }
.v4h-searchInline .v4h-siIco { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); display: flex; color: #6E746F; pointer-events: none; }
.v4h-searchInline .v4h-siIco svg { width: 18px; height: 18px; }
.v4h-searchInline input.v4h-lsInput { width: 100%; height: 42px; margin: 0; padding: 0 16px 0 40px; border: 1.5px solid #E3E7E5; border-radius: 999px; background: #F4F6F5; font: 400 14px Inter, system-ui, sans-serif; color: #1E2421; box-shadow: none; transition: border-color .2s, background .2s; }
.v4h-searchInline input.v4h-lsInput:focus { outline: none; border-color: #008556; background: #fff; }
.v4h-searchMob { display: none !important; }
@media (max-width: 1006px), (orientation: portrait) {
  .v4h-searchInline { display: none; }
  .v4h-searchMob { display: inline-flex !important; }
}
.v4h-searchBar { position: relative; }
.v4h-lsDrop { position: absolute; top: calc(100% + 8px); right: 0; z-index: 1300; width: min(440px, 92vw); max-height: 70vh; overflow-y: auto; padding: 8px; background: #fff; border: 1px solid #E3E7E5; border-radius: 16px; box-shadow: 0 18px 44px rgba(15, 40, 32, .16); text-align: left; font-family: Inter, system-ui, sans-serif; }
.v4h-searchBar .v4h-lsDrop { left: clamp(16px, 4vw, 48px); right: clamp(16px, 4vw, 48px); width: auto; }
.v4h-lsDrop .live-search-box { position: static !important; display: block !important; width: auto !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; background: none !important; }
.v4h-lsDrop ul { list-style: none; margin: 0; padding: 0; }
.v4h-lsDrop .live-item-li { margin: 0; padding: 0; border: 0 !important; }
.v4h-lsDrop .live-item-li a { display: block; padding: 8px 10px; border-radius: 10px; color: #1E2421 !important; text-decoration: none !important; }
.v4h-lsDrop .live-item-li a:hover, .v4h-lsDrop .live-item-li a:focus { background: #F4F6F5; outline: none; }
.v4h-lsDrop .live-item-container { display: flex; align-items: center; gap: 12px; }
.v4h-lsDrop .live-image-container { flex: 0 0 48px; width: 48px; height: 48px; margin: 0 !important; float: none !important; }
.v4h-lsDrop .live-image-container img { width: 48px !important; height: 48px !important; object-fit: cover; border-radius: 8px; }
.v4h-lsDrop .live-info-container { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; margin: 0 !important; float: none !important; }
.v4h-lsDrop .live-product-name { font: 600 14px/1.3 Inter, system-ui, sans-serif !important; color: #1E2421 !important; text-transform: none !important; }
.v4h-lsDrop .live-product-price, .v4h-lsDrop .live-product-price * { font: 600 13px Inter, system-ui, sans-serif !important; color: #0F5C45 !important; }
.v4h-lsDrop .live-product-code { font-size: 12px; color: #8A928E; }
.v4h-lsDrop .live-match-higthlight { background: #FFF1B8; color: inherit; border-radius: 3px; }
.v4h-lsDrop .live-bottom-buttons { display: flex; justify-content: center; padding: 6px 0 2px; font-size: 12px; color: #8A928E; border-top: 1px solid #EEF1EF; margin-top: 4px; }
.v4h-lsDrop .live-left-bottom-button, .v4h-lsDrop .live-right-bottom-button { display: none; }
.v4h-lsDrop .clearfix { display: none; }
.v4h-lsNone { margin: 10px 12px; font-size: 14px; color: #6E746F; }
.v4h-lsAll { display: block; width: 100%; margin-top: 6px; padding: 10px; border: 0; border-radius: 10px; background: #E8F3EE; color: #0F5C45; font: 700 14px Inter, system-ui, sans-serif; cursor: pointer; }
.v4h-lsAll:hover { background: #D7EBE2; }

/* ===== Корзина в шапке: сумка + «Bag» + число в мятном кружке (14.10.2026, слово владельца) ===== */
.v4h-bagBtn { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 8px 0 8px; margin-left: 4px; border-radius: 999px; color: #1E2421 !important; text-decoration: none !important; transition: background .2s; }
.v4h-bagBtn:hover { background: #F4F6F5; }
.v4h-bagBtn svg { width: 24px; height: 24px; }
.v4h-bagTxt { font: 500 15px Inter, system-ui, sans-serif; }
.v4h-bagBtn .v4h-cartCount { position: static !important; display: inline-flex; align-items: center; justify-content: center; min-width: 30px; height: 30px; padding: 0 8px; border-radius: 999px; background: #DDF2EA !important; color: #0F5C45 !important; font: 700 14px Inter, system-ui, sans-serif; transform: none !important; }
@media (max-width: 1006px), (orientation: portrait) {
  .v4h-bagTxt { display: none; }
  .v4h-bagBtn { gap: 4px; padding: 0 4px; height: 36px; }
  .v4h-bagBtn .v4h-cartCount { min-width: 22px; height: 22px; font-size: 12px; padding: 0 6px; }
}

/* корзина-шторка: без горизонтальной прокрутки (14.10.2026, замечание владельца) */
.v4h-drawer, .v4h-drawerBody { overflow-x: hidden !important; }
.v4h-drawerBody *, .v4h-drawerBody .ty-cart-items, .v4h-drawerBody .ty-cart-items__list { max-width: 100%; box-sizing: border-box; }

/* ===== Support в шапке (14.10.2026) ===== */
.v4h-ddWrap { position: relative; display: inline-flex; }
.v4h-ddBtn { display: inline-flex; align-items: center; gap: 5px; background: none; border: 0; padding: 0; cursor: pointer; font: inherit; color: inherit; }
.v4h-ddBtn svg { transition: transform .2s; }
.v4h-ddOn .v4h-ddBtn svg { transform: rotate(180deg); }
.v4h-ddPanel { position: absolute; top: calc(100% + 14px); left: -20px; z-index: 1200; display: grid; grid-template-columns: auto auto; gap: 40px; padding: 22px 28px 24px; background: #fff; border: 1px solid #E3E7E5; border-radius: 18px; box-shadow: 0 18px 44px rgba(15, 40, 32, .14); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .16s, transform .16s, visibility .16s; white-space: nowrap; text-align: left; }
.v4h-ddPanel::before { content: ""; position: absolute; left: 0; right: 0; top: -16px; height: 16px; }
.v4h-ddOn .v4h-ddPanel { opacity: 1; visibility: visible; transform: none; }
.v4h-ddCol { display: flex; flex-direction: column; gap: 4px; }
.v4h-ddHead { margin: 0 0 8px; font: 600 20px/1.1 var(--v4-cond, Inter), sans-serif; color: #0F5C45; letter-spacing: -.01em; }
.v4h-ddCol a { padding: 5px 0; color: #1E2421 !important; text-decoration: none !important; font: 400 15px Inter, system-ui, sans-serif; }
.v4h-ddCol a:hover { color: #008556 !important; text-decoration: underline !important; text-underline-offset: 3px; }
.v4h-ddCol a.v4h-ddCta { align-self: flex-start; margin-top: 10px; padding: 9px 18px; border-radius: 999px; background: #008556; color: #fff !important; font-weight: 700; }
.v4h-ddCol a.v4h-ddCta:hover { background: #0F5C45; color: #fff !important; text-decoration: none !important; }
/* шторка корзины на телефоне не шире экрана (14.10.2026, замечание владельца: обрезалась слева) */
.v4h-drawer { box-sizing: border-box !important; max-width: 100vw !important; }
.v4h-drawer * { box-sizing: border-box; }
@media (max-width: 480px) { .v4h-drawer { width: 100vw !important; padding-left: 16px !important; padding-right: 16px !important; } }
/* ссылки слева в шапке (14.10.2026): Support как остальные, все три чуть крупнее */
.v4h-mainLeft .v4h-smallLink, .v4h-mainLeft .v4h-ddBtn { font: 500 15.5px Inter, system-ui, sans-serif !important; color: #1E2421 !important; }
.v4h-mainLeft { gap: 22px; }
/* значки шапки — стиль C, двухцветные залитые (14.10.2026, выбор владельца) */
.v4h-ic2 { width: 24px; height: 24px; flex: 0 0 auto; display: block; }
.v4h-withIc { display: inline-flex !important; align-items: center; gap: 7px; }
.v4h-withIc .v4h-ic2 { width: 20px; height: 20px; }
.v4h-iconBtn .v4h-ic2, .v4h-bagBtn .v4h-ic2 { width: 25px; height: 25px; transition: transform .2s; }
.v4h-iconBtn:hover .v4h-ic2, .v4h-bagBtn:hover .v4h-ic2, .v4h-withIc:hover .v4h-ic2 { transform: translateY(-1px) scale(1.06); }
/* меню Gift cards — одна колонка; кнопка «Buy» сверху, ссылка «Check balance» под ней (14.10.2026) */
.v4h-ddPanel.v4h-ddOne { grid-template-columns: auto; gap: 0; padding: 16px 18px; }
.v4h-ddOne .v4h-ddCol a.v4h-ddCta { margin: 0 0 8px; }
/* телефон: ссылки слева прячутся, как раньше (их показывает меню-бургер) */
@media (max-width: 1006px), (orientation: portrait) { .v4h-mainLeft .v4h-withIc, .v4h-mainLeft .v4h-ddWrap { display: none !important; } }

/* ===== Корзина-шторка: смена фасовки (14.10.2026, слово владельца — нужен указатель, что можно выбрать другую) =====
   Строка размера — таблетка со стрелкой; по нажатию (скрипт темы) открывается панель вариантов с ценами. */
.v4h-drawerBody .ty-cart-items__list-item-features { margin: 2px 0 6px; }
.v4h-drawerBody a.vs-cart-product-features { display: inline-flex !important; align-items: center; gap: 6px; padding: 3px 10px 3px 12px; border: 1px solid #CFD8D4; border-radius: 999px; background: #F4F6F5; color: #1E2421 !important; font: 500 13px Inter, system-ui, sans-serif !important; text-decoration: none !important; cursor: pointer; transition: border-color .2s, background .2s; }
.v4h-drawerBody a.vs-cart-product-features:hover { border-color: #008556; background: #E8F3EE; }
.v4h-drawerBody a.vs-cart-product-features i { display: none !important; }
.v4h-drawerBody a.vs-cart-product-features::after { content: ""; order: 2; width: 8px; height: 8px; margin-left: 2px; border-right: 1.6px solid #0F5C45; border-bottom: 1.6px solid #0F5C45; transform: rotate(45deg) translate(-2px, -2px); transition: transform .2s; }
.v4h-drawerBody .ty-cart-items__list-item-features:has(+ .vs-cart-product-options.is-open) a.vs-cart-product-features::after,
.v4h-drawerBody .ty-cart-items__list-item-desc:has(.vs-cart-product-options.is-open) a.vs-cart-product-features::after { transform: rotate(-135deg) translate(-2px, -2px); }
.v4h-drawerBody .vs-cart-product-options.is-open { display: block !important; margin: 6px 0 4px; }
.v4h-drawerBody .vs-cart-product-options .ty-product-options, .v4h-drawerBody .vs-cart-product-options .ty-product-options__item { margin: 0 !important; padding: 0 !important; border: 0 !important; }
.v4h-drawerBody .vs-cart-product-options .ty-product-options__buttons { display: flex !important; flex-wrap: wrap; gap: 6px; margin: 0 !important; }
.v4h-drawerBody .vs-cart-product-options .ty-product-options__button { float: none !important; display: flex !important; flex-direction: column; align-items: center; min-width: 74px; margin: 0 !important; padding: 6px 10px !important; border: 1.5px solid #E3E7E5 !important; border-radius: 10px !important; background: #fff !important; font: 600 12px/1.2 Inter, system-ui, sans-serif !important; color: #1E2421 !important; cursor: pointer; text-align: center; }
.v4h-drawerBody .vs-cart-product-options .ty-product-options__button:hover { border-color: #9fb3ae !important; }
.v4h-drawerBody .vs-cart-product-options .ty-product-options__button .ty-variant-price { margin-top: 2px; font-weight: 500; color: #0F5C45 !important; font-size: 12px !important; }
.v4h-drawerBody .vs-cart-product-options .product_variant_button_selected { border-color: #008556 !important; background: #E8F3EE !important; }

/* шторка: панель вариантов — отдельной строкой под товаром, не поверх названия (14.10.2026) */
.v4h-drawerBody .ty-cart-items__list-item form > .vs-cart-product-options { grid-column: 2 / 4; grid-row: 2; }
/* шторка: итоги внизу — Subtotal, скидка, подарочный сертификат, Total (14.10.2026, слово владельца).
   Строка скидки сверху над товарами убрана; старая «Subtotal» (сумма после скидки) скрыта — её читает полоска доставки. */
.v4h-drawerBody .ty-cart-items__header .ty-cart-items-discount { display: none !important; }
.v4h-drawerBody .ty-checkout-summary-price { display: none !important; }
.v4h-drawerBody .v4-mcTotals { order: -1; display: flex; flex-direction: column; gap: 6px; padding-bottom: 6px; font-family: Inter, system-ui, sans-serif; }
.v4h-drawerBody .v4-mcRow { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 15px; color: #4A524D; }
.v4h-drawerBody .v4-mcRow small { font-size: 12px; color: #8A928E; }
.v4h-drawerBody .v4-mcMinus span:last-child { color: #0F5C45; font-weight: 600; }
.v4h-drawerBody .v4-mcTotal { margin-top: 4px; padding-top: 10px; border-top: 1px solid #E3E7E5; color: #1E2421; font-size: 17px; }
.v4h-drawerBody .v4-mcTotal span:last-child { font: 700 22px Inter, system-ui, sans-serif; }
.v4h-drawerBody .v4-mcRow .ty-price, .v4h-drawerBody .v4-mcRow .ty-price-num, .v4h-drawerBody .v4-mcRow span span { font: inherit !important; color: inherit !important; }
/* в обычной выпадашке темы (не шторке) блок не нужен */
.ty-dropdown-box__content .v4-mcTotals { display: none; }
.v4h-drawerBody .ty-dropdown-box__content .v4-mcTotals { display: flex; }

/* ===== Подвал, компактный (14.10.2026, образец DAVIDsTEA): тёмно-зелёный фон с лёгким чайным узором,
   логотип | три колонки | подписка + соцсети; нижняя строка с правовыми ссылками ===== */
.v4h-footer2 { position: relative; background: #0F3D30 url("img/tea-pattern-light.svg") 0 0 / 260px 260px !important; color: #fff; font-family: Inter, system-ui, sans-serif; }
.v4h-footer2 .v4h-fTop { display: grid !important; grid-template-columns: minmax(200px, 1fr) minmax(0, 1.9fr) minmax(280px, 1.15fr); gap: 40px; max-width: 1500px; margin: 0 auto; padding: 48px clamp(16px, 4vw, 64px) 32px !important; }
.v4h-footer2 .v4h-fLogo { height: 56px !important; margin: 0 0 14px; }
.v4h-footer2 .v4h-fTag { margin: 0 0 8px; font: 600 22px/1.15 var(--v4-cond, Inter), sans-serif; letter-spacing: -.01em; color: #fff !important; }
.v4h-footer2 .v4h-fText { margin: 0; max-width: 300px; font-size: 14px; line-height: 1.55; color: rgba(255,255,255,.78) !important; }
.v4h-footer2 .v4h-fCols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.v4h-footer2 .v4h-fCol { gap: 6px; }
.v4h-footer2 .v4h-fCol h4, .v4h-footer2 .v4h-fNews h4 { margin: 0 0 8px !important; font: 700 13px Inter, system-ui, sans-serif !important; letter-spacing: .1em; text-transform: uppercase; color: #D9BE85 !important; }
.v4h-footer2 .v4h-fCol a { font-size: 14px; line-height: 1.5; opacity: 1; color: rgba(255,255,255,.86) !important; text-decoration: none !important; transition: color .15s; }
.v4h-footer2 .v4h-fCol a:hover { color: #fff !important; text-decoration: underline !important; text-underline-offset: 3px; }
/* подписка: поле и кнопка-контур рядом, как у образца */
.v4h-footer2 .v4h-fNews p { margin: 0 0 12px; font-size: 14px; line-height: 1.5; color: rgba(255,255,255,.8) !important; opacity: 1; }
.v4h-footer2 .v4h-fForm { display: flex; gap: 8px; padding: 0 !important; background: none !important; border-radius: 0 !important; }
.v4h-footer2 .v4h-fForm input { flex: 1 1 auto; min-width: 0; height: 44px; padding: 0 18px !important; border: 0 !important; border-radius: 999px !important; background: #fff !important; font-size: 14px; color: #1E2421 !important; }
.v4h-footer2 .v4h-fForm button { flex: 0 0 auto; height: 44px; padding: 0 20px !important; border: 1.5px solid rgba(255,255,255,.85) !important; border-radius: 999px !important; background: transparent !important; color: #fff !important; font: 600 14px Inter, system-ui, sans-serif !important; white-space: nowrap; transition: background .2s, color .2s; }
.v4h-footer2 .v4h-fForm button:hover { background: #fff !important; color: #0F3D30 !important; }
/* соцсети: кружки-«чашки» — мятные, при наведении всплывает листик */
.v4h-footer2 .v4h-fSocTitle { margin: 22px 0 10px !important; font: 700 13px Inter, system-ui, sans-serif !important; letter-spacing: .1em; text-transform: uppercase; color: #D9BE85 !important; }
.v4h-footer2 .v4h-fSoc { display: flex; gap: 10px; }
.v4h-footer2 .v4h-fSoc a { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,.1); color: #fff !important; transition: background .2s, transform .2s; }
.v4h-footer2 .v4h-fSoc a svg { width: 20px; height: 20px; }
.v4h-footer2 .v4h-fSoc a::after { content: "🍃"; position: absolute; top: -6px; right: -6px; font-size: 13px; opacity: 0; transform: translateY(4px) rotate(-20deg); transition: opacity .2s, transform .25s; }
.v4h-footer2 .v4h-fSoc a:hover { background: #DDF2EA; color: #0F3D30 !important; transform: translateY(-2px); }
.v4h-footer2 .v4h-fSoc a:hover::after { opacity: 1; transform: none; }
.v4h-footer2 .v4h-fBottom { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; max-width: 1500px; margin: 0 auto; padding: 16px clamp(16px, 4vw, 64px) 22px !important; border-top: 1px solid rgba(255,255,255,.14); background: none !important; font-size: 13px; color: rgba(255,255,255,.7) !important; }
.v4h-footer2 .v4h-fBottom a, .v4h-footer2 .v4h-fBottom span { color: rgba(255,255,255,.75) !important; }
.v4h-footer2 .v4h-fBottom a:hover { color: #fff !important; }
@media (max-width: 1100px) {
  .v4h-footer2 .v4h-fTop { grid-template-columns: 1fr 1fr; }
  .v4h-footer2 .v4h-fCols { grid-column: 1 / -1; order: 3; }
}
@media (max-width: 700px) {
  .v4h-footer2 .v4h-fTop { grid-template-columns: 1fr; gap: 28px; padding-top: 36px !important; }
  .v4h-footer2 .v4h-fCols { grid-template-columns: 1fr 1fr; order: 0; }
  .v4h-footer2 .v4h-fCols .v4h-fCol:last-child { grid-column: 1 / -1; }
  .v4h-footer2 .v4h-fForm { flex-direction: column; }
  .v4h-footer2 .v4h-fBottom { flex-direction: column; }
}
/* способы оплаты в подвале (14.10.2026) */
.v4h-footer2 .v4h-fPay { max-width: 1500px; margin: 0 auto; padding: 4px clamp(16px, 4vw, 64px) 22px; }
.v4h-footer2 .v4h-fPayTitle { margin: 0 0 10px !important; font: 700 12px Inter, system-ui, sans-serif !important; letter-spacing: .12em; text-transform: uppercase; color: #D9BE85 !important; }
.v4h-footer2 .v4h-fPayList { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 30px; margin: 0; padding: 0; list-style: none; color: #D9BE85; }
.v4h-footer2 .v4h-fPayList li { display: flex; align-items: center; margin: 0; padding: 0; opacity: .9; }
.v4h-footer2 .v4h-fPayList svg { height: 28px; width: auto; display: block; }
/* подвал: знаки оплаты видимые (тема красила li тёмным), текст подвала — Inter, а не узкий шрифт темы */
.v4h-footer2 .v4h-fPayList li, .v4h-footer2 .v4h-fPayList svg { color: #D9BE85 !important; fill: currentColor; }
.v4h-footer2 .v4h-fPayList svg text { font-family: Inter, Arial, sans-serif; }
.v4h-footer2, .v4h-footer2 a, .v4h-footer2 p, .v4h-footer2 span, .v4h-footer2 input, .v4h-footer2 button { font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif !important; }
.v4h-footer2 .v4h-fTag { font-family: var(--v4-cond, Inter), Inter, sans-serif !important; }
.v4h-footer2 .v4h-fPayList li[aria-label="Mastercard"] svg, .v4h-footer2 .v4h-fPayList li[aria-label="American Express"] svg { height: 38px; }
/* соцсети в подвале — вариант 4 (выбор владельца 14.10.2026): золотой контур, при наведении заливка золотом */
.v4h-footer2 .v4h-fSoc a { background: transparent !important; border: 1.5px solid #D9BE85; color: #D9BE85 !important; }
.v4h-footer2 .v4h-fSoc a:hover { background: #D9BE85 !important; color: #0F3D30 !important; border-color: #D9BE85; }
/* фон подвала — вариант B (выбор владельца 14.10.2026): крупные полупрозрачные силуэты чайных листьев по углам
   и тёплое золотое свечение справа сверху; мелкий узор с чашками убран (он уже есть на главной) */
.v4h-footer2 { overflow: hidden; background: radial-gradient(circle at 88% 12%, rgba(217,190,133,.16), transparent 42%), #0F3D30 !important; }
.v4h-footer2::before, .v4h-footer2::after { content: ""; position: absolute; pointer-events: none; background: center / contain no-repeat; z-index: 0; }
.v4h-footer2::before { right: -70px; top: -60px; width: 340px; height: 340px; opacity: .10;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M100 190C40 150 30 80 100 10c70 70 60 140 0 180z' fill='%23fff'/%3E%3Cpath d='M100 190V20M100 70l-30-20M100 100l35-25M100 130l-32-22M100 160l30-18' stroke='%230F3D30' stroke-width='3' fill='none'/%3E%3C/svg%3E"); }
.v4h-footer2::after { left: -80px; bottom: -110px; width: 300px; height: 300px; opacity: .06; transform: rotate(-30deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M100 190C40 150 30 80 100 10c70 70 60 140 0 180z' fill='%23fff'/%3E%3C/svg%3E"); }
.v4h-footer2 > * { position: relative; z-index: 1; }
/* Хэллоуин (14.10.2026): тыквы по бокам логотипа, слегка покачиваются */
.v4h-logo { gap: 10px; }
.v4h-logo .v4h-logoPumpkin { display: inline-block; font-size: 28px; line-height: 1; animation: v4pump 3.2s ease-in-out infinite; }
.v4h-logo .v4h-pumpL { transform-origin: 50% 90%; }
.v4h-logo .v4h-pumpR { transform-origin: 50% 90%; animation-delay: -1.6s; }
@keyframes v4pump { 0%, 100% { transform: rotate(-8deg); } 50% { transform: rotate(8deg); } }
@media (max-width: 1006px), (orientation: portrait) { .v4h-logo .v4h-logoPumpkin { font-size: 18px; } .v4h-logo { gap: 4px; } }
@media (prefers-reduced-motion: reduce) { .v4h-logo .v4h-logoPumpkin { animation: none; } }

/* мини-корзина: купон — пунктирной таблеткой, применённая скидка — светло-зелёной плашкой с меткой (как в корзине и оформлении), 15.10.2026 */
.v4h-drawerBody .ty-cart-coupons__container .ty-input-append, .v4h-drawerBody .ty-cart-coupons__container .ty-discount-coupon__control-group { display: flex !important; align-items: center; gap: 0; height: 44px; margin: 0 !important; padding: 0 0 0 14px !important; border: 1.5px dashed #BFD9CC !important; border-radius: 999px !important; background: #F7FBF9 !important; }
.v4h-drawerBody .ty-cart-coupons__container .ty-input-append:focus-within, .v4h-drawerBody .ty-cart-coupons__container .ty-discount-coupon__control-group:focus-within { border-style: solid !important; border-color: #008556 !important; box-shadow: 0 0 0 4px rgba(0,133,86,.12); }
.v4h-drawerBody .ty-cart-coupons__container input.ty-input-text { flex: 1; min-width: 0; height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; outline: none !important; font: 500 13.5px Inter, system-ui, sans-serif !important; color: #1E2421 !important; }
.v4h-drawerBody .ty-cart-coupons__container .ty-btn-go { position: static !important; flex: 0 0 36px; width: 36px !important; height: 36px !important; margin: 0 3px 0 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #008556 !important; color: #fff !important; display: inline-flex !important; align-items: center; justify-content: center; }
.v4h-drawerBody ul.ty-coupons__list { display: block !important; margin: 10px 0 0 !important; padding: 10px 12px !important; border: 1px solid #D4EADF !important; border-radius: 14px !important; background: #F2F9F5 !important; box-shadow: none !important; list-style: none; }
.v4h-drawerBody ul.ty-coupons__list .ty-caret-info { display: none !important; }
.v4h-drawerBody ul.ty-coupons__list > li { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.v4h-drawerBody ul.ty-coupons__list ul, .v4h-drawerBody ul.ty-coupons__list .ty-applied-promotions { margin: 0 !important; padding: 0 !important; list-style: none; }
.v4h-drawerBody ul.ty-coupons__list .ty-applied-promotions li { margin: 0 0 6px !important; font: 600 13px Inter, system-ui, sans-serif !important; color: #0F5C45 !important; }
.v4h-drawerBody ul.ty-coupons__list .ty-applied-promotions li::before { content: "🏷 "; }
.v4h-drawerBody ul.ty-coupons__list li.ty-coupons__item { display: inline-flex !important; align-items: center; gap: 8px; height: 28px; padding: 0 4px 0 12px !important; border: 1px solid #BFE0CE !important; border-radius: 999px !important; background: #fff !important; color: #0F7A4A !important; font: 700 12px Inter, system-ui, sans-serif !important; }
.v4h-drawerBody ul.ty-coupons__list li.ty-coupons__item a { display: inline-flex !important; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: #E3F4EA !important; color: #0F7A4A !important; text-decoration: none !important; float: none !important; }
.v4h-drawerBody ul.ty-coupons__list li.ty-coupons__item a:hover { background: #FBE6E4 !important; color: #B3261E !important; }
/* логотип в подвале крупнее (16.10.2026, слово владельца) */
.v4h-footer2 .v4h-fLogo { height: 72px !important; margin: 0 0 16px; }

/* полоса под меню: вместо «Shop all teas» — кнопка Tea Finder с лупой (16.10.2026, слово владельца) */
.v4h-promo a.v4h-promoTf { display: inline-flex; align-items: center; gap: 8px; transition: transform .2s, box-shadow .2s; }
.v4h-promo a.v4h-promoTf:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(0,0,0,.18); }
.v4h-promoTf svg { width: 18px; height: 18px; flex: 0 0 18px; }
.v4h-promoTf:hover .v4h-promoLeaf { transform: rotate(-14deg); }
.v4h-promoLeaf { transform-box: fill-box; transform-origin: 0 100%; transition: transform .3s; }

/* вход через соцсети: порядок Google, Facebook, Amazon, Microsoft — в меню аккаунта и в окне входа (16.10.2026) */
.vs-social-login .vs-auth.social-login > .vs-login-google, .v4acc-socialBtns > .vs-login-google { order: 1; }
.vs-social-login .vs-auth.social-login > .vs-login-facebook, .v4acc-socialBtns > .vs-login-facebook { order: 2; }
.vs-social-login .vs-auth.social-login > .vs-login-amazon, .v4acc-socialBtns > .vs-login-amazon { order: 3; }
.vs-social-login .vs-auth.social-login > .vs-login-microsoft, .v4acc-socialBtns > .vs-login-microsoft { order: 4; }

/* главное меню крупнее на больших экранах (16.10.2026, замечание владельца: «мелковато») */
@media (min-width: 1700px) { .v4h-nav > ul > li > a { font-size: 20px; padding: 15px 14px; } }
@media (min-width: 2200px) { .v4h-nav > ul > li > a { font-size: 22px; padding: 16px 16px; } }

/* хлебные крошки крупнее и заметнее (16.10.2026, замечание владельца: «тяжело видеть»; 15.10.2026 «уменьши немного» — 32→28 px, шрифт 15→13.5):
   ссылки — светлые таблетки, первая с домиком, разделитель — стрелка, текущая страница — зелёная таблетка */
.tygh-content .ty-breadcrumbs-cnt .ty-breadcrumbs { display: flex !important; flex-wrap: wrap; align-items: center; gap: 6px; padding: 16px 0 10px !important; border: 0 !important; }
.tygh-content .ty-breadcrumbs-cnt .ty-breadcrumbs::before, .tygh-content .ty-breadcrumbs-cnt .ty-breadcrumbs::after { display: none !important; }
.tygh-content .ty-breadcrumbs-cnt .ty-breadcrumbs .hidden { display: none !important; }
.tygh-content .ty-breadcrumbs-cnt .ty-breadcrumbs a.ty-breadcrumbs__a { display: inline-flex !important; align-items: center; gap: 6px; height: 28px; padding: 0 12px !important; border-radius: 999px; background: #F4F6F5; color: #4A524D !important; font: 500 13.5px Inter, system-ui, sans-serif !important; text-decoration: none !important; transition: background .2s, color .2s; }
.tygh-content .ty-breadcrumbs-cnt .ty-breadcrumbs a.ty-breadcrumbs__a:hover { background: #E8F3EE; color: #0F5C45 !important; }
.tygh-content .ty-breadcrumbs-cnt .ty-breadcrumbs a.ty-breadcrumbs__first::before { content: ""; width: 13px; height: 13px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11.5 12 4l9 7.5V20a1 1 0 0 1-1 1h-5v-6h-6v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11.5 12 4l9 7.5V20a1 1 0 0 1-1 1h-5v-6h-6v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") center / contain no-repeat; }
.tygh-content .ty-breadcrumbs-cnt .ty-breadcrumbs .ty-breadcrumbs__delim { display: inline-flex !important; align-items: center; padding: 0 !important; margin: 0 !important; font: 400 16px/1 Inter, system-ui, sans-serif !important; color: #B8934A !important; }
.tygh-content .ty-breadcrumbs-cnt .ty-breadcrumbs .ty-breadcrumbs__current { display: inline-flex !important; align-items: center; height: 28px; padding: 0 12px !important; border-radius: 999px; background: #E8F3EE; color: #0F5C45 !important; font: 600 13.5px Inter, system-ui, sans-serif !important; }
@media (max-width: 640px) { .tygh-content .ty-breadcrumbs-cnt .ty-breadcrumbs a.ty-breadcrumbs__a, .tygh-content .ty-breadcrumbs-cnt .ty-breadcrumbs .ty-breadcrumbs__current { height: 26px; padding: 0 10px !important; font-size: 12.5px !important; } }
/* ярлычок «Get 20% Discount» — открыть окно подписки снова (18.10.2026): компьютер — справа посередине, телефон — круг слева внизу */
#v4sp_box.v4sp.v4sp-closed { display: none !important; }
#hw_subscribe_popup_mobile { display: none !important; }
.v4sp-tab2 { position: fixed; right: 0; top: 55%; z-index: 1100; display: flex; flex-direction: column; align-items: center; gap: 6px; width: 58px; padding: 12px 6px 14px; border: 0; border-radius: 16px 0 0 16px; background: #0F5C45; color: #fff; cursor: pointer; box-shadow: -6px 10px 24px rgba(15,40,32,.25); transform: translateY(-50%); transition: width .25s, background .2s; font-family: Inter, system-ui, sans-serif; }
.v4sp-tab2[hidden] { display: none !important; }
.v4sp-tab2:hover, .v4sp-tab2:focus-visible { background: #006B45; width: 64px; outline: none; }
.v4sp-tabIco { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #B8934A; }
.v4sp-tabIco svg { width: 20px; height: 20px; fill: none; stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; animation: v4spWig 4s ease-in-out infinite; transform-origin: 50% 60%; }
@keyframes v4spWig { 0%, 80%, 100% { transform: rotate(0); } 84% { transform: rotate(-12deg); } 88% { transform: rotate(10deg); } 92% { transform: rotate(-6deg); } 96% { transform: rotate(4deg); } }
.v4sp-tabTxt { font: 700 11px/1.2 Inter, system-ui, sans-serif; text-align: center; letter-spacing: .02em; }
.v4sp-tabIn { animation: v4spTabIn .45s cubic-bezier(.22,1,.36,1); }
@keyframes v4spTabIn { from { transform: translate(100%, -50%); } to { transform: translate(0, -50%); } }
@media (max-width: 767px) {
  .v4sp-tab2 { top: auto; right: auto; left: 12px; bottom: 14px; width: 48px; height: 48px; padding: 0; border-radius: 50%; justify-content: center; transform: none; box-shadow: 0 8px 20px rgba(15,40,32,.3); }
  .v4sp-tab2:hover, .v4sp-tab2:focus-visible { width: 48px; }
  .v4sp-tabIco { width: 48px; height: 48px; background: #B8934A; }
  .v4sp-tabIco svg { width: 22px; height: 22px; }
  .v4sp-tabTxt { position: absolute; right: -6px; top: -6px; padding: 2px 5px; border-radius: 999px; background: #0F5C45; font-size: 0; line-height: 0; }
  .v4sp-tabTxt::after { content: "20%"; font: 800 10px/1.4 Inter, system-ui, sans-serif; color: #fff; }
  .v4sp-tabIn { animation: v4spTabInM .45s cubic-bezier(.22,1,.36,1); }
  @keyframes v4spTabInM { from { transform: scale(.4); opacity: 0; } to { transform: none; opacity: 1; } }
}
@media (prefers-reduced-motion: reduce) { .v4sp-tab2, .v4sp-tab2 * { animation: none !important; } }
/* окно cookies (18.10.2026, слово владельца «симпатичнее, с графикой»): карточка слева внизу вместо полосы во всю ширину,
   рисунок — печенье с шоколадной крошкой у чашки чая; кнопки — таблетками (Allow all зелёная, остальные — рамкой) */
#cookies-popup { left: 24px !important; bottom: 24px !important; right: auto !important; width: min(460px, calc(100vw - 48px)) !important; border: 0 !important; border-radius: 24px; background: #fff !important; box-shadow: 0 24px 60px rgba(15,40,32,.25); text-align: left !important; animation: v4spIn .45s ease-out; font-family: Inter, system-ui, sans-serif !important; overflow: hidden; }
#cookies-popup > * { padding: 22px 24px 20px !important; }
#cookies-popup .v4ck-head { display: flex; align-items: center; gap: 14px; margin: -22px -24px 14px; padding: 16px 24px 12px; background: linear-gradient(120deg, #FBF1DF, #F6F4EF 55%, #E4F1EA); }
#cookies-popup h4 { margin: 0 !important; font: 600 24px/1.1 var(--v4-cond, Inter), Inter, sans-serif !important; text-transform: none !important; color: #1E2421; letter-spacing: -.01em; }
#cookies-popup p { margin: 0 !important; font: 400 13.5px/1.55 Inter, system-ui, sans-serif !important; color: #4A524D; }
#cookies-popup p b { color: #1E2421; }
.v4ck-art { flex: 0 0 auto; width: 96px; height: 64px; }
.v4ck-art svg { width: 100%; height: 100%; overflow: visible; }
.v4ck-art svg * { transform-box: view-box; stroke-linecap: round; stroke-linejoin: round; }
.v4ck-cup { fill: #fff; stroke: #0F5C45; stroke-width: 2.2; }
.v4ck-hdl { fill: none; stroke: #0F5C45; stroke-width: 2.2; }
.v4ck-tea { fill: #E0B154; stroke: #0F5C45; stroke-width: 1.6; }
.v4ck-sau { fill: #fff; stroke: #C9A961; stroke-width: 1.6; }
.v4ck-st { fill: none; stroke: #9AA5A0; stroke-width: 2; animation: v4ckSteam 2.6s ease-out infinite; }
.v4ck-s2 { animation-delay: 1.3s; }
@keyframes v4ckSteam { 0% { transform: translateY(4px); opacity: 0; } 30% { opacity: .9; } 100% { transform: translateY(-10px); opacity: 0; } }
.v4ck-cookie { transform-origin: 22px 30px; animation: v4ckWob 3.2s ease-in-out infinite; }
@keyframes v4ckWob { 0%, 100% { transform: rotate(-6deg); } 50% { transform: rotate(6deg) translateY(-2px); } }
.v4ck-bis { fill: #E7B86E; stroke: #A5722E; stroke-width: 1.8; }
.v4ck-chip { fill: #5A3A22; }
.v4ck-crumb { fill: #E7B86E; stroke: #A5722E; stroke-width: .8; animation: v4ckCrumb 3.2s ease-in infinite; }
.v4ck-c2 { animation-delay: .5s; } .v4ck-c3 { animation-delay: 1s; }
@keyframes v4ckCrumb { 0%, 40% { transform: translate(0, 0); opacity: 0; } 50% { opacity: 1; } 100% { transform: translate(6px, 30px); opacity: 0; } }
#cookies-popup .cookies-list { margin: 12px 0 0 !important; padding: 12px 14px !important; border-radius: 14px; background: #F6F4EF; list-style: none; }
#cookies-popup .cookies-list li { padding: 4px 0 !important; }
#cookies-popup .cookies-label { display: flex; align-items: center; gap: 10px; font: 500 14px/1.3 Inter, system-ui, sans-serif; color: #1E2421; }
#cookies-popup .cookies-input { width: 18px; height: 18px; margin: 0; accent-color: #0F5C45; }
#cookies-popup .cookies-buttons { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px !important; }
#cookies-popup .cookies-buttons .ty-btn { margin: 0 !important; height: 42px; padding: 0 18px !important; border-radius: 999px !important; font: 600 14px/1 Inter, system-ui, sans-serif !important; text-transform: none !important; box-shadow: none !important; transition: background .2s, border-color .2s, transform .2s; }
#cookies-popup .cookies-buttons .ty-btn.hidden { display: none !important; }
#cookies-popup .cookies-accept-all, #cookies-popup .cookies-accept-selected { border: 0 !important; background: #0F5C45 !important; color: #fff !important; }
#cookies-popup .cookies-accept-all:hover, #cookies-popup .cookies-accept-selected:hover { background: #006B45 !important; transform: translateY(-1px); }
#cookies-popup .cookies-reject-all { border: 1.5px solid #CFD8D4 !important; background: #fff !important; color: #0F5C45 !important; }
#cookies-popup .cookies-reject-all:hover { border-color: #0F5C45 !important; }
#cookies-popup .cookies-configure { border: 0 !important; background: none !important; color: #6B726E !important; padding: 0 8px !important; text-decoration: underline !important; text-underline-offset: 3px; }
#cookies-popup .cookies-configure:hover { color: #0F5C45 !important; }
@media (max-width: 767px) {
  #cookies-popup { left: 12px !important; right: 12px !important; bottom: 12px !important; width: auto !important; max-height: calc(100vh - 24px); overflow-y: auto; }
  #cookies-popup > * { padding: 18px 18px 16px !important; }
  #cookies-popup .v4ck-head { margin: -18px -18px 12px; padding: 12px 18px 10px; }
  #cookies-popup h4 { font-size: 21px !important; }
  .v4ck-art { width: 78px; height: 52px; }
  #cookies-popup .cookies-buttons .ty-btn { flex: 1 1 auto; }
  #cookies-popup .cookies-configure { flex: 0 0 100% !important; height: 32px !important; }
}
@media (prefers-reduced-motion: reduce) { .v4ck-art * { animation: none !important; } }
/* окно cookies на телефоне: текст — 4 строки, остальное по нажатию на текст (чтобы окно не закрывало пол-экрана) */
@media (max-width: 767px) {
  #cookies-popup p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; cursor: pointer; position: relative; }
  #cookies-popup p::after { content: "⌄"; position: absolute; right: 0; bottom: 0; padding-left: 24px; background: linear-gradient(90deg, rgba(255,255,255,0), #fff 40%); color: #0F5C45; font-weight: 700; }
  #cookies-popup.v4ck-open p { display: block; -webkit-line-clamp: unset; }
  #cookies-popup.v4ck-open p::after { content: none; }
}
@media (max-width: 767px) {
  #cookies-popup p { display: block !important; -webkit-line-clamp: unset; max-height: 6.2em; }
  #cookies-popup.v4ck-open p { max-height: none; }
}
@media (max-width: 767px) { #cookies-popup p { padding: 0 !important; } }
/* H1 страницы Tea Finder из HTML — для поиска; на экране свой заголовок в баннере (v4-finder.js убирает этот) */
.v4tf-h1 { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: 0; padding: 0; }
/* Tea Finder (18.10.2026, AEO): блок H1 + вступление из HTML скрыт, пока скрипт не перенесёт его в баннер; H1 в баннере — строкой над заголовком */
.v4tf-seo { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: 0; padding: 0; }
.v4tf-hero h1.v4tf-kicker { margin: 0 0 10px !important; padding: 0 !important; border: 0 !important; font: 700 13px/1.35 Inter, system-ui, sans-serif !important; letter-spacing: .12em; text-transform: uppercase; color: #B8934A !important; text-align: left !important; }
/* 18.10.2026, тест устройств: на узких телефонах (до 380px) тыквы у логотипа наезжали на значки поиска и кабинета — прячем */
@media (max-width: 380px) { .v4h-logoPumpkin { display: none !important; } }
/* 18.10.2026, тест устройств: кнопка меню на телефоне — не меньше 40×40 (палец не промахнётся) */
@media (max-width: 1006px) { .v4h-burger { min-width: 40px !important; min-height: 40px !important; } }
/* 18.10.2026, тест на настоящих iPhone (BrowserStack, iOS 14–16): Safari даёт кнопкам свои поля и системный синий цвет —
   значок поиска в шапке сжимался до ~10px, полоски меню были синими. Размер значков и цвет — явно */
.v4h-burger, .v4h-iconBtn { -webkit-appearance: none; appearance: none; padding: 0 !important; }
.v4h-burger { color: #1E2421; }
.v4h-burger svg, .v4h-iconBtn > svg { flex: 0 0 auto; width: 22px; height: 22px; min-width: 22px; }
/* 18.10.2026, слово владельца: окно подписки — посередине экрана на затемнении (образец — The Spice & Tea Exchange):
   слева фото во всю высоту, справа логотип, заголовок, поле почты, крупная кнопка и мелкий текст. На телефоне фото — полосой сверху */
#v4sp_box.v4sp { position: fixed !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: auto !important; height: auto !important; max-width: none !important; margin: 0 !important; padding: 16px !important; overflow-y: auto; background: rgba(15, 30, 26, .55) !important; z-index: 2100 !important; transform: none !important; animation: v4spFade .25s ease; }
@keyframes v4spFade { from { opacity: 0; } to { opacity: 1; } }
#v4sp_box.v4sp .hw_subscribe_popup_inner { position: relative; display: grid !important; grid-template-columns: 1fr 1fr; width: min(780px, 100%) !important; min-height: 460px; margin: max(0px, calc(50vh - 246px)) auto 0 !important; border-radius: 24px; animation: v4spPop .4s cubic-bezier(.22, 1, .36, 1); }
@keyframes v4spPop { from { transform: translateY(18px) scale(.97); opacity: 0; } to { transform: none; opacity: 1; } }
#v4sp_box.v4sp .v4sp-img { height: auto !important; min-height: 100%; background-position: center; background-size: cover; }
#v4sp_box.v4sp .v4sp-badge { bottom: 18px; left: 18px; width: 76px; height: 76px; }
#v4sp_box.v4sp .v4sp-badge b { font-size: 24px; }
#v4sp_box.v4sp .v4sp-body { display: flex; flex-direction: column; justify-content: center; padding: 44px 40px 34px !important; }
#v4sp_box.v4sp .v4sp-logo { display: block; width: 104px; height: auto; margin: 0 0 22px; }
#v4sp_box.v4sp .hw_subscribe_popup_inner .h3 { font-size: 34px !important; margin-bottom: 12px !important; }
#v4sp_box.v4sp .hw_subscribe_popup_inner p.v4sp-text { font-size: 15px !important; margin-bottom: 20px !important; }
#v4sp_box.v4sp .v4sp-form { flex-direction: column; gap: 10px; }
#v4sp_box.v4sp .hw_subscribe_popup_inner form .v4sp-form input { flex: none; width: 100% !important; height: 52px !important; padding: 0 18px !important; box-sizing: border-box; font-size: 16px !important; }
#v4sp_box.v4sp .hw_subscribe_popup_inner form .v4sp-form button { position: static !important; width: 100% !important; height: 52px !important; border-radius: 999px !important; font-size: 16px !important; font-weight: 700 !important; }
#v4sp_box.v4sp .v4sp-note { margin-top: 8px !important; }
#v4sp_box.v4sp .hw_subscribe_popup_close { top: 14px !important; right: 14px !important; background: #F4F6F5 !important; z-index: 2; }
@media (max-width: 767px) {
  #v4sp_box.v4sp .hw_subscribe_popup_inner { grid-template-columns: 1fr; min-height: 0; margin-top: max(0px, calc(50vh - 300px)) !important; }
  #v4sp_box.v4sp .v4sp-img { min-height: 0; height: 150px !important; }
  #v4sp_box.v4sp .v4sp-badge { width: 64px; height: 64px; }
  #v4sp_box.v4sp .v4sp-badge b { font-size: 20px; }
  #v4sp_box.v4sp .v4sp-body { padding: 24px 22px 22px !important; }
  #v4sp_box.v4sp .v4sp-logo { width: 80px; margin-bottom: 14px; }
  #v4sp_box.v4sp .hw_subscribe_popup_inner .h3 { font-size: 26px !important; }
  #v4sp_box.v4sp .hw_subscribe_popup_inner p.v4sp-text { font-size: 14px !important; margin-bottom: 16px !important; }
}
@media (prefers-reduced-motion: reduce) { #v4sp_box.v4sp, #v4sp_box.v4sp .hw_subscribe_popup_inner { animation: none !important; } }
/* 19.10.2026, слово владельца: корзина при прокрутке, как на старом сайте — в закреплённой строке меню справа избранное
   и корзина (число товаров и сумма); видно только когда меню закреплено, на компьютере */
.v4h-navCart { display: none; position: absolute; right: clamp(12px, 2.4vw, 36px); top: 50%; transform: translateY(-50%); align-items: center; gap: 6px; }
.v4h-stuck .v4h-navCart { display: flex; animation: v4navCartIn .25s ease-out; }
@keyframes v4navCartIn { from { opacity: 0; transform: translate(8px, -50%); } to { opacity: 1; transform: translate(0, -50%); } }
.v4h-navCart .v4h-iconBtn { width: 38px; height: 38px; }
.v4h-navBag { position: relative; display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px 0 10px; border-radius: 999px; background: #E8F3EE; color: #0F5C45 !important; text-decoration: none !important; transition: background .15s; }
.v4h-navBag:hover { background: #DCEEE5; }
.v4h-navBag svg { width: 24px; height: 24px; flex: 0 0 auto; }
.v4h-navBagN { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; background: #0F5C45; color: #fff !important; font: 700 12px/1 Inter, system-ui, sans-serif; box-sizing: border-box; }
.v4h-navBagSum { font: 700 15px/1 Inter, system-ui, sans-serif; color: #0F5C45; white-space: nowrap; }
.v4h-navBagSum:empty { display: none; }
@media (max-width: 900px) { .v4h-navCart { display: none !important; } }
/* на средних экранах меню сдвигается влево, чтобы не залезать под корзину */
@media (min-width: 901px) and (max-width: 1500px) { .v4h-stuck .v4h-nav > ul { justify-content: flex-start; padding-left: clamp(12px, 2vw, 36px); padding-right: 230px; } }
/* 19.10.2026, замечание владельца «поехал блок купонов» (выдвижная корзина на компьютере): как на странице корзины —
   каждая таблетка с новой строки, высота по содержимому; у подарочного сертификата подпись маленькая сверху, код целиком, крестик справа */
.v4h-drawerBody ul.ty-coupons__list li.ty-coupons__item { display: flex !important; width: fit-content; max-width: 100%; box-sizing: border-box; height: auto !important; min-height: 28px; margin: 0 0 6px !important; padding: 4px 4px 4px 12px !important; line-height: 1.3 !important; }
.v4h-drawerBody ul.ty-coupons__list li.ty-coupons__item:last-child { margin-bottom: 0 !important; }
.v4h-drawerBody ul.ty-coupons__list li.ty-coupons__item:has(> span.ty-block) { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; column-gap: 10px; align-items: center; border-radius: 14px !important; padding: 6px 6px 6px 12px !important; overflow-wrap: anywhere; }
.v4h-drawerBody ul.ty-coupons__list li.ty-coupons__item > span.ty-block { grid-column: 1; display: block !important; width: auto !important; float: none !important; margin: 0 !important; font: 600 10.5px/1.2 Inter, system-ui, sans-serif !important; letter-spacing: .08em; text-transform: uppercase; color: #6B726E !important; }
.v4h-drawerBody ul.ty-coupons__list li.ty-coupons__item:has(> span.ty-block) a { grid-column: 2; grid-row: 1 / span 2; }
/* 19.10.2026, слово владельца «можно удалить» (уточнение: имелось в виду сердечко): в закреплённом меню — только корзина */
.v4h-navCart .v4h-iconBtn { display: none !important; }
/* 19.10.2026: окно подписки переименовано #hw_subscribe_popup → #v4sp_box — блокировщики рекламы (AdBlock, uBlock: списки
   «надоедливых окон») прятали элемент с прежним id даже против !important, у владельца в Chrome окно не открывалось.
   Правило темы прятало окно на телефонах и планшетах (там сразу ярлычок) — повторено для нового id; ярлычок открывает окно поверх */
@media (max-width: 1007px), (min-width: 1008px) and (orientation: portrait) { #v4sp_box { display: none; } }
/* 19.10.2026, слово владельца: полоска «до бесплатной доставки» в выдвижной корзине — как в корзине и оформлении:
   перелив зелёного, блик, едущий грузовичок, сумма жирным, подсказка «i» (разметку строит v4-shapka.js) */
.v4h-shipMeter.v4h-shipV4 { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 14px 16px 16px !important; border-radius: 16px; background: #F4F8F6 !important; }
.v4h-shipMeter.v4h-shipV4 .v4h-shipTxt { flex: 1 1 auto; font: 500 13.5px/1.35 Inter, system-ui, sans-serif !important; color: #1E2421 !important; }
.v4h-shipMeter.v4h-shipV4 .v4h-shipTxt b { font-weight: 700; color: #0F5C45; }
.v4h-shipMeter.v4h-shipV4 .v4-tip { position: static; flex: 0 0 auto; }
.v4h-shipMeter.v4h-shipV4 .v4-tip .v4-tipBox { left: 0 !important; right: 0 !important; width: auto !important; }
.v4h-shipMeter.v4h-shipV4 .v4h-track { position: relative; display: block; flex: 1 1 100%; height: 10px; margin-top: 10px; border-radius: 999px; background: #E3ECE8; overflow: visible; box-shadow: inset 0 1px 2px rgba(15,40,32,.1); }
.v4h-shipMeter.v4h-shipV4 .v4h-track em { position: relative; display: block; height: 100%; overflow: hidden; border-radius: inherit; background: linear-gradient(90deg, #7BA23F, #008556 60%, #0F5C45); transition: width 1.3s cubic-bezier(.22,1,.36,1); }
.v4h-shipMeter.v4h-shipV4 .v4h-track em::after { content: ""; position: absolute; top: 0; bottom: 0; width: 40%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent); animation: v4hShine 2.4s ease-in-out infinite; }
@keyframes v4hShine { from { left: -40%; } to { left: 110%; } }
.v4h-shipMeter.v4h-shipV4 .v4h-truck { position: absolute; top: -12px; font-size: 20px; line-height: 1; font-weight: 400; transition: left 1.3s cubic-bezier(.22,1,.36,1); filter: drop-shadow(0 2px 3px rgba(0,0,0,.15)); }
.v4h-shipMeter.v4h-shipV4.v4h-shipDone .v4h-track em { background: linear-gradient(90deg, #008556, #B8934A); }
@media (prefers-reduced-motion: reduce) { .v4h-shipMeter.v4h-shipV4 .v4h-track em, .v4h-shipMeter.v4h-shipV4 .v4h-truck { transition: none; } .v4h-shipMeter.v4h-shipV4 .v4h-track em::after { animation: none; } }
/* подсказка «i» в выдвижной корзине: старое правило .v4h-shipMeter span (зелёный жирный !important) не должно красить её текст;
   окошко подсказки — по ширине полоски, без сдвига влево */
.v4h-shipMeter.v4h-shipV4 .v4-tip .v4-tipBox { color: #fff !important; font-weight: 400 !important; transform: translateY(4px) !important; }
.v4h-shipMeter.v4h-shipV4 .v4-tip:hover .v4-tipBox, .v4h-shipMeter.v4h-shipV4 .v4-tip.on .v4-tipBox, .v4h-shipMeter.v4h-shipV4 .v4-tip:focus-visible .v4-tipBox { transform: none !important; }
.v4h-shipMeter.v4h-shipV4 .v4-tip .v4-tipBox::after { left: auto !important; right: 22px !important; margin: 0 !important; }
.v4h-shipMeter.v4h-shipV4 .v4-tip .v4-tipI { color: inherit !important; font-weight: 700 !important; }
/* 19.10.2026, слово владельца: на телефоне (шапка с «бургером», до 900px) полосы «Big flavour. Little leaves.» с кнопкой Tea Finder нет */
@media (max-width: 900px) { .v4h-header .v4h-promo { display: none !important; } }
/* 19.10.2026, слово владельца: на телефоне в выдвижной корзине ссылка «View cart» не нужна — сразу «Checkout» */
@media (max-width: 767px) { .v4h-drawerBody .ty-btn__view-cart, .v4h-drawerBody .ty-cart-content__buttons .ty-float-left { display: none !important; } }
/* ===== 19.10.2026, слово владельца: сообщения сайта (успех / предупреждение / ошибка) — одно общее окошко посередине экрана
   вместо плашки вверху; появляется с лёгкой анимацией и быстро исчезает (v4-shapka.js). Окна «товар добавлен» (extended) не трогаем ===== */
.cm-notification-container.notification-container { position: fixed !important; left: 50% !important; top: 34% !important; right: auto !important; bottom: auto !important; width: min(440px, calc(100vw - 32px)) !important; margin: 0 !important; transform: translateX(-50%); z-index: 2200 !important; pointer-events: none; }
.cm-notification-container .cm-notification-content.notification-content:not(.cm-notification-content-extended) { position: relative !important; display: block; box-sizing: border-box; width: 100% !important; margin: 0 0 10px !important; padding: 18px 48px 18px 70px !important; border: 0 !important; border-radius: 20px !important; background: #fff !important; box-shadow: 0 24px 60px rgba(15, 40, 32, .22), 0 0 0 1px rgba(15, 92, 69, .08) !important; font: 400 14.5px/1.45 Inter, system-ui, sans-serif !important; color: #4A524D !important; text-shadow: none !important; pointer-events: auto; animation: v4ntIn .35s cubic-bezier(.22, 1, .36, 1); overflow: hidden; }
.cm-notification-container .cm-notification-content.notification-content:not(.cm-notification-content-extended) strong { display: block; margin: 0 0 2px; font: 700 15.5px Inter, system-ui, sans-serif !important; color: #1E2421 !important; }
.cm-notification-container .cm-notification-content.notification-content:not(.cm-notification-content-extended)::before { content: "✓"; position: absolute; left: 18px; top: 50%; width: 38px; height: 38px; margin-top: -19px; border-radius: 50%; display: grid; place-items: center; background: #E8F3EE; color: #0F7A4A; font: 700 18px/38px Inter, system-ui, sans-serif; text-align: center; }
.cm-notification-container .cm-notification-content.alert-warning:not(.cm-notification-content-extended)::before { content: "!"; background: #FBF1DC; color: #9A6B12; }
.cm-notification-container .cm-notification-content.alert-error:not(.cm-notification-content-extended)::before { content: "×"; background: #FBE6E4; color: #B3261E; font-size: 22px; }
.cm-notification-container .cm-notification-content.notification-content:not(.cm-notification-content-extended)::after { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background: #008556; transform-origin: left; animation: v4ntBar var(--v4nt-t, 4.5s) linear forwards; }
.cm-notification-container .cm-notification-content.alert-warning:not(.cm-notification-content-extended)::after { background: #D9A441; }
.cm-notification-container .cm-notification-content.alert-error:not(.cm-notification-content-extended)::after { background: #D9534F; }
.cm-notification-container .cm-notification-content.alert-warning, .cm-notification-container .cm-notification-content.alert-error { --v4nt-t: 6.5s; }
.cm-notification-container .cm-notification-content.notification-content:not(.cm-notification-content-extended) .cm-notification-close { position: absolute !important; top: 12px !important; right: 12px !important; width: 28px; height: 28px; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50%; background: #F4F6F5 !important; color: #6E746F !important; font: 400 18px/28px Arial, sans-serif !important; opacity: 1 !important; text-shadow: none !important; cursor: pointer; }
.cm-notification-container .cm-notification-content.notification-content:not(.cm-notification-content-extended) .cm-notification-close:hover { background: #E8F3EE !important; color: #0F5C45 !important; }
.cm-notification-container .cm-notification-content.notification-content.v4nt-out { animation: v4ntOut .3s ease forwards; }
@keyframes v4ntIn { from { opacity: 0; transform: translateY(12px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes v4ntOut { to { opacity: 0; transform: translateY(-8px) scale(.97); } }
@keyframes v4ntBar { from { transform: scaleX(1); } to { transform: scaleX(0); } }
@media (prefers-reduced-motion: reduce) { .cm-notification-container .cm-notification-content.notification-content { animation: none !important; } }
.cm-notification-container .cm-notification-content.notification-content:not(.cm-notification-content-extended), .cm-notification-container.notification-container { opacity: 1 !important; filter: none !important; }
/* 19.10.2026, слово владельца: индикатор загрузки — значок «Tea Bags» со страницы товара, только крупно (64 px):
   пар, пакетик на нитке макается в полупрозрачную чашку. Весь рисунок с анимацией — одна SVG-картинка в ::before */
#ajax_loading_box.ty-ajax-loading-box { width: 86px !important; min-height: 86px !important; height: 86px; margin: -43px 0 0 -43px !important; padding: 0 !important; overflow: hidden !important; border-radius: 24px !important; opacity: 1 !important; background: #fff !important; box-shadow: 0 18px 44px rgba(15, 40, 32, .22), 0 0 0 1px rgba(15, 92, 69, .08) !important; }
#ajax_loading_box.ty-ajax-loading-box::before { content: "" !important; position: absolute; left: 11px; top: 11px; width: 64px; height: 64px; margin: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%230F5C45' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg opacity='.35'%3E%3Cpath d='M10.5 15.5c-1.2-1.4 1.2-2.4 0-4'%3E%3Canimate attributeName='opacity' values='0;1;0' dur='1.8s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M21.5 15.5c-1.2-1.4 1.2-2.4 0-4'%3E%3Canimate attributeName='opacity' values='0;1;0' dur='1.8s' begin='.9s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='translate' values='0 0;0 4.5;0 0' dur='1.6s' calcMode='spline' keySplines='.45 0 .55 1;.45 0 .55 1' repeatCount='indefinite'/%3E%3Cpath d='M16 1.5v8'/%3E%3Crect x='13.5' y='1' width='5' height='3.6' rx='1' fill='%230F5C45' fill-opacity='.25'/%3E%3Cpath d='M12.5 9.5h7l.8 8.5h-8.6z' fill='%230F5C45' fill-opacity='.12'/%3E%3C/g%3E%3Cpath d='M6 17.5h19v3.2a7.3 7.3 0 0 1-7.3 7.3h-4.4A7.3 7.3 0 0 1 6 20.7z' fill='%23C9A15A' fill-opacity='.28'/%3E%3Cpath d='M25 19.5h1.6a3 3 0 0 1 0 6H24'/%3E%3C/svg%3E") center / 64px 64px no-repeat; animation: none; }
#ajax_loading_box.ty-ajax-loading-box::after { content: none !important; display: none !important; }
/* 19.10.2026, слово владельца: у каждой витрины своё дерево категорий — пункт, которого у витрины нет или он закрыт,
   fn_v4u отдаёт ссылкой #v4-hide; прячем его вместе со строкой, колонкой, пунктом мобильного меню, плиткой на главной */
a[href="#v4-hide"] { display: none !important; }
.v4h-nav li:has(> a[href="#v4-hide"]), .v4h-pnlRow:has(> .v4h-pnlLink[href="#v4-hide"]), .v4h-pnlSubs > span:has(> a[href="#v4-hide"]),
.v4h-megaCol:has(> .v4h-megaHead[href="#v4-hide"]), .v4h-mmItem:has(> .v4h-mmHead > a[href="#v4-hide"]) { display: none !important; }
/* 19.10.2026, слово владельца: окно после переадресации по стране — по центру, с рисунком, как окно скидки (common/redirect_msg.tpl, .v4rp2).
   id и классы закрытия прежние — скрипт common/scripts.tpl ставит cookie «больше не показывать». */
#redirect_popup.v4rp2 { position: fixed !important; inset: 0 !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; z-index: 2147483000 !important; display: grid !important; place-items: center; width: auto !important; height: auto !important; margin: 0 !important; padding: 16px !important; border: 0 !important; background: none !important; box-shadow: none !important; animation: v4rp2In .35s ease both; }
#redirect_popup.v4rp2 .v4rp2-bg { position: absolute !important; inset: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: auto !important; height: auto !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: rgba(15, 30, 24, .45) !important; backdrop-filter: blur(3px); cursor: pointer; }
#redirect_popup.v4rp2 .redirect_popup_inner { position: relative; display: grid; grid-template-columns: 250px minmax(0, 1fr); width: min(720px, 100%); max-width: none !important; padding: 0 !important; overflow: hidden; border-radius: 26px; background: #fff !important; box-shadow: 0 30px 80px rgba(15, 40, 32, .35); animation: v4rp2Up .45s cubic-bezier(.22,1,.36,1) both; }
@keyframes v4rp2In { from { opacity: 0; } to { opacity: 1; } }
@keyframes v4rp2Up { from { opacity: 0; transform: translateY(22px) scale(.97); } to { opacity: 1; transform: none; } }
#redirect_popup.v4rp2 .v4rp2-x { position: absolute !important; top: 14px !important; right: 14px !important; z-index: 2; width: 36px; height: 36px; padding: 0; border: 1px solid #E3E7E5; border-radius: 50%; background: #fff; color: #1E2421; font: 400 22px/1 Arial, sans-serif !important; cursor: pointer; }
#redirect_popup.v4rp2 .v4rp2-x:hover { border-color: #9fb3ae; background: #F4F6F5; }
#redirect_popup.v4rp2 .v4rp2-art { position: relative; min-height: 300px; background: linear-gradient(160deg, #FBF6EC 0%, #EAF4EE 100%); }
#redirect_popup.v4rp2 .v4rp2-art svg { position: absolute; inset: 0; width: 100%; height: 100%; }
#redirect_popup.v4rp2 .v4rp2-art svg * { fill: none; stroke: #1E2421; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
#redirect_popup.v4rp2 .v4rp2-glow { fill: rgba(201, 161, 90, .14) !important; stroke: none !important; }
#redirect_popup.v4rp2 .v4rp2-route { stroke: #0F5C45 !important; stroke-width: 2 !important; stroke-dasharray: 3 7; opacity: .6; }
#redirect_popup.v4rp2 .v4rp2-leaf path { fill: #2E9E6B !important; stroke: none !important; }
#redirect_popup.v4rp2 .v4rp2-cupB { fill: #fff !important; }
#redirect_popup.v4rp2 .v4rp2-tea { fill: #E0B154 !important; stroke: none !important; }
#redirect_popup.v4rp2 .v4rp2-sau { stroke: #C9A15A !important; }
#redirect_popup.v4rp2 .v4rp2-st { stroke: #9AA5A0 !important; stroke-width: 2 !important; animation: v4rp2Steam 2.6s ease-out infinite; transform-box: fill-box; }
#redirect_popup.v4rp2 .v4rp2-s2 { animation-delay: 1.3s; }
@keyframes v4rp2Steam { 0% { transform: translateY(4px); opacity: 0; } 30% { opacity: .9; } 100% { transform: translateY(-10px); opacity: 0; } }
#redirect_popup.v4rp2 .v4rp2-flag { position: absolute; top: 50%; width: 48px; height: 34px; margin: -17px 0 0 -24px; object-fit: cover; border-radius: 7px; box-shadow: 0 0 0 3px #fff, 0 6px 14px rgba(15, 40, 32, .2); }
#redirect_popup.v4rp2 .v4rp2-from { left: 22.3%; opacity: .55; filter: saturate(.6); }
#redirect_popup.v4rp2 .v4rp2-to { left: 77.7%; animation: v4rp2Pop .6s .5s cubic-bezier(.22,1.4,.36,1) both; }
@keyframes v4rp2Pop { from { transform: scale(.4); opacity: 0; } to { transform: none; opacity: 1; } }
#redirect_popup.v4rp2 .v4rp2-body { display: flex; flex-direction: column; justify-content: center; padding: 38px 36px 34px; text-align: left; }
#redirect_popup.v4rp2 .v4rp2-k { margin: 0 0 10px !important; font: 700 12px/1.3 Inter, system-ui, sans-serif !important; letter-spacing: .16em; text-transform: uppercase; color: #A07C3B; }
#redirect_popup.v4rp2 .v4rp2-t { margin: 0 0 12px !important; font: 600 30px/1.12 var(--v4-cond, Inter), Inter, sans-serif !important; letter-spacing: -.01em; color: #0F5C45; }
#redirect_popup.v4rp2 .v4rp2-text { margin: 0 0 24px !important; font: 400 15.5px/1.6 Inter, system-ui, sans-serif !important; color: #4A524D; }
#redirect_popup.v4rp2 .v4rp2-btns { display: flex; flex-direction: column; gap: 10px; }
#redirect_popup.v4rp2 .v4rp2-stay { position: static !important; width: 100% !important; height: 48px !important; margin: 0 !important; border: 0 !important; border-radius: 999px !important; background: #008556 !important; color: #fff !important; font: 700 15px/1 Inter, system-ui, sans-serif !important; cursor: pointer; transition: background .2s; }
#redirect_popup.v4rp2 .v4rp2-stay:hover { background: #0F5C45 !important; }
#redirect_popup.v4rp2 a.v4rp2-back { display: flex; align-items: center; justify-content: center; height: 48px; padding: 0 16px; border: 1.5px solid #CFD8D4; border-radius: 999px; color: #1E2421 !important; font: 600 14.5px/1.2 Inter, system-ui, sans-serif !important; text-align: center; text-decoration: none !important; }
#redirect_popup.v4rp2 a.v4rp2-back:hover { background: #F4F6F5; border-color: #9fb3ae; }
@media (max-width: 640px) {
  #redirect_popup.v4rp2 .redirect_popup_inner { grid-template-columns: 1fr; border-radius: 22px; }
  #redirect_popup.v4rp2 .v4rp2-art { min-height: 170px; }
  #redirect_popup.v4rp2 .v4rp2-art svg { top: -46px; bottom: auto; height: 260px; }
  #redirect_popup.v4rp2 .v4rp2-flag { top: 46%; }
  #redirect_popup.v4rp2 .v4rp2-body { padding: 22px 22px 24px; }
  #redirect_popup.v4rp2 .v4rp2-t { font-size: 25px !important; }
}
@media (prefers-reduced-motion: reduce) { #redirect_popup.v4rp2, #redirect_popup.v4rp2 * { animation: none !important; } }
/* скрипт закрытия (common/scripts.tpl) прячет окно встроенным display:none — оно сильнее display:grid выше */
#redirect_popup.v4rp2[style*="none"] { display: none !important; }
/* окно согласия на cookie (#cookies-popup, верхний слой) перекрывало окно переадресации — пока оно открыто, cookie-окно ждёт */
body:has(#redirect_popup.v4rp2:not([style*="none"])) #cookies-popup { visibility: hidden !important; }
/* Хэллоуин (19.10.2026, слово владельца): вместо тыкв — сценки в белых полях слева и справа от логотипа (v4/header.tpl, .v4h-hw):
   шагающий скелет, вылезающие надгробия, летучие мыши. Поле между логотипом и поиском ≈ ширина/2 − 700px — сценки только от 1680px */
.v4h-logo .v4h-logoPumpkin { display: none !important; }
.v4h-mainRow { position: relative; }
.v4h-hw { display: none; position: absolute; bottom: 6px; height: 70px; width: min(320px, calc(50vw - 720px)); pointer-events: none; }
.v4h-hwL { right: calc(50% + 100px); }
.v4h-hwR { left: calc(50% + 100px); }
.v4h-hw svg { display: block; width: 100%; height: 100%; overflow: visible; }
.v4h-hw svg * { fill: none; stroke: #2B2F2D; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.v4h-hw .hw-ground { stroke: #E3E1D8; stroke-width: 1.4; stroke-dasharray: 2 5; }
.v4h-hw .hw-bone { fill: #fff; }
.v4h-hw .hw-eye { fill: #2B2F2D; stroke: none; }
.v4h-hw .hw-stone { fill: #ECEBE6; stroke: #8A908C; }
.v4h-hw .hw-rip { fill: #8A908C; stroke: none; font: 700 5px/1 Inter, system-ui, sans-serif; text-anchor: middle; letter-spacing: .5px; }
.v4h-hw .hw-bat path { fill: #3A2F45; stroke: none; }
@media (min-width: 1680px) { .v4h-hw { display: block; } }
@media (prefers-reduced-motion: reduce) { .v4h-hw { display: none !important; } }
/* правая сценка: скелет заваривает и пьёт чай (19.10.2026, слово владельца) */
.v4h-hw .hw-wood { stroke: #A07C3B; stroke-width: 2; }
.v4h-hw .hw-pot { fill: #fff; }
.v4h-hw .hw-tea { stroke: #C8742A; stroke-width: 1.6; }
.v4h-hw .hw-teaFill { fill: #C8742A; stroke: none; }
.v4h-hw .hw-steam path { stroke: #9AA5A0; stroke-width: 1.2; }
/* Дракула наливает чай скелету (19.10.2026, слово владельца) */
.v4h-hw .hw-cape { fill: #1E1A22; stroke: #1E1A22; }
.v4h-hw .hw-lining { fill: #9B1B1B; stroke: none; }
.v4h-hw .hw-collar { fill: #1E1A22; stroke: #1E1A22; stroke-width: 1.2; }
.v4h-hw .hw-face { fill: #F2EFE6; }
.v4h-hw .hw-hair { fill: #1E1A22; stroke: none; }
.v4h-hw .hw-red { fill: #C0262D; stroke: none; }
.v4h-hw .hw-fang { stroke: #fff; stroke-width: .8; }
.v4h-hw .hw-dArm { stroke: #1E1A22; stroke-width: 2.4; }
/* 15.10.2026, слово владельца: кнопка «New» (новинки) рядом с Tea Finder — звёздочка мерцает и вращается, по кнопке пробегает блик */
.v4h-promoBtns { justify-self: end; display: inline-flex; gap: 8px; align-items: center; }
.v4h-promo .v4h-promoBtns a { justify-self: auto; }
.v4h-promo a.v4h-promoNew { position: relative; overflow: hidden; }
.v4h-promo a.v4h-promoNew::after { content: ""; position: absolute; top: 0; bottom: 0; left: -60%; width: 40%; background: linear-gradient(100deg, transparent, rgba(255,255,255,.45), transparent); transform: skewX(-20deg); animation: v4hNewShine 4.5s ease-in-out infinite; pointer-events: none; }
.v4h-promoNew .v4h-newStar { transform-box: fill-box; transform-origin: 50% 50%; animation: v4hNewStar 2.6s ease-in-out infinite; }
.v4h-promoNew .v4h-newDot { transform-box: fill-box; transform-origin: 50% 50%; animation: v4hNewDot 2.6s ease-in-out -1.3s infinite; }
@keyframes v4hNewShine { 0%, 55% { left: -60%; } 85%, 100% { left: 130%; } }
@keyframes v4hNewStar { 0%, 100% { transform: scale(.85) rotate(0); } 50% { transform: scale(1.12) rotate(45deg); } }
@keyframes v4hNewDot { 0%, 100% { opacity: .2; transform: scale(.5); } 50% { opacity: 1; transform: scale(1.2); } }
@media (max-width: 1006px) { .v4h-promoBtns { justify-self: center; } }
@media (prefers-reduced-motion: reduce) { .v4h-promo a.v4h-promoNew::after, .v4h-promoNew svg * { animation: none !important; } }
/* 15.10.2026, слово владельца: выпадающее меню MATCHA — две крупные карточки-фото и «бестселлер» справа; телефон — компактно */
.v4h-megaM .v4h-mxGrid { display: grid; grid-template-columns: 1fr 1fr 300px; gap: 18px; max-width: 1120px; margin: 0 auto; }
.v4h-mxCard { position: relative; display: block; border-radius: 18px; overflow: hidden; aspect-ratio: 16 / 10; background: #EEF5F1; box-shadow: 0 6px 18px rgba(30,36,33,.08); text-decoration: none !important; }
.v4h-mxCard img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.22,1,.36,1); }
.v4h-mxCard::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(15,40,30,.62) 100%); }
.v4h-mxCard:hover img { transform: scale(1.06); }
.v4h-mxCap { position: absolute; left: 18px; right: 18px; bottom: 16px; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #fff; }
.v4h-mxCap b { font: 700 20px/1.2 var(--v4-sans), sans-serif; text-shadow: 0 1px 8px rgba(0,0,0,.25); }
.v4h-mxCap i { font-style: normal; width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.92); color: #0F5C45; display: grid; place-items: center; font-weight: 700; transition: transform .3s; }
.v4h-mxCard:hover .v4h-mxCap i { transform: translateX(4px); }
.v4h-mxBest { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 18px 18px 16px; border-radius: 18px; text-decoration: none !important;
  background: linear-gradient(160deg, #FCE9D7 0%, #F8F4EC 50%, #E3F1E8 100%); border: 1px solid #E3E7E5; color: #1E2421 !important; transition: transform .3s, box-shadow .3s; }
.v4h-mxBest:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(30,36,33,.12); }
.v4h-mxBadge { align-self: flex-start; padding: 4px 10px; border-radius: 999px; background: #0F5C45; color: #fff; font: 700 11px/1.2 var(--v4-sans), sans-serif; letter-spacing: .08em; text-transform: uppercase; animation: v4hBestPulse 2.6s ease-in-out infinite; }
.v4h-mxBestImg { width: 132px; height: 132px; border-radius: 50%; overflow: hidden; background: #fff; box-shadow: 0 6px 18px rgba(30,36,33,.12); }
.v4h-mxBestImg img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.v4h-mxBest:hover .v4h-mxBestImg img { transform: scale(1.08) rotate(-3deg); }
.v4h-mxName { font: 700 15px/1.3 var(--v4-sans), sans-serif; margin-top: 4px; }
.v4h-mxPrice { font: 600 15px var(--v4-sans), sans-serif; color: #0F5C45; }
.v4h-mxBtn { margin-top: 4px; padding: 9px 18px; border-radius: 999px; background: #008556; color: #fff; font: 600 13.5px var(--v4-sans), sans-serif; }
@keyframes v4hBestPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(15,92,69,.35); } 50% { box-shadow: 0 0 0 6px rgba(15,92,69,0); } }
@media (max-width: 1006px) {
  .v4h-megaM .v4h-mxGrid { grid-template-columns: 1fr 1fr; gap: 10px; padding: 4px 12px 10px; }
  .v4h-mxCard { border-radius: 14px; }
  .v4h-mxCap { left: 10px; right: 10px; bottom: 10px; }
  .v4h-mxCap b { font-size: 14.5px; }
  .v4h-mxCap i { width: 26px; height: 26px; font-size: 13px; }
  .v4h-mxBest { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; text-align: left; align-items: center; gap: 4px 12px; padding: 12px 14px; }
  .v4h-mxBadge { position: absolute; top: 10px; right: 10px; }
  .v4h-mxBestImg { width: 72px; height: 72px; flex: 0 0 72px; }
  .v4h-mxName { flex: 1 1 calc(100% - 90px); margin: 0; padding-right: 92px; }
  .v4h-mxPrice { margin-left: 84px; }
  .v4h-mxBtn { margin: 0 0 0 auto; padding: 7px 14px; }
}
@media (prefers-reduced-motion: reduce) { .v4h-mxBadge { animation: none; } }
/* 15.10.2026: MATCHA в мобильном меню — карточки-фото рядом, бестселлер строкой ниже */
.v4h-mxMob .v4h-mxGrid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; padding: 6px 16px 4px !important; max-width: none !important; }
.v4h-mxMob .v4h-mxCard { aspect-ratio: 4 / 3; border-radius: 14px; }
.v4h-mxMob .v4h-mxCap { left: 10px; right: 10px; bottom: 9px; }
.v4h-mxMob .v4h-mxCap b { font-size: 14px; line-height: 1.15; }
.v4h-mxMob .v4h-mxCap i { width: 24px; height: 24px; font-size: 12px; flex: 0 0 24px; }
.v4h-mxMob .v4h-mxBest { grid-column: 1 / -1; display: grid !important; grid-template-columns: 64px 1fr auto; grid-template-rows: auto auto; align-items: center; text-align: left; gap: 2px 12px; padding: 12px 14px; }
.v4h-mxMob .v4h-mxBadge { position: absolute; top: -9px; left: 12px; font-size: 10px; padding: 3px 8px; }
.v4h-mxMob .v4h-mxBestImg { grid-row: 1 / 3; width: 64px; height: 64px; }
.v4h-mxMob .v4h-mxName { grid-column: 2; margin: 6px 0 0; font-size: 14px; padding: 0; }
.v4h-mxMob .v4h-mxPrice { grid-column: 2; margin: 0; font-size: 14px; }
.v4h-mxMob .v4h-mxBtn { grid-column: 3; grid-row: 1 / 3; margin: 0; padding: 8px 12px; font-size: 12.5px; }
.v4h-mxMob .v4h-mxAll { display: block; padding: 10px 16px 14px; font: 600 14px var(--v4-sans), sans-serif; color: #0F5C45 !important; text-decoration: none; }
.v4h-mxMob .v4h-mxBadge { right: auto !important; width: auto !important; display: inline-block !important; }
/* 15.10.2026, слово владельца: картинки меню MATCHA меньше */
@media (min-width: 1007px) {
  .v4h-megaM .v4h-mxGrid { grid-template-columns: 250px 250px 220px; gap: 14px; max-width: none; justify-content: center; }
  .v4h-mxCard { border-radius: 14px; }
  .v4h-mxCap { left: 12px; right: 12px; bottom: 10px; }
  .v4h-mxCap b { font-size: 15px; }
  .v4h-mxCap i { width: 28px; height: 28px; font-size: 13px; }
  .v4h-mxBest { padding: 12px 12px 10px; gap: 4px; border-radius: 14px; }
  .v4h-mxBestImg { width: 76px; height: 76px; }
  .v4h-mxName, .v4h-mxPrice { font-size: 13.5px; }
  .v4h-mxBtn { padding: 6px 14px; font-size: 12.5px; }
}
.v4h-mxMob .v4h-mxCard { aspect-ratio: 16 / 9; }
.v4h-mxMob .v4h-mxBestImg { width: 52px; height: 52px; }
.v4h-mxMob .v4h-mxBest { grid-template-columns: 52px 1fr auto; padding: 10px 12px; }
/* 15.10.2026, слово владельца: фон «Bestseller» — фото рассыпанной матчи вместо градиента */
.v4h-mxBest { background: #2E3A1E url("img/menu/matcha-spill.webp?v=1") center / cover no-repeat; border: 0; color: #fff !important; overflow: hidden; }
.v4h-mxBest::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(16,30,20,.35) 0%, rgba(16,30,20,.72) 100%); }
.v4h-mxBest > * { position: relative; z-index: 1; }
.v4h-mxBest .v4h-mxBadge { position: relative; }
.v4h-mxName { color: #fff; text-shadow: 0 1px 6px rgba(0,0,0,.35); }
.v4h-mxPrice { color: #E8F3D6; }
.v4h-mxBtn { background: #fff; color: #0F5C45; }
.v4h-mxBestImg { box-shadow: 0 0 0 3px rgba(255,255,255,.85), 0 6px 18px rgba(0,0,0,.3); }
@media (max-width: 1006px) { .v4h-mxBest .v4h-mxBadge { position: absolute; } }
.v4h-mxMob .v4h-mxBest .v4h-mxBadge { position: absolute; }
/* 15.10.2026, слово владельца: цену в «Bestseller» меню не показывать */
.v4h-mxPrice { display: none !important; }
/* 16.10.2026, слово владельца: TEAWARE — 4 карточки-фото и бестселлер справа, как у MATCHA */
@media (min-width: 1007px) { .v4h-megaT .v4h-mxGrid { grid-template-columns: repeat(4, 185px) 210px; gap: 12px; } }
.v4h-twBest { background-image: url("img/menu/tw-best.webp?v=1"); }
@media (max-width: 1006px) { .v4h-megaT .v4h-mxGrid { grid-template-columns: 1fr 1fr; } }
/* 16.10.2026: ТЕСТ «Loose Tea · B» — мобильное меню в духе davidstea.com */
.v4h-lb { padding: 4px 14px 6px; }
.v4h-lbSec { background: #F3F1EC; border-radius: 14px; margin: 0 0 10px; }
.v4h-lbSec summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; font: 700 15px var(--v4-sans), sans-serif; color: #1E2421; }
.v4h-lbSec summary::-webkit-details-marker { display: none; }
.v4h-lbSec summary::after { content: "›"; font-size: 22px; line-height: 1; transition: transform .25s; color: #5A6360; }
.v4h-lbSec[open] summary::after { transform: rotate(90deg); }
.v4h-lbChips { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 16px 16px; }
.v4h-lbChip { padding: 7px 14px; border-radius: 999px; background: #fff; border: 1px solid #DCE3DF; color: #1E2421 !important; font: 600 13px var(--v4-sans), sans-serif; text-decoration: none !important; }
.v4h-lbType { background: var(--c); border-color: transparent; color: var(--t) !important; text-transform: uppercase; letter-spacing: .04em; font-size: 12px; font-weight: 700; }
/* 16.10.2026: ТЕСТ «· C» — мобильное меню в духе teaforte.com */
.v4h-ddOpen { display: flex; justify-content: space-between; align-items: center; padding: 16px; font: 600 14px var(--v4-sans), sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #1E2421 !important; text-decoration: none !important; }
.v4h-ddOpen span { font-size: 22px; line-height: 1; color: #5A6360; }
#v4h_mm.v4h-ddOn > .v4h-mm { display: none; }
.v4h-dd { padding: 6px 0 24px; animation: v4hDdIn .28s cubic-bezier(.22,1,.36,1); }
@keyframes v4hDdIn { from { transform: translateX(40px); opacity: 0; } to { transform: none; opacity: 1; } }
.v4h-ddBack { background: none; border: 0; padding: 12px 16px; font: 600 13px var(--v4-sans), sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #5A6360; cursor: pointer; }
.v4h-ddTitle { margin: 0; padding: 4px 16px 10px; font: 700 20px var(--v4-sans), sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #1E2421; border-bottom: 1px solid #E6E9E7; }
.v4h-ddAll { display: block; padding: 14px 16px; font: 600 13px var(--v4-sans), sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #0F5C45 !important; border-bottom: 1px solid #E6E9E7; text-decoration: none !important; }
.v4h-ddHead { margin: 0; padding: 20px 16px 6px; font: 700 11px var(--v4-sans), sans-serif; letter-spacing: .16em; text-transform: uppercase; color: #8A9290; }
.v4h-ddRow { padding: 12px 16px; border-bottom: 1px solid #F0F2F1; }
.v4h-ddMain { display: block; font: 600 15px var(--v4-sans), sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #1E2421 !important; text-decoration: none !important; }
.v4h-ddSubs { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 6px; }
.v4h-ddSubs a { font: 400 14px var(--v4-sans), sans-serif; color: #5A6360 !important; text-decoration: none !important; }
/* 16.10.2026: вариант C — идеи kusmitea.com: закреплённая полоса «‹ Раздел», спокойные строчные подпункты */
.v4h-ddBar { position: sticky; top: 0; z-index: 2; background: #F3F1EC; border-bottom: 1px solid #E6E9E7; }
.v4h-ddBar .v4h-ddBack { display: flex; align-items: center; gap: 10px; width: 100%; padding: 14px 16px; font: 700 15px var(--v4-sans), sans-serif; letter-spacing: .1em; color: #1E2421; text-align: left; }
.v4h-ddBar .v4h-ddBack span { font-size: 20px; line-height: 1; }
.v4h-ddSubs a { padding: 2px 0; }
/* 16.10.2026: вариант C — фото у видов чая, полоса фото-карточек вверху меню */
.v4h-ddType { display: flex; align-items: center; gap: 14px; }
.v4h-ddThumb { flex: 0 0 56px; width: 56px; height: 56px; border-radius: 12px; object-fit: cover; }
.v4h-ddDot { display: block; background: radial-gradient(circle at 35% 30%, rgba(255,255,255,.45), transparent 55%), var(--c); }
.v4h-ddTxt { min-width: 0; }
.v4h-ddStrip { display: flex; gap: 10px; overflow-x: auto; padding: 12px 16px 10px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.v4h-ddStrip::-webkit-scrollbar { display: none; }
.v4h-ddStrip a { position: relative; flex: 0 0 132px; height: 96px; border-radius: 12px; overflow: hidden; scroll-snap-align: start; text-decoration: none !important; }
.v4h-ddStrip img { width: 100%; height: 100%; object-fit: cover; }
.v4h-ddStrip a::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(15,40,30,.7)); }
.v4h-ddStrip b { position: absolute; left: 10px; right: 10px; bottom: 8px; z-index: 1; color: #fff; font: 700 13px/1.2 var(--v4-sans), sans-serif; }
/* 16.10.2026, слово владельца: мобильное меню — картинки слева от разделов и видов чая */
.v4h-mmHead > a:first-child { display: flex; align-items: center; gap: 12px; }
.v4h-mmHead > a:first-child .v4h-mmThumb { order: -1; }
.v4h-mmThumb { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 10px; object-fit: cover; }
.v4h-mmThumbSale { display: grid; place-items: center; background: #C8102E; color: #fff; font: 800 18px var(--v4-sans), sans-serif; }
.v4h-mmTypeHead > a:first-child { display: flex; align-items: center; gap: 10px; }
.v4h-mmTypeHead > a:first-child .v4h-mmTThumb { order: -1; }
.v4h-mmTThumb { display: block; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
#v4h_mm { -webkit-overflow-scrolling: touch; padding-bottom: env(safe-area-inset-bottom); }
.v4h-mmNav .v4h-mmCaf { display: none !important; } /* 16.10.2026, слово владельца: точки кофеина в мобильном меню скрыты (не удалены) */
/* 16.10.2026, слово владельца: хлебные крошки на телефоне — в одну строку; не влезает — прячем последние подкатегории (скрипт в v4-shapka.js) */
@media (max-width: 767px) { .ty-breadcrumbs { display: flex !important; flex-wrap: nowrap !important; align-items: center; overflow: hidden; white-space: nowrap; } .ty-breadcrumbs > * { flex-shrink: 0; } }
/* 16.10.2026, слово владельца: Collections в мобильном меню — плитки-картинки с подписью внизу */
.v4h-colGrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 10px; padding: 8px 16px 6px; }
.v4h-colTile { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; text-decoration: none !important; }
.v4h-colTile img { width: 100%; aspect-ratio: 1; border-radius: 14px; object-fit: cover; box-shadow: 0 3px 10px rgba(30,36,33,.10); }
.v4h-colTile span { font: 600 12.5px/1.25 var(--v4-sans), sans-serif; color: #1E2421; }
/* 16.10.2026: карточки меню с рисованной графикой (Teaware) — светлая подложка и тёмная подпись */
.v4h-mxCard:has(img[src*=".svg"])::after { background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(255,255,255,.88) 100%); }
.v4h-mxCard:has(img[src*=".svg"]) .v4h-mxCap b { color: #1E2421; text-shadow: none; }
.v4h-mxCard:has(img[src*=".svg"]) .v4h-mxCap i { background: #0F5C45; color: #fff; }
/* 16.10.2026: мобильное меню — значок «Bestseller» обрезался краем карточки и наезжал на фото; теперь внутри карточки над фото */
.v4h-mxMob .v4h-mxBest { padding-top: 34px !important; }
.v4h-mxMob .v4h-mxBest .v4h-mxBadge { top: 9px !important; left: 12px !important; }
/* 16.10.2026, слово владельца: SHOP TEA как TEAWARE — 10 карточек с рисунками и бестселлер справа */
@media (min-width: 1007px) {
  .v4h-megaS .v4h-mxGrid { grid-template-columns: repeat(5, 150px) 210px; gap: 12px; }
  .v4h-megaS .v4h-mxBest { grid-column: 6; grid-row: 1 / span 2; }
  .v4h-megaS .v4h-mxCap b { font-size: 14px; }
  .v4h-megaS .v4h-pnlFoot { max-width: 870px; margin: 14px auto 0; }
}
@media (max-width: 1006px) { .v4h-megaS .v4h-mxGrid { grid-template-columns: 1fr 1fr; } }
.v4h-mxMob.v4h-megaS .v4h-mxCard { aspect-ratio: 16 / 10; }
/* 16.10.2026, слово владельца: крупнее названия видов чая в карточках Shop Tea */
.v4h-megaS .v4h-mxCap b { font-size: 17px !important; line-height: 1.15; }
.v4h-mxMob.v4h-megaS .v4h-mxCap b { font-size: 16px !important; }
@media (min-width: 1007px) { .v4h-megaS .v4h-mxCap { left: 10px; right: 10px; bottom: 8px; } }
/* 16.10.2026, слово владельца: бестселлер в Shop Tea пока скрыт (разметка осталась); карточки шире */
.v4h-megaS .v4h-mxBest { display: none !important; }
@media (min-width: 1007px) { .v4h-megaS .v4h-mxGrid { grid-template-columns: repeat(5, 176px) !important; } }
/* 16.10.2026, слово владельца: названия в карточках Shop Tea ещё крупнее, внутри карточки */
.v4h-megaS .v4h-mxCap b { font-size: 21px !important; font-weight: 800 !important; line-height: 1.1 !important; letter-spacing: -.01em; }
.v4h-mxMob.v4h-megaS .v4h-mxCap b { font-size: 19px !important; }
/* 16.10.2026, слово владельца: карточки с рисунками — рисунок сверху, название снизу на светлой полосе, без перекрытия */
.v4h-mxCard:has(img[src*=".svg"]) { background: #FBF8F3; }
.v4h-mxCard:has(img[src*=".svg"]) img { height: 68% !important; bottom: auto !important; }
.v4h-mxCard:has(img[src*=".svg"])::after { display: none; }
.v4h-mxCard:has(img[src*=".svg"]) .v4h-mxCap { bottom: 0 !important; left: 0 !important; right: 0 !important; height: 32%; padding: 0 10px; align-items: center; }
.v4h-mxMob .v4h-mxCard:has(img[src*=".svg"]) { aspect-ratio: 1 / 1; }
.v4h-mxMob .v4h-mxCard:has(img[src*=".svg"]) img { height: 64% !important; }
.v4h-mxMob .v4h-mxCard:has(img[src*=".svg"]) .v4h-mxCap { height: 36%; }
/* 16.10.2026, слово владельца: телефон в горизонтальном положении — карточки меню не растягиваются, в ряд столько, сколько влезает */
.v4h-mxMob .v4h-mxGrid, .v4h-mxMob.v4h-megaS .v4h-mxGrid, .v4h-mxMob.v4h-megaT .v4h-mxGrid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important; }
.v4h-colGrid { grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)) !important; }
@media (min-width: 560px) { .v4h-colTile img { max-width: 120px; } }
/* 16.10.2026, слово владельца: Collections — плитки прямоугольные (меню короче), картинки обрезаны по центру */
.v4h-colGrid { gap: 10px 8px !important; padding-bottom: 2px; }
.v4h-colTile { gap: 4px; }
.v4h-colTile img { aspect-ratio: 4 / 3 !important; object-position: center 60%; border-radius: 10px; }
.v4h-colTile span { font-size: 12px; }
@media (min-width: 560px) { .v4h-colTile img { max-width: 140px; } }
/* 16.10.2026, слово владельца: карточки Teaware (и Shop Tea) на телефоне — прямоугольные, ниже */
.v4h-mxMob .v4h-mxCard:has(img[src*=".svg"]) { aspect-ratio: 4 / 3 !important; }
.v4h-mxMob .v4h-mxCard:has(img[src*=".svg"]) img { height: 62% !important; }
.v4h-mxMob .v4h-mxCard:has(img[src*=".svg"]) .v4h-mxCap { height: 38% !important; }
.v4h-mxMob.v4h-megaT .v4h-mxCap b { font-size: 14px !important; line-height: 1.15; }
/* 16.10.2026: узкий телефон — две карточки в ряд (минимум 130px), карточки с рисунками ниже */
.v4h-mxMob .v4h-mxGrid, .v4h-mxMob.v4h-megaS .v4h-mxGrid, .v4h-mxMob.v4h-megaT .v4h-mxGrid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) !important; gap: 10px !important; }
.v4h-mxMob .v4h-mxCard:has(img[src*=".svg"]) { aspect-ratio: 16 / 11 !important; }
.v4h-mxMob .v4h-mxCard:has(img[src*=".svg"]) img { height: 64% !important; }
.v4h-mxMob .v4h-mxCard:has(img[src*=".svg"]) .v4h-mxCap { height: 36% !important; }
.v4h-mxMob.v4h-megaS .v4h-mxCap b { font-size: 16px !important; }
/* 16.10.2026, слово владельца: длинные названия обрезались — на телефоне/планшете карточка растёт под текст: рисунок сверху, название под ним */
.v4h-mxMob .v4h-mxCard:has(img[src*=".svg"]) { aspect-ratio: auto !important; display: flex !important; flex-direction: column; }
.v4h-mxMob .v4h-mxCard:has(img[src*=".svg"]) img { position: static !important; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; object-fit: cover; flex: none; }
.v4h-mxMob .v4h-mxCard:has(img[src*=".svg"]) .v4h-mxCap { position: static !important; height: auto !important; min-height: 46px; padding: 8px 10px !important; flex: 1; }
/* 16.10.2026, слово владельца: Shop Tea на телефоне — рисунок 2:1, плитка ниже */
.v4h-mxMob.v4h-megaS .v4h-mxCard:has(img[src*=".svg"]) img { aspect-ratio: 2 / 1 !important; }
/* 16.10.2026, слово владельца: Shop Tea на телефоне — немного места под рисунком */
.v4h-mxMob.v4h-megaS .v4h-mxCard:has(img[src*=".svg"]) img { aspect-ratio: 312 / 166 !important; }
/* 16.10.2026, слово владельца: Matcha (и все фото-карточки) в мобильном меню — название под фото, как в Shop Tea и Teaware */
.v4h-mxMob .v4h-mxCard { aspect-ratio: auto !important; display: flex !important; flex-direction: column; background: #FBF8F3; }
.v4h-mxMob .v4h-mxCard img { position: static !important; width: 100% !important; height: auto !important; aspect-ratio: 16 / 10; object-fit: cover; flex: none; }
.v4h-mxMob .v4h-mxCard::after { display: none !important; }
.v4h-mxMob .v4h-mxCard .v4h-mxCap { position: static !important; height: auto !important; min-height: 46px; padding: 8px 10px !important; flex: 1; align-items: center; }
.v4h-mxMob .v4h-mxCard .v4h-mxCap b { color: #1E2421 !important; text-shadow: none !important; }
.v4h-mxMob .v4h-mxCard .v4h-mxCap i { background: #0F5C45 !important; color: #fff !important; }
/* 16.10.2026, слово владельца: под рисунком чуть больше его фона; полоса с названием тоньше */
.v4h-mxMob.v4h-megaS .v4h-mxCard:has(img[src*=".svg"]) img { aspect-ratio: 312 / 172 !important; }
.v4h-mxMob .v4h-mxCard .v4h-mxCap { min-height: 0 !important; padding: 6px 10px !important; }
/* 16.10.2026, слово владельца: Shop Tea на телефоне — по три в ряд, плитки меньше, без стрелки */
.v4h-mxMob.v4h-megaS .v4h-mxGrid { grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)) !important; gap: 8px !important; }
.v4h-mxMob.v4h-megaS .v4h-mxCap { padding: 5px 8px 6px !important; justify-content: flex-start !important; }
.v4h-mxMob.v4h-megaS .v4h-mxCap b { font-size: 13px !important; font-weight: 700 !important; line-height: 1.15 !important; }
.v4h-mxMob.v4h-megaS .v4h-mxCap i { display: none !important; }
.v4h-mxMob.v4h-megaS .v4h-mxCard { border-radius: 12px; }
/* 16.10.2026, слово владельца: Shop Tea — 12 плиток (на компьютере 6 в ряд), лишняя ссылка внизу на телефоне скрыта; кнопка «20%» не закрывает открытое меню */
@media (min-width: 1007px) { .v4h-megaS .v4h-mxGrid { grid-template-columns: repeat(6, 150px) !important; } .v4h-megaS .v4h-pnlFoot { max-width: 960px; } }
.v4h-mxMob.v4h-megaS .v4h-mxAll { display: none !important; }
body:has(#v4h_mm:not([hidden])) #v4sp_box { display: none !important; }
/* 16.10.2026, слово владельца: кнопка «20%» (v4sp_tab) не закрывает открытое мобильное меню */
body:has(#v4h_mm:not([hidden])) #v4sp_tab { display: none !important; }
/* 16.10.2026, слово владельца: All Collections — отдельной плиткой */
.v4h-colAll span { color: #0F5C45 !important; }
/* 16.10.2026, слово владельца: мобильная шапка, вариант A */
@media (max-width: 1006px) {
  .v4h-mainRight .v4h-iconBtn[href*="wishlist"] { display: none !important; }
  #v4h_header > .v4h-topbar { display: none !important; }
}
.v4h-mmMore { padding: 14px 16px 6px; border-top: 8px solid #F4F5F4; }
.v4h-mmMoreHead { margin: 0 0 6px; font: 700 11px var(--v4-sans), sans-serif; letter-spacing: .16em; text-transform: uppercase; color: #8A9290; }
.v4h-mmMoreList { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 2px 12px; }
.v4h-mmMoreList a { display: flex; align-items: center; gap: 10px; padding: 9px 0; font: 600 14px var(--v4-sans), sans-serif; color: #1E2421 !important; text-decoration: none !important; }
.v4h-mmMoreList a svg { flex: 0 0 22px; }
.v4h-mmRegion { padding: 6px 16px 18px; }
.v4h-mmRegion .v4h-topbar { display: block !important; position: static !important; background: #0F5C45; border-radius: 12px; padding: 4px 6px; }
.v4h-mmRegion .v4h-topbar ul.v4h-lsMenu { position: absolute; bottom: 100%; top: auto !important; max-height: 50vh; overflow: auto; }
/* 16.10.2026, слово владельца: отдельное меню «Ещё» (помощь, подарочные карты, опт, страна·язык·валюта) — только телефон/планшет */
.v4h-moreBtn { display: none; background: none; border: 0; padding: 6px; cursor: pointer; line-height: 0; }
.v4h-morePanel { display: none; }
@media (max-width: 1006px) {
  .v4h-moreBtn { display: inline-flex; }
  .v4h-morePanel:not([hidden]) { display: block; overflow-y: auto; overscroll-behavior: contain; background: #fff; border-top: 1px solid #E3E7E5; box-shadow: 0 12px 24px rgba(30,36,33,.12); }
  .v4h-morePanel .v4h-mmMore { border-top: 0; padding-top: 16px; }
  .v4h-morePanel .v4h-mmMoreList a { background: #F7F5F0; border-radius: 12px; padding: 12px; }
  .v4h-morePanel .v4h-mmMoreList { gap: 8px; }
  body:has(#v4h_more:not([hidden])) #v4sp_tab { display: none !important; }
}
/* 16.10.2026, слово владельца: телефон — при прокрутке логотип в закреплённой шапке скрывается, шапка ниже */
@media (max-width: 1006px) {
  .v4h-header .v4h-logo { transition: opacity .2s, max-height .25s; max-height: 70px; overflow: hidden; }
  .v4h-header.v4h-scrolled .v4h-logo { opacity: 0; max-height: 0; pointer-events: none; }
  .v4h-header.v4h-scrolled .v4h-mainRow { min-height: 0; padding-top: 4px; padding-bottom: 4px; }
}
/* 16.10.2026, слово владельца: вкладки «Shop / More» вверху мобильного меню */
.v4h-mTabs { display: none; }
@media (max-width: 1006px) {
  .v4h-mTabs { display: flex; gap: 6px; padding: 10px 12px; background: #fff; position: sticky; top: 0; z-index: 3; border-bottom: 1px solid #E6E9E7; }
  .v4h-mTab { flex: 1; border: 1px solid #DCE3DF; background: #F7F5F0; color: #1E2421; border-radius: 999px; padding: 9px 10px; font: 700 14px var(--v4-sans), sans-serif; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .v4h-mTabOn { background: #0F5C45; border-color: #0F5C45; color: #fff; }
  .v4h-mTabHint { font-weight: 500; font-size: 11.5px; opacity: .75; }
  .v4h-moreBtn { display: none !important; }
}
/* 16.10.2026, слово владельца: вкладки одной ширины; бургер превращается в × при открытом меню */
@media (max-width: 1006px) {
  .v4h-mTab { flex: 1 1 0; min-width: 0; }
  body:has(#v4h_mm:not([hidden])) .v4h-burger svg, body:has(#v4h_more:not([hidden])) .v4h-burger svg { display: none; }
  body:has(#v4h_mm:not([hidden])) .v4h-burger::before, body:has(#v4h_more:not([hidden])) .v4h-burger::before { content: "\00D7"; display: block; width: 22px; font: 400 34px/22px Arial, sans-serif; text-align: center; color: #1E2421; }
}
/* 16.10.2026, слово владельца: кнопка «флаг + валюта» в шапке телефона — открывает Help & More на строке страна·язык·валюта */
.v4h-regionBtn { display: none; }
@media (max-width: 1006px) {
  .v4h-regionBtn { display: inline-flex; align-items: center; gap: 5px; margin-left: 4px; padding: 5px 8px; border: 1px solid #DCE3DF; border-radius: 999px; background: #F7F5F0; font: 700 12px var(--v4-sans), sans-serif; color: #1E2421; cursor: pointer; }
  .v4h-regionBtn img { border-radius: 2px; }
  .v4h-regionFlash .v4h-topbar { animation: v4hRegFlash 1.4s ease; }
}
@keyframes v4hRegFlash { 0%, 100% { box-shadow: 0 0 0 0 rgba(184,147,74,0); } 30% { box-shadow: 0 0 0 5px rgba(184,147,74,.55); } }
/* 16.10.2026, слово владельца: кнопка каталога на телефоне — крупнее и заметнее (зелёный квадрат, белые полоски); флаг+валюта не наезжает на логотип */
@media (max-width: 1006px) {
  .v4h-mainLeft { gap: 8px !important; }
  .v4h-burger { width: 42px; height: 42px; border-radius: 12px; background: #0F5C45 !important; color: #fff !important; display: inline-flex !important; align-items: center; justify-content: center; padding: 0 !important; box-shadow: 0 3px 10px rgba(15,92,69,.25); transition: transform .15s; }
  .v4h-burger:active { transform: scale(.94); }
  .v4h-burger svg { width: 24px; height: 24px; stroke-width: 2.4; }
  body:has(#v4h_mm:not([hidden])) .v4h-burger::before, body:has(#v4h_more:not([hidden])) .v4h-burger::before { color: #fff !important; width: auto; font-size: 32px; line-height: 1; }
  .v4h-regionBtn { margin-left: 0; padding: 4px 7px; font-size: 11.5px; }
  .v4h-logo img { height: 46px !important; width: auto !important; }
}
/* 16.10.2026, слово владельца: шапка телефона отделена от страницы — тёплый кремовый фон, тонкая линия и мягкая тень */
@media (max-width: 1006px) {
  #v4h_header, #v4h_header .v4h-mainRow { background: #F4EFE4 !important; }
  #v4h_header { border-bottom: 1px solid #E4DBC8; box-shadow: 0 4px 14px rgba(60,45,20,.10); }
  #v4h_header .v4h-cartCount { background: #fff !important; }
}
/* 16.10.2026: телефон — логотип строго по центру шапки, не пересекается с кнопками слева и справа */
@media (max-width: 1006px) {
  #v4h_header .v4h-mainRow { position: relative; }
  #v4h_header .v4h-logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0 !important; }
  #v4h_header .v4h-logo img { height: 42px !important; }
}
/* 16.10.2026: телефон — правые значки плотнее, логотип чуть меньше: ничего не пересекается */
@media (max-width: 1006px) {
  #v4h_header .v4h-mainRight { gap: 0 !important; }
  #v4h_header .v4h-mainRight .v4h-iconBtn { width: 34px !important; min-width: 34px; padding: 0 !important; justify-content: center; }
  #v4h_header .v4h-bagBtn { padding-left: 2px !important; gap: 3px !important; }
  #v4h_header .v4h-logo img { height: 38px !important; }
}
/* 16.10.2026: узкие телефоны (меньше 375px) — флаг без кода валюты, логотип меньше */
@media (max-width: 374px) {
  .v4h-regionBtn span { display: none; }
  #v4h_header .v4h-logo img { height: 32px !important; }
}
/* 16.10.2026, слово владельца: окно «страна · язык · валюта» */
.v4h-regPop[hidden] { display: none !important; }
.v4h-regPop { position: fixed; inset: 0; z-index: 3000; display: flex; align-items: flex-start; justify-content: center; padding: 70px 14px 14px; }
.v4h-regShade { position: absolute; inset: 0; background: rgba(20,30,25,.45); }
.v4h-regBox { position: relative; width: 100%; max-width: 420px; background: #fff; border-radius: 18px; padding: 20px 18px 22px; box-shadow: 0 18px 40px rgba(0,0,0,.25); animation: v4hRegIn .22s ease; }
@keyframes v4hRegIn { from { transform: translateY(-10px); opacity: 0; } to { transform: none; opacity: 1; } }
.v4h-regClose { position: absolute; top: 10px; right: 12px; border: 0; background: #F4F5F4; width: 34px; height: 34px; border-radius: 50%; font: 400 24px/34px Arial, sans-serif; cursor: pointer; color: #1E2421; }
.v4h-regTitle { margin: 0 40px 14px 2px; font: 700 18px var(--v4-sans), sans-serif; color: #1E2421; }
.v4h-regBody .v4h-topbar { display: block !important; position: static !important; background: none !important; padding: 0 !important; border: 0 !important; }
.v4h-regBody .v4h-topbar * { color: #1E2421 !important; }
.v4h-regBody .v4h-lsWrap { display: block !important; position: relative; margin: 0 0 10px; }
.v4h-regBody .v4h-lsBtn { display: flex !important; width: 100%; justify-content: flex-start; gap: 10px; padding: 13px 14px !important; border: 1px solid #DCE3DF !important; border-radius: 12px; background: #F7F5F0 !important; font: 600 15px var(--v4-sans), sans-serif !important; }
.v4h-regBody .v4h-lsBtn .v4h-lsCaret { margin-left: auto; }
.v4h-regBody ul.v4h-lsMenu { position: static !important; width: 100% !important; max-height: 40vh; overflow: auto; margin-top: 6px; box-shadow: none; border: 1px solid #E6E9E7; border-radius: 12px; background: #fff !important; }
.v4h-regBody .v4h-locale, .v4h-regBody .v4h-topbarLocaleLeft, .v4h-regBody .v4h-topbarLocaleRight { display: block !important; }
html.v4h-regOpen, html.v4h-regOpen body { overflow: hidden; }
/* 16.10.2026, слово владельца: подпись MORE над плитками Help & More скрыта */
.v4h-morePanel .v4h-mmMoreHead { display: none !important; }
/* 16.10.2026: окно страна·язык·валюта — поля на всю ширину; подпись кнопки в одну строку */
.v4h-regBody .v4h-topbar, .v4h-regBody .v4h-topbar > span, .v4h-regBody .v4h-locale { display: flex !important; flex-direction: column; align-items: stretch; width: 100%; gap: 0; }
.v4h-regBody .v4h-lsWrap { width: 100% !important; }
.v4h-regionBtn { white-space: nowrap; }
/* 16.10.2026: в окне и в меню — только переключатели, без строк про доставку и акцию */
.v4h-regBody .v4h-topbarShip, .v4h-regBody .v4h-topbarPromoRight, .v4h-mmRegion .v4h-topbarShip, .v4h-mmRegion .v4h-topbarPromoRight { display: none !important; }
/* 16.10.2026: то же, с достаточной силой правила */
.v4h-regBody .v4h-topbar > span.v4h-topbarShip, .v4h-regBody .v4h-topbar > span.v4h-topbarPromoRight, .v4h-mmRegion .v4h-topbar > span.v4h-topbarShip, .v4h-mmRegion .v4h-topbar > span.v4h-topbarPromoRight { display: none !important; }
/* 16.10.2026, слово владельца: кнопка «флаг · язык · валюта» не нажималась — её накрывал растянутый правый блок шапки */
@media (max-width: 1006px) {
  #v4h_header .v4h-mainRight { flex: 0 0 auto !important; width: auto !important; margin-left: auto !important; }
  #v4h_header .v4h-mainRight .v4h-searchInline { display: none !important; }
  #v4h_header .v4h-mainLeft { position: relative; z-index: 3; }
}
/* 16.10.2026, слово владельца: полоса «бесплатная доставка» над шапкой телефона, при прокрутке прячется */
.v4h-mShip { display: none; }
@media (max-width: 1006px) {
  .v4h-mShip:not(:empty) { display: block; background: #0F5C45; color: #fff; text-align: center; font: 600 12.5px/1.3 var(--v4-sans), sans-serif; padding: 6px 12px; max-height: 40px; overflow: hidden; transition: max-height .25s ease, padding .25s ease; }
  .v4h-mShip a { color: #fff !important; text-decoration: underline; }
  .v4h-header.v4h-scrolled .v4h-mShip { max-height: 0; padding-top: 0; padding-bottom: 0; }
}
/* 16.10.2026, слово владельца: у валюты — значок слева (монеты), как флажок у страны и языка */
.v4h-regBody .v4h-lsBtn:not(:has(img))::before, .v4h-mmRegion .v4h-lsBtn:not(:has(img))::before {
  content: ""; display: inline-block; flex: 0 0 20px; width: 20px; height: 20px; margin-right: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='9' cy='8' rx='6' ry='3' fill='%23B8934A'/%3E%3Cpath d='M3 8v4c0 1.7 2.7 3 6 3s6-1.3 6-3V8c0 1.7-2.7 3-6 3S3 9.7 3 8z' fill='%23977633'/%3E%3Cellipse cx='15' cy='14' rx='6' ry='3' fill='%230F5C45'/%3E%3Cpath d='M9 14v4c0 1.7 2.7 3 6 3s6-1.3 6-3v-4c0 1.7-2.7 3-6 3s-6-1.3-6-3z' fill='%230B4635'/%3E%3Ctext x='15' y='15.6' font-size='4.6' font-family='Arial' font-weight='700' fill='%23fff' text-anchor='middle'%3E%24%3C/text%3E%3C/svg%3E") center / contain no-repeat;
}
/* 16.10.2026, слово владельца: подложка кнопки «флаг · язык · валюта» по ширине текста (USD не вылезает) */
@media (max-width: 1006px) {
  #v4h_header .v4h-mainLeft { width: auto !important; flex: 0 0 auto !important; }
  .v4h-regionBtn { flex: 0 0 auto !important; }
}
/* 16.10.2026, слово владельца: COLLECTIONS на компьютере — 13 плиток с рисунками в два ряда (7 + 6) */
@media (min-width: 1007px) {
  .v4h-megaC .v4h-mxGrid { grid-template-columns: repeat(7, 138px) !important; gap: 12px !important; justify-content: center; }
  .v4h-megaC .v4h-mxCap b { font-size: 14px !important; line-height: 1.15; }
  .v4h-megaC .v4h-mxCard:last-child .v4h-mxCap b { color: #0F5C45 !important; }
}
/* 16.10.2026, слово владельца: TEAWARE на компьютере — бестселлер прямоугольником в высоту плиток */
@media (min-width: 1007px) {
  .v4h-megaT .v4h-mxGrid { grid-template-columns: repeat(4, 185px) 300px !important; align-items: stretch; }
  .v4h-megaT .v4h-mxBest { display: grid !important; grid-template-columns: 72px 1fr; grid-template-rows: auto 1fr auto; column-gap: 12px; row-gap: 4px; align-items: center; text-align: left; padding: 30px 14px 12px !important; min-height: 0; height: 100%; }
  .v4h-megaT .v4h-mxBest .v4h-mxBadge { position: absolute; top: 8px; left: 10px; font-size: 10px; padding: 3px 8px; }
  .v4h-megaT .v4h-mxBest .v4h-mxBestImg { grid-row: 1 / span 3; width: 72px; height: 72px; }
  .v4h-megaT .v4h-mxBest .v4h-mxName { grid-column: 2; margin: 0; font-size: 14px; line-height: 1.25; align-self: end; }
  .v4h-megaT .v4h-mxBest .v4h-mxBtn { grid-column: 2; justify-self: start; margin: 4px 0 0; padding: 6px 12px; font-size: 12.5px; }
}
/* 16.10.2026, слово владельца: компьютер — названия на плитках с рисунками не съезжают: плитка растёт под текст, рисунок сверху, подпись снизу */
@media (min-width: 1007px) {
  .v4h-mega .v4h-mxCard:has(img[src*=".svg"]) { aspect-ratio: auto !important; display: flex !important; flex-direction: column; }
  .v4h-mega .v4h-mxCard:has(img[src*=".svg"]) img { position: static !important; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; object-fit: cover; flex: none; }
  .v4h-mega .v4h-mxCard:has(img[src*=".svg"]) .v4h-mxCap { position: static !important; height: auto !important; min-height: 48px; padding: 8px 10px !important; flex: 1; gap: 8px; }
  .v4h-mega .v4h-mxCard:has(img[src*=".svg"]) .v4h-mxCap b { font-size: 14px !important; line-height: 1.2 !important; }
  .v4h-mega .v4h-mxCard:has(img[src*=".svg"]) .v4h-mxCap i { flex: 0 0 28px; width: 28px; height: 28px; font-size: 13px; }
}
/* 16.10.2026: Shop Tea на компьютере — названия остаются крупными (слово владельца ранее) */
@media (min-width: 1007px) { .v4h-megaS .v4h-mxCard:has(img[src*=".svg"]) .v4h-mxCap b { font-size: 17px !important; } }
/* 16.10.2026, слово владельца: Collections на компьютере — All Collections в правом краю последнего ряда, с пробелом после коллекций */
@media (min-width: 1007px) { .v4h-megaC .v4h-mxGrid > .v4h-mxCard:last-child { grid-column: -2 / -1; } }
/* 16.10.2026, слово владельца (вариант Б): Shop Tea на компьютере — подкатегории внутри плитки при наведении */
.v4h-mxSubs { display: none; }
@media (min-width: 1007px) {
  .v4h-megaS .v4h-mxHasSub { position: relative; overflow: hidden; }
  .v4h-megaS .v4h-mxMain { display: flex; flex-direction: column; flex: 1; text-decoration: none !important; color: inherit; }
  .v4h-megaS .v4h-mxMain img { transition: transform .35s cubic-bezier(.22,1,.36,1), opacity .25s; }
  .v4h-megaS .v4h-mxSubs { display: flex; flex-direction: column; justify-content: center; gap: 2px; position: absolute; left: 0; right: 0; top: 0; aspect-ratio: 16 / 9; padding: 8px 12px;
    background: linear-gradient(160deg, #F7F3EA, #EAF2E6); opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity .25s, transform .35s cubic-bezier(.22,1,.36,1); }
  .v4h-megaS .v4h-mxSubs a { display: block; padding: 3px 0; font: 600 13.5px/1.25 var(--v4-sans), sans-serif; color: #1E2421 !important; text-decoration: none !important; border-bottom: 1px dashed rgba(15,92,69,.18); }
  .v4h-megaS .v4h-mxSubs a:last-child { border-bottom: 0; }
  .v4h-megaS .v4h-mxSubs a::before { content: "›"; color: #0F5C45; font-weight: 800; margin-right: 6px; }
  .v4h-megaS .v4h-mxSubs a:hover { color: #0F5C45 !important; }
  .v4h-megaS .v4h-mxHasSub:hover .v4h-mxSubs, .v4h-megaS .v4h-mxHasSub:focus-within .v4h-mxSubs { opacity: 1; transform: none; pointer-events: auto; }
  .v4h-megaS .v4h-mxHasSub:hover .v4h-mxMain img, .v4h-megaS .v4h-mxHasSub:focus-within .v4h-mxMain img { transform: translateY(-30%); opacity: 0; }
  .v4h-megaS .v4h-mxHasSub .v4h-mxCap b::after { content: " ▾"; font-size: .7em; color: #0F5C45; }
}
/* 16.10.2026: без значка ▾ после названия (переносился на новую строку) */
@media (min-width: 1007px) { .v4h-megaS .v4h-mxHasSub .v4h-mxCap b::after { content: none !important; } }
/* 16.10.2026, слово владельца: подкатегории в меню Shop Tea пока убраны (разметка оставлена — вернуть: удалить это правило) */
@media (min-width: 1007px) {
  .v4h-megaS .v4h-mxSubs { display: none !important; }
  .v4h-megaS .v4h-mxHasSub:hover .v4h-mxMain img, .v4h-megaS .v4h-mxHasSub:focus-within .v4h-mxMain img { transform: none !important; opacity: 1 !important; }
}
/* 16.10.2026, слово владельца: Shop Tea на компьютере — плитки шире, названия в одну строку */
@media (min-width: 1007px) {
  .v4h-megaS .v4h-mxGrid { grid-template-columns: repeat(6, 172px) !important; }
  .v4h-megaS .v4h-mxCap b { white-space: nowrap; }
  .v4h-megaS .v4h-pnlFoot { max-width: 1092px !important; }
}
/* 16.10.2026: узкие экраны компьютера (1007–1180) — плитки Shop Tea делят ширину, не вылезают */
@media (min-width: 1007px) and (max-width: 1180px) { .v4h-megaS .v4h-mxGrid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; padding: 0 16px; } .v4h-megaS .v4h-mxCap b { font-size: 15px !important; } }
/* 17.10.2026, слово владельца: окно подписки — по сигналу (класс v4sp-show), карточка справа внизу на компьютере, плашка снизу на телефоне; ярлычок сбоку убран */
#v4sp_box.v4sp:not(.v4sp-show) { display: none !important; }
#v4sp_box.v4sp.v4sp-show:not(.v4sp-closed) { display: block !important; }
#v4sp_tab { display: none !important; }
#v4sp_box.v4sp.v4sp-slide { left: auto !important; top: auto !important; right: 20px !important; bottom: 20px !important; width: 340px !important; height: auto !important; background: none !important; padding: 0 !important; animation: v4spSlide .45s cubic-bezier(.22,1,.36,1); }
@keyframes v4spSlide { from { transform: translateY(30px); opacity: 0; } to { transform: none; opacity: 1; } }
#v4sp_box.v4sp.v4sp-slide .hw_subscribe_popup_inner { display: block !important; width: 340px !important; max-width: calc(100vw - 40px); border-radius: 18px; overflow: hidden; box-shadow: 0 18px 44px rgba(20,30,25,.28); background: #fff; }
#v4sp_box.v4sp.v4sp-slide .v4sp-img { display: block !important; height: 86px !important; }
#v4sp_box.v4sp.v4sp-slide .v4sp-logo, #v4sp_box.v4sp.v4sp-slide .v4sp-text { display: none !important; }
#v4sp_box.v4sp.v4sp-slide .v4sp-body { padding: 26px 18px 14px !important; }
#v4sp_box.v4sp.v4sp-slide .h3 { font-size: 19px !important; margin: 0 0 10px !important; }
#v4sp_box.v4sp.v4sp-slide .v4sp-kicker { margin: 0 0 4px !important; }
#v4sp_bar { position: fixed; left: 10px; right: 10px; bottom: 10px; z-index: 1140; display: flex; align-items: center; gap: 8px; min-height: 52px; padding: 8px 8px 8px 16px; background: #0F5C45; color: #fff; border-radius: 16px; box-shadow: 0 10px 26px rgba(15,92,69,.35); font: 700 14.5px/1.25 var(--v4-sans), sans-serif; cursor: pointer; animation: v4spSlide .45s cubic-bezier(.22,1,.36,1); }
#v4sp_bar .v4sp-barTxt { flex: 1; }
#v4sp_bar .v4sp-barX { flex: 0 0 36px; height: 36px; border: 0; border-radius: 50%; background: rgba(255,255,255,.16); color: #fff; font: 400 22px/36px Arial, sans-serif; cursor: pointer; }
@media (min-width: 1007px) { #v4sp_bar { display: none !important; } }
/* 17.10.2026, слово владельца (по отзыву): плитки разделов, которых нет на витрине (#v4-hide), не показывать; текст на карточке бестселлера Teaware читается */
.v4h-mxCard[href="#v4-hide"], .v4h-colTile[href="#v4-hide"] { display: none !important; }
.v4h-twBest::before { background: linear-gradient(180deg, rgba(14,26,18,.62) 0%, rgba(14,26,18,.86) 100%) !important; }
.v4h-twBest .v4h-mxName { color: #fff !important; text-shadow: 0 1px 3px rgba(0,0,0,.6) !important; }
/* 17.10.2026, слово владельца (по отзыву): карточка подписки на компьютере — без пустоты внизу, по высоте экрана */
#v4sp_box.v4sp.v4sp-slide .hw_subscribe_popup_inner, #v4sp_box.v4sp.v4sp-slide .v4sp-body { min-height: 0 !important; height: auto !important; }
#v4sp_box.v4sp.v4sp-slide .hw_subscribe_popup_inner { max-height: calc(100vh - 40px); overflow: auto; }
#v4sp_box.v4sp.v4sp-slide .v4sp-body { padding-bottom: 10px !important; justify-content: flex-start !important; }
#v4sp_box.v4sp.v4sp-slide .v4sp-form { margin-bottom: 6px !important; }
#v4sp_box.v4sp.v4sp-slide .v4sp-note { margin: 4px 0 0 !important; }
/* 17.10.2026, слово владельца: ярлычок «Get 20%» снова всегда виден (прячется, пока открыто окно или плашка); в карточке — текст, что скидка применяется сразу */
#v4sp_tab:not([hidden]) { display: flex !important; }
body:has(#v4sp_box.v4sp-show:not(.v4sp-closed)) #v4sp_tab, body:has(#v4sp_bar) #v4sp_tab { display: none !important; }
#v4sp_box.v4sp.v4sp-slide .v4sp-text { display: block !important; font-size: 13px !important; line-height: 1.4 !important; margin: 0 0 12px !important; color: #4A524F; }
/* 17.10.2026, слово владельца: пока открыто выпадающее меню на компьютере — карточка подписки не закрывает его */
body:has(.v4h-hasMega:hover) #v4sp_box.v4sp-slide, body:has(.v4h-hasMega:focus-within) #v4sp_box.v4sp-slide { opacity: 0 !important; pointer-events: none !important; transition: opacity .15s; }
.v4h-mega { z-index: 1200; }
/* 17.10.2026, слово владельца: на средних экранах компьютера поле поиска наезжало на логотип — до 1280px поиск значком (строка выезжает вниз по нажатию), 1280–1440 — поле уже */
@media (min-width: 1007px) and (max-width: 1279px) {
  #v4h_header .v4h-searchInline { display: none !important; }
  #v4h_header .v4h-searchMob { display: inline-flex !important; }
}
@media (min-width: 1280px) and (max-width: 1440px) {
  #v4h_header .v4h-searchInline { width: 230px !important; max-width: 230px !important; flex: 0 0 230px !important; }
}
/* 17.10.2026, слово владельца: при прокрутке на телефоне/планшете — надпись TEALYRA слева вместо логотипа и кнопки страны.
   Смена только прозрачностью, без перемещения элементов — иначе Google считает сдвиг вёрстки (CLS ~0.12 на каждую прокрутку, найдено полной проверкой) */
.v4h-mainRow { position: relative; }
.v4h-mainRow::after { content: "TEALYRA"; position: absolute; left: 62px; top: 50%; transform: translateY(-50%); font-weight: 800; font-size: 20px; line-height: 1; letter-spacing: .08em; color: #0F5C45; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .2s; }
@media (max-width: 1007px) {
  .v4h-scrolled .v4h-mainRow::after { opacity: 1; }
  .v4h-scrolled #v4h_regionBtn { opacity: 0 !important; visibility: hidden !important; transition: opacity .2s, visibility .2s; }
}
/* 17.10.2026: на средних ширинах значки поиска/кабинета/корзины попадали в среднюю клетку сетки шапки (логотип стоит поверх сетки) — закреплены за правой клеткой */
.v4h-mainRow > .v4h-mainRight { grid-column: 3 !important; justify-self: end !important; }
.v4h-mainRow > .v4h-mainLeft { grid-column: 1 !important; }
/* сжатие шапки при прокрутке — без анимации размеров, чтобы отступ под шапкой выставлялся в тот же кадр (без сдвига вёрстки) */
header.v4h-header, header.v4h-header .v4h-mainRow, header.v4h-header .v4h-logo, header.v4h-header .v4h-mShip, header.v4h-header .v4h-mainLeft, header.v4h-header .v4h-mainRight { transition-property: opacity, background-color, box-shadow, color !important; }
/* 17.10.2026, полная проверка на настоящих iPhone (BrowserStack): старая выпадающая мини-корзина темы стояла за правым краем (L406–R764 при ширине 390),
   Safari позволял сдвинуть страницу вбок. Скрытые выпадашки (класс hidden) — действительно скрыты; корзина теперь — выдвижная панель V4 */
/* (17.10.2026) правило «скрыть .cm-popup-box.hidden» снято: эта же мини-корзина показывается внутри выдвижной корзины V4 — товары пропадали */
html, body { overflow-x: clip; }
@supports not (overflow-x: clip) { html, body { overflow-x: hidden; } }
/* 17.10.2026, слово владельца: перелив текста у пунктов меню Shop Tea, Matcha, Collections (1, 2 и 4-й пункт — адреса на языках разные, порядок один).
   Тёмный текст, раз в ~6 с проходит зелёно-золотой блик; у кого в системе отключены анимации — без перелива */
.v4h-nav > ul > li:is(:nth-child(1), :nth-child(2), :nth-child(4)) > a {
  background-image: linear-gradient(100deg, #1E2421 0%, #1E2421 38%, #0F5C45 45%, #C9A227 50%, #0F5C45 55%, #1E2421 62%, #1E2421 100%);
  background-size: 300% 100%; background-position: 100% 0;
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #1E2421;
  animation: v4hShimmer 6s ease-in-out infinite;
}
.v4h-nav > ul > li:nth-child(2) > a { animation-delay: .5s; }
.v4h-nav > ul > li:nth-child(4) > a { animation-delay: 1s; }
.v4h-nav > ul > li:is(:nth-child(1), :nth-child(2), :nth-child(4)) > a .v4h-caret { -webkit-text-fill-color: #1E2421; }
.v4h-nav > ul > li:is(:nth-child(1), :nth-child(2), :nth-child(4)) > a:hover { -webkit-text-fill-color: #0F5C45; }
@keyframes v4hShimmer { 0%, 55% { background-position: 100% 0; } 85%, 100% { background-position: 0% 0; } }
@media (prefers-reduced-motion: reduce) { .v4h-nav > ul > li > a { animation: none !important; -webkit-text-fill-color: currentColor !important; background: none !important; } }
/* 17.10.2026, слово владельца: на компьютере белая строка шапки чуть выше (87 → ~105px), логотип крупнее (93×58 → 116×72) */
@media (min-width: 1008px) and (orientation: landscape) {
  .v4h-header:not(.v4h-scrolled) .v4h-mainRow { padding-top: 20px !important; padding-bottom: 20px !important; }
  .v4h-header:not(.v4h-scrolled) .v4h-logo img { width: 116px !important; height: 72px !important; }
}
/* 17.10.2026, скорость/CLS: полоса «бесплатная доставка» на телефоне заполняется скриптом — место под неё (28px) держим сразу, страница не съезжает */
@media (max-width: 1007px) { .v4h-header:not(.v4h-scrolled) #v4h_mShip:empty { display: block !important; min-height: 28px; box-sizing: border-box; } }
/* 16.10.2026, слово владельца («на iPhone крестик корзины мелкий»): единая крупная кнопка закрытия — светлый кружок 40px с тёмным крестиком, одинаково на всех устройствах (Safari больше не красит её синим) */
#v4h_drawer_close { -webkit-appearance: none !important; appearance: none !important; display: inline-flex !important; align-items: center; justify-content: center; width: 40px !important; height: 40px !important; min-width: 40px; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 50% !important; background: #EEF2EF !important; color: #1E2421 !important; font: 400 24px/1 Inter, system-ui, sans-serif !important; cursor: pointer; transition: background .15s, transform .15s; -webkit-tap-highlight-color: transparent; }
#v4h_drawer_close:hover, #v4h_drawer_close:active { background: #DCE6E0 !important; transform: scale(1.05); }
#v4h_drawer_close svg { width: 18px !important; height: 18px !important; stroke: currentColor; }

/* 16.10.2026, отчёт юзабилити: кнопка «20%» (#v4sp_tab) не закрывает открытую выдвижную корзину (на ПК — сумму Total), строку поиска и раскрытые фильтры / подкатегории / сортировку */
body:has(#v4h_drawer.v4h-drawerOn) #v4sp_tab, body:has(#v4h_search:not([hidden])) #v4sp_tab, body:has(.ty-show-simple-target.ty-btn__active) #v4sp_tab { display: none !important; }
/* 16.10.2026, отчёт юзабилити: на телефоне кнопка «Search» уходила за правый край — поле сжимается, кнопка не сжимается */
.v4h-searchBar input { min-width: 0; box-sizing: border-box; }
.v4h-searchBar button { flex: 0 0 auto; white-space: nowrap; }
@media (max-width: 480px) { .v4h-searchBar { gap: 6px; } .v4h-searchBar button { padding: 0 14px; } }
/* 16.10.2026: H1 на странице поиска выглядит как прежняя строка */
h1.search-result-by { margin: 0; padding: 0; font: inherit; color: inherit; letter-spacing: inherit; text-transform: none; }
/* 16.10.2026, отчёт юзабилити п.3: телефон — «20%» уезжает при прокрутке вниз, возвращается при прокрутке вверх (v4-shapka.js) */
@media (max-width: 767px) {
  #v4sp_tab { transition: transform .3s ease, opacity .3s ease; }
  html.v4sp-down #v4sp_tab { transform: translateY(96px) !important; opacity: 0; pointer-events: none; }
}
/* 16.10.2026, слово владельца («в выдвижной корзине на телефоне — плавающий checkout внизу, как на странице корзины»): итог и кнопка Checkout
   закреплены у нижнего края корзины, товары прокручиваются под ними. Промежуточный .cm-popup-box с overflow:hidden мешал закреплению — снято */
@media (max-width: 767px) {
  #v4h_drawer_body .cm-popup-box { overflow: visible !important; }
  #v4h_drawer_body .cm-cart-buttons { position: sticky !important; bottom: 0; z-index: 3; margin-top: 8px !important; padding: 12px 2px 14px !important; background: #fff !important; border-top: 1px solid #E6EAE7 !important; box-shadow: 0 -10px 18px -6px rgba(15, 40, 30, .12); }
}
/* закреплённый блок компактнее: на телефоне только «Total» (Subtotal в обычном заказе равен ему), меньше отступы — товарам больше места */
@media (max-width: 767px) {
  #v4h_drawer_body .cm-cart-buttons { gap: 8px !important; padding: 8px 2px 10px !important; }
  #v4h_drawer_body .v4-mcTotals .v4-mcRow:not(.v4-mcTotal) { display: none !important; }
  #v4h_drawer_body .v4-mcTotals { padding: 0 !important; margin: 0 !important; border: 0 !important; }
  #v4h_drawer_body .v4-mcTotals .v4-mcTotal { padding: 2px 0 !important; border: 0 !important; }
}
/* 16.10.2026, слово владельца: телефон — плашка «добавлено в корзину» внизу экрана вместо выезжающей корзины (v4-shapka.js showAdded) */
.v4h-added { position: fixed; left: 12px; right: 12px; bottom: calc(14px + env(safe-area-inset-bottom)); z-index: 1200; display: flex; align-items: center; gap: 12px; padding: 12px 12px 12px 14px; border-radius: 16px; background: #1E2421; color: #fff; box-shadow: 0 12px 28px rgba(0, 0, 0, .25); transform: translateY(140%); opacity: 0; pointer-events: none; transition: transform .3s cubic-bezier(.22, 1, .36, 1), opacity .3s; }
.v4h-added.v4h-addedOn { transform: none; opacity: 1; pointer-events: auto; }
.v4h-addedOk { flex: 0 0 28px; height: 28px; border-radius: 50%; background: #2E9E6B; display: grid; place-items: center; font: 700 15px/1 Inter, system-ui, sans-serif; color: #fff; }
.v4h-addedTxt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; font: 600 14px/1.3 Inter, system-ui, sans-serif; }
.v4h-addedTxt small { font: 400 12.5px/1.3 Inter, system-ui, sans-serif; color: #C9D3CE; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v4h-addedGo { flex: 0 0 auto; height: 36px; padding: 0 14px; border: 0; border-radius: 999px; background: #fff; color: #0F5C45; font: 700 13px Inter, system-ui, sans-serif; cursor: pointer; white-space: nowrap; }
.v4h-bump { animation: v4hBump .5s ease; }
@keyframes v4hBump { 0% { transform: scale(1); } 40% { transform: scale(1.35); } 100% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .v4h-added { transition: none; } .v4h-bump { animation: none; } }
.v4h-added b { font: 700 14px/1.3 Inter, system-ui, sans-serif !important; color: #fff; }

/* 16.10.2026, слово владельца («на австралийском и новозеландском сайтах … нет подкатегорий, но они выводятся в меню» — Teaware):
   карточки разделов, которых у витрины нет (fn_v4u даёт #v4-hide), прятались правилом .v4h-mxCard[href="#v4-hide"], но правила
   показа карточек с картинкой (.v4h-mega / .v4h-mxMob .v4h-mxCard:has(img[src*=".svg"]) { display: flex !important }) сильнее
   по весу — карточки оставались видны. Скрытие усилено; сетка, в которой не осталось ни одной карточки, не показывается. */
html body .v4h-mega .v4h-mxCard[href="#v4-hide"], html body .v4h-mxMob .v4h-mxCard[href="#v4-hide"], html body .v4h-colTile[href="#v4-hide"] { display: none !important; }
html body .v4h-mxGrid:not(:has(> a:not([href="#v4-hide"]))) { display: none !important; }

/* 16.10.2026, слово владельца («Делаем. Без выпадающего меню»): если у витрины в пункте меню не осталось ни одного раздела
   (все — #v4-hide; так Teaware у AU/NZ), пункт — простая ссылка: на ПК без панели и стрелки, в мобильном меню без раскрытия.
   Бестселлер и «Все …» разделами не считаются. Нажатие на название в мобильном меню — в header.tpl (onclick у .v4h-mmHead). */
html body .v4h-nav li.v4h-hasMega:not(:has(> .v4h-mega a:not([href="#v4-hide"]):not(.v4h-mxBest):not(.v4h-megaAll):not(.v4h-mxAll))) > .v4h-mega { display: none !important; }
html body .v4h-nav li.v4h-hasMega:not(:has(> .v4h-mega a:not([href="#v4-hide"]):not(.v4h-mxBest):not(.v4h-megaAll):not(.v4h-mxAll))) > a .v4h-caret { display: none !important; }
html body .v4h-mmItem:not(:has(.v4h-mmBody a:not([href="#v4-hide"]):not(.v4h-mxBest):not(.v4h-mxAll))) [data-v4mm],
html body .v4h-mmItem:not(:has(.v4h-mmBody a:not([href="#v4-hide"]):not(.v4h-mxBest):not(.v4h-mxAll))) .v4h-mmBody { display: none !important; }

/* 17.10.2026, слово владельца: одна валюта у витрины (Австралия, Новая Зеландия) — подпись валюты в шапке и меню, как у остальных, но не кнопка */
.v4h-lsBtn.v4h-lsStatic { cursor: default; }
.v4h-lsBtn.v4h-lsStatic:hover span { text-decoration: none; }

/* 17.10.2026, слово владельца: значки у категорий верхнего меню (компьютер), структура меню прежняя */
/* 17.10.2026, «немного не отцентровано»: у каждого рисунка своя рамка (viewBox по его границам), середина значка = середина заглавных букв */
.v4h-nav .v4h-navIc { display: inline-block; width: 18px; height: 18px; margin-right: 7px; vertical-align: -3px; flex: 0 0 18px; }

/* 17.10.2026, аудит dev2 (вечер): меню аккаунта гостя — сверху «Sign in» и «Register», затем вход через Google и др., «Track my order»,
   «Orders» и «Wish list», служебные пункты внизу мелким текстом (только у гостя: блок входа через соцсети есть только у него);
   пока меню открыто, кнопка «Get 20% Discount» не перекрывает его */
#v4h_acc .vs-my-account:has(.vs-social-login) { display: flex !important; flex-direction: column !important; gap: 10px; }
#v4h_acc .vs-my-account:has(.vs-social-login) > .ty-account-info__buttons { order: 1 !important; display: flex !important; gap: 8px; border-top: 0 !important; margin-top: 0 !important; padding-top: 0 !important; }
#v4h_acc .vs-my-account:has(.vs-social-login) > .ty-account-info__buttons > a { flex: 1 1 0; }
#v4h_acc .vs-my-account:has(.vs-social-login) > .ty-account-info__buttons > a.cm-dialog-opener { order: -1; }
#v4h_acc .vs-my-account:has(.vs-social-login) > .vs-social-login { order: 2 !important; }
#v4h_acc .vs-my-account:has(.vs-social-login) > .track-orders { order: 3 !important; }
#v4h_acc .vs-my-account:has(.vs-social-login) > ul.ty-account-info { order: 4 !important; }
#v4h_acc .vs-my-account:has(.vs-social-login) > ul.ty-account-info li.ty-show-cookies-settings a, #v4h_acc .vs-my-account:has(.vs-social-login) > ul.ty-account-info li.ty-clear-customer-data a { font-size: 13px !important; color: #6E746F !important; }
body:has(.v4h-accWrap.v4h-accOn) #v4sp_tab, body:has(.v4h-accWrap.v4h-accOn) #v4sp_box { display: none !important; }
/* 404: кнопка «Search» уходила за край экрана на телефоне — поле сжимается, на узком экране кнопка под полем */
.tygh-content form:has(> input[name="q"][aria-label]) > input[name="q"] { min-width: 0; }
@media (max-width: 480px) {
  .tygh-content form[style*="max-width:480px"]:has(> input[name="q"]) { flex-wrap: wrap !important; }
  .tygh-content form[style*="max-width:480px"]:has(> input[name="q"]) > input[name="q"], .tygh-content form[style*="max-width:480px"]:has(> input[name="q"]) > button { flex: 1 1 100% !important; }
}

/* 17.10.2026, аудит dev2 (вечер), пример одобрен владельцем: на телефоне меню аккаунта — панель справа во всю высоту, как корзина
   (заголовок «My account», крестик, затемнение #v4h_shade — v4-shapka.js); на компьютере — прежнее выпадающее окно, заголовок скрыт */
#v4h_acc .v4acc-pHead { display: none; }
@media (max-width: 767px) {
  .v4h-accWrap.v4h-accOn #v4h_acc { position: fixed !important; top: 0 !important; right: 0 !important; left: auto !important; bottom: 0 !important; width: min(360px, 88vw) !important; height: 100% !important; max-height: none !important; border-radius: 0 !important; overflow-y: auto !important; box-shadow: -10px 0 40px rgba(0,0,0,.15) !important; z-index: 1001 !important; padding: 18px 18px 28px !important; margin: 0 !important; transform: none !important; animation: v4accIn .22s ease-out; }
  body:has(.v4h-accWrap.v4h-accOn) #v4h_header { z-index: 1002 !important; }
  #v4h_acc .v4acc-pHead { display: flex; align-items: center; justify-content: space-between; margin: 0 0 14px; }
  #v4h_acc .v4acc-pHead p { margin: 0; font: 700 18px/1.2 var(--v4-sans), sans-serif; color: #1E2421; }
  #v4h_acc .v4acc-pHead .v4acc-pClose { border: 0; background: #F3F5F4; width: 36px; height: 36px; border-radius: 50%; font-size: 16px; color: #1E2421; cursor: pointer; }
}
@keyframes v4accIn { from { transform: translateX(100%); } to { transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) { .v4h-accWrap.v4h-accOn #v4h_acc { animation: none; } }

/* 17.10.2026, слово владельца: на телефоне вход прямо в панели аккаунта (blocks/my_account.tpl, .v4acc-login) — сверху поля входа,
   ниже «New to Tealyra?» и «Register», затем вход через соцсети и прочее; кнопка «Sign in» с отдельным окном скрыта.
   На компьютере — как было: кнопка «Sign in» и окно входа (слово владельца: «на десктопе нормально») */
#v4h_acc .v4acc-login, #v4h_acc .v4acc-new { display: none; }
@media (max-width: 767px) {
#v4h_acc .v4acc-login, #v4h_acc .v4acc-new { display: block; }
#v4h_acc .vs-my-account:has(.v4acc-login) { display: flex !important; flex-direction: column !important; gap: 10px; }
#v4h_acc .vs-my-account > .v4acc-login { order: 0 !important; padding: 0 0 14px; border-bottom: 1px solid #E3E7E5; }
#v4h_acc .vs-my-account:has(.v4acc-login) > .ty-account-info__buttons { order: 1 !important; flex-wrap: wrap; }
#v4h_acc .vs-my-account:has(.v4acc-login) > .ty-account-info__buttons > a.cm-dialog-opener { display: none !important; }
#v4h_acc .vs-my-account:has(.v4acc-login) > .ty-account-info__buttons > a.ty-btn__primary { background: #fff !important; color: #0F5C45 !important; border: 1.5px solid #0F5C45 !important; flex: 1 1 100%; }
#v4h_acc .vs-my-account:has(.v4acc-login) > .ty-account-info__buttons > a.ty-btn__primary:hover { background: #F4F6F5 !important; }
#v4h_acc .v4acc-new { flex: 1 1 100%; margin: 4px 0 0; font: 600 13px Inter, system-ui, sans-serif; color: #1B2B26; }
#v4h_acc .v4acc-login form { margin: 0; }
#v4h_acc .v4acc-login .ty-control-group { margin: 0 0 12px; padding: 0; position: relative; }
#v4h_acc .v4acc-login .ty-control-group__title { display: block; margin: 0 0 6px; padding: 0; font: 600 13px Inter, system-ui, sans-serif !important; color: #1B2B26; text-transform: none !important; }
#v4h_acc .v4acc-login .ty-control-group__title.cm-required::after { content: none !important; }
#v4h_acc .v4acc-login .ty-control-group__title::before { display: none !important; }
#v4h_acc .v4acc-login .ty-input-text { display: block; width: 100% !important; height: 44px; padding: 0 14px; border: 1.5px solid #D6E2DA; border-radius: 12px; background: #fff; font: 400 16px Inter, system-ui, sans-serif; color: #1B2B26; box-shadow: none; }
#v4h_acc .v4acc-login .ty-input-text:focus { outline: none; border-color: #0F5C45; box-shadow: 0 0 0 3px rgba(15,92,69,.12); }
#v4h_acc .v4acc-login .v4acc-forgot { position: absolute; top: 0; right: 0; font: 400 12px/18px Inter, system-ui, sans-serif; color: #0F5C45 !important; text-decoration: underline; text-underline-offset: 2px; }
#v4h_acc .v4acc-login .v4acc-remember { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font: 400 13px Inter, system-ui, sans-serif; color: #3E4A46; cursor: pointer; }
#v4h_acc .v4acc-login .v4acc-remember input { width: 18px; height: 18px; margin: 0; accent-color: #008556; }
#v4h_acc .v4acc-login .v4acc-submit { display: block; width: 100%; height: 44px; margin: 0; border-radius: 999px !important; background: #008556 !important; border: 1.5px solid #008556 !important; color: #fff !important; font: 600 15px Inter, system-ui, sans-serif !important; text-transform: none !important; cursor: pointer; }
#v4h_acc .v4acc-login .v4acc-submit:hover { background: #0F5C45 !important; }
#v4h_acc .v4acc-login .help-inline, #v4h_acc .v4acc-login .ty-error-text { font-size: 12px; color: #B3261E; margin: 4px 0 0; }
}

/* 17.10.2026, слово владельца: «Clear customer data» — значок «i» и пояснение под пунктом */
#v4h_acc li.ty-clear-customer-data { display: flex !important; flex-wrap: wrap; align-items: center; }
#v4h_acc li.ty-clear-customer-data > a { flex: 0 1 auto; }
#v4h_acc .v4acc-info { flex: 0 0 20px; width: 20px; height: 20px; margin: 0 0 0 2px; padding: 0; border: 1.5px solid #8A938F; border-radius: 50%; background: #fff; color: #5c6b66; font: italic 700 12px/1 Georgia, serif; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
#v4h_acc .v4acc-info:hover, #v4h_acc .v4acc-info[aria-expanded="true"] { border-color: #0F5C45; color: #0F5C45; }
#v4h_acc .v4acc-tip { flex: 1 1 100%; margin: 2px 10px 8px; padding: 10px 12px; border-radius: 10px; background: #F4F6F5; font: 400 12px/1.45 Inter, system-ui, sans-serif; color: #3E4A46; }
#v4h_acc .v4acc-tip[hidden] { display: none; }

/* 17.10.2026, слово владельца («социальный вход поднять до Register — это относится к логину»): на телефоне порядок панели —
   форма входа, «or», вход через соцсети, «New to Tealyra?» + Register, отслеживание заказа, ссылки */
#v4h_acc .v4acc-or { display: none; }
@media (max-width: 767px) {
#v4h_acc .vs-my-account:has(.v4acc-login) > .vs-social-login { order: 1 !important; margin: 0 !important; }
#v4h_acc .vs-my-account:has(.v4acc-login) > .ty-account-info__buttons { order: 2 !important; }
#v4h_acc .vs-my-account:has(.v4acc-login):has(.vs-social-login) > .ty-account-info__buttons { border-top: 1px solid #E3E7E5 !important; padding-top: 14px !important; margin-top: 4px !important; }
#v4h_acc .vs-my-account > .v4acc-login { padding-bottom: 0; border-bottom: 0; }
#v4h_acc .v4acc-or { display: flex; align-items: center; gap: 12px; margin: 16px 0 2px; font: 400 13px Inter, system-ui, sans-serif; color: #6E746F; text-transform: lowercase; }
#v4h_acc .v4acc-or::before, #v4h_acc .v4acc-or::after { content: ""; flex: 1 1 0; height: 1px; background: #E3E7E5; }
}

/* 17.10.2026, слово владельца: список страниц избранного у сердечка — панель прижата к правому краю значка, одна колонка */
.v4h-wishDd .v4h-ddPanel.v4h-wishPanel { left: auto; right: -12px; top: calc(100% + 10px); min-width: 190px; padding: 12px 18px; }
.v4h-wishDd .v4h-ddPanel.v4h-wishPanel::before { top: -12px; height: 12px; }
@media (max-width: 480px) { .v4h-wishDd .v4h-ddPanel.v4h-wishPanel { right: -60px; } }

/* 17.10.2026, снимок владельца («выглядит немного непривлекательно, и немножко правее сдвинуть список»): список избранного — заголовок,
   значки в кружках, строка подсвечивается при наведении; панель правее (под сердечком и корзиной) */
.v4h-wishDd .v4h-ddPanel.v4h-wishPanel { right: -96px; min-width: 236px; padding: 14px 10px 10px; border-radius: 16px; }
.v4h-wishPanel .v4h-ddCol { gap: 2px; }
.v4h-wishPanel .v4h-wishHead { margin: 0 10px 8px; padding-bottom: 10px; border-bottom: 1px solid #EEF1EF; font: 600 12px/1 Inter, system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #6B7A73; }
.v4h-wishPanel .v4h-ddCol a { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 10px; font: 500 15px Inter, system-ui, sans-serif; transition: background .15s, color .15s; }
.v4h-wishPanel .v4h-ddCol a:hover { background: #EEF6F1; color: #0F5C45 !important; text-decoration: none !important; }
.v4h-wishIc { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 32px; border-radius: 50%; background: #F4F6F5; transition: background .15s; }
.v4h-wishPanel .v4h-ddCol a:hover .v4h-wishIc { background: #fff; }
@media (max-width: 480px) { .v4h-wishDd .v4h-ddPanel.v4h-wishPanel { right: -64px; } }

/* 18.10.2026, замечания владельца (п.2–3): плашка «Get 20% Discount → Subscribe» не перекрывает липкую панель «Add to cart» на карточке товара,
   открытую панель аккаунта и выдвижное меню — пока они видны, плашка скрыта */
html.v4sticky-on #v4sp_bar, body:has(.v4h-accOn) #v4sp_bar, body:has(.v4h-drawerOn) #v4sp_bar { display: none !important; }

/* 18.10.2026, слово владельца («в открывающемся меню Collections внизу строка таблеток — линки на top picks»): Popular picks под карточками */
.v4h-megaC .v4h-mxPicks { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; max-width: 1100px; margin: 18px auto 2px; padding-top: 16px; border-top: 1px solid #E3E7E5; }
.v4h-megaC .v4h-mxPicksT { font: 700 12px/1 var(--v4-sans, Inter), Inter, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #0F5C45; margin-right: 6px; }
.v4h-megaC .v4h-mxPicks a { display: inline-block; padding: 6px 13px; border: 1px solid #D8D3C4; border-radius: 999px; background: #fff; color: #1D2B24 !important; font: 500 13px/1.3 var(--v4-sans, Inter), Inter, sans-serif; text-decoration: none !important; }
.v4h-megaC .v4h-mxPicks a:hover { border-color: #0F5C45; color: #0F5C45 !important; background: #E8F3EE; }
@media (max-width: 1006px) { .v4h-megaC .v4h-mxPicks { justify-content: flex-start; margin: 12px 16px 4px; } .v4h-megaC .v4h-mxPicksT { flex: 0 0 100%; margin-bottom: 2px; } }
/* 18.10.2026: Popular picks и в меню SHOP TEA (компьютер) — как в Collections */
.v4h-megaS .v4h-mxPicks { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; max-width: 1100px; margin: 18px auto 2px; padding-top: 16px; border-top: 1px solid #E3E7E5; }
.v4h-megaS .v4h-mxPicksT { font: 700 12px/1 var(--v4-sans, Inter), Inter, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #0F5C45; margin-right: 6px; }
.v4h-megaS .v4h-mxPicks a { display: inline-block; padding: 6px 13px; border: 1px solid #D8D3C4; border-radius: 999px; background: #fff; color: #1D2B24 !important; font: 500 13px/1.3 var(--v4-sans, Inter), Inter, sans-serif; text-decoration: none !important; }
.v4h-megaS .v4h-mxPicks a:hover { border-color: #0F5C45; color: #0F5C45 !important; background: #E8F3EE; }
@media (max-width: 1006px) { .v4h-megaS .v4h-mxPicks { justify-content: flex-start; margin: 12px 16px 4px; } .v4h-megaS .v4h-mxPicksT { flex: 0 0 100%; margin-bottom: 2px; } }
/* 18.10.2026: Popular picks в мобильном меню — под плитками Collections */
.v4h-mm .v4h-mmPicks { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 16px 8px; padding-top: 14px; border-top: 1px solid #E3E7E5; }
.v4h-mm .v4h-mmPicksT { flex: 0 0 100%; font: 700 12px/1 var(--v4-sans, Inter), Inter, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #0F5C45; margin-bottom: 2px; }
.v4h-mm .v4h-mmPicks a { display: inline-block; padding: 7px 13px; border: 1px solid #D8D3C4; border-radius: 999px; background: #fff; color: #1D2B24 !important; font: 500 13px/1.3 var(--v4-sans, Inter), Inter, sans-serif; text-decoration: none !important; }

/* 18.10.2026, снимок владельца («сломался попап виш-листа»), v4: окно «Added to your wish list» поверх белой подложки — подложку
   подняли выше липкой шапки для Quick view (v4-katalog.css, z-index 1990), а окно оставалось на 1101 и выглядело бледным; ширина —
   с учётом внутренних отступов (было 414px на экране 390px — уходило за правый край); на телефоне — по 16px от краёв */
.cm-notification-content-extended { z-index: 2001 !important; box-sizing: border-box !important; }
@media (max-width: 600px) {
  .cm-notification-content-extended { left: 16px !important; right: 16px !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 22px 18px 20px !important; }
  .cm-notification-content-extended h1 { font-size: 20px !important; }
  .cm-notification-content-extended .ty-product-notification__buttons { justify-content: stretch; }
  .cm-notification-content-extended .ty-product-notification__buttons > div, .cm-notification-content-extended .ty-product-notification__buttons .ty-btn { flex: 1 1 auto; justify-content: center; }
}