/* Вокси 31.10.2026: вынесено из header.tpl (стр.1, ~31 КБ inline в каждой странице) — правки делать ЗДЕСЬ */
/* 30.10.2026: картинки категорий в меню «Каталог» — квадратная рамка, без растяжения (новые 3D-картинки разной формы) */
.big-catalog-menu-category-item>div{flex:none;width:28px;height:28px}
.big-catalog-menu-category-item>div img{width:28px !important;height:28px !important;object-fit:contain !important;mix-blend-mode:multiply}
/* 30.10: тёмная тема 3D — в components/woxi-3d.tpl */
/* a11y 08.10: контраст бейджей и ссылок */
.container-item-labels-2>span{ background-color:#D60A45; }
.container-item-labels-4>span{ background-color:#C2410C; }
.container-item-labels-video>span{ background-color:rgba(14,26,51,.82); } /* Вокси 17.10.2026: метка «Видео» */
/* мобильный аудит 18.10: бейджи карточек min 12px (в main.css было 11px) */
.container-item-labels>div>span{ font-size:12px !important; }
html:not([data-theme="dark"]) .bold-title-and-link .btn-custom-mini, html:not([data-theme="dark"]) .home-seo-more{ color:#1259E0 !important; }

/* header: one system — Manrope, 14px links / 15px controls, 48px controls, 12px rhythm */
.header-wow{ --h-brand:#186aff; --h-ink:#0E1A33; --h-ink2:#4A5978; --h-line:#E7ECF4; --h-soft:#F3F6FB; background:#fff; }
.header-wow-top{ height:42px; background:#fff; color:var(--h-ink); border-bottom:1px solid var(--h-line); }
.header-wow-top.header-wow-top-bg-color{ height:60px; background:#fff; border-bottom:1px solid var(--h-line); }
.header-wow-top .container > .row{ height:100%; align-items:center; }
.header-wow-top-list{ display:flex; align-items:center; gap:28px; height:100%; padding-top:0; }
.header-wow-top-list .header-wow-top-list-item{ margin:0; padding:0; border-radius:0; background:none; font-size:14px; font-weight:600; line-height:1; color:var(--h-ink2); transition:color .15s ease; }
.header-wow-top-list .header-wow-top-list-item:hover{ background:none; color:var(--h-brand); }
.header-wow-top-list .header-wow-top-list-item{ white-space:nowrap; }
@media (max-width:1199px){ .header-wow-top-list{ gap:16px; } .header-wow-top-list .header-wow-top-list-item{ font-size:13px; } }
.header-wow-top-logo{ display:inline-flex; align-items:center; margin-right:8px; }
.header-wow-top-logo img{ height:32px; width:auto; }
.header-wow-top-list-icon{ display:inline-flex; align-items:center; gap:4px; height:100%; }
.header-wow-top-list-icon-item{ display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; margin:0; border-radius:14px; color:var(--h-ink); transition:background .15s ease,color .15s ease; }
.header-wow-top-list-icon-item:hover{ background:var(--h-soft); color:var(--h-brand); }
.header-wow-top-list-icon-item i{ font-size:23px; }
.header-wow-top-list-icon-item:last-child{ margin:0 !important; }

.header-wow-sticky{ background:#fff; border-bottom:1px solid var(--h-line); padding:14px 0; }
.header-wow-sticky-container .container > .row:first-child{ align-items:center; }
.h-logo{ height:48px; }
.h-logo img{ height:36px; width:auto; max-height:none; }
.header-flex-box{ align-items:center; gap:12px; }
.header-flex-box-1, .header-flex-box-2, .header-flex-box-3{ display:flex; align-items:center; margin-left:0; }
.header-flex-box-2{ flex-grow:1; }
.header-flex-box-3{ gap:10px; }
.header-flex-box-3 .toolbar-link{ margin:0 !important; }
.header-icons-main{ margin-right:2px; }

.header-button-menu-catalog{ height:48px; gap:8px; padding:0 20px; border-radius:14px; background-color:var(--h-soft) !important; color:var(--h-ink) !important; font-size:15px; font-weight:700; transition:background .15s ease; }
.header-button-menu-catalog:hover{ background-color:#E8EEF7 !important; }
.header-button-menu-catalog i{ font-size:20px; color:var(--h-brand); }
.header-wow .header-button-menu-catalog, .header-wow .header-button-menu-catalog *{ color:var(--h-ink) !important; }
.header-wow .header-button-menu-catalog i{ color:var(--h-brand) !important; }

.live-search-container{ width:100%; }
.live-search-form-input{ height:48px; padding-left:48px; padding-right:150px; border:1px solid var(--h-line); border-radius:14px; background-color:#fff; font-size:15px; font-weight:500; color:var(--h-ink); transition:border-color .15s ease,box-shadow .15s ease; }
.live-search-form-input::placeholder{ color:#8592AB; font-weight:500; }
.live-search-form-input:focus{ border:1px solid var(--h-brand) !important; background-color:#fff; box-shadow:0 0 0 4px rgba(24,106,255,.12); }
.live-search-form-icon{ color:var(--h-ink2); }
.live-search-container-geo{ top:6px; bottom:6px; right:6px; display:flex; align-items:center; padding-left:14px; border-left:1px solid var(--h-line); }
.live-search-container-geo-name{ padding-right:8px; font-size:14px; font-weight:600; color:var(--h-brand); }
.live-search-results{ top:58px; }

.header-wow-sticky-add{ display:inline-flex; align-items:center; gap:8px; height:48px; padding:0 24px; border-radius:14px; background-color:var(--h-brand) !important; font-size:15px; font-weight:700; box-shadow:0 8px 20px rgba(24,106,255,.24); transition:box-shadow .15s ease,transform .15s ease; }
.header-wow-sticky-add:hover{ box-shadow:0 10px 24px rgba(24,106,255,.34); }
.header-wow .header-wow-sticky-add.button-color-scheme5, .header-wow a.header-wow-sticky-add, .header-wow a.header-wow-sticky-add *{ color:#fff !important; font-weight:700 !important; }
.header-wow-sticky-auth{ display:inline-flex; align-items:center; height:48px; padding:0 22px; border:1px solid var(--h-line); border-radius:14px; background-color:#fff !important; font-size:15px; font-weight:700; transition:border-color .15s ease; }
.header-wow-sticky-auth:hover{ border-color:var(--h-brand); opacity:1; }
.header-wow .header-wow-sticky-auth{ color:var(--h-ink) !important; }
.big-catalog-menu-content{ border-radius:0 0 22px 22px; box-shadow:0 26px 50px rgba(14,26,51,.12); }
.header-wow-mobile .header-wow-top{ height:auto; background:#fff; border-bottom:0; }
/* stories: compact ring avatars (home and catalog use the same classes; Swiper/JS untouched) */
.widget-stories-container{ padding:4px 2px 2px; }
.home-widget-sections section.widget-stories-container:not(:last-child){ margin-bottom:22px; }
.widget-stories-item{ width:74px !important; }
.widget-stories-item-circle{ width:66px !important; height:66px !important; margin:0 auto; padding:3px; box-sizing:border-box; border:0 !important; background:#E1E8F2; }
.widget-stories-item-circle.stories-border-no-view{ background:#186aff !important; border:0 !important; }
.widget-stories-item-circle.stories-border-view{ background:#D5DDEA !important; border:0 !important; }
.widget-stories-item-circle .widget-stories-item-circle-image{ width:100%; height:100%; border:3px solid #fff; box-sizing:border-box; background:#fff; }
.widget-stories-item-circle.stories-border-add{ padding:0; background:#EAF1FF !important; border:2px dashed #186aff !important; }
.widget-stories-item-circle.stories-border-add .widget-stories-item-circle-image{ border:0; background:transparent; }
.widget-stories-item-circle .widget-stories-item-circle-image{ transition:border-width .15s ease; }
.widget-stories-item:hover .widget-stories-item-circle .widget-stories-item-circle-image{ border-width:5px; }
.widget-stories-item-title{ display:block; margin-top:7px; font-size:12px; font-weight:600; line-height:1.25; color:#4A5978; word-break:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width:767px){
  .widget-stories-item{ width:66px !important; }
  .widget-stories-item-circle{ width:60px !important; height:60px !important; padding:2.5px; }
}
/* section headings on the home page (and other widgets): quiet title + text link instead of a 35px/900 title and a blue pill */
.bold-title-and-link{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:16px !important; }
.bold-title-and-link span{ margin-right:0; font-size:22px; font-weight:700; letter-spacing:-.01em; line-height:1.25; color:#0E1A33; }
.bold-title-and-link a.btn-custom-mini, .bold-title-and-link a.button-color-scheme1{ flex:0 0 auto; height:auto; padding:0; border-radius:0; background:none !important; color:#186aff !important; font-size:14px; font-weight:700; line-height:1.25; transition:opacity .15s ease; }
.bold-title-and-link a.btn-custom-mini::after{ content:"\2192"; margin-left:6px; }
.bold-title-and-link a.btn-custom-mini:hover{ opacity:.75; }
@media (max-width:767px){ .bold-title-and-link span{ font-size:19px; } }
/* аккуратная пульсация у пункта «Аукционы» в меню */
.wx-live::after{ content:""; display:inline-block; width:7px; height:7px; margin-left:7px; border-radius:50%; background:#ff5a36; vertical-align:middle; position:relative; top:-1px; box-shadow:0 0 0 0 rgba(255,90,54,.5); animation:wxLive 2.4s ease-out infinite; }
@keyframes wxLive{ 0%{ box-shadow:0 0 0 0 rgba(255,90,54,.5); } 70%{ box-shadow:0 0 0 7px rgba(255,90,54,0); } 100%{ box-shadow:0 0 0 0 rgba(255,90,54,0); } }
@media (prefers-reduced-motion:reduce){ .wx-live::after{ animation:none; } }
/* wheel of fortune teaser: compact card instead of the big popup (module CSS/JS untouched; display is left to the module's JS) */
.wheel-fortune-modal{ left:20px !important; bottom:20px !important; width:320px !important; padding:14px !important; border:1px solid #E7ECF4; border-radius:20px !important; box-shadow:0 18px 44px rgba(14,26,51,.16) !important; }
.wheel-fortune-modal .wheel-fortune-modal-image{ height:104px !important; margin:0 !important; border-radius:14px !important; }
.wheel-fortune-modal .wheel-fortune-modal-image img{ width:100%; height:100%; object-fit:cover; }
.wheel-fortune-modal .wheel-fortune-modal-close{ z-index:5 !important; cursor:pointer; top:20px !important; right:20px !important; width:28px; height:28px; border-radius:50%; background:rgba(255,255,255,.95); font-size:20px !important; line-height:27px; text-align:center; box-shadow:0 2px 8px rgba(14,26,51,.18); }
.wheel-fortune-modal .wheel-fortune-modal-title{ margin:12px 0 0 !important; font-size:17px !important; font-weight:800 !important; line-height:1.25; }
.wheel-fortune-modal .wheel-fortune-modal-text{ margin:6px 0 12px !important; font-size:13.5px !important; line-height:1.45; color:#4A5978; }
.wheel-fortune-modal .wheel-fortune-open{ width:100%; height:42px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:#186aff !important; color:#fff !important; font-size:14px; font-weight:700; }
@media (max-width:767px){
  .wheel-fortune-modal{ left:12px !important; right:12px !important; bottom:86px !important; width:auto !important; padding:14px 16px !important; }
  .wheel-fortune-modal .wheel-fortune-modal-image{ display:none !important; }
  .wheel-fortune-modal .wheel-fortune-modal-close{ top:10px !important; right:10px !important; background:#F3F6FB; box-shadow:none; }
  .wheel-fortune-modal .wheel-fortune-modal-title{ margin-top:0 !important; padding-right:34px; }
}
/* cookie notice: compact card (JS only fades it in/out, so no display rule here) */
.footer-cookie-container{ left:auto !important; right:20px !important; bottom:20px !important; width:360px !important; padding:18px 18px 16px !important; border:1px solid #E7ECF4; border-radius:20px !important; background:#fff !important; color:#4A5978 !important; box-shadow:0 18px 44px rgba(14,26,51,.16); font-size:13px !important; z-index:60; }
.footer-cookie-container p{ margin:0; font-size:13px; line-height:1.5; }
.footer-cookie-container .footer-cookie-title{ margin-bottom:6px; font-size:15px !important; font-weight:800 !important; line-height:1.3; color:#0E1A33; }
.footer-cookie-container a{ color:#186aff; font-weight:600; }
.footer-cookie-container .actionCookieHide{ height:38px; padding:0 24px; margin-top:12px; border:0; border-radius:11px; background:#186aff !important; color:#fff !important; font-size:13.5px; font-weight:700; }
@media (max-width:767px){
  .footer-cookie-container{ left:12px !important; right:12px !important; bottom:86px !important; width:auto !important; padding:14px 16px !important; }
  body:has(.footer-cookie-container[style*="display: block"]) .wheel-fortune-modal{ bottom:276px !important; }
}

/* ===== MOBILE (<=991px): app-like header, bottom bar, menu, popups ===== */
@media (max-width:991px){
  /* header: one search pill + icons, no logo row */
  .header-wow-mobile .header-wow-top{ display:none; }
  .header-wow-mobile{ padding-bottom:0; background:#fff; }
  .header-height-mobile{ height:64px; }
  .header-wow-mobile .header-wow-sticky{ padding:10px 0 10px; border:0; background:#fff; }
  .header-wow-mobile .header-flex-box{ display:flex; align-items:center; gap:6px; }
  .header-wow-mobile .header-flex-box-2{ order:1; margin:0; flex:1 1 auto; min-width:0; width:auto; }
  .header-wow-mobile .header-flex-box-3{ order:2; margin:0; gap:2px; align-items:center; }
  .header-wow-mobile .header-flex-box-1{ order:3; }
  .header-wow-mobile .header-cart-mobile{ order:9; }
  .header-wow-mobile .header-flex-box-icon{ width:40px; height:44px; justify-content:center; margin:0 !important; color:#0E1A33; }
  .header-wow-mobile .header-flex-box-icon i{ font-size:25px; }
  .header-wow-mobile .live-search-form-input{ height:44px; padding:0 14px 0 44px; border-radius:14px; border:0; background:#F2F3F5; font-size:16px; text-overflow:ellipsis; box-shadow:none; }
  .header-wow-mobile .live-search-form-input:focus{ background:#fff; box-shadow:0 0 0 2px #186aff inset; }
  .header-wow-mobile .live-search-form-icon{ padding:0 0 0 13px; color:#5F6B85; }
  .header-wow-mobile .live-search-form-icon i{ font-size:20px; }
  .header-wow-mobile .live-search-results{ top:50px; padding:6px; max-height:62vh; border-radius:14px; border:1px solid #E7ECF4; box-shadow:0 14px 34px rgba(14,26,51,.14); }
  .header-wow-mobile .live-search-results-item{ padding:10px 12px; font-size:14.5px; font-weight:600; line-height:1.3; color:#0E1A33; border-radius:10px; }
  .header-wow-mobile .live-search-results-item > span{ margin-top:2px; font-size:12px; font-weight:500; }
  .header-wow-mobile .live-search-results-item + .live-search-results-item{ border-top:1px solid #F0F3F8; border-top-left-radius:0; border-top-right-radius:0; }

  /* bottom bar */
  .main-floating-menu.d-block{ display:flex !important; align-items:flex-end; padding:0 calc(env(safe-area-inset-right,0px) + 4px) calc(env(safe-area-inset-bottom,0px) + 4px) calc(env(safe-area-inset-left,0px) + 4px); border-radius:0; border-top:1px solid #E9ECF1; box-shadow:none; background:#fff; }
  .main-floating-menu > a{ flex:1 1 0; min-width:0; margin:0; padding:6px 0 3px; display:flex; justify-content:center; color:#5F6B85; }
  .main-floating-menu > a > div{ display:flex; flex-direction:column; align-items:center; gap:2px; }
  .main-floating-menu > a span i{ font-size:22px; }
  .main-floating-menu > a > div > span:last-child{ font-size:10.5px; font-weight:600; line-height:1.1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
  .main-floating-menu > a.wfm-ads > div > span:first-child{ width:44px; height:44px; margin-top:-14px; border-radius:50%; background:#186aff; color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 16px rgba(24,106,255,.35); }
  .main-floating-menu > a.wfm-ads span i{ color:#fff; font-size:24px; }
  .main-floating-menu > a.wfm-ads{ color:#186aff; }
  html[data-theme="dark"] .main-floating-menu > a.wfm-ads{ color:#5c96ff !important; }

  /* full-screen menu */
  .big-catalog-menu-mobile-container{ padding:0; background:#fff; }
  .big-catalog-menu-mobile-content{ padding:12px 14px 96px; }
  .big-catalog-menu-mobile-content .close-header-menu-mobile{ display:inline-flex; align-items:center; height:38px; padding:0 16px; margin-bottom:12px !important; border-radius:12px; background:#F2F3F5 !important; color:#0E1A33 !important; font-size:14px; font-weight:700; }
  .big-catalog-menu-mobile-content .mobile-menu-list-link{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .big-catalog-menu-mobile-content .mobile-menu-list-link .mobile-menu-list-link-item{ display:flex; align-items:center; min-height:44px; margin:0; padding:10px 14px; border-radius:12px; background:#F2F3F5; color:#0E1A33; font-size:14px; font-weight:700; line-height:1.2; }
  .big-catalog-menu-mobile-content .mobile-menu-list-link .mobile-menu-list-link-item:not(a){ grid-column:1 / -1; background:none; padding:0; min-height:0; }
  .big-catalog-menu-mobile-content .mobile-menu-list-link .mobile-menu-list-link-item:not(a):empty{ display:none; }
  .big-catalog-menu-mobile-content .title-h6{ margin:18px 0 10px !important; font-size:13px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#8592AB; }
  .mobile-grid-menu-categories .row{ --bs-gutter-x:8px; --bs-gutter-y:8px; }
  .mobile-grid-menu-categories .row > [class*="col-"]{ flex:0 0 50%; max-width:50%; width:50%; }
  .mobile-grid-menu-categories .mobile-grid-menu-category-item{ height:58px; margin:0 !important; padding:8px 8px 8px 12px; justify-content:space-between; gap:6px; background:#F2F3F5; border-radius:14px; container-type:normal; }
  .mobile-grid-menu-categories .mobile-grid-menu-category-item::after{ display:none; }
  .mobile-grid-menu-categories .mobile-grid-menu-category-item img{ position:static; order:2; width:42px; height:42px; flex:0 0 42px; object-fit:contain; }
  .mobile-grid-menu-categories .mobile-grid-menu-category-item, .mobile-grid-menu-categories .mobile-grid-menu-category-item div{ color:#0E1A33 !important; text-shadow:none; text-align:left; font-size:13px; font-weight:700; line-height:1.2; padding:0; word-break:normal; overflow-wrap:anywhere; }
}
/* popups on phones: slim cards, above the bottom bar */
@media (max-width:767px){
  .wheel-fortune-modal{ padding:10px 12px !important; border-radius:16px !important; }
  .wheel-fortune-modal .wheel-fortune-modal-title{ font-size:15px !important; padding-right:30px; }
  .wheel-fortune-modal .wheel-fortune-modal-text{ display:none !important; }
  .wheel-fortune-modal .wheel-fortune-open{ height:38px; margin-top:8px; }
  .footer-cookie-container{ padding:10px 12px !important; border-radius:16px !important; }
  .footer-cookie-container .footer-cookie-title{ margin-bottom:2px; font-size:14px !important; }
  .footer-cookie-container p{ font-size:12px; line-height:1.4; }
  .footer-cookie-container .actionCookieHide{ height:34px; margin-top:8px; }
  /* while the cookie card is open, the wheel card waits (they used to overlap) */
  body:has(.footer-cookie-container[style*="display: block"]) .wheel-fortune-modal{ display:none !important; }
}

/* card badges (Срочно / Доставка / Новый товар / Аукцион…): белый текст на цветной плашке.
   Старое правило «контрастность» в footer.tpl красило весь span в карточках в серый и делало бейджи нечитаемыми. */
body .container-item-labels > div > span{ color:#fff !important; }

/* 2026-09-28: иконки и кнопки не выделяются при нажатии (синяя подсветка тапа, выделение как картинки/текста, «перетаскивание» иконки).
   Фото объявлений не трогаем — их можно сохранить долгим нажатием. */
a, button, [role="button"], label, .btn, .btn-custom, .btn-custom-mini{ -webkit-tap-highlight-color: transparent; }
i.ti, .ti, a svg, button svg, [role="button"] svg,
a i, button i,
.home-widget-categories-item img, .widget-promo-banner-item img, .chat-dialogues-item-avatar img,
.mobile-bottom-nav img, .header-wow img, .h-logo img, .h-logo-mobile img, .f-logo img{
  -webkit-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-touch-callout: none;
}
.home-widget-categories-item, .widget-promo-banner-item, .btn, .btn-custom, .btn-custom-mini, button{ -webkit-user-select: none; user-select: none; }

/* 2026-09-28: скидка в карточке на телефоне — «−20%» на фото (левый верхний угол), строка цены в одну строку:
   раньше «−20%» переносилась на новую строку и название опускалось ниже, чем у соседней карточки */
@media (max-width:767px){
  a.container-item-grid{ position:relative; }
  a.container-item-grid .card-item-price-discount{ position:absolute !important; top:10px; left:10px; z-index:3; margin:0 !important; padding:3px 8px !important; border-radius:8px !important; background:#E5484D !important; color:#fff !important; font-size:13px !important; font-weight:800 !important; line-height:1.3 !important; box-shadow:0 2px 6px rgba(0,0,0,.15); }
  a.container-item-grid .container-item-grid-content-prices{ display:flex !important; align-items:baseline; gap:6px; flex-wrap:nowrap; min-width:0; overflow:hidden; }
  a.container-item-grid .container-item-grid-content-prices .card-item-price-now{ flex:none; }
  a.container-item-grid .container-item-grid-content-prices .card-item-price-old{ flex:0 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}

/* burger menu: site pages instead of a duplicate category grid */
.wm-head{ display:flex; align-items:center; justify-content:space-between; margin:0 0 12px; }
.wm-title{ font-size:22px; font-weight:800; color:#0E1A33; }
.big-catalog-menu-mobile-content .wm-close{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; padding:0; margin:0 !important; border-radius:50%; background:#F2F3F5 !important; color:#0E1A33 !important; font-size:22px; cursor:pointer; }
.wm-add{ display:flex; align-items:center; justify-content:center; gap:8px; height:48px; margin-bottom:12px; border-radius:14px; background:#186aff; color:#fff !important; font-size:16px; font-weight:700; }
.wm-tiles{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:8px; }
.wm-tile{ display:flex; align-items:center; gap:10px; min-height:52px; padding:10px 12px; border-radius:14px; background:#F2F3F5; color:#0E1A33 !important; font-size:14.5px; font-weight:700; line-height:1.2; }
.wm-tile i{ flex:none; font-size:22px; color:#186aff; }
.wm-tile-wide{ grid-column:1 / -1; }
/* 30.10.2026: плитки меню в стиле Вокси — тёплый серый, название сверху слева, перламутровая 3D-картинка в правом нижнем углу */
.wm-tile{ position:relative; overflow:hidden; align-items:flex-start; min-height:78px; padding:12px 14px; border-radius:18px; background:#F2F1F0; font-weight:600; }
.wm-tile:active{ background:#E9E7E5; }
.wm-tile span{ position:relative; z-index:1; max-width:72%; word-break:normal; overflow-wrap:normal; hyphens:manual; }
.wm-tile-wide span{ max-width:75%; }
.wm-art{ position:absolute; right:-4px; bottom:-6px; width:68px; height:56px; object-fit:contain; object-position:right bottom; mix-blend-mode:multiply; pointer-events:none; }
/* 30.10: тёмная тема 3D — в components/woxi-3d.tpl */
.wm-group-title{ margin:16px 0 8px; font-size:13px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#8592AB; }
.wm-group{ border-bottom:1px solid #E9ECF1; }
.wm-group summary{ display:flex; align-items:center; gap:12px; min-height:54px; list-style:none; cursor:pointer; font-size:16px; font-weight:700; color:#0E1A33; }
.wm-group summary::-webkit-details-marker{ display:none; }
.wm-group summary > i:first-child{ font-size:22px; color:#186aff; }
.wm-group summary > span{ flex:1; }
.wm-group .wm-arr{ font-size:18px; color:#8592AB; transition:transform .2s; }
.wm-group[open] .wm-arr{ transform:rotate(180deg); }
.wm-group > a{ display:block; padding:11px 0 11px 34px; font-size:15.5px; color:#2B3A55 !important; }
.wm-group > a:last-child{ margin-bottom:8px; }
.wm-lang{ margin-top:16px; }
body:has(.big-catalog-menu-mobile-container[style*="display: block"]) .wheel-fortune-modal{ display:none !important; }

/* cards: seller row on one line even when titles differ (1 vs 2 lines, rating row etc.) */
@media (min-width:769px){
  .row > div > a.container-item-grid{ display:flex; flex-direction:column; height:calc(100% - 25px); }
  .container-item-grid .container-item-grid-content{ display:flex; flex-direction:column; flex:1 1 auto; }
  .container-item-grid-content-title{ min-height:48px; }
  .container-item-grid-content-additionally{ margin-top:auto; }
}

/* catalog on phones: same idea - seller row pinned to the card bottom (home feed has its own mobile rules) */
@media (max-width:768px){
  .container-load-items.mt30 .row > div > a.container-item-grid{ display:flex; flex-direction:column; height:calc(100% - 25px); }
  .container-load-items.mt30 .container-item-grid-content{ display:flex; flex-direction:column; flex:1 1 auto; }
  .container-load-items.mt30 .container-item-grid-content-title{ min-height:48px; }
  .container-load-items.mt30 .container-item-grid-content-additionally{ margin-top:auto; }
}
/* 2026-09-28: крестик окна колеса фортуны — ниже строки состояния телефона (в приложении был под ней) и крупнее */
.wheel-fortune-container .wheel-fortune-container-close{ top:calc(max(env(safe-area-inset-top,0px), var(--safe-area-inset-top,0px)) + 8px) !important; right:8px !important; width:48px; height:48px; display:flex; align-items:center; justify-content:center; font-size:38px !important; line-height:1; z-index:5; }
@media (max-width:991px){ .wheel-fortune-container .wheel-fortune-container-close{ top:max(calc(env(safe-area-inset-top,0px) + 8px), calc(var(--safe-area-inset-top,0px) + 8px), 36px) !important; } }
/* 2026-09-28: окно результата колеса — текст не бледный (цвет задан явно, в т.ч. тёмная тема), на телефоне по центру экрана */
.wheel-fortune-result{ color:#0E1A33 !important; }
.wheel-fortune-result .wheel-fortune-result-title{ color:#0E1A33 !important; line-height:1.2; margin-top:8px; }
.wheel-fortune-result .wheel-fortune-result-text{ color:#34425E !important; font-size:16px !important; line-height:1.45; }
.wheel-fortune-result .wheel-fortune-result-close{ color:#0E1A33; }
html[data-theme="dark"] .wheel-fortune-result{ background-color:var(--wd-surface,#151b24) !important; color:var(--wd-text,#f1f5f9) !important; }
html[data-theme="dark"] .wheel-fortune-result .wheel-fortune-result-title, html[data-theme="dark"] .wheel-fortune-result .wheel-fortune-result-close{ color:var(--wd-text,#f1f5f9) !important; }
html[data-theme="dark"] .wheel-fortune-result .wheel-fortune-result-text{ color:var(--wd-muted,#cbd5e1) !important; }
@media (max-width:575px){
  .wheel-fortune-container .wheel-fortune-result{ height:auto !important; min-height:100vh !important; min-height:100dvh !important; display:flex !important; flex-direction:column; align-items:center; justify-content:center; box-sizing:border-box; padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px)) !important; box-shadow:none !important; }
  .wheel-fortune-container .wheel-fortune-result .wheel-fortune-result-close{ top:max(calc(env(safe-area-inset-top,0px) + 8px), calc(var(--safe-area-inset-top,0px) + 8px), 12px) !important; right:12px !important; width:44px; height:44px; line-height:44px; font-size:34px; }
  .wheel-fortune-container .wheel-fortune-result .btn-custom{ min-width:220px; }
}
body{ overflow-wrap:break-word; } /* 2026-09-28: длинные слова без пробелов переносятся, а не растягивают страницу */
.container-item-list-content-desc, .container-item-list-content-title, .container-item-grid-content-title{ overflow-wrap:anywhere; }
/* 2026-09-28: карточки в ряду одной высоты на главной (как в каталоге): заголовок всегда под 2 строки, цена/город прижаты вниз */
.row.row-cols-2 > .col > .container-item-grid{ display:flex; flex-direction:column; height:calc(100% - 25px); }
.row.row-cols-2 > .col > .container-item-grid > .container-item-grid-content{ display:flex; flex-direction:column; flex:1 1 auto; }
.row.row-cols-2 > .col .container-item-grid-content-title{ min-height:calc(2 * 1.3em); }
.row.row-cols-2 > .col .container-item-grid-content-additionally{ margin-top:auto; }
/* 2026-09-28: без :has() — имя продавца сверху, рейтинг под ним (только для старых браузеров) */
@supports not selector(:has(a)){
  .box-user-face-card-content{ flex-wrap:wrap; height:auto; min-height:30px; min-width:0; }
  .box-user-face-card-content > .box-user-face-card-rating{ flex:0 0 100%; }
  .box-user-face-card-content > object, .box-user-face-card-content > a{ max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
}
/* 2026-09-28: хлебные крошки на телефоне — кнопки-«таблетки» в одну прокручиваемую строку (вариант B, выбран владельцем) */
@media (max-width:991px){
  .breadcrumb{ flex-wrap:nowrap !important; overflow-x:auto; white-space:nowrap; scrollbar-width:none; -webkit-overflow-scrolling:touch; margin:0 -12px 10px !important; padding:2px 12px !important; gap:6px; font-size:13px; }
  .breadcrumb::-webkit-scrollbar{ display:none; }
  .breadcrumb::after{ content:""; flex:0 0 12px; }
  .breadcrumb-item{ flex:none; padding:0 !important; }
  .breadcrumb-item::before{ content:none !important; display:none !important; }
  .breadcrumb-item a{ display:inline-flex; align-items:center; height:32px; padding:0 12px; border-radius:999px; background:#F2F4F8; color:#34425E !important; font-weight:600; text-decoration:none; }
  .breadcrumb-item:last-child a{ background:#EEF3FF; color:#186aff !important; }
  /* последняя крошка без ссылки (например «Объявления в России») — такая же активная «таблетка» */
  .breadcrumb-item > span[itemprop="name"]{ display:inline-flex; align-items:center; height:32px; padding:0 12px; border-radius:999px; background:#EEF3FF; color:#186aff; font-weight:600; }
  html[data-theme="dark"] .breadcrumb-item > span[itemprop="name"]{ background:var(--wd-blue-soft,rgba(76,141,255,.14)); color:var(--wd-blue,#5ca0ff); }
  .breadcrumb-item:first-child a{ padding:0 10px; }
  .breadcrumb-item:first-child a span{ display:inline-block; width:16px; height:16px; overflow:hidden; text-indent:-999px; vertical-align:-3px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7A95' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l-2 0l9 -9l9 9l-2 0'/%3E%3Cpath d='M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7'/%3E%3Cpath d='M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6'/%3E%3C/svg%3E") center/16px no-repeat; }
  html[data-theme="dark"] .breadcrumb-item a{ background:var(--wd-line,#334155); color:var(--wd-text,#f1f5f9) !important; }
  html[data-theme="dark"] .breadcrumb-item:last-child a{ background:var(--wd-blue-soft,rgba(76,141,255,.14)); color:var(--wd-blue,#5ca0ff) !important; }
}