/*!
Theme Name: Aluminium
Theme URI: 
Author: Monolit
Author URI: https://vk.com/it_proger29
Description: Название "Aluminium" воплощает в себе глубокий смысл и сильную концепцию. Начиная с первых двух букв "AI", которые ассоциируются с искусственным интеллектом "Artificial Intelligence", оно намекает на использование передовых технологий...

За поддержкой/доработкой/расширением сайта обращайтесь к автору темы 
Version: 1.0.3
License: Private
License URI: LICENSE
Text Domain: aluminium
Tags: 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

aluminium is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 #wpadminbar #wp-admin-bar-my-account.with-avatar>.ab-empty-item img, #wpadminbar #wp-admin-bar-my-account.with-avatar>a img,.rank-math-icon {
    height: 16px!important;
    width: 16px!important;
}.blogAjaxBtn{
	cursor: pointer;
}html:has(#wpadminbar) .header{
    margin-top: 32px;
}.faq-monolit-qa__text{
	box-shadow: none!important
}.faq-monolit-qa__question{
	font-size: 14px!important;
}
.event-none{
	pointer-events: none;
}
.read-also-slider {
    clear: both;
    margin: 16px 0;
    overflow: hidden;
}
.read-also-slider>div:not(.read-also-slider__carousel) {
    display: flex;
}
.read-also-slider__item {
    height: 100%;
    display: flex;
}
.article__content a {
    text-decoration: underline;
}
.read-also-slider__image {
    min-width: 120px;
    width: 120px;
    height: 72px;
    object-fit: cover;
    float: left;
    margin-right: 16px;
}
.read-also-slider__image img {
    height: 72px;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.read-also-slider__title {
    color: #7a7a7a;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
}
.read-also-slider__link {
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    color: #292929;
}
.read-also-slider__link a {
    text-decoration: none !important;
}

.top-nav__weather i {
    margin: 0 10px 0 0;
    font-size: 22px;
}
.top-nav__weather i {
    color: #ed6300;
}
[class*=" icon-"], [class^=icon-] {
    font-family: icomoon, sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
}
.weather {
    position: relative;
}
.top-nav__weather {
    border: 1px solid #ed6300;
    height: 40px;
    min-width: 30px;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    color: #ed6300;
    background: #fff !important;
    width: 85px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    background: 0 0 !important;
    color: #fff;
    padding: 0 8px;
    border-radius: 16px;
}.related-articles h3 {
    margin-top: 0;
}
.article__content ul:not(.no-marker) {
    list-style: none; /* Убираем стандартные маркеры списка */
    padding-left: 20px; /* Добавляем отступ для маркеров */
    position: relative;
}

.article__content ul:not(.no-marker) li {
    position: relative;
    padding-left: 20px; /* Добавляем отступ для текста, чтобы маркеры не перекрывали текст */
}

.article__content ul:not(.no-marker) li:before {
    content: "";
    display: block;
    height: 5px;
    width: 5px;
    background: #75a8c2; /* Цвет маркера */
    position: absolute;
    left: 0;
    top: 50%; /* Используем для центровки маркера по вертикали */
    transform: translateY(-50%); /* Центрирование маркера по вертикали */
    border-radius: 50%; /* Круглый маркер */
}
.related-articles a {
    text-decoration: none;
    color: #007bff;
}

.related-articles a:hover {
    text-decoration: underline;
}



.card.card--important {
    position: relative;
    padding-left: 10px; /* Для отступа от левого края, если необходимо */
    border: 2px solid #21964a;
    animation: blink 1s infinite;
}

.card.card--important:after {
    content: "";
    width: 3px;
    left: 0;
    height: 100%;
    background: #21964a;
    top: 0;
    position: absolute;
}

@keyframes blink {
    0%, 100% {
        background-color: #f9f9fa;
    }
    50% {
        background-color: #f0f0f0;
    }
}
.card.card--main {
    position: relative;
    color: #fff;
    border: 0;
    border-radius: 24px;
    padding: 32px;
    overflow: hidden; 
}

.card.card--main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%; /* Ширина фона больше ширины карточки */
    height: 100%;
    background: linear-gradient(135deg, #2e3d55, #1c2b39, #3b4b6b, #263847);
    animation: moveGradient 6s linear infinite;
}.card.card--main >*{
	z-index: 4;
	position: relative;
}

@keyframes moveGradient {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%); /* Сдвигаем фон влево на 50% */
    }
}




.product-review-container {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    border: 2px solid #ccc;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    background-color: #fff;
    max-width: 100%;
}

.ranking-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: linear-gradient(135deg, #00bfff, #1e90ff);
    color: white;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    transform: rotate(45deg); /* Add rotation for a unique look */
    z-index: 10;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.ranking-badge span {
    transform: rotate(-45deg); /* Rotate text back to normal */
}

/* Styles for other elements remain unchanged */
.product-image-section {
    flex: 1;
    position: relative;
    text-align: center;
    margin-right: 20px;
}

.product-image {
    height: 90%;
    max-width: 300px;
    border-radius: 10px;
}

.product-label {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #ffd700;
    color: black;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
}

.product-details {
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
}

.product-name {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}

.rating-price-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
}

.rating-wrapper {
    display: flex;
    align-items: center;
}

.rating-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ffd700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    margin-right: 5px;
}

.rating-text {
    font-size: 14px;
    color: #555;
}

.price-info {
    display: flex;
    align-items: center;
}

.price-label {
    font-size: 16px;
    margin-right: 5px;
}

.price-value {
    font-size: 24px;
    font-weight: bold;
}

.buy-button {
    padding: 15px 0;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    width: 100%;
    margin: 20px 0;
    cursor: pointer;
    transition: background-color 0.3s, box-shadow 0.3s;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    animation: blink-animation 1s infinite;
}

.buy-button:hover {
    background-color: #0056b3;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

@keyframes blink-animation {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.description {
    font-size: 16px;
    color: #333;
    margin: 10px 0;
    width: 100%;
    box-sizing: border-box;
}

.pros-cons {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.give-take {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.give-take .give-take__item {
    flex: 1;
    background: #f9f9fa;
    display: block;
    border-radius: 12px;
    margin: 0 5px; /* Add some space between items */
}

.give-take .give-take__item.give-take__item--plus .give-take__title__icon {
    background: #21964a;
}

.give-take .give-take__item.give-take__item--plus li:after {
    background: #21964a;
}

.give-take .give-take__item.give-take__item--minus .give-take__title__icon {
    background: #c20;
}

.give-take .give-take__item.give-take__item--minus li:after {
    background: #c20;
}

.give-take .give-take__item .give-take__title {
    padding: 15px 20px;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    border-bottom: 1px solid #e4e4e8;
}

.give-take .give-take__item .give-take__title__icon {
    height: 32px;
    width: 32px;
    border-radius: 100%;
    color: #fff;
    display: block;
    padding: 5px;
}

.give-take .give-take__item .give-take__title__icon svg {
    display: block;
}

.give-take .give-take__item .give-take__list {
    padding: 15px 20px;
    background: rgba(255, 255, 255, 0);
    list-style: none;
    margin: 0;
    display: block;
}

.give-take .give-take__item li {
    margin: 0;
    padding: 0;
    position: relative;
    padding-left: 22px;
    line-height: 1.3;
}

.give-take .give-take__item li + li {
    margin-top: 10px;
}

.give-take .give-take__item li:after {
    width: 4px;
    height: 4px;
    background: #1c1b1f;
    content: "";
    position: absolute;
    left: 0px;
    top: 7px;
    border-radius: 20px;
}

/* Tablet view */
@media (max-width: 768px) {
    .product-review-container {
        flex-direction: column;
    }

    .product-image-section, .product-details {
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .product-details {
        padding: 20px 0;
    }

    .rating-price-section {
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
    }

    .rating-wrapper, .price-info {
        margin: 10px 0;
    }

    .give-take {
        flex-direction: column;
    }

    .give-take .give-take__item {
        margin: 10px 0;
        flex: none;
        width: 100%;
    }
}

/* Mobile view */
@media (max-width: 480px) {
    .ranking-badge {
        top: 5px;
        right: 5px;
        width: 30px;
        height: 30px;
        font-size: 14px;
        clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    }

    .product-image {
        max-width: 100%;
        height: auto;
    }

    .product-name {
        font-size: 20px;
        width: 100%;
        text-align: center;
    }

    .rating-price-section {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .rating-wrapper {
        margin: 0;
    }

    .price-info {
        margin: 0;
    }

    .rating-circle, .price-value {
        font-size: 20px;
    }

    .buy-button {
        font-size: 16px;
    }

    .description {
        font-size: 14px;
    }

    .give-take .give-take__item .give-take__title {
        font-size: 18px;
    }

    .give-take .give-take__item .give-take__list li {
        font-size: 12px;
    }
}