body {
    background-color: #eeeeee;
    padding-top:20px;
    background-image: url('../images/bg.jpg');
    background-size: cover;       /* Make the image cover the full element */
    background-repeat: no-repeat; /* Prevent tiling */
    background-attachment: fixed; /* Make it fixed when scrolling */
    background-position: center;  /* Center the image */
}

.main_wrapper {
  position: relative; /* Required for spinner positioning */
  transition: filter 0.3s ease; /* Smooth blur transition */
}

/* Blur effect for content */
.main_wrapper.loading {
  z-index: 100;
  opacity: .9;
}

/* Loading spinner container */
.spinner-container {
  position: fixed;
  top: 0;
  left: 0;
  bottom:0;
  right:0;
  width: 100%;
  height: 100%;
  display: none; /* Hidden by default */
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

/* Spinner animation */
.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  border-top-color: #3498db;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

/*
.body--backdrop {
    backdrop-filter: sepia(20%) brightness(98%) saturate(90%) hue-rotate(-10deg);
}
*/

a:hover {
    text-decoration: underline !important;
}

a.linked_image {
    text-decoration: none !important;
}

h1 {
    font-size:27px;
    margin-bottom: 1px;
}

h2 {
    font-size: 20px;
    margin-bottom: 0px;
}

.sort_by {
    background-color: #5c8eb9;
    border: none;
    color: #fff;
    height: 45px;
    position: relative;
    font-weight: bold;
    padding-left:20px;
}

.sort_by:hover {
    background-color: #67a0d2;
}

.sort_by::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    height: 12px;
    width: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 13.1l-8-8 2.1-2.2 5.9 5.9 5.9-5.9 2.1 2.2z'/%3E%3C/svg%3E");
}

.sort_by:focus {
    background-color: #9acdf9;
    color:#fff;
    outline: none;
    box-shadow: none;
    border-color: transparent; /* Optional: use if you want no border color */
}

.iem_ranking_main a:not(.btn) {
    color: #508bd1;
    text-decoration: none;
}

.bi {
    color: #83bbed;
    margin: 0px 10px;
}
.img_icon {
    margin: 0px 10px;
    width:16px;
}
.img_icon--nav {
    position: relative;
    top: -2px;
    filter: invert(47%) sepia(55%) saturate(980%) hue-rotate(190deg) brightness(98%) contrast(90%);
    opacity: .6;
}
.page {
    max-width: 1200px;
    margin: auto;
}

.logo {
    width: 126px;
    height: 87px;
}

.header {
    margin-bottom:20px;
    display: flex;
    gap: 25px;
    align-items: flex-end;
}

.header h1 {
    color: #274560;
}

.header h2 {
    color: #508bd1;
}

.breadcrumb .bi {
    margin: 0px 10px;
}

.highlighted_text {
    color: #508bd1 !important;
    font-weight: bold;
}

.box {
    border-radius: 4px;
    border: none;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .1);
    border: 1px solid #d7d7d7;
    background-color: #fff;
    margin-bottom: 20px;
}

.box hr {
    margin: 10px -10px;
}

.box__featured_header {
    display:block;
    position: relative;
    height:150px;
}

.box__featured_header .score {
    position: absolute;
    right:10px;
    top:10px;
    z-index: 2;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .1);
}

.box__featured_header h4 {
    position: absolute;
    z-index: 2;
    color: #fff;
    left: 10px;
    right: 10px;

    bottom:0px;
    padding-bottom: 10px;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: bold;

     /* Optional glass effect for better contrast */
    background: rgba(0,0,0,0.25);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px); /* Safari support */
    
    /* Modern decorative elements */
    padding: 0.5rem 1.0rem;
    border-radius: 4px;
    display: inline-block;
}

.featured_text {
    height: 120px;
    overflow: hidden;
}

.featured_link_a {
    font-size: 0.9rem;
}

.reviewed_by {
    font-size: 0.9rem;
    color:#666;
}

.box__featured_header img {
    position: absolute;
    z-index: 1;
    left:0px;
    top:0px;
    right:0px;
    width: 100%;
    height:150px;
    object-fit: cover;
    object-position: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}



.box__bc {
    display: flex;
    justify-content: space-between;
    padding: 5px;
}

.bc_wrapper {
    display: flex;
    align-items: center;
}

@media (max-width: 992px) {
    .box__bc {
        flex-direction: column;
    }
    .is_logged_in, #customGoogleLoginBtnContainer {
        margin-top: 10px;
    }
    .ranked {
        margin-top: 23px;
    }
}

.box--colorised {
    background-color: #3a6d9a;
    color: #fff;
}

.box--colorised .bi {
    color: #fff;
}

.box__header {
    font-weight: bold;
    padding: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #eee;
}

.box__header .favorite {
    position: absolute;
    right: 10px;
    top: 13px;
}

.box__header h3 {
    font-size: 1rem;
    font-weight: bold;
    display: inline-block;
}

.box--colorised .box__header {
    color: #fff;
    border-bottom: 1px solid #254a59;
    background-color: #30526f;
}

.box__content {
    padding: 10px;
}

.box__content--iems {
    padding: 0px;
}

.reviewer_icon {
    width: 36px;
    border-radius: 50%;
    margin-bottom: 5px;
}

.reviewer_icon--large {
    width: 64px;
}

.reviewer_icon--small {
    width: 24px;
}

.centered {
    display:flex;
    justify-content: center;
    flex-direction: column;
}

.ranking_input {
    display: flex;
    padding:2px;
    background-color: #5c8eb9;
    border-radius: 5px;
    height: 45px;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    
}

.ranking_input:hover {
    background-color: #67a0d2;
}

.ranking_input input {
    border: none;
    background-color: transparent;
    color: #fff;
    width: 100%;
}

.ranking_input input::placeholder {
    color: #fff;
}

.ranking_input input:focus {
    outline: none;
}

.multi-select .multi-select-header {
    border: none;
    background: #5c8eb9;
    font-weight: bold;
}
.multi-select .multi-select-header:hover {
    background: #67a0d2;
}

.multi-select .multi-select-header .multi-select-header-placeholder, 
.multi-select .multi-select-header .multi-select-header-max {
    color: #fff;
}
.multi-select .multi-select-header::after {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 13.1l-8-8 2.1-2.2 5.9 5.9 5.9-5.9 2.1 2.2z'/%3E%3C/svg%3E");
}

.multi-select .multi-select-options {
    max-height: 600px;
}

.multi-select .multi-select-header .multi-select-header-option {
    background-color: #82bbec;
    color:#fff;
}

.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-text, .multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-text {
    color: #75afde;
}

.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-radio, .multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-radio {
    border-color: #75afde;
    background-color: #75afde;
}

.search_button {
    border: none;
    background-color: #82bbec;
    color: #fff;
    border-radius: 5px;
    margin: 0px 7px;
}

.score {
    width: 36px; /* or any fixed value */
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; /* Keeps it circular */
    color: #fff;
    background-color: #cb4101;
}

.score--large {
    width: 64px;
    min-width: 64px;
    font-size: 24px;
}

.score--10 {
    background-color: #ed00ed;
}

.score--9 {
    background-color: #008a20;
}

.score--8 {
    background-color: #05b52e;
}

.score--7 {
    background-color: #9eb505;
}

.score--6 {
    background-color: #cca300;
}

.score--5 {
    background-color: #cc6900;
}

.align_center {
    align-content: center;
    text-align: center;
}

.quote {
    position: relative;
    max-width: 600px;
    margin: 20px auto;
    padding: 20px 40px;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    background: #f8f9fa;
    border-left: 4px solid #e9ecef;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.quote::before,
.quote::after {
    position: absolute;
    color: #adb5bd;
    font-size: 40px;
    font-family: 'Times New Roman', serif;
    font-weight: bold;
    line-height: 1;
}

.quote::before {
    content: open-quote;
    left: 10px;
    top: 20px;
}

.quote::after {
    content: close-quote;
    right: 10px;
    bottom: -10px;
}

.quote em {
    font-style: normal;
    color: #495057;
}

.quote .author {
    display: block;
    margin-top: 16px;
    font-size: 14px;
    font-style: normal;
    color: #6c757d;
    text-align: right;
}

.review_score_wrapper {
    display: flex;
    flex-direction: column;
    padding-top:20px;
    align-items: center;
    gap: 20px;
}


@media (max-width: 767px) {
    .review_score_wrapper {
        flex-direction: row;
        padding-left: 20px;
    }
    .reviewer_score_label {
        display: none;
    }
    .yt-thumbnail-container {
        margin-top:20px;
    }
}


.nanogallery_gallerytheme_dark_nanogallery2 .nGY2GThumbnail {
    border: 1px solid #fff;
    border-color: #fff !important;
}

/* Improved CSS */
.iems-group {
    display: grid;
    grid-template-columns: minmax(50px, 0.5fr) minmax(80px, 0.8fr) 3fr minmax(100px, 1fr) minmax(100px, 1fr) minmax(150px, 1fr) minmax(70px, 0.7fr);
    gap: 1rem;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.iems-group:hover {
    background-color: #f1f9ff;
}




/* Header Styles */
.iems__header {
    display: grid;
    grid-template-columns: minmax(50px, 0.5fr) minmax(80px, 0.8fr) 3fr minmax(100px, 1fr) minmax(100px, 1fr) minmax(150px, 1fr) minmax(70px, 0.7fr);
    gap: 1rem;
    padding: 1rem;
    font-weight: bold;
    background: #e7f2fb;
    position: sticky;
    top: 0;
    z-index: 1;
    
}

.iems__name {
    font-weight: bold;
    font-size: 18px;
    
}

.quicklinks > div {
    display: flex;
    gap:20px;
    flex-direction: column;
}

@media (min-width: 993px) {
    .quicklinks > div {
        flex-direction: row;
        gap: 10px;
    }
    .hide_on_desktop {
        display:none;
    }
}

@media (max-width: 992px) {
    .iems__header {
        display: none;
    }

    .iems__rank {
        font-size: 20px;
        color: #444;
    }

    .hide_on_mobile {
        display:none;
    }
    
    .iems-group {
        grid-template-columns: 60px 1fr 70px; /* Fixed rank/score width, fluid name */
        grid-template-areas: 
            "rank name score"
            "msrp msrp msrp"
            "tuning tuning tuning"
            "drivers drivers drivers"
            "reviewers reviewers reviewers";
        gap: 0.5rem;
        padding: 1rem;
        border-bottom: 1px solid #ddd;
        position: relative;
    }

    /* Mobile labels */
    .iems-group > span:not(.iems__name):not(.iems__score):not(.iems__rank)::before {
        content: attr(data-mobile-label);
        margin-right: 30px;
        font-size: 0.75em;
        color: #666;
        margin-bottom: 0.15rem;
    }
    .iems-group > .iems__reviewers:before {
        margin-right: 15px !important;
    }

    .iems__rank {
        grid-area: rank;
        font-weight: bold;
        align-self: start;
    }

    .iems__name {
        grid-area: name;
        font-weight: bold;
        line-height: 1.2;
        margin-right: 0.5rem;
    }

    .iems__score {
        grid-area: score;
        align-self: start;
        text-align: right;
        font-size: 1em;
    }

    .iems__msrp {
        grid-area: msrp;
        padding: 0.3rem 0;
    }

    .iems__tuning {
        grid-area: tuning;
        padding: 0.3rem 0;
    }

    .iems__drivers {
        grid-area: drivers;
        padding: 0.3rem 0;
    }

    .iems__reviewers {
        grid-area: reviewers;
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        padding: 0.5rem 0 0;
    }

    .reviewer_icon:not(.reviewer_icon--details_page) {
        width: 28px;
        height: 28px;
        border-radius: 50%;
    }

    /* Better vertical spacing */
    .iems-group > span {
        padding: 0.15rem 0;
    }
}

.card {
    border-radius: 4px;
    border: none;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .1);
}

.review-card {
    margin-bottom: 20px;
}
.no-reviews-placeholder {
    min-height: 280px;
}

.no-reviews-placeholder .card {
    pointer-events: none;
}

.no-reviews-placeholder .position-absolute {
    z-index: 1;
    width: 100%;
    max-width: 280px;
}
.rating-badge {
    font-size: 1.2rem;
    padding: 0.5rem 1rem;
}

.alert-success .bi {
    color: #a3cfbb;
}

.alert-danger .bi {
    color: #f1aeb5;
}

.yt-thumbnail-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
    max-width: 640px;
}

.yt-thumbnail {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 48px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
    filter: drop-shadow(0 0 4px rgba(0,0,0,0.5));
}

.yt-thumbnail-container:hover .play-button {
    transform: translate(-50%, -50%) scale(1.1);
    transition: transform 0.2s ease;
}

.ranked {
    position: relative;
}
.ranked:after {
    content: attr(data-rank);
    top: -27px;
    left: -5px;
    position: absolute;
    text-align: center;
    width: 47px;
    font-size: 15px;
}

.favorite {
    cursor: pointer;
    opacity: .5;
    position: relative;
}
.favorite--mobile {
    font-size:24px;
    margin-left: 6px;
    top: 10px;
}


.favorite--active {
    opacity: 1;
}
.favorite:after {
    content: attr(data-count);
    position: absolute;
    left: 5px;
    left: -68px;
    top: 2px;
    font-size: 11px;
    text-align: right;
    float: right;
    direction: rtl;
    width: 60px;
}

.favorite--mobile:after {
    text-align: left;
    left: 29px;
    width:30px;

}

.favorite:hover {
    opacity: 1;
}

/* Base classes with orange-adjusted mid-range */
.bg--S-plus     { background-color: hsl(120, 50%, 90%); }
.bg--S          { background-color: hsl(114, 50%, 90%); }
.bg--S-minus    { background-color: hsl(108, 50%, 90%); }
.bg--A-plus     { background-color: hsl(102, 50%, 90%); }
.bg--A          { background-color: hsl(96, 50%, 90%); }
.bg--A-minus    { background-color: hsl(90, 50%, 90%); }
.bg--B-plus     { background-color: hsl(84, 50%, 90%); }
.bg--B          { background-color: hsl(78, 50%, 90%); }
.bg--B-minus    { background-color: hsl(72, 50%, 90%); }
.bg--C-plus     { background-color: hsl(45, 50%, 90%); }
.bg--C          { background-color: hsl(35, 50%, 90%); }
.bg--C-minus    { background-color: hsl(25, 50%, 90%); }
.bg--D-plus     { background-color: hsl(15, 50%, 90%); }
.bg--D          { background-color: hsl(5, 50%, 90%); }
.bg--D-minus    { background-color: hsl(355, 50%, 90%); }
.bg--E-plus     { background-color: hsl(345, 50%, 90%); }
.bg--E          { background-color: hsl(335, 50%, 90%); }
.bg--E-minus    { background-color: hsl(325, 50%, 90%); }
.bg--F-plus     { background-color: hsl(315, 50%, 90%); }
.bg--F          { background-color: hsl(305, 50%, 90%); }
.bg--F-minus    { background-color: hsl(295, 50%, 90%); }

/* Hover states with increased saturation and slightly darker */
.bg--S-plus:hover     { background-color: hsl(120, 70%, 85%); }
.bg--S:hover          { background-color: hsl(114, 70%, 85%); }
.bg--S-minus:hover    { background-color: hsl(108, 70%, 85%); }
.bg--A-plus:hover     { background-color: hsl(102, 70%, 85%); }
.bg--A:hover          { background-color: hsl(96, 70%, 85%); }
.bg--A-minus:hover    { background-color: hsl(90, 70%, 85%); }
.bg--B-plus:hover     { background-color: hsl(84, 70%, 85%); }
.bg--B:hover          { background-color: hsl(78, 70%, 85%); }
.bg--B-minus:hover    { background-color: hsl(72, 70%, 85%); }
.bg--C-plus:hover     { background-color: hsl(45, 70%, 85%); }
.bg--C:hover          { background-color: hsl(35, 70%, 85%); }
.bg--C-minus:hover    { background-color: hsl(25, 70%, 85%); }
.bg--D-plus:hover     { background-color: hsl(15, 70%, 85%); }
.bg--D:hover          { background-color: hsl(5, 70%, 85%); }
.bg--D-minus:hover    { background-color: hsl(355, 70%, 85%); }
.bg--E-plus:hover     { background-color: hsl(345, 70%, 85%); }
.bg--E:hover          { background-color: hsl(335, 70%, 85%); }
.bg--E-minus:hover    { background-color: hsl(325, 70%, 85%); }
.bg--F-plus:hover     { background-color: hsl(315, 70%, 85%); }
.bg--F:hover          { background-color: hsl(305, 70%, 85%); }
.bg--F-minus:hover    { background-color: hsl(295, 70%, 85%); }

/* Smooth transitions */
[class^="bg--"] {
    transition: background-color 0.3s ease-in-out;
}

.bold {
    font-weight: bold;
}

/* Text color classes - Same hue family as backgrounds but darker */
.text--S-plus     { color: hsl(120, 70%, 30%); }
.text--S          { color: hsl(114, 70%, 30%); }
.text--S-minus    { color: hsl(108, 70%, 30%); }
.text--A-plus     { color: hsl(102, 70%, 30%); }
.text--A          { color: hsl(96, 70%, 30%); }
.text--A-minus    { color: hsl(90, 70%, 30%); }
.text--B-plus     { color: hsl(84, 70%, 30%); }
.text--B          { color: hsl(78, 70%, 30%); }
.text--B-minus    { color: hsl(72, 70%, 30%); }
.text--C-plus     { color: hsl(45, 70%, 30%); }
.text--C          { color: hsl(35, 70%, 30%); }
.text--C-minus    { color: hsl(25, 70%, 30%); }
.text--D-plus     { color: hsl(15, 70%, 30%); }
.text--D          { color: hsl(5, 70%, 30%); }
.text--D-minus    { color: hsl(355, 70%, 30%); }
.text--E-plus     { color: hsl(345, 70%, 30%); }
.text--E          { color: hsl(335, 70%, 30%); }
.text--E-minus    { color: hsl(325, 70%, 30%); }
.text--F-plus     { color: hsl(315, 70%, 30%); }
.text--F          { color: hsl(305, 70%, 30%); }
.text--F-minus    { color: hsl(295, 70%, 30%); }



.user_score--large {
    font-size: 24px;
    width: 64px;
}

.fav_check {
    margin-left: 5px;
    color:#5f6d79;
    font-weight: normal;
    color: white;
}

.hidden {
    display:none;
}


@media (min-width: 768px) {

    #filtersCollapse {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
    }
    .iem_affiliate_links {
        text-align: right;
        justify-content: flex-end;
        margin-bottom: 0px;
    }
    .iem_affiliate_links a, .iem_affiliate_links a:hover, .iem_affiliate_links a:visited, .iem_affiliate_links a:active {
        text-align: center;
    }
}

.iem_affiliate_links a:hover img {
    opacity: 1 !important;
}

.footer_links {
    padding-left: 0px;
}

.footer_links li {
    margin-bottom: 10px;
}

.aggregated_comment {
    font-size: 14px;
    color: #666;
    font-weight: normal;
}

.lead {
    font-size: 1rem;
}

.iem_affiliate_links {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
    gap: 20px;
    padding-right: 20px;
    color: #fff !important;
    
}

.iem_affiliate_links img {
    filter: invert(100%) brightness(1000%);
    opacity: 0.85; /* Adjust as needed */
}

.iem_affiliate_links a {
    padding: 10px;
    background-color: #467aaa;
    border-radius: 10px;
    font-weight: bold;
}

.iem_affiliate_links a:hover {
    text-decoration: none !important;
    background-color: #5c8eb8;
}

.iem_affiliate_links a, .iem_affiliate_links a:hover, .iem_affiliate_links a:visited, .iem_affiliate_links a:active {
    color: #fff !important;
}
.iem_affiliate_links a div {
    margin-bottom: 10px;
}

.google_login_btn .bi {
    margin:0px;
    margin-left: 10px;
}

.go_back {
    cursor: pointer;
    font-weight: bold;
    opacity: .6;
}

.go_back:hover {
    opacity: 1.0;
}

.col-centered {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.color_light {
    color: #888;
}

.avg_tech_score {
    text-align: left;
    color: #888;
    list-style: none;
    padding-left:5px;
}

.text_center {
    text-align: center;
}

.score_col {
    display: flex;
    margin-top:10px;
    align-items: center;
}

.score_col .bi {
    color: #000;
}

.bi_black {
    color: #000;
    margin:0px;
    padding:0px;
    margin-right: 10px;
}

.progress-bar {
    min-width: 20px;
    overflow: visible;
}
.reviewer-icon {
    transition: transform 0.2s;
    flex-shrink: 0;
}
.reviewer-icon:hover {
    transform: scale(1.3);
    z-index: 10;
}

.relative {
    position: relative;
}

.progress-stacked {
    margin: -10px;
    margin-bottom: 20px;
    opacity: 1;
    border-radius: 0px;
}

.progress-stacked:hover {
    opacity: 1;
}

.user_score_iem_bg {
    position: relative;
    right: 13px;
    border-radius: 10px;
}

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

@media (max-width: 420px) {
    .quicklinks {
        flex-direction: column;
    }
    .quicklinks__right {
        font-size: 12px;
        margin-top:10px;
        margin-left:10px;
        text-align: right;
    }
}

.bi-box-arrow-up-right {
    margin:0px;
    padding:0px;
    margin-left:5px;
}

.af_info {
    opacity: .85;
    font-size: 11px;
    margin-top:10px;
    margin-bottom: 0px !important;
}

.product_image {
    width: 100%;
    border-radius: 10px;
}

.affiliate_text {
    display: flex;
    align-items: center;
}