/*
 * Webasyst Default 3.0 theme family
 *
 * Core CSS file
 *
 * @link http://www.webasyst.com/
 * @author Webasyst LLC
 * @copyright 2015 Webasyst LLC
 * @package Webasyst
 */

/* Reset
-------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, /* ol, ul, li, */ fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, credentials, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }
article, aside, credentials, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* Common HTML elements, fonts, and colors
------------------------------------------ */
html,
body { width: 100%; min-height: 100%; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 4px; background: #ffffff !important; background-image: none !important; background-attachment: fixed !important; line-height: 1.4em; }
a { color: #006bd8; outline:0 none; text-decoration: none; }
a:focus { outline:none; outline-offset:-4px; }
a:visited { color: #85c; }
a.not-visited:visited { color: #006bd8; }
a:hover { color: red; }
input[type="button"]::-moz-focus-inner { border: 0; }
input[type="submit"]::-moz-focus-inner { border: 0; }
a img { border: 0; }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, blockquote, figure { margin-bottom: 20px; }
h1 { font-size: 2.6em; }
h1 a { text-decoration:none; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.45em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
h1, h2, h3 { line-height:1.2em; }
ul, ol { padding-top:0; }
ol { list-style: decimal; }
input, textarea, select { margin:0; }
input, textarea { font-size: 1em; color: #000; }
select { max-width: 100%; }
input[type="button"]:focus { outline:none; outline-offset:-2px; }
fieldset { border:1px solid #bbb; padding:10px; position:relative; background:#e9e9e9; margin-bottom:10px; }
fieldset p label { width:98%; }
fieldset p input[type="text"] { width:98%; }
fieldset p select { width:99%; }
pre {margin-top: 16px; font-size: 90%; line-height: 24px; color: rgba(0,0,0,.75); background: rgba(0,0,0,.03); padding: 16px 20px;word-wrap: normal;}
blockquote { color: rgba(0,0,0,.6); font-size:0.9em; font-style: italic; border-left: 1px solid rgba(0,0,0,.1);padding-left: 24px; background: #eee; }
blockquote cite { font-size: 0.9em; }
hr { background-color: rgba(0,0,0,0.15); height: 1px; border: 0; }
p { font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Arial, sans-serif; line-height: 1.4em; }
p a { text-decoration: underline; }
input::-webkit-input-placeholder { color: #bbb; }
input:-moz-placeholder,
input::-moz-placeholder { color: #bbb; }
input:-ms-input-placeholder { color: #bbb; }
label, button { cursor: pointer; }

/* Misc elements
---------------- */

.block { padding: 25px 30px; }
.inline { display: inline !important; }
.inline-link { text-decoration: none !important; }
.inline-link b { border-bottom: 1px dotted; font-weight: normal; position: relative; top: -0.13em;}
.inline-link b i { font-style: normal; position: relative; top: 0.13em;}
.small { font-size: 0.9em; }
.large { font-size: 1.1em; }
.bold { font-weight: bold; }
.strike { text-decoration: line-through; }
.highlighted { background:  #ffc; }
.hint { color: #aaa; font-size: 0.9em; }
.hint a,
.hint:visited,
.hint a:visited { color: #888; }
.gray .dropdown ul
.gray a,
.gray:visited,
.gray a:visited { color: #888; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-both { clear: both; }
.shadowed { -moz-box-shadow: 0 5px 15px #aaa; -webkit-box-shadow: 0 5px 15px #aaa; box-shadow: 0 5px 15px #aaa; }
.nowrap { white-space: nowrap; }
.hr { border-top: 1px solid #ccc; margin-bottom: 15px; }
.uppercase { text-transform: uppercase; }
.blurred { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); }
.userpic { border-radius: 50%; background-size: auto; }

.container { min-width: 650px; max-width: 970px; margin: 0 auto; padding: 0; }
.container:before,
.container:after { content: " "; clear: both; }

.breadcrumbs { padding: 5px 0; font-size: 0.9em; }
.breadcrumbs a { color: #aaa; }
.breadcrumbs span.rarr { color: #ccc; margin: 0 3px; }

.tags { line-height: 1.6em; }
.tags a { color: green !important; display: inline !important; padding: 0 4px !important; }
.tags a:hover { color: red !important; }

.welcome { text-align: center; background: url('img/welcome.png') no-repeat; background-position: top center; padding-top: 300px; background-size: 256px 256px; margin-bottom: 30px; }
.welcome h1 { font-weight: normal; font-size: 2em; }

.staff { background: #eeb; padding: 1px 4px !important; color: #345; font-size: 0.9em; border: 1px solid rgba(0,0,0,0.1); border-radius: 3px; white-space: nowrap; }

.wa-flex-box { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.wa-flex-box.middle { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.wa-flex-box.wrap { -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.wa-flex-box.full-line { -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.wa-flex-box.fixed { -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.wa-flex-box.fixed.fixed > * { -webkit-flex-basis: 100%; flex-basis: 100%; -webkit-box-flex: 0; -moz-box-flex: 0; -o-box-flex: 0; -ms-box-flex: 0; box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0; }
.wa-flex-box > *.middle { -webkit-align-self: center; align-self: center; -ms-flex-item-align: center; }
.wa-flex-box.space-025 > *:not(:last-child) { margin-right: 0.25rem; }
.wa-flex-box.space-05 > *:not(:last-child) { margin-right: 0.5rem; }
.wa-flex-box.space-075 > *:not(:last-child) { margin-right: 0.75rem; }
.wa-flex-box.space-1 > *:not(:last-child) { margin-right: 1rem; }
.wa-flex-box.space-2 > *:not(:last-child) { margin-right: 2rem; }
.wa-flex-box.space-3 > *:not(:last-child) { margin-right: 3rem; }
.wa-flex-box.space-4 > *:not(:last-child) { margin-right: 4rem; }
.wa-flex-box.space-5 > *:not(:last-child) { margin-right: 0.5rem; }
@media screen and (max-width: 760px) {
    .wa-flex-box.adaptive { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .wa-flex-box.adaptive.space-025 > *:not(:first-child) { margin-top: 0.25rem; }
    .wa-flex-box.adaptive.space-025 > *:not(:last-child) { margin-right: 0; }
    .wa-flex-box.adaptive.space-05 > *:not(:first-child) { margin-top: 0.5rem; }
    .wa-flex-box.adaptive.space-05 > *:not(:last-child) { margin-right: 0; }
    .wa-flex-box.adaptive.space-075 > *:not(:first-child) { margin-top: 0.75rem; }
    .wa-flex-box.adaptive.space-075 > *:not(:last-child) { margin-right: 0; }
    .wa-flex-box.adaptive.space-1 > *:not(:first-child) { margin-top: 1rem; }
    .wa-flex-box.adaptive.space-1 > *:not(:last-child) { margin-right: 0; }
    .wa-flex-box.adaptive.space-2 > *:not(:first-child) { margin-top: 2rem; }
    .wa-flex-box.adaptive.space-2 > *:not(:last-child) { margin-right: 0; }
    .wa-flex-box.adaptive.space-3 > *:not(:first-child) { margin-top: 3rem; }
    .wa-flex-box.adaptive.space-3 > *:not(:last-child) { margin-right: 0; }
    .wa-flex-box.adaptive.space-4 > *:not(:first-child) { margin-top: 4rem; }
    .wa-flex-box.adaptive.space-4 > *:not(:last-child) { margin-right: 0; }
    .wa-flex-box.adaptive.space-5 > *:not(:first-child) { margin-top: 0.5rem; }
    .wa-flex-box.adaptive.space-5 > *:not(:last-child) { margin-right: 0; }
}

/* Buttons
---------- */

button,
input[type=button],
input[type=submit] {
    color: #000;
    outline: 0;
    padding: 5px 10px 6px;
    font-size: 1.1em;
    -webkit-appearance: none;
    border-radius: 3px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0,0,0,0.3);
    border-color: rgba(0,0,0,0.2) rgba(0,0,0,0.3) rgba(0,0,0,0.3) rgba(0,0,0,0.3);
    background: #fcd630;
    background: #fcd630 -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.0) 100%); /* FF3.6+ */
    background: #fcd630 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0.0))); /* Chrome,Safari4+ */
    background: #fcd630 -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.0) 100%); /* Chrome10+,Safari5.1+ */
    background: #fcd630 -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.0) 100%); /* Opera 11.10+ */
    background: #fcd630 -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.0) 100%); /* IE10+ */
    background: #fcd630 linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fde992', endColorstr='#fcd630',GradientType=0 ); /* IE6-9 */ }
button:hover,
input[type=button]:hover,
input[type=submit]:hover { cursor: pointer; background: #fcd630 linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.3) 100%); }
button:active,
input[type=button]:active,
input[type=submit]:active { background: #f3cd27; text-shadow: none; box-shadow: none; }
button:disabled,
input[type=button]:disabled,
input[type=submit]:disabled { background: #eee; color: #999; text-shadow: 0 1px 1px #fff; cursor: pointer; }
input[type=button].small,
input[type=submit].small { font-size: 0.9em; padding: 3px 5px; }
button.large,
input[type=button].large,
input[type=submit].large { font-size: 1.6em; padding: 7px 10px; font-weight: bold; }
button.gray,
input[type=button].gray,
input[type=submit].gray { background: #ededed linear-gradient(to bottom, #ededed 0%,#d1d1d1 100%); }
button.gray:hover,
input[type=button].gray:hover,
input[type=submit].gray:hover { background: #eee; }
button.blue,
input[type=button].blue,
input[type=submit].blue { background: #73b9ff linear-gradient(to bottom, #73b9ff 0%,#0d86ff 100%); border-color: rgba(0,0,0,.2); color: #fff; text-shadow: none; }
button.blue:hover,
input[type=button].blue:hover,
input[type=submit].blue:hover { background: #73b9ff; }

/* Navigation menus
------------------- */

ul.menu-v { margin: 0; padding: 0; font-family: 'Helvetica Neue', 'Trebuchet MS', Arial, sans-serif; }
ul.menu-v li { list-style: none; padding: 0; line-height: 1.3em; border-bottom: 1px solid rgba(0,0,0,0.1); }
ul.menu-v li a { padding: 13px 30px 13px 16px; display: block; text-decoration: none; }
ul.menu-v li.collapsible { background: url('img/rarr.png') no-repeat; background-position: right center; background-size: 32px 16px; }
ul.menu-v.bottom-padded { margin-bottom: 20px; }
ul.menu-v li .count { float: right; color: #aaa; }
ul.menu-v li .count i.icon16 { margin: 0 -5px; }

ul.menu-h { margin: 0; padding: 0; }
ul.menu-h li { list-style: none; display: inline-block; padding: 0 10px 0 0; line-height: 1.3em; display:block\9; float:left\9; }
ul.menu-h li a { display: inline-block; padding: 13px 16px 13px 16px; display:block\9; float:left\9; text-decoration: none; }

ul.tree {  display: none; list-style: none; padding-left: 0; }/*Ссылки возле времени работы*/
ul.tree li a { padding: 5px 16px; display: block; text-decoration: none;}
ul.tree li.selected a { background: transparent; }
ul.tree ul { padding-left: 20px; list-style: none; }
ul.tree ul a { padding: 3px 6px; font-size: 90%; }

.paging-nav { text-align: center; }
.paging-nav ul li { display: inline-block; list-style: none; margin-right: 10px; }
.paging-nav ul li a { padding: 8px 10px; }
.paging-nav ul li.selected a { background: #eee; }

/* Sign up & Login forms
------------------------ */

.wa-auth-adapters ul { padding: 0; min-height: 16px; }
.wa-auth-adapters ul li { list-style: none; float: left; padding: 0 15px 0 0; }
.wa-auth-adapters ul li a,
.wa-auth-adapters ul li span { display: block; padding: 0px 5px; }
.wa-auth-adapters ul li a img,
.wa-auth-adapters ul li span img { position: relative; top: 4px; margin-right: 3px; }
.wa-auth-adapters p { color: #888; font-size: 0.9em; width: 80%; }
.wa-auth-adapters.wa-connect { margin-top: 20px; }

.wa-form { float: left; margin: 10px 0; overflow: visible; }
.wa-form .wa-field { clear: left; margin: 0; padding-top: 3px; }
.wa-form .wa-field .wa-name { float: left; width: 155px; padding-top: 0.05em; padding-bottom: 10px; font-size: 0.95em; color: #888; }
.wa-form .wa-field.wa-separator { height: 10px; }
.wa-form .wa-field .wa-value { margin-left: 180px; margin-bottom: 5px; position: relative; }
.wa-form .wa-field .wa-value input.wa-error { border: 2px solid red; }
.wa-form .wa-field .wa-value .wa-error-msg { font-size: 0.9em; color: red; display: block; }
.wa-form .wa-field .wa-value input[type="text"],
.wa-form .wa-field .wa-value input[type="email"],
.wa-form .wa-field .wa-value input[type="password"] { width: 30%; min-width: 260px;  margin:0;}
.wa-form .wa-field .wa-value textarea { min-width: 300px; height: 70px; }
.wa-form .wa-field .wa-value input.wa-captcha-input { width: 100px; min-width: 0; }
.wa-form .wa-field .wa-value label { display: block; }
.wa-form .wa-field .wa-value .wa-captcha img { margin-left: 0; }
.wa-form .wa-field .wa-value .errormsg { margin-left: 0; }
.wa-form .wa-field .wa-value.wa-submit { margin-top: 10px; }
.wa-form .wa-field .wa-value p label { display: block; margin: 0; }
.wa-form .wa-field .wa-value p { line-height: 1.6em; margin-bottom: 23px; position: relative; }
.wa-form .wa-field .wa-value p span { color: #777; font-size: 0.9em; display: block; }
.wa-form .wa-field .wa-value p i.icon16 { float: left; left: -20px; margin-top: 2px; position: absolute; }
.wa-form .wa-field .wa-value p input { display: block; margin-bottom: 2px; }
.wa-form .wa-field .wa-value p input[type="radio"],
.wa-form .wa-field .wa-value p input[type="checkbox"] { display: inline; }
.wa-form .wa-field .wa-value p .field.wa-required span:after { content: " *"; color: #faa; }
.wa-form .wa-field.wa-required .wa-name:after { content: " *"; color: #faa; }
.wa-signup-form .wa-form .wa-field.wa-field-email .wa-value input { min-width: 300px; }
.wa-signup-form .wa-form .wa-field.wa-field-password .wa-value input,
.wa-signup-form .wa-form .wa-field.wa-field-password_confirm .wa-value input { min-width: 200px; width: 200px; }

.wa-captcha { padding: 7px 0 10px; }
.wa-captcha p { margin: 0; }
.wa-captcha strong { font-size: 1.2em; }
.wa-captcha p img { float: left !important; margin-right: 5px; margin-top: -8px; }
.wa-captcha .wa-captcha-refresh { font-size: 0.8em; text-decoration: underline; color: #aaa; }
.wa-captcha .wa-captcha-input { display: inline !important; }
.wa-captcha .errormsg { display: inline-block; margin-left: 10px; display:block\9; float:left\9; }

input.error, textarea.error { border: 2px solid red; }
.errormsg { color: red; margin-left: 170px; display: block; }

/* Multi-column layout
---------------------- */

.row { clear: both; border-top: 1px solid #eee; padding: 20px 0; }
.row.no-border { border: none; }
.col { float: left; }
.col.w1 { width: 6%; }
.col.w2 { width: 12%; }
.col.w3 { width: 18%; }
.col.w4 { width: 24%; }
.col.w5 { width: 30%; }
.col.w6 { width: 36%; }
.col.w7 { width: 42%; }
.col.w8 { width: 48%; }
.col.w9 { width: 54%; }
.col.w10 { width: 60%; }
.col.w11 { width: 66%; }
.col.w12 { width: 72%; }
.col.w13 { width: 78%; }
.col.w14 { width: 84%; }
.col.w15 { width: 90%; }
.col.w16 { width: 96%; }

/* Tables
--------- */

table { border-collapse: collapse; border-spacing: 0; }
table th { color: #aaa; padding: 0px 10px 7px; }
table td { padding: 10px; border: 1px solid rgba(0,0,0,0.1); }
table.not-bordered td { border: none; }

table.lined { margin-top: 25px; width: 100%; border-spacing:0; border-collapse:collapse; }
table.lined th { padding-left: 7px; padding-right: 7px; }
table.lined td { padding: 15px 7px; border-bottom: 1px solid #ddd; }
table.lined td.min-width { width: 1%; }
table.lined td p { margin: 0; }
table.lined td input.numerical { width: 50px; margin-right: 5px; text-align: right; }
table.lined tr.no-border td { border: none; }
table.lined tr.thin td { padding-top: 13px; padding-bottom: 0; }
table.lined tr.service td { padding-top: 5px; padding-bottom: 5px; padding-left: 25px; font-size: 0.8em; color: #555; }

/* Customized search input look
------------------------------- */

.search {  }
.search-wrapper { position: relative; width: 100%; height: 30px; padding: 0 10px 0 10px; float: left; border: 0; border-radius: 3px; -webkit-appearance: none; margin-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; }
.search input { width: 100%; float: left; height: 27px; padding-top: 0; margin-top: 1px; background: transparent; border: 0; -webkit-appearance: none; margin-right: 0; padding-left: 0; padding-right: 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.search input:focus { outline: 0; }

.search input::-webkit-input-placeholder { color: #aaa; font-weight: normal; }
.search input:-moz-placeholder,
.search input::-moz-placeholder { color: #aaa; font-weight: normal; }
.search input:-ms-input-placeholder { color: #aaa; font-weight: normal; }

.search button { min-width: 32px; overflow: visible; position: absolute; right: 0px; float: left; border: none; outline: none; box-shadow: none; padding: 0; cursor: pointer; height: 32px; color: #fff; background-color: transparent; background-image: url(img/search16black.png); background-repeat: no-repeat; background-position: 8px 6px; background-size: 16px 16px; border-radius: 0 3px 3px 0; font-size: 1.0em; }
.search button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */ border: 0; padding: 0; }

/* Header: global navigation
---------------------------- */

header.globalheader { background: #c22; position: relative; }
header a { text-decoration: none; }

header #globalnav { background: #000; }
header h2 { padding: 10px 15px; margin: 0 20px 0 -15px; font-size: 1.3em; }
header h2 a { color: #eee !important; }
header h2 a span { display: none; }
header h2 a:hover { color: #eea !important; }

header .apps { padding: 6px 0; margin: 0; }
header .apps li { display: inline-block; vertical-align: top; margin: 1px 21px 1px 0; list-style: none; transform: translate(0,1px); }
header .apps li a { display: block; padding: 12px; margin: -12px; color: #999; font-size: 1.1em; }
header .apps li a:hover { color: #eea; }
header .apps li.selected a { color: #fff; background: #000; }

header .auth { display: inline-block; vertical-align: top; margin: 1px 0 0; padding: 0 0 0 10px; }
header .auth li { display: inline-block; vertical-align: top; list-style: none; }
header .auth li a { font-size: 0.9em; padding: 5px 6px; color: #777; }
header .auth li a:hover { color: #eea !important; }
header .auth li a:visited { color: #777; }

header .cart { display: inline-block; vertical-align: top; }
header .cart .cart-summary { white-space: nowrap; }
header .cart a { padding: 12px 16px 11px 13px; display: block; background: rgba(255,255,255,0.3); color: #fff; font-size: 1.5em; }
header .cart a strong { color: #ff7; }
header .cart a:hover { background: rgba(255,255,255,0.4) !important; }
header .cart .cart-just-added { position: absolute; top: 100%; left: 0; width: 100%; box-sizing: border-box; display: none; padding: 9px 18px; font-size: 0.9em; }
header .cart a.cart-to-checkout { display: none !important; text-align: center; font-weight: bold; padding: 11px 18px; color: #006bd8; font-size: 1.1em; }
header .cart a.cart-to-checkout:hover { background: #fff !important; }
header .cart i.cart-icon { background-repeat:no-repeat; height:24px; width:24px; display: block; float: left; text-indent:-9999px; text-decoration:none!important; background-image: url('img/icons.png'); background-size: 260px 160px; background-position: -216px -50px; margin: -3px 10px 0 0; }

header .cart a .ruble {
    line-height: inherit;
}


header .cart.empty a { background: #333 !important; color: #006bd8; }
header .cart.empty a:hover { background: #444 !important; }
header .cart.empty a:visited,
header .cart.empty a strong { color: #aaa; }
header .cart.empty i.cart-icon { background-position: -192px -50px; }

header .cart.fixed { position: fixed; top: 0; right: 80px; min-width: 220px; max-width: 320px; z-index: 999; padding: 0; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
header .cart.fixed a { text-align: center; border-top: none; background: #c22; }
header .cart.fixed a:hover { background: #d33 !important; }
header .cart.fixed .cart-just-added { display: block; background: #fafaf1; }
header .cart.fixed a.cart-to-checkout { display: block; border: none; background: #fff; box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.2); }
header .cart.fixed a.cart-to-checkout:hover { color: red !important; }

header #mobile-nav-toggle { /* mobile only */ display: none; background: url('img/mobile-nav-toggle.png') no-repeat center center; border: none; padding: 5px; background-size: 37px 31px; width: 37px; height: 31px; }

header #globalnav.light { background: #fff; }
header #globalnav.light h2 a { color: #000 !important; }
header #globalnav.light h2 a:hover { color: red !important; }
header #globalnav.light .apps li a { color: #888; }
header #globalnav.light .apps li a:hover { color: red !important; }
header #globalnav.light .apps li.selected a { color: #444; background: transparent; }
header #globalnav.light .auth li a:hover { color: red !important; }
header #globalnav.light .cart a { background: #ffc600; }
header #globalnav.light .cart a:hover { background: #ffba00 !important; }
header #globalnav.light .cart a strong { color: #fff; }
header #globalnav.light .cart.empty a { background: transparent !important; }
header #globalnav.light .cart.empty a:hover { background: #e7e7e7 !important; }
header #globalnav.light .cart.empty a strong { color: #aaa !important; }
header #globalnav.light.andgray {
    background: #ffffff;
}


/* Header: app navigation
------------------------- */

header .appnav { padding-top: 5px; padding-bottom: 4px; min-height: 60px; }

header .search { float: right; padding: 14px 0; margin-left: 20px; }

header .pages { padding: 0; margin: 14px 0 16px -15px; }
header .pages li { display: inline-block; list-style: none; margin-right: 10px; margin-left: 10px; }
header .pages li a { display: block; color: #fff; text-transform: uppercase; padding: 5px 7px; margin-right: 0px; font-size: 1.1em; font-weight: bold; }
header .pages li a:hover { color: #ffa !important; }
header .pages li.selected a { font-weight: bold; color: #ff7; border-radius: 3px; background: transparent; }

header ul.flyout-nav li.collapsible { background: url('img/darr.png') no-repeat; background-position: right center; background-size: 16px 16px; }
header ul.flyout-nav li.collapsible a { padding-right: 20px; }
header ul.flyout-nav li .flyout { display: none; position: absolute; top: 100%; left: 0; right: 0; box-shadow: 0 5px 20px rgba(0,0,0,0.2); min-height: 150px; padding: 15px 30px; text-align: left; z-index: 101; background: #ffffff; }
header ul.flyout-nav li.submenu-is-shown .flyout { display: block }

header ul.flyout-nav li .flyout a { color: inherit; text-transform: none; }
header ul.flyout-nav li .flyout a:hover { color: red !important; }
header ul.flyout-nav li .flyout ul.menu-v li { border: none; vertical-align: top; text-align: left; margin: 0 20px 20px 0; }
header ul.flyout-nav li .flyout ul.menu-v li.collapsible { background: none; }
header ul.flyout-nav li .flyout ul.menu-v li a { font-weight: bold; padding-left: 0; font-size: 1.1em; }
header ul.flyout-nav li .flyout ul.menu-v li ul.menu-v li { display: block; margin: 0; font-size: 0.9em; }
header ul.flyout-nav li .flyout ul.menu-v li ul.menu-v li a { font-weight: normal; }
header ul.flyout-nav li .flyout ul.menu-v li ul.menu-v li ul { display: none; }
header ul.flyout-nav li .flyout .departments ul.menu-v li { width: 173px; }
header ul.flyout-nav li .flyout .tags { font-size: 120%; }
header ul.flyout-nav li .flyout ul.menu-v.brands { text-align: center; }
header ul.flyout-nav li .flyout ul.menu-v.brands a { font-size: 1.2em; font-weight: normal; }

body.is-shadow-shown { position: relative; }
body.is-shadow-shown:after { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.25); z-index: 99;}
body.is-shadow-shown .globalheader { position: relative; z-index: 100; }

/* Main
------- */

main.maincontent { display: block; clear: both; margin: 0; }
main.maincontent .container { padding-top: 20px; padding-bottom: 20px; }

.sidebar { float: right; width: 260px; }
.content { position: relative; min-height: 250px; }
.content.with-sidebar { margin-right: 290px; }

.sub-links {margin-bottom: 20px; padding-left: 0; }
.sub-links li {list-style: none; line-height: 1.5em; }
.sub-links li a { display: none; text-decoration: none;}/*Ссылки над картинками*/

.likebox { margin-bottom: 25px; overflow: hidden; }
.connect.inline .likebox { width: 260px; display: inline-block; vertical-align: top; margin-right: 50px; }

.leadbox { background: #fafadf; border: 1px solid rgba(0,0,0,0.07); box-shadow: 0 3px 8px -4px rgba(0,0,0,0.1); }
.leadbox h4 { font-size: 1.5em; line-height: 1.2em; }

.olives { background: #f3f3f3; padding: 20px; margin-bottom: 40px; }
.olives-left { background: transparent url('img/olives-left.png') no-repeat center left; background-size: 50px 105px; min-height: 105px; }
.olives-right { background: transparent url('img/olives-right.png') no-repeat center right; background-size: 50px 105px; min-height: 105px; }
.olives-content { margin: 0 80px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Arial, sans-serif; text-align: center; font-size: 1.1em; line-height: 1.4em; padding: 20px; }

/* Footer
--------- */

footer.globalfooter { clear: both; background: #eee; z-index: 0; padding-top: 25px; min-height: 40px; color: #888; }
footer a,
footer a:visited { color: #888 !important;  }
footer a:hover { color: red !important; }

.footer-block { display: inline-block; margin-right: 40px; vertical-align: top; margin-bottom: 20px; overflow-x: hidden; display:block\9; float:left\9; max-width: 170px; }
.footer-block.mailer-subscribe { max-width: 500px; width: auto; overflow-x: visible; }
.footer-block a,
.footer-block strong { display: block; padding: 1px 0; }
.footer-block a.top { font-weight: bold; margin-bottom: 10px; color: #888; }
.footer-block.contact-us { max-width: 270px; }
.footer-block.contact-us .social { margin-bottom: 4px; }
.footer-block.contact-us .social a { display: inline; margin-right: 5px; }

.appfooter { position: relative; text-align: center; padding: 20px; color: #aaa; border-top: 1px solid #ddd; min-height: 1.5em; margin-top: 20px; }
.appfooter .copyright { position: absolute; left: 0; }
.appfooter .poweredby { position: absolute; right: 0; }
.appfooter .dots { font-size: 0.8em; text-decoration: none; display: inline-block; width: 54px; height: 9px; background: url("img/dots/all-dots-default-order@2x.png") no-repeat 0 3px; padding-top: 3px; margin-right: 10px; background-size: 54px 9px; }

.s-subscribe-section { position: relative; }
.s-subscribe-section.is-extended .s-hidden { display: block; }
.s-subscribe-section .s-form-desc { margin: 0.5em 0 0; font-size: 13px; line-height: 1.2em; color: #888; }
.s-subscribe-section .s-hidden { display: none; position: absolute; top: 100%; left: 0; width: 340px; padding: 1em; background: #fff; z-index: 1; -webkit-box-shadow: 0 0 16px rgba(0,0,0,.2); box-shadow: 0 0 16px rgba(0,0,0,.15); border-radius: 3px; }
.s-subscribe-section .s-hidden .wa-captcha { margin: 0; padding: 0; }
.s-subscribe-section .s-hidden .wa-captcha p { margin: .5em 0 0; }
.s-subscribe-section .s-hidden .wa-captcha p:first-child { margin-top: 0; }
.s-subscribe-section .s-hidden .wa-captcha p > * { margin: 0 4px 0 0; vertical-align: middle; display: inline-block; float: none !important; }
.s-subscribe-section .s-hidden .wa-captcha p > *:last-child { margin-right: 0; }
.s-subscribe-section .s-hidden .wa-captcha p .wa-captcha-img { margin: 0; display: inline-block; }
.s-subscribe-section .s-hidden .wa-captcha p a { display: inline; }

.s-loading-section { position: fixed; top: 0; left: 0; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; background: rgba(255,255,255,.5); z-index: 100; }
.s-loading-section .s-loading-content { display: inline-block; }

/* 16x16 Icons
-------------- */

i.icon16 { background-repeat:no-repeat; height:16px; width:16px; display:inline-block; text-indent:-9999px; text-decoration:none!important; background-image: url("img/icons.png"); background-size: 260px 160px /* 50% of the original size for auto @2x optimization */; }
* i.icon16 { text-decoration:none!important; vertical-align:top; margin: 0.2em 0.25em 0 0; }
.icon16.rss { background-position: -16px 0; }
.icon16.facebook { background-position: -32px 0; }
.icon16.twitter { background-position: -48px 0; }
.icon16.vk { background-position: -64px 0; }
.icon16.gplus { background-position: -80px 0; }
.icon16.pinterest { background-position: -96px 0; }
.icon16.youtube { background-position: -112px 0; }
.icon16.instagram { background-position: -128px 0; }

.icon16.userpic20 { background-position: -2px -2px; border-radius: 50%; background-size: 20px 20px; }
.icon16.color { border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); width: 12px; height: 12px; background-image: none; }

.icon16.like { background-position:0 -16px; margin-top: 0; }
.icon16.star,
.icon16.star-full { background-position:-16px -16px; }
.icon16.star-half { background-position:-32px -16px; }
.icon16.star-empty { background-position:-48px -16px; }
.icon16.star-hover { background-position:-64px -16px; }

.icon16.remove { background-position:-96px -16px; }
.icon16.saved { background-position:-112px -16px; }
.icon16.stock-red { background-position:-128px -16px; }
.icon16.stock-yellow { background-position:-144px -16px; }
.icon16.stock-green { background-position:-160px -16px; }
.icon16.stock-transparent { background-position:-176px -16px; }
.icon16.checkmark { background-position:-192px -16px; }
.icon16.compare { background-position:-208px -16px; }
.icon16.compare.active { background-position:-224px -16px; }

.icon16.uarr { background: url('img/uarr.png'); background-position: 0 0; background-size: 16px 16px; }

.icon16.loading { background-image: url('img/loading16.gif'); background-position: 0 0; background-size: 16px 16px; }
.icon24.loading { background-image: url('img/loading.gif'); background-size: 24px 24px; height:24px; width:24px; display:inline-block; }
.icon32.loading { background-image: url('img/loading.gif'); background-size: 32px 32px; height:32px; width:32px; display:inline-block; }

/* 10x10 Icons
-------------- */

i.icon10 { background-repeat:no-repeat; height:10px; width:10px; display:inline-block; text-indent:-9999px; text-decoration:none!important; background-image: url("img/icons.png"); background-size: 260px 160px; }
* i.icon10 { text-decoration:none!important; vertical-align:top; margin: 0.3em 0.1em 0 0; }
.icon10.darr { background-image: url('img/darr.png'); background-size: 16px 16px; }

.icon10.star,
.icon10.star-full { background-position:0 -100px; }
.icon10.star-half { background-position:-10px -100px; }
.icon10.star-empty { background-position:-20px -100px; }

/* 24x24 Icons
-------------- */

i.icon24 { background-repeat:no-repeat; height:24px; width:24px; display:inline-block; text-indent:-9999px; text-decoration:none!important; background-image: url("img/icons.png"); background-size: 260px 160px; }
* i.icon16 { text-decoration:none!important; vertical-align:top; margin: 0.2em 0.25em 0 0; }
.icon24.rss { background-position: 0 -50px; }
.icon24.facebook { background-position: -24px -50px; }
.icon24.twitter { background-position: -48px -50px; }
.icon24.vk { background-position: -72px -50px; }
.icon24.instagram { background-position: -96px -50px; }
.icon24.youtube { background-position: -120px -50px; }
.icon24.pinterest { background-position: -144px -50px; }
.icon24.gplus { background-position: -168px -50px; }

/* My account (hide core app nav elements)
------------------------------------------ */

html.my ul.menu-h li a { padding: 5px 7px; }
html.my ul.menu-h li.selected a { color: #fff; }

html.my .sidebar { display: none; }

/* Custom styling
----------------- */

.color_scheme_yellow header.globalheader { background: #fb0; }
.color_scheme_green header.globalheader { background: #6fb541; }
.color_scheme_blue header.globalheader { background: #4e81cc; }
.color_scheme_purple header.globalheader { background: #9a81b3; }
.color_scheme_gray header.globalheader { background: #9c9c9c; }
.color_scheme_pink header.globalheader { background: #e871b1; }
.color_scheme_cyan header.globalheader { background: #3ac1bf; }
.color_scheme_lime header.globalheader { background: #b5ce10; }
.color_scheme_brown header.globalheader { background: #a45e1a; }

.color_scheme_white header.globalheader { background: #fff; }
.color_scheme_white header.globalheader .appnav { border-top: 1px solid rgba(0,0,0,0.13); border-bottom: 1px solid rgba(0,0,0,0.13); margin-top: -1px; padding-bottom: 3px; }
.color_scheme_white header .pages li a { color: #777; }
.color_scheme_white header .pages li a:hover { color: red !important; }
.color_scheme_white header ul.flyout-nav li .flyout { box-shadow: none; }
.color_scheme_white .search-wrapper { border: 1px solid #ccc; }
.color_scheme_white .search input { margin-top: 0; }

html.font_size_12,
html.font_size_12 body { font-size: 12px; }
html.font_size_13,
html.font_size_13 body { font-size: 13px; }
html.font_size_14,
html.font_size_14 body { font-size: 14px; }
html.font_size_15,
html.font_size_15 body { font-size: 15px; }
html.font_size_16,
html.font_size_16 body { font-size: 16px; }

.font_family_trebuchet,
.font_family_trebuchet * { font-family: "Trebuchet MS", sans-serif; }
.font_family_verdana,
.font_family_verdana * { font-family: Verdana, sans-serif; }
.font_family_georgia,
.font_family_georgia * { font-family: Georgia, Times, serif; }
.font_family_google_opensans,
.font_family_google_opensans * { font-family: 'Open Sans', sans-serif; }
.font_family_google_ptsans,
.font_family_google_ptsans * { font-family: 'PT Sans', sans-serif; }
.font_family_google_ptserif,
.font_family_google_ptserif * { font-family: 'PT Serif', sans-serif; }
.font_family_google_roboto,
.font_family_google_roboto * { font-family: 'Roboto', sans-serif; }
.font_family_google_lora,
.font_family_google_lora * { font-family: 'Lora', sans-serif; }
.font_family_google_ubuntu,
.font_family_google_ubuntu * { font-family: 'Ubuntu', sans-serif; }

.font_family_google_fira,
.font_family_google_fira * { font-family: 'Fira Sans', sans-serif; }
.font_family_google_fira b,
.font_family_google_fira strong,
.font_family_google_fira .bold { font-weight: 500; }
.font_family_google_fira header .pages li a { font-weight: 500; padding-top: 9px; }
/*.font_family_google_fira header h2 { padding-top: 12px; }*/
.font_family_google_fira ul.thumbs li { font-size: 1.05em; }
.font_family_google_fira ul.thumbs li h5 { font-weight: 500; }
.font_family_google_fira input[type="button"],
.font_family_google_fira input[type="submit"] { padding-bottom: 3px; }
.font_family_google_fira .search input { padding-top: 3px; }
/*.font_family_google_fira header .auth { margin-top: 13px; }*/
.font_family_google_fira header .auth i.userpic20 { margin-top: 1px; }
.font_family_google_fira header .cart a strong { display: inline-block; margin-top: 1px;}
.font_family_google_fira .staff { position: relative; top: -2px; padding-bottom: 0 !important; }
.font_family_google_fira .add2cart input[type="submit"]   { padding-bottom: 4px; }
.font_family_google_fira .slider a h3 { font-size: 2.8em; }
.font_family_google_fira .stocks .icon16 { margin-top: 0; }
.font_family_google_fira .credentials a,
.font_family_google_fira .credentials span { vertical-align: top; }
.font_family_google_fira .credentials { padding-top: 2px; }
.font_family_google_fira .credentials .userpic,
.font_family_google_fira .comments .credentials .userpic { margin-top: -2px; }
.font_family_google_fira .comments .actions a { margin-right: 0; }

.font_family_google_ptsansandserif,
.font_family_google_ptsansandserif * { font-family: 'PT Sans Caption', sans-serif; }
.font_family_google_ptsansandserif p,
.font_family_google_ptsansandserif .olives-content,
.font_family_google_ptsansandserif ul.thumbs li span.summary,
.font_family_google_ptsansandserif table.features td { font-family: 'PT Serif', sans-serif; font-size: 110%; }
.font_family_google_ptsansandserif p a { font-family: 'PT Serif'; }
.font_family_google_ptsansandserif ul.thumbs li h5,
.font_family_google_ptsansandserif ul.thumbs.mini li h5 { font-size: 120%; }
/* Mobile
--------- */

.nav-negative { display: none; /* mobile-only slide-out navigation */ padding-left: 0; margin: -1px 0 0; border-bottom: 1px solid #777; background: #888; }
.nav-negative li { list-style: none; display: block; border-top: 1px solid #777; }
.nav-negative li a { font-size: 1.2em; text-decoration: none; color: #ddd !important; display: block; padding: 15px 26px 15px 16px; }
.nav-negative li.selected a { color: #fff !important; text-shadow: 0 1px 0 #000; background: transparent; font-weight: bold; }
.nav-negative.auth li { background: #666; }
.nav-negative.search { padding: 0; background: #fff; height: 52px; }
.nav-negative.search .search-wrapper { height: 52px; border-radius: 0; border: none; }
.nav-negative.search input { height: 52px; font-size: 1.3em; padding-left: 5px; margin-top: 4px; padding-right: 52px; }
.nav-negative.search button { background-size: 24px 24px; height: 52px; width: 52px; background-position: 3px 15px; }

/* TABLET
========= */

@media screen and (min-width: 760px) and (max-width: 1024px) {

    body { -webkit-text-size-adjust: 100%; }

    .container { padding: 0 25px; }
    .sidebar { width: 200px; }
    .content.with-sidebar { margin-right: 220px; }

    header h2 { margin-right: 10px; }
    header .apps li { margin: 2px 10px 2px 0; }
    .search-wrapper { max-width: 150px; }

    .color_scheme_white header.globalheader .appnav { padding-left: 0; padding-right: 0; margin-left: 25px; margin-right: 25px; }

    /* @media screen and (orientation : portrait) { */
    @media screen and (max-width: 850px) {


    }

}


/* MOBILE
========= */

@media screen and (max-width: 760px) {

    body { -webkit-text-size-adjust: 100%; padding-top: 52px /* fixed #globalnav */; }

    h1 { font-size: 2em; }
    h2 { font-size: 1.5em; }
    h3 { font-size: 1.3em; }

    .container { min-width: 0; padding: 0; }
    .breadcrumbs { font-size: 1.0em; line-height: 1.5em; margin-bottom: 10px; }

    .sidebar { float: none !important; width: auto !important; padding: 0 !important; }
    .content { padding: 0px 15px; overflow-x: hidden; }
    .content.with-sidebar { margin-left: 0 !important; margin-right: 0 !important; }

    .nav-negative { display: block; /* mobile-only slide-out navigation */ }

    header #globalnav { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; height: 52px; padding-top: 0 !important; }
    header #globalnav.light { box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
    header #globalnav.light .cart.empty a { background: #f3f3f3 !important; }
    .color_scheme_white header #globalnav.light { box-shadow: none; border-bottom: 1px solid rgba(0,0,0,0.13); }
    .color_scheme_white header #globalnav.light.andgray { border-bottom: none; }

    header h2 { margin: 9px 50px 10px 0 !important; float: left; font-size: 1.2em !important; position: fixed; top: 7px; left: 15px; z-index: 9999; font-weight: normal !important; padding: 0 !important; display: block !important; }
    header h2 a img { display: none; }
    header h2 a span { display: inline; }
    header .appnav { padding: 0; }
    header #mobile-nav-toggle { display: block; float: right; margin-right: 10px; margin-top: 13px; outline: 0; margin-bottom: 9px; }
    header .apps { display: none; }
    header .pages { margin: 0; padding: 20px 0; }
    header .auth { display: none; }
    header .auth li a { font-size: 1em; }
    header .auth li a i.icon16 { margin-top: 0; }
    header .apps.unfolded { display: block; }
    header .cart,
    header .cart.fixed { position: absolute; top: 0; right: 58px !important; min-width: 0 !important; max-width: 64px; }
    header .cart a { height: 1em; padding: 16px 9px 15px 17px; background: #ffba00; }
    header .cart.fixed a { background: #ffba00; }
    header .cart a strong { display: none !important; }
    header .cart #cart-content { display: none; }

    header ul.flyout-nav li.submenu-is-shown > a { background: rgba(0,0,0,.33); border-radius: 3px; }

    .content img { max-width: 100%; }

    .search { display: none; }
    .search-wrapper { padding-right: 0; }

    footer.globalfooter { top: 0; padding-top: 10px; }
    .footer-block { width: 120px; margin: 10px 15px !important; }
    .footer-block#copyright { width: auto; display: block; }
    .footer-block a { margin-bottom: 3px; }
    .footer-note { margin: 10px 15px; }
    .appfooter { padding: 10px 15px; }
    .appfooter .copyright,
    .appfooter .poweredby { position: static; padding: 10px; }

    .wa-form .wa-field .wa-name { float: none; padding-bottom: 0; }
    .wa-form .wa-field .wa-value { margin-left: 0; }
    .wa-form .wa-field .wa-value p span { display: block; }
    .wa-form .wa-field .wa-value input[type="text"],
    .wa-form .wa-field .wa-value input[type="email"],
    .wa-form .wa-field .wa-value input[type="password"] { min-width: 200px; }
    .wa-auth-adapters p { width: 80%; }
    .wa-captcha input.wa-captcha-input { width: 100px; }
    .errormsg { margin-left: 0; }

    table td { padding: 5px; }
    html.my ul.menu-h li a { padding: 10px; }
    .comment-form-fields label { float: left; }
    .sub-links li { font-size: 110%; margin-bottom: 5px; }
    .sidebar .likebox { display: none; }
    .connect.inline .likebox { display: block; width: auto; }

    .wa-signup-form .wa-form .wa-field.wa-field-email .wa-value input { min-width: 240px; }
    .wa-signup-form .wa-form .wa-field.wa-field-password .wa-value input,
    .wa-signup-form .wa-form .wa-field.wa-field-password_confirm .wa-value input { min-width: 160px; width: 160px; }

    .olives { padding: 10px; }
    .olives-left,
    .olives-right { background-size: 25px auto; min-height: 55px; }
    .olives-content { margin: 0 20px; font-size: 0.9em; padding: 10px; }

    .footer-block.contact-us { max-width: 999px; display: block; width: auto; }

}




/* ==========================================
   ЕВРОФЛОРА — ЕДИНАЯ ШИРИНА САЙТА
   ========================================== */

@media screen and (min-width: 1300px) {

    /* Стандартная ширина других страниц */
    .container {
        max-width: 1200px;
    }

    /* Шапка, меню и каталог — 1480px */
    header.globalheader #globalnav > .container,
    header.globalheader > #header-container.container,
    main.maincontent > .container:has(.ef-category-layout) {
        width: calc(100% - 48px) !important;
        max-width: 1480px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    /* Компактное зелёное меню */
    header.globalheader > #header-container.appnav {
        min-height: 50px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        display: flex;
        align-items: center;
    }

    header.globalheader > #header-container.appnav > ul.pages {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Верхняя строка шапки */
    header.globalheader #globalnav
    > .container > .wa-flex-box.full-line {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 16px !important;
        width: 100% !important;
        min-height: 72px;
    }

    /* Логотип */
    header.globalheader #globalnav nav.column {
        flex: 0 0 230px !important;
        width: 230px !important;
        min-width: 0 !important;
    }

    /* Поиск занимает свободное пространство */
    header.globalheader #globalnav .ef-header-search {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
    }

    /* Телефон и график */
    header.globalheader #globalnav .ef-header-contacts {
        flex: 0 0 220px !important;
        width: 220px !important;
        min-width: 220px !important;
        margin: 0 !important;
    }

    header.globalheader #globalnav .ef-header-worktime {
        white-space: nowrap !important;
    }

    /* Личный кабинет и корзина */
    header.globalheader #globalnav
    > .container > .wa-flex-box.full-line
    > div.column.wa-flex-box.middle {
        flex: 0 0 250px !important;
        width: 250px !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 12px !important;
    }

}

/* КОНЕЦ — ЕДИНАЯ ШИРИНА */



/* FOOTER NOTICE */
.s-footer-notice { margin: 2.5em 0 1em; font-size: .9em; line-height: 1.3em; text-align: center; }
.s-footer-notice a { color: inherit; text-decoration: underline; }

/* OTHER */
.wa-login-form-actions button,
.wa-signup-form-actions button,
.wa-forgotpassword-form-actions button,
.wa-set-password-form-wrapper button,
.wa-login-form-actions input[type=button],
.wa-signup-form-actions input[type=button],
.wa-forgotpassword-form-actions input[type=button],
.wa-set-password-form-wrapper input[type=button],
.wa-login-form-actions input[type=submit],
.wa-signup-form-actions input[type=submit],
.wa-forgotpassword-form-actions input[type=submit],
.wa-confirm-signup-button,
.wa-set-password-form-wrapper input[type=submit] { font-size: 18px; font-weight: bold; padding-top: 8px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px; }


/* === Улучшение наличия и кнопки в карточке товара === */

/* Блок цены + наличие рядом */
.offers .pricing,
.form.purchase.addtocart .pricing {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

/* Статус наличия */
.offers .availability,
span:contains("В наличии"),
span:contains("Нет в наличии") {
    font-weight: bold;
    padding: 4px 10px;
    border-radius: 4px;
}

.offers .availability.green,
span:contains("В наличии") {
    color: #2e7d32;
    background: #e8f5e9;
}

.offers .availability.red,
span:contains("Нет в наличии") {
    color: #c62828;
    background: #ffebee;
}

/* Серая кнопка "В корзину" при отсутствии */
input[type="submit"][value="В корзину"]:disabled,
.purchase.addtocart input[disabled] {
    background-color: #cccccc !important;
    color: #666 !important;
    cursor: not-allowed !important;
}
/* Убираем лишние варианты сортировки */
ul.sorting li a[href*="sales&order"],
ul.sorting li a[href*="rating"],
ul.sorting li a[href*="date"] {
    display: none !important;
}
/* Цвет кнопки "В корзину" */
input[type="submit"][value="В корзину"],
button.add-to-cart,
.form.purchase.addtocart input[type="submit"] {
    background-color: #4caf50 !important;   /* Зелёный */
    color: black !important;
    font-weight: bold;
    border: none;
}

/* При наведении */
input[type="submit"][value="В корзину"]:hover {
    background-color: #388e3c !important;
}
/* Увеличение поля количества */
input[name="qty"],
span.qty,
.qty input {
    font-size: 16px !important;     /* Размер цифры */
    width: 38px !important;         /* Ширина поля */
    height: 21px !important;
    text-align: center;
    font-weight: bold;
}
/* Увеличение кнопки "В корзину" */
input[type="submit"][value="В корзину"],
.form.purchase.addtocart input[type="submit"],
button.add-to-cart {
    padding: 10px 12px !important;     /* Высота и ширина */
    font-size: 14px !important;        /* Размер текста */
    min-height: 21px !important;
    font-weight: bold;
    border-radius: 12px !important;
}

/* При наведении — чуть ярче */
input[type="submit"][value="В корзину"]:hover {
    transform: scale(1.1);
}
/* === 4 карточки в ряд === */
ul.thumbs.product-list,
#product-list ul,
.product-list,
div#product-list > ul {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important;
}

/* Растягиваем содержимое каждой карточки на всю ширину ячейки */
ul.thumbs.product-list > li,
#product-list li,
.product-list > li {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Название товара — растягиваем на всю ширину */
ul.thumbs.product-list .product-name,
#product-list .product-name,
.product-list .product-name,
ul.thumbs.product-list .b-product-name,
#product-list .b-product-name {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important; /* перенос, если длинное */
    word-wrap: break-word !important;
    /* Если хотите, чтобы текст был выровнен по левому краю: */
    text-align: left !important;
}

/* "В наличии" — в одну строку */
ul.thumbs.product-list .stock,
#product-list .stock,
.product-list .stock,
ul.thumbs.product-list .b-product-stock,
#product-list .b-product-stock {
    display: block !important;
    width: 100% !important;
    white-space: nowrap !important; /* одна строка */
    overflow: hidden !important;
    text-overflow: ellipsis !important; /* многоточие, если не влезает */
}

/* Цена тоже растягиваем (опционально) */
ul.thumbs.product-list .product-price,
#product-list .product-price {
    display: block !important;
    width: 100% !important;
}

/* Убираем лишние отступы */
ul.thumbs.product-list {
    padding: 0 !important;
    margin: 0 !important;
}
/* ФИНАЛЬНОЕ РЕШЕНИЕ ДЛЯ СОРТИРОВКИ */
ul.sorting {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0 15px !important;
    padding: 10px 0 !important;
    list-style: none !important;
}

ul.sorting > li {
    display: inline-block !important;
    float: none !important;
    width: auto !important;
    white-space: nowrap !important;
}

ul.sorting > li:first-child {
    font-weight: bold !important;
    margin-right: 5px !important;
}

ul.sorting > li a {
    display: inline-block !important;
    padding: 5px 0 !important;
    text-decoration: none !important;
    color: #333 !important;
}

ul.sorting > li:not(:first-child):not(:last-child)::after {
    content: "|" !important;
    margin-left: 15px !important;
    color: #ccc !important;
}

ul.sorting > li.selected a {
    color: #e63946 !important;
    font-weight: bold !important;
    border-bottom: 2px solid #e63946 !important;
}


/* === КАРТОЧКА ТОВАРА — ТЁПЛЫЙ СЕРЫЙ ФОН + ЧЁРНАЯ РАМКА === */

/* Сетка карточек */
ul.thumbs.product-list {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 25px !important;
    align-items: stretch !important;
}

/* Сама карточка — тёплый серый, без прозрачности */
ul.thumbs.product-list > li {
    background: #f0f3ed !important; /* тёплый серый (как натуральный лён) */
    border: 1.5px solid #a8c4a0 !important; /* аккуратная чёрная рамка */
    border-radius: 12px !important;
    padding: 20px 15px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

ul.thumbs.product-list > li:hover {
    background: #ddd8d1 !important; /* чуть темнее при наведении */
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-3px) !important;
}

/* Все внутренние элементы — без фона (не прозрачные) */
ul.thumbs.product-list > li * {
    background: transparent !important;
}

/* === НАЗВАНИЕ ТОВАРА === */
ul.thumbs.product-list > li a h5,
ul.thumbs.product-list > li a h5 span {
    font-size: 19px !important;
    font-weight: 400 !important;
    color: #1a1a1a !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.1) !important;
    line-height: 1.3 !important;
    letter-spacing: 0.5px !important;
}

ul.thumbs.product-list > li a h5:hover {
    color: #2a6426 !important;
}

/* === "В НАЛИЧИИ" === */
ul.thumbs.product-list > li .stock,
ul.thumbs.product-list > li .b-product-stock {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #4a7a45 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    text-align: center !important;
    display: inline-block !important;
    background: rgba(55, 125, 50, 0.08) !important;
    padding: 2px 14px !important;
    border-radius: 20px !important;
    margin: 2px auto 6px auto !important;
    letter-spacing: 0.3px !important;
}

/* === ЦЕНА === */
ul.thumbs.product-list > li .price,
ul.thumbs.product-list > li .product-price,
ul.thumbs.product-list > li [class*="price"] {
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    color: #1a1a1a !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 2px !important;
    letter-spacing: 0.2px !important;
    margin: 4px 0 8px 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

ul.thumbs.product-list > li .price::after,
ul.thumbs.product-list > li .product-price::after {
    content: none !important;
    display: none !important;
}

ul.thumbs.product-list > li .price *,
ul.thumbs.product-list > li .product-price * {
    display: inline-block !important;
    vertical-align: middle !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    color: #1a1a1a !important;
    line-height: 1.2 !important;
}

/* === КОЛИЧЕСТВО (ЦИФРА 10) === */
ul.thumbs.product-list > li input[type="number"],
ul.thumbs.product-list > li .qty,
ul.thumbs.product-list > li .quantity {
    width: 48px !important;
    height: 34px !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    color: #1a1a1a !important;
    outline: none !important;
}

ul.thumbs.product-list > li input[type="number"]:focus {
    border-color: #377d32 !important;
    background: rgba(255, 255, 255, 0.7) !important;
}

/* === БЛОК КОЛИЧЕСТВО + КНОПКА === */
ul.thumbs.product-list > li .cart,
ul.thumbs.product-list > li .purchase,
ul.thumbs.product-list > li .add-to-cart-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: auto !important;
    padding-top: 12px !important;
    width: 100% !important;
    flex-wrap: wrap !important;
}

/* === КНОПКА "В КОРЗИНУ" === */
ul.thumbs.product-list > li input[type="submit"][value="В корзину"] {
    background: #ffffff !important;
    color: #377d32 !important;
    border: 1.5px solid #377d32 !important;
    border-radius: 8px !important;
    padding: 7px 20px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    font-family: 'Georgia', serif !important;
    cursor: pointer !important;
    box-shadow: 0 4px 15px rgba(55, 125, 50, 0.15), 0 2px 6px rgba(55, 125, 50, 0.08) !important;
    text-transform: none !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
}

ul.thumbs.product-list > li input[type="submit"][value="В корзину"]:hover {
    background: #377d32 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 25px rgba(55, 125, 50, 0.3), 0 3px 10px rgba(55, 125, 50, 0.15) !important;
    transform: translateY(-3px) !important;
}

/* === КАРТИНКА === */
ul.thumbs.product-list > li .image img,
ul.thumbs.product-list > li a img {
    display: block !important;
    margin: 0 auto 10px auto !important;
    max-width: 90% !important;
    height: auto !important;
    border-radius: 10px !important;
}

/* === "В НАЛИЧИИ" === */
ul.thumbs.product-list > li .stock,
ul.thumbs.product-list > li .b-product-stock {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #4a7a45 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    text-align: center !important;
    display: inline-block !important;
    background: rgba(55, 125, 50, 0.08) !important;
    padding: 2px 14px !important;
    border-radius: 20px !important;
    margin: 2px auto 6px auto !important;
    letter-spacing: 0.3px !important;
}

/* === ЦЕНА === */
ul.thumbs.product-list > li .price,
ul.thumbs.product-list > li .product-price,
ul.thumbs.product-list > li [class*="price"] {
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    color: #1a1a1a !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 2px !important;
    letter-spacing: 0.2px !important;
    margin: 4px 0 8px 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

ul.thumbs.product-list > li .price::after,
ul.thumbs.product-list > li .product-price::after {
    content: none !important;
    display: none !important;
}

ul.thumbs.product-list > li .price *,
ul.thumbs.product-list > li .product-price * {
    display: inline-block !important;
    vertical-align: middle !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    color: #1a1a1a !important;
    line-height: 1.2 !important;
}

/* === КОЛИЧЕСТВО (ЦИФРА 10) === */
ul.thumbs.product-list > li input[type="number"],
ul.thumbs.product-list > li .qty,
ul.thumbs.product-list > li .quantity {
    width: 48px !important;
    height: 34px !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    color: #1a1a1a !important;
    outline: none !important;
}

ul.thumbs.product-list > li input[type="number"]:focus {
    border-color: #377d32 !important;
    background: rgba(255, 255, 255, 0.7) !important;
}

/* === БЛОК КОЛИЧЕСТВО + КНОПКА === */
ul.thumbs.product-list > li .cart,
ul.thumbs.product-list > li .purchase,
ul.thumbs.product-list > li .add-to-cart-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: auto !important;
    padding-top: 12px !important;
    width: 100% !important;
    flex-wrap: wrap !important;
}

/* === КНОПКА "В КОРЗИНУ" === */
ul.thumbs.product-list > li input[type="submit"][value="В корзину"] {
    background: #ffffff !important;
    color: #377d32 !important;
    border: 1.5px solid #377d32 !important;
    border-radius: 8px !important;
    padding: 7px 20px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    font-family: 'Georgia', serif !important;
    cursor: pointer !important;
    box-shadow: 0 4px 15px rgba(55, 125, 50, 0.15), 0 2px 6px rgba(55, 125, 50, 0.08) !important;
    text-transform: none !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
}

ul.thumbs.product-list > li input[type="submit"][value="В корзину"]:hover {
    background: #377d32 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 25px rgba(55, 125, 50, 0.3), 0 3px 10px rgba(55, 125, 50, 0.15) !important;
    transform: translateY(-3px) !important;
}

/* === КАРТИНКА === */
ul.thumbs.product-list > li .image img,
ul.thumbs.product-list > li a img {
    display: block !important;
    margin: 0 auto 10px auto !important;
    max-width: 90% !important;
    height: auto !important;
    border-radius: 10px !important;
}

/* === НАЗВАНИЕ ТОВАРА — ТОНКИЙ, ИЗЯЩНЫЙ === */

ul.thumbs.product-list > li a h5,
ul.thumbs.product-list > li a h5 span {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #17231b !important;
    letter-spacing: 0 !important;
    line-height: 1.3 !important;
}


/* === ПАГИНАЦИЯ — В ОДНУ СТРОКУ И АККУРАТНО === */

.paging-nav,
.paging-nav ul {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;
    flex-wrap: wrap !important;
    padding: 20px 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.paging-nav ul li {
    display: inline-block !important;
    margin: 0 2px !important;
}

.paging-nav ul li a,
.paging-nav ul li span {
    display: inline-block !important;
    padding: 6px 12px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #333 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    min-width: 32px !important;
    text-align: center !important;
}

.paging-nav ul li.selected a,
.paging-nav ul li.selected span {
    background: #377d32 !important;
    color: #fff !important;
    border-color: #377d32 !important;
}

.paging-nav ul li a:hover {
    background: #377d32 !important;
    color: #fff !important;
    border-color: #377d32 !important;
}

/* === ПРИЖИМАЕМ БЛОК С КНОПКОЙ К НИЗУ КАРТОЧКИ === */
ul.thumbs.product-list > li .cart,
ul.thumbs.product-list > li .purchase {
    margin-top: auto !important;
    padding-top: 12px !important;
}

/* === ИДЕАЛЬНАЯ КАРТОЧКА — ФИНАЛ (исправленная) === */

/* 1. Карточка — flex-контейнер */
ul.thumbs.product-list > li {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 440px !important;
    height: 100% !important;
    padding: 16px 12px !important;
}

/* 2. Ссылка с названием — под фото */
ul.thumbs.product-list > li > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    flex-shrink: 0 !important;
    margin-bottom: 0 !important;
}

/* 3. Фотография — крупнее (max-height: 180px) */
ul.thumbs.product-list > li .image img {
    max-height: 180px !important;
    width: auto !important;
    display: block !important;
    margin: 0 auto 4px auto !important;
}

/* 4. Название — прямо под фото, с полоской */
ul.thumbs.product-list > li h5 {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    color: #1a1a1a !important;
    margin: 0 !important;
    padding: 4px 0 6px 0 !important;
    border-bottom: none !important;;
}

/* 5. Блок .offers — растягиваем на всю высоту */
ul.thumbs.product-list > li .offers {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    flex: 1 1 auto !important;
}

/* 6. "В наличии" — чёрное, по центру */
ul.thumbs.product-list > li .offers {
    font-size: 13px !important;
    color: #1a1a1a !important;
    text-align: center !important;
    margin: 6px 0 6px 0 !important;
    font-weight: 400 !important;
}

/* 7. Форма .purchase — прижимаем к низу */
ul.thumbs.product-list > li .purchase {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    margin-top: auto !important;
    flex: 1 1 auto !important;
}

/* 8. Цена — КРУПНЕЕ (28px) */
ul.thumbs.product-list > li .price {
    margin-top: auto !important;
    margin-bottom: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    color: #1a1a1a !important;
}

/* 9. Блок с количеством и кнопкой — ниже */
ul.thumbs.product-list > li .purchase > div[style*="display: flex"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 4px !important;
    padding-bottom: 2px !important;
}

/* 10. Число 10 — по центру поля */
ul.thumbs.product-list > li input[type="number"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1 !important;
    padding: 0 !important;
    width: 48px !important;
    height: 36px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    color: #1a1a1a !important;
    outline: none !important;
}

/* 11. Кнопка "В корзину" */
ul.thumbs.product-list > li input[type="submit"][value="В корзину"] {
    background: #ffffff !important;
    color: #377d32 !important;
    border: 1.5px solid #377d32 !important;
    border-radius: 8px !important;
    padding: 6px 16px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    font-family: 'Georgia', serif !important;
    cursor: pointer !important;
    box-shadow: 0 4px 15px rgba(55, 125, 50, 0.15) !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
}

ul.thumbs.product-list > li input[type="submit"][value="В корзину"]:hover {
    background: #377d32 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 25px rgba(55, 125, 50, 0.3) !important;
    transform: translateY(-2px) !important;
}

/* === УМЕНЬШАЕМ ВЫСОТУ КАРТОЧКИ, НО НЕ КАРТИНКУ === */

/* 1. Карточка — уменьшенная высота */
ul.thumbs.product-list > li {
    height: 380px !important; /* уменьшенная высота карточки */
    max-height: 380px !important;
    min-height: 380px !important;
    padding: 15px 12px 10px 12px !important;
    background: #f0f3ed !important;
    border: 1.5px solid #a8c4a0 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* 2. Картинка — ОСТАВЛЯЕМ НОРМАЛЬНЫЙ РАЗМЕР (не уменьшаем!) */
ul.thumbs.product-list > li .image img {
    max-height: 200px !important; /* Оставляем нормальную высоту */
    min-height: 150px !important;
    width: auto !important;
    max-width: 90% !important;
    display: block !important;
    margin: 0 auto 4px auto !important;
    border-radius: 8px !important;
    flex-shrink: 0 !important;
}

/* 3. Название — компактно, но читаемо */
ul.thumbs.product-list > li h5 {
    min-height: 30px !important;
    max-height: 36px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    color: #1a1a1a !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 2px 4px !important;
    margin: 0 !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

/* 4. Наличие — компактно */
ul.thumbs.product-list > li .stock,
ul.thumbs.product-list > li .b-product-stock {
    font-size: 12px !important;
    color: #4a7a45 !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 10px !important;
    flex-shrink: 0 !important;
    min-height: 20px !important;
}

/* 5. Цена — компактно, но крупно */
ul.thumbs.product-list > li .price,
ul.thumbs.product-list > li .product-price {
    font-size: 22px !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    color: #1a1a1a !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    min-height: 28px !important;
}

/* 6. Блок .purchase — прижимаем к низу карточки */
ul.thumbs.product-list > li .purchase {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    margin-top: auto !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

/* 7. Блок с количеством и кнопкой — компактно */
ul.thumbs.product-list > li .purchase > div {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
    padding: 2px 0 !important;
    margin: 0 !important;
}

/* 8. Поле количества — компактно */
ul.thumbs.product-list > li input[type="number"],
ul.thumbs.product-list > li .qty input {
    width: 38px !important;
    height: 28px !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    color: #1a1a1a !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

/* 9. Кнопка "В корзину" — компактно */
ul.thumbs.product-list > li input[type="submit"][value="В корзину"] {
    background: #ffffff !important;
    color: #377d32 !important;
    border: 1.5px solid #377d32 !important;
    border-radius: 6px !important;
    padding: 4px 14px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    font-family: 'Georgia', serif !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    transition: all 0.3s ease !important;
}

/* 10. Ховер для кнопки */
ul.thumbs.product-list > li input[type="submit"][value="В корзину"]:hover {
    background: #377d32 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

/* 11. Скрываем лишние отступы */
ul.thumbs.product-list > li .offers {
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

ul.thumbs.product-list > li .cart {
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

/* 12. Прижимаем все элементы плотнее */
ul.thumbs.product-list > li > * {
    flex-shrink: 0 !important;
}
/* === ПОДНИМАЕМ ПОЛОСКУ И ОСТАТОК ВЫШЕ (ФИНАЛЬНЫЙ БЛОК) === */

/* 1. Убираем лишнюю высоту у названия */
ul.thumbs.product-list > li h5,
ul.thumbs.product-list > li a h5 {
    min-height: 30px !important;
    max-height: 36px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    color: #1a1a1a !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 0 4px !important;
    margin: 0 !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    line-height: 1.2 !important;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 2px !important;
}

/* 2. Поднимаем блок с наличием выше */
ul.thumbs.product-list > li .stock,
ul.thumbs.product-list > li .b-product-stock,
ul.thumbs.product-list > li .offers .stock {
    font-size: 12px !important;
    color: #4a7a45 !important;
    text-align: center !important;
    margin: 2px 0 2px 0 !important;
    padding: 0 10px !important;
    flex-shrink: 0 !important;
    min-height: 18px !important;
    display: block !important;
}

/* 3. Поднимаем цену выше */
ul.thumbs.product-list > li .price,
ul.thumbs.product-list > li .product-price {
    font-size: 22px !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    color: #1a1a1a !important;
    text-align: center !important;
    margin: 2px 0 2px 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    min-height: 26px !important;
    display: block !important;
}

/* 4. Блок .offers — убираем лишние отступы */
ul.thumbs.product-list > li .offers {
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}

/* 5. Блок .purchase — прижимаем к низу */
ul.thumbs.product-list > li .purchase {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    margin-top: auto !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

/* 6. Контейнер с количеством и кнопкой */
ul.thumbs.product-list > li .purchase > div {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
    padding: 2px 0 !important;
    margin: 0 !important;
}

/* 7. Сама карточка */
ul.thumbs.product-list > li {
    height: 360px !important;
    max-height: 360px !important;
    min-height: 360px !important;
    padding: 12px 12px 8px 12px !important;
    background: #f0f3ed !important;
    border: 1.5px solid #a8c4a0 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* 8. Картинка */
ul.thumbs.product-list > li .image img {
    max-height: 190px !important;
    min-height: 140px !important;
    width: auto !important;
    max-width: 90% !important;
    display: block !important;
    margin: 0 auto 0 auto !important; /* убираем отступ снизу */
    border-radius: 8px !important;
    flex-shrink: 0 !important;
}

/* 9. Ссылка — чтобы картинка и название шли друг за другом */
ul.thumbs.product-list > li > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 10. Название — СРАЗУ под картинкой */
ul.thumbs.product-list > li a h5,
ul.thumbs.product-list > li h5 {
    margin-top: 0 !important; /* убираем отступ сверху */
    margin-bottom: 2px !important;
    padding-top: 0 !important;
    min-height: 30px !important;
    max-height: 36px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    color: #1a1a1a !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 0 4px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    line-height: 1.2 !important;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.1) !important;
}

/* 11. Убираем лишние отступы у всех внутренних элементов */
ul.thumbs.product-list > li > * {
    flex-shrink: 0 !important;
}

ul.thumbs.product-list > li .cart {
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

/* 12. Поле количества */
ul.thumbs.product-list > li input[type="number"],
ul.thumbs.product-list > li .qty input {
    width: 38px !important;
    height: 28px !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    color: #1a1a1a !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

/* 13. Кнопка "В корзину" */
ul.thumbs.product-list > li input[type="submit"][value="В корзину"] {
    background: #ffffff !important;
    color: #377d32 !important;
    border: 1.5px solid #377d32 !important;
    border-radius: 6px !important;
    padding: 4px 14px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    font-family: 'Georgia', serif !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    transition: all 0.3s ease !important;
}

ul.thumbs.product-list > li input[type="submit"][value="В корзину"]:hover {
    background: #377d32 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

/* === МАКСИМАЛЬНО СПЕЦИФИЧНЫЕ СЕЛЕКТОРЫ === */

html body main.maincontent ul.thumbs.product-list > li .offers {
    margin-bottom: 8px !important;
}

html body main.maincontent ul.thumbs.product-list > li .purchase .pricing {
    margin-top: 4px !important;
    margin-bottom: 6px !important;
}

html body main.maincontent ul.thumbs.product-list > li .purchase.addtocart {
    padding-top: 4px !important;
    margin-top: 0 !important;
}

/* === НАСТРОЙКА КНОПКИ И КОЛИЧЕСТВА === */

/* 1. Блок с количеством и кнопкой — центрируем и сдвигаем вправо */
ul.thumbs.product-list > li .purchase > div,
ul.thumbs.product-list > li .purchase [style*="display: flex"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    margin-left: 10px !important;
}

/* 2. Цифра 10 — строго по центру поля */
ul.thumbs.product-list > li input[type="number"],
ul.thumbs.product-list > li .qty input,
ul.thumbs.product-list > li input[name="qty"] {
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 28px !important;
    height: 28px !important;
    width: 40px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    color: #1a1a1a !important;
    flex-shrink: 0 !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}

/* 3. Убираем стрелки в Chrome/Safari */
ul.thumbs.product-list > li input[type="number"]::-webkit-outer-spin-button,
ul.thumbs.product-list > li input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* 4. Кнопка "В корзину" */
ul.thumbs.product-list > li input[type="submit"][value="В корзину"] {
    background: #ffffff !important;
    color: #377d32 !important;
    border: 1.5px solid #377d32 !important;
    border-radius: 6px !important;
    padding: 4px 14px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    font-family: 'Georgia', serif !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    transition: all 0.3s ease !important;
    margin-left: 4px !important;
}

ul.thumbs.product-list > li input[type="submit"][value="В корзину"]:hover {
    background: #377d32 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}
/* === КОМПЕНСИРУЕМ СМЕЩЕНИЕ ДЛЯ ДЛИННЫХ НАЗВАНИЙ === */

/* Сдвигаем блок .offers чуть ниже, чтобы освободить место для названия */
ul.thumbs.product-list > li .offers {
    margin-top: 4px !important; /* увеличиваем отступ сверху */
    padding-top: 0 !important;
}

/* Увеличиваем высоту карточки, чтобы все помещалось */
ul.thumbs.product-list > li {
    height: 370px !important;
    max-height: 370px !important;
    min-height: 370px !important;
}

/* Чуть уменьшаем картинку, чтобы освободить место для названия */
ul.thumbs.product-list > li .image img {
    max-height: 175px !important;
    min-height: 130px !important;
}

/* Название — оставляем 2 строки, но даем больше места */
ul.thumbs.product-list > li a h5,
ul.thumbs.product-list > li h5 {
    min-height: 34px !important;
    max-height: 40px !important;
    font-size: 13px !important;
    margin-bottom: 1px !important;
}
Уходит все за границу блока. Может что-то мешает в коде
/* === НАЗВАНИЕ ПОД КАРТИНКОЙ + OFFERS НИЖЕ === */

/* Ссылка с картинкой и названием — строго сверху */
ul.thumbs.product-list > li > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Картинка — сверху */
ul.thumbs.product-list > li .image {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

ul.thumbs.product-list > li .image img {
    display: block !important;
    margin: 0 auto 0 auto !important;
    padding: 0 !important;
    max-width: 90% !important;
    max-height: 160px !important;
    min-height: 110px !important;
    border-radius: 8px !important;
}

/* Название — СРАЗУ под картинкой */
ul.thumbs.product-list > li a h5,
ul.thumbs.product-list > li h5 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 4px !important;
    min-height: 40px !important;
    max-height: 48px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
    word-wrap: break-word !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.1) !important;
    flex-shrink: 0 !important;
    font-weight: 500 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    color: #1a1a1a !important;
}

/* Блок .offers — сдвигаем ниже */
ul.thumbs.product-list > li .offers {
    margin-top: 16px !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    flex-shrink: 0 !important;
}

/* "В наличии" */
ul.thumbs.product-list > li .stock,
ul.thumbs.product-list > li .b-product-stock {
    font-size: 12px !important;
    color: #4a7a45 !important;
    text-align: center !important;
    margin: 0 0 2px 0 !important;
    padding: 0 10px !important;
    min-height: 14px !important;
    display: block !important;
}

/* Цена */
ul.thumbs.product-list > li .price,
ul.thumbs.product-list > li .product-price {
    font-size: 22px !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    color: #1a1a1a !important;
    text-align: center !important;
    margin: 0 0 2px 0 !important;
    padding: 0 !important;
    min-height: 20px !important;
    display: block !important;
}

/* Форма покупки */
ul.thumbs.product-list > li .purchase {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    margin-top: auto !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

/* Контейнер с количеством и кнопкой */
ul.thumbs.product-list > li .purchase > div {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 2px 0 !important;
    margin: 0 !important;
}

/* Сама карточка */
ul.thumbs.product-list > li {
    height: 400px !important;
    max-height: 400px !important;
    min-height: 400px !important;
    padding: 10px 10px 6px 10px !important;
    background: #f0f3ed !important;
    border: 1.5px solid #a8c4a0 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Поле количества */
ul.thumbs.product-list > li input[type="number"] {
    width: 38px !important;
    height: 28px !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    color: #1a1a1a !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

/* Кнопка "В корзину" */
ul.thumbs.product-list > li input[type="submit"][value="В корзину"] {
    background: #ffffff !important;
    color: #377d32 !important;
    border: 1.5px solid #377d32 !important;
    border-radius: 6px !important;
    padding: 4px 14px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    font-family: 'Georgia', serif !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    transition: all 0.3s ease !important;
}

ul.thumbs.product-list > li input[type="submit"][value="В корзину"]:hover {
    background: #377d32 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

/* === УВЕЛИЧИВАЕМ ФОТО И ПОДНИМАЕМ НАЗВАНИЕ === */

/* Увеличиваем картинку */
ul.thumbs.product-list > li .image img {
    max-height: 200px !important;
    min-height: 150px !important;
    max-width: 95% !important;
}

/* Поднимаем название выше (убираем отступ сверху) */
ul.thumbs.product-list > li a h5,
ul.thumbs.product-list > li h5 {
    margin-top: -2px !important; /* поднимаем название вверх */
    padding-top: 0 !important;
    min-height: 36px !important;
    max-height: 42px !important;
    font-size: 13px !important;
}

/* Чуть увеличиваем карточку, чтобы вместить большую картинку */
ul.thumbs.product-list > li {
    height: 410px !important;
    max-height: 410px !important;
    min-height: 410px !important;
}

/* Сдвигаем блок .offers чуть ниже, чтобы компенсировать поднятие названия */
ul.thumbs.product-list > li .offers {
    margin-top: 14px !important;
}
/* === СДВИГАЕМ БЛОК OFFERS НИЖЕ ДЛЯ ДЛИННЫХ НАЗВАНИЙ === */

/* Сдвигаем блок .offers ниже, но не до конца */
ul.thumbs.product-list > li .offers {
    margin-top: 20px !important; /* увеличиваем отступ сверху */
}

/* Чуть увеличиваем высоту карточки */
ul.thumbs.product-list > li {
    height: 420px !important;
    max-height: 420px !important;
    min-height: 420px !important;
}

/* Название — оставляем 3 строки */
ul.thumbs.product-list > li a h5,
ul.thumbs.product-list > li h5 {
    min-height: 42px !important;
    max-height: 50px !important;
    font-size: 12.5px !important;
    line-height: 1.2 !important;
    -webkit-line-clamp: 3 !important;
}
/* === ОПУСКАЕМ ПОЛОСКУ ПОД НАЗВАНИЕМ НИЖЕ === */

ul.thumbs.product-list > li a h5,
ul.thumbs.product-list > li h5 {
    padding-bottom: 6px !important; /* увеличиваем отступ снизу, чтобы полоска опустилась */
    margin-bottom: 6px !important; /* добавляем отступ после полоски */
}
/* === КРАТНОСТЬ ПОД ЦЕНОЙ (БЕЗОПАСНЫЙ ВАРИАНТ) === */

/* 1. Делаем цену flex-контейнером, чтобы разместить кратность под ней */
ul.thumbs.product-list > li .price {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0px !important;
}

/* 2. Добавляем кратность под ценой */
ul.thumbs.product-list > li .price .hint,
ul.thumbs.product-list > li .price .multiplicity,
ul.thumbs.product-list > li .price .product-options {
    display: block !important;
    font-size: 11px !important;
    color: #888 !important;
    font-weight: 400 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

/* 3. Если кратность отдельным блоком — переносим под цену */
ul.thumbs.product-list > li .product-options {
    display: block !important;
    font-size: 11px !important;
    color: #888 !important;
    font-weight: 400 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

/* 4. Блок с количеством и кнопкой — остаётся на месте */
ul.thumbs.product-list > li .purchase > div[style*="display: flex"] {
    margin-top: 0 !important;
    padding-top: 2px !important;
    padding-bottom: 0 !important;
}

/* 5. Если кратность — это характеристика, показываем её под ценой */
ul.thumbs.product-list > li .price .small {
    display: block !important;
    font-size: 11px !important;
    color: #888 !important;
    font-weight: 400 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
/* === УВЕЛИЧИВАЕМ ШРИФТЫ (КРОМЕ КАРТОЧЕК) === */

/* Основной шрифт сайта */
body,
html {
    font-size: 15px !important; /* было 13px — увеличили */
}

/* Заголовки страниц */
h1, .category-name {
    font-size: 2.2em !important;
}

h2 {
    font-size: 1.6em !important;
}

h3 {
    font-size: 1.3em !important;
}

/* Сортировка */
ul.sorting,
ul.sorting > li,
ul.sorting > li a {
    font-size: 15px !important;
}

/* Текст в корзине, подвале, шапке */
.globalheader,
.globalfooter,
.breadcrumbs,
.paging-nav,
.paging-nav ul li a,
.paging-nav ul li span {
    font-size: 14px !important;
}

/* Текст "В наличии" и "Цена" внутри карточки НЕ ТРОГАЕМ — они остаются как есть */
/* === ИСПРАВЛЕНИЕ ВЫХОДА ЗА ГРАНИЦЫ (БЕЗ ОБРЕЗАНИЯ) === */

ul.thumbs.product-list > li {
    overflow: visible !important; /* НЕ обрезаем */
    height: auto !important; /* авто-высота */
    min-height: 330px !important; /* минимальная высота */
    padding: 12px 10px 8px 10px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
}

/* Картинка */
ul.thumbs.product-list > li .image img {
    max-height: 120px !important;
    min-height: 90px !important;
    width: auto !important;
    margin: 0 auto 4px auto !important;
}

/* Название */
ul.thumbs.product-list > li h5 {
    min-height: 30px !important;
    max-height: 36px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 0 4px 2px 4px !important;
    margin: 0 !important;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.08) !important;
    overflow: hidden !important;
}

/* "В наличии" */
ul.thumbs.product-list > li .stock,
ul.thumbs.product-list > li .b-product-stock {
    font-size: 12px !important;
    margin: 0 0 2px 0 !important;
    padding: 0 !important;
    min-height: 16px !important;
}

/* Цена */
ul.thumbs.product-list > li .price,
ul.thumbs.product-list > li .product-price {
    font-size: 20px !important;
    font-weight: 600 !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    min-height: 24px !important;
}

/* Блок с кнопкой */
ul.thumbs.product-list > li .purchase {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    margin-top: auto !important;
    padding: 0 !important;
}

ul.thumbs.product-list > li .purchase > div {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Количество */
ul.thumbs.product-list > li input[type="number"] {
    width: 34px !important;
    height: 24px !important;
    font-size: 12px !important;
    padding: 0 !important;
}

/* Кнопка "В корзину" */
ul.thumbs.product-list > li input[type="submit"][value="В корзину"] {
    padding: 2px 10px !important;
    font-size: 11px !important;
    height: 26px !important;
}

/* Убираем лишние отступы */
ul.thumbs.product-list > li .offers {
    margin: 0 !important;
    padding: 0 !important;
}

ul.thumbs.product-list > li > a {
    margin: 0 !important;
    padding: 0 !important;
}
/* === ВТОРАЯ КАРТОЧКА (КАК НА ФОТО) === */

/* 1. Название — крупное, жирное */
ul.thumbs.product-list > li h5,
ul.thumbs.product-list > li a h5 {
    font-size: 19px !important;
    font-weight: 700 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    color: #1a1a1a !important;
    min-height: 40px !important;
    max-height: 50px !important;
    padding: 0 4px 4px 4px !important;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.08) !important;
}

/* 2. "В наличии" — зелёное, как на фото */
ul.thumbs.product-list > li .stock,
ul.thumbs.product-list > li .b-product-stock {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #4a7a45 !important;
    background: rgba(55, 125, 50, 0.06) !important;
    padding: 2px 14px !important;
    border-radius: 20px !important;
    display: inline-block !important;
    margin: 2px auto 6px auto !important;
}

/* 3. Цена — крупнее */
ul.thumbs.product-list > li .price,
ul.thumbs.product-list > li .product-price {
    font-size: 24px !important;
    font-weight: 700 !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    color: #1a1a1a !important;
    margin: 2px 0 8px 0 !important;
}

/* 4. Количество и кнопка — в одну строку, рядом */
ul.thumbs.product-list > li .purchase > div,
ul.thumbs.product-list > li .purchase [style*="display: flex"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

/* 5. Карточка — чуть выше, чтобы всё помещалось */
ul.thumbs.product-list > li {
    min-height: 320px !important;
    height: auto !important;
    padding: 14px 12px 10px 12px !important;
}
/* === ИСПРАВЛЕНИЕ КАРТОЧКИ (НАЗВАНИЕ ПОД ФОТО, КНОПКА СПРАВА) === */

/* 1. Карточка — флекс-контейнер */
ul.thumbs.product-list > li {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 330px !important;
    height: auto !important;
    padding: 12px 12px 10px 12px !important;
}

/* 2. Ссылка с картинкой — строго сверху */
ul.thumbs.product-list > li > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Картинка — сверху */
ul.thumbs.product-list > li .image img {
    display: block !important;
    margin: 0 auto 4px auto !important;
    max-width: 90% !important;
    max-height: 150px !important;
    min-height: 100px !important;
    border-radius: 8px !important;
}

/* 4. Название — СРАЗУ ПОД КАРТИНКОЙ */
ul.thumbs.product-list > li h5,
ul.thumbs.product-list > li a h5 {
    margin: 0 !important;
    padding: 2px 4px 4px 4px !important;
    min-height: 30px !important;
    max-height: 42px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    color: #1a1a1a !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.08) !important;
    line-height: 1.2 !important;
    flex-shrink: 0 !important;
}

/* 5. Блок .offers — настройка */
ul.thumbs.product-list > li .offers {
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    flex: 1 1 auto !important;
}

/* 6. "В наличии" — по центру */
ul.thumbs.product-list > li .stock,
ul.thumbs.product-list > li .b-product-stock {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #4a7a45 !important;
    background: rgba(55, 125, 50, 0.06) !important;
    padding: 2px 14px !important;
    border-radius: 20px !important;
    display: inline-block !important;
    margin: 2px auto 6px auto !important;
    text-align: center !important;
}

/* 7. Цена — по центру */
ul.thumbs.product-list > li .price,
ul.thumbs.product-list > li .product-price {
    font-size: 24px !important;
    font-weight: 700 !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    color: #1a1a1a !important;
    text-align: center !important;
    margin: 2px 0 6px 0 !important;
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
}

/* 8. Форма покупки — прижимаем к низу */
ul.thumbs.product-list > li .purchase {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    margin-top: auto !important;
    padding: 4px 0 0 0 !important;
}

/* 9. Контейнер с количеством и кнопкой — в РЯД */
ul.thumbs.product-list > li .purchase > div,
ul.thumbs.product-list > li .purchase [style*="display: flex"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* 10. Количество (10) — слева */
ul.thumbs.product-list > li input[type="number"] {
    width: 42px !important;
    height: 30px !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    color: #1a1a1a !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    order: 1 !important;
}

/* 11. Кнопка "В корзину" — справа */
ul.thumbs.product-list > li input[type="submit"][value="В корзину"] {
    background: #ffffff !important;
    color: #377d32 !important;
    border: 1.5px solid #377d32 !important;
    border-radius: 6px !important;
    padding: 4px 14px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    font-family: 'Georgia', serif !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    transition: all 0.3s ease !important;
    order: 2 !important;
}

ul.thumbs.product-list > li input[type="submit"][value="В корзину"]:hover {
    background: #377d32 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

/* 12. Убираем лишний дубль количества (если есть) */
ul.thumbs.product-list > li .qty,
ul.thumbs.product-list > li .quantity,
ul.thumbs.product-list > li span.qty {
    display: none !important;
}
/* === ПРИНУДИТЕЛЬНО ВОЗВРАЩАЕМ ПОЛЕ КОЛИЧЕСТВА (10) === */

/* 1. Показываем поле количества */
ul.thumbs.product-list > li input[type="number"],
ul.thumbs.product-list > li .qty,
ul.thumbs.product-list > li .quantity,
ul.thumbs.product-list > li span.qty {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 42px !important;
    height: 30px !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    color: #1a1a1a !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

/* 2. Убираем скрытие от других стилей */
ul.thumbs.product-list > li .qty,
ul.thumbs.product-list > li .quantity {
    display: inline-flex !important;
}

/* 3. Контейнер — чтобы количество и кнопка были в ряд */
ul.thumbs.product-list > li .purchase > div,
ul.thumbs.product-list > li .purchase [style*="display: flex"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* 4
/* === ФИНАЛЬНАЯ НАСТРОЙКА КАРТОЧКИ === */

/* 1. Увеличиваем фото */
ul.thumbs.product-list > li .image img {
    max-height: 220px !important;
    min-height: 140px !important;
    max-width: 95% !important;
    margin: 0 auto 4px auto !important;
}

/* 2. Название прижимаем к фото (убираем отступ сверху) */
ul.thumbs.product-list > li h5,
ul.thumbs.product-list > li a h5 {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 2px !important;
    font-size: 19px !important;
    font-weight: 700 !important;
}

/* 3. Блок .offers — компактно */
ul.thumbs.product-list > li .offers {
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
}

/* 4. "В наличии" — по центру */
ul.thumbs.product-list > li .stock,
ul.thumbs.product-list > li .b-product-stock {
    margin: 2px auto 4px auto !important;
    font-size: 13px !important;
}

/* 5. Цена — по центру */
ul.thumbs.product-list > li .price,
ul.thumbs.product-list > li .product-price {
    font-size: 24px !important;
    font-weight: 700 !important;
    margin: 2px 0 6px 0 !important;
}

/* 6. Контейнер с количеством и кнопкой — flex в ряд */
ul.thumbs.product-list > li .purchase > div,
ul.thumbs.product-list > li .purchase [style*="display: flex"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
}

/* 7. Количество (10) — слева */
ul.thumbs.product-list > li input[type="number"] {
    display: inline-flex !important;
    width: 44px !important;
    height: 32px !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    color: #1a1a1a !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    order: 1 !important;
}

/* 8. Кнопка "В корзину" — справа */
ul.thumbs.product-list > li input[type="submit"][value="В корзину"] {
    display: inline-flex !important;
    background: #ffffff !important;
    color: #377d32 !important;
    border: 1.5px solid #377d32 !important;
    border-radius: 6px !important;
    padding: 4px 16px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    font-family: 'Georgia', serif !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    transition: all 0.3s ease !important;
    order: 2 !important;
}

ul.thumbs.product-list > li input[type="submit"][value="В корзину"]:hover {
    background: #377d32 !important;
    
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}
/* === КОЛИЧЕСТВО (10) СЛЕВА, КНОПКА СПРАВА === */

ul.thumbs.product-list > li .purchase > div,
ul.thumbs.product-list > li .purchase [style*="display: flex"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 10 — слева, компактное */
ul.thumbs.product-list > li input[type="number"] {
    display: inline-block !important;
    width: 44px !important;
    height: 30px !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    color: #1a1a1a !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    line-height: 28px !important;
}

/* Кнопка «В корзину» — справа */
ul.thumbs.product-list > li input[type="submit"][value="В корзину"] {
    display: inline-block !important;
    background: #ffffff !important;
    color: #377d32 !important;
    border: 1.5px solid #377d32 !important;
    border-radius: 6px !important;
    padding: 4px 14px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    font-family: 'Georgia', serif !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    height: 30px !important;
    box-sizing: border-box !important;
    line-height: 20px !important;
}

ul.thumbs.product-list > li input[type="submit"][value="В корзину"]:hover {
    background: #377d32 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}
/* === ПРИЖИМАЕМ (10) И КНОПКУ К НИЗУ КАРТОЧКИ === */

/* 1. Карточка — флекс-контейнер */
ul.thumbs.product-list > li {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 380px !important;
    height: auto !important;
    padding: 14px 12px 10px 12px !important;
    box-sizing: border-box !important;
}

/* 2. Блок .purchase — прижимаем к низу */
ul.thumbs.product-list > li .purchase {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    margin-top: auto !important; /* ← ГЛАВНОЕ: прижимает к низу */
    padding: 4px 0 0 0 !important;
}

/* 3. Контейнер с (10) и кнопкой — в ряд */
ul.thumbs.product-list > li .purchase > div,
ul.thumbs.product-list > li .purchase [style*="display: flex"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 4. Поле (10) — слева */
ul.thumbs.product-list > li input[type="number"] {
    display: inline-block !important;
    width: 44px !important;
    height: 30px !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    color: #1a1a1a !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    line-height: 28px !important;
    order: 1 !important;
}

/* 5. Кнопка «В корзину» — справа */
ul.thumbs.product-list > li input[type="submit"][value="В корзину"] {
    display: inline-block !important;
    background: #ffffff !important;
    color: #377d32 !important;
    border: 1.5px solid #377d32 !important;
    border-radius: 6px !important;
    padding: 4px 14px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    font-family: 'Georgia', serif !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    height: 30px !important;
    box-sizing: border-box !important;
    line-height: 20px !important;
    order: 2 !important;
}

ul.thumbs.product-list > li input[type="submit"][value="В корзину"]:hover {
    background: #377d32 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}
/* === (10) СЛЕВА, КНОПКА СПРАВА, ПРИЖАТЫ К НИЗУ КАРТОЧКИ === */

/* 1. Форма покупки — растягиваем на всю ширину, прижимаем к низу */
ul.thumbs.product-list > li .purchase.addtocart {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: auto !important;
    padding: 8px 0 2px 0 !important;
    gap: 0 !important;
}

/* 2. Блок с ценой — занимает всю ширину, по центру */
ul.thumbs.product-list > li .purchase.addtocart .pricing {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-bottom: 4px !important;
    order: 0 !important;
}

/* 3. Количество (10) — слева */
ul.thumbs.product-list > li .purchase.addtocart .qty {
    display: inline-block !important;
    order: 1 !important;
    flex-shrink: 0 !important;
}

ul.thumbs.product-list > li .purchase.addtocart .qty input {
    display: inline-block !important;
    width: 44px !important;
    height: 32px !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    color: #1a1a1a !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* 4. Кнопка "В корзину" — справа */
ul.thumbs.product-list > li .purchase.addtocart input[type="submit"][value="В корзину"] {
    display: inline-block !important;
    background: #ffffff !important;
    color: #377d32 !important;
    border: 1.5px solid #377d32 !important;
    border-radius: 6px !important;
    padding: 4px 14px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    font-family: 'Georgia', serif !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    height: 32px !important;
    box-sizing: border-box !important;
    order: 2 !important;
    flex-shrink: 0 !important;
}

ul.thumbs.product-list > li .purchase.addtocart input[type="submit"][value="В корзину"]:hover {
    background: #377d32 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

/* 5. Скрываем лишние элементы */
ul.thumbs.product-list > li .purchase.addtocart .adding2cart,
ul.thumbs.product-list > li .purchase.addtocart .added2cart {
    display: none !important;
}

/* 6. Название — сразу под фото, без лишних отступов */
ul.thumbs.product-list > li > a h5 {
    margin: 0 !important;
    padding: 2px 4px 4px 4px !important;
    min-height: 40px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    color: #1a1a1a !important;
    line-height: 1.2 !important;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.08) !important;
}

/* 7. Карточка — прижимаем содержимое к низу */
ul.thumbs.product-list > li {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 100% !important;
    min-height: 360px !important;
    padding: 12px 12px 10px 12px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* 8. "В наличии" — по центру */
ul.thumbs.product-list > li .offers {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

ul.thumbs.product-list > li .offers:not(.purchase) {
    font-size: 13px !important;
    color: #4a7a45 !important;
    text-align: center !important;
    padding: 2px 0 !important;
}
/* === ИСПРАВЛЕНИЯ: ЧЁРНЫЙ ТЕКСТ "В НАЛИЧИИ" И ПРИЖАТЬ К НИЗУ === */

/* 1. "В наличии" — чёрный цвет */
ul.thumbs.product-list > li .offers:not(.purchase) {
    color: #1a1a1a !important; /* чёрный */
    background: transparent !important;
}

/* 2. Прижимаем (10) и кнопку к низу карточки */
ul.thumbs.product-list > li .purchase.addtocart {
    margin-top: auto !important;
    padding-top: 8px !important;
    padding-bottom: 2px !important;
    align-items: flex-end !important; /* выравниваем по нижнему краю */
}

/* 3. Убираем лишние отступы у карточки, чтобы элементы были внизу */
ul.thumbs.product-list > li {
    padding-bottom: 6px !important;
    min-height: 340px !important;
}

/* 4. Блок .offers — растягиваем, чтобы прижать .purchase к низу */
ul.thumbs.product-list > li .offers {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* 5. "В наличии" — без лишних отступов */
ul.thumbs.product-list > li .offers:not(.purchase) {
    margin: 0 !important;
    padding: 0 0 2px 0 !important;
}

/* 6. Цена — без лишних отступов */
ul.thumbs.product-list > li .purchase.addtocart .pricing {
    margin-bottom: 2px !important;
}

/* 7. Убираем зелёный фон у "В наличии" */
ul.thumbs.product-list > li .stock,
ul.thumbs.product-list > li .b-product-stock {
    background: transparent !important;
    color: #1a1a1a !important;
}
/* === ОПУСКАЕМ (10) И КНОПКУ НИЖЕ === */

/* 1. Увеличиваем отступ сверху у формы, чтобы опустить (10) и кнопку */
ul.thumbs.product-list > li .purchase.addtocart {
    margin-top: auto !important;
    padding-top: 12px !important; /* увеличиваем отступ сверху */
    padding-bottom: 4px !important;
}

/* 2. Убираем лишний отступ у цены, чтобы она была ближе к "В наличии" */
ul.thumbs.product-list > li .purchase.addtocart .pricing {
    margin-bottom: 0 !important;
}

/* 3. Увеличиваем минимальную высоту карточки, чтобы было место */
ul.thumbs.product-list > li {
    min-height: 360px !important;
    padding-bottom: 4px !important;
}

/* 4. "В наличии" — убираем лишние отступы снизу */
ul.thumbs.product-list > li .offers:not(.purchase) {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 5. Цена — убираем отступ снизу */
ul.thumbs.product-list > li .purchase.addtocart .pricing {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 6. Контейнер с (10) и кнопкой — добавляем отступ сверху */
ul.thumbs.product-list > li .purchase.addtocart .qty,
ul.thumbs.product-list > li .purchase.addtocart input[type="submit"] {
    margin-top: 4px !important;
}
/* === ПРИНУДИТЕЛЬНО ОПУСКАЕМ ВЕСЬ БЛОК ПОСЛЕ ФОТО === */

/* 1. Опускаем ссылку с названием (добавляем отступ сверху) */
ul.thumbs.product-list > li > a {
    margin-top: 12px !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 2. Опускаем блок .offers (название, наличие, цена) */
ul.thumbs.product-list > li .offers {
    margin-top: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

/* 3. Убираем лишние отступы у названия */
ul.thumbs.product-list > li > a h5 {
    margin-top: 0 !important;
    margin-bottom: 2px !important;
}

/* 4. Увеличиваем карточку, чтобы всё помещалось */
ul.thumbs.product-list > li {
    min-height: 380px !important;
    padding-top: 10px !important;
    padding-bottom: 8px !important;
}

/* 5. Форма с (10) и кнопкой — прижимаем к низу */
ul.thumbs.product-list > li .purchase.addtocart {
    margin-top: auto !important;
    padding-top: 8px !important;
}
/* === ОПУСКАЕМ ВЕСЬ БЛОК ПОСЛЕ ФОТО НИЖЕ === */

/* 1. Опускаем ссылку с картинкой и названием */
ul.thumbs.product-list > li > a {
    display: flex !important;
    flex-direction: column !important;
    margin-top: 8px !important;
}

/* 2. Опускаем блок .offers (В наличии, цена, форма) */
ul.thumbs.product-list > li .offers {
    margin-top: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

/* 3. Название — сразу под фото, без лишних отступов */
ul.thumbs.product-list > li > a h5 {
    margin-top: 0 !important;
    margin-bottom: 2px !important;
    padding-top: 0 !important;
}

/* 4. Форма с (10) и кнопкой — прижимаем к низу */
ul.thumbs.product-list > li .purchase.addtocart {
    margin-top: auto !important;
    padding-top: 8px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

/* 5. "В наличии" — чёрный цвет */
ul.thumbs.product-list > li .offers:not(.purchase) {
    color: #1a1a1a !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 2px 0 !important;
}

/* 6. Количество (10) — слева */
ul.thumbs.product-list > li .purchase.addtocart .qty {
    display: inline-block !important;
    order: 1 !important;
}

ul.thumbs.product-list > li .purchase.addtocart .qty input {
    display: inline-block !important;
    width: 44px !important;
    height: 32px !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    color: #1a1a1a !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* 7. Кнопка "В корзину" — справа */
ul.thumbs.product-list > li .purchase.addtocart input[type="submit"] {
    display: inline-block !important;
    background: #ffffff !important;
    color: #377d32 !important;
    border: 1.5px solid #377d32 !important;
    border-radius: 6px !important;
    padding: 4px 14px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    font-family: 'Georgia', serif !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    height: 32px !important;
    box-sizing: border-box !important;
    order: 2 !important;
}

ul.thumbs.product-list > li .purchase.addtocart input[type="submit"]:hover {
    background: #377d32 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

/* 8. Цена — по центру, занимает всю ширину */
ul.thumbs.product-list > li .purchase.addtocart .pricing {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-bottom: 4px !important;
    order: 0 !important;
}

/* 9. Карточка — увеличиваем высоту */
ul.thumbs.product-list > li {
    min-height: 380px !important;
    padding-top: 10px !important;
    padding-bottom: 8px !important;
}
/* === ОПУСКАЕМ ВЕСЬ БЛОК ПОСЛЕ ФОТО И ФИКСИРУЕМ РАСПОЛОЖЕНИЕ === */

/* 1. Форма — растягиваем на всю ширину и прижимаем к низу */
ul.thumbs.product-list > li .purchase.addtocart {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: auto !important;
    padding-top: 12px !important;
    padding-bottom: 4px !important;
    box-sizing: border-box !important;
}

/* 2. Цена — занимает всю ширину, по центру */
ul.thumbs.product-list > li .purchase.addtocart .pricing {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-bottom: 4px !important;
    order: 0 !important;
}

/* 3. Количество (10) — слева */
ul.thumbs.product-list > li .purchase.addtocart .qty {
    display: inline-block !important;
    order: 1 !important;
    flex-shrink: 0 !important;
}

ul.thumbs.product-list > li .purchase.addtocart .qty input {
    display: inline-block !important;
    width: 44px !important;
    height: 32px !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    color: #1a1a1a !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* 4. Кнопка "В корзину" — справа */
ul.thumbs.product-list > li .purchase.addtocart input[type="submit"] {
    display: inline-block !important;
    background: #ffffff !important;
    color: #377d32 !important;
    border: 1.5px solid #377d32 !important;
    border-radius: 6px !important;
    padding: 4px 14px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    font-family: 'Georgia', serif !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    height: 32px !important;
    box-sizing: border-box !important;
    order: 2 !important;
    flex-shrink: 0 !important;
}

ul.thumbs.product-list > li .purchase.addtocart input[type="submit"]:hover {
    background: #377d32 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

/* 5. "В наличии" — чёрный цвет, убираем фон */
ul.thumbs.product-list > li .offers:not(.purchase) {
    color: #1a1a1a !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 2px 0 !important;
}

/* 6. Название — под фото */
ul.thumbs.product-list > li > a {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

ul.thumbs.product-list > li > a h5 {
    margin: 0 !important;
    padding: 4px 4px 2px 4px !important;
}

/* 7. Блок .offers — растягиваем */
ul.thumbs.product-list > li .offers {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 8. Сама карточка */
ul.thumbs.product-list > li {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 100% !important;
    min-height: 360px !important;
    padding: 12px 12px 8px 12px !important;
    box-sizing: border-box !important;
}
/* === УВЕЛИЧИВАЕМ ОТСТУПЫ (ТОЛЬКО ЭТО) === */

/* 1. Увеличиваем отступ сверху у ссылки с картинкой */
ul.thumbs.product-list > li > a {
    margin-top: 20px !important; /* было 0, стало 20px */
}

/* 2. Увеличиваем отступ сверху у блока .offers */
ul.thumbs.product-list > li .offers {
    margin-top: 16px !important; /* было 0, стало 16px */
}

/* 3. Увеличиваем отступ сверху у формы */
ul.thumbs.product-list > li .purchase.addtocart {
    padding-top: 20px !important; /* было 12px, стало 20px */
}

/* 4. Увеличиваем высоту карточки */
ul.thumbs.product-list > li {
    min-height: 400px !important; /* было 360px, стало 400px */
    padding-top: 16px !important; /* было 12px, стало 16px */
}
/* === ОПУСКАЕМ НАЗВАНИЕ ТОВАРА НИЖЕ === */

ul.thumbs.product-list > li > a {
    margin-top: 24px !important;
}

ul.thumbs.product-list > li > a h5 {
    margin-top: 6px !important;
    padding-top: 4px !important;
}
/* === УВЕЛИЧИВАЕМ КОЛИЧЕСТВО (10) === */

ul.thumbs.product-list > li .purchase.addtocart .qty input[type="number"] {
    height: 38px !important;
    width: 56px !important;
    font-size: 18px !important;
    text-align: center !important;
    background: rgba(255, 255, 255, 0.5) !important;
    border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}

ul.thumbs.product-list > li .purchase.addtocart .qty input[type="number"]::-webkit-outer-spin-button,
ul.thumbs.product-list > li .purchase.addtocart .qty input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
/* === УБИРАЕМ ДВОЕНИЕ У КОЛИЧЕСТВА === */

ul.thumbs.product-list > li .purchase.addtocart .qty {
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
}

ul.thumbs.product-list > li .purchase.addtocart .qty input[type="number"] {
    display: block !important;
    position: relative !important;
    height: 38px !important;
    width: 56px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    text-align: center !important;
    border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    color: #1a1a1a !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
    line-height: 1 !important;
    background-image: none !important;
    text-shadow: none !important;
}

ul.thumbs.product-list > li .purchase.addtocart .qty input[type="number"]::-webkit-outer-spin-button,
ul.thumbs.product-list > li .purchase.addtocart .qty input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
/* === УБИРАЕМ ДВОЕНИЕ (СИЛЬНЫЙ ВАРИАНТ) === */

ul.thumbs.product-list > li .purchase.addtocart .qty input[type="number"] {
    display: block !important;
    float: none !important;
    clear: both !important;
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    -webkit-filter: none !important;
    background: #ffffff !important;
    border: 1.5px solid #cccccc !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
/* === ПОДНИМАЕМ ФОТО ВЫШЕ К ГРАНИЦЕ КАРТОЧКИ === */

ul.thumbs.product-list > li .image {
    margin-top: -8px !important; /* поднимаем фото вверх */
    padding-top: 0 !important;
}

ul.thumbs.product-list > li .image img {
    margin-top: 0 !important;
    padding-top: 0 !important;
    display: block !important;
}

/* Убираем лишние отступы у карточки сверху */
ul.thumbs.product-list > li {
    padding-top: 6px !important; /* уменьшаем верхний отступ */
}
/* === ОПУСКАЕМ ВСЕ БЛОКИ ПОСЛЕ ФОТО (КРОМЕ САМОГО ФОТО) === */

/* 1. Опускаем ссылку с названием */
ul.thumbs.product-list > li > a {
    margin-top: 12px !important;
}

/* 2. Опускаем блок .offers (наличие, цена, форма) */
ul.thumbs.product-list > li .offers {
    margin-top: 8px !important;
}

/* 3. Опускаем форму с количеством и кнопкой */
ul.thumbs.product-list > li .purchase.addtocart {
    margin-top: 6px !important;
    padding-top: 4px !important;
}

/* 4. Увеличиваем карточку, чтобы всё помещалось */
ul.thumbs.product-list > li {
    min-height: 380px !important;
    padding-bottom: 10px !important;
}
/* === ИСПРАВЛЯЕМ ВЫХОД ЗА ГРАНИЦЫ КАРТОЧКИ === */

/* 1. Убираем фиксированную высоту, делаем авто-высоту */
ul.thumbs.product-list > li {
    min-height: auto !important;
    height: auto !important;
    padding: 12px 12px 10px 12px !important;
    overflow: visible !important;
}

/* 2. Название — ограничиваем высоту, чтобы не вылезало */
ul.thumbs.product-list > li > a h5 {
    max-height: 44px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    margin: 0 !important;
    padding: 2px 4px 4px 4px !important;
    font-size: 14px !important;
}

/* 3. Блок .offers — flex-контейнер, чтобы правильно распределять место */
ul.thumbs.product-list > li .offers {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    width: 100% !important;
}

/* 4. "В наличии" — компактно */
ul.thumbs.product-list > li .offers:not(.purchase) {
    font-size: 13px !important;
    margin: 2px 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* 5. Цена — компактно */
ul.thumbs.product-list > li .purchase.addtocart .pricing {
    margin: 2px 0 !important;
}

ul.thumbs.product-list > li .purchase.addtocart .pricing .price {
    font-size: 20px !important;
}

/* 6. Форма — прижимаем к низу */
ul.thumbs.product-list > li .purchase.addtocart {
    margin-top: auto !important;
    padding-top: 4px !important;
    padding-bottom: 2px !important;
}

/* 7. Поле количества и кнопка — компактно */
ul.thumbs.product-list > li .purchase.addtocart .qty input {
    height: 32px !important;
    width: 44px !important;
    font-size: 14px !important;
}

ul.thumbs.product-list > li .purchase.addtocart input[type="submit"] {
    height: 32px !important;
    font-size: 12px !important;
    padding: 0 12px !important;
}
/* === ОТСТУП ПЕРЕД .offers ЧЕРЕЗ РОДИТЕЛЯ === */

ul.thumbs.product-list > li {
    padding-top: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}


ul.thumbs.product-list > li > a {
    margin-bottom: 2px !important;
}

/* === ОПУСКАЕМ ПОЛОСКУ ПОД НАЗВАНИЕМ НИЖЕ === */

ul.thumbs.product-list > li > a h5 {
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.08) !important;
    padding-bottom: 14px !important; /* увеличиваем отступ снизу, чтобы полоска опустилась */
    margin-bottom: 8px !important; /* добавляем отступ после полоски */
}
/* === ИСПРАВЛЯЕМ ВЫХОД ЗА ГРАНИЦЫ КАРТОЧКИ === */

/* 1. Убираем фиксированную высоту, делаем авто-высоту */
ul.thumbs.product-list > li {
    height: auto !important;
    min-height: 360px !important;
    max-height: none !important;
    overflow: visible !important;
    padding-bottom: 12px !important;
}

/* 2. Название — ограничиваем, чтобы не вылезало */
ul.thumbs.product-list > li > a h5 {
    max-height: 48px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    padding-bottom: 8px !important;
    margin-bottom: 2px !important;
}

/* 3. Блок .offers — растягиваем, но не даём вылезать */
ul.thumbs.product-list > li .offers {
    flex: 0 1 auto !important;
    overflow: visible !important;
}

/* 4. "В наличии" — компактно */

ul.thumbs.product-list > li .offers:not(.purchase) {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: 100% !important;
}


/* 5. Форма — прижимаем к низу */
ul.thumbs.product-list > li .purchase.addtocart {
    margin-top: auto !important;
    padding-top: 4px !important;
    flex-shrink: 0 !important;
}

/* 6. Поле количества и кнопка — компактно */
ul.thumbs.product-list > li .purchase.addtocart .qty input {
    height: 32px !important;
    width: 44px !important;
    font-size: 14px !important;
}

ul.thumbs.product-list > li .purchase.addtocart input[type="submit"] {
    height: 32px !important;
    font-size: 12px !important;
    padding: 0 12px !important;
}
/* === ВЫРАВНИВАЕМ (10) И "В КОРЗИНУ" НА ОДНОМ УРОВНЕ === */

ul.thumbs.product-list > li .purchase.addtocart {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important; /* выравниваем по центру по вертикали */
    justify-content: space-between !important;
    width: 100% !important;
}

ul.thumbs.product-list > li .purchase.addtocart .qty {
    display: inline-flex !important;
    align-items: center !important;
    order: 1 !important;
}

ul.thumbs.product-list > li .purchase.addtocart .qty input {
    height: 32px !important;
    width: 44px !important;
    font-size: 14px !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

ul.thumbs.product-list > li .purchase.addtocart input[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 32px !important;
    font-size: 12px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    order: 2 !important;
    white-space: nowrap !important;
}

/* Цена — занимает всю ширину, чтобы (10) и кнопка были внизу */
ul.thumbs.product-list > li .purchase.addtocart .pricing {
    width: 100% !important;
    order: 0 !important;
    margin-bottom: 4px !important;
}

/* Скрываем лишние элементы */
ul.thumbs.product-list > li .purchase.addtocart .adding2cart,
ul.thumbs.product-list > li .purchase.addtocart .added2cart {
    display: none !important;
}
/* === ИСПРАВЛЯЕМ СЛАЙДЕР (МИНИ-КАРТОЧКИ) === */

/* 1. Контейнер слайдера */
.bx-viewport {
    overflow: hidden !important;
    position: relative !important;
    height: auto !important;
    min-height: 280px !important;
}

/* 2. Список товаров в слайдере */
.related-bxslider,
ul.thumbs.product-list.mini {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
}

/* 3. Каждая мини-карточка */
.related-bxslider li,
ul.thumbs.product-list.mini li {
    flex: 0 0 160px !important;
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    margin: 0 !important;
    padding: 10px 8px !important;
    background: #f5f5f5 !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    list-style: none !important;
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 4. Картинка в мини-карточке */
.related-bxslider li .image img,
ul.thumbs.product-list.mini li .image img {
    max-width: 80px !important;
    max-height: 80px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

/* 5. Название в мини-карточке */
.related-bxslider li h5,
ul.thumbs.product-list.mini li h5 {
    font-size: 11px !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin: 4px 0 2px 0 !important;
    padding: 0 !important;
    min-height: 28px !important;
    max-height: 34px !important;
    overflow: hidden !important;
    line-height: 1.2 !important;
    border-bottom: none !important;
}

.related-bxslider li h5 span,
ul.thumbs.product-list.mini li h5 span {
    font-size: 11px !important;
}

/* 6. Цена в мини-карточке */
.related-bxslider li .price,
ul.thumbs.product-list.mini li .price {
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: center !important;
    display: block !important;
    margin: 2px 0 !important;
    padding: 0 !important;
}

/* 7. Форма покупки в мини-карточке */
.related-bxslider li .purchase.addtocart,
ul.thumbs.product-list.mini li .purchase.addtocart {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 2px !important;
    margin-top: 4px !important;
    padding: 0 !important;
    width: 100% !important;
}

/* 8. Кнопка "В корзину" в мини-карточке */
.related-bxslider li .purchase.addtocart input[type="submit"],
ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
    font-size: 10px !important;
    padding: 3px 10px !important;
    height: 26px !important;
    background: #ffffff !important;
    color: #377d32 !important;
    border: 1.5px solid #377d32 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    width: 100% !important;
    max-width: 100px !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

.related-bxslider li .purchase.addtocart input[type="submit"]:hover,
ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"]:hover {
    background: #377d32 !important;
    color: #ffffff !important;
    transform: none !important;
}

/* 9. Скрываем количество в мини-карточках */
.related-bxslider li .qty,
ul.thumbs.product-list.mini li .qty,
.related-bxslider li .qty input,
ul.thumbs.product-list.mini li .qty input {
    display: none !important;
}

/* 10. Скрываем лишние элементы */
.related-bxslider li .adding2cart,
ul.thumbs.product-list.mini li .adding2cart,
.related-bxslider li .added2cart,
ul.thumbs.product-list.mini li .added2cart {
    display: none !important;
}

/* 11. Скрываем "В наличии" в мини-карточках */
.related-bxslider li .offers:not(.purchase),
ul.thumbs.product-list.mini li .offers:not(.purchase) {
    display: none !important;
}

/* 12. Стрелки навигации */
.bx-controls-direction {
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: 10px !important;
}

.bx-controls-direction .bx-prev,
.bx-controls-direction .bx-next {
    display: inline-block !important;
    padding: 4px 14px !important;
    background: #c38eda !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border: none !important;
    cursor: pointer !important;
}

.bx-controls-direction .bx-prev:hover,
.bx-controls-direction .bx-next:hover {
    background: #a86db8 !important;
    color: #ffffff !important;
}

.bx-controls-direction .bx-prev:before,
.bx-controls-direction .bx-next:before {
    display: none !important;
}

/* 13. Исправляем отображение всех товаров в слайдере */
.related-bxslider li {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
/* === РАСТЯГИВАЕМ КАРТОЧКИ НА ВЕСЬ БЛОК === */

/* 1. Контейнер слайдера */
.bx-viewport {
    overflow: hidden !important;
    position: relative !important;
    height: auto !important;
    min-height: 380px !important;
    max-height: 460px !important;
    padding: 0 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. Список товаров */
.related-bxslider,
ul.thumbs.product-list.mini {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 15px !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
    overflow: visible !important;
}

/* 3. Каждая карточка — растягивается на всю ширину блока */
.related-bxslider li,
ul.thumbs.product-list.mini li {
    flex: 1 1 auto !important;
    min-width: 180px !important;
    max-width: none !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 16px 14px !important;
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06) !important;
    box-sizing: border-box !important;
    list-style: none !important;
    margin: 0 !important;
    float: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    height: 100% !important;
}

.related-bxslider li:hover,
ul.thumbs.product-list.mini li:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.10) !important;
}

/* 4. Картинка */
.related-bxslider li .image img,
ul.thumbs.product-list.mini li .image img {
    max-width: 140px !important;
    max-height: 140px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 6px auto !important;
    border-radius: 6px !important;
}

/* 5. Название */
.related-bxslider li h5,
ul.thumbs.product-list.mini li h5 {
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin: 8px 0 6px 0 !important;
    padding: 0 4px !important;
    min-height: 36px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    line-height: 1.3 !important;
    border-bottom: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    color: #1a1a1a !important;
}

/* 6. Цена */
.related-bxslider li .price,
ul.thumbs.product-list.mini li .price {
    font-size: 20px !important;
    font-weight: 700 !important;
    text-align: center !important;
    display: block !important;
    margin: 6px 0 10px 0 !important;
    color: #1a1a1a !important;
}

/* 7. Кнопка "В корзину" */
.related-bxslider li .purchase.addtocart input[type="submit"],
ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
    font-size: 13px !important;
    padding: 8px 20px !important;
    height: 36px !important;
    background: #ffffff !important;
    color: #377d32 !important;
    border: 2px solid #377d32 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    width: 100% !important;
    max-width: 140px !important;
    white-space: nowrap !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

.related-bxslider li .purchase.addtocart input[type="submit"]:hover,
ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"]:hover {
    background: #377d32 !important;
    color: #ffffff !important;
    transform: scale(1.02) !important;
}

/* 8. Скрываем лишнее */
.related-bxslider li .qty,
ul.thumbs.product-list.mini li .qty,
.related-bxslider li .offers:not(.purchase),
ul.thumbs.product-list.mini li .offers:not(.purchase),
.related-bxslider li .adding2cart,
.related-bxslider li .added2cart {
    display: none !important;
}

/* 9. Скрываем дубли */
.related-bxslider .bx-clone {
    display: none !important;
}

/* 10. Стрелки навигации — красивые, круглые */
.bx-controls-direction {
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
    margin-top: 20px !important;
}

.bx-controls-direction .bx-prev,
.bx-controls-direction .bx-next {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    background: #c38eda !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    text-decoration: none !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(195, 142, 218, 0.35) !important;
}

.bx-controls-direction .bx-prev:hover,
.bx-controls-direction .bx-next:hover {
    background: #a86db8 !important;
    transform: scale(1.08) !important;
    box-shadow: 0 4px 16px rgba(195, 142, 218, 0.5) !important;
}

.bx-controls-direction .bx-prev::after {
    content: "◄" !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

.bx-controls-direction .bx-next::after {
    content: "►" !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

/* 11. Для мобильных устройств */
@media screen and (max-width: 760px) {
    .bx-viewport {
        min-height: 340px !important;
        max-height: 420px !important;
    }
    
    .related-bxslider li,
    ul.thumbs.product-list.mini li {
        min-width: 150px !important;
        padding: 12px 10px !important;
    }
    
    .related-bxslider li .image img,
    ul.thumbs.product-list.mini li .image img {
        max-width: 100px !important;
        max-height: 100px !important;
    }
    
    .related-bxslider li h5,
    ul.thumbs.product-list.mini li h5 {
        font-size: 13px !important;
        min-height: 30px !important;
        max-height: 36px !important;
    }
    
    .related-bxslider li .price,
    ul.thumbs.product-list.mini li .price {
        font-size: 17px !important;
    }
    
    .related-bxslider li .purchase.addtocart input[type="submit"],
    ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
        font-size: 11px !important;
        padding: 6px 14px !important;
        height: 32px !important;
        max-width: 110px !important;
    }
    
    .bx-controls-direction .bx-prev,
    .bx-controls-direction .bx-next {
        width: 40px !important;
        height: 40px !important;
        font-size: 16px !important;
    }
}
/* === ПРИНУДИТЕЛЬНО РАСТЯГИВАЕМ КАРТОЧКИ (ПЕРЕКРЫВАЕМ INLINE-СТИЛИ) === */

/* 1. Контейнер слайдера — полная ширина */
.bx-wrapper {
    max-width: 100% !important;
    width: 100% !important;
}

.bx-viewport {
    width: 100% !important;
    min-height: 380px !important;
    max-height: 480px !important;
    padding: 0 5px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* 2. Список товаров — flex */
.related-bxslider,
ul.thumbs.product-list.mini {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 15px !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
    overflow: visible !important;
}

/* 3. КАЖДАЯ КАРТОЧКА — ПЕРЕКРЫВАЕМ INLINE-СТИЛИ */
.related-bxslider li,
ul.thumbs.product-list.mini li {
    float: none !important;
    list-style: none !important;
    position: relative !important;
    width: auto !important;
    min-width: 160px !important;
    max-width: none !important;
    flex: 1 1 0 !important;
    margin-right: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 16px 14px !important;
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06) !important;
    box-sizing: border-box !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    height: auto !important;
    min-height: 300px !important;
}

.related-bxslider li:hover,
ul.thumbs.product-list.mini li:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.10) !important;
}

/* 4. Картинка */
.related-bxslider li .image img,
ul.thumbs.product-list.mini li .image img {
    max-width: 130px !important;
    max-height: 130px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 6px auto !important;
    border-radius: 6px !important;
}

/* 5. Название */
.related-bxslider li h5,
ul.thumbs.product-list.mini li h5 {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin: 8px 0 6px 0 !important;
    padding: 0 4px !important;
    min-height: 36px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    line-height: 1.3 !important;
    border-bottom: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    color: #1a1a1a !important;
}

/* 6. Цена */
.related-bxslider li .price,
ul.thumbs.product-list.mini li .price {
    font-size: 20px !important;
    font-weight: 700 !important;
    text-align: center !important;
    display: block !important;
    margin: 6px 0 10px 0 !important;
    color: #1a1a1a !important;
}

/* 7. Кнопка "В корзину" */
.related-bxslider li .purchase.addtocart input[type="submit"],
ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
    font-size: 13px !important;
    padding: 8px 16px !important;
    height: 36px !important;
    background: #ffffff !important;
    color: #377d32 !important;
    border: 2px solid #377d32 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    width: 100% !important;
    max-width: 130px !important;
    white-space: nowrap !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

.related-bxslider li .purchase.addtocart input[type="submit"]:hover,
ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"]:hover {
    background: #377d32 !important;
    color: #ffffff !important;
    transform: scale(1.02) !important;
}

/* 8. Скрываем лишнее */
.related-bxslider li .qty,
ul.thumbs.product-list.mini li .qty,
.related-bxslider li .offers:not(.purchase),
ul.thumbs.product-list.mini li .offers:not(.purchase),
.related-bxslider li .adding2cart,
.related-bxslider li .added2cart,
.related-bxslider .bx-clone {
    display: none !important;
}

/* 9. Стрелки навигации */
.bx-controls-direction {
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
    margin-top: 20px !important;
}

.bx-controls-direction .bx-prev,
.bx-controls-direction .bx-next {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    background: #c38eda !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    text-decoration: none !important;
    font-size: 0 !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(195, 142, 218, 0.35) !important;
}

.bx-controls-direction .bx-prev:hover,
.bx-controls-direction .bx-next:hover {
    background: #a86db8 !important;
    transform: scale(1.08) !important;
    box-shadow: 0 4px 16px rgba(195, 142, 218, 0.5) !important;
}

.bx-controls-direction .bx-prev::after {
    content: "◄" !important;
    font-size: 20px !important;
    line-height: 1 !important;
    color: #ffffff !important;
}

.bx-controls-direction .bx-next::after {
    content: "►" !important;
    font-size: 20px !important;
    line-height: 1 !important;
    color: #ffffff !important;
}

/* 10. Мобильные устройства */
@media screen and (max-width: 760px) {
    .bx-viewport {
        min-height: 320px !important;
        max-height: 400px !important;
    }
    
    .related-bxslider li,
    ul.thumbs.product-list.mini li {
        min-width: 140px !important;
        min-height: 260px !important;
        padding: 12px 10px !important;
        flex: 1 1 0 !important;
    }
    
    .related-bxslider li .image img,
    ul.thumbs.product-list.mini li .image img {
        max-width: 90px !important;
        max-height: 90px !important;
    }
    
    .related-bxslider li h5,
    ul.thumbs.product-list.mini li h5 {
        font-size: 12px !important;
        min-height: 30px !important;
        max-height: 34px !important;
    }
    
    .related-bxslider li .price,
    ul.thumbs.product-list.mini li .price {
        font-size: 16px !important;
    }
    
    .related-bxslider li .purchase.addtocart input[type="submit"],
    ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
        font-size: 11px !important;
        padding: 5px 12px !important;
        height: 30px !important;
        max-width: 100px !important;
    }
    
    .bx-controls-direction .bx-prev,
    .bx-controls-direction .bx-next {
        width: 38px !important;
        height: 38px !important;
    }
    
    .bx-controls-direction .bx-prev::after,
    .bx-controls-direction .bx-next::after {
        font-size: 16px !important;
    }
}
/* === УВЕЛИЧЕННЫЕ КАРТОЧКИ (3-4 В КАРУСЕЛИ) + КРАСИВЫЕ СТРЕЛКИ === */

/* 1. Контейнер слайдера */
.bx-wrapper {
    max-width: 100% !important;
    width: 100% !important;
}

.bx-viewport {
    width: 100% !important;
    min-height: 420px !important;
    max-height: 520px !important;
    padding: 0 5px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* 2. Список товаров */
.related-bxslider,
ul.thumbs.product-list.mini {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    padding: 15px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
    overflow: visible !important;
}

/* 3. Карточки — УВЕЛИЧЕННЫЕ (3-4 штуки в карусели) */
.related-bxslider li,
ul.thumbs.product-list.mini li {
    float: none !important;
    list-style: none !important;
    position: relative !important;
    width: auto !important;
    min-width: 220px !important;
    max-width: none !important;
    flex: 1 1 0 !important;
    margin-right: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 20px 18px !important;
    background: #ffffff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.07) !important;
    box-sizing: border-box !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    height: auto !important;
    min-height: 340px !important;
}

.related-bxslider li:hover,
ul.thumbs.product-list.mini li:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12) !important;
}

/* 4. Картинка — крупнее */
.related-bxslider li .image img,
ul.thumbs.product-list.mini li .image img {
    max-width: 160px !important;
    max-height: 160px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 8px auto !important;
    border-radius: 8px !important;
}

/* 5. Название — крупнее */
.related-bxslider li h5,
ul.thumbs.product-list.mini li h5 {
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin: 10px 0 8px 0 !important;
    padding: 0 4px !important;
    min-height: 40px !important;
    max-height: 50px !important;
    overflow: hidden !important;
    line-height: 1.3 !important;
    border-bottom: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    color: #1a1a1a !important;
}

/* 6. Цена — крупнее */
.related-bxslider li .price,
ul.thumbs.product-list.mini li .price {
    font-size: 22px !important;
    font-weight: 700 !important;
    text-align: center !important;
    display: block !important;
    margin: 8px 0 12px 0 !important;
    color: #1a1a1a !important;
}

/* 7. Кнопка "В корзину" — крупнее */
.related-bxslider li .purchase.addtocart input[type="submit"],
ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
    font-size: 14px !important;
    padding: 10px 24px !important;
    height: 40px !important;
    background: #ffffff !important;
    color: #377d32 !important;
    border: 2px solid #377d32 !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    width: 100% !important;
    max-width: 160px !important;
    white-space: nowrap !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}

.related-bxslider li .purchase.addtocart input[type="submit"]:hover,
ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"]:hover {
    background: #377d32 !important;
    color: #ffffff !important;
    transform: scale(1.04) !important;
}

/* 8. Скрываем лишнее */
.related-bxslider li .qty,
ul.thumbs.product-list.mini li .qty,
.related-bxslider li .offers:not(.purchase),
ul.thumbs.product-list.mini li .offers:not(.purchase),
.related-bxslider li .adding2cart,
.related-bxslider li .added2cart,
.related-bxslider .bx-clone {
    display: none !important;
}

/* 9. СТРЕЛКИ — КРУГЛЫЕ, С ТЕНЬЮ, С ТЕКСТУРОЙ И АНИМАЦИЕЙ */
.bx-controls-direction {
    display: flex !important;
    justify-content: center !important;
    gap: 25px !important;
    margin-top: 25px !important;
}

.bx-controls-direction .bx-prev,
.bx-controls-direction .bx-next {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    height: 56px !important;
    padding: 0 !important;
    background: linear-gradient(145deg, #d4a0e8, #b87acf) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    text-decoration: none !important;
    font-size: 0 !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 
        0 4px 15px rgba(195, 142, 218, 0.4),
        inset 0 2px 4px rgba(255, 255, 255, 0.3),
        inset 0 -2px 6px rgba(0, 0, 0, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Текстурный эффект на стрелках (зернистость) */
.bx-controls-direction .bx-prev::before,
.bx-controls-direction .bx-next::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: 
        radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.15) 0%, transparent 60%),
        radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0.05) 0%, transparent 40%) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}

/* Блик на стрелке */
.bx-controls-direction .bx-prev::after,
.bx-controls-direction .bx-next::after {
    content: "◄" !important;
    font-size: 22px !important;
    line-height: 1 !important;
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    position: relative !important;
    z-index: 1 !important;
}

.bx-controls-direction .bx-next::after {
    content: "►" !important;
}

/* Эффект при наведении — увеличение и свечение */
.bx-controls-direction .bx-prev:hover,
.bx-controls-direction .bx-next:hover {
    transform: scale(1.12) !important;
    background: linear-gradient(145deg, #dda8f0, #c48adc) !important;
    box-shadow: 
        0 6px 25px rgba(195, 142, 218, 0.6),
        inset 0 2px 4px rgba(255, 255, 255, 0.4),
        inset 0 -2px 6px rgba(0, 0, 0, 0.1) !important;
}

/* Эффект при нажатии */
.bx-controls-direction .bx-prev:active,
.bx-controls-direction .bx-next:active {
    transform: scale(0.92) !important;
    box-shadow: 
        0 2px 8px rgba(195, 142, 218, 0.3),
        inset 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

/* 10. Мобильные устройства */
@media screen and (max-width: 760px) {
    .bx-viewport {
        min-height: 350px !important;
        max-height: 440px !important;
    }
    
    .related-bxslider li,
    ul.thumbs.product-list.mini li {
        min-width: 160px !important;
        min-height: 290px !important;
        padding: 14px 12px !important;
        flex: 1 1 0 !important;
    }
    
    .related-bxslider li .image img,
    ul.thumbs.product-list.mini li .image img {
        max-width: 110px !important;
        max-height: 110px !important;
    }
    
    .related-bxslider li h5,
    ul.thumbs.product-list.mini li h5 {
        font-size: 13px !important;
        min-height: 32px !important;
        max-height: 38px !important;
    }
    
    .related-bxslider li .price,
    ul.thumbs.product-list.mini li .price {
        font-size: 17px !important;
    }
    
    .related-bxslider li .purchase.addtocart input[type="submit"],
    ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
        font-size: 12px !important;
        padding: 6px 14px !important;
        height: 34px !important;
        max-width: 120px !important;
    }
    
    .bx-controls-direction .bx-prev,
    .bx-controls-direction .bx-next {
        width: 44px !important;
        height: 44px !important;
    }
    
    .bx-controls-direction .bx-prev::after,
    .bx-controls-direction .bx-next::after {
        font-size: 18px !important;
    }
}
/* === СТРЕЛКИ ПО БОКАМ КАРУСЕЛИ (НА УРОВНЕ КАРТОЧЕК) === */

/* 1. Контейнер слайдера — относительное позиционирование */
.bx-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    position: relative !important;
}

.bx-viewport {
    width: 100% !important;
    min-height: 420px !important;
    max-height: 520px !important;
    padding: 0 50px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* 2. Список товаров */
.related-bxslider,
ul.thumbs.product-list.mini {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    padding: 15px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
    overflow: visible !important;
}

/* 3. Карточки */
.related-bxslider li,
ul.thumbs.product-list.mini li {
    float: none !important;
    list-style: none !important;
    position: relative !important;
    width: auto !important;
    min-width: 220px !important;
    max-width: none !important;
    flex: 1 1 0 !important;
    margin-right: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 20px 18px !important;
    background: #ffffff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.07) !important;
    box-sizing: border-box !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    height: auto !important;
    min-height: 340px !important;
}

.related-bxslider li:hover,
ul.thumbs.product-list.mini li:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12) !important;
}

/* 4. Картинка */
.related-bxslider li .image img,
ul.thumbs.product-list.mini li .image img {
    max-width: 160px !important;
    max-height: 160px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 8px auto !important;
    border-radius: 8px !important;
}

/* 5. Название */
.related-bxslider li h5,
ul.thumbs.product-list.mini li h5 {
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin: 10px 0 8px 0 !important;
    padding: 0 4px !important;
    min-height: 40px !important;
    max-height: 50px !important;
    overflow: hidden !important;
    line-height: 1.3 !important;
    border-bottom: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    color: #1a1a1a !important;
}

/* 6. Цена */
.related-bxslider li .price,
ul.thumbs.product-list.mini li .price {
    font-size: 22px !important;
    font-weight: 700 !important;
    text-align: center !important;
    display: block !important;
    margin: 8px 0 12px 0 !important;
    color: #1a1a1a !important;
}

/* 7. Кнопка "В корзину" */
.related-bxslider li .purchase.addtocart input[type="submit"],
ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
    font-size: 14px !important;
    padding: 10px 24px !important;
    height: 40px !important;
    background: #ffffff !important;
    color: #377d32 !important;
    border: 2px solid #377d32 !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    width: 100% !important;
    max-width: 160px !important;
    white-space: nowrap !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}

.related-bxslider li .purchase.addtocart input[type="submit"]:hover,
ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"]:hover {
    background: #377d32 !important;
    color: #ffffff !important;
    transform: scale(1.04) !important;
}

/* 8. Скрываем лишнее */
.related-bxslider li .qty,
ul.thumbs.product-list.mini li .qty,
.related-bxslider li .offers:not(.purchase),
ul.thumbs.product-list.mini li .offers:not(.purchase),
.related-bxslider li .adding2cart,
.related-bxslider li .added2cart,
.related-bxslider .bx-clone {
    display: none !important;
}

/* 9. СТРЕЛКИ ПО БОКАМ (НА УРОВНЕ КАРТОЧЕК) */
.bx-controls-direction {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

.bx-controls-direction .bx-prev,
.bx-controls-direction .bx-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    background: #c38eda !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    text-decoration: none !important;
    font-size: 0 !important;
    border: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(195, 142, 218, 0.4) !important;
    z-index: 10 !important;
}

.bx-controls-direction .bx-prev {
    left: 5px !important;
}

.bx-controls-direction .bx-next {
    right: 5px !important;
}

.bx-controls-direction .bx-prev:hover,
.bx-controls-direction .bx-next:hover {
    background: #a86db8 !important;
    transform: translateY(-50%) scale(1.1) !important;
    box-shadow: 0 6px 25px rgba(195, 142, 218, 0.6) !important;
}

.bx-controls-direction .bx-prev::after,
.bx-controls-direction .bx-next::after {
    content: "◄" !important;
    font-size: 20px !important;
    line-height: 1 !important;
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

.bx-controls-direction .bx-next::after {
    content: "►" !important;
}

/* Подписи к стрелкам при наведении */
.bx-controls-direction .bx-prev::before,
.bx-controls-direction .bx-next::before {
    display: none !important;
}

/* 10. Мобильные устройства */
@media screen and (max-width: 760px) {
    .bx-viewport {
        min-height: 350px !important;
        max-height: 440px !important;
        padding: 0 40px !important;
    }
    
    .related-bxslider li,
    ul.thumbs.product-list.mini li {
        min-width: 160px !important;
        min-height: 290px !important;
        padding: 14px 12px !important;
        flex: 1 1 0 !important;
    }
    
    .related-bxslider li .image img,
    ul.thumbs.product-list.mini li .image img {
        max-width: 110px !important;
        max-height: 110px !important;
    }
    
    .related-bxslider li h5,
    ul.thumbs.product-list.mini li h5 {
        font-size: 13px !important;
        min-height: 32px !important;
        max-height: 38px !important;
    }
    
    .related-bxslider li .price,
    ul.thumbs.product-list.mini li .price {
        font-size: 17px !important;
    }
    
    .related-bxslider li .purchase.addtocart input[type="submit"],
    ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
        font-size: 12px !important;
        padding: 6px 14px !important;
        height: 34px !important;
        max-width: 120px !important;
    }
    
    .bx-controls-direction .bx-prev,
    .bx-controls-direction .bx-next {
        width: 36px !important;
        height: 36px !important;
    }
    
    .bx-controls-direction .bx-prev::after,
    .bx-controls-direction .bx-next::after {
        font-size: 16px !important;
    }
}
/* === КАРУСЕЛЬ С ПОНЯТНЫМИ СТРЕЛКАМИ === */

/* 1. Контейнер слайдера */
.bx-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    position: relative !important;
}

.bx-viewport {
    width: 100% !important;
    min-height: 400px !important;
    max-height: 500px !important;
    padding: 0 50px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* 2. Список товаров */
.related-bxslider,
ul.thumbs.product-list.mini {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    padding: 15px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
    overflow: visible !important;
}

/* 3. Карточки товаров */
.related-bxslider li,
ul.thumbs.product-list.mini li {
    float: none !important;
    list-style: none !important;
    position: relative !important;
    width: auto !important;
    min-width: 200px !important;
    max-width: none !important;
    flex: 1 1 0 !important;
    margin-right: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 18px 16px !important;
    background: #ffffff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.07) !important;
    box-sizing: border-box !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    height: auto !important;
    min-height: 320px !important;
}

.related-bxslider li:hover,
ul.thumbs.product-list.mini li:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

/* 4. Картинка */
.related-bxslider li .image img,
ul.thumbs.product-list.mini li .image img {
    max-width: 150px !important;
    max-height: 150px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 8px auto !important;
    border-radius: 8px !important;
}

/* 5. Название */
.related-bxslider li h5,
ul.thumbs.product-list.mini li h5 {
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin: 8px 0 6px 0 !important;
    padding: 0 4px !important;
    min-height: 36px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    line-height: 1.3 !important;
    border-bottom: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    color: #1a1a1a !important;
}

/* 6. Цена */
.related-bxslider li .price,
ul.thumbs.product-list.mini li .price {
    font-size: 20px !important;
    font-weight: 700 !important;
    text-align: center !important;
    display: block !important;
    margin: 6px 0 10px 0 !important;
    color: #1a1a1a !important;
}

/* 7. Кнопка "В корзину" */
.related-bxslider li .purchase.addtocart input[type="submit"],
ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
    font-size: 13px !important;
    padding: 8px 20px !important;
    height: 38px !important;
    background: #ffffff !important;
    color: #377d32 !important;
    border: 2px solid #377d32 !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    width: 100% !important;
    max-width: 150px !important;
    white-space: nowrap !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}

.related-bxslider li .purchase.addtocart input[type="submit"]:hover,
ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"]:hover {
    background: #377d32 !important;
    color: #ffffff !important;
    transform: scale(1.03) !important;
}

/* 8. Скрываем лишнее */
.related-bxslider li .qty,
ul.thumbs.product-list.mini li .qty,
.related-bxslider li .offers:not(.purchase),
ul.thumbs.product-list.mini li .offers:not(.purchase),
.related-bxslider li .adding2cart,
.related-bxslider li .added2cart,
.related-bxslider .bx-clone {
    display: none !important;
}

/* 9. СТРЕЛКИ — КРАСИВЫЕ, ПОНЯТНЫЕ, С ТЕКСТОМ */
.bx-controls-direction {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

/* Левая стрелка */
.bx-controls-direction .bx-prev {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 10px 18px !important;
    background: #c38eda !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(195, 142, 218, 0.4) !important;
    z-index: 10 !important;
}

/* Правая стрелка */
.bx-controls-direction .bx-next {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 10px 18px !important;
    background: #c38eda !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(195, 142, 218, 0.4) !important;
    z-index: 10 !important;
}

/* Текст внутри стрелок */
.bx-controls-direction .bx-prev::after {
    content: "◄ Назад" !important;
    font-size: 14px !important;
    line-height: 1 !important;
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
}

.bx-controls-direction .bx-next::after {
    content: "Вперёд ►" !important;
    font-size: 14px !important;
    line-height: 1 !important;
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
}

/* Скрываем старый текст "Prev" и "Next" */
.bx-controls-direction .bx-prev:empty,
.bx-controls-direction .bx-next:empty {
    display: none !important;
}

.bx-controls-direction .bx-prev:hover,
.bx-controls-direction .bx-next:hover {
    background: #a86db8 !important;
    transform: translateY(-50%) scale(1.05) !important;
    box-shadow: 0 6px 25px rgba(195, 142, 218, 0.6) !important;
}

.bx-controls-direction .bx-prev:active,
.bx-controls-direction .bx-next:active {
    transform: translateY(-50%) scale(0.95) !important;
}

/* 10. Мобильные устройства */
@media screen and (max-width: 760px) {
    .bx-viewport {
        min-height: 330px !important;
        max-height: 420px !important;
        padding: 0 10px !important;
    }
    
    .related-bxslider li,
    ul.thumbs.product-list.mini li {
        min-width: 150px !important;
        min-height: 270px !important;
        padding: 12px 10px !important;
    }
    
    .related-bxslider li .image img,
    ul.thumbs.product-list.mini li .image img {
        max-width: 100px !important;
        max-height: 100px !important;
    }
    
    .related-bxslider li h5,
    ul.thumbs.product-list.mini li h5 {
        font-size: 12px !important;
        min-height: 28px !important;
        max-height: 34px !important;
    }
    
    .related-bxslider li .price,
    ul.thumbs.product-list.mini li .price {
        font-size: 16px !important;
    }
    
    .related-bxslider li .purchase.addtocart input[type="submit"],
    ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
        font-size: 11px !important;
        padding: 5px 12px !important;
        height: 32px !important;
        max-width: 110px !important;
    }
    
    .bx-controls-direction .bx-prev,
    .bx-controls-direction .bx-next {
        padding: 6px 12px !important;
        font-size: 12px !important;
    }
    
    .bx-controls-direction .bx-prev::after {
        content: "◄" !important;
        font-size: 16px !important;
    }
    
    .bx-controls-direction .bx-next::after {
        content: "►" !important;
        font-size: 16px !important;
    }
}
/* === ПРИНУДИТЕЛЬНО 2 КАРТОЧКИ В РЯД (САМЫЙ СИЛЬНЫЙ ВАРИАНТ) === */

@media screen and (max-width: 768px) {
    
    /* Перекрываем ВСЕ возможные стили */
    .product-list,
    #product-list ul,
    ul.thumbs,
    ul.thumbs.product-list,
    div#product-list > ul,
    .container ul.thumbs.product-list,
    body .container ul.thumbs.product-list,
    main.maincontent .container ul.thumbs.product-list {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: auto !important;
        gap: 8px !important;
        padding: 5px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        flex-wrap: nowrap !important;
        flex-direction: row !important;
    }
    
    /* Каждая карточка */
    .product-list > li,
    #product-list li,
    ul.thumbs.product-list > li,
    .container ul.thumbs.product-list > li,
    body .container ul.thumbs.product-list > li,
    main.maincontent .container ul.thumbs.product-list > li {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
        margin: 0 !important;
        padding: 8px 6px !important;
        box-sizing: border-box !important;
        height: auto !important;
        min-height: 220px !important;
        float: none !important;
        clear: none !important;
        position: relative !important;
        grid-column: auto !important;
        grid-row: auto !important;
    }
    
    /* Картинка */
    .product-list > li .image img,
    #product-list li .image img,
    ul.thumbs.product-list > li .image img {
        max-width: 80% !important;
        max-height: 100px !important;
        height: auto !important;
        width: auto !important;
        margin: 0 auto 4px auto !important;
        display: block !important;
    }
    
    /* Название */
    .product-list > li a h5,
    #product-list li a h5,
    ul.thumbs.product-list > li a h5 {
        font-size: 11px !important;
        font-weight: 600 !important;
        min-height: 24px !important;
        max-height: 32px !important;
        overflow: hidden !important;
        text-align: center !important;
        padding: 2px 4px !important;
        margin: 0 0 2px 0 !important;
        line-height: 1.2 !important;
        border-bottom: 0.5px solid rgba(0,0,0,0.08) !important;
        width: 100% !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
    }
    
    /* "В наличии" */
    .product-list > li .offers:not(.purchase),
    #product-list li .offers:not(.purchase),
    ul.thumbs.product-list > li .offers:not(.purchase) {
        font-size: 10px !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        width: 100% !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    /* Цена */
    .product-list > li .price,
    #product-list li .price,
    ul.thumbs.product-list > li .price,
    .product-list > li .product-price,
    #product-list li .product-price,
    ul.thumbs.product-list > li .product-price {
        font-size: 15px !important;
        font-weight: 700 !important;
        text-align: center !important;
        margin: 2px 0 !important;
        padding: 0 !important;
        display: block !important;
        width: 100% !important;
    }
    
    /* Форма покупки */
    .product-list > li .purchase.addtocart,
    #product-list li .purchase.addtocart,
    ul.thumbs.product-list > li .purchase.addtocart {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        width: 100% !important;
        margin-top: auto !important;
        padding: 4px 0 0 0 !important;
    }
    
    /* Блок с ценой внутри формы */
    .product-list > li .purchase.addtocart .pricing,
    #product-list li .purchase.addtocart .pricing,
    ul.thumbs.product-list > li .purchase.addtocart .pricing {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 2px !important;
    }
    
    /* Поле количества */
    .product-list > li .purchase.addtocart .qty,
    #product-list li .purchase.addtocart .qty,
    ul.thumbs.product-list > li .purchase.addtocart .qty {
        display: inline-block !important;
    }
    
    .product-list > li .purchase.addtocart .qty input,
    #product-list li .purchase.addtocart .qty input,
    ul.thumbs.product-list > li .purchase.addtocart .qty input {
        width: 32px !important;
        height: 24px !important;
        font-size: 12px !important;
        text-align: center !important;
        padding: 0 !important;
        border: 1px solid rgba(0,0,0,0.12) !important;
        border-radius: 4px !important;
        background: rgba(255,255,255,0.5) !important;
        box-sizing: border-box !important;
    }
    
    /* Кнопка "В корзину" */
    .product-list > li .purchase.addtocart input[type="submit"],
    #product-list li .purchase.addtocart input[type="submit"],
    ul.thumbs.product-list > li .purchase.addtocart input[type="submit"] {
        display: inline-block !important;
        font-size: 10px !important;
        padding: 3px 8px !important;
        height: 24px !important;
        min-width: 50px !important;
        max-width: 70px !important;
        white-space: nowrap !important;
        border-radius: 4px !important;
        
border: 1px solid #197442 !important;
background: #197442 !important;
color: #ffffff !important;

        cursor: pointer !important;
        box-sizing: border-box !important;
    }
    
    /* Скрываем лишнее */
    .product-list > li .purchase.addtocart .adding2cart,
    #product-list li .purchase.addtocart .adding2cart,
    ul.thumbs.product-list > li .purchase.addtocart .adding2cart,
    .product-list > li .purchase.addtocart .added2cart,
    #product-list li .purchase.addtocart .added2cart,
    ul.thumbs.product-list > li .purchase.addtocart .added2cart {
        display: none !important;
    }
}


/* ОЧЕНЬ МАЛЕНЬКИЕ ТЕЛЕФОНЫ (до 400px) */
@media screen and (max-width: 400px) {
    
    .product-list,
    #product-list ul,
    ul.thumbs.product-list,
    div#product-list > ul {
        gap: 5px !important;
        padding: 3px !important;
    }
    
    .product-list > li,
    #product-list li,
    ul.thumbs.product-list > li {
        min-height: 180px !important;
        padding: 6px 4px !important;
    }
    
    .product-list > li .image img,
    #product-list li .image img,
    ul.thumbs.product-list > li .image img {
        max-height: 70px !important;
    }
    
    .product-list > li a h5,
    #product-list li a h5,
    ul.thumbs.product-list > li a h5 {
        font-size: 10px !important;
        min-height: 20px !important;
        max-height: 26px !important;
    }
    
    .product-list > li .price,
    #product-list li .price,
    ul.thumbs.product-list > li .price {
        font-size: 13px !important;
    }
    
    .product-list > li .purchase.addtocart .qty input,
    #product-list li .purchase.addtocart .qty input,
    ul.thumbs.product-list > li .purchase.addtocart .qty input {
        width: 26px !important;
        height: 20px !important;
        font-size: 10px !important;
    }
    
    .product-list > li .purchase.addtocart input[type="submit"],
    #product-list li .purchase.addtocart input[type="submit"],
    ul.thumbs.product-list > li .purchase.addtocart input[type="submit"] {
        font-size: 9px !important;
        padding: 2px 6px !important;
        height: 20px !important;
        min-width: 40px !important;
        max-width: 60px !important;
    }
}
/* === ИСПРАВЛЯЕМ ОБРЕЗАНИЕ НАЗВАНИЯ НА ТЕЛЕФОНЕ === */

@media screen and (max-width: 768px) {
    
    /* Увеличиваем высоту карточки */
    .product-list > li,
    #product-list li,
    ul.thumbs.product-list > li {
        min-height: 300px !important;
        height: auto !important;
        padding: 10px 8px 12px 8px !important;
    }
    
    /* Название — показываем полностью */
    .product-list > li a h5,
    #product-list li a h5,
    ul.thumbs.product-list > li a h5 {
        font-size: 12px !important;
        font-weight: 600 !important;
        min-height: 32px !important;
        max-height: none !important;
        overflow: visible !important;
        text-align: center !important;
        padding: 4px 4px !important;
        margin: 0 0 4px 0 !important;
        line-height: 1.3 !important;
        border-bottom: 0.5px solid rgba(0,0,0,0.08) !important;
        width: 100% !important;
        display: block !important;
        -webkit-line-clamp: unset !important;
        white-space: normal !important;
        word-wrap: break-word !important;
    }
    
    /* Увеличиваем картинку, чтобы было пропорционально */
    .product-list > li .image img,
    #product-list li .image img,
    ul.thumbs.product-list > li .image img {
        max-height: 120px !important;
        min-height: 80px !important;
    }
    
    /* "В наличии" — компактно */
    .product-list > li .offers:not(.purchase),
    #product-list li .offers:not(.purchase),
    ul.thumbs.product-list > li .offers:not(.purchase) {
        font-size: 11px !important;
        margin: 2px 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    /* Цена */
    .product-list > li .price,
    #product-list li .price,
    ul.thumbs.product-list > li .price {
        font-size: 16px !important;
        margin: 4px 0 !important;
    }
    
    /* Форма покупки — больше места */
    .product-list > li .purchase.addtocart,
    #product-list li .purchase.addtocart,
    ul.thumbs.product-list > li .purchase.addtocart {
        padding: 6px 0 0 0 !important;
        gap: 6px !important;
    }
    
    /* Поле количества */
    .product-list > li .purchase.addtocart .qty input,
    #product-list li .purchase.addtocart .qty input,
    ul.thumbs.product-list > li .purchase.addtocart .qty input {
        width: 36px !important;
        height: 28px !important;
        font-size: 13px !important;
    }
    
    /* Кнопка "В корзину" */
    .product-list > li .purchase.addtocart input[type="submit"],
    #product-list li .purchase.addtocart input[type="submit"],
    ul.thumbs.product-list > li .purchase.addtocart input[type="submit"] {
        font-size: 11px !important;
        padding: 4px 10px !important;
        height: 28px !important;
        min-width: 60px !important;
        max-width: 80px !important;
    }
}


/* ОЧЕНЬ МАЛЕНЬКИЕ ТЕЛЕФОНЫ (до 400px) */
@media screen and (max-width: 400px) {
    
    .product-list > li,
    #product-list li,
    ul.thumbs.product-list > li {
        min-height: 260px !important;
        padding: 8px 6px 10px 6px !important;
    }
    
    .product-list > li a h5,
    #product-list li a h5,
    ul.thumbs.product-list > li a h5 {
        font-size: 11px !important;
        min-height: 28px !important;
        padding: 2px 4px !important;
    }
    
    .product-list > li .image img,
    #product-list li .image img,
    ul.thumbs.product-list > li .image img {
        max-height: 90px !important;
        min-height: 60px !important;
    }
    
    .product-list > li .price,
    #product-list li .price,
    ul.thumbs.product-list > li .price {
        font-size: 14px !important;
    }
    
    .product-list > li .purchase.addtocart .qty input,
    #product-list li .purchase.addtocart .qty input,
    ul.thumbs.product-list > li .purchase.addtocart .qty input {
        width: 30px !important;
        height: 24px !important;
        font-size: 11px !important;
    }
    
    .product-list > li .purchase.addtocart input[type="submit"],
    #product-list li .purchase.addtocart input[type="submit"],
    ul.thumbs.product-list > li .purchase.addtocart input[type="submit"] {
        font-size: 10px !important;
        padding: 3px 8px !important;
        height: 24px !important;
        min-width: 50px !important;
        max-width: 70px !important;
    }
}
/* === СКРЫВАЕМ СОРТИРОВКУ НА ТЕЛЕФОНЕ === */

@media screen and (max-width: 768px) {
    
    /* Скрываем всю сортировку */
    ul.sorting,
    .container ul.sorting,
    #product-list ul.sorting {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        max-height: 0 !important;
        min-height: 0 !important;
        border: none !important;
        position: absolute !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    
    /* Убираем пустое пространство */
    .container #product-list {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}


/* ОЧЕНЬ МАЛЕНЬКИЕ ЭКРАНЫ (до 480px) */
@media screen and (max-width: 480px) {
    
    ul.sorting,
    .container ul.sorting,
    #product-list ul.sorting {
        display: none !important;
    }
}

@media (max-width: 760px) {

  .pagination-fix,
  ul.menu-h.pagination-fix,
  .paging-nav ul,
  .paging-nav .menu-h {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 16px auto !important;
    padding: 0 !important;
    list-style: none !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
  }

  .pagination-fix li,
  ul.menu-h.pagination-fix li,
  .paging-nav li {
    display: inline-flex !important;
    float: none !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
  }

  .pagination-fix a,
  .pagination-fix span,
  ul.menu-h.pagination-fix a,
  ul.menu-h.pagination-fix span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
  }

  .pagination-fix li.selected a,
  ul.menu-h.pagination-fix li.selected a {
    background: #7c5cbf !important;
    color: #fff !important;
  }
}
@media (max-width: 760px) {
  /* Названия товаров */
  .thumbs .name,
  .thumbs h5,
  .thumbs .product-name,
  ul.thumbs li .name,
  ul.thumbs li a[itemprop="name"],
  .product-list .name {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;   /* максимум 3 строки */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-height: 4.2em !important;
    line-height: 1.4 !important;
    word-break: break-word !important;
  }
}

@media (max-width: 760px) {
  /* Блок цены + количество + кнопка */
  .thumbs .pricing,
  .thumbs form.purchase,
  ul.thumbs li form.addtocart,
  .product-list form.purchase {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }

  /* Поле количества */
  .thumbs .qty,
  .thumbs input[name="quantity"],
  ul.thumbs .qty input {
    width: 52px !important;
    min-width: 52px !important;
    height: 38px !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 8px !important;
  }

  /* Кнопка «В корзину» */
  .thumbs input[type="submit"],
  .thumbs .addtocart input[type="submit"],
  ul.thumbs form input[type="submit"] {
    flex: 1 !important;
    height: 38px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
  }
}
@media (max-width: 760px) {

  /* Карточка товара */
  ul.thumbs > li,
  .thumbs > li {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
  }

  /* Внутренний контент карточки */
  ul.thumbs > li > div,
  .thumbs > li > .image,
  .thumbs > li > .info,
  .thumbs > li > .details {
    flex-grow: 1 !important;
  }

  /* Форма с количеством и кнопкой — прижимаем вниз */
  ul.thumbs form.purchase,
  ul.thumbs form.addtocart,
  .thumbs form.purchase,
  .thumbs .pricing + form,
  .thumbs form {
    margin-top: auto !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
    padding-top: 12px !important;
  }

  /* Поле количества */
  ul.thumbs .qty,
  ul.thumbs input[name="quantity"],
  .thumbs .qty,
  .thumbs input[name="quantity"] {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 40px !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 4px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  /* Кнопка «В корзину» */
  ul.thumbs input[type="submit"],
  .thumbs input[type="submit"],
  ul.thumbs form input[type="submit"] {
    flex: 1 1 auto !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }
}

/* === НАЗВАНИЕ ТОВАРА НЕ ВЫХОДИТ ЗА ГРАНИЦЫ (БЕЗ ИЗМЕНЕНИЯ ШРИФТА) === */

/* 1. Карточка — скрываем всё, что выходит за границы */
ul.thumbs.product-list > li {
    overflow: hidden !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 360px !important;
    padding: 12px 10px 10px 10px !important;
}

/* 2. Название — переносим на новую строку, НЕ обрезаем, шрифт НЕ меняем */
ul.thumbs.product-list > li a h5,
ul.thumbs.product-list > li h5 {
    display: block !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    max-height: none !important;
    min-height: 24px !important;
    height: auto !important;
    line-height: 1.3 !important;
    /* Убираем все ограничения по высоте */
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    padding: 2px 4px !important;
    margin: 0 0 4px 0 !important;
    width: 100% !important;
    border-bottom: 0.5px solid rgba(0,0,0,0.08) !important;
    
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: clamp(13px, 1.35vw, 15px) !important;
    font-weight: 600 !important;
    color: #17231b !important;

}

/* 3. Убираем все возможные ограничения */
ul.thumbs.product-list > li a h5 span,
ul.thumbs.product-list > li h5 span {
    display: inline !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow: visible !important;
}

/* === ОСТАВЛЯЕМ ЛИНИЮ ТОЛЬКО ПОД НАЗВАНИЕМ === */

ul.thumbs.product-list > li a h5,
ul.thumbs.product-list > li h5 {
    border-top: none !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}


/* Убираем любые другие линии */
ul.thumbs.product-list > li a h5 span,
ul.thumbs.product-list > li h5 span {
    border-top: none !important;
    border-bottom: none !important;
}

/* === КОРЗИНА ПО ЦЕНТРУ === */

/* 1. Контейнер корзины */
#cart {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 auto !important;
    float: none !important;
    position: relative !important;
}

/* 2. Ссылка корзины */
#cart .cart-summary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 8px 16px !important;
    background: transparent !important;
    text-decoration: none !important;
    color: #333 !important;
}

/* 3. Иконка корзины */
#cart .cart-icon {
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/></svg>') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: 0 !important;
}

/* 4. Сумма в корзине */
#cart .cart-total {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333 !important;
}

/* 5. Для мобильных устройств */
@media screen and (max-width: 768px) {
    
    #cart {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        padding: 4px 0 !important;
    }
    
    #cart .cart-summary {
        padding: 6px 12px !important;
        font-size: 14px !important;
    }
    
    #cart .cart-icon {
        width: 22px !important;
        height: 22px !important;
    }
}
/* === КНОПКА "ОФОРМИТЬ ЗАКАЗ" — ЗЕЛЕНЫЙ СТИЛЬ === */

/* 1. Основные стили кнопки */
input[name="checkout"],
.button.large,
.cart .checkout-button,
.cart-table .checkout-button {
    background: linear-gradient(135deg, #6a9e6a 0%, #4c7a4c 100%) !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    padding: 14px 36px !important;
    border: none !important;
    border-radius: 30px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px rgba(74, 122, 69, 0.35) !important;
    text-transform: none !important;
    letter-spacing: 0.5px !important;
    display: inline-block !important;
    width: auto !important;
    min-width: 200px !important;
}

/* 2. При наведении */
input[name="checkout"]:hover,
.button.large:hover,
.cart .checkout-button:hover,
.cart-table .checkout-button:hover {
    background: linear-gradient(135deg, #7ab07a 0%, #5a8a5a 100%) !important;
    box-shadow: 0 6px 30px rgba(74, 122, 69, 0.5) !important;
    transform: translateY(-3px) !important;
    color: #ffffff !important;
}

/* 3. При нажатии */
input[name="checkout"]:active,
.button.large:active,
.cart .checkout-button:active,
.cart-table .checkout-button:active {
    transform: translateY(0px) !important;
    box-shadow: 0 2px 10px rgba(74, 122, 69, 0.25) !important;
}

/* 4. Для мобильных устройств */
@media screen and (max-width: 768px) {
    
    input[name="checkout"],
    .button.large,
    .cart .checkout-button,
    .cart-table .checkout-button {
        font-size: 16px !important;
        padding: 12px 28px !important;
        min-width: 160px !important;
        width: 100% !important;
        max-width: 300px !important;
        display: block !important;
        margin: 10px auto !important;
        text-align: center !important;
        border-radius: 25px !important;
    }
}

/* 5. Очень маленькие экраны */
@media screen and (max-width: 400px) {
    
    input[name="checkout"],
    .button.large,
    .cart .checkout-button,
    .cart-table .checkout-button {
        font-size: 14px !important;
        padding: 10px 20px !important;
        min-width: 140px !important;
        border-radius: 20px !important;
    }
}
/* === ЛОГОТИП — УБИРАЕМ БЕЛЫЙ ФОН И ДЕЛАЕМ ПРОЗРАЧНЫМ === */

/* 1. Контейнер логотипа */
header h2 a,
header .logo a {
    display: inline-block !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. Само изображение логотипа — убираем белый фон */
header h2 a img,
header .logo img,
#logo {
    background: transparent !important;
    background-color: transparent !important;
    mix-blend-mode: multiply !important;
    display: block !important;
    max-height: 50px !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* 3. Альтернативный вариант — если логотип с белым фоном */
header h2 a img,
header .logo img {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 4. Для мобильных устройств */
@media screen and (max-width: 768px) {
    header h2 a img,
    header .logo img,
    #logo {
        max-height: 45px !important;
    }
}
/* === УВЕЛИЧИВАЕМ ПОИСК НА ВСЮ ШИРИНУ === */

/* 1. Контейнер поиска */
.yoss-result-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 14px 18px !important;
    margin: 6px 0 !important;
    background: #f8faf7 !important;
    border: 1px solid #e0e8dd !important;
    border-radius: 10px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* 2. Левая часть */
.yoss-result-left {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* 3. Правая часть */
.yoss-result-right {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
    flex-shrink: 0 !important;
}

/* 4. Картинка */
.yoss-result-left .product-image {
    flex-shrink: 0 !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid #ddd !important;
}

.yoss-result-left .product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 5. Название */
.yoss-result-left .product-name {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex: 1 1 auto !important;
}

/* 6. Категория */
.yoss-result-left .product-category {
    font-size: 12px !important;
    color: #888 !important;
    flex-shrink: 0 !important;
}

.yoss-result-left .product-category a {
    color: #888 !important;
    text-decoration: none !important;
}

/* 7. Цена */
.yoss-result-right .product-price {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    white-space: nowrap !important;
}

/* 8. Кнопка "к товару" */
.yoss-result-right .product-link {
    display: inline-block !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 6px 18px !important;
    background: #4a7a45 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
}

.yoss-result-right .product-link:hover {
    background: #3a6a35 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(74, 122, 69, 0.3) !important;
}

/* 9. Контейнер результатов */
.yoss-result-wrapper:first-of-type {
    margin-top: 10px !important;
}

/* 10. Найдено товаров */
.yoss-result-product-count {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    display: block !important;
    padding: 6px 0 !important;
}

/* 11. Ссылка "перейти к результатам" */
.yoss-result-show-all {
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 8px 24px !important;
    background: #4a7a45 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    margin: 4px 0 12px 0 !important;
    transition: all 0.3s ease !important;
}

.yoss-result-show-all:hover {
    background: #3a6a35 !important;
    transform: translateY(-2px) !important;
}
/* === РАСТЯГИВАЕМ ПОИСК НА ВСЮ ШИРИНУ === */

/* 1. Контейнер результатов поиска */
.yoss-result {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 5px !important;
    box-sizing: border-box !important;
}

/* 2. Каждая карточка товара в поиске */
.yoss-result-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px 16px !important;
    margin: 6px 0 !important;
    background: #f8faf7 !important;
    border: 1px solid #e0e8dd !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
}

/* 3. Левая часть (картинка + название) */
.yoss-result-left {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

/* 4. Картинка */
.yoss-result-left .product-image {
    flex-shrink: 0 !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

.yoss-result-left .product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 5. Название товара */
.yoss-result-left .product-name {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* 6. Категория */
.yoss-result-left .product-category {
    font-size: 12px !important;
    color: #888 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* 7. Правая часть (цена + кнопка) */
.yoss-result-right {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    flex-shrink: 0 !important;
    margin-left: 10px !important;
}

/* 8. Цена */
.yoss-result-right .product-price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    white-space: nowrap !important;
}

/* 9. Кнопка "к товару" */
.yoss-result-right .product-link {
    display: inline-block !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 5px 14px !important;
    background: #4a7a45 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background 0.2s ease !important;
}

.yoss-result-right .product-link:hover {
    background: #3a6a35 !important;
}

/* 10. "Найдено товаров" */
.yoss-result-product-count {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    display: block !important;
    padding: 8px 0 !important;
}

/* 11. "Перейти к результатам" */
.yoss-result-show-all {
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 8px 20px !important;
    background: #4a7a45 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    margin: 4px 0 12px 0 !important;
    transition: background 0.2s ease !important;
}

.yoss-result-show-all:hover {
    background: #3a6a35 !important;
}

/* 12. Для мобильных устройств */
@media screen and (max-width: 768px) {
    
    .yoss-result-wrapper {
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 10px !important;
    }
    
    .yoss-result-left {
        margin-bottom: 6px !important;
    }
    
    .yoss-result-left .product-name {
        font-size: 14px !important;
        white-space: normal !important;
    }
    
    .yoss-result-right {
        justify-content: space-between !important;
        margin-left: 0 !important;
    }
    
    .yoss-result-right .product-price {
        font-size: 16px !important;
    }
}
/* === ПОИСК — КРАСИВЫЙ И УДОБНЫЙ === */

/* 1. Контейнер с количеством товаров и ссылкой "перейти к результатам" */
.yoss-result-wrapper:first-child {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 12px 16px !important;
    margin: 0 0 12px 0 !important;
    background: transparent !important;
    border: none !important;
    gap: 16px !important;
}

/* 2. "Найдено товаров: X" */
.yoss-result-product-count {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
}

/* 3. "Перейти к результатам" */
.yoss-result-show-all {
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 8px 24px !important;
    background: #4a7a45 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.yoss-result-show-all:hover {
    background: #3a6a35 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(74, 122, 69, 0.3) !important;
}

/* 4. Каждая карточка товара */
.yoss-result-wrapper:not(:first-child) {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 14px 18px !important;
    margin: 8px 0 !important;
    background: #ffffff !important;
    border: 1px solid #e0e8dd !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.3s ease !important;
    gap: 16px !important;
}

.yoss-result-wrapper:not(:first-child):hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
    border-color: #b8d0b0 !important;
}

/* 5. Левая часть (картинка + название + категория) */
.yoss-result-left {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
    flex: 1 1 50% !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

/* 6. Картинка */
.yoss-result-left .product-image {
    flex-shrink: 0 !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid #e8e8e8 !important;
    background: #f8faf7 !important;
}

.yoss-result-left .product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* 7. Информация о товаре */
.yoss-result-left .product-name {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    flex: 1 1 auto !important;
}

.yoss-result-left .product-name:hover {
    color: #4a7a45 !important;
}

/* 8. Категория */
.yoss-result-left .product-category {
    font-size: 12px !important;
    color: #999 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex-shrink: 0 !important;
    margin-left: 8px !important;
}

.yoss-result-left .product-category a {
    color: #999 !important;
    text-decoration: none !important;
}

.yoss-result-left .product-category a:hover {
    color: #4a7a45 !important;
}

/* 9. Правая часть (цена + ссылка "к товару") */
.yoss-result-right {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
}

/* 10. Цена */
.yoss-result-right .product-price {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* 11. Ссылка "к товару" */
.yoss-result-right .product-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 0 18px !important;
    height: 36px !important;
    background: #4a7a45 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.yoss-result-right .product-link:hover {
    background: #3a6a35 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(74, 122, 69, 0.3) !important;
}

/* 12. Скрываем бренд (пустой) */
.product-brand {
    display: none !important;
}

/* 13. Для мобильных устройств */
@media screen and (max-width: 768px) {
    
    /* Первый контейнер */
    .yoss-result-wrapper:first-child {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 8px 12px !important;
        gap: 8px !important;
    }
    
    .yoss-result-show-all {
        width: 100% !important;
        text-align: center !important;
        padding: 10px !important;
    }
    
    /* Карточки товаров */
    .yoss-result-wrapper:not(:first-child) {
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 14px !important;
        gap: 12px !important;
    }
    
    .yoss-result-left {
        flex: 1 1 100% !important;
        width: 100% !important;
        gap: 12px !important;
        flex-wrap: wrap !important;
    }
    
    .yoss-result-left .product-image {
        width: 50px !important;
        height: 50px !important;
    }
    
    .yoss-result-left .product-name {
        font-size: 14px !important;
        white-space: normal !important;
        flex: 1 1 100% !important;
        width: 100% !important;
    }
    
    .yoss-result-left .product-category {
        font-size: 11px !important;
        white-space: normal !important;
        margin-left: 0 !important;
        width: 100% !important;
    }
    
    .yoss-result-right {
        flex: 1 1 100% !important;
        width: 100% !important;
        justify-content: space-between !important;
        gap: 10px !important;
        flex-wrap: wrap !important;
    }
    
    .yoss-result-right .product-price {
        font-size: 18px !important;
    }
    
    .yoss-result-right .product-link {
        font-size: 12px !important;
        padding: 0 14px !important;
        height: 32px !important;
        flex: 1 1 auto !important;
        min-width: 80px !important;
    }
}

/* 14. Очень маленькие экраны */
@media screen and (max-width: 400px) {
    
    .yoss-result-left .product-image {
        width: 40px !important;
        height: 40px !important;
    }
    
    .yoss-result-left .product-name {
        font-size: 13px !important;
    }
    
    .yoss-result-right .product-price {
        font-size: 16px !important;
    }
    
    .yoss-result-right .product-link {
        font-size: 11px !important;
        padding: 0 10px !important;
        height: 28px !important;
        min-width: 60px !important;
    }
    
    .yoss-result-product-count {
        font-size: 15px !important;
    }
    
    .yoss-result-show-all {
        font-size: 13px !important;
        padding: 8px !important;
    }
}
/* === ПОИСК — УЗКИЙ, С КРУПНЫМ ФОТО === */

/* 1. Ограничиваем ширину поиска */
.yoss-result {
    max-width: 800px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
}

/* 2. Первый контейнер (Найдено товаров + ссылка) */
.yoss-result-wrapper:first-child {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 12px 0 !important;
    margin-bottom: 16px !important;
    background: transparent !important;
    border: none !important;
}

.yoss-result-product-count {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
}

.yoss-result-show-all {
    display: inline-block !important;
    padding: 8px 24px !important;
    background: #4a7a45 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: background 0.3s ease !important;
}

.yoss-result-show-all:hover {
    background: #3a6a35 !important;
}

/* 3. Карточки товаров */
.yoss-result-wrapper:not(:first-child) {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 16px 20px !important;
    margin-bottom: 10px !important;
    background: #ffffff !important;
    border: 1px solid #e0e8dd !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    transition: box-shadow 0.3s ease !important;
}

.yoss-result-wrapper:not(:first-child):hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
}

/* 4. Левая часть */
.yoss-result-left {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 18px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* 5. Фото — КРУПНЕЕ */
.yoss-result-left .product-image {
    flex-shrink: 0 !important;
    width: 80px !important;
    height: 80px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid #e8e8e8 !important;
    background: #f8faf7 !important;
}

.yoss-result-left .product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* 6. Информация о товаре */
.yoss-product-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.yoss-result-left .product-name {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
}

.yoss-result-left .product-name:hover {
    color: #4a7a45 !important;
}

.yoss-result-left .product-category {
    font-size: 13px !important;
    color: #999 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.yoss-result-left .product-category a {
    color: #999 !important;
    text-decoration: none !important;
}

.yoss-result-left .product-category a:hover {
    color: #4a7a45 !important;
}

/* 7. Скрываем бренд */
.product-brand {
    display: none !important;
}

/* 8. Правая часть (цена + ссылка) */
.yoss-result-right {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
    flex-shrink: 0 !important;
    margin-left: 12px !important;
}

/* 9. Цена — крупнее */
.yoss-result-right .product-price {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* 10. Ссылка "к товару" */
.yoss-result-right .product-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 20px !important;
    background: #4a7a45 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    transition: all 0.3s ease !important;
    flex-shrink: 0 !important;
}

.yoss-result-right .product-link:hover {
    background: #3a6a35 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(74, 122, 69, 0.3) !important;
}

/* 11. Для мобильных устройств */
@media screen and (max-width: 768px) {
    
    .yoss-result {
        max-width: 100% !important;
        padding: 0 10px !important;
    }
    
    /* Первый контейнер */
    .yoss-result-wrapper:first-child {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 8px 0 !important;
        gap: 8px !important;
    }
    
    .yoss-result-show-all {
        width: 100% !important;
        text-align: center !important;
        padding: 10px !important;
    }
    
    /* Карточки товаров */
    .yoss-result-wrapper:not(:first-child) {
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 14px 16px !important;
        gap: 12px !important;
    }
    
    .yoss-result-left {
        gap: 14px !important;
        flex-wrap: wrap !important;
    }
    
    .yoss-result-left .product-image {
        width: 64px !important;
        height: 64px !important;
    }
    
    .yoss-result-left .product-name {
        font-size: 15px !important;
        white-space: normal !important;
        flex: 1 1 100% !important;
        width: 100% !important;
    }
    
    .yoss-result-left .product-category {
        font-size: 12px !important;
        white-space: normal !important;
        width: 100% !important;
    }
    
    .yoss-result-right {
        flex: 1 1 100% !important;
        width: 100% !important;
        justify-content: space-between !important;
        gap: 10px !important;
        margin-left: 0 !important;
    }
    
    .yoss-result-right .product-price {
        font-size: 20px !important;
    }
    
    .yoss-result-right .product-link {
        font-size: 13px !important;
        padding: 6px 16px !important;
    }
}

/* 12. Очень маленькие экраны */
@media screen and (max-width: 400px) {
    
    .yoss-result-left .product-image {
        width: 52px !important;
        height: 52px !important;
    }
    
    .yoss-result-left .product-name {
        font-size: 13px !important;
    }
    
    .yoss-result-left .product-category {
        font-size: 11px !important;
    }
    
    .yoss-result-right .product-price {
        font-size: 17px !important;
    }
    
    .yoss-result-right .product-link {
        font-size: 12px !important;
        padding: 5px 12px !important;
    }
    
    .yoss-result-product-count {
        font-size: 15px !important;
    }
}
/* === ПОИСК — ПОЛНАЯ ИНФОРМАЦИЯ === */

/* 1. Ограничиваем ширину поиска */
.yoss-result {
    max-width: 820px !important;
    margin: 0 auto !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
}

/* 2. Первый контейнер (Найдено товаров + ссылка) */
.yoss-result-wrapper:first-child {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 10px 0 14px 0 !important;
    margin-bottom: 10px !important;
    background: transparent !important;
    border: none !important;
}

.yoss-result-product-count {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
}

.yoss-result-show-all {
    display: inline-block !important;
    padding: 8px 24px !important;
    background: #4a7a45 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

.yoss-result-show-all:hover {
    background: #3a6a35 !important;
    transform: translateY(-2px) !important;
}

/* 3. Каждая карточка товара */
.yoss-result-wrapper:not(:first-child) {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 14px 18px !important;
    margin-bottom: 10px !important;
    background: #ffffff !important;
    border: 1px solid #e0e8dd !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.3s ease !important;
    gap: 12px !important;
}

.yoss-result-wrapper:not(:first-child):hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
    border-color: #b8d0b0 !important;
}

/* 4. Левая часть (картинка + информация) */
.yoss-result-left {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
    flex: 1 1 45% !important;
    min-width: 0 !important;
}

/* 5. Картинка */
.yoss-result-left .product-image {
    flex-shrink: 0 !important;
    width: 72px !important;
    height: 72px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid #e8e8e8 !important;
    background: #f8faf7 !important;
}

.yoss-result-left .product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* 6. Информация о товаре */
.yoss-product-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* 7. Название */
.yoss-result-left .product-name {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
}

.yoss-result-left .product-name:hover {
    color: #4a7a45 !important;
}

/* 8. Категория */
.yoss-result-left .product-category {
    font-size: 13px !important;
    color: #999 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.yoss-result-left .product-category a {
    color: #999 !important;
    text-decoration: none !important;
}

.yoss-result-left .product-category a:hover {
    color: #4a7a45 !important;
}

/* 9. Скрываем бренд */
.product-brand {
    display: none !important;
}

/* 10. Правая часть (цена + корзина) */
.yoss-result-right {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
    flex: 1 1 45% !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
}

/* 11. Цена */
.yoss-result-right .product-price {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* 12. Кнопка "В корзину" — добавляем через CSS (если есть в HTML) */
.yoss-result-right input[type="submit"][value="В корзину"],
.yoss-result-right .add-to-cart,
.yoss-result-right .cart-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 18px !important;
    background: #ffffff !important;
    color: #377d32 !important;
    border: 1.5px solid #377d32 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    flex-shrink: 0 !important;
}

.yoss-result-right input[type="submit"][value="В корзину"]:hover,
.yoss-result-right .add-to-cart:hover,
.yoss-result-right .cart-link:hover {
    background: #377d32 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

/* 13. Ссылка "к товару" */
.yoss-result-right .product-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 16px !important;
    background: #4a7a45 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    transition: all 0.3s ease !important;
    flex-shrink: 0 !important;
}

.yoss-result-right .product-link:hover {
    background: #3a6a35 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(74, 122, 69, 0.3) !important;
}

/* 14. Для мобильных устройств */
@media screen and (max-width: 768px) {
    
    .yoss-result {
        max-width: 100% !important;
        padding: 0 8px !important;
    }
    
    .yoss-result-wrapper:first-child {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
        padding: 8px 0 12px 0 !important;
    }
    
    .yoss-result-show-all {
        width: 100% !important;
        text-align: center !important;
        padding: 10px !important;
    }
    
    /* Карточки товаров */
    .yoss-result-wrapper:not(:first-child) {
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 14px !important;
        gap: 10px !important;
    }
    
    .yoss-result-left {
        flex: 1 1 100% !important;
        width: 100% !important;
        gap: 12px !important;
        flex-wrap: wrap !important;
    }
    
    .yoss-result-left .product-image {
        width: 60px !important;
        height: 60px !important;
    }
    
    .yoss-result-left .product-name {
        font-size: 14px !important;
        white-space: normal !important;
        flex: 1 1 100% !important;
        width: 100% !important;
    }
    
    .yoss-result-left .product-category {
        font-size: 12px !important;
        white-space: normal !important;
        width: 100% !important;
    }
    
    .yoss-result-right {
        flex: 1 1 100% !important;
        width: 100% !important;
        justify-content: space-between !important;
        gap: 8px !important;
    }
    
    .yoss-result-right .product-price {
        font-size: 18px !important;
    }
    
    .yoss-result-right input[type="submit"][value="В корзину"],
    .yoss-result-right .add-to-cart,
    .yoss-result-right .cart-link {
        font-size: 12px !important;
        padding: 6px 14px !important;
    }
    
    .yoss-result-right .product-link {
        font-size: 12px !important;
        padding: 6px 14px !important;
    }
}

/* 15. Очень маленькие экраны */
@media screen and (max-width: 400px) {
    
    .yoss-result-left .product-image {
        width: 48px !important;
        height: 48px !important;
    }
    
    .yoss-result-left .product-name {
        font-size: 13px !important;
    }
    
    .yoss-result-left .product-category {
        font-size: 11px !important;
    }
    
    .yoss-result-right .product-price {
        font-size: 16px !important;
    }
    
    .yoss-result-right input[type="submit"][value="В корзину"],
    .yoss-result-right .add-to-cart,
    .yoss-result-right .cart-link {
        font-size: 11px !important;
        padding: 4px 10px !important;
    }
    
    .yoss-result-right .product-link {
        font-size: 11px !important;
        padding: 4px 10px !important;
    }
}
/* === ПОИСК — ФОТО, НАЗВАНИЕ, ЦЕНА, КНОПКА === */

/* 1. Ограничиваем ширину поиска */
.yoss-result {
    max-width: 820px !important;
    margin: 0 auto !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
}

/* 2. Первый контейнер (Найдено товаров + ссылка) */
.yoss-result-wrapper:first-child {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 10px 0 14px 0 !important;
    margin-bottom: 10px !important;
    background: transparent !important;
    border: none !important;
}

.yoss-result-product-count {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
}

.yoss-result-show-all {
    display: inline-block !important;
    padding: 8px 24px !important;
    background: #4a7a45 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

.yoss-result-show-all:hover {
    background: #3a6a35 !important;
    transform: translateY(-2px) !important;
}

/* 3. Каждая карточка товара */
.yoss-result-wrapper:not(:first-child) {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 14px 18px !important;
    margin-bottom: 10px !important;
    background: #ffffff !important;
    border: 1px solid #e0e8dd !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.3s ease !important;
    gap: 12px !important;
}

.yoss-result-wrapper:not(:first-child):hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
    border-color: #b8d0b0 !important;
}

/* 4. Левая часть (картинка + название) */
.yoss-result-left {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* 5. Картинка */
.yoss-result-left .product-image {
    flex-shrink: 0 !important;
    width: 72px !important;
    height: 72px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid #e8e8e8 !important;
    background: #f8faf7 !important;
}

.yoss-result-left .product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* 6. Название */
.yoss-result-left .product-name {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
}

.yoss-result-left .product-name:hover {
    color: #4a7a45 !important;
}

/* 7. СКРЫВАЕМ КАТЕГОРИЮ */
.yoss-result-left .product-category,
.yoss-result-left .product-category a,
.product-category,
.product-brand {
    display: none !important;
}

/* 8. Правая часть (цена + кнопка) */
.yoss-result-right {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    flex-shrink: 0 !important;
    margin-left: 8px !important;
}

/* 9. Цена */
.yoss-result-right .product-price {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* 10. Кнопка "к товару" — УМЕНЬШЕННАЯ */
.yoss-result-right .product-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 5px 12px !important;
    background: #4a7a45 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    transition: all 0.3s ease !important;
    flex-shrink: 0 !important;
    min-height: 30px !important;
}

.yoss-result-right .product-link:hover {
    background: #3a6a35 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(74, 122, 69, 0.3) !important;
}

/* 11. Для мобильных устройств */
@media screen and (max-width: 768px) {
    
    .yoss-result {
        max-width: 100% !important;
        padding: 0 8px !important;
    }
    
    .yoss-result-wrapper:first-child {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
        padding: 8px 0 12px 0 !important;
    }
    
    .yoss-result-show-all {
        width: 100% !important;
        text-align: center !important;
        padding: 10px !important;
    }
    
    /* Карточки товаров */
    .yoss-result-wrapper:not(:first-child) {
        flex-direction: row !important;
        align-items: center !important;
        padding: 12px 14px !important;
        gap: 10px !important;
        flex-wrap: nowrap !important;
    }
    
    .yoss-result-left {
        gap: 12px !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }
    
    .yoss-result-left .product-image {
        width: 56px !important;
        height: 56px !important;
        flex-shrink: 0 !important;
    }
    
    .yoss-result-left .product-name {
        font-size: 14px !important;
        white-space: nowrap !important;
    }
    
    .yoss-result-right {
        gap: 8px !important;
        flex-shrink: 0 !important;
        margin-left: 0 !important;
    }
    
    .yoss-result-right .product-price {
        font-size: 17px !important;
    }
    
    .yoss-result-right .product-link {
        font-size: 11px !important;
        padding: 4px 10px !important;
        min-height: 26px !important;
    }
}

/* 12. Очень маленькие экраны */
@media screen and (max-width: 400px) {
    
    .yoss-result-left .product-image {
        width: 44px !important;
        height: 44px !important;
    }
    
    .yoss-result-left .product-name {
        font-size: 13px !important;
    }
    
    .yoss-result-right .product-price {
        font-size: 15px !important;
    }
    
    .yoss-result-right .product-link {
        font-size: 10px !important;
        padding: 3px 8px !important;
        min-height: 22px !important;
    }
    
    .yoss-result-wrapper:not(:first-child) {
        padding: 10px 10px !important;
    }
}
/* === СТИЛИ ДЛЯ YOSS ПОИСКА (ПЕРЕКРЫВАЕМ ВСЁ) === */

/* Принудительно перекрываем все стили YOSS */
.yoss-result-wrapper {
    all: initial !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px 12px !important;
    margin: 4px 0 !important;
    background: #ffffff !important;
    border: 1px solid #e0e8dd !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    gap: 8px !important;
}

.yoss-result-wrapper:first-child {
    all: initial !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 0 !important;
    margin: 0 0 8px 0 !important;
    gap: 8px !important;
}

.yoss-result-left {
    all: initial !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.yoss-result-left .product-image {
    all: initial !important;
    display: block !important;
    flex-shrink: 0 !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid #e8e8e8 !important;
}

.yoss-result-left .product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.yoss-result-left .product-name {
    all: initial !important;
    display: block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex: 1 1 auto !important;
}

.yoss-result-right {
    all: initial !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
}

.yoss-result-right .product-price {
    all: initial !important;
    display: inline-block !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    white-space: nowrap !important;
}

.yoss-result-right .product-link {
    all: initial !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
    min-height: 26px !important;
    background: #4a7a45 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

.yoss-result-right .product-link:hover {
    background: #3a6a35 !important;
}

.yoss-result-product-count {
    all: initial !important;
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
}

.yoss-result-show-all {
    all: initial !important;
    display: inline-block !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 6px 16px !important;
    background: #4a7a45 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    text-decoration: none !important;
}

.product-category,
.product-brand {
    display: none !important;
}

/* Для мобильных */
@media screen and (max-width: 768px) {
    .yoss-result-wrapper {
        padding: 6px 10px !important;
        margin: 3px 0 !important;
        gap: 6px !important;
    }
    .yoss-result-left .product-image {
        width: 38px !important;
        height: 38px !important;
    }
    .yoss-result-left .product-name {
        font-size: 12px !important;
    }
    .yoss-result-right .product-price {
        font-size: 14px !important;
    }
    .yoss-result-right .product-link {
        font-size: 10px !important;
        padding: 3px 8px !important;
        min-height: 22px !important;
    }
    .yoss-result-product-count {
        font-size: 13px !important;
    }
    .yoss-result-show-all {
        font-size: 11px !important;
        padding: 4px 12px !important;
    }
}

@media screen and (max-width: 400px) {
    .yoss-result-wrapper {
        padding: 4px 8px !important;
        gap: 4px !important;
    }
    .yoss-result-left .product-image {
        width: 32px !important;
        height: 32px !important;
    }
    .yoss-result-left .product-name {
        font-size: 11px !important;
    }
    .yoss-result-right .product-price {
        font-size: 13px !important;
    }
    .yoss-result-right .product-link {
        font-size: 9px !important;
        padding: 2px 6px !important;
        min-height: 18px !important;
    }
}
/* === СКРЫВАЕМ ЛОГОТИП НА ТЕЛЕФОНЕ === */

@media screen and (max-width: 768px) {
    
    header h2 a img,
    header .logo img,
    #logo {
        display: none !important;
    }
    
    /* Показываем только текст */
    header h2 a span {
        display: inline !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #4a7a45 !important;
    }
}
/* === НЕМНОГО РАСШИРЯЕМ САЙДБАР С ВАРИАНТАМИ === */

/* 1. Расширяем сайдбар */
.product-sidebar {
    width: 320px !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    padding: 15px !important;
}

/* 2. Контейнер вариантов */
#cart-flyer .skus {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 3. Каждый вариант в одну строку */
#cart-flyer .skus label {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 6px 10px !important;
    margin: 3px 0 !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    background: #ffffff !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 4. Цена и остатки в одной строке */
#cart-flyer .skus label .price {
    font-weight: 700 !important;
    font-size: 15px !important;
    white-space: nowrap !important;
}

/* 5. Бейдж с остатками */
#cart-flyer .skus label .stock-badge-auto,
#cart-flyer .skus label .stock-badge-manual {
    font-weight: 600 !important;
    font-size: 12px !important;
    padding: 2px 10px !important;
    border-radius: 20px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* 6. Название не переносится */
#cart-flyer .skus label span[itemprop="name"] {
    font-weight: 600 !important;
    font-size: 14px !important;
    white-space: nowrap !important;
}

/* 7. Радиокнопка */
#cart-flyer .skus label input[type="radio"] {
    flex-shrink: 0 !important;
    accent-color: #4a7a45 !important;
    width: 15px !important;
    height: 15px !important;
}

/* 8. Для мобильных */
@media screen and (max-width: 768px) {
    .product-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
    }
    #cart-flyer .skus label {
        padding: 5px 8px !important;
        flex-wrap: wrap !important;
    }
    #cart-flyer .skus label span[itemprop="name"] {
        font-size: 13px !important;
    }
    #cart-flyer .skus label .price {
        font-size: 14px !important;
    }
    #cart-flyer .skus label .stock-badge-auto,
    #cart-flyer .skus label .stock-badge-manual {
        font-size: 11px !important;
        padding: 2px 8px !important;
    }
}
/* === РАСШИРЯЕМ БЛОКИ САЙДБАРА И КАТЕГОРИЙ === */

/* 1. Расширяем весь сайдбар */
.product-sidebar {
    width: 360px !important;
    max-width: 360px !important;
    min-width: 320px !important;
    padding: 20px !important;
    box-sizing: border-box !important;
}

/* 2. Расширяем блок с вариантами */
#cart-flyer .skus {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 3. Каждый вариант — широкий */
#cart-flyer .skus label {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 14px !important;
    margin: 4px 0 !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    background: #ffffff !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 4. Название */
#cart-flyer .skus label span[itemprop="name"] {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #1a1a1a !important;
    white-space: nowrap !important;
}

/* 5. Цена */
#cart-flyer .skus label .price {
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #1a1a1a !important;
    white-space: nowrap !important;
}

/* 6. Бейдж с остатками */
#cart-flyer .skus label .stock-badge-auto,
#cart-flyer .skus label .stock-badge-manual {
    font-weight: 600 !important;
    font-size: 13px !important;
    padding: 3px 14px !important;
    border-radius: 20px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* 7. Радиокнопка */
#cart-flyer .skus label input[type="radio"] {
    flex-shrink: 0 !important;
    accent-color: #4a7a45 !important;
    width: 16px !important;
    height: 16px !important;
    cursor: pointer !important;
}

/* 8. Блок с ценой и корзиной */
#cart-flyer .add2cart {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 12px 0 !important;
    width: 100% !important;
}

/* 9. Кнопка "В корзину" — широкая */
#cart-flyer .add2cart input[type="submit"] {
    padding: 10px 30px !important;
    font-size: 15px !important;
    width: auto !important;
    min-width: 140px !important;
}

/* 10. Блок с "В наличии" над ценой */
.stocks .stock-high,
.stocks .stock-none {
    font-size: 15px !important;
    padding: 4px 0 !important;
}

/* 11. Расширяем блок категорий */
.product-sidebar .aux,
.product-sidebar .categories-block {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 12. Для мобильных устройств */
@media screen and (max-width: 768px) {
    .product-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 12px !important;
    }
    #cart-flyer .skus label {
        padding: 6px 10px !important;
        flex-wrap: wrap !important;
    }
    #cart-flyer .skus label span[itemprop="name"] {
        font-size: 13px !important;
    }
    #cart-flyer .skus label .price {
        font-size: 14px !important;
    }
    #cart-flyer .skus label .stock-badge-auto,
    #cart-flyer .skus label .stock-badge-manual {
        font-size: 11px !important;
        padding: 2px 10px !important;
    }
    #cart-flyer .add2cart {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
    }
    #cart-flyer .add2cart input[type="submit"] {
        width: 100% !important;
    }
}

/* 13. Широкие экраны */
@media screen and (min-width: 1200px) {
    .product-sidebar {
        width: 400px !important;
        max-width: 400px !important;
    }
}
/* === РАСШИРЯЕМ ЕЩЁ И ПРАВИМ БЛОК КОЛИЧЕСТВА === */

/* 1. Ещё больше расширяем сайдбар */
.product-sidebar {
    width: 400px !important;
    max-width: 400px !important;
    min-width: 360px !important;
    padding: 20px 25px !important;
}

/* 2. Варианты — с большими отступами */
#cart-flyer .skus label {
    padding: 10px 16px !important;
    margin: 5px 0 !important;
    border-radius: 8px !important;
}

/* 3. Название — крупнее */
#cart-flyer .skus label span[itemprop="name"] {
    font-size: 16px !important;
}

/* 4. Цена — крупнее */
#cart-flyer .skus label .price {
    font-size: 17px !important;
}

/* 5. Бейдж с остатками — крупнее */
#cart-flyer .skus label .stock-badge-auto,
#cart-flyer .skus label .stock-badge-manual {
    font-size: 14px !important;
    padding: 4px 16px !important;
}

/* 6. Блок с количеством и ценой — В ОДНУ СТРОКУ */
#cart-flyer .add2cart {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    padding: 14px 0 !important;
    width: 100% !important;
}

/* 7. Цена в блоке */
#cart-flyer .add2cart .price {
    font-size: 22px !important;
    font-weight: 700 !important;
    flex-shrink: 0 !important;
}

/* 8. Блок количества */
#cart-flyer .add2cart .qty {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
}

#cart-flyer .add2cart .qty input {
    width: 50px !important;
    height: 36px !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border: 1.5px solid rgba(0,0,0,0.12) !important;
    border-radius: 6px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* 9. Кнопка "В корзину" */
#cart-flyer .add2cart input[type="submit"] {
    padding: 10px 28px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}

/* 10. Знак "×" */
#cart-flyer .add2cart .qty span:first-child {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #333 !important;
}

/* 11. Для мобильных */
@media screen and (max-width: 768px) {
    .product-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 12px 15px !important;
    }
    
    #cart-flyer .add2cart {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 8px !important;
    }
    
    #cart-flyer .add2cart .price {
        font-size: 20px !important;
    }
    
    #cart-flyer .add2cart input[type="submit"] {
        width: 100% !important;
        justify-content: center !important;
    }
    
    #cart-flyer .skus label {
        padding: 8px 12px !important;
        flex-wrap: wrap !important;
    }
    
    #cart-flyer .skus label span[itemprop="name"] {
        font-size: 14px !important;
    }
    
    #cart-flyer .skus label .price {
        font-size: 15px !important;
    }
    
    #cart-flyer .skus label .stock-badge-auto,
    #cart-flyer .skus label .stock-badge-manual {
        font-size: 12px !important;
        padding: 2px 12px !important;
    }
}

/* 12. Для очень широких экранов */
@media screen and (min-width: 1400px) {
    .product-sidebar {
        width: 440px !important;
        max-width: 440px !important;
    }
}
/* === СКРЫВАЕМ БЛОК "В НАЛИЧИИ" ПОД ВАРИАНТАМИ === */

/* Скрываем только блок "В наличии XXX шт." под вариантами */
#cart-flyer .stocks {
    display: none !important;
}
/* === ОФОРМЛЕНИЕ БЛОКА ПОКУПКИ (ЭЛЕГАНТНЫЙ ЗЕЛЁНЫЙ СТИЛЬ) === */

/* 1. Основной блок */
#cart-flyer {
    background: linear-gradient(160deg, #f8fbf7, #eef5ec) !important;
    border-radius: 20px !important;
    padding: 20px 24px 24px 24px !important;
    box-shadow: 0 8px 32px rgba(74, 122, 69, 0.10) !important;
    border: 1px solid #dce8d8 !important;
}

/* 2. Заголовок "Купить ..." */
#cart-flyer h4 {
    font-family: 'Georgia', 'Times New Roman', serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a3a1a !important;
    margin: 0 0 16px 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #d4e8d0 !important;
    letter-spacing: 0.5px !important;
}

/* 3. Список вариантов */
#cart-flyer .skus {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 16px 0 !important;
}

/* 4. Каждый вариант */
#cart-flyer .skus li {
    margin: 6px 0 !important;
}

#cart-flyer .skus label {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 16px !important;
    background: #ffffff !important;
    border: 1.5px solid #e4eee2 !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
    gap: 8px !important;
}

#cart-flyer .skus label:hover {
    border-color: #a8c4a0 !important;
    background: #f6faf5 !important;
    box-shadow: 0 4px 12px rgba(74, 122, 69, 0.06) !important;
    transform: translateY(-1px) !important;
}

/* 5. Радиокнопка */
#cart-flyer .skus label input[type="radio"] {
    flex-shrink: 0 !important;
    accent-color: #4a7a45 !important;
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
    margin: 0 4px 0 0 !important;
}

/* 6. Название варианта */
#cart-flyer .skus label span[itemprop="name"] {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #1a3a1a !important;
    flex: 0 0 auto !important;
}

/* 7. Цена */
#cart-flyer .skus label .price {
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #1a3a1a !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* 8. Бейдж остатков */
#cart-flyer .skus label .stock-badge-auto {
    font-weight: 600 !important;
    font-size: 12px !important;
    padding: 4px 14px !important;
    border-radius: 30px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    background: #e8f5e9 !important;
    color: #4a7a45 !important;
}

#cart-flyer .skus label .stock-badge-auto:contains("Нет в наличии") {
    background: #fde8e8 !important;
    color: #e74c3c !important;
}

/* 9. Блок покупки (цена + количество + кнопка) */
#cart-flyer .purchase {
    background: linear-gradient(145deg, #ffffff, #f6faf5) !important;
    border-radius: 16px !important;
    padding: 18px 20px !important;
    margin-top: 16px !important;
    border: 1.5px solid #dce8d8 !important;
    box-shadow: inset 0 2px 8px rgba(74, 122, 69, 0.04) !important;
}

/* 10. Контейнер с ценой и количеством */
#cart-flyer .purchase .add2cart {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}

/* 11. Цена */
#cart-flyer .purchase .add2cart .price {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #1a3a1a !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    letter-spacing: 0.3px !important;
    flex-shrink: 0 !important;
}

/* 12. Поле количества */
#cart-flyer .purchase .add2cart .qty {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #f6faf5 !important;
    padding: 4px 14px 4px 18px !important;
    border-radius: 30px !important;
    border: 1.5px solid #d4e8d0 !important;
    flex-shrink: 0 !important;
}

#cart-flyer .purchase .add2cart .qty span:first-child {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #4a7a45 !important;
}

#cart-flyer .purchase .add2cart .qty input {
    width: 48px !important;
    height: 36px !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1a3a1a !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    outline: none !important;
    -moz-appearance: textfield !important;
}

#cart-flyer .purchase .add2cart .qty input::-webkit-outer-spin-button,
#cart-flyer .purchase .add2cart .qty input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

#cart-flyer .purchase .add2cart .qty input:focus {
    outline: 2px solid #4a7a45 !important;
    border-radius: 6px !important;
}

/* 13. Кнопка "В корзину" */
#cart-flyer .purchase .add2cart input[type="submit"] {
    background: linear-gradient(145deg, #4a7a45, #3a6a35) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 12px 32px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 16px rgba(74, 122, 69, 0.25) !important;
    letter-spacing: 0.5px !important;
    flex-shrink: 0 !important;
}

#cart-flyer .purchase .add2cart input[type="submit"]:hover:not(:disabled) {
    background: linear-gradient(145deg, #5a8a55, #4a7a45) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 28px rgba(74, 122, 69, 0.35) !important;
}

#cart-flyer .purchase .add2cart input[type="submit"]:active:not(:disabled) {
    transform: translateY(0) !important;
    box-shadow: 0 2px 10px rgba(74, 122, 69, 0.2) !important;
}

#cart-flyer .purchase .add2cart input[type="submit"]:disabled {
    background: #d0d8ce !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

/* 14. Скрываем дублирующий блок "В наличии" */
#cart-flyer .stocks {
    display: none !important;
}

/* 15. Иконка загрузки */
#cart-flyer .adding2cart {
    display: none !important;
}

/* 16. Для мобильных устройств */
@media screen and (max-width: 768px) {
    #cart-flyer {
        padding: 16px 18px !important;
        border-radius: 16px !important;
    }
    
    #cart-flyer h4 {
        font-size: 17px !important;
    }
    
    #cart-flyer .skus label {
        padding: 8px 12px !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
    }
    
    #cart-flyer .skus label span[itemprop="name"] {
        font-size: 14px !important;
    }
    
    #cart-flyer .skus label .price {
        font-size: 14px !important;
    }
    
    #cart-flyer .skus label .stock-badge-auto {
        font-size: 11px !important;
        padding: 2px 10px !important;
    }
    
    #cart-flyer .purchase {
        padding: 14px 16px !important;
    }
    
    #cart-flyer .purchase .add2cart {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
    }
    
    #cart-flyer .purchase .add2cart .price {
        font-size: 22px !important;
        text-align: center !important;
    }
    
    #cart-flyer .purchase .add2cart .qty {
        justify-content: center !important;
        padding: 4px 12px !important;
    }
    
    #cart-flyer .purchase .add2cart input[type="submit"] {
        width: 100% !important;
        padding: 14px !important;
        font-size: 14px !important;
        justify-content: center !important;
    }
}

/* 17. Для больших экранов */
@media screen and (min-width: 1200px) {
    #cart-flyer {
        padding: 24px 30px 28px 30px !important;
    }
    
    #cart-flyer .skus label {
        padding: 12px 20px !important;
    }
    
    #cart-flyer .purchase .add2cart .price {
        font-size: 28px !important;
    }
}
/* === БЛОК ПОКУПКИ — УБИРАЕМ СЕРЫЙ ФОН === */

/* 1. Убираем серый фон у блока покупки */
#cart-flyer .purchase,
#cart-flyer .add2cart,
#cart-flyer .purchase .add2cart {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 2. Весь блок покупки без серого фона */
#cart-flyer .purchase {
    padding: 14px 0 0 0 !important;
    margin: 0 !important;
    border-top: 1px solid #d4e8d0 !important;
}

/* 3. Контейнер с ценой и количеством */
#cart-flyer .purchase .add2cart {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
}

/* 4. Цена — шрифт Georgia, крупный */
#cart-flyer .purchase .add2cart .price {
    font-family: 'Georgia', 'Times New Roman', serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #1a3a1a !important;
    flex-shrink: 0 !important;
}

/* 5. Блок количества — без фона */
#cart-flyer .purchase .add2cart .qty {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: transparent !important;
    padding: 0 !important;
    border: 1.5px solid #d4e8d0 !important;
    border-radius: 30px !important;
    padding: 2px 12px 2px 16px !important;
}

#cart-flyer .purchase .add2cart .qty span:first-child {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #4a7a45 !important;
}

/* 6. Поле количества — исправляем выход за границу */
#cart-flyer .purchase .add2cart .qty input {
    width: 48px !important;
    min-width: 40px !important;
    max-width: 60px !important;
    height: 34px !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1a3a1a !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    outline: none !important;
    box-sizing: border-box !important;
    -moz-appearance: textfield !important;
}

#cart-flyer .purchase .add2cart .qty input::-webkit-outer-spin-button,
#cart-flyer .purchase .add2cart .qty input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

#cart-flyer .purchase .add2cart .qty input:focus {
    outline: 2px solid #4a7a45 !important;
    border-radius: 6px !important;
}

/* 7. Кнопка "В корзину" */
#cart-flyer .purchase .add2cart input[type="submit"] {
    background: linear-gradient(145deg, #4a7a45, #3a6a35) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 10px 28px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 16px rgba(74, 122, 69, 0.2) !important;
    flex-shrink: 0 !important;
}

#cart-flyer .purchase .add2cart input[type="submit"]:hover:not(:disabled) {
    background: linear-gradient(145deg, #5a8a55, #4a7a45) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 24px rgba(74, 122, 69, 0.3) !important;
}

#cart-flyer .purchase .add2cart input[type="submit"]:disabled {
    background: #c8d4c4 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

/* 8. Скрываем дублирующий блок "В наличии" */
#cart-flyer .stocks {
    display: none !important;
}

/* 9. Мобильные */
@media screen and (max-width: 768px) {
    #cart-flyer .purchase .add2cart {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
    }
    
    #cart-flyer .purchase .add2cart .price {
        font-size: 24px !important;
        text-align: center !important;
    }
    
    #cart-flyer .purchase .add2cart .qty {
        justify-content: center !important;
        padding: 2px 12px !important;
    }
    
    #cart-flyer .purchase .add2cart .qty input {
        width: 44px !important;
        height: 32px !important;
        font-size: 15px !important;
    }
    
    #cart-flyer .purchase .add2cart input[type="submit"] {
        width: 100% !important;
        padding: 12px !important;
        font-size: 14px !important;
        justify-content: center !important;
    }
}
/* === УБИРАЕМ СЕРЫЙ ФОН И РАСШИРЯЕМ ГРАНИЦЫ БЛОКА === */

/* 1. Убираем серый фон у блока покупки */
#cart-flyer .purchase,
#cart-flyer .add2cart,
#cart-flyer .purchase .add2cart,
#cart-flyer .purchase .add2cart .price,
#cart-flyer .purchase .add2cart .qty {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 2. Весь блок покупки без серого фона */
#cart-flyer .purchase {
    padding: 14px 0 0 0 !important;
    margin: 0 !important;
    border-top: 2px solid #d4e8d0 !important;
}

/* 3. Расширяем границы белого блока */
#cart-flyer {
    padding: 24px 30px 28px 30px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid #e4eee2 !important;
    box-shadow: 0 4px 16px rgba(74, 122, 69, 0.06) !important;
}

/* 4. Заголовок */
#cart-flyer h4 {
    font-family: 'Georgia', 'Times New Roman', serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a3a1a !important;
    margin: 0 0 16px 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #d4e8d0 !important;
}

/* 5. Список вариантов */
#cart-flyer .skus {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 16px 0 !important;
}

#cart-flyer .skus li {
    margin: 6px 0 !important;
}

#cart-flyer .skus label {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 18px !important;
    background: #f8faf7 !important;
    border: 1px solid #e4eee2 !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: border 0.2s ease, background 0.2s ease !important;
    gap: 10px !important;
}

#cart-flyer .skus label:hover {
    border-color: #a8c4a0 !important;
    background: #f2f8f0 !important;
}

/* 6. Радиокнопка */
#cart-flyer .skus label input[type="radio"] {
    flex-shrink: 0 !important;
    accent-color: #4a7a45 !important;
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
}

/* 7. Название */
#cart-flyer .skus label span[itemprop="name"] {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #1a3a1a !important;
}

/* 8. Цена */
#cart-flyer .skus label .price {
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #1a3a1a !important;
    white-space: nowrap !important;
}

/* 9. Бейдж остатков */
#cart-flyer .skus label .stock-badge-auto {
    font-weight: 600 !important;
    font-size: 12px !important;
    padding: 4px 14px !important;
    border-radius: 30px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* 10. Контейнер с ценой и количеством */
#cart-flyer .purchase .add2cart {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
}

/* 11. Цена */
#cart-flyer .purchase .add2cart .price {
    font-family: 'Georgia', 'Times New Roman', serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #1a3a1a !important;
    flex-shrink: 0 !important;
}

/* 12. Количество */
#cart-flyer .purchase .add2cart .qty {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #f8faf7 !important;
    padding: 2px 12px 2px 16px !important;
    border: 1.5px solid #d4e8d0 !important;
    border-radius: 30px !important;
}

#cart-flyer .purchase .add2cart .qty span:first-child {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #4a7a45 !important;
}

#cart-flyer .purchase .add2cart .qty input {
    width: 50px !important;
    height: 34px !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1a3a1a !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    outline: none !important;
    box-sizing: border-box !important;
    -moz-appearance: textfield !important;
}

#cart-flyer .purchase .add2cart .qty input::-webkit-outer-spin-button,
#cart-flyer .purchase .add2cart .qty input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

#cart-flyer .purchase .add2cart .qty input:focus {
    outline: 2px solid #4a7a45 !important;
    border-radius: 6px !important;
}

/* 13. Кнопка */
#cart-flyer .purchase .add2cart input[type="submit"] {
    background: linear-gradient(145deg, #4a7a45, #3a6a35) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 10px 30px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 16px rgba(74, 122, 69, 0.2) !important;
    flex-shrink: 0 !important;
}

#cart-flyer .purchase .add2cart input[type="submit"]:hover:not(:disabled) {
    background: linear-gradient(145deg, #5a8a55, #4a7a45) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 24px rgba(74, 122, 69, 0.3) !important;
}

#cart-flyer .purchase .add2cart input[type="submit"]:disabled {
    background: #c8d4c4 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

/* 14. Скрываем дублирующий блок */
#cart-flyer .stocks {
    display: none !important;
}

/* 15. Мобильные */
@media screen and (max-width: 768px) {
    #cart-flyer {
        padding: 16px 18px 20px 18px !important;
        border-radius: 16px !important;
    }
    
    #cart-flyer h4 {
        font-size: 17px !important;
    }
    
    #cart-flyer .skus label {
        padding: 8px 12px !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
    }
    
    #cart-flyer .skus label span[itemprop="name"] {
        font-size: 14px !important;
    }
    
    #cart-flyer .skus label .price {
        font-size: 14px !important;
    }
    
    #cart-flyer .skus label .stock-badge-auto {
        font-size: 11px !important;
        padding: 2px 10px !important;
    }
    
    #cart-flyer .purchase .add2cart {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
    }
    
    #cart-flyer .purchase .add2cart .price {
        font-size: 24px !important;
        text-align: center !important;
    }
    
    #cart-flyer .purchase .add2cart .qty {
        justify-content: center !important;
    }
    
    #cart-flyer .purchase .add2cart input[type="submit"] {
        width: 100% !important;
        padding: 12px !important;
        font-size: 14px !important;
        justify-content: center !important;
    }
}
/* === ФИНАЛЬНОЕ ИСПРАВЛЕНИЕ: УБИРАЕМ СЕРЫЙ ФОН И ФИКСИРУЕМ ДЛИННЫЕ НАЗВАНИЯ === */

/* 1. Принудительно убираем серый фон у всех блоков */
#cart-flyer .purchase,
#cart-flyer .add2cart,
#cart-flyer .purchase .add2cart,
#cart-flyer .purchase .add2cart .price,
#cart-flyer .purchase .add2cart .qty,
#cart-flyer .purchase .add2cart .qty input {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 2. Убираем фон у всего блока */
#cart-flyer {
    background: #ffffff !important;
    padding: 20px 24px 24px 24px !important;
    border-radius: 20px !important;
    border: 1px solid #e4eee2 !important;
    box-shadow: 0 4px 16px rgba(74, 122, 69, 0.06) !important;
}

/* 3. Убираем серую обводку у purchase */
#cart-flyer .purchase {
    padding: 14px 0 0 0 !important;
    margin: 0 !important;
    border-top: 2px solid #d4e8d0 !important;
    background: transparent !important;
}

/* 4. Варианты — фиксим длинные названия */
#cart-flyer .skus label {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 16px !important;
    background: #f8faf7 !important;
    border: 1px solid #e4eee2 !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
}

/* 5. Название — не выходит за границу */
#cart-flyer .skus label span[itemprop="name"] {
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #1a3a1a !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex: 0 1 auto !important;
    max-width: 120px !important;
}

/* 6. Цена */
#cart-flyer .skus label .price {
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #1a3a1a !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* 7. Бейдж остатков — сжимается */
#cart-flyer .skus label .stock-badge-auto {
    font-weight: 600 !important;
    font-size: 11px !important;
    padding: 3px 10px !important;
    border-radius: 30px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* 8. Радиокнопка */
#cart-flyer .skus label input[type="radio"] {
    flex-shrink: 0 !important;
    accent-color: #4a7a45 !important;
    width: 16px !important;
    height: 16px !important;
    cursor: pointer !important;
}

/* 9. Блок с ценой и количеством — без фона */
#cart-flyer .purchase .add2cart {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
    background: transparent !important;
}

/* 10. Цена */
#cart-flyer .purchase .add2cart .price {
    font-family: 'Georgia', 'Times New Roman', serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #1a3a1a !important;
    flex-shrink: 0 !important;
}

/* 11. Количество — без фона */
#cart-flyer .purchase .add2cart .qty {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: transparent !important;
    padding: 2px 12px 2px 16px !important;
    border: 1.5px solid #d4e8d0 !important;
    border-radius: 30px !important;
}

#cart-flyer .purchase .add2cart .qty span:first-child {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #4a7a45 !important;
}

#cart-flyer .purchase .add2cart .qty input {
    width: 46px !important;
    height: 32px !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1a3a1a !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    outline: none !important;
    box-sizing: border-box !important;
    -moz-appearance: textfield !important;
}

#cart-flyer .purchase .add2cart .qty input::-webkit-outer-spin-button,
#cart-flyer .purchase .add2cart .qty input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

#cart-flyer .purchase .add2cart .qty input:focus {
    outline: 2px solid #4a7a45 !important;
    border-radius: 6px !important;
}

/* 12. Кнопка */
#cart-flyer .purchase .add2cart input[type="submit"] {
    background: linear-gradient(145deg, #4a7a45, #3a6a35) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 10px 28px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 16px rgba(74, 122, 69, 0.2) !important;
    flex-shrink: 0 !important;
}

#cart-flyer .purchase .add2cart input[type="submit"]:hover:not(:disabled) {
    background: linear-gradient(145deg, #5a8a55, #4a7a45) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 24px rgba(74, 122, 69, 0.3) !important;
}

#cart-flyer .purchase .add2cart input[type="submit"]:disabled {
    background: #c8d4c4 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

/* 13. Скрываем дублирующий блок */
#cart-flyer .stocks {
    display: none !important;
}

/* 14. Мобильные */
@media screen and (max-width: 768px) {
    #cart-flyer {
        padding: 16px 16px 20px 16px !important;
    }
    
    #cart-flyer .skus label {
        padding: 8px 10px !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
    }
    
    #cart-flyer .skus label span[itemprop="name"] {
        font-size: 13px !important;
        max-width: 80px !important;
    }
    
    #cart-flyer .skus label .price {
        font-size: 13px !important;
    }
    
    #cart-flyer .skus label .stock-badge-auto {
        font-size: 10px !important;
        padding: 2px 8px !important;
    }
    
    #cart-flyer .purchase .add2cart {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
    }
    
    #cart-flyer .purchase .add2cart .price {
        font-size: 22px !important;
        text-align: center !important;
    }
    
    #cart-flyer .purchase .add2cart .qty {
        justify-content: center !important;
    }
    
    #cart-flyer .purchase .add2cart input[type="submit"] {
        width: 100% !important;
        padding: 12px !important;
        font-size: 14px !important;
    }
}
/* === УБИРАЕМ СЕРЫЙ ФОН У САЙДБАРА === */

/* 1. Убираем серый фон у всего сайдбара */
.product-sidebar.leadbox,
.product-sidebar {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 2. Белый фон только у внутреннего блока покупки */
#cart-flyer {
    background: #ffffff !important;
    padding: 20px 24px 24px 24px !important;
    border-radius: 20px !important;
    border: 1px solid #e4eee2 !important;
    box-shadow: 0 4px 16px rgba(74, 122, 69, 0.06) !important;
}

/* 3. Убираем серый фон у блока покупки */
#cart-flyer .purchase,
#cart-flyer .add2cart,
#cart-flyer .purchase .add2cart {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 4. Разделительная линия вместо серого фона */
#cart-flyer .purchase {
    padding: 14px 0 0 0 !important;
    margin: 0 !important;
    border-top: 2px solid #d4e8d0 !important;
}
/* === БЛОК ПОКУПКИ В СТИЛЕ КАРТОЧЕК ТОВАРА === */

/* 1. Основной блок покупки */
.product-sidebar.leadbox {
    background: #f0f3ed !important;
    border: 1.5px solid #a8c4a0 !important;
    border-radius: 12px !important;
    padding: 16px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

/* 2. Внутренний блок #cart-flyer */
#cart-flyer {
    background: #f0f3ed !important;
    padding: 16px 18px 18px 18px !important;
    border-radius: 10px !important;
    border: 1.5px solid #a8c4a0 !important;
    box-shadow: none !important;
}

/* 3. Заголовок */
#cart-flyer h4 {
    font-family: 'Georgia', 'Times New Roman', serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a3a1a !important;
    margin: 0 0 14px 0 !important;
    padding-bottom: 10px !important;
    border-bottom: 1.5px solid #a8c4a0 !important;
}

/* 4. Список вариантов */
#cart-flyer .skus {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 12px 0 !important;
}

#cart-flyer .skus li {
    margin: 5px 0 !important;
}

/* 5. Каждый вариант */
#cart-flyer .skus label {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 14px !important;
    background: #ffffff !important;
    border: 1px solid #d4e0d0 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    gap: 6px !important;
}

#cart-flyer .skus label:hover {
    border-color: #4a7a45 !important;
    box-shadow: 0 2px 8px rgba(74, 122, 69, 0.08) !important;
}

/* 6. Радиокнопка */
#cart-flyer .skus label input[type="radio"] {
    flex-shrink: 0 !important;
    accent-color: #4a7a45 !important;
    width: 16px !important;
    height: 16px !important;
    cursor: pointer !important;
}

/* 7. Название */
#cart-flyer .skus label span[itemprop="name"] {
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #1a3a1a !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 80px !important;
    flex-shrink: 1 !important;
}

/* 8. Цена */
#cart-flyer .skus label .price {
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #1a3a1a !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* 9. Бейдж остатков */
#cart-flyer .skus label .stock-badge-auto {
    font-weight: 600 !important;
    font-size: 11px !important;
    padding: 2px 10px !important;
    border-radius: 20px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* 10. Блок покупки */
#cart-flyer .purchase {
    background: transparent !important;
    border: none !important;
    padding: 12px 0 0 0 !important;
    margin: 0 !important;
    border-top: 1.5px solid #a8c4a0 !important;
}

#cart-flyer .purchase .add2cart {
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
}

/* 11. Цена в блоке покупки */
#cart-flyer .purchase .add2cart .price {
    font-family: 'Georgia', 'Times New Roman', serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #1a3a1a !important;
    flex-shrink: 0 !important;
}

/* 12. Количество */
#cart-flyer .purchase .add2cart .qty {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #ffffff !important;
    padding: 2px 10px 2px 14px !important;
    border: 1.5px solid #a8c4a0 !important;
    border-radius: 30px !important;
}

#cart-flyer .purchase .add2cart .qty span:first-child {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #4a7a45 !important;
}

#cart-flyer .purchase .add2cart .qty input {
    width: 44px !important;
    height: 30px !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1a3a1a !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    outline: none !important;
    box-sizing: border-box !important;
    -moz-appearance: textfield !important;
}

#cart-flyer .purchase .add2cart .qty input::-webkit-outer-spin-button,
#cart-flyer .purchase .add2cart .qty input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

#cart-flyer .purchase .add2cart .qty input:focus {
    outline: 2px solid #4a7a45 !important;
    border-radius: 4px !important;
}

/* 13. Кнопка "В корзину" */
#cart-flyer .purchase .add2cart input[type="submit"] {
    background: #ffffff !important;
    color: #4a7a45 !important;
    border: 1.5px solid #4a7a45 !important;
    border-radius: 8px !important;
    padding: 8px 24px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(74, 122, 69, 0.08) !important;
    flex-shrink: 0 !important;
}

#cart-flyer .purchase .add2cart input[type="submit"]:hover:not(:disabled) {
    background: #4a7a45 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 16px rgba(74, 122, 69, 0.2) !important;
}

#cart-flyer .purchase .add2cart input[type="submit"]:disabled {
    background: #e8ece6 !important;
    color: #999 !important;
    border-color: #ccc !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

/* 14. Скрываем дублирующие блоки */
#cart-flyer .stocks {
    display: none !important;
}

.sku-stock-display {
    display: none !important;
}

/* 15. Для мобильных */
@media screen and (max-width: 768px) {
    .product-sidebar.leadbox {
        padding: 10px !important;
    }
    #cart-flyer {
        padding: 12px 12px 14px 12px !important;
    }
    #cart-flyer h4 {
        font-size: 16px !important;
    }
    #cart-flyer .skus label {
        padding: 6px 10px !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
    }
    #cart-flyer .skus label span[itemprop="name"] {
        font-size: 13px !important;
        max-width: 60px !important;
    }
    #cart-flyer .skus label .price {
        font-size: 14px !important;
    }
    #cart-flyer .skus label .stock-badge-auto {
        font-size: 10px !important;
        padding: 2px 8px !important;
    }
    #cart-flyer .purchase .add2cart {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
    }
    #cart-flyer .purchase .add2cart .price {
        font-size: 22px !important;
        text-align: center !important;
    }
    #cart-flyer .purchase .add2cart .qty {
        justify-content: center !important;
    }
    #cart-flyer .purchase .add2cart input[type="submit"] {
        width: 100% !important;
        padding: 10px !important;
        font-size: 14px !important;
    }
}
/* === УБИРАЕМ ДВОЙНОЙ КОНТУР === */

/* 1. Убираем внешний контур у сайдбара */
.product-sidebar.leadbox {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* 2. Оставляем только внутренний контур у #cart-flyer */
#cart-flyer {
    background: #f0f3ed !important;
    border: 1.5px solid #a8c4a0 !important;
    border-radius: 12px !important;
    padding: 16px 18px 18px 18px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

/* 3. Убираем лишние стили у сайдбара, которые могут мешать */
.product-sidebar {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}
/* === ГРАНИЦЫ ДЛЯ ФОТОГРАФИЙ В КАРТОЧКЕ ТОВАРА === */

/* 1. Основной контейнер с фото */
.product-gallery {
    background: #f0f3ed !important;
    border: 1.5px solid #a8c4a0 !important;
    border-radius: 12px !important;
    padding: 16px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
    margin-bottom: 20px !important;
}

/* 2. Основное изображение */
#product-core-image {
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid #d4e0d0 !important;
    background: #ffffff !important;
}

#product-core-image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
}

/* 3. Миниатюры (галерея) */
#product-gallery {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 12px !important;
}

#product-gallery .image {
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 2px solid transparent !important;
    background: #ffffff !important;
    transition: all 0.2s ease !important;
    flex: 0 0 64px !important;
    width: 64px !important;
    height: 64px !important;
}

#product-gallery .image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* 4. Выбранная миниатюра */
#product-gallery .image.selected {
    border-color: #4a7a45 !important;
    box-shadow: 0 0 0 2px rgba(74, 122, 69, 0.2) !important;
}

/* 5. Миниатюра при наведении */
#product-gallery .image:hover:not(.selected) {
    border-color: #a8c4a0 !important;
    transform: scale(1.05) !important;
}

/* 6. Для мобильных */
@media screen and (max-width: 768px) {
    .product-gallery {
        padding: 12px !important;
    }
    #product-gallery .image {
        flex: 0 0 52px !important;
        width: 52px !important;
        height: 52px !important;
    }
}

/* 7. Для больших экранов */
@media screen and (min-width: 1200px) {
    #product-gallery .image {
        flex: 0 0 72px !important;
        width: 72px !important;
        height: 72px !important;
    }
}
/* === ФИКСИРУЕМ РАСПОЛОЖЕНИЕ БЛОКОВ === */

/* 1. Возвращаем правильное расположение */
.product-info {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

.product-gallery {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
}

/* 2. Возвращаем правильное расположение сайдбара */
.product-sidebar {
    float: right !important;
    width: 320px !important;
    max-width: 320px !important;
    margin-left: 30px !important;
}

/* 3. Для мобильных */
@media screen and (max-width: 768px) {
    .product-sidebar {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }
    .product-info {
        width: 100% !important;
    }
}
/* === КРАСИВОЕ ОФОРМЛЕНИЕ МИНИАТЮР (ФОТО СНИЗУ) === */

/* 1. Контейнер миниатюр */
#product-gallery {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: 14px !important;
    padding: 0 !important;
}

/* 2. Каждая миниатюра */
#product-gallery .image {
    flex: 0 0 72px !important;
    width: 72px !important;
    height: 72px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 2px solid #d4e0d0 !important;
    background: #ffffff !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    cursor: pointer !important;
    position: relative !important;
}

/* 3. Картинка внутри миниатюры */
#product-gallery .image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* 4. Выбранная миниатюра */
#product-gallery .image.selected {
    border-color: #4a7a45 !important;
    box-shadow: 0 0 0 3px rgba(74, 122, 69, 0.15), 0 4px 12px rgba(74, 122, 69, 0.15) !important;
    transform: scale(1.05) !important;
}

/* 5. При наведении */
#product-gallery .image:hover:not(.selected) {
    border-color: #a8c4a0 !important;
    transform: scale(1.04) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* 6. Эффект при клике */
#product-gallery .image:active {
    transform: scale(0.95) !important;
}

/* 7. Для мобильных устройств */
@media screen and (max-width: 768px) {
    #product-gallery .image {
        flex: 0 0 56px !important;
        width: 56px !important;
        height: 56px !important;
        border-radius: 8px !important;
        gap: 6px !important;
    }
}

/* 8. Для очень маленьких экранов */
@media screen and (max-width: 480px) {
    #product-gallery .image {
        flex: 0 0 48px !important;
        width: 48px !important;
        height: 48px !important;
        border-radius: 6px !important;
        gap: 4px !important;
    }
}

/* 9. Для больших экранов */
@media screen and (min-width: 1200px) {
    #product-gallery .image {
        flex: 0 0 80px !important;
        width: 80px !important;
        height: 80px !important;
    }
}
/* === РАСШИРЯЕМ МИНИАТЮРЫ, ЧТОБЫ ФОТО НЕ ОБРЕЗАЛИСЬ === */

/* 1. Увеличиваем размер миниатюр */
#product-gallery .image {
    flex: 0 0 96px !important;
    width: 96px !important;
    height: 96px !important;
    border-radius: 10px !important;
}

/* 2. Картинка — без обрезки */
#product-gallery .image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    background: #f8faf7 !important;
}

/* 3. Для мобильных */
@media screen and (max-width: 768px) {
    #product-gallery .image {
        flex: 0 0 72px !important;
        width: 72px !important;
        height: 72px !important;
    }
}

/* 4. Для очень маленьких экранов */
@media screen and (max-width: 480px) {
    #product-gallery .image {
        flex: 0 0 60px !important;
        width: 60px !important;
        height: 60px !important;
    }
}

/* 5. Для больших экранов */
@media screen and (min-width: 1200px) {
    #product-gallery .image {
        flex: 0 0 110px !important;
        width: 110px !important;
        height: 110px !important;
    }
}
/* === ИСПРАВЛЯЕМ ОТОБРАЖЕНИЕ МИНИАТЮР (УБИРАЕМ БЕЛЫЕ ПОЛОСЫ) === */

/* 1. Миниатюры — без белых полос */
#product-gallery .image {
    flex: 0 0 80px !important;
    width: 80px !important;
    height: 80px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 2px solid #d4e0d0 !important;
    background: #f0f3ed !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. Картинка — заполняет всю миниатюру */
#product-gallery .image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    background: #f0f3ed !important;
}

/* 3. Для мобильных */
@media screen and (max-width: 768px) {
    #product-gallery .image {
        flex: 0 0 64px !important;
        width: 64px !important;
        height: 64px !important;
    }
}

/* 4. Для очень маленьких экранов */
@media screen and (max-width: 480px) {
    #product-gallery .image {
        flex: 0 0 52px !important;
        width: 52px !important;
        height: 52px !important;
    }
}

/* 5. Для больших экранов */
@media screen and (min-width: 1200px) {
    #product-gallery .image {
        flex: 0 0 90px !important;
        width: 90px !important;
        height: 90px !important;
    }
}
/* === ОПУСКАЕМ БЛОК "КУПИТЬ ..." НИЖЕ === */

/* 1. Добавляем отступ сверху для блока покупки */
#cart-flyer {
    margin-top: 20px !important;
    padding-top: 8px !important;
}

/* 2. Или добавляем отступ перед заголовком "Купить ..." */
#cart-flyer h4 {
    margin-top: 8px !important;
    padding-top: 4px !important;
}

/* 3. Если нужно опустить весь сайдбар */
.product-sidebar {
    margin-top: 20px !important;
}

/* 4. Альтернативный вариант — отступ сверху у всего блока */
.product-sidebar.leadbox {
    margin-top: 24px !important;
}
/* === СКРЫВАЕМ БЛОК С КАТЕГОРИЯМИ === */

/* 1. Скрываем блок "Категории" */
p:has(em:contains("Категории")),
p em:contains("Категории"),
em:contains("Категории"),
p:has(em:contains("Категории:")) {
    display: none !important;
}

/* 2. Альтернативный вариант — скрываем через атрибут */
p[style*="margin-top:12px"]:has(em) {
    display: none !important;
}
/* === РЕКОМЕНДАЦИИ (ПОХОЖИЕ ТОВАРЫ) === */

/* 1. Блок рекомендаций */
.related {
    background: #f0f3ed !important;
    border: 1.5px solid #a8c4a0 !important;
    border-radius: 12px !important;
    padding: 20px 24px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. Заголовок */
.related h3 {
    color: #1a3a1a !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    font-size: 18px !important;
    border-bottom: 1.5px solid #a8c4a0 !important;
    padding-bottom: 12px !important;
    margin-bottom: 16px !important;
}

/* 3. Контейнер карусели */
.bx-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. Зона просмотра */
.bx-viewport {
    width: 100% !important;
    padding: 0 5px !important;
    overflow: hidden !important;
}

/* 5. Список товаров */
.related-bxslider,
ul.thumbs.product-list.mini {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
}

/* 6. Мини-карточки */
.related-bxslider li,
ul.thumbs.product-list.mini li {
    flex: 0 0 180px !important;
    min-width: 160px !important;
    max-width: 200px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 14px 12px !important;
    background: #ffffff !important;
    border: 1px solid #d4e0d0 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    list-style: none !important;
    margin: 0 !important;
    transition: all 0.2s ease !important;
}

.related-bxslider li:hover,
ul.thumbs.product-list.mini li:hover {
    border-color: #4a7a45 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 12px rgba(74, 122, 69, 0.08) !important;
}

/* 7. Картинка */
.related-bxslider li .image img,
ul.thumbs.product-list.mini li .image img {
    max-width: 100px !important;
    max-height: 100px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 8px auto !important;
    border-radius: 6px !important;
}

/* 8. Название */
.related-bxslider li h5,
ul.thumbs.product-list.mini li h5 {
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin: 4px 0 6px 0 !important;
    padding: 0 4px !important;
    min-height: 32px !important;
    max-height: 40px !important;
    overflow: hidden !important;
    line-height: 1.2 !important;
    border-bottom: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    color: #1a3a1a !important;
    width: 100% !important;
}

/* 9. Цена */
.related-bxslider li .price,
ul.thumbs.product-list.mini li .price {
    font-size: 17px !important;
    font-weight: 700 !important;
    text-align: center !important;
    display: block !important;
    margin: 4px 0 8px 0 !important;
    color: #1a3a1a !important;
}

/* 10. Кнопка "В корзину" */
.related-bxslider li .purchase.addtocart input[type="submit"],
ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
    font-size: 12px !important;
    padding: 5px 14px !important;
    height: 30px !important;
    background: #ffffff !important;
    color: #4a7a45 !important;
    border: 1.5px solid #4a7a45 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    width: 100% !important;
    max-width: 110px !important;
    white-space: nowrap !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

.related-bxslider li .purchase.addtocart input[type="submit"]:hover,
ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"]:hover {
    background: #4a7a45 !important;
    color: #ffffff !important;
    transform: scale(1.03) !important;
}

/* 11. Скрываем лишнее */
.related-bxslider li .qty,
ul.thumbs.product-list.mini li .qty,
.related-bxslider li .offers:not(.purchase),
ul.thumbs.product-list.mini li .offers:not(.purchase),
.related-bxslider li .adding2cart,
.related-bxslider li .added2cart,
.related-bxslider .bx-clone,
ul.thumbs.product-list.mini .bx-clone {
    display: none !important;
}

/* 12. СТРЕЛКИ — КРАСИВЫЕ, ЗЕЛЁНЫЕ */
.bx-controls-direction {
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-top: 14px !important;
}

.bx-controls-direction .bx-prev,
.bx-controls-direction .bx-next {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 20px !important;
    background: linear-gradient(145deg, #4a7a45, #3a6a35) !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(74, 122, 69, 0.2) !important;
    letter-spacing: 0.5px !important;
}

.bx-controls-direction .bx-prev:hover,
.bx-controls-direction .bx-next:hover {
    background: linear-gradient(145deg, #5a8a55, #4a7a45) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(74, 122, 69, 0.3) !important;
}

.bx-controls-direction .bx-prev:active,
.bx-controls-direction .bx-next:active {
    transform: translateY(0) !important;
}

/* 13. Текст на стрелках */
.bx-controls-direction .bx-prev::after {
    content: "◀ Назад" !important;
    font-size: 13px !important;
}

.bx-controls-direction .bx-next::after {
    content: "Вперёд ▶" !important;
    font-size: 13px !important;
}

.bx-controls-direction .bx-prev,
.bx-controls-direction .bx-next {
    font-size: 0 !important;
}

/* 14. Для мобильных */
@media screen and (max-width: 768px) {
    .related {
        padding: 14px 12px !important;
    }
    .related h3 {
        font-size: 15px !important;
    }
    .related-bxslider li,
    ul.thumbs.product-list.mini li {
        flex: 0 0 140px !important;
        min-width: 120px !important;
        padding: 10px 8px !important;
    }
    .related-bxslider li .image img,
    ul.thumbs.product-list.mini li .image img {
        max-width: 70px !important;
        max-height: 70px !important;
    }
    .related-bxslider li h5,
    ul.thumbs.product-list.mini li h5 {
        font-size: 11px !important;
        min-height: 26px !important;
        max-height: 32px !important;
    }
    .related-bxslider li .price,
    ul.thumbs.product-list.mini li .price {
        font-size: 14px !important;
    }
    .related-bxslider li .purchase.addtocart input[type="submit"],
    ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
        font-size: 10px !important;
        padding: 4px 10px !important;
        height: 26px !important;
        max-width: 80px !important;
    }
    .bx-controls-direction .bx-prev::after {
        content: "◀" !important;
    }
    .bx-controls-direction .bx-next::after {
        content: "▶" !important;
    }
    .bx-controls-direction .bx-prev,
    .bx-controls-direction .bx-next {
        padding: 6px 14px !important;
        font-size: 0 !important;
        min-width: 40px !important;
    }
}
/* === РЕКОМЕНДАЦИИ (ПОХОЖИЕ ТОВАРЫ) — ОБНОВЛЁННЫЙ === */

/* 1. Блок рекомендаций */
.related {
    background: #f0f3ed !important;
    border: 1.5px solid #a8c4a0 !important;
    border-radius: 12px !important;
    padding: 20px 24px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. Заголовок */
.related h3 {
    color: #1a3a1a !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    font-size: 18px !important;
    border-bottom: 1.5px solid #a8c4a0 !important;
    padding-bottom: 12px !important;
    margin-bottom: 16px !important;
}

/* 3. Контейнер карусели */
.bx-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

/* 4. Зона просмотра */
.bx-viewport {
    width: 100% !important;
    padding: 0 40px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* 5. Список товаров */
.related-bxslider,
ul.thumbs.product-list.mini {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
}

/* 6. Мини-карточки — УМЕНЬШЕННОЕ КОЛИЧЕСТВО (3-4 в ряд) */
.related-bxslider li,
ul.thumbs.product-list.mini li {
    flex: 0 0 220px !important;
    min-width: 190px !important;
    max-width: 250px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 16px 14px !important;
    background: #ffffff !important;
    border: 1px solid #d4e0d0 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    list-style: none !important;
    margin: 0 !important;
    transition: all 0.2s ease !important;
    height: 100% !important;
}

.related-bxslider li:hover,
ul.thumbs.product-list.mini li:hover {
    border-color: #4a7a45 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 12px rgba(74, 122, 69, 0.08) !important;
}

/* 7. Картинка */
.related-bxslider li .image img,
ul.thumbs.product-list.mini li .image img {
    max-width: 120px !important;
    max-height: 120px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 8px auto !important;
    border-radius: 6px !important;
}

/* 8. Название */
.related-bxslider li h5,
ul.thumbs.product-list.mini li h5 {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin: 4px 0 6px 0 !important;
    padding: 0 4px !important;
    min-height: 36px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    line-height: 1.2 !important;
    border-bottom: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    color: #1a3a1a !important;
    width: 100% !important;
}

/* 9. Цена */
.related-bxslider li .price,
ul.thumbs.product-list.mini li .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    text-align: center !important;
    display: block !important;
    margin: 4px 0 8px 0 !important;
    color: #1a3a1a !important;
}

/* 10. Кнопка "В корзину" */
.related-bxslider li .purchase.addtocart input[type="submit"],
ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
    font-size: 12px !important;
    padding: 5px 16px !important;
    height: 32px !important;
    background: #ffffff !important;
    color: #4a7a45 !important;
    border: 1.5px solid #4a7a45 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    width: 100% !important;
    max-width: 120px !important;
    white-space: nowrap !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

.related-bxslider li .purchase.addtocart input[type="submit"]:hover,
ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"]:hover {
    background: #4a7a45 !important;
    color: #ffffff !important;
    transform: scale(1.03) !important;
}

/* 11. Скрываем лишнее */
.related-bxslider li .qty,
ul.thumbs.product-list.mini li .qty,
.related-bxslider li .offers:not(.purchase),
ul.thumbs.product-list.mini li .offers:not(.purchase),
.related-bxslider li .adding2cart,
.related-bxslider li .added2cart,
.related-bxslider .bx-clone,
ul.thumbs.product-list.mini .bx-clone {
    display: none !important;
}

/* 12. СТРЕЛКИ — КРАСИВЫЕ, ЗЕЛЁНЫЕ С ТЕКСТОМ */
.bx-controls-direction {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

.bx-controls-direction .bx-prev,
.bx-controls-direction .bx-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 12px !important;
    background: linear-gradient(145deg, #4a7a45, #3a6a35) !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    text-decoration: none !important;
    font-size: 0 !important;
    font-weight: 600 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    border: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(74, 122, 69, 0.25) !important;
    z-index: 10 !important;
    min-width: 44px !important;
    min-height: 44px !important;
}

.bx-controls-direction .bx-prev {
    left: 0 !important;
}

.bx-controls-direction .bx-next {
    right: 0 !important;
}

.bx-controls-direction .bx-prev:hover,
.bx-controls-direction .bx-next:hover {
    background: linear-gradient(145deg, #5a8a55, #4a7a45) !important;
    transform: translateY(-50%) scale(1.08) !important;
    box-shadow: 0 6px 20px rgba(74, 122, 69, 0.35) !important;
}

.bx-controls-direction .bx-prev:active,
.bx-controls-direction .bx-next:active {
    transform: translateY(-50%) scale(0.95) !important;
}

.bx-controls-direction .bx-prev::after {
    content: "◀" !important;
    font-size: 20px !important;
    line-height: 1 !important;
    color: #ffffff !important;
}

.bx-controls-direction .bx-next::after {
    content: "▶" !important;
    font-size: 20px !important;
    line-height: 1 !important;
    color: #ffffff !important;
}

/* 13. Для мобильных */
@media screen and (max-width: 768px) {
    .related {
        padding: 14px 12px !important;
    }
    .related h3 {
        font-size: 15px !important;
    }
    .bx-viewport {
        padding: 0 30px !important;
    }
    .related-bxslider li,
    ul.thumbs.product-list.mini li {
        flex: 0 0 160px !important;
        min-width: 140px !important;
        padding: 12px 10px !important;
    }
    .related-bxslider li .image img,
    ul.thumbs.product-list.mini li .image img {
        max-width: 80px !important;
        max-height: 80px !important;
    }
    .related-bxslider li h5,
    ul.thumbs.product-list.mini li h5 {
        font-size: 12px !important;
        min-height: 30px !important;
        max-height: 36px !important;
    }
    .related-bxslider li .price,
    ul.thumbs.product-list.mini li .price {
        font-size: 15px !important;
    }
    .related-bxslider li .purchase.addtocart input[type="submit"],
    ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
        font-size: 11px !important;
        padding: 4px 12px !important;
        height: 28px !important;
        max-width: 90px !important;
    }
    .bx-controls-direction .bx-prev {
        left: -5px !important;
    }
    .bx-controls-direction .bx-next {
        right: -5px !important;
    }
    .bx-controls-direction .bx-prev::after,
    .bx-controls-direction .bx-next::after {
        font-size: 16px !important;
    }
    .bx-controls-direction .bx-prev,
    .bx-controls-direction .bx-next {
        min-width: 36px !important;
        min-height: 36px !important;
        padding: 6px 8px !important;
    }
}
/* === КАРУСЕЛЬ РЕКОМЕНДАЦИЙ — 4 КАРТОЧКИ, ЗЕЛЁНЫЙ ФОН, КРАСИВЫЕ СТРЕЛКИ === */

/* 1. Блок рекомендаций — без белого фона */
.related {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    margin-bottom: 30px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. Заголовок */
.related h3 {
    color: #1a3a1a !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    font-size: 20px !important;
    border-bottom: 2px solid #d4e8d0 !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
}

/* 3. Контейнер карусели */
.bx-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

/* 4. Зона просмотра */
.bx-viewport {
    width: 100% !important;
    padding: 0 50px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* 5. Список товаров */
.related-bxslider,
ul.thumbs.product-list.mini {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
}

/* 6. Мини-карточки — 4 В РЯД */
.related-bxslider li,
ul.thumbs.product-list.mini li {
    flex: 0 0 calc(25% - 20px) !important;
    min-width: 180px !important;
    max-width: 260px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 18px 14px !important;
    background: #f8faf7 !important;
    border: 1px solid #d4e8d0 !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    list-style: none !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(74, 122, 69, 0.04) !important;
}

.related-bxslider li:hover,
ul.thumbs.product-list.mini li:hover {
    border-color: #4a7a45 !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 6px 20px rgba(74, 122, 69, 0.08) !important;
    background: #ffffff !important;
}

/* 7. Картинка */
.related-bxslider li .image img,
ul.thumbs.product-list.mini li .image img {
    max-width: 130px !important;
    max-height: 130px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 10px auto !important;
    border-radius: 8px !important;
}

/* 8. Название */
.related-bxslider li h5,
ul.thumbs.product-list.mini li h5 {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin: 6px 0 6px 0 !important;
    padding: 0 4px !important;
    min-height: 38px !important;
    max-height: 46px !important;
    overflow: hidden !important;
    line-height: 1.3 !important;
    border-bottom: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    color: #1a3a1a !important;
    width: 100% !important;
}

/* 9. Цена */
.related-bxslider li .price,
ul.thumbs.product-list.mini li .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    text-align: center !important;
    display: block !important;
    margin: 6px 0 12px 0 !important;
    color: #1a3a1a !important;
}

/* 10. Кнопка "В корзину" */
.related-bxslider li .purchase.addtocart input[type="submit"],
ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
    font-size: 13px !important;
    padding: 6px 18px !important;
    height: 34px !important;
    background: #ffffff !important;
    color: #4a7a45 !important;
    border: 1.5px solid #4a7a45 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    width: 100% !important;
    max-width: 130px !important;
    white-space: nowrap !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.related-bxslider li .purchase.addtocart input[type="submit"]:hover,
ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"]:hover {
    background: #4a7a45 !important;
    color: #ffffff !important;
    transform: scale(1.04) !important;
}

/* 11. Скрываем лишнее */
.related-bxslider li .qty,
ul.thumbs.product-list.mini li .qty,
.related-bxslider li .offers:not(.purchase),
ul.thumbs.product-list.mini li .offers:not(.purchase),
.related-bxslider li .adding2cart,
.related-bxslider li .added2cart,
.related-bxslider .bx-clone,
ul.thumbs.product-list.mini .bx-clone {
    display: none !important;
}

/* 12. СТРЕЛКИ — ПОНЯТНЫЕ, КРАСИВЫЕ, ЗЕЛЁНЫЕ */
.bx-controls-direction {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

.bx-controls-direction .bx-prev,
.bx-controls-direction .bx-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 10px 18px !important;
    background: linear-gradient(145deg, #4a7a45, #3a6a35) !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    border: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 16px rgba(74, 122, 69, 0.3) !important;
    z-index: 10 !important;
    letter-spacing: 0.5px !important;
    min-height: 42px !important;
}

.bx-controls-direction .bx-prev {
    left: -5px !important;
}

.bx-controls-direction .bx-next {
    right: -5px !important;
}

.bx-controls-direction .bx-prev::after {
    content: "◀ Назад" !important;
    font-size: 14px !important;
    line-height: 1 !important;
    color: #ffffff !important;
}

.bx-controls-direction .bx-next::after {
    content: "Вперёд ▶" !important;
    font-size: 14px !important;
    line-height: 1 !important;
    color: #ffffff !important;
}

.bx-controls-direction .bx-prev:hover,
.bx-controls-direction .bx-next:hover {
    background: linear-gradient(145deg, #5a8a55, #4a7a45) !important;
    transform: translateY(-50%) scale(1.05) !important;
    box-shadow: 0 6px 24px rgba(74, 122, 69, 0.4) !important;
}

.bx-controls-direction .bx-prev:active,
.bx-controls-direction .bx-next:active {
    transform: translateY(-50%) scale(0.95) !important;
}

/* 13. Для мобильных */
@media screen and (max-width: 768px) {
    .bx-viewport {
        padding: 0 30px !important;
    }
    .related-bxslider li,
    ul.thumbs.product-list.mini li {
        flex: 0 0 calc(50% - 10px) !important;
        min-width: 140px !important;
        padding: 12px 10px !important;
    }
    .related-bxslider li .image img,
    ul.thumbs.product-list.mini li .image img {
        max-width: 80px !important;
        max-height: 80px !important;
    }
    .related-bxslider li h5,
    ul.thumbs.product-list.mini li h5 {
        font-size: 12px !important;
        min-height: 30px !important;
        max-height: 36px !important;
    }
    
    .related-bxslider li .price,
    ul.thumbs.product-list.mini li .price {
        font-size: 15px !important;
    }
    .related-bxslider li .purchase.addtocart input[type="submit"],
    ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
        font-size: 11px !important;
        padding: 4px 12px !important;
        height: 28px !important;
        max-width: 90px !important;
    }
    .bx-controls-direction .bx-prev,
    .bx-controls-direction .bx-next {
        padding: 6px 10px !important;
        min-height: 32px !important;
    }
    .bx-controls-direction .bx-prev::after {
        content: "◀" !important;
        font-size: 16px !important;
    }
    .bx-controls-direction .bx-next::after {
        content: "▶" !important;
        font-size: 16px !important;
    }
    .bx-controls-direction .bx-prev {
        left: -5px !important;
    }
    .bx-controls-direction .bx-next {
        right: -5px !important;
    }
}
/* === КАРУСЕЛЬ РЕКОМЕНДАЦИЙ — ЕДИНЫЙ СТИЛЬ === */

/* 1. Блок рекомендаций */
.related {
    background: #f0f3ed !important;
    border: 1.5px solid #a8c4a0 !important;
    border-radius: 12px !important;
    padding: 20px 24px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. Заголовок */
.related h3 {
    color: #1a3a1a !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    font-size: 18px !important;
    border-bottom: 1.5px solid #a8c4a0 !important;
    padding-bottom: 12px !important;
    margin-bottom: 16px !important;
}

/* 3. Контейнер карусели */
.bx-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

/* 4. Зона просмотра */
.bx-viewport {
    width: 100% !important;
    padding: 0 40px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* 5. Список товаров */
.related-bxslider,
ul.thumbs.product-list.mini {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
}

/* 6. Мини-карточки */
.related-bxslider li,
ul.thumbs.product-list.mini li {
    flex: 0 0 200px !important;
    min-width: 170px !important;
    max-width: 230px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 16px 14px !important;
    background: #ffffff !important;
    border: 1px solid #d4e0d0 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    list-style: none !important;
    margin: 0 !important;
    transition: all 0.2s ease !important;
}

.related-bxslider li:hover,
ul.thumbs.product-list.mini li:hover {
    border-color: #4a7a45 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 12px rgba(74, 122, 69, 0.08) !important;
}

/* 7. Картинка */
.related-bxslider li .image img,
ul.thumbs.product-list.mini li .image img {
    max-width: 110px !important;
    max-height: 110px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 8px auto !important;
    border-radius: 6px !important;
}

/* 8. Название — ПО ЦЕНТРУ */
.related-bxslider li h5,
ul.thumbs.product-list.mini li h5 {
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin: 4px 0 6px 0 !important;
    padding: 0 4px !important;
    min-height: 34px !important;
    max-height: 42px !important;
    overflow: hidden !important;
    line-height: 1.2 !important;
    border-bottom: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    color: #1a3a1a !important;
    width: 100% !important;
    justify-content: center !important;
}

/* 9. Цена — ПО ЦЕНТРУ */
.related-bxslider li .price,
ul.thumbs.product-list.mini li .price {
    font-size: 17px !important;
    font-weight: 700 !important;
    text-align: center !important;
    display: block !important;
    margin: 4px 0 10px 0 !important;
    color: #1a3a1a !important;
    width: 100% !important;
}

/* 10. Кнопка "В корзину" — ПО ЦЕНТРУ */
.related-bxslider li .purchase.addtocart,
ul.thumbs.product-list.mini li .purchase.addtocart {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

.related-bxslider li .purchase.addtocart input[type="submit"],
ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
    font-size: 12px !important;
    padding: 5px 14px !important;
    height: 30px !important;
    background: #ffffff !important;
    color: #4a7a45 !important;
    border: 1.5px solid #4a7a45 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    width: 100% !important;
    max-width: 110px !important;
    white-space: nowrap !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
}

.related-bxslider li .purchase.addtocart input[type="submit"]:hover,
ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"]:hover {
    background: #4a7a45 !important;
    color: #ffffff !important;
    transform: scale(1.03) !important;
}

/* 11. Скрываем лишнее */
.related-bxslider li .qty,
ul.thumbs.product-list.mini li .qty,
.related-bxslider li .offers:not(.purchase),
ul.thumbs.product-list.mini li .offers:not(.purchase),
.related-bxslider li .adding2cart,
.related-bxslider li .added2cart,
.related-bxslider .bx-clone,
ul.thumbs.product-list.mini .bx-clone {
    display: none !important;
}

/* 12. Стрелки — красивые, с текстом */
.bx-controls-direction {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

.bx-controls-direction .bx-prev,
.bx-controls-direction .bx-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 16px !important;
    background: linear-gradient(145deg, #4a7a45, #3a6a35) !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    text-decoration: none !important;
    font-size: 0 !important;
    font-weight: 600 !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    border: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(74, 122, 69, 0.25) !important;
    z-index: 10 !important;
    min-width: 44px !important;
    min-height: 40px !important;
}

.bx-controls-direction .bx-prev {
    left: 0 !important;
}

.bx-controls-direction .bx-next {
    right: 0 !important;
}

.bx-controls-direction .bx-prev::after {
    content: "◀" !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: #ffffff !important;
}

.bx-controls-direction .bx-next::after {
    content: "▶" !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: #ffffff !important;
}

.bx-controls-direction .bx-prev:hover,
.bx-controls-direction .bx-next:hover {
    background: linear-gradient(145deg, #5a8a55, #4a7a45) !important;
    transform: translateY(-50%) scale(1.08) !important;
    box-shadow: 0 6px 20px rgba(74, 122, 69, 0.35) !important;
}

/* 13. Для мобильных */
@media screen and (max-width: 768px) {
    .related {
        padding: 14px 12px !important;
    }
    .related h3 {
        font-size: 15px !important;
    }
    .bx-viewport {
        padding: 0 30px !important;
    }
    .related-bxslider li,
    ul.thumbs.product-list.mini li {
        flex: 0 0 150px !important;
        min-width: 130px !important;
        padding: 12px 10px !important;
    }
    .related-bxslider li .image img,
    ul.thumbs.product-list.mini li .image img {
        max-width: 80px !important;
        max-height: 80px !important;
    }
    .related-bxslider li h5,
    ul.thumbs.product-list.mini li h5 {
        font-size: 12px !important;
        min-height: 28px !important;
        max-height: 34px !important;
    }
    .related-bxslider li .price,
    ul.thumbs.product-list.mini li .price {
        font-size: 15px !important;
    }
    .related-bxslider li .purchase.addtocart input[type="submit"],
    ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
        font-size: 11px !important;
        padding: 4px 10px !important;
        height: 28px !important;
        max-width: 90px !important;
    }
    .bx-controls-direction .bx-prev,
    .bx-controls-direction .bx-next {
        min-width: 36px !important;
        min-height: 34px !important;
        padding: 6px 10px !important;
    }
    .bx-controls-direction .bx-prev::after,
    .bx-controls-direction .bx-next::after {
        font-size: 16px !important;
    }
}
/* === КАРУСЕЛЬ НА ТЕЛЕФОНЕ (ГОРИЗОНТАЛЬНАЯ ПРОКРУТКА) === */

@media screen and (max-width: 768px) {
    
    /* 1. Контейнер карусели */
    .bx-wrapper {
        max-width: 100% !important;
        overflow: hidden !important;
        position: relative !important;
        padding: 0 5px !important;
    }
    
    .bx-viewport {
        overflow: visible !important;
        height: auto !important !important;
        min-height: auto !important;
        max-height: none !important;
        padding: 5px 0 !important;
        margin: 0 !important;
    }
    
    /* 2. Список товаров — горизонтальная прокрутка */
    .related-bxslider,
    ul.thumbs.product-list.mini {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
        padding: 8px 4px !important;
        margin: 0 !important;
        width: auto !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x mandatory !important;
        transform: none !important;
        transition: none !important;
        position: static !important;
        list-style: none !important;
    }
    
    /* 3. Каждая карточка */
    .related-bxslider li,
    ul.thumbs.product-list.mini li {
        flex: 0 0 140px !important;
        min-width: 130px !important;
        max-width: 160px !important;
        width: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 12px 10px !important;
        background: #ffffff !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
        float: none !important;
        margin: 0 !important;
        height: auto !important;
        min-height: 220px !important;
        scroll-snap-align: start !important;
        position: static !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    }
    
    /* 4. Картинка */
    .related-bxslider li .image img,
    ul.thumbs.product-list.mini li .image img {
        max-width: 80px !important;
        max-height: 80px !important;
        width: auto !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto 6px auto !important;
        border-radius: 6px !important;
    }
    
    /* 5. Название */
    .related-bxslider li h5,
    ul.thumbs.product-list.mini li h5 {
        font-size: 12px !important;
        font-weight: 600 !important;
        text-align: center !important;
        margin: 4px 0 4px 0 !important;
        padding: 0 4px !important;
        min-height: 28px !important;
        max-height: 36px !important;
        overflow: hidden !important;
        line-height: 1.3 !important;
        border-bottom: none !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        color: #1a1a1a !important;
        width: 100% !important;
        font-family: 'Georgia', 'Times New Roman', serif !important;
    }
    
    /* 6. Цена */
    .related-bxslider li .price,
    ul.thumbs.product-list.mini li .price {
        font-size: 16px !important;
        font-weight: 700 !important;
        text-align: center !important;
        display: block !important;
        margin: 4px 0 8px 0 !important;
        color: #1a1a1a !important;
        font-family: 'Montserrat', Arial, sans-serif !important;
    }
    
    /* 7. Кнопка "В корзину" */
    .related-bxslider li .purchase.addtocart input[type="submit"],
    ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
        font-size: 11px !important;
        font-weight: 600 !important;
        padding: 5px 12px !important;
        height: 28px !important;
        background: #ffffff !important;
        color: #377d32 !important;
        border: 1.5px solid #377d32 !important;
        border-radius: 6px !important;
        cursor: pointer !important;
        width: 100% !important;
        max-width: 100px !important;
        white-space: nowrap !important;
        transition: all 0.3s ease !important;
    }
    
    .related-bxslider li .purchase.addtocart input[type="submit"]:hover,
    ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"]:hover {
        background: #377d32 !important;
        color: #ffffff !important;
    }
    
    /* 8. Скрываем лишнее */
    .related-bxslider li .qty,
    ul.thumbs.product-list.mini li .qty,
    .related-bxslider li .offers:not(.purchase),
    ul.thumbs.product-list.mini li .offers:not(.purchase),
    .related-bxslider li .adding2cart,
    .related-bxslider li .added2cart,
    .related-bxslider .bx-clone,
    ul.thumbs.product-list.mini .bx-clone {
        display: none !important;
    }
    
    /* 9. Скрываем стрелки */
    .bx-controls,
    .bx-controls-direction,
    .bx-prev,
    .bx-next {
        display: none !important;
    }
    
    /* 10. Скрываем дубли */
    .related-bxslider li.bx-clone,
    ul.thumbs.product-list.mini li.bx-clone {
        display: none !important;
    }
}


/* ОЧЕНЬ МАЛЕНЬКИЕ ТЕЛЕФОНЫ (до 400px) */
@media screen and (max-width: 400px) {
    
    .related-bxslider li,
    ul.thumbs.product-list.mini li {
        flex: 0 0 120px !important;
        min-width: 110px !important;
        max-width: 140px !important;
        padding: 10px 8px !important;
        min-height: 190px !important;
    }
    
    .related-bxslider li .image img,
    ul.thumbs.product-list.mini li .image img {
        max-width: 60px !important;
        max-height: 60px !important;
    }
    
    .related-bxslider li h5,
    ul.thumbs.product-list.mini li h5 {
        font-size: 11px !important;
        min-height: 24px !important;
        max-height: 30px !important;
    }
    
    .related-bxslider li .price,
    ul.thumbs.product-list.mini li .price {
        font-size: 14px !important;
    }
    
    .related-bxslider li .purchase.addtocart input[type="submit"],
    ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
        font-size: 10px !important;
        padding: 4px 8px !important;
        height: 24px !important;
        max-width: 80px !important;
    }
}
/* === КАРУСЕЛЬ НА КОМПЬЮТЕРЕ — СЕТКА 3-4 ТОВАРА В РЯД === */

/* 1. Контейнер карусели */
.bx-wrapper {
    max-width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    padding: 0 5px !important;
}

.bx-viewport {
    overflow: visible !important;
    height: auto !important !important;
    min-height: auto !important;
    max-height: none !important;
    padding: 5px 0 !important;
    margin: 0 !important;
}

/* 2. Список товаров — СЕТКА НА КОМПЬЮТЕРЕ */
.related-bxslider,
ul.thumbs.product-list.mini {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    padding: 15px 0 !important;
    margin: 0 !important;
    width: 100% !important;
    overflow: visible !important;
    transform: none !important;
    transition: none !important;
    position: static !important;
    list-style: none !important;
}

/* 3. Каждая карточка */
.related-bxslider li,
ul.thumbs.product-list.mini li {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 16px 14px !important;
    background: #ffffff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    float: none !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 260px !important;
    position: static !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
}

.related-bxslider li:hover,
ul.thumbs.product-list.mini li:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-3px) !important;
}

/* 4. Картинка */
.related-bxslider li .image img,
ul.thumbs.product-list.mini li .image img {
    max-width: 120px !important;
    max-height: 120px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 8px auto !important;
    border-radius: 8px !important;
}

/* 5. Название */
.related-bxslider li h5,
ul.thumbs.product-list.mini li h5 {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin: 6px 0 4px 0 !important;
    padding: 0 4px !important;
    min-height: 32px !important;
    max-height: 42px !important;
    overflow: hidden !important;
    line-height: 1.3 !important;
    border-bottom: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    color: #1a1a1a !important;
    width: 100% !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
}

/* 6. Цена */
.related-bxslider li .price,
ul.thumbs.product-list.mini li .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    text-align: center !important;
    display: block !important;
    margin: 6px 0 10px 0 !important;
    color: #1a1a1a !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
}

/* 7. Кнопка "В корзину" */
.related-bxslider li .purchase.addtocart input[type="submit"],
ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 6px 16px !important;
    height: 34px !important;
    background: #ffffff !important;
    color: #377d32 !important;
    border: 1.5px solid #377d32 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    width: 100% !important;
    max-width: 120px !important;
    white-space: nowrap !important;
    transition: all 0.3s ease !important;
}

.related-bxslider li .purchase.addtocart input[type="submit"]:hover,
ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"]:hover {
    background: #377d32 !important;
    color: #ffffff !important;
}

/* 8. Скрываем лишнее */
.related-bxslider li .qty,
ul.thumbs.product-list.mini li .qty,
.related-bxslider li .offers:not(.purchase),
ul.thumbs.product-list.mini li .offers:not(.purchase),
.related-bxslider li .adding2cart,
.related-bxslider li .added2cart,
.related-bxslider .bx-clone,
ul.thumbs.product-list.mini .bx-clone {
    display: none !important;
}

/* 9. Скрываем стрелки на компьютере */
.bx-controls,
.bx-controls-direction,
.bx-prev,
.bx-next {
    display: none !important;
}

/* 10. 3 товара в ряд для средних экранов */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    
    .related-bxslider,
    ul.thumbs.product-list.mini {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 16px !important;
    }
    
    .related-bxslider li,
    ul.thumbs.product-list.mini li {
        min-height: 240px !important;
        padding: 14px 12px !important;
    }
    
    .related-bxslider li .image img,
    ul.thumbs.product-list.mini li .image img {
        max-width: 100px !important;
        max-height: 100px !important;
    }
    
    .related-bxslider li h5,
    ul.thumbs.product-list.mini li h5 {
        font-size: 13px !important;
    }
    
    .related-bxslider li .price,
    ul.thumbs.product-list.mini li .price {
        font-size: 16px !important;
    }
}

/* 11. Для мобильных устройств (оставляем горизонтальную прокрутку) */
@media screen and (max-width: 768px) {
    
    .related-bxslider,
    ul.thumbs.product-list.mini {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
        padding: 8px 4px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x mandatory !important;
    }
    
    .related-bxslider li,
    ul.thumbs.product-list.mini li {
        flex: 0 0 140px !important;
        min-width: 130px !important;
        max-width: 160px !important;
        min-height: 220px !important;
        padding: 12px 10px !important;
        scroll-snap-align: start !important;
    }
    
    .related-bxslider li .image img,
    ul.thumbs.product-list.mini li .image img {
        max-width: 80px !important;
        max-height: 80px !important;
    }
    
    .related-bxslider li h5,
    ul.thumbs.product-list.mini li h5 {
        font-size: 12px !important;
        min-height: 28px !important;
        max-height: 36px !important;
    }
    
    .related-bxslider li .price,
    ul.thumbs.product-list.mini li .price {
        font-size: 16px !important;
    }
    
    .related-bxslider li .purchase.addtocart input[type="submit"],
    ul.thumbs.product-list.mini li .purchase.addtocart input[type="submit"] {
        font-size: 11px !important;
        padding: 5px 12px !important;
        height: 28px !important;
        max-width: 100px !important;
    }
}
/* === ПОИСК В ШАПКЕ НА ТЕЛЕФОНЕ === */

@media screen and (max-width: 768px) {
    
    /* 1. Показываем поиск в шапке */
    header .search {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 6px 10px !important;
        margin: 0 !important;
        float: none !important;
        clear: both !important;
        order: 10 !important;
        box-sizing: border-box !important;
    }
    
    /* 2. Контейнер поиска */
    header .search .search-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        height: 38px !important;
        padding: 0 12px !important;
        border-radius: 8px !important;
        background: #ffffff !important;
        border: 1.5px solid #e0e8dd !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
    }
    
    /* 3. Поле ввода */
    header .search .search-wrapper input {
        width: 100% !important;
        height: 36px !important;
        font-size: 14px !important;
        padding: 0 10px !important;
        border: none !important;
        background: transparent !important;
        outline: none !important;
        color: #1a1a1a !important;
    }
    
    header .search .search-wrapper input::placeholder {
        color: #999 !important;
        font-size: 13px !important;
    }
    
    /* 4. Кнопка поиска */
    header .search .search-wrapper button {
        position: static !important;
        width: 32px !important;
        height: 32px !important;
        background: transparent !important;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>') !important;
        background-size: 20px 20px !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        border: none !important;
        cursor: pointer !important;
        flex-shrink: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* 5. Скрываем бургер-меню (если поиск теперь виден) */
    #mobile-nav-toggle {
        /* можно скрыть, но оставим для навигации */
    }
    
    /* 6. Шапка — вертикальное расположение */
    header #globalnav .container {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 6px !important;
        padding: 8px 10px !important;
    }
    
    /* 7. Верхняя часть шапки (логотип + корзина + бургер) */
    header #globalnav .wa-flex-box {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        gap: 10px !important;
    }
    
    /* 8. Логотип */
    header #globalnav .column:first-child {
        flex: 1 1 auto !important;
    }
    
    header h2 {
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        float: none !important;
        left: auto !important;
        top: auto !important;
    }
    
    header h2 a img,
    header .logo img {
        max-height: 35px !important;
    }
    
    /* 9. Корзина */
    #cart {
        flex-shrink: 0 !important;
        margin: 0 !important;
        position: static !important;
        right: auto !important;
        top: auto !important;
    }
    
    #cart .cart-summary {
        padding: 6px 10px !important;
        background: transparent !important;
    }
    
    #cart .cart-icon {
        background-size: 20px 20px !important;
        width: 20px !important;
        height: 20px !important;
    }
    
    #cart .cart-total {
        font-size: 13px !important;
    }
    
    /* 10. Бургер-меню (три полоски) */
    #mobile-nav-toggle {
        display: block !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
        padding: 5px !important;
        width: 32px !important;
        height: 32px !important;
        background-size: 28px 24px !important;
        background-position: center !important;
        border: none !important;
        background-color: transparent !important;
        cursor: pointer !important;
    }
    
    /* 11. Скрываем стандартные кнопки авторизации (если мешают) */
    header .auth {
        display: none !important;
    }
    
    header .apps {
        display: none !important;
    }
}


/* ОЧЕНЬ МАЛЕНЬКИЕ ТЕЛЕФОНЫ (до 400px) */
@media screen and (max-width: 400px) {
    
    header .search .search-wrapper {
        height: 34px !important;
    }
    
    header .search .search-wrapper input {
        height: 32px !important;
        font-size: 12px !important;
    }
    
    header h2 a img,
    header .logo img {
        max-height: 28px !important;
    }
    
    #cart .cart-summary {
        padding: 4px 8px !important;
    }
    
    #cart .cart-icon {
        width: 18px !important;
        height: 18px !important;
    }
    
    #cart .cart-total {
        font-size: 12px !important;
    }
}
/* === СКРЫВАЕМ ПОИСК В БУРГЕР-МЕНЮ НА ТЕЛЕФОНЕ === */

@media screen and (max-width: 768px) {
    
    /* 1. Скрываем поиск в выезжающем меню */
    .nav-negative.search,
    header .search.nav-negative,
    .nav-negative .search-wrapper,
    .nav-negative.search input,
    .nav-negative.search button {
        display: none !important;
    }
    
    /* 2. Скрываем весь блок поиска внутри бургер-меню */
    .nav-negative.search {
        display: none !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }
    
    /* 3. Оставляем только Вход и Регистрацию в бургер-меню */
    .nav-negative.auth {
        display: block !important;
        background: transparent !important;
        border: none !important;
        padding: 10px 0 !important;
        margin: 0 !important;
    }
    
    .nav-negative.auth li {
        display: inline-block !important;
        margin: 0 8px !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
    }
    
    .nav-negative.auth li a {
        padding: 8px 16px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #333 !important;
        background: #f0f0f0 !important;
        border-radius: 6px !important;
        text-decoration: none !important;
        display: inline-block !important;
        transition: background 0.3s ease !important;
    }
    
    .nav-negative.auth li a:hover {
        background: #4a7a45 !important;
        color: #ffffff !important;
    }
    
    /* 4. Скрываем приложения (apps) в бургер-меню, если они там есть */
    .nav-negative.apps {
        display: none !important;
    }
    
    /* 5. Скрываем всё лишнее в бургер-меню */
    .nav-negative {
        padding: 10px 16px !important;
        background: #ffffff !important;
        border-bottom: 1px solid #e0e8dd !important;
    }
    
    .nav-negative li {
        list-style: none !important;
        display: block !important;
        padding: 0 !important;
        margin: 4px 0 !important;
        border: none !important;
    }
}


/* ОЧЕНЬ МАЛЕНЬКИЕ ТЕЛЕФОНЫ (до 400px) */
@media screen and (max-width: 400px) {
    
    .nav-negative.auth li a {
        font-size: 12px !important;
        padding: 6px 12px !important;
    }
    
    .nav-negative.auth li {
        margin: 0 4px !important;
    }
}
/* === СКРЫВАЕМ "ЦВЕТОЧНЫЙ ВЕБ-ШОП" В БУРГЕР-МЕНЮ === */

@media screen and (max-width: 768px) {
    
    /* 1. Скрываем подзаголовок в бургер-меню */
    .nav-negative h2,
    .nav-negative .welcome,
    .nav-negative .header-text,
    .nav-negative .site-name {
        display: none !important;
    }
    
    /* 2. Скрываем текстовый логотип в бургер-меню */
    .nav-negative .logo-text,
    .nav-negative .brand-name,
    .nav-negative .account-name {
        display: none !important;
    }
    
    /* 3. Если есть элемент с текстом "Цветочный веб-шоп" */
    .nav-negative:contains("Цветочный веб-шоп"),
    .nav-negative *:contains("Цветочный веб-шоп") {
        display: none !important;
    }
    
    /* 4. Скрываем все лишние тексты в бургер-меню */
    .nav-negative .description,
    .nav-negative .slogan,
    .nav-negative .subtitle {
        display: none !important;
    }
    
    /* 5. Оставляем только Вход и Регистрацию */
    .nav-negative.auth {
        display: block !important;
        padding: 10px 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: none !important;
    }
    
    .nav-negative.auth li {
        display: inline-block !important;
        margin: 0 8px !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        list-style: none !important;
    }
    
    .nav-negative.auth li a {
        padding: 8px 20px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #333 !important;
        background: #f0f0f0 !important;
        border-radius: 6px !important;
        text-decoration: none !important;
        display: inline-block !important;
        transition: background 0.3s ease !important;
    }
    
    .nav-negative.auth li a:hover {
        background: #4a7a45 !important;
        color: #ffffff !important;
    }
    
    /* 6. Скрываем поиск в бургер-меню */
    .nav-negative.search {
        display: none !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }
    
    /* 7. Скрываем все приложения */
    .nav-negative.apps {
        display: none !important;
    }
    
    /* 8. Очищаем фон бургер-меню */
    .nav-negative {
        background: #ffffff !important;
        padding: 10px 16px !important;
        border-bottom: 1px solid #e0e8dd !important;
        margin: 0 !important;
    }
    
    .nav-negative li {
        list-style: none !important;
        display: block !important;
        padding: 0 !important;
        margin: 4px 0 !important;
        border: none !important;
    }
    
    /* 9. Скрываем всё, что не является .auth */
    .nav-negative > *:not(.auth) {
        display: none !important;
    }
}


/* ОЧЕНЬ МАЛЕНЬКИЕ ТЕЛЕФОНЫ (до 400px) */
@media screen and (max-width: 400px) {
    
    .nav-negative.auth li a {
        font-size: 12px !important;
        padding: 6px 14px !important;
    }
    
    .nav-negative.auth li {
        margin: 0 4px !important;
    }
}

/* === ЛОГОТИП В ПЕЧАТНОЙ ФОРМЕ === */
@media print {
    img[src*="logo.jpg"] {
        max-height: 50px !important;
        width: auto !important;
        height: auto !important;
    }
}


/* Еврофлора — информация перед оформлением заказа */
.order-info-notice {
    box-sizing: border-box;
    width: 100%;
    margin: 22px 0;
    padding: 20px;
    background: #f5f8f2;
    border: 1px solid #dce8d7;
    border-left: 4px solid #6c9864;
    border-radius: 10px;
    color: #3f4b3d;
    font-size: 14px;
    line-height: 1.55;
}

.order-info-notice__title {
    margin: 0 0 6px;
    color: #355d38;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.35;
}

.order-info-notice__item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 16px;
}

.order-info-notice__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    background: #e5efe1;
    border-radius: 9px;
    font-size: 19px;
}

.order-info-notice__item strong {
    display: block;
    margin: 0 0 4px;
    color: #355d38;
    font-size: 15px;
}

.order-info-notice__item p {
    margin: 0;
    color: #505a4e;
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 600px) {
    .order-info-notice {
        padding: 15px;
        margin: 16px 0;
    }

    .order-info-notice__title {
        font-size: 17px;
    }

    .order-info-notice__item {
        gap: 9px;
        margin-top: 14px;
    }

    .order-info-notice__icon {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
        font-size: 17px;
    }
}


/* ==========================================
   ЕВРОФЛОРА — КАТАЛОГ, ЭТАП 1
   Белые карточки и линейка высоты
   ========================================== */

/* Белый фон и аккуратная рамка карточки */
ul.thumbs.product-list:not(.mini) > li {
    background: #ffffff !important;
    border: 1px solid #e2e9e3 !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 10px rgba(30, 70, 40, 0.035);
    margin-bottom: 0 !important;
}

/* При наведении фон остаётся белым */
ul.thumbs.product-list:not(.mini) > li:hover {
    background: #ffffff !important;
    border-color: #c9dccd !important;
    box-shadow: 0 5px 16px rgba(30, 70, 40, 0.08);
}

/* Белая область вокруг фотографии */
ul.thumbs.product-list:not(.mini) > li .image,
ul.thumbs.product-list:not(.mini) > li .badge-wrapper {
    background-color: #ffffff !important;
}

/* Строка доступных высот */
ul.thumbs.product-list:not(.mini) > li .ef-available-height {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    box-sizing: border-box;
    margin: 5px 0;
    padding: 2px 0;
    color: #64748b;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    white-space: normal;
}


/* Вертикальная линейка высоты */
ul.thumbs.product-list:not(.mini) > li
.ef-available-height::before {
    content: "";
    display: inline-block;
    flex: 0 0 18px;
    width: 18px;
    height: 20px;
    box-sizing: border-box;
    border: none;
    border-radius: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cpath d='M7 6h5M7 10h3M7 14h5M7 18h3'/%3E%3C/svg%3E")
        center / contain no-repeat;
    transform: translateX(-4px);
}


/* Адаптация строки высоты для телефонов */
@media screen and (max-width: 767px) {
    ul.thumbs.product-list:not(.mini) > li .ef-available-height {
        gap: 0px;
        font-size: 11px;
        line-height: 1.3;
    }

  
ul.thumbs.product-list:not(.mini) > li .ef-available-height::before {
    flex-basis: 16px;
    width: 16px;
    height: 18px;
}

}

/* ==========================================
   КОНЕЦ ЭТАПА 1
   ========================================== */

/* ==========================================
   ЕВРОФЛОРА — ЭТАП 3
   Компактный порядок элементов каталога
   ========================================== */

/* Убираем растягивание блока информации */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li .offers {
    flex: 0 0 auto !important;
    margin-top: 4px !important;
    margin-bottom: 0 !important;
}

/* Форма покупки остаётся рабочей */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li
form.purchase.addtocart {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    align-content: flex-start !important;
    justify-content: space-between !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 3px 0 !important;
}

/* 1. Цена — первая строка */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li
form.purchase.addtocart .pricing {
    order: -4 !important;
    width: 100% !important;
    justify-content: flex-start !important;
    margin: 0 0 3px !important;
    padding: 0 !important;
}

html body main.maincontent
ul.thumbs.product-list:not(.mini) > li
form.purchase.addtocart .pricing .price {
    width: auto !important;
    margin-top: 0 !important;
    justify-content: flex-start !important;
    text-align: left !important;
}


/* 2. Высота — по левому краю */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li
form.purchase.addtocart .ef-available-height {
    order: -3 !important;
    display: flex !important;
    width: 100% !important;
    align-self: stretch !important;
    justify-content: flex-start !important;
    text-align: left !important;
    margin: 2px 0 !important;
    box-sizing: border-box !important;
}

/* 3. Остаток — по левому краю */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li
form.purchase.addtocart .ef-stock-count {
    order: -2 !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
    align-self: stretch !important;
    text-align: left !important;
    margin: 2px 0 !important;
    box-sizing: border-box !important;
}

/* 4. Кратность из существующего JavaScript */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li
form.purchase.addtocart .multiplicity-display {
    order: -1 !important;
    width: 100% !important;
    text-align: left !important;
}

/* 5. Поле количества */

/* 5. Поле количества на всю ширину */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li
form.purchase.addtocart .qty {
    order: 1 !important;
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Само поле ввода количества */

/* Само поле ввода количества */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li
form.purchase.addtocart .qty input[type="number"] {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    text-align: center !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #202820 !important;
    font-variant-numeric: tabular-nums;
}


/* 6. Кнопка "В корзину" — на всю ширину */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li
form.purchase.addtocart input[type="submit"] {
    order: 2 !important;
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 9px 0 0 !important;
    padding: 7px 12px !important;
    box-sizing: border-box !important;
    border-radius: 7px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-shadow: none !important;
    box-shadow: none !important;
    transform: none !important;
}



/* Зелёная кнопка с иконкой корзины */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li
form.purchase.addtocart input[type="submit"]:not(:disabled) {
    background-color: #197442 !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3Cpath d='M2 3h3l2.5 12h11L21 7H6'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    background-position: calc(50% - 57px) center !important;

    color: #ffffff !important;
    border: 1px solid #197442 !important;
    cursor: pointer !important;
}



/* Наведение — сохраняем иконку */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li
form.purchase.addtocart input[type="submit"]:not(:disabled):hover {
    background-color: #145c34 !important;
    border-color: #145c34 !important;
    color: #ffffff !important;
    transform: none !important;
}

/* Служебные элементы остаются в форме */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li
form.purchase.addtocart .adding2cart,
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li
form.purchase.addtocart .added2cart,
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li
form.purchase.addtocart .compare {
    order: 3 !important;
}

/* ==========================================
   КОНЕЦ ЭТАПА 3
   ========================================== */


/* ==========================================
   ЕВРОФЛОРА — ЭТАП 3.1
   Исправление количества и кнопки на телефоне
   ========================================== */

@media screen and (max-width: 768px) {

    /* Контейнер поля количества */
    html body main.maincontent
    ul.thumbs.product-list:not(.mini) > li
    form.purchase.addtocart .qty {
        display: block !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 6px 0 0 !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    /* Поле с числом 10 */
    
/* Поле с числом 10 — на всю ширину */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li
form.purchase.addtocart .qty input[name="quantity"],

html body main.maincontent
#product-list li
form.purchase.addtocart .qty input[name="quantity"] {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    border: 1px solid #d6ded8 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    text-align: center !important;
    font-size: 14px !important;
}


    /* Кнопка на всю ширину */
    html body main.maincontent
    ul.thumbs.product-list:not(.mini) > li
    form.purchase.addtocart input[type="submit"],
    #product-list ul.thumbs.product-list:not(.mini) > li
    form.purchase.addtocart input[type="submit"] {
        display: block !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 38px !important;
        min-height: 38px !important;
        margin: 7px 0 0 !important;
        padding: 7px 6px !important;
        box-sizing: border-box !important;
        border-radius: 6px !important;
        font-size: 12px !important;
        text-align: center !important;
    }
}

/* КОНЕЦ ЭТАПА 3.1 */


/* ==========================================
   ЕВРОФЛОРА — ЭТАП 5
   Фильтры слева, каталог справа
   ========================================== */


.ef-category-layout.ef-has-filters {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
}

.ef-category-layout .ef-category-main {
    min-width: 0;
}

/* Боковая панель */
.ef-category-layout > .filters {
    float: none !important;
    width: 100% !important;
    margin: 18px 0 0 !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border: 1px solid #e2e9e3 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

/* Заголовок фильтров */
.ef-category-layout > .filters::before {
    content: "Фильтры";
    display: block;
    margin-bottom: 15px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e8ede9;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #18251d;
}

/* Убираем лишние отступы */
.ef-category-layout .filter-param {
    margin-bottom: 16px;
}

/* Узкие ноутбуки, планшеты и телефоны */
@media screen and (max-width: 1100px) {
    .ef-category-layout.ef-has-filters {
        display: block !important;
    }

    .ef-category-layout > .filters {
        margin: 0 0 16px !important;
    }
}


/* ==========================================
   ЕВРОФЛОРА — ЭТАП 6
   Цветные кружки в фильтре
   ========================================== */

/* Сетка цветовой палитры */
.ef-category-layout .ef-color-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px 8px;
    margin: 14px 0;
}

/* Каждый цвет */
.ef-category-layout .ef-color-grid .ef-color-option {
    position: relative;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    min-width: 0;
    margin: 0;
    cursor: pointer;
}

/* Сохраняем рабочий checkbox */
.ef-category-layout .ef-color-option input[type="checkbox"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* Цветной кружок — компактный и аккуратный */
.ef-category-layout .ef-color-dot {
    display: block;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border: 1px solid #d5ded7;
    border-radius: 50%;
    box-sizing: border-box;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.18),
        0 1px 3px rgba(0,0,0,0.08);
    transition:
        outline-color 0.15s ease,
        box-shadow 0.15s ease;
}


/* Разноцветный Микс */
.ef-category-layout .ef-color-dot.ef-color-mix {
    background: conic-gradient(
        #e83c50,
        #f5d12e,
        #49a66b,
        #508bec,
        #b66bd2,
        #e83c50
    );
}

/* Выбранный цвет */
.ef-category-layout
.ef-color-option input:checked + .ef-color-dot {
    outline: 2px solid #197442;
    outline-offset: 3px;
}

/* Выделение при управлении клавиатурой */
.ef-category-layout
.ef-color-option input:focus-visible + .ef-color-dot {
    outline: 2px solid #197442;
    outline-offset: 3px;
}


/* Название цвета — строго в одну строку */
.ef-category-layout .ef-color-name {
    display: block;
    max-width: 100%;
    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 1.3;
    text-align: center;
    color: #64748b;
    white-space: nowrap;
    overflow-wrap: normal;
}


/* Название выбранного цвета */
.ef-category-layout
.ef-color-option input:checked ~ .ef-color-name {
    color: #197442;
    font-weight: 600;
}

/* Адаптация */
@media screen and (max-width: 768px) {
    .ef-category-layout .ef-color-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px 10px;
    }
}

/* КОНЕЦ ЭТАПА 6 */


/* ЕВРОФЛОРА — сброс фильтров */
.ef-category-layout .ef-filters-reset {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 14px;
    padding: 9px 14px;
    border: 1px solid #d5e3d8;
    border-radius: 7px;
    background: #f5faf6;
    color: #197442 !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
}

.ef-category-layout .ef-filters-reset:hover {
    background: #eaf5ed;
}


/* ==========================================
   ЕВРОФЛОРА — НАЗВАНИЕ И ЦЕНА
   ========================================== */


/* Название товара — компактные две строки */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li > a h5 {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.15px;
    color: #1c2430 !important;
    text-align: left !important;
    min-height: 36px !important;
    height: auto !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
}


/* Текст названия */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li > a h5
span[itemprop="name"] {
    display: block !important;
    font: inherit !important;
    color: inherit !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: break-word;
}

/* Цена */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li
form.purchase.addtocart .pricing .price {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.3px;
    color: #171c24 !important;
    text-align: left !important;
    font-variant-numeric: tabular-nums;
}

/* Знак рубля */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li
.pricing .price .ruble {
    font-size: 0.8em !important;
    font-weight: 500 !important;
}

/* Мобильная версия */
@media screen and (max-width: 767px) {

    html body main.maincontent
    ul.thumbs.product-list:not(.mini) > li > a h5 {
        font-size: 13px !important;
        line-height: 1.3 !important;
        margin: 6px 0 5px !important;
    }

    html body main.maincontent
    ul.thumbs.product-list:not(.mini) > li
    form.purchase.addtocart .pricing .price {
        font-size: 18px !important;
    }
}

/* КОНЕЦ — НАЗВАНИЕ И ЦЕНА */

/* ==========================================
   ЕВРОФЛОРА — УПЛОТНЕНИЕ КАРТОЧКИ ТОВАРА
   Фото больше, название ближе к цене
   ========================================== */

/* Карточка компактнее внутри */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li {
    padding: 8px 10px 10px !important;
    box-sizing: border-box !important;
}

/* Ссылка с фото и названием без лишнего воздуха */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li > a {
    display: block !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    text-decoration: none !important;
}

/* Блок изображения */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li .image {
    height: 225px !important;
    margin: 0 0 2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}


/* Само фото */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li .image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 225px !important;
    max-height: 225px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    border-radius: 8px !important;
}


/* Название товара */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li h5 {
    margin: 0 0 4px !important;
    padding: 0 !important;
    min-height: auto !important;
    text-align: center !important;
    font-size: 17px !important;
    line-height: 1.22 !important;
    font-weight: 600 !important;
    color: #1e1e1e !important;
}

/* Текст названия */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li h5 span[itemprop="name"] {
    display: block !important;
}

/* Блок offers сразу под названием */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li .offers {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Цена ближе к названию */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li .pricing {
    margin: 0 0 8px !important;
    padding: 0 !important;
}

html body main.maincontent
ul.thumbs.product-list:not(.mini) > li .pricing .price,
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li .price.nowrap {
    font-size: 19px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    color: #151515 !important;
}

/* Высота, остаток, кратность компактнее */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li .ef-available-height,
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li .ef-stock-count,
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li .multiplicity-display {
    margin: 0 0 6px !important;
    line-height: 1.3 !important;
    font-size: 14px !important;
}

/* Поле количества */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li .qty {
    margin: 6px 0 6px !important;
}



/* Кнопка — аккуратный отступ от количества */
html body main.maincontent
ul.thumbs.product-list:not(.mini) > li form.purchase.addtocart input[type="submit"] {
    margin-top: 6px !important;
}


/* Мобильная версия */
@media screen and (max-width: 760px) {

    html body main.maincontent
    ul.thumbs.product-list:not(.mini) > li {
        padding: 12px 10px 10px !important;
    }

    html body main.maincontent
    ul.thumbs.product-list:not(.mini) > li .image {
        height: 170px !important;
        margin-bottom: 6px !important;
    }

    html body main.maincontent
    ul.thumbs.product-list:not(.mini) > li .image img {
        max-height: 160px !important;
    }

    html body main.maincontent
    ul.thumbs.product-list:not(.mini) > li h5 {
        font-size: 15px !important;
        line-height: 1.2 !important;
        margin-bottom: 4px !important;
    }

    html body main.maincontent
    ul.thumbs.product-list:not(.mini) > li .pricing .price,
    html body main.maincontent
    ul.thumbs.product-list:not(.mini) > li .price.nowrap {
        font-size: 17px !important;
    }
}


/* ЕВРОФЛОРА — компактные карточки на широких экранах */

@media screen and (min-width: 1500px) {

    html body main.maincontent
    #product-list ul.thumbs.product-list:not(.mini) {
        

grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 10px 6px !important;


    }

    /* Карточки не выходят за пределы колонок */
    html body main.maincontent
    #product-list ul.thumbs.product-list:not(.mini) > li {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* Фотографии помещаются внутри карточки */
    html body main.maincontent
    #product-list ul.thumbs.product-list:not(.mini) .image img {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Длинные названия переносятся */
    html body main.maincontent
    #product-list ul.thumbs.product-list:not(.mini) h5 {
        min-width: 0 !important;
        overflow-wrap: anywhere;
    }

    /* Элементы покупки остаются внутри */
    html body main.maincontent
    #product-list ul.thumbs.product-list:not(.mini)
    form.purchase.addtocart,
    html body main.maincontent
    #product-list ul.thumbs.product-list:not(.mini)
    form.purchase.addtocart .qty {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}


/* ==========================================
   ЕВРОФЛОРА — НОВАЯ ШАПКА, ЭТАП 1
   Поиск рядом с логотипом
   ========================================== */

/* Пока не показываем новый поиск на телефонах
   и небольших экранах */
header #globalnav .ef-header-search {
    display: none;
}

@media screen and (min-width: 1300px) {

    /* Расположение верхних элементов */
    header #globalnav .wa-flex-box.full-line {
        align-items: center;
        gap: 24px;
    }

    /* Логотип занимает только необходимое место */
    header #globalnav nav.column {
        flex: 0 0 auto !important;
        min-width: 0;
    }

    /* Старую подпись убираем из верхней строки */
    header #globalnav nav.column .apps {
        display: none !important;
    }

    /* Новая поисковая строка */
    header #globalnav .ef-header-search {
    display: flex;
    align-items: stretch;
    flex: 1 1 480px;
    min-width: 220px;
    max-width: 540px;
    height: 42px;
    padding: 0;
    margin: 0;
    background: #ffffff;
    border: 1px solid #d9e2e0;
    border-radius: 7px;
    box-sizing: border-box;
    overflow: hidden;
}

    /* Поле ввода */
    header #globalnav .ef-header-search input {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    height: 100%;
    padding: 0 15px;
    margin: 0;
    border: 0;
    outline: none;
    background: transparent;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #222222;
    box-sizing: border-box;
}

    /* Зелёная кнопка поиска */
    header #globalnav .ef-header-search button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    border-left: 1px solid #d9e2e0;
    border-radius: 0;
    background: #197442;
    color: #ffffff;
    cursor: pointer;
    box-shadow: none;
}

    header #globalnav .ef-header-search button:hover {
        background: #145c34;
    }

    /* Убираем старую строку поиска из зелёного меню
       только на широких экранах */
    header #header-container form.search {
        display: none !important;
    }
}

/* КОНЕЦ ЭТАПА 1 */


/* ЕВРОФЛОРА — КОРЗИНА В ШАПКЕ */

/* На мобильных и небольших экранах
   оставляем прежний вид */
header #globalnav .ef-cart-label {
    display: none;
}

@media screen and (min-width: 1300px) {

    /* Правая группа шапки */
    header #globalnav .column.wa-flex-box.middle {
        display: flex !important;
        align-items: center !important;
        gap: 20px !important;
    }

    /* Вход слева от корзины */
    header #globalnav #js-header-auth-wrapper {
        order: 1;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Корзина справа */
    header #globalnav #cart {
        order: 2;
        margin: 0 !important;
        width: auto !important;
    }

    /* Иконка + надпись + сумма */
    header #globalnav #cart .cart-summary {
        display: grid !important;
        grid-template-columns: 28px auto;
        grid-template-rows: auto auto;
        column-gap: 9px !important;
        row-gap: 2px !important;
        align-items: center !important;
        padding: 4px 0 !important;
        background: transparent !important;
        text-decoration: none !important;
        white-space: nowrap;
    }

    /* Значок корзины */
    header #globalnav #cart .cart-icon {
        grid-column: 1;
        grid-row: 1 / 3;
        width: 27px !important;
        height: 27px !important;
        margin: 0 !important;
        float: none !important;
    }

    /* Надпись Корзина */
    header #globalnav #cart .ef-cart-label {
        display: block !important;
        grid-column: 2;
        grid-row: 1;
        font-family: Arial, sans-serif;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.2;
        color: #273246;
    }

    /* Сумма */
    header #globalnav #cart .cart-total {
        display: block !important;
        grid-column: 2;
        grid-row: 2;
        font-family: Arial, sans-serif;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.2;
        color: #1d2933 !important;
    }
}


/* ==========================================
   ЕВРОФЛОРА — ЗАГОЛОВОК ПО ЛИНИИ КАРТОЧЕК
   ========================================== */

@media screen and (min-width: 1101px) {

    main.maincontent
    #page-content:has(.ef-category-layout.ef-has-filters)
    > h1.category-name {
        margin-left: 282px !important;
        margin-right: 0 !important;
        width: calc(100% - 282px) !important;
        max-width: none !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

}



/* ==========================================
   ЕВРОФЛОРА — КОНТАКТЫ И ЛИЧНЫЙ КАБИНЕТ
   Исправленная версия
   ========================================== */

/* Телефонную иконку на мобильной версии пока скрываем */
.ef-header-phone-icon {
    display: none;
}

@media screen and (min-width: 1300px) {

    /* 1. Телефон — значок слева, текст справа */
    header.globalheader #globalnav .ef-header-contacts {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex: 0 0 220px !important;
        width: 220px !important;
        min-width: 220px !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Размер значка телефона */
    header.globalheader #globalnav .ef-header-phone-icon {
        display: block !important;
        width: 20px !important;
        height: 20px !important;
        max-width: 20px !important;
        max-height: 20px !important;
        flex: 0 0 20px !important;
        align-self: center !important;
        color: #263238 !important;
    }

    /* Текст рядом с телефоном */
    header.globalheader #globalnav .ef-header-contact-text {
        display: block !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        line-height: 1.3 !important;
    }

    header.globalheader #globalnav .ef-header-phone {
        display: block !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #1f2937 !important;
        margin: 0 0 3px !important;
        white-space: nowrap !important;
    }

    header.globalheader #globalnav .ef-header-worktime {
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;
        color: #718096 !important;
        white-space: nowrap !important;
    }

    /* 2. Общий блок кабинета и корзины */
    header.globalheader #globalnav
    > .container > .wa-flex-box.full-line
    > div.column.wa-flex-box.middle {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 130px !important;
        align-items: center !important;
        flex: 0 0 320px !important;
        width: 320px !important;
        min-width: 0 !important;
        gap: 0 !important;
    }

    /* 3. Личный кабинет */
    header.globalheader #globalnav
    #js-header-auth-wrapper {
        grid-column: 1 !important;
        grid-row: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 12px !important;
        border-left: 1px solid #d2d9de !important;
        list-style: none !important;
        box-sizing: border-box !important;
    }

    /* Значок пользователя */
    header.globalheader #globalnav
#js-header-auth-wrapper:not(:has(a[href*="logout"]))::before {
        content: "" !important;
        display: block !important;
        width: 18px !important;
        height: 18px !important;
        flex: 0 0 18px !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b3442' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 21v-2a8 8 0 0 1 16 0v2'/%3E%3C/svg%3E") !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
    }

    /* Ссылки входа и регистрации */
    header.globalheader #globalnav
    #js-header-auth-wrapper li {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
        list-style: none !important;
    }

    header.globalheader #globalnav
    #js-header-auth-wrapper li a {
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
        color: #536071 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        padding: 0 !important;
    }

    header.globalheader #globalnav
    #js-header-auth-wrapper li a:hover {
        color: #197442 !important;
    }

    /* 4. Корзина справа */
    header.globalheader #globalnav #cart {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 0 0 14px !important;
        border-left: 1px solid #d2d9de !important;
        box-sizing: border-box !important;
    }

}

/* КОНЕЦ — КОНТАКТЫ И ЛИЧНЫЙ КАБИНЕТ */


/* ==========================================
   ЕВРОФЛОРА — МОБИЛЬНАЯ ШАПКА
   В СТИЛЕ КОМПЬЮТЕРНОЙ ВЕРСИИ
   ========================================== */

@media screen and (max-width: 760px) {

    body {
        padding-top: 56px !important;
    }

    /* Белая шапка */
    header.globalheader #globalnav {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 56px !important;
        min-height: 56px !important;
        padding: 0 !important;
        background: #ffffff !important;
        z-index: 9999 !important;
    }

    header.globalheader #globalnav > .container {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 56px !important;
        padding: 0 12px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* Одна горизонтальная строка */
    header.globalheader #globalnav
    .wa-flex-box.full-line {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        height: 56px !important;
    }

    /* Контакты остаются на компьютере */
    header.globalheader #globalnav .ef-header-contacts,
    header.globalheader #globalnav .ef-header-search {
        display: none !important;
    }

    /* Логотип слева */
    header.globalheader #globalnav nav.column {
        display: flex !important;
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    header.globalheader #globalnav nav.column h2 {
        position: static !important;
        display: block !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Настоящий логотип, как на компьютере */
    header.globalheader #globalnav nav.column h2 a img {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: 165px !important;
        max-height: 42px !important;
        object-fit: contain !important;
    }

    header.globalheader #globalnav nav.column h2 a span {
        display: none !important;
    }

    /* Корзина и меню справа */
    header.globalheader #globalnav
    .wa-flex-box.full-line > div.column.wa-flex-box.middle {
        display: flex !important;
        flex: 0 0 auto !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: auto !important;
        min-width: 0 !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Корзина */
    header.globalheader #globalnav #cart,
    header.globalheader #globalnav #cart.fixed {
        position: static !important;
        width: 40px !important;
        min-width: 0 !important;
        max-width: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    header.globalheader #globalnav #cart .cart-summary {
        display: flex !important;
        width: 40px !important;
        height: 40px !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
    }

    header.globalheader #globalnav #cart .cart-icon {
        display: block !important;
        float: none !important;
        margin: 0 !important;
    }

    /* На телефоне оставляем значок корзины */
    header.globalheader #globalnav #cart .cart-total,
    header.globalheader #globalnav #cart .ef-cart-label {
        display: none !important;
    }

    /* Существующая кнопка меню */
    header.globalheader #globalnav #mobile-nav-toggle {
        display: block !important;
        position: static !important;
        flex: 0 0 38px !important;
        width: 38px !important;
        height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        background-position: center !important;
        background-size: 28px 24px !important;
    }


/* КОНЕЦ МОБИЛЬНОЙ ШАПКИ */
}

/* ==========================================
   ЕВРОФЛОРА — МОБИЛЬНЫЕ КАРТОЧКИ
   ФОТО СЛЕВА / ИНФОРМАЦИЯ СПРАВА
   ========================================== */

@media screen and (max-width: 760px) {

    /* Одна карточка в строке */
    html body main.maincontent
    #product-list ul.thumbs.product-list:not(.mini) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 9px !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Две колонки внутри карточки */
    html body main.maincontent
#product-list ul.thumbs.product-list:not(.mini) > li {
    display: grid !important;
    grid-template-columns: minmax(0, 40%) minmax(0, 1fr) !important;
    grid-template-rows: min-content minmax(0, 1fr) !important;
    grid-auto-rows: auto !important;
    align-content: start !important;
    align-items: stretch !important;
        column-gap: 10px !important;
        row-gap: 0px !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 7px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* Сохраняем ссылку на фото и название */
    html body main.maincontent
    #product-list ul.thumbs.product-list:not(.mini) > li > a {
        display: contents !important;
    }

    

/* Фотография слева */
html body main.maincontent
#product-list ul.thumbs.product-list:not(.mini) > li .image {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: stretch !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 165px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #f7f8f7 !important;
    border-radius: 7px !important;
    box-sizing: border-box !important;
}

html body main.maincontent
#product-list ul.thumbs.product-list:not(.mini) > li .badge-wrapper {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body main.maincontent
#product-list ul.thumbs.product-list:not(.mini) > li .image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 7px !important;
}



    /* Название справа от фотографии */
    html body main.maincontent
    #product-list ul.thumbs.product-list:not(.mini) > li > a h5 {
            border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    padding-bottom: 0 !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 0 2px !important;
        padding: 0 !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.22 !important;
        color: #1c2430 !important;
        text-align: left !important;
        overflow-wrap: anywhere !important;
    }

    /* Дополнительное описание не занимает место */
    html body main.maincontent
    #product-list ul.thumbs.product-list:not(.mini) > li > a .summary {
        display: none !important;
    }

    /* Вся информация в правой колонке */
    html body main.maincontent
    #product-list ul.thumbs.product-list:not(.mini) > li > .offers,
    html body main.maincontent
    #product-list ul.thumbs.product-list:not(.mini) > li > .features,
    html body main.maincontent
    #product-list ul.thumbs.product-list:not(.mini) > li > .rating {
        grid-column: 2 !important;
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
/* Информация занимает доступную высоту справа */
html body main.maincontent
#product-list ul.thumbs.product-list:not(.mini) > li > .offers {
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    min-height: 0 !important;
}


    /* Форма покупки */
    html body main.maincontent
    #product-list ul.thumbs.product-list:not(.mini) > li
    form.purchase.addtocart {
        display: flex !important;
        flex-flow: row wrap !important;
        align-items: center !important;
       align-content: flex-start !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 7px 0 !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
    }
    
/* ЕВРОФЛОРА — цена без лишних отступов */

/* Контейнер цены */
html body main.maincontent
#product-list ul.thumbs.product-list:not(.mini) > li .pricing {
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    order: -4 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    line-height: 1.2 !important;
}

/* Текст цены */
html body main.maincontent
#product-list ul.thumbs.product-list:not(.mini) > li .pricing .price {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #176c3d !important;
    text-align: left !important;
    white-space: normal !important;
    margin: 0 !important;
    padding: 0 !important;
}

    
    /* Высота, наличие и кратность */
    html body main.maincontent
    #product-list ul.thumbs.product-list:not(.mini) > li .ef-available-height,
    html body main.maincontent
    #product-list ul.thumbs.product-list:not(.mini) > li .ef-stock-count,
    html body main.maincontent
    #product-list ul.thumbs.product-list:not(.mini) > li .multiplicity-display {
        width: 100% !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.3 !important;
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
        overflow-wrap: anywhere !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }
    
/* ЕВРОФЛОРА — линейка рядом с текстом высоты */

html body main.maincontent
#product-list ul.thumbs.product-list:not(.mini) > li .ef-available-height {
    display: block !important;
    padding-left: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #4d6074 !important;


    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 0 14 24' fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cpath d='M7 6h5M7 10h3M7 14h5M7 18h3'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-size: 11px 18px !important;
    background-position: left center !important;
}

/* Убираем старую линейку и зарезервированный промежуток */
html body main.maincontent
#product-list ul.thumbs.product-list:not(.mini) > li .ef-available-height::before {
    content: none !important;
    display: none !important;
}


    /* Остаток зелёный */
    html body main.maincontent
    #product-list ul.thumbs.product-list:not(.mini) > li .ef-stock-count {
        font-weight: 700 !important;
        color: #197442 !important;
    }

    /* Количество — слева от кнопки */
   html body main.maincontent
#product-list ul.thumbs.product-list:not(.mini) > li
form.purchase.addtocart .qty {
    order: 1 !important;
    display: block !important;
    flex: 0 0 58px !important;
    width: 58px !important;
    max-width: 58px !important;
        min-width: 0 !important;
       margin: 0 !important;
        padding: 0 !important;
    }

    html body main.maincontent
#product-list ul.thumbs.product-list:not(.mini) > li
form.purchase.addtocart .qty input[name="quantity"] {
    display: block !important;
    width: 100% !important;
    height: 40px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 3px !important;
    box-sizing: border-box !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    text-align: center !important;
    border-radius: 8px !important;
}

    /* Кнопка справа от количества */
 html body main.maincontent
#product-list ul.thumbs.product-list:not(.mini) > li
form.purchase.addtocart input[type="submit"] {
    order: 2 !important;
    display: block !important;
    flex: 0 0 128px !important;
    width: 128px !important;
    max-width: 128px !important;
    min-width: 128px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 0 0 8px !important;
    padding: 0 10px 0 34px !important;
    box-sizing: border-box !important;
    border-radius: 7px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-align: center !important;
    background-repeat: no-repeat !important;
    background-position: 11px center !important;
    background-size: 15px 15px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39A2 2 0 0 0 9.64 16h7.72a2 2 0 0 0 1.96-1.61L23 6H6'/%3E%3C/svg%3E") !important;
}

}

/* КОНЕЦ — МОБИЛЬНЫЕ КАРТОЧКИ */


/* ЕВРОФЛОРА — зелёный знак рубля на телефоне */
@media screen and (max-width: 760px) {
    html body main.maincontent
    #product-list ul.thumbs.product-list:not(.mini)
    > li .pricing .price .ruble {
        color: #176c3d !important;
        opacity: 1 !important;
    }
}
/* ==========================================
   ЕВРОФЛОРА — МОБИЛЬНАЯ ШАПКА ПО РЕФЕРЕНСУ
   ========================================== */

.ef-mobile-header {
    display: none;
}

@media screen and (max-width: 760px) {

    /* Прячем старую десктопную шапку только на телефоне */
    header.globalheader #globalnav,
    header.globalheader > #header-container.appnav {
        display: none !important;
    }

    .ef-mobile-header {
        display: block !important;
        background: #ffffff !important;
        padding: 14px 14px 12px !important;
        box-sizing: border-box !important;
        border-bottom: 1px solid #e8ece7 !important;
    }

    .ef-mobile-header__top {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        margin-bottom: 14px !important;
    }

    .ef-mobile-header__logo {
        display: inline-flex !important;
        align-items: center !important;
        text-decoration: none !important;
    }

    
.ef-mobile-header__logo img {
    display: block !important;
    width: min(225px, 58vw) !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 65px !important;
    object-fit: contain !important;
}


    
.ef-mobile-header__cart {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    flex: 0 0 90px !important;
    width: 90px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #1c2d23 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}


    .ef-mobile-header__cart-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    
.ef-mobile-header__cart-badge {
    position: static !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    color: #197442 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.ef-mobile-header__cart-badge .ruble {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}


    .ef-mobile-header__auth {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
        margin-bottom: 12px !important;
    }

    .ef-mobile-header__btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 46px !important;
        border-radius: 10px !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    .ef-mobile-header__btn--ghost {
        border: 2px solid #1f8c49 !important;
        background: #ffffff !important;
        color: #1f8c49 !important;
    }

    .ef-mobile-header__btn--solid {
        
    border: 2px solid #197442 !important;
    background: #197442 !important;

        color: #ffffff !important;
    }

    .ef-mobile-header__search-row {
        display: grid !important;
        grid-template-columns: 132px minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: center !important;
    }

    .ef-mobile-header__catalog-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        height: 48px !important;
        border-radius: 10px !important;
        background: #197442 !important;
        color: #ffffff !important;
        text-decoration: none !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        box-sizing: border-box !important;
    }

    .ef-mobile-header__burger {
        display: inline-flex !important;
        flex-direction: column !important;
        gap: 4px !important;
    }

    .ef-mobile-header__burger span {
        display: block !important;
        width: 16px !important;
        height: 2px !important;
        border-radius: 2px !important;
        background: #ffffff !important;
    }

    .ef-mobile-header__search {
        display: flex !important;
        align-items: center !important;
        height: 48px !important;
        border: 1px solid #d8ddd8 !important;
        border-radius: 10px !important;
        background: #ffffff !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .ef-mobile-header__search-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        flex: 0 0 44px !important;
        color: #8b9490 !important;
    }

    .ef-mobile-header__search input[type="text"] {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        border: 0 !important;
        background: transparent !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 16px !important;
        color: #2a2a2a !important;
        padding: 0 12px 0 0 !important;
        box-sizing: border-box !important;
    }
    
/* ЕВРОФЛОРА — оформление активного поиска */
.ef-mobile-header__search input[type="text"]:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 0 !important;
    border-left: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    caret-color: #197442 !important;
}

/* Аккуратная зелёная рамка активного поиска */
.ef-mobile-header__search:focus-within {
    border-color: #197442 !important;
    box-shadow: none !important;
}


    .ef-mobile-header__search input[type="text"]::placeholder {
        color: #9aa29c !important;
        opacity: 1 !important;
    }
}


/* На десктопе мобильная шапка скрыта */
@media screen and (min-width: 761px) {
    .ef-mobile-header {
        display: none !important;
    }
}

/* ЕВРОФЛОРА — ВЫПАДАЮЩИЕ ПОДСКАЗКИ */
@media screen and (max-width: 760px) {


.ef-mobile-header {
    position: relative !important;
    z-index: 1000 !important;
}

.ef-mobile-header__search {
    position: relative !important;
    overflow: visible !important;
}

.ef-search-suggestions {
    position: absolute !important;
    top: calc(100% + 7px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10000 !important;

    background: #ffffff !important;
    border: 1px solid #dce5df !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;

    max-height: 320px !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
}

.ef-search-suggestion {
    display: flex !important;
    align-items: center !important;
    padding: 12px !important;
    border-bottom: 1px solid #edf0ed !important;
    text-decoration: none !important;
    background: #ffffff !important;
}

.ef-search-suggestion:last-child {
    border-bottom: 0 !important;
}

.ef-search-suggestion-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    min-width: 0 !important;
}

.ef-search-suggestion-name,
.ef-search-suggestion-name:visited {
    color: #202820 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

.ef-search-suggestion-price {
    color: #197442 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

.ef-search-suggestion:visited,
.ef-search-suggestion:hover,
.ef-search-suggestion:active {
    color: #202820 !important;
    text-decoration: none !important;
}

.ef-search-suggestion:active {
    background: #f2f7f3 !important;
}

.ef-search-suggestion-empty {
    padding: 14px !important;
    color: #7b8580 !important;
    font-size: 13px !important;
}

}

/* КОНЕЦ — МОБИЛЬНАЯ ШАПКА ПО РЕФЕРЕНСУ */

/* ==========================================
   ЕВРОФЛОРА — МОБИЛЬНАЯ ШАПКА, ПОДЖАТЬ ВЕРХ И СДЕЛАТЬ КНОПКИ ТЕМНЕЕ
   ========================================== */

@media screen and (max-width: 760px) {

    /* Убираем лишний пустой отступ сверху */
    html body,
    html body #wa-app,
    html body .globalheader,
    html body #globalnav,
    html body #header-container,
    html body .maincontent {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Сам мобильный блок шапки делаем компактнее */
    .ef-mobile-header,
    .ef-mobile-top,
    .ef-mobile-topline,
    .ef-mobile-header-inner {
        margin-top: 0 !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        min-height: auto !important;
    }

    /* Логотипный ряд */
    .ef-mobile-top,
    .ef-mobile-topline {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
    }

    /* Кнопки Вход / Регистрация */
    .ef-mobile-auth,
    .ef-mobile-auth-row {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
        gap: 10px !important;
    }

    .ef-mobile-auth a,
    .ef-mobile-auth-row a {
        min-height: 46px !important;
        border-radius: 10px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
    }

    /* Вход — белый с более тёмной зелёной рамкой */
    .ef-mobile-auth a:first-child,
    .ef-mobile-auth-row a:first-child {
        border: 2px solid #1f7a43 !important;
        color: #1f7a43 !important;
        background: #ffffff !important;
    }

    /* Регистрация — делаем темнее */
    .ef-mobile-auth a:last-child,
    .ef-mobile-auth-row a:last-child {
        background: #238347 !important;
        border: 1px solid #238347 !important;
        color: #ffffff !important;
    }

    /* Ряд Каталог + Поиск */
    .ef-mobile-search-row,
    .ef-mobile-catalog-search {
        margin-top: 6px !important;
        gap: 10px !important;
        align-items: center !important;
    }

    /* Кнопка Каталог — делаем темнее */
    .ef-mobile-catalog-btn,
    .ef-mobile-search-row .catalog-btn,
    .ef-mobile-catalog-search .catalog-btn {
        background: #238347 !important;
        border: 1px solid #238347 !important;
        color: #ffffff !important;
        min-height: 46px !important;
        border-radius: 10px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
    }

    /* Поиск */
    .ef-mobile-search,
    .ef-mobile-search-form {
        min-height: 46px !important;
        border-radius: 10px !important;
    }

    .ef-mobile-search input,
    .ef-mobile-search-form input[type="search"],
    .ef-mobile-search-form input[type="text"] {
        height: 46px !important;
        font-size: 15px !important;
    }

    /* Чуть поджимаем расстояние перед заголовком категории */
    h1.category-name,
    .category-name,
    .content h1 {
        margin-top: 12px !important;
    }
}

/* ==========================================
   ЕВРОФЛОРА — МОБИЛЬНЫЙ КАТАЛОГ
   ========================================== */

.ef-mobile-catalog {
    display: none;
}

@media screen and (max-width: 760px) {

    body.ef-mobile-catalog-open {
        overflow: hidden !important;
    }

    .ef-mobile-catalog {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 99999;
        background: rgba(0, 0, 0, 0.18);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .2s ease, visibility .2s ease;
    }

    .ef-mobile-catalog.is-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .ef-mobile-catalog__panel {
        position: absolute;
        inset: 0;
        background: #ffffff;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 18px 16px 24px;
        box-sizing: border-box;
    }

    .ef-mobile-catalog__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 12px;
    }

    .ef-mobile-catalog__title {
        font-size: 22px;
        line-height: 1.15;
        font-weight: 700;
        color: #111111;
    }

    .ef-mobile-catalog__close {
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        border: none;
        background: transparent;
        color: #222222;
        font-size: 34px;
        line-height: 1;
        padding: 0;
        margin: 0;
        cursor: pointer;
    }

    .ef-mobile-catalog__body {
        display: block;
    }

    .ef-mobile-catalog__item {
        border-bottom: 1px solid #e4e9e4;
        padding: 10px 0;
    }

    .ef-mobile-catalog__row {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .ef-mobile-catalog__main-link {
        flex: 1 1 auto;
        min-width: 0;
        text-decoration: none;
        color: #202020;
        font-size: 17px;
        line-height: 1.25;
        font-weight: 600;
    }

    .ef-mobile-catalog__main-link:hover {
        color: #197442;
    }

    .ef-mobile-catalog__toggle {
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        border: none;
        border-radius: 8px;
        background: #edf4ed;
        position: relative;
        padding: 0;
        cursor: pointer;
    }

    .ef-mobile-catalog__toggle::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 8px;
        height: 8px;
        border-right: 2px solid #197442;
        border-bottom: 2px solid #197442;
        transform: translate(-50%, -60%) rotate(45deg);
        transition: transform .2s ease;
    }

    .ef-mobile-catalog__toggle.is-open::before {
        transform: translate(-50%, -35%) rotate(-135deg);
    }

    .ef-mobile-catalog__sublist {
        display: none;
        margin-top: 10px;
        margin-left: 0;
        padding: 10px 12px;
        background: #f4f8f4;
        border-radius: 10px;
    }

    .ef-mobile-catalog__sublist.is-open {
        display: block;
    }

    .ef-mobile-catalog__all-link,
    .ef-mobile-catalog__sub-link {
        display: block;
        text-decoration: none;
        font-size: 16px;
        line-height: 1.35;
        color: #222222;
        padding: 4px 0;
    }

    .ef-mobile-catalog__all-link {
        font-weight: 700;
        color: #197442;
        margin-bottom: 4px;
    }

    .ef-mobile-catalog__sub-link:hover,
    .ef-mobile-catalog__all-link:hover {
        color: #197442;
    }
    
/* ЕВРОФЛОРА — ЕДИНЫЕ ЦВЕТА ССЫЛОК КАТАЛОГА */

/* Основные категории и подкатегории */
.ef-mobile-catalog .ef-mobile-catalog__main-link,
.ef-mobile-catalog .ef-mobile-catalog__main-link:visited,
.ef-mobile-catalog .ef-mobile-catalog__sub-link,
.ef-mobile-catalog .ef-mobile-catalog__sub-link:visited {
    color: #202820 !important;
}

/* Ссылка "Все товары" */
.ef-mobile-catalog .ef-mobile-catalog__all-link,
.ef-mobile-catalog .ef-mobile-catalog__all-link:visited {
    color: #197442 !important;
}

/* Цвет при наведении */
.ef-mobile-catalog .ef-mobile-catalog__main-link:hover,
.ef-mobile-catalog .ef-mobile-catalog__sub-link:hover,
.ef-mobile-catalog .ef-mobile-catalog__all-link:hover {
    color: #197442 !important;
}

}

/* КОНЕЦ — МОБИЛЬНЫЙ КАТАЛОГ */

/* ЕВРОФЛОРА — уведомление о покупке */

#ef-cart-toast {
    position: fixed;
    left: 50%;
    bottom: 22px;
    bottom: calc(22px + env(safe-area-inset-bottom, 0px));
    transform: translate(-50%, 15px);
    width: calc(100% - 32px);
    max-width: 370px;
    box-sizing: border-box;
    padding: 14px 18px;
    background: #ffffff;
    border: 1px solid #dce9df;
    border-left: 4px solid #197442;
    border-radius: 12px;
    box-shadow: 0 7px 26px rgba(0, 0, 0, .14);
    z-index: 100000;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .22s ease,
                transform .22s ease,
                visibility .22s ease;
}

#ef-cart-toast.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}

.ef-cart-toast__title {
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    color: #197442;
}

.ef-cart-toast__description {
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.4;
    color: #425047;
}

/* Короткая анимация корзины */

.ef-cart-pop {
    animation: ef-cart-pop .48s ease-out;
}

@keyframes ef-cart-pop {
    0%, 100% {
        transform: scale(1);
    }
    45% {
        transform: scale(1.22);
    }
}

@media (prefers-reduced-motion: reduce) {
    #ef-cart-toast,
    .ef-cart-pop {
        animation: none !important;
        transition: none !important;
    }
}



/* ==========================================
   ЕВРОФЛОРА — ПОИСК НА КОМПЬЮТЕРЕ
   Выпадающие подсказки под строкой
   ========================================== */

@media screen and (min-width: 761px) {

    /* Строка поиска — основа позиционирования */
    header.globalheader #globalnav form.ef-header-search {
        position: relative !important;
        overflow: visible !important;
        z-index: 2000 !important;
    }

    /* Выпадающее окно под поиском */
    header.globalheader #globalnav
    .ef-header-search .ef-search-suggestions {
        position: absolute !important;
        top: calc(100% + 6px) !important;
        left: 0 !important;
        right: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        max-height: 360px !important;

        margin: 0 !important;
        padding: 4px 0 !important;

        background: #ffffff !important;
        border: 1px solid #dce5df !important;
        border-radius: 10px !important;
        box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;
        box-sizing: border-box !important;
        z-index: 9999 !important;
    }

    /* Одна строка результата */
    header.globalheader #globalnav
    .ef-search-suggestions .ef-search-suggestion {
        
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 10px !important;

        width: 100% !important;

        padding: 10px 14px !important;
        margin: 0 !important;
        background: #ffffff !important;
        border-bottom: 1px solid #edf0ed !important;

        text-decoration: none !important;
        color: #202820 !important;
        box-sizing: border-box !important;
    }

    /* Товар при наведении */
    header.globalheader #globalnav
    .ef-search-suggestion:hover {
        background: #f2f7f3 !important;
    }

    /* Название и цена вертикально */
    header.globalheader #globalnav
    .ef-search-suggestion-info {
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    /* Название товара */
    header.globalheader #globalnav
    .ef-search-suggestion-name {
        display: block !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
        color: #202820 !important;
        white-space: normal !important;
    }

    /* Цена товара */
    header.globalheader #globalnav
    .ef-search-suggestion-price {
        display: block !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        color: #197442 !important;
    }

    /* Посещённые ссылки не меняют цвет */
    header.globalheader #globalnav
    .ef-search-suggestion:visited,
    header.globalheader #globalnav
    .ef-search-suggestion:active {
        color: #202820 !important;
    }

    /* Нет результатов */
    header.globalheader #globalnav
    .ef-search-suggestion-empty {
        padding: 12px 14px !important;
        color: #7b8580 !important;
        font-size: 13px !important;
    }
}

/* КОНЕЦ — ПОИСК НА КОМПЬЮТЕРЕ */

/* ==========================================
   ЕВРОФЛОРА — ФОТОГРАФИИ В ПОДСКАЗКАХ
   ОБЩИЕ СТИЛИ ДЛЯ ПК И ТЕЛЕФОНА
   ========================================== */

/* ==========================================
   ЕВРОФЛОРА — КОМПАКТНЫЙ ПОИСК
   Фотографии, название, цена
   ========================================== */

/* Строка товара */
.ef-search-suggestions .ef-search-suggestion {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 8px 12px !important;
    box-sizing: border-box !important;
}

/* Контейнеры фотографий */
.ef-search-suggestions .ef-search-suggestion-thumb,
.ef-search-suggestions .ef-search-suggestion-photo {
    display: flex !important;
    flex: 0 0 96px !important;
    width: 96px !important;
    height: 96px !important;
    max-width: 96px !important;
    max-height: 96px !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    background: #f5f7f5 !important;
}

/* Все фотографии внутри результатов поиска */
.ef-search-suggestions img {
    display: block !important;
    width: 96px !important;
    height: 96px !important;
    max-width: 96px !important;
    max-height: 96px !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
}

/* Название и цена рядом с фотографией */
.ef-search-suggestions .ef-search-suggestion-info,
header.globalheader #globalnav
.ef-search-suggestions .ef-search-suggestion-info {
    display: flex !important;
    flex: 1 1 0 !important;
    flex-direction: column !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    gap: 4px !important;
}

/* Заглушка, когда фотографии нет */
.ef-search-suggestion-placeholder,
.ef-search-suggestion-thumb:empty::before {
    content: "✿";
    font-size: 25px !important;
    color: #9cb9a3 !important;
}

/* Телефон */
@media screen and (max-width: 760px) {

    .ef-search-suggestions .ef-search-suggestion-thumb,
    .ef-search-suggestions .ef-search-suggestion-photo {
        flex-basis: 72px !important;
        width: 72px !important;
        height: 72px !important;
        max-width: 72px !important;
        max-height: 72px !important;
    }

    .ef-search-suggestions img {
        width: 72px !important;
        height: 72px !important;
        max-width: 72px !important;
        max-height: 72px !important;
    }
}


/* ЕВРОФЛОРА — компактный заголовок категории */

@media screen and (max-width: 760px) {

    main.maincontent > .container {
        padding-top: 10px !important;
    }

    main.maincontent #page-content > h1.category-name {
        font-size: 23px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        letter-spacing: -0.4px !important;

        margin: 0 0 12px !important;
        padding: 0 !important;
    }
}

/* ==========================================
   ЕВРОФЛОРА — МОБИЛЬНЫЙ ЗАГОЛОВОК И ФИЛЬТРЫ
   ========================================== */

/* Не выводим мобильные элементы в десктопном фильтре */
.ef-filter-sheet-head,
.ef-filter-apply,
.ef-filter-backdrop,
.ef-active-filters {
    display: none;
}

@media screen and (max-width: 760px) {
    main.maincontent > .container {
        padding-top: 10px !important;
    }

    main.maincontent #page-content > h1.category-name {
        font-size: 23px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        letter-spacing: -0.4px !important;
        margin: 0 0 12px !important;
        padding: 0 !important;
    }

    body.ef-filter-sheet-open {
        overflow: hidden !important;
    }

    .ef-category-layout.ef-has-filters {
        display: block !important;
    }

    .ef-category-layout > .filters {
        margin: 0 0 14px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    .ef-category-layout > .filters::before {
        display: none !important;
    }

    .ef-category-layout .filters-toggle-wrapper {
        display: block !important;
        position: relative;
        text-align: left !important;
    }

    .ef-category-layout .filters-toggle-wrapper .ef-mobile-filter-button,
    .ef-category-layout .filters.is-shown .filters-toggle-wrapper .ef-mobile-filter-button {
        position: relative;
        display: flex !important;
        align-items: center;
        width: 100% !important;
        height: 52px !important;
        padding: 0 58px 0 54px !important;
        box-sizing: border-box !important;
        border: 1px solid #148047 !important;
        border-radius: 9px !important;
        background: #fff !important;
        color: #145b37 !important;
        text-decoration: none !important;
        font-size: 17px !important;
        font-weight: 700 !important;
    }

    .ef-mobile-filter-button::before {
        content: '☷';
        position: absolute;
        left: 17px;
        top: 50%;
        transform: translateY(-50%);
        color: #197442;
        font-size: 27px;
        font-weight: 400;
    }

    .ef-mobile-filter-button::after {
        content: '';
        position: absolute;
        right: 18px;
        top: 50%;
        width: 9px;
        height: 9px;
        border-top: 2px solid #145b37;
        border-right: 2px solid #145b37;
        transform: translateY(-50%) rotate(45deg);
    }

    .ef-filter-count:not([hidden]) {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 48px;
        top: 50%;
        transform: translateY(-50%);
        min-width: 23px;
        height: 23px;
        padding: 0 5px;
        box-sizing: border-box;
        border-radius: 12px;
        background: #e9f5ed;
        color: #197442;
        font-size: 12px;
        font-weight: 700;
        pointer-events: none;
    }

    .ef-category-layout .ef-active-filters:not(:empty) {
        display: flex !important;
        flex-wrap: wrap;
        gap: 7px;
        margin: 10px 0 0;
    }

    .ef-filter-chip {
        border: 0;
        border-radius: 20px;
        padding: 7px 12px;
        background: #eaf0ed;
        color: #34463b;
        font-size: 13px;
        line-height: 1.2;
        cursor: pointer;
    }

    .ef-category-layout .ef-filter-backdrop,
    .ef-category-layout .filters.is-shown > .ef-filter-backdrop {
        position: fixed;
        inset: 0;
        z-index: 99990;
        background: rgba(0, 0, 0, 0.48);
    }

    .ef-category-layout .filters.is-shown > .ef-filter-backdrop {
        display: block !important;
    }

    .ef-category-layout .filters .filters-form-wrapper {
        display: none !important;
    }

    .ef-category-layout .filters.is-shown .filters-form-wrapper {
        position: fixed !important;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99991;
        display: flex !important;
        flex-direction: column;
        width: 100% !important;
        height: auto !important;
        max-height: 85vh;
        max-height: 85dvh;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 22px 22px 0 0;
        background: #fff;
        box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.12);
        box-sizing: border-box;
        overflow: hidden;
    }

    .ef-category-layout .ef-filter-sheet-head {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        flex: 0 0 auto;
        padding: 20px 18px 14px;
        border-bottom: 1px solid #e8eee9;
    }

    .ef-filter-sheet-head strong {
        font-size: 23px;
        color: #1c2520;
    }

    .ef-filter-sheet-close {
        background: none;
        border: 0;
        padding: 0 5px;
        color: #717b75;
        font-size: 32px;
        cursor: pointer;
    }

    .ef-category-layout .ef-filter-sheet-body {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 16px 16px 20px;
    }

    .ef-category-layout .ef-filter-sheet-body .filter-param h5 {
        font-size: 17px !important;
        font-weight: 700 !important;
        margin: 0 0 12px !important;
    }

    .ef-category-layout .ef-filter-sheet-body .ef-color-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin: 0 0 16px !important;
    }

    .ef-category-layout .ef-filter-sheet-body .ef-color-option {
        position: relative;
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 6px !important;
        min-height: 61px;
        margin: 0 !important;
        padding: 8px 7px !important;
        border: 1px solid #e1e8e3;
        border-radius: 10px;
        background: #fff;
        box-sizing: border-box;
    }

    .ef-category-layout .ef-filter-sheet-body .ef-color-dot {
        flex: 0 0 28px !important;
        width: 28px !important;
        height: 28px !important;
    }

    .ef-category-layout .ef-filter-sheet-body .ef-color-name {
        flex: 1 1 auto;
        min-width: 0;
        max-width: none;
        white-space: normal !important;
        overflow-wrap: anywhere;
        text-align: left !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
    }

    .ef-category-layout .ef-filter-sheet-body .ef-color-option:has(input:checked) {
        border-color: #197442;
        background: #eef8f1;
    }

    .ef-category-layout .ef-filter-sheet-body .ef-color-option:has(input:checked)::after {
        content: '✓';
        position: absolute;
        top: 2px;
        right: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #197442;
        color: #fff;
        font-size: 10px;
    }

    .ef-category-layout .ef-filter-sheet-body .ef-color-option input:checked + .ef-color-dot {
        outline: none !important;
    }

    .ef-category-layout .ef-filter-sheet-actions {
        display: grid;
        grid-template-columns: 1fr 1.6fr;
        align-items: stretch;
        flex: 0 0 auto;
        gap: 10px;
        padding: 13px 16px calc(13px + env(safe-area-inset-bottom, 0px));
        border-top: 1px solid #e8eee9;
        background: #fff;
    }

    .ef-category-layout .ef-filter-sheet-actions .ef-filters-reset,
    .ef-category-layout .ef-filter-sheet-actions .ef-filter-apply {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 48px;
        margin: 0 !important;
        padding: 8px !important;
        box-sizing: border-box;
        border-radius: 9px;
        font-size: 15px;
        font-weight: 700;
        text-decoration: none !important;
    }

    .ef-category-layout .ef-filter-sheet-actions .ef-filters-reset {
        border: 1px solid #197442;
        background: #fff;
        color: #197442 !important;
    }

    .ef-category-layout .ef-filter-sheet-actions .ef-filter-apply {
        border: 1px solid #197442;
        background: #197442;
        color: #fff;
        cursor: pointer;
    }
}

/* =========================================================
   ЕВРОФЛОРА — ОКНО ВЫБОРА РОСТОВКИ / SKU (2026-10-26)
   Только быстрое окно #dialog, товарная страница не меняется.
   ========================================================= */

#dialog .dialog-background {
    background: rgba(14, 26, 24, .58) !important;
    opacity: 1 !important;
    z-index: 9998 !important;
}

#dialog .dialog-window .cart {
    position: fixed !important;
    z-index: 9999 !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
    width: min(920px, calc(100vw - 40px)) !important;
    max-height: calc(100vh - 44px) !important;
    max-height: calc(100dvh - 44px) !important;
    margin: 0 !important;
    padding: 26px !important;
    border-radius: 18px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .20) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

#dialog .dialog-window .dialog-close {
    position: absolute !important;
    z-index: 3 !important;
    top: 10px !important;
    right: 16px !important;
    margin: 0 !important;
    padding: 2px 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: #55625c !important;
    text-decoration: none !important;
    font: 30px/1 Arial, sans-serif !important;
}

#dialog .ef-buy-dialog-form {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #1c2924 !important;
    background: #fff !important;
}

#dialog .ef-buy-layout {
    display: grid !important;
    grid-template-columns: minmax(0, .93fr) minmax(0, 1.13fr) !important;
    align-items: start !important;
    gap: 26px !important;
}

#dialog .ef-buy-media {
    min-width: 0 !important;
}

#dialog .ef-buy-media > img#product-image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 380px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 12px !important;
    background: #f7f9f7 !important;
}

#dialog .ef-buy-thumbnails {
    display: flex !important;
    gap: 8px !important;
    margin-top: 9px !important;
    flex-wrap: wrap !important;
}

#dialog .ef-buy-thumbnail {
    display: block !important;
    width: 64px !important;
    height: 64px !important;
    padding: 3px !important;
    border: 1px solid #d9e0dc !important;
    border-radius: 8px !important;
    background: #fff !important;
    cursor: pointer !important;
}

#dialog .ef-buy-thumbnail.is-selected,
#dialog .ef-buy-thumbnail:hover {
    border-color: #11703f !important;
    box-shadow: 0 0 0 1px #11703f !important;
}

#dialog .ef-buy-thumbnail img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

#dialog .ef-buy-photo-caption {
    margin: 9px 0 0 !important;
    color: #77817c !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
}

#dialog .ef-buy-content {
    min-width: 0 !important;
}

#dialog .ef-buy-dialog-form h4 {
    margin: 0 25px 16px 0 !important;
    padding: 0 !important;
    color: #17231e !important;
    font: 700 22px/1.3 Arial, sans-serif !important;
}

#dialog .ef-buy-dialog-form .ef-buy-sku-head {
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1.3fr) minmax(0, .95fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 8px 11px !important;
    color: #687670 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    text-align: center !important;
}

#dialog .ef-buy-skus {
    display: grid !important;
    gap: 7px !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    list-style: none !important;
}

#dialog .ef-buy-skus > li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#dialog .ef-buy-skus > li > label {
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1.3fr) minmax(0, .95fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
    min-height: 44px !important;
    padding: 8px 11px !important;
    margin: 0 !important;
    border: 1px solid #d9e2dc !important;
    border-radius: 9px !important;
    background: #fff !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    float: none !important;
    width: 100% !important;
}

#dialog .ef-buy-skus > li > label:has(input:checked) {
    border-color: #087340 !important;
    background: #f2f9f5 !important;
    box-shadow: inset 0 0 0 1px #087340 !important;
}

#dialog .ef-buy-skus input[type="radio"] {
    display: inline-block !important;
    position: static !important;
    width: 17px !important;
    height: 17px !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin: 0 !important;
    accent-color: #11703f !important;
}

#dialog .ef-buy-skus .ef-buy-sku-name {
    color: #1d2822 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    max-width: none !important;
    white-space: normal !important;
}

#dialog .ef-buy-skus .hint {
    display: none !important;
}

#dialog .ef-buy-skus .price {
    display: block !important;
    color: #202d26 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

#dialog .ef-buy-skus .ef-buy-sku-stock {
    display: block !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    color: #11703f !important;
    font-weight: 650 !important;
    text-align: center !important;
}

#dialog .ef-buy-skus .ef-buy-sku-stock--none {
    color: #9ca6a1 !important;
}

#dialog .ef-buy-skus label.ef-buy-unavailable {
    background: #f4f5f4 !important;
    color: #97a09a !important;
    cursor: not-allowed !important;
}

/* Старый динамический бейдж может дублировать наш столбец остатков. */
#dialog .ef-buy-skus .stock-badge-auto,
#dialog .ef-buy-skus .stock-badge-manual,
#dialog .ef-buy-stocks-secondary {
    display: none !important;
}

#dialog .ef-buy-dialog-form .stocks {
    margin: 0 0 14px !important;
    padding: 0 !important;
    color: #146e43 !important;
    font-size: 13px !important;
}

#dialog .ef-buy-dialog-form .purchase {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

#dialog .ef-buy-dialog-form .add2cart {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

#dialog .ef-buy-dialog-form .add2cart > .price {
    display: block !important;
    color: #13231a !important;
    font: 700 20px/1.2 Arial, sans-serif !important;
}

#dialog .ef-buy-dialog-form .ef-buy-multiple {
    margin-top: 2px !important;
    color: #1d2822 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

#dialog .ef-buy-quantity-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    font-size: 14px !important;
}

#dialog .ef-buy-quantity-label {
    margin: 0 !important;
    color: #52665b !important;
    font-weight: 600 !important;
}

#dialog .ef-buy-dialog-form .qty {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

#dialog .ef-buy-dialog-form .qty input[name="quantity"] {
    display: block !important;
    width: 82px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 1px solid #d6dfd9 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    color: #17281d !important;
    background: #fff !important;
    font: 700 17px Arial, sans-serif !important;
    text-align: center !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}

#dialog .ef-buy-dialog-form .qty input[name="quantity"]::-webkit-inner-spin-button,
#dialog .ef-buy-dialog-form .qty input[name="quantity"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

#dialog .ef-buy-total {
    margin-left: auto !important;
    color: #17281d !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
}

#dialog .ef-buy-total strong {
    font-size: 18px !important;
}

#dialog .ef-buy-dialog-form .add2cart input[type="submit"] {
    display: block !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 3px 0 0 !important;
    padding: 12px 15px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #08773e !important;
    color: #fff !important;
    font: 700 16px/1.3 Arial, sans-serif !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}

#dialog .ef-buy-dialog-form .add2cart input[type="submit"]:disabled {
    background: #bdcbc3 !important;
    cursor: not-allowed !important;
}

#dialog .ef-buy-dialog-form .mix-color-notice {
    font-size: 12px !important;
    margin: 0 0 12px !important;
}

@media screen and (max-width: 760px) {
    #dialog .dialog-window .cart {
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        max-height: calc(100vh - 12px) !important;
        max-height: calc(100dvh - 12px) !important;
        padding: 23px 16px max(16px, env(safe-area-inset-bottom)) !important;
        transform: none !important;
        border-radius: 20px 20px 0 0 !important;
        box-shadow: 0 -12px 35px rgba(0,0,0,.13) !important;
    }

    #dialog .dialog-window .dialog-close {
        right: 12px !important;
        top: 8px !important;
    }

    #dialog .dialog-window #cart-form-dialog {
        padding: 0 !important;
    }

    #dialog .ef-buy-layout {
        display: block !important;
    }

    #dialog .ef-buy-media {
        float: left !important;
        width: 94px !important;
        margin: 0 12px 14px 0 !important;
    }

    #dialog .ef-buy-media > img#product-image {
        width: 94px !important;
        height: 94px !important;
        aspect-ratio: 1 / 1 !important;
    }

    /* Миниатюры появляются только когда фото действительно несколько. */
    #dialog .ef-buy-thumbnails {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 3px !important;
        margin-top: 5px !important;
    }

    #dialog .ef-buy-thumbnail {
        width: 28px !important;
        height: 28px !important;
        padding: 1px !important;
        border-radius: 5px !important;
    }

    #dialog .ef-buy-photo-caption {
        display: none !important;
    }

    #dialog .ef-buy-content {
        display: block !important;
    }

    #dialog .ef-buy-dialog-form h4 {
        margin: 0 24px 24px 0 !important;
        min-height: 72px !important;
        font-size: 17px !important;
        line-height: 1.3 !important;
    }

    #dialog .ef-buy-dialog-form .ef-buy-sku-head,
    #dialog .ef-buy-dialog-form .ef-buy-skus,
    #dialog .ef-buy-dialog-form .options,
    #dialog .ef-buy-dialog-form .stocks,
    #dialog .ef-buy-dialog-form .purchase,
    #dialog .ef-buy-dialog-form .mix-color-notice {
        clear: both !important;
    }

    #dialog .ef-buy-dialog-form .ef-buy-sku-head {
        grid-template-columns: 18px minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 4px !important;
        padding: 6px 3px 8px !important;
        font-size: 11px !important;
    }

    #dialog .ef-buy-skus > li > label {
        grid-template-columns: 18px minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 5px !important;
        padding: 9px 7px !important;
    }

    #dialog .ef-buy-skus .ef-buy-sku-name,
    #dialog .ef-buy-skus .price {
        font-size: 12px !important;
    }

    #dialog .ef-buy-skus .ef-buy-sku-stock {
        font-size: 11px !important;
    }

    #dialog .ef-buy-dialog-form .add2cart > .price {
        font-size: 18px !important;
    }

    #dialog .ef-buy-quantity-label {
        font-size: 12px !important;
    }

    #dialog .ef-buy-total {
        margin-left: 0 !important;
        font-size: 13px !important;
    }

    #dialog .ef-buy-total strong {
        font-size: 15px !important;
    }
}

/* ЕВРОФЛОРА — мобильный каталог: линейка высоты не пересекает строки */
/* ЗАМЕНИТЬ существующие два правила под комментарием
   «ЕВРОФЛОРА — линейка рядом с текстом высоты» в default.css. */

html body main.maincontent
#product-list ul.thumbs.product-list:not(.mini) > li .ef-available-height {
    position: relative !important;
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    height: auto !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 0 0 19px !important;
    box-sizing: border-box !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    background-image: none !important;
}

html body main.maincontent
#product-list ul.thumbs.product-list:not(.mini) > li .ef-available-height::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 1px !important;
    left: 0 !important;
    flex: none !important;
    width: 13px !important;
    height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cpath d='M7 6h5M7 10h3M7 14h5M7 18h3'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* ЕВРОФЛОРА — ровная пагинация и центрирование кнопки в каталоге.
   Заменяет ПРЕДЫДУЩИЙ блок с тем же назначением, не добавляется к нему. */
@media screen and (min-width: 761px) {
    /* Количество и кнопка остаются в исходной форме Shop-Script. */
    html body main.maincontent #product-list
    ul.thumbs.product-list:not(.mini) > li form.purchase.addtocart {
        justify-content: center !important;
        align-items: center !important;
    }

    /* Иконка и надпись «В корзину» визуально по центру кнопки. */
    html body main.maincontent #product-list
    ul.thumbs.product-list:not(.mini) > li form.purchase.addtocart > input[type="submit"] {
        text-align: center !important;
        padding: 0 10px 0 30px !important;
        background-position: calc(50% - 40px) center !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Пагинация: весь ряд центрирован под каталогом. */
    main.maincontent #product-list .paging-nav {
        display: block !important;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        margin: 20px auto 26px !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }
    main.maincontent #product-list .paging-nav > ul.menu-h.pagination-fix {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        width: min(100%, 440px) !important;
        max-width: 440px !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
        float: none !important;
        overflow-x: auto !important;
        list-style: none !important;
    }
    main.maincontent #product-list .paging-nav > ul.menu-h.pagination-fix > li {
        display: flex !important;
        float: none !important;
        flex: 0 0 auto !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    main.maincontent #product-list .paging-nav > ul.menu-h.pagination-fix > li > a,
    main.maincontent #product-list .paging-nav > ul.menu-h.pagination-fix > li > span {
        display: inline-flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 46px !important;
        min-width: 46px !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        border: 1px solid #d5dfd8 !important;
        border-radius: 10px !important;
        background: #fff !important;
        color: #24372a !important;
        font: 500 15px/1 Arial, Helvetica, sans-serif !important;
        text-decoration: none !important;
    }
    main.maincontent #product-list .paging-nav > ul.menu-h.pagination-fix > li:not(.selected) > span {
        border-color: transparent !important;
        background: transparent !important;
    }
    main.maincontent #product-list .paging-nav > ul.menu-h.pagination-fix > li.selected > a,
    main.maincontent #product-list .paging-nav > ul.menu-h.pagination-fix > li.selected > span {
        border-color: #197442 !important;
        background: #197442 !important;
        color: #fff !important;
        font-weight: 700 !important;
    }
}

/* На телефоне кнопки тоже остаются в один ряд, при избытке страниц
   список горизонтально прокручивается, а не ломает второй ряд. */
@media screen and (max-width: 760px) {
    main.maincontent #product-list .paging-nav {
        display: block !important;
        float: none !important;
        width: 100% !important;
        margin: 16px auto 20px !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }
    main.maincontent #product-list .paging-nav > ul.menu-h.pagination-fix {
        display: flex !important;
        flex-flow: row nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        width: max-content !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow-x: auto !important;
        list-style: none !important;
    }
    main.maincontent #product-list .paging-nav > ul.menu-h.pagination-fix > li {
        display: flex !important;
        float: none !important;
        flex: 0 0 auto !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    main.maincontent #product-list .paging-nav > ul.menu-h.pagination-fix > li > a,
    main.maincontent #product-list .paging-nav > ul.menu-h.pagination-fix > li > span {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        border-radius: 9px !important;
        font-size: 14px !important;
    }
    main.maincontent #product-list .paging-nav > ul.menu-h.pagination-fix > li.selected > a,
    main.maincontent #product-list .paging-nav > ul.menu-h.pagination-fix > li.selected > span {
        color: #fff !important;
        background: #197442 !important;
        border-color: #197442 !important;
    }
}