:root {
--rs-color: rgb(0, 0, 0, .8);
} .ratings__title {
margin: 10px 0 5px;
font-weight: 600;
}
.ratings__list {
display: flex;
flex-direction: column;
gap: 40px;
}
.rating__card {
display: flex;
gap: 40px;
}
.rating__card-img {
flex: 0 0 350px;
width: 100%;
height: 200px;
}
.rating__card-img img {
display: block;
object-fit: contain !important;
width: fit-content;
height: 100%;
object-position: center center;
border-radius: 12px;
margin: 0 auto;
}
.rating__card-content {
display: flex;
flex-direction: column;
}
.rating__card-title {
font-size: 21px;
font-weight: 600;
margin: 0 0 10px;
}
.rating__card-content p {
margin-bottom: 20px;
}
.rating__card-btn {
background: #fabb51;
color: #fff !important;
text-transform: uppercase;
padding: 6px 16px;
width: fit-content;
text-align: center;
border-radius: 6px;
transition: .25s;
}
.rating__card-btn:hover {
background: #ffaf24;
transform: translateY(-2px);
}
.rating__card-btn:active {
transform: scale(.98);
}
.ratings .rank-math-breadcrumb {
margin-bottom: 30px;
}
.rank-math-breadcrumb p {
margin-bottom: 0;
}
@media (max-width: 1024px) {
.rs-section {
padding: 0 2%;
}
.rating__card-img {
flex: 0 0 300px;
height: 175px;
}
}
@media (max-width: 767px) {
.rs-section {
padding: 0 3%;
}
.rating__card {
flex-direction: column;
gap: 20px;
}
.rating__card-img img {
object-position: left center;
}
.rating__card-btn {
width: 100%;
}
.rating__card-img {
flex: 0 0 100%;
height: auto;
}
} .rating-page .rank-math-breadcrumb {
margin: 10px 0 5px;
}
.rating-page__title {
margin: 0 0 15px;
font-weight: 600;
}
.rating-page__img {
border-radius: 20px;
overflow: hidden;
width: fit-content;
margin-bottom: 15px;
}
.rating-page__img img {
display: block;
width: 100%;
max-height: 500px;
}
.rating-page__descr {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 15px;
}
.rating-page__descr img {
border-radius: 20px !important;
display: block;
}
.rating-page__descr ul,
.rating-page__product-descr ul,
.rating-page__product-comparison-item-descr ul,
.rating-page__product-reviews-descr ul,
.rating-page__info-box-descr ul {
padding-left: 25px;
}
.rating-page__descr li,
.rating-page__product-descr li,
.rating-page__product-comparison-item-descr li,
.rating-page__product-reviews-descr li,
.rating-page__info-box-descr li {
list-style-type: disc !important;
}
.rating-page__descr p,
.rating-page__descr li,
.rating-page__product-descr p,
.rating-page__product-descr li,
.rating-page__product-comparison-item-descr p,
.rating-page__product-comparison-item-descr li,
.rating-page__product-reviews-descr p,
.rating-page__product-reviews-descr li,
.rating-page__info-box-descr p,
.rating-page__info-box-descr li {
color: var(--rs-color);
margin-bottom: 0;
}
.rating-page__descr h2,
.rating-page__product-descr h2,
.rating-page__product-comparison-item-descr h2,
.rating-page__product-reviews-descr h2,
.rating-page__info-box-descr h2 {
font-size: 28px;
color: #000 !important;
margin: 0;
scroll-margin-top: 65px;
}
.rating-page__descr h3,
.rating-page__product-descr h3,
.rating-page__product-comparison-item-descr h3,
.rating-page__product-reviews-descr h3,
.rating-page__info-box-descr h3 {
font-size: 24px;
color: #000 !important;
margin: 0;
}
.rating-page__descr h4,
.rating-page__product-descr h4,
.rating-page__product-comparison-item-descr h4,
.rating-page__product-reviews-descr h4,
.rating-page__info-box-descr h4 {
font-size: 20px;
color: #000 !important;
margin: 0;
}
.rating-page__descr a,
.rating-page__product-descr a,
.rating-page__product-comparison-item-descr a,
.rating-page__product-reviews-descr a,
.rating-page__info-box-descr a {
color: #0000ff !important;
transition: .15s;
}
.rating-page__descr a:hover,
.rating-page__product-descr a:hover,
.rating-page__product-comparison-item-descr a:hover,
.rating-page__product-reviews-descr a:hover,
.rating-page__info-box-descr a:hover {
color: #fabb51 !important;
}
.rating-page__info-box {
display: flex;
align-items: flex-start;
gap: 15px;
padding: 15px;
border-radius: 10px;
}
.rating-page__info-box img {
display: block;
max-width: 50px !important;
border-radius: 10px !important;
}
.rating-page__info-box-descr p,
.rating-page__info-box-descr h2,
.rating-page__info-box-descr h3,
.rating-page__info-box-descr h4 {
color: inherit !important;
}
.rating-page__info-box-descr a {
color: #0000ff !important;
}
.rating-page__introduction {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 15px;
}
.rating-page__introduction p {
color: var(--rs-color);
margin-bottom: 0;
}
.rating-page__created {
padding: 20px;
background: rgb(250, 187, 81, .2);
border: 3px solid #f3f9fc;
max-width: 550px;
width: fit-content;
margin-bottom: 15px;
border-radius: 10px;
}
.rating-page__created p {
color: var(--rs-color);
margin-bottom: 0;
}
.rating-page__toc {
margin-bottom: 15px;
}
.rating-page__toc p {
color: #000;
font-size: 28px;
font-weight: 600;
margin-bottom: 10px;
}
.rating-page__toc div {
display: flex;
flex-direction: column-reverse;
gap: 3px;
}
.rating-page__toc a {
color: #0000ff !important;
transition: .15s;
}
.rating-page__toc a:hover {
color: #fabb51 !important;
}
.rating-page__products-title {
color: #000;
font-size: 28px;
font-weight: 600;
margin: 0 0 10px;
}
.rating-page__products-inner {
display: flex;
flex-direction: column;
gap: 50px;
}
.rating-page__product {
scroll-margin-top: 65px;
position: relative;
}
.rating-page__product::before {
content: "";
position: absolute;
bottom: -25px;
left: 0;
width: 100%;
height: 1px;
background-color: #efefef;
}
.rating-page__product:last-child:before {
display: none;
}
.rating-page__product-title {
font-size: 28px;
color: #000 !important;
margin: 0 0 20px;
position: relative;
width: fit-content;
}
.rating-page__product-title::before {
content: "";
position: absolute;
bottom: -3px;
left: 0;
height: 3px;
width: 40%;
background-color: #fabb51;
border-radius: 10px;
}
.rating-page__product-img {
border-radius: 20px;
overflow: hidden;
width: fit-content;
margin-bottom: 15px;
}
.rating-page__product-img img {
display: block;
width: 100%;
max-height: 300px;
}
.rating-page__product-descr {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 15px;
}
.rating-page__product-btns {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 15px;
margin-bottom: 15px;
}
.rating-page__product-btn {
padding: 4px 12px;
border-radius: 20px;
color: #000 !important;
font-size: 20px;
font-weight: 400;
text-align: center;
transition: .15s;
}
.rating-page__product-btn:hover {
transform: scale(.98);
}
.rating-page__product-btn--1 {
background: radial-gradient(100% 100% at 100% 0%, #ffe2cf 0%, #fff7ba 58.46%, #ffe5cb 100%);
}
.rating-page__product-btn--1:hover {
background: radial-gradient(100% 100% at 100% 0%, #ffd6ba 0%, #fff4a3 58.46%, #ffdbb6 100%);
}
.rating-page__product-btn--2 {
color: #0000ff !important;
padding: 0;
background: none;
}
.rating-page__product-btn--2:hover {
color: #fabb51 !important;
transform: none;
}
.rating-page__product-info {
margin-bottom: 15px;
padding: 0;
list-style: none;
width: fit-content;
}
.rating-page__product-info li {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
padding: 10px;
border-radius: 5px;
}
.rating-page__product-info li:nth-child(odd) {
background: #f1f1f1;
}
.rating-page__product-info li span {
color: #000;
}
.rating-page__product-info li span:first-child {
font-weight: 600;
}
.rating-page__product-comparison--reviews {
margin-bottom: 15px;
}
.rating-page__product-comparison-inner {
display: flex;
flex-direction: column;
gap: 15px;
}
.rating-page__product-comparison-title {
font-size: 24px;
margin-bottom: 15px;
color: #000;
}
.rating-page__product-comparison-item {
display: flex;
gap: 15px;
}
.rating-page__product-comparison-item-icon {
background-position: center 9px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS44NTUgMTgiPg0KICA8ZyBmaWxsPSIjZmZmIj4NCiAgICA8cGF0aCBkPSJNOC43MTUgMTcuODA3YTEuMjYxIDEuMjYxIDAgMDEtLjc0LS4zNDkgMS44NDIgMS44NDIgMCAwMC0uNzU5LS4zOTJoLS4zMDVhLjMzNi4zMzYgMCAwMS0uMzM4LS4zMzVWOS42MDdhLjMzNi4zMzYgMCAwMS4zMzgtLjMzNUg3LjdhMi42MjIgMi42MjIgMCAwMC40NS0uNDQgMTQuNDEzIDE0LjQxMyAwIDAwMS4yNDctMS44MjUgMTQuNzE5IDE0LjcxOSAwIDAxLjkyNi0xLjM2MSA0LjMxNCA0LjMxNCAwIDAxLjk1OS0uOTE5Yy4yNjgtLjE5NC4yMTMtLjIzOC43NDYtLjkxOGE0LjY0OCA0LjY0OCAwIDAwMS4wODItMi40NTVjLjAyLS4xMTkuMDQtLjI0Mi4wNjUtLjM2NGExLjE4OCAxLjE4OCAwIDAxMS4wNjctLjk4Ni45OC45OCAwIDAxLjU3LjE5MiAzLjM5MSAzLjM5MSAwIDAxLjkyNSAyLjg2IDYuMzU3IDYuMzU3IDAgMDEtLjk5NSAyLjY4MyAxLjYgMS42IDAgMDAtLjQ1IDEuMzljLjAzNS4yODcuNDc2LjMuNS4zbDIuNzYuMDFjLjguMDA3IDIuMzA1LjI1NiAyLjMwNiAxLjhhMS42NjEgMS42NjEgMCAwMS0uNjE4IDEuMzk0IDEuMzc1IDEuMzc1IDAgMDEuNDc0IDEuMzM5IDEuNTg3IDEuNTg3IDAgMDEtLjgwNiAxLjI3OSAxLjU4OSAxLjU4OSAwIDAxLjI2NCAxLjI2MSAxLjUyNyAxLjUyNyAwIDAxLS43NiAxLjEgMS40NTQgMS40NTQgMCAwMS4xNzYgMS4wNjUgMS40IDEuNCAwIDAxLTEuNDk2IDEuMTNsLS4xMi4wMDhIOC43MTV6Ii8+DQogICAgPHBhdGggZD0iTTEgOC43MjNoMy41NjZhMSAxIDAgMDExIDFWMTdhMSAxIDAgMDEtMSAxSDFhMSAxIDAgMDEtMS0xVjkuNzIzYTEgMSAwIDAxMS0xeiIvPg0KICA8L2c+DQo8L3N2Zz4NCg0K);
background-size: 20px 18px;
min-height: 40px;
max-height: 40px;
min-width: 40px;
max-width: 40px;
border-radius: 50%;
background-repeat: no-repeat;
background-color: #fabb51;
}
.rating-page__product-comparison-item-icon--minuses {
transform: scale(1, -1);
background-color: #ef574a;
}
.rating-page__product-comparison-item-descr {
display: flex;
flex-direction: column;
gap: 10px;
}
.rating-page__product-reviews-descr {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 15px;
}
.rating-page__product-reviews-gallery {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
}
.rating-page__product-reviews-gallery img {
width: 100%;
height: auto;
border-radius: 12px;
cursor: pointer;
transition: .15s;
}
.rating-page__product-reviews-gallery img:hover {
transform: scale(1.015);
}
@media (max-width: 1024px) {
.rating-page__product {
scroll-margin-top: 55px;
}
.rating-page__descr h2,
.rating-page__product-descr h2,
.rating-page__product-comparison-item-descr h2 {
scroll-margin-top: 55px;
}
}
@media (max-width: 767px) {
.rating-page__title {
font-size: 32px;
}
.rating-page__toc p,
.rating-page__products-title {
font-size: 24px;
}
.rating-page__product-reviews-gallery {
grid-template-columns: 1fr;
gap: 15px;
}
}
@media (max-width: 420px) {
.rating-page__product-info li {
gap: 10px;
}
}
@media (max-width: 410px) {
.rating-page__product-btns {
gap: 12.5px;
}
}
@media (max-width: 360px) {
.rating-page__product-btn {
width: 100%;
}
}
.carousel__button {
background-color: inherit !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
text-transform: inherit !important;
line-height: inherit !important;
letter-spacing: inherit !important;
color: inherit !important;
border-radius: inherit !important;
padding: inherit !important;
border-radius: 0 !important;
color: #ddd !important;
background-color: rgba(54, 54, 54, .75) !important;
transform: none !important;
position: relative !important;
padding: 0 !important;
cursor: pointer !important;
overflow: hidden !important;
}
.carousel__button.is-next,
.carousel__button.is-prev {
position: absolute !important;
transform: translate(0) !important;
border-radius: 50% !important;
}
.carousel__slide {
background-color: inherit !important;
color: inherit !important;
}