.thumb-menu.nav a { width: 25%; border: 1px solid transparent; } .thumb-menu.nav { flex-wrap: nowrap; } .main-product-thumbnail .tab-content img, .product-thumbnail .thumb-menu div img { width: 100%; border: 1px solid #e0e0e0; border-radius: 3px; } .main-thumb-desc li { display: inline-block; margin-right: 3px; } .main-thumb-desc li a { font-weight: 500; line-height: 30px; font-size: 14px; color: #444; background: #f0f0f0; border: 1px solid #ebebeb; padding: 0 20px; height: 30px; display: inline-block; text-transform: uppercase; text-decoration: none; border-radius: 3px; } .main-thumb-desc li a.active { background-color: #d4d4d4; } .product-thumbnail img { width: 100%; border-radius: 3px; } .buttons-cart { margin-bottom: 30px; overflow: hidden; } .product-thumbnail .thumb-menu .photo-selection .img-fluid { display: block; /* Убедитесь, что изображение занимает всю ширину ссылки */ max-weight: 100%; height: auto; z-index: 0; pointer-events: none; /* Отключить события мыши для изображения */ } .product-thumbnail .thumb-menu .photo-selection { display: inline-block; /* Убедитесь, что ссылка ведет себя как блочный элемент */ cursor: pointer; /* Изменение курсора на указатель при наведении */ position: relative; z-index: 5; } .tab-pane-content { margin-top: 3px; background-color: #f0f0f0; /* Устанавливает белый фон */ border-radius: 5px; /* Сглаживает углы на 5 пикселей */ padding: 15px; /* Опционально: добавляет отступы внутри элемента */ } .card_condition_true .main-product-thumbnail .container .row .col-lg-7 .thumbnail-desc .rating-summary .card__condition { font-weight: 400; font-size: 13px; color: #287330; text-decoration: none; } .card_condition_true .main-product-thumbnail .container .row .col-lg-7 .thumbnail-desc .rating-summary .card__condition::before { content: "✔ В наличии"; } .card_condition_false .main-product-thumbnail .container .row .col-lg-7 .thumbnail-desc .rating-summary .card__condition { font-weight: 400; font-size: 13px; color: #8a2d2d; text-decoration: none; } .card_condition_false .main-product-thumbnail .container .row .col-lg-7 .thumbnail-desc .rating-summary .card__condition::before { content: "❌ Нет в наличии"; } .wrapper .main-product-thumbnail .container .row .col-lg-7 .thumbnail-desc .rating-summary .pro-price .card__prices .card__price { margin-right: 10px; /* Отступ между элементами (если нужен) */ } .wrapper .main-product-thumbnail .container .row .col-lg-7 .thumbnail-desc .rating-summary .pro-price .card__prices .card__price::after { content: "₽"; margin-left: 4px; position: relative; } .wrapper .main-product-thumbnail .container .row .col-lg-7 .thumbnail-desc .rating-summary .pro-price .card__price--discount { font-weight: 700; font-size: 20px; color: #25522e; } .wrapper .main-product-thumbnail .container .row .col-lg-7 .thumbnail-desc .rating-summary .pro-price .card__prices .card__price_old_price { display: flex; align-items: center; } .wrapper .main-product-thumbnail .container .row .col-lg-7 .thumbnail-desc .rating-summary .pro-price .card__prices .card__price_old_price .card__price--common { font-weight: 400; font-size: 15px; color: #c72d0a; text-decoration: line-through; /* Зачеркивание */ margin-right: 2px; } .wrapper .main-product-thumbnail .container .row .col-lg-7 .thumbnail-desc .rating-summary .pro-price .card__prices .card__price_old_price .card__label { color: #c72d0a; font-weight: 400; font-size: 13px; } .wrapper .main-product-thumbnail .container .row .col-lg-7 .thumbnail-desc .rating-summary .pro-price .card__prices { display: flex; align-items: center; /* Выравнивание по вертикали */ } .panel_product { display: none; } @media (max-width: calc(250px * 3 + (20px * (3 - 1)) + 40px)) { /* Условие для одной карточки */ .panel_product { display: block !important; } .wrapper .main-product-thumbnail .container .row .col-lg-7 .thumbnail-desc .rating-summary .favourites { display: none; } } .panel_product .navbar-nav .nav-item .nav-link .click-back { cursor: pointer; position: absolute; top: 0; left: 0; width: 60px; height: 60px; z-index: 10; } .panel_product .navbar-nav .nav-item .nav-link { display: flex; /* Используем Flexbox для размещения элементов в ряд */ justify-content: flex-end; /* Размещаем элементы справа */ align-items: center; /* Центрируем по вертикали */ } .panel_product .navbar-nav .nav-item .nav-link .share_link, .panel_product .navbar-nav .nav-item .nav-link .favourites { position: relative; /* Устанавливаем позицию для управления наложением */ display: flex; /* Используем Flexbox для центрирования содержимого */ align-items: center; /* Центрируем по вертикали */ justify-content: center; /* Центрируем по горизонтали */ margin-left: 10px; /* Добавляем отступ между элементами */ } .wrapper .main-product-thumbnail .container .row .col-lg-7 .thumbnail-desc .favourites { position: relative; /* Устанавливаем позицию для управления наложением */ display: flex; /* Используем Flexbox для центрирования содержимого */ align-items: center; /* Центрируем по вертикали */ margin-left: -3px; /* Добавляем отступ между элементами */ } .wrapper .main-product-thumbnail .container .row .col-lg-7 .thumbnail-desc a { font-weight: 700; font-size: 13px; } .panel_product .navbar-nav .nav-item .nav-link .share_link .share_link_button, .panel_product .navbar-nav .nav-item .nav-link .favourites .id-favourites, .wrapper .main-product-thumbnail .container .row .col-lg-7 .thumbnail-desc .favourites .id-favourites { cursor: pointer; position: absolute; /* Позволяет ссылке занимать всю область контейнера */ top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Устанавливаем z-index, чтобы ссылка была выше SVG */ } .wrapper .main-product-thumbnail .container .row .col-lg-7 .thumbnail-desc .favourites .icon-favourites, .panel_product .navbar-nav .nav-item .nav-link .icon-favourites { cursor: pointer; position: relative; z-index: 0; /* Устанавливаем z-index ниже ссылки */ } .wrapper .main-product-thumbnail .container .row .col-lg-7 .thumbnail-desc .favourites-true .icon-favourites, .panel_product .navbar-nav .nav-item .nav-link .favourites-true .icon-favourites { fill: #00c906; } .wrapper .main-product-thumbnail .container .row .col-lg-7 .thumbnail-desc .favourites-false .icon-favourites, .panel_product .navbar-nav .nav-item .nav-link .favourites-false .icon-favourites { fill: #d1d1d1; } .wrapper .main-product-thumbnail .container .row .col-lg-7 .thumbnail-desc .rating-summary .favourites .favourites__text { text-decoration: none; color: #1f211f; } .wrapper .main-product-thumbnail .container .row .col-lg-7 .thumbnail-desc .rating-summary .favourites-true .favourites__text::before { content: "Убрать из избранных"; } .wrapper .main-product-thumbnail .container .row .col-lg-7 .thumbnail-desc .rating-summary .favourites-false .favourites__text::before { content: "Добавить в избранные"; } ul { padding: 0; margin: 0; list-style-type: none; } ul li { display: block; overflow: hidden; position: relative; } .item__label { display: inline-block; position: relative; font-weight: 600; font-size: 15px; } .item__label:after { content: ''; position: absolute; left: 100%; right: -9999px; bottom: 0; border-bottom: 1px dotted #888; } .left { width: 60%; overflow: hidden; position: relative; float: left; } .item__cor { width: 40%; float: right; } .description_paragraph { font-weight: 600; font-size: 17px; } .description_paragraph::after { content: ":"; } .relative-container { position: relative; height: 500px; /* Фиксированная высота родителя */ } .absolute-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* Занимает всю доступную высоту и ширину */ }