/* ============ LikeIT21 — копия дизайна uCoz-шаблона ============ */
:root { --mcol: #59a33f; --dark: #24272f; }

body { font-family:'Inter',sans-serif; color:#7a7a7a; background-color:rgba(0,0,0,.02); }
h1,h2,h3,h4,h5,h6 { color:var(--dark); font-family:'Inter',sans-serif; }
a { color:#59a33f; }
::selection { background:var(--mcol); color:#fff; }

.l21-cnt { max-width:1200px; margin:0 auto; padding:0 15px; }

/* ---------- Топ-линия ---------- */
.l21-topline { background:transparent; padding:6px 0; }
.l21-topline .l21-cnt { display:flex; justify-content:space-between; align-items:center; }
.l21-topline .contacts { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.l21-topline .contacts span { color:#fff; font-size:13px; display:inline-flex; align-items:center; gap:7px; }
.l21-topline .contacts a { color:#fff; text-decoration:none; font-weight:500; }
.l21-topline .contacts a:hover { color:var(--mcol); }
.l21-topline .contacts i { font-size:18px; color:#fff; }
.l21-topline .top-socs img { width:26px; height:26px; display:block; border-radius:50%; }
.l21-topline .ya-2gis { display:flex; gap:10px; align-items:center; }
.l21-topline .ya-2gis iframe { height:50px; border:0; }

/* ---------- Шапка ---------- */
header.l21-header { background:url(images/f2.jpg) center/cover; padding:6px 0 35px; }
.l21-head { margin-top:6px; }
.l21-head .panel { background:#fff; border-radius:10px; box-shadow:0 4px 20px rgba(0,0,0,.08);
  display:flex; align-items:center; padding:6px 20px; gap:20px; }
.l21-logo img { height:60px; width:auto; display:block; }

.l21-menu { flex:1; }
.l21-menu ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; }
.l21-menu li { position:relative; }
.l21-menu > ul > li > a { display:block; padding:26px 14px; font-size:15px; font-weight:500; color:var(--dark); text-decoration:none; white-space:nowrap; }
.l21-menu > ul > li > a:hover { color:var(--mcol); }
.l21-menu li.menu-item-has-children > a:after { content:"\f107"; font-family:"Font Awesome 4 Free", FontAwesome; margin-left:6px; font-size:13px; }
.l21-menu ul.sub-menu { position:absolute; top:100%; left:0; min-width:250px; background:#fff; border-radius:8px;
  box-shadow:0 7px 20px rgba(0,0,0,.09); padding:8px 10px; opacity:0; visibility:hidden; transform:translateY(8px);
  transition:all .25s ease; z-index:100; flex-direction:column; }
.l21-menu li:hover > ul.sub-menu { opacity:1; visibility:visible; transform:translateY(0); }
.l21-menu ul.sub-menu li a { display:block; padding:10px 12px; color:var(--dark); font-size:14px; text-decoration:none; border-bottom:1px solid #f1f1f1; }
.l21-menu ul.sub-menu li:last-child a { border-bottom:none; }
.l21-menu ul.sub-menu li a:hover { color:var(--mcol); background:#fdfdfd; }
.l21-menu ul.sub-menu ul.sub-menu { top:0; left:100%; transform:translateX(8px); }
.l21-menu ul.sub-menu li:hover > ul.sub-menu { transform:translateX(0); }

.l21-icons { display:flex; align-items:center; gap:18px; }
.l21-icons a { color:var(--dark); font-size:21px; position:relative; text-decoration:none; }
.l21-icons a:hover { color:var(--mcol); }
.l21-cart-count { position:absolute; top:-8px; right:-12px; background:var(--mcol); color:#fff; font-size:11px;
  min-width:18px; height:18px; line-height:18px; text-align:center; border-radius:10px; padding:0 4px; font-weight:600; }

.l21-mobile-btn { display:none; background:none; border:none; font-size:26px; color:var(--dark); cursor:pointer; }
.l21-search-row { display:none; padding:10px 20px; background:#fff; border-radius:0 0 10px 10px; }
.l21-search-row.open { display:block; }
.l21-search-row form { display:flex; gap:8px; }
.l21-search-row input[type=search] { flex:1; padding:10px 14px; border:1px solid #e3e3e3; border-radius:8px; font-size:14px; }

/* ---------- Слайдер ---------- */
.l21-slider { position:relative; overflow:hidden; }
.l21-slide { position:relative; height:560px; background-position:center; background-size:cover;
  display:flex; align-items:center; }
.l21-slide:after { content:''; position:absolute; inset:0; background:rgba(0,0,0,.15); }
.l21-slide .l21-cnt { position:relative; z-index:2; width:100%; }
.l21-slide-content { width:70%; margin:0 auto; text-align:center; }
.l21-slide-content h2 { margin:0 0 26px; line-height:1.25; color:#fff; font-size:38px; font-weight:700; letter-spacing:1px; text-transform:uppercase; }
.l21-slide-content p { margin:0 0 26px; color:#fff; font-size:17px; }
.l21-btn, .button-1 { display:inline-block; line-height:46px; padding:0 26px; color:#fff !important; font-size:12px;
  font-weight:600; text-transform:uppercase; letter-spacing:.5px; border-radius:23px; background:var(--mcol); text-decoration:none; border:none; cursor:pointer; }
.l21-btn:hover, .button-1:hover { background:#4a8a34; color:#fff; }
.l21-dots { position:absolute; bottom:22px; left:0; right:0; display:flex; justify-content:center; gap:8px; z-index:3; }
.l21-dots button { width:9px; height:9px; border-radius:50%; border:none; background:#f7f6fb; cursor:pointer; padding:0; opacity:.7; }
.l21-dots button.active { background:var(--mcol); opacity:1; }
.l21-slide { display:none; }
.l21-slide.active { display:flex; }
.l21-fade { animation:l21fade .6s ease; }
@keyframes l21fade { from{opacity:.35} to{opacity:1} }

/* ---------- Главная: блоки категорий ---------- */
.l21-section { padding:50px 0 10px; }
.l21-gray { background:#f7f7f9; }
.l21-cards4 { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.l21-catcard { background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 3px 14px rgba(0,0,0,.06);
  text-decoration:none; color:inherit; display:block; transition:transform .2s ease; }
.l21-catcard:hover { transform:translateY(-4px); }
.l21-catcard img { width:100%; height:170px; object-fit:cover; display:block; }
.l21-catcard .txt { padding:18px 20px 22px; text-align:center; }
.l21-catcard h4 { margin:0 0 8px; font-size:18px; color:var(--dark); }
.l21-catcard p { margin:0; font-size:13px; color:#8a8a8a; }

.l21-feat { text-align:center; background:#fff; border-radius:10px; padding:30px 18px; box-shadow:0 3px 14px rgba(0,0,0,.05); }
.l21-feat i { font-size:38px; color:var(--mcol); }
.l21-feat h4 { margin:14px 0 8px; font-size:17px; }
.l21-feat p { margin:0; font-size:13px; }

/* ---------- Подписка на Telegram ---------- */
.l21-subscribe { margin:50px 0 0; padding:38px 0; background:var(--mcol); }
.l21-subscribe .l21-cnt { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.l21-subscribe .t1 { color:#fff; font-size:26px; line-height:1.25; }
.l21-subscribe .t1 b { text-transform:uppercase; }
.l21-subscribe .t2 { color:#eaf5e5; font-size:14px; flex:1; min-width:220px; }
.l21-subscribe a.sub-btn { background:#229ED9; color:#fff; padding:14px 28px; border-radius:8px; font-weight:600;
  text-decoration:none; font-size:15px; display:inline-flex; align-items:center; gap:8px; }
.l21-subscribe a.sub-btn:hover { background:#1b87bd; }

/* ---------- Заголовки разделов ---------- */
.l21-h2 { text-align:center; font-size:34px; margin:55px 0 12px; position:relative; padding-bottom:22px; }
.l21-h2:after { content:""; position:absolute; bottom:0; left:calc(50% - 50px); width:100px; height:4px; background:var(--mcol); }
.l21-h2-link { text-align:center; margin-bottom:30px; }
.l21-h2-link a { color:var(--dark); font-size:14px; text-decoration:none; }
.l21-h2-link a:hover { color:var(--mcol); }

/* ---------- WooCommerce: каталог как на старом сайте ---------- */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  background:#fff; border-radius:10px; padding:0 0 18px; box-shadow:0 3px 14px rgba(0,0,0,.06);
  text-align:center; transition:transform .2s ease; overflow:hidden;
}
.woocommerce ul.products li.product:hover { transform:translateY(-4px); }
.woocommerce ul.products li.product a img { margin:0 0 14px; }
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size:15px; font-weight:600; color:var(--dark); padding:0 14px; }
.woocommerce ul.products li.product .price { color:var(--mcol); font-size:16px; font-weight:700; }
.woocommerce ul.products li.product .price del { color:#b3b3b3; font-weight:400; font-size:13px; }
.woocommerce ul.products li.product .price ins { text-decoration:none; }
.woocommerce span.onsale { background:var(--mcol); border-radius:20px; min-height:0; line-height:1; padding:7px 12px; font-size:12px; font-weight:600; top:12px; left:12px; }
.woocommerce ul.products li.product .button, .woocommerce ul.products li.product .add_to_cart_button {
  background:var(--mcol); color:#fff; border-radius:8px; font-size:13px; padding:12px 22px; margin:10px auto 0; display:inline-block;
}
.woocommerce ul.products li.product .button:hover { background:#4a8a34; color:#fff; }

/* sidebar «Категории товаров» */
.l21-cat-widget { background:#fff; border-radius:10px; box-shadow:0 3px 14px rgba(0,0,0,.06); overflow:hidden; }
.l21-cat-widget .head { background:var(--mcol); color:#fff; font-weight:600; font-size:15px; padding:14px 20px; display:flex; align-items:center; gap:12px; }
.l21-cat-widget ul { list-style:none; margin:0; padding:6px 0; }
.l21-cat-widget ul li a { display:flex; justify-content:space-between; align-items:center; padding:11px 20px;
  color:var(--dark); font-size:14px; text-decoration:none; border-bottom:1px solid #f2f2f2; }
.l21-cat-widget ul li:last-child a { border-bottom:none; }
.l21-cat-widget ul li a:hover { color:var(--mcol); }
.l21-cat-widget ul li a:after { content:"\f105"; font-family:FontAwesome; color:#c9c9c9; }
.l21-cat-widget ul li.current-cat > a { color:var(--mcol); font-weight:600; }

/* product page */
.woocommerce div.product p.price, .woocommerce div.product span.price { color:var(--mcol); font-size:26px; font-weight:700; }
.woocommerce div.product p.price del, .woocommerce div.product span.price del { color:#b3b3b3; font-weight:400; font-size:18px; }
.single_add_to_cart_button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, #place_order {
  background:var(--mcol) !important; color:#fff !important; border-radius:8px !important;
}
.single_add_to_cart_button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover { background:#4a8a34 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-top:2px solid var(--mcol); }
.woocommerce-breadcrumb { color:#9a9a9a; font-size:13px; }
.woocommerce-breadcrumb a { color:#59a33f; }
.woocommerce-message, .woocommerce-info { border-top-color:var(--mcol); }
.woocommerce-message::before, .woocommerce-info::before { color:var(--mcol); }

/* ---------- Футер ---------- */
footer.l21-footer { background:#fff; border-top:1px solid #eee; margin-top:60px; padding:44px 0 0; }
.l21-footer-top { display:flex; justify-content:space-between; align-items:center; gap:30px; flex-wrap:wrap; padding-bottom:30px; border-bottom:1px solid #f0f0f0; }
.l21-footer-logo img { height:52px; width:auto; }
.l21-footer-logo .soc { display:flex; align-items:center; gap:10px; margin-top:12px; }
.l21-footer-logo .soc span { font-size:13px; color:#8a8a8a; margin-right:6px; }
.l21-footer-logo .soc img { height:30px; width:auto; }
.l21-footer-contacts { display:flex; gap:26px; flex-wrap:wrap; align-items:center; }
.l21-footer-contacts .tb { display:flex; gap:12px; align-items:center; font-size:14px; color:#444; }
.l21-footer-contacts .tb i { font-size:24px; color:var(--mcol); }
.l21-footer-contacts .tb a { color:var(--dark); text-decoration:none; font-weight:500; }
.l21-footer-contacts .tb a:hover { color:var(--mcol); }
.l21-footer-contacts .soc-ic a { font-size:26px; color:var(--mcol); margin-right:10px; }
.l21-footer-bottom { display:flex; justify-content:space-between; align-items:center; padding:18px 0; font-size:13px; color:#9a9a9a; flex-wrap:wrap; gap:10px; }
.l21-footer-bottom a { color:#59a33f; text-decoration:none; }

/* astra resets */
.ast-container { max-width:100%; padding:0; }
#content.site-content { background:transparent; }
.ast-separate-container .ast-article-single, .ast-separate-container .ast-article-post { background:#fff; border-radius:10px; padding:30px; box-shadow:0 3px 14px rgba(0,0,0,.05); }
.entry-title { font-size:30px; }

/* ---------- Мобильная адаптация ---------- */
@media (max-width: 1024px) {
  .l21-cards4 { grid-template-columns:repeat(2,1fr); }
  .l21-menu { display:none; position:absolute; top:100%; left:0; right:0; background:#fff; border-radius:0 0 10px 10px; box-shadow:0 10px 24px rgba(0,0,0,.12); z-index:200; }
  .l21-menu.open { display:block; }
  .l21-menu ul { flex-direction:column; }
  .l21-menu > ul > li > a { padding:13px 18px; border-bottom:1px solid #f2f2f2; }
  .l21-menu ul.sub-menu { position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; display:none; padding-left:16px; }
  .l21-menu li.open-sub > ul.sub-menu { display:block; }
  .l21-mobile-btn { display:block; }
  .l21-head .panel { flex-wrap:wrap; position:relative; }
  .l21-slide { height:420px; }
  .l21-slide-content { width:88%; }
  .l21-slide-content h2 { font-size:24px; }
  .l21-topline .ya-2gis { display:none; }
}
@media (max-width: 640px) {
  .l21-cards4 { grid-template-columns:1fr; }
  .l21-subscribe .l21-cnt { flex-direction:column; text-align:center; }
  .l21-footer-top, .l21-footer-bottom { flex-direction:column; text-align:center; }
}

/* fix: sections on front page must stack, not flex (Astra .ast-container is display:flex) */
.home .site-content .ast-container{display:block}
.home #content.site-content{padding-top:0}

/* сайдбар категорий слева, как на старом сайте */
.woocommerce-shop .ast-container, .tax-product_cat .ast-container { align-items:flex-start; }
.woocommerce-shop .l21-cat-widget, .tax-product_cat .l21-cat-widget { order:-1; flex:0 0 270px; margin-right:30px; }
.woocommerce-shop #primary, .tax-product_cat #primary { flex:1; min-width:0; }
@media (max-width: 920px){ .l21-cat-widget{ flex:1 1 100% !important; order:-1; margin-right:0 !important; margin-bottom:24px; } }

/* ---------- отступы контента на обычных страницах (не главной) ---------- */
body.page:not(.home) .ast-container,
body.blog .ast-container,
body.archive:not(.woocommerce-shop):not(.tax-product_cat) .ast-container,
body.search .ast-container,
body.single-post .ast-container { max-width:1200px; margin:0 auto; padding:30px 15px; }

/* ---------- карусель «Популярные товары» ---------- */
.l21-pop { padding:40px 0 50px; }
.l21-car { position:relative; }
.l21-car-view { overflow:hidden; }
.l21-car-track { display:flex; gap:20px; transition:transform .5s ease; will-change:transform; }
.l21-ci { flex:0 0 calc(25% - 15px); background:#fff; border-radius:10px; box-shadow:0 3px 14px rgba(0,0,0,.06);
  padding:18px; text-align:center; display:flex; flex-direction:column; box-sizing:border-box; }
.l21-ci .im img { max-width:100%; height:160px; object-fit:contain; margin:0 auto 12px; display:block; }
.l21-ci .nm { color:#222; font-size:14px; font-weight:600; text-decoration:none; line-height:1.35;
  display:block; min-height:38px; margin-bottom:8px; }
.l21-ci .nm:hover { color:#59A33F; }
.l21-ci .pr { color:#59A33F; font-weight:700; font-size:17px; margin-bottom:10px; margin-top:auto; }
.l21-ci .pr del { color:#b3b3b3; font-weight:400; font-size:13px; }
.l21-ci .button { background:#59A33F; color:#fff !important; border-radius:8px; font-size:13px;
  padding:10px 20px; display:inline-block; text-decoration:none; border:none; }
.l21-ci .button:hover { background:#4a8a34; }
.l21-car-btn { position:absolute; top:50%; transform:translateY(-50%); z-index:5; width:40px; height:40px;
  border-radius:50%; border:none; background:#fff; box-shadow:0 3px 10px rgba(0,0,0,.15); color:#59A33F;
  font-size:24px; line-height:1; cursor:pointer; }
.l21-car-btn:hover { background:#59A33F; color:#fff; }
.l21-car-btn.prev { left:-20px; }
.l21-car-btn.next { right:-20px; }
@media (max-width:1240px){ .l21-car-btn.prev{left:0} .l21-car-btn.next{right:0} }
@media (max-width:1023px){ .l21-ci{ flex:0 0 calc(50% - 10px); } }
@media (max-width:639px){ .l21-ci{ flex:0 0 100%; } }

/* усиление кнопок карусели против дефолтной темы */
.l21-pop .l21-ci a.button, .l21-pop .l21-ci a.button:visited { background:#59A33F; color:#fff !important;
  border-radius:8px; font-size:13px; padding:10px 20px; display:inline-block; text-decoration:none; border:none; }
.l21-pop .l21-ci a.button:hover { background:#4a8a34; color:#fff !important; }
.l21-pop .l21-ci a.im, .l21-pop .l21-ci a.nm { color:#222; }
.l21-pop .l21-ci a.nm:hover { color:#59A33F; }

/* страховка: картинки никогда не шире контейнера */
.entry-content img, .page-about img, .page-delivery img, .page-invoice img, .ast-article-single img,
.comment-content img, .widget img { max-width:100%; height:auto; }
.woocommerce ul.products li.product a img { object-fit:contain; }
.l21-ci .im img { object-fit:contain; }

/* ---------- карточки разделов на главной: логотипы целиком ---------- */
.l21-catcard img { object-fit:contain; padding:18px 18px 6px; background:#fff; box-sizing:border-box; }

/* ---------- карточка товара ---------- */
/* контейнер 1200px, как везде */
body.single-product .ast-container{ max-width:1200px; margin:0 auto; padding:30px 15px; }
/* описание в две колонки, строки не липнут друг к другу */
.woocommerce-Tabs-panel--description{ max-width:1200px; }
@media (min-width:769px){
  .woocommerce-Tabs-panel--description{ column-count:2; column-gap:50px; }
}
.woocommerce-Tabs-panel--description p{ break-inside:avoid; margin:0 0 20px; line-height:1.6; }

/* ---------- База знаний: заголовки карточек без разрыва слов ---------- */
body.blog .entry-title, body.archive:not(.woocommerce) .entry-title { font-size:20px; line-height:1.35; hyphens:auto; overflow-wrap:normal; }
body.blog .entry-title a, body.archive:not(.woocommerce) .entry-title a { font-size:inherit; }


/* ---------- Карточки товаров: ровная сетка, кнопки на одном уровне (10.09.2026) ---------- */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  display:flex; flex-direction:column; height:100%;
}
/* единая высота области картинки независимо от пропорций фото */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap {
  position:relative; aspect-ratio:4/3; margin-bottom:4px; overflow:hidden;
}
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap a.woocommerce-LoopProduct-link {
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center; min-height:0;
}
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap a img {
  margin:0; max-height:100%; max-width:100%; width:auto; height:auto; object-fit:contain;
}
/* содержимое карточки тянется, кнопка прижата к низу */
.woocommerce ul.products li.product .astra-shop-summary-wrap {
  display:flex; flex-direction:column; flex:1 1 auto; padding:0 10px;
}
.woocommerce ul.products li.product .ast-woo-product-category { min-height:1.5em; }
/* название: максимум 2 строки, длинные слова не вылезают */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  min-height:2.7em; line-height:1.35; overflow-wrap:anywhere; width:100%;
}
/* цена: в 1-2 строки внутри карточки, по центру */
.woocommerce ul.products li.product .price {
  min-height:2.4em; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
  column-gap:8px; overflow-wrap:anywhere; margin-top:6px; width:100%;
}
/* кнопка «В корзину» всегда внизу карточки */
.woocommerce ul.products li.product .astra-shop-summary-wrap > .button {
  margin-top:auto !important;
}
/* «Перейти в корзину» после AJAX-добавления — заметная кнопка */
.woocommerce ul.products li.product a.added_to_cart.wc-forward {
  display:block; width:100%; box-sizing:border-box; text-align:center;
  padding:10px 12px; margin-top:6px !important; border:2px solid var(--mcol);
  color:var(--mcol); border-radius:8px; font-weight:600; background:#fff;
  text-decoration:none; line-height:1.2;
}
.woocommerce ul.products li.product a.added_to_cart.wc-forward:hover { background:var(--mcol); color:#fff; }


/* ---------- Значок «Распродажа» — только у товаров из «Акции и скидки» (10.09.2026) ---------- */
.woocommerce .ast-onsale-card, .woocommerce span.onsale, .woocommerce ul.products li.product .onsale { display:none !important; }
.woocommerce ul.products li.product.product_cat-akcii-i-skidki .ast-onsale-card,
.woocommerce ul.products li.product.product_cat-akcii-i-skidki .onsale,
.single-product .product.product_cat-akcii-i-skidki span.onsale { display:inline-block !important; }

/* ---------- Плитки подкатегорий: выравнивание логотипов и названий (10.09.2026) ---------- */
.l21-subcats { margin-bottom:34px !important; }
.l21-subcats li.product-category { display:flex; }
.l21-subcats li.product-category a { position:relative; display:flex; flex-direction:column; align-items:center; width:100%; text-decoration:none; padding:14px 10px 16px; box-sizing:border-box; }
.woocommerce ul.products.l21-subcats li.product-category a img { width:100%; height:auto !important; aspect-ratio:4/3; object-fit:contain !important; margin:0 0 10px !important; box-shadow:none; }
.l21-subcats li.product-category .woocommerce-loop-category__title {
  position:static !important; top:auto !important; bottom:auto !important; left:auto !important; right:auto !important;
  width:100%; box-sizing:border-box; padding:0 6px; margin:0; text-align:center;
  font-size:15px; line-height:1.3; text-transform:none; background:none !important; color:#24272f;
  display:flex; flex-direction:column; align-items:center; gap:2px;
}
.l21-subcats li.product-category .woocommerce-loop-category__title .count {
  position:static !important; background:none !important; color:#8a8f98; font-size:12px; font-weight:400; padding:0; margin:0;
}

/* ---------- Страница оплаты заказа (order-pay): состав + кнопки (10.09.2026) ---------- */
.l21-receipt-items-title { margin:26px 0 10px; font-size:18px; }
.l21-receipt-items { margin-bottom:26px; }
#submit_robokassa_payment_form.l21-pay-btn, .l21-pay-btn {
  display:inline-block; padding:16px 48px !important; font-size:20px !important; font-weight:700;
  border-radius:10px; background:var(--mcol) !important; color:#fff !important; border:none; cursor:pointer;
}
.l21-pay-btn:hover { background:#4c8c35 !important; }
a.l21-pay-cancel {
  display:inline-block; margin-left:18px; font-size:13px; color:#9aa0a8; text-decoration:underline;
  background:none !important; border:none; padding:4px 0;
}
a.l21-pay-cancel:hover { color:#6b7178; }
@media (max-width:640px){
  #submit_robokassa_payment_form.l21-pay-btn { width:100%; box-sizing:border-box; text-align:center; }
  a.l21-pay-cancel { display:block; margin:10px 0 0; text-align:center; }
}


/* ---------- База знаний: поиск (11.09.2026) ---------- */
.l21-kbsearch { background:#fff; border-radius:10px; box-shadow:0 3px 14px rgba(0,0,0,.06); padding:22px 24px; margin:26px 0 30px; }
.l21-kbsearch-row { display:flex; gap:20px; align-items:center; flex-wrap:wrap; }
.l21-kbsearch-form { flex:1 1 340px; display:flex; gap:8px; }
.l21-kbsearch-form input[type=search] { flex:1; padding:11px 16px; border:1px solid #e3e3e3; border-radius:8px; font-size:14px; }
.l21-kbsearch-form input[type=search]:focus { border-color:var(--mcol); outline:none; }
.l21-kbsearch-form button { padding:0 22px; line-height:42px; border:none; border-radius:21px; background:var(--mcol); color:#fff; font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:.5px; cursor:pointer; }
.l21-kbsearch-form button:hover { background:#4a8a34; }
.l21-kbsearch-cats { display:flex; align-items:center; gap:10px; }
.l21-kbsearch-cats label { font-size:14px; color:var(--dark); font-weight:500; white-space:nowrap; }
.l21-kbsearch-cats select { padding:10px 14px; border:1px solid #e3e3e3; border-radius:8px; font-size:14px; background:#fff; max-width:320px; }
.l21-kbsearch-tags { margin-top:16px; padding-top:14px; border-top:1px solid #f1f1f1; display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; }
.l21-kbsearch-tags-label { font-size:14px; color:var(--dark); font-weight:500; white-space:nowrap; }
.l21-kbsearch-tags a { display:inline-block; margin:0 6px 6px 0; padding:4px 12px; background:#f4f7f2; border-radius:14px; color:#4c8a37 !important; text-decoration:none; font-size:12px !important; line-height:1.6; }
.l21-kbsearch-tags a:hover { background:var(--mcol); color:#fff !important; }
@media (max-width:768px){ .l21-kbsearch-cats select{ max-width:100%; } .l21-kbsearch-cats{ width:100%; } }


/* ---------- База знаний: сайдбар «поиск по товарам/тегам» (11.09.2026) ---------- */
.l21-kbside { background:#fff; }
.l21-kbside .widget-title { margin-top:0; }
.l21-kbside .widget-title + .widget-title, .l21-kbside .l21-kbside-tags { margin-top:18px; }
.l21-kbside-cats { width:100%; padding:10px 12px; border:1px solid #e3e3e3; border-radius:8px; font-size:14px; background:#fff; }
.l21-kbside-tags a { display:inline-block; margin:0 6px 6px 0; padding:4px 12px; background:#f4f7f2; border-radius:14px; color:#4c8a37 !important; text-decoration:none; font-size:12px !important; line-height:1.6; }
.l21-kbside-tags a:hover { background:var(--mcol); color:#fff !important; }
.l21-kbside h2.widget-title:not(:first-child) { margin-top:22px; }