Issues:
1.navbar-fixed-top{
2position:fixed;
3right: 0;
4left: 0;
5z-index:1000;
6}
7.navbar-default{
8height:48px;
9border-bottom:1px solid #aaa;
10background-color:#f2f3f3;
11}
12.navbar-brand{
13margin-top:-5px;
14}
15.city-chooser{
16margin:0;
17}
18.city-chooser__city,.city-chooser__city:hover{
19font-size:11px;
20text-transform:uppercase;
21color:#000 !important;
22border:none;
23}
24.nav-catalog{
25font-size:15px;
26color:#bd282e !important;
27font-weight:600;
28text-transform:uppercase;
29}
30.city-chooser__city{
31color:#000 !important;
32}
33.menu-icon{
34width:24px;
35height:auto;
36margin-right:8px;
37}
38.navbar-form{
39
40position:relative;
41margin-top:8px;
42}
43.navbar-form .form-controls{
44min-width: 360px;
45}
46
47.main-basket{
48padding: 0 4px;
49border:none !important;
50margin-top:8px;
51font-size:11px;
52height:36px;
53position:relative;
54text-align:center;
55}
56.nav-msg-img{
57text-align:center;
58width: 24px;
59height: 24px;
60}
61.feedback-link{
62text-transform:uppercase;
63font-size:13px;
64color:crimson !important;
65}
66.main-basket-row .svg-shop {
67width: 24px;
68height: 24px;
69float: left;
70stroke: #000;
71margin: 0 8px 0 0;
72}
73.no-products-text{
74display:none;
75}
76.main-content{
77margin-top:48px;
78}
79.subcat, .subcat option{
80font-size: 16px;
81}
82.footer-m{
83position:relative;
84bottom:0;
85width:100%;
86text-align:center;
87background-color:#525559;
88color:#fff;
89padding:1rem 0 1rem 0;
90}
91.footer-logo-col{
92text-align:left;
93width:160px;
94}
95.footer-logo-cell{
96margin-bottom:6px;
97}
98
99.footer-logo{
100text-align:left;
101width:120px;
102padding:0;
103}
104.footer-phone a,.footer-email a{
105display:inline-block;
106color:#fff;
107text-decoration:none;
108margin-bottom:8px;
109}
110.footer-phone{
111text-align:left;
112font-size:15px;
113font-weight:600;
114}
115.footer-phone img, .footer-email img{
116margin-right:10px;
117height:16px;
118width:auto;
119}
120.footer-time{
121padding:0;
122font-size:15px;
123font-weight:400;
124text-align:left;
125}
126
127.footer-email{
128text-align:left;
129font-size:15px;
130font-weight:600;
131}
132
133
134.x_menu{
135text-align:center;
136vertical-align:top;
137}
138.x_menu_list{
139display:table;
140margin:0 auto;
141padding-top:.5rem;
142}
143.x_menu_col{
144list-style-type:none;
145float:left;
146}
147.x_menu_col a{
148border:0;
149}
150.x_menu_item{
151text-align:left;
152padding:.125rem;
153}
154.x_menu_title{
155font-size:15px;
156font-weight:700;
157text-align:left;
158padding:.125rem;
159padding-bottom:.25em;
160}
161.x_menu_item{
162font-size:14px;
163}
164.x_menu_item a:link,.x_menu_item a:visited,.x_menu_title a:link,.x_menu_title a:visited{
165text-decoration:none;
166color:#fff;
167border:none;
168}
169.sn-img{
170height:36px;
171width:auto;
172margin:0 4px;
173}
174.sn-img:hover{
175transform:scale(1.2);
176}
177
178
179.copy{
180text-align:left;
181color:#fff;
182font-size:12px;
183margin:6px 0;
184}
185.copy a:link,.copy a:visited,.copy a:link,.copy a:visited{
186color:#fff;
187border:none;
188}
189
190.up-to-top{
191position:fixed;
192bottom:3rem;
193left:.75rem;
194padding:.5rem;
195opacity:0.5;
196height:2.5rem;
197text-align:center;
198width:4rem;
199overflow:hidden;
200background-color:rgba(205,53,77,.8);
201color:#fff;
202border-radius:.5rem;
203text-decoration:none;
204display:none;
205z-index:1000;
206cursor:pointer;
207transition:all .1s ease;
208}
209.up-to-top:hover{
210opacity:1;
211}
212.up-to-top i{
213font-size:1.5rem;
214color:#fff;
215}
216
217
218@media (max-width: 896px) {
219.navbar-default{
220height:auto;
221}
222.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
223max-height:none;
224}
225.navbar-nav .open .dropdown-menu{
226font-size:large;
227}
228
229.main-basket{
230float:left;
231}
232#basket_items_txt{
233display:block;
234position:absolute;
235margin-top:20px;
236}
237.h1{
238font-size:20px;
239}
240
241.subcat{
242
243}
244.x_menu_col{
245width:100%;
246padding-left:24px;
247}
248.item-card{
249width:90%;
250}
251
252.mat-card-cover,.item-card-cover{
253width:90%;
254}
255.mat-card-cover img{
256width:100%;
257}
258
259}
260
261
262nav#menu-container {
263display:none;
264}
265@media (max-width: 896px) {
266.main-content{
267padding:0;
268}
269nav#menu-container {
270 display:block;
271 font-size:14px;
272 background:#fff;
273 position:relative;
274 width:100%;
275 height: 56px;
276}
277#btn-nav-previous {
278 text-align: center;
279 color: white;
280 cursor: pointer;
281 font-size: 24px;
282 position: absolute;
283 left: 0px;
284 padding: 9px 12px;
285 background: #fff;
286 fill:#F00;
287}
288#btn-nav-next{
289 text-align: center;
290 color: white;
291 cursor: pointer;
292 font-size: 24px;
293 position: absolute;
294 right: 0px;
295 padding: 9px 12px;
296 background: #fff;
297 fill:#F00;
298}
299.menu-inner-box
300{
301 width: 100%;
302 white-space: nowrap;
303 margin: 0 auto;
304 overflow: hidden;
305 padding: 0px 54px;
306 box-sizing: border-box;
307}
308.menu
309{
310 padding:0;
311 margin: 0;
312 list-style-type: none;
313 display:block;
314 text-align: center;
315}
316.menu-item
317{
318 height:100%;
319 padding:10px;
320 color:#000;
321 display:inline;
322 margin:0 auto;
323 line-height:52px;
324 text-decoration:none;
325 text-align:center;
326 white-space:
no-wrap;
327}
328
329.menu-item:hover {
330 text-decoration:underline;
331}
332.last-item{
333 margin-right: 50px;
334}
335}
336
337/* ==========================================================================
338 FINAL FIX v9: MOBILE SLIDER TEXT FIX + STABLE LAYOUT
339 ========================================================================== */
340
341/* --- 1. ОТКЛЮЧЕНИЕ СТАРОЙ АНИМАЦИИ --- */
342.owl-carousel .product-col > a,
343.product-col > a {
344 background-image: none !important;
345 background-color: #fff !important;
346}
347
348/* --- 2. СЛАЙДЕР (Фиксированный, по центру) --- */
349.slider-top {
350 position: relative;
351 display: block;
352 width: 100%;
353 height: 290px !important; /* Железобетонная высота */
354 overflow: hidden !important; /* Обрезаем всё лишнее */
355 background: #fff;
356 margin-bottom: 20px;
357}
358
359/* Картинки внутри слайдера */
360div#slider_top img {
361 width: auto !important;
362 max-width: 100% !important;
363 height: 100% !important;
364 object-fit: contain !important;
365 display: block !important;
366 margin: 0 auto !important;
367 border: none !important;
368}
369
370/* --- КНОПКА СЛАЙДЕРА (DESKTOP) --- */
371.slider-top .construct-btn {
372 background-color: #ffdb4d !important;
373 color: #000 !important;
374 border: none !important;
375 border-radius: 4px !important;
376 text-transform: uppercase;
377 font-weight: 700;
378 font-size: 14px;
379 padding: 12px 35px !important;
380 box-shadow: none !important;
381 width: auto !important;
382 display: inline-block !important;
383 max-width: none !important;
384 margin-top: 25px !important;
385 text-decoration: none !important;
386 line-height: normal !important;
387 cursor: pointer;
388 position: relative;
389 z-index: 10;
390}
391
392.slider-top .construct-btn:hover {
393 background-color: #ffe019 !important;
394}
395
396
397/* --- 3. СЕТКА ТОВАРОВ (Ряд до загрузки) --- */
398.catalogue-products:not(.owl-loaded) {
399 display: flex;
400 flex-wrap: nowrap;
401 overflow: hidden;
402 margin: 0 -10px;
403 height: 460px;
404}
405
406.catalogue-products:not(.owl-loaded) .product-col {
407 flex: 0 0 20%;
408 max-width: 20%;
409 padding: 0 10px;
410 display: block;
411}
412
413/* Адаптив сетки */
414@media (max-width: 1200px) { .catalogue-products:not(.owl-loaded) .product-col { flex: 0 0 25%; max-width: 25%; } }
415@media (max-width: 992px) { .catalogue-products:not(.owl-loaded) .product-col { flex: 0 0 33.33%; max-width: 33.33%; } }
416@media (max-width: 768px) { .catalogue-products:not(.owl-loaded) .product-col { flex: 0 0 100%; max-width: 100%; } }
417
418
419/* --- 4. СЕРЫЙ СКЕЛЕТОН --- */
420@keyframes gray-shimmer {
421 0% { background-position: -1000px 0; }
422 100% { background-position: 1000px 0; }
423}
424
425.product-col > a {
426 display: block;
427 position: relative;
428 background: #f0f2f5 !important;
429 background-image: linear-gradient(to right, #f0f2f5 0%, #ffffff 50%, #f0f2f5 100%) !important;
430 background-repeat: no-repeat !important;
431 background-size: 1000px 100% !important;
432 animation: gray-shimmer 1.5s infinite linear;
433 min-height: 220px;
434 border-radius: 4px;
435}
436
437.product-col > a > img {
438 position: relative;
439 z-index: 5;
440 background: #fff;
441 width: auto;
442 max-width: 100%;
443 height: 220px;
444 object-fit: contain;
445 display: block;
446 margin: 0 auto;
447 padding: 10px 0;
448}
449
450/* --- 5. ДИЗАЙН КАРТОЧЕК --- */
451
452.product-col {
453 position: relative;
454 background: #fff;
455 border: 1px solid #ececec;
456 border-radius: 8px;
457 margin: 10px 5px;
458 padding: 15px 15px 60px 15px;
459 overflow: visible !important;
460 min-height: 410px;
461 /* УБИРАЕМ transition отсюда, чтобы при загрузке не было движения */
462 transition: none !important;
463}
464
465.product-col:hover {
466 z-index: 100;
467 border-color: transparent;
468 box-shadow: 0 10px 30px rgba(0,0,0,0.12);
469 transform: translateY(-5px);
470 border-radius: 8px 8px 0 0;
471 /* Переносим анимацию сюда - она сработает только когда вы наведете мышку */
472 transition: transform 0.3s ease, box-shadow 0.3s ease !important;
473}
474
475.product-title {
476 height: 38px;
477 overflow: hidden;
478 margin-top: 15px;
479 font-size: 14px;
480 line-height: 1.35;
481 text-align: center;
482 position: relative;
483 z-index: 10;
484 background: #fff;
485}
486
487.product-title a {
488 color: #333;
489 text-decoration: none;
490 font-weight: 600;
491 transition: color 0.2s;
492}
493.product-col:hover .product-title a {
494 color: #ffdb4d;
495}
496
497.product-price {
498 margin-top: 10px;
499 font-weight: 800;
500 font-size: 18px;
501 text-align: center;
502 color: #000;
503 position: relative;
504 z-index: 10;
505 background: #fff;
506}
507
508/* Кнопка товара (скрытая) */
509.product-col .display-on-hover {
510 opacity: 0;
511 visibility: hidden;
512 position: absolute;
513 top: 100%;
514 left: 0;
515 right: 0;
516 background: #fff;
517 z-index: 90;
518 padding: 0 15px 20px 15px;
519 box-shadow: 0 15px 30px rgba(0,0,0,0.12);
520 border-radius: 0 0 8px 8px;
521 transition: opacity 0.2s;
522 margin-top: -1px;
523}
524
525.product-col:hover .display-on-hover {
526 opacity: 1;
527 visibility: visible;
528}
529
530.product-col .buy-item {
531 width: 100%;
532 margin: 10px auto 0;
533 display: block;
534 background-color: #ffdb4d;
535 color: #000;
536 font-weight: 700;
537 text-transform: uppercase;
538 font-size: 12px;
539 padding: 12px 0;
540 border-radius: 4px;
541 border: none;
542 cursor: pointer;
543}
544.product-col .buy-item:hover {
545 background-color: #ffe019;
546}
547
548.product-frame { display: none !important; }
549.product-characteristics { display: none; }
550.main-article { min-height: 250px; }
551
552
553/* --- 6. СТАБИЛИЗАЦИЯ ОТЗЫВОВ --- */
554.slider-bottom {
555 min-height: 340px;
556 overflow: hidden;
557 width: 100%;
558 display: block;
559}
560
561.review-card {
562 height: 290px;
563 background-color: #f3f3f3;
564 padding: 15px;
565 margin: 0 auto 20px;
566 box-sizing: border-box;
567 overflow: hidden;
568}
569
570.review-card .review-name {
571 min-height: 20px;
572 display: block;
573 font-weight: bold;
574}
575.review-card img.la {
576 width: 50px;
577 height: 50px;
578 display: block;
579 float: left;
580 margin-right: 15px;
581 background: #e0e0e0;
582 border-radius: 50%;
583}
584
585body#body {
586 overflow-x: hidden;
587 width: 100%;
588 min-height: 100vh;
589 position: relative;
590}
591
592/* --- 7. МОБИЛЬНАЯ ВЕРСИЯ СЛАЙДЕРА (УВЕЛИЧЕНИЕ ТЕКСТА) --- */
593
594@media (max-width: 900px) {
595 /* Расширяем блок текста, чтобы он не был узким (128px) */
596 .construct-center {
597 width: 90% !important;
598 margin-top: 60px !important; /* Опускаем текст чуть ниже */
599 margin-left: auto !important;
600 margin-right: auto !important;
601 }
602
603 /* Увеличиваем заголовок (было 10px) */
604 .construct-h2 {
605 font-size: 18px !important;
606 line-height: 1.3 !important;
607 margin-top: 0 !important;
608 margin-bottom: 5px !important;
609 }
610
611 /* Увеличиваем подзаголовок (было 8px) */
612 .construct-h3 {
613 font-size: 14px !important;
614 font-weight: normal !important;
615 margin-bottom: 15px !important;
616 }
617
618 /* Делаем кнопку аккуратной на мобильном */
619 .slider-top .construct-btn {
620 margin-top: 10px !important;
621 padding: 8px 20px !important;
622 font-size: 12px !important;
623 width: auto !important;
624 display: inline-block !important;
625 }
626}
627
628/* =====================================================================
629 SEARCH RESULTS GRID — стабильные карточки 5 в ряд
630 ===================================================================== */
631
632/* Базовая карточка в результатах поиска */
633.search-product-card {
634 position: relative;
635 background: #fff;
636 border: 1px solid #ececec;
637 border-radius: 8px;
638 box-shadow: 0 1px 3px rgba(0,0,0,0.04);
639 margin: 10px 12px 30px; /* расстояние между карточками как на главной */
640 padding: 15px 15px 60px;
641 min-height: 410px;
642 box-sizing: border-box;
643 overflow: visible;
644 float: left;
645 transition: box-shadow 0.2s ease, transform 0.2s ease;
646}
647
648/* 1) УБИРАЕМ СЕРЫЙ СКЕЛЕТОН И ФОН У ФОТО В ПОИСКЕ */
649.search-product-card > a {
650 display: block;
651 background: #fff !important;
652 background-image: none !important;
653 animation: none !important;
654}
655
656/* Фиксированная высота изображения, чтобы все карточки были ровные */
657.search-product-card > a img {
658 display: block;
659 width: auto;
660 max-width: 100%;
661 height: 220px;
662 object-fit: contain;
663 margin: 0 auto;
664}
665
666/* Заголовок и цена занимают фиксированное место */
667.search-product-card .product-title {
668 min-height: 38px;
669 margin-top: 15px;
670}
671
672.search-product-card .product-price {
673 margin-top: 10px;
674}
675
676/* Цветные кружки компактно под фото */
677.search-product-card .photos-wrapper {
678 margin: 10px auto 0;
679}
680
681/* Не даём появляться лишней рамке внутри карточки поиска */
682.search-product-card .product-frame {
683 display: none !important;
684}
685
686/* Ховер: лёгкий подъём и тень, но без изменения высоты строки */
687.search-product-card:hover {
688 border-color: transparent;
689 box-shadow: 0 10px 30px rgba(0,0,0,0.12);
690 transform: translateY(-4px);
691}
692
693/* Кнопка "Купить в 1 клик" — выпадает вниз, не раздвигая ряд */
694.search-product-card .display-on-hover {
695 opacity: 0;
696 visibility: hidden;
697 position: absolute;
698 top: 100%;
699 left: 0;
700 right: 0;
701 background: #fff;
702 padding: 0 15px 20px;
703 margin-top: -1px;
704 box-shadow: 0 15px 30px rgba(0,0,0,0.12);
705 border-radius: 0 0 8px 8px;
706 transition: opacity 0.2s;
707 z-index: 90;
708}
709
710.search-product-card.catalog-col:hover .display-on-hover {
711 opacity: 1 !important;
712 visibility: visible !important;
713 position: absolute !important;
714}
715
716/* 2) КАРТОЧКА "БОЛЬШЕ ТОВАРОВ"
717 убираем нашу рамку/тень, оставляем только её внутренний стиль */
718.pagination-product-next {
719 float: left;
720 margin: 10px 12px 30px;
721 border: none !important;
722 box-shadow: none !important;
723 background: transparent !important;
724 padding: 0 !important;
725 min-height: auto !important;
726}
727
728/* 3) СЕТКА: 5 / 4 / 3 / 2 / 1 с учётом отступов между товарами */
729@media (min-width: 1200px) {
730 .search-product-card,
731 .pagination-product-next {
732 width: calc(20% - 24px); /* 5 в ряд, минус 2×12px внешних отступов */
733 }
734}
735
736@media (min-width: 992px) and (max-width: 1199px) {
737 .search-product-card,
738 .pagination-product-next {
739 width: calc(25% - 24px); /* 4 в ряд */
740 }
741}
742
743@media (min-width: 768px) and (max-width: 991px) {
744 .search-product-card,
745 .pagination-product-next {
746 width: calc(33.3333% - 24px); /* 3 в ряд */
747 }
748}
749
750@media (min-width: 480px) and (max-width: 767px) {
751 .search-product-card,
752 .pagination-product-next {
753 width: calc(50% - 24px); /* 2 в ряд */
754 }
755}
756
757@media (max-width: 479px) {
758 .search-product-card,
759 .pagination-product-next {
760 width: 100%;
761 margin: 10px 0 30px;
762 }
763}
764
765
766/* --- СТИЛИ ДЛЯ МЕТОК (ХИТ, НОВИНКА И Т.Д.) --- */
767.labels-block {
768 position: absolute;
769 top: 15px; /* Отступ сверху, совпадает с padding карточки */
770 left: 15px; /* Отступ слева */
771 z-index: 200; /* Высокий z-index, чтобы быть поверх картинки товара */
772 width: auto;
773 display: flex;
774 flex-direction: column; /* Если меток несколько, они встанут в столбик */
775 gap: 5px; /* Расстояние между значками */
776 pointer-events: none; /* Чтобы клик по значку пробивал на ссылку товара */
777}
778
779.bestseller,
780.new_label,
781.fast-shipping,
782.3d {
783 display: block;
784 width: 30px;
785 height: 30px;
786}
787
788.bestseller img,
789.new_label img,
790.fast-shipping img,
791.3d
img {
792 width: 100%;
793 height: auto;
794 display: block;
795}
796
797
798
799
800
801
802/* FIX: Жестко фиксируем высоту карточки до загрузки JS (полное устранение CLS) */
803.catalogue-products .product-col {
804 min-height: 410px !important;
805 height: 410px !important;
806}
807
808/* FIX: Высота блока текста в верхнем слайдере — предотвращает дергание */
809.construct-center {
810 min-height: 110px; /* сейчас у тебя там около 90–120px */
811 display: block;
812}
813
814.owl-carousel,
815.owl-stage,
816.owl-item {
817 will-change: transform;
818}
819
820/* ==========================================================================
821 FIX: МОБИЛЬНОЕ МЕНЮ И ЗНАЧКИ
822 ========================================================================== */
823
824/* 1. ИСПРАВЛЕНИЕ ЗНАЧКОВ (ХИТ, НОВИНКА, 3D) */
825.labels-block {
826 position: absolute;
827 top: 15px;
828 left: 15px;
829 z-index: 200;
830 width: auto;
831 display: flex;
832 flex-direction: column;
833 gap: 5px;
834 pointer-events: none;
835}
836
837.bestseller, .new_label, .fast-shipping, .model-3d,
.3d {
838 display: block;
839 width: 30px;
840 height: 30px;
841}
842
843.bestseller img, .new_label img, .fast-shipping img, .model-3d img,
.3d
img {
844 width: 100%;
845 height: auto;
846 display: block;
847}
848
849/* 2. ИСПРАВЛЕНИЕ МОБИЛЬНОГО МЕНЮ (до 768px) */
850@media (max-width: 767px) {
851
852 /* Делаем навбар прокручиваемым, если меню длинное */
853 .navbar-fixed-top .navbar-collapse {
854 max-height: 80vh;
855 overflow-y: auto;
856 }
857
858 /* --- ПОИСК --- */
859 .navbar-form {
860 border: none !important;
861 margin: 10px 0 !important;
862 padding: 0 15px !important;
863 width: 100% !important;
864 box-shadow: none !important;
865 }
866
867 .navbar-form .form-group {
868 display: block;
869 margin-bottom: 10px;
870 }
871
872 /* Исправляем поле ввода: убираем 360px и делаем 100% */
873 .navbar-form .form-control,
874 .navbar-form input[type="text"] {
875 min-width: 0 !important;
876 width: 100% !important;
877 display: block !important;
878 height: 40px !important; /* Удобнее нажимать пальцем */
879 }
880
881 /* Кнопка "Найти" на всю ширину */
882 .navbar-form .btn {
883 width: 100% !important;
884 margin-top: 5px;
885 }
886
887 /* --- ПРАВАЯ ЧАСТЬ МЕНЮ (Корзина, Тел, Соцсети) --- */
888 .nav.navbar-nav.navbar-right {
889 margin: 0 !important;
890 padding: 0 !important;
891 float: none !important;
892 }
893
894 .nav.navbar-nav.navbar-right > li {
895 float: none !important;
896 display: block !important;
897 border-top: 1px solid #eee;
898 }
899
900 /* Ссылки в меню делаем крупнее и с отступами */
901 .nav.navbar-nav.navbar-right > li > a {
902 padding: 15px !important;
903 line-height: 24px !important;
904 }
905
906 /* --- КОРЗИНА --- */
907 /* Скрываем старый блок корзины в меню, если он кривой,
908 и выводим его контент нормально */
909 .main-basket {
910 float: none !important;
911 width: 100% !important;
912 height: auto !important;
913 margin: 0 !important;
914 padding: 0 !important;
915 border: none !important;
916 text-align: left !important;
917 }
918
919 .main-basket-row {
920 display: inline-block;
921 width: 100%;
922 padding: 0;
923 }
924
925 /* Выравниваем иконку и текст корзины */
926 .navbar-nav .main-basket a {
927 display: flex !important;
928 align-items: center;
929 padding: 10px 15px;
930 color: #777;
931 text-decoration: none;
932 }
933
934 .main-basket-row .svg-shop {
935 float: none !important;
936 margin-right: 10px !important;
937 }
938
939 /* Скрываем лишние отступы у выпадающего списка городов */
940 .city-chooser {
941 padding: 15px !important;
942 }
943}
944
945
946
947/* ==========================================================================
948 FIX Z-1: ЖЕСТКИЙ СБРОС РАЗМЕРОВ ЗНАЧКОВ (ПОИСК)
949 ========================================================================== */
950
951/* 1. Контейнер значков: ставим в левый верхний угол */
952.search-product-card .labels-block {
953 position: absolute !important;
954 top: 10px !important;
955 left: 10px !important;
956 width: 30px !important; /* Ширина столбика */
957 height: auto !important; /* Высота по содержимому */
958 display: flex !important;
959 flex-direction: column !important; /* Строго в столбик */
960 gap: 5px !important; /* Отступ между значками */
961 z-index: 500 !important; /* Поверх всего */
962 margin: 0 !important;
963 padding: 0 !important;
964 pointer-events: none; /* Клик сквозь значки */
965}
966
967/* 2. Сами обертки значков (span): ЖЕСТКО 30x30 */
968/* Это исправит проблему с высотой 220px */
969.search-product-card .labels-block > span,
970.search-product-card .labels-block .new_label,
971.search-product-card .labels-block .bestseller,
972.search-product-card .labels-block .model-3d,
973.search-product-card .labels-block
.3d {
974 display: block !important;
975 width: 30px !important;
976 height: 30px !important;
977 min-height: 30px !important;
978 max-height: 30px !important; /* Запрещаем растягиваться! */
979 margin: 0 !important;
980 padding: 0 !important;
981 border: none !important;
982 background: transparent !important;
983 position: relative !important;
984 float: none !important;
985}
986
987/* 3. Картинки внутри значков */
988.search-product-card .labels-block img {
989 width: 100% !important;
990 height: 100% !important;
991 object-fit: contain !important;
992 display: block !important;
993 margin: 0 !important;
994 padding: 0 !important;
995 max-width: none !important;
996 min-height: 0 !important;
997}
998
999