/**
 *  - v2.0.91
 * 
 * Copyright (c) 2025
 * Licensed GPLv2+
 */

.ct-product-hero .flexy-container {
    overflow: hidden
}

@media (max-width: 999.98px) {
    .ct-product-hero .flexy-pills {
        --thumbs-spacing: 10px
    }
}

@media (min-width: 1000px) {
    .ct-product-hero .flexy-pills {
        max-width: 70%;
        margin: -8% auto 0 auto;
        --thumbs-spacing: 20px
    }
}

.ct-product-hero .flexy-pills ol {
    margin: 0 calc(var(--thumbs-spacing) * -1)
}

.ct-product-hero .flexy-pills li {
    padding-top: var(--thumbs-spacing);
    padding-inline: var(--thumbs-spacing)
}

.ct-product-hero .flexy-pills li img {
    width: 100%;
    border-radius: 2px;
    border: 3px solid #fff
}

.ct-product-hero .hero-section:not(:first-child) {
    margin-top: var(--margin-bottom, 40px)
}

.ct-product-hero .ct-product-scores {
    display: grid;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    margin: 0 auto;
    max-width: var(--product-scores-width, 800px)
}

@media (min-width: 690px) {
    .ct-product-hero .ct-product-scores {
        grid-template-columns:2fr 1fr
    }
}

.ct-product-hero .ct-product-scores:not(:last-child) {
    margin-bottom: 60px
}

.ct-product-hero .ct-product-scores li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 10px 20px
}

.ct-product-hero .ct-product-scores li:before {
    position: absolute;
    z-index: 0;
    inset: 0;
    content: "";
    border-radius: 2px;
    opacity: .2;
    background: var(--theme-border-color)
}

.ct-product-hero .ct-product-scores li > span {
    font-size: 15px;
    font-weight: 500;
    position: relative
}

.ct-product-hero .ct-overall-score {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    color: var(--overall-score-text-color, var(--theme-palette-color-8));
    border-radius: 2px;
    background: var(--overall-score-box-background, var(--theme-palette-color-4))
}

.ct-product-hero .ct-overall-score .ct-average-score {
    font-size: 55px;
    font-weight: 800;
    line-height: normal;
    margin-bottom: 10px
}

.ct-product-hero .ct-overall-score .ct-score-label {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02em;
    margin: 15px 0 0 0
}

.ct-product-hero .ct-overall-score-layer {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.ct-product-hero .ct-overall-score-layer .ct-score-label, .ct-product-hero .ct-overall-score-layer .ct-average-score {
    font-size: 14px;
    font-weight: 600
}

.ct-product-hero .ct-overall-score-layer .ct-average-score {
    margin: 0 5px;
    margin-inline-end: auto
}

.ct-product-hero .ct-overall-score-layer .star-rating {
    margin: 3px 0
}

.ct-product-hero .ct-product-actions-group {
    display: flex;
    align-items: center;
    justify-content: center
}

.ct-product-hero .ct-product-actions-group:not(:last-child) {
    margin-bottom: 60px
}

.ct-product-hero .ct-product-actions-group .ct-button:not(:last-child) {
    margin-inline-end: 25px
}

.ct-product-hero .ct-product-actions-group .ct-icon-container {
    color: inherit;
    margin-inline-start: 10px
}

.ct-product-hero .ct-product-description:not(:last-child) {
    margin-bottom: 60px
}

.ct-product-hero .ct-product-info {
    display: grid;
    grid-template-columns:var(--grid-template-columns);
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    border-top: 1px solid var(--theme-border-color);
    padding-top: var(--theme-content-vertical-spacing, 60px)
}

@media (min-width: 1000px) {
    .ct-product-hero .ct-product-info {
        --grid-template-columns: 1.5fr 1fr 1fr
    }
}

@media (min-width: 690px)and (max-width: 999.98px) {
    .ct-product-hero .ct-product-info {
        --grid-template-columns: 1fr 1fr
    }
}

.ct-product-hero .ct-product-info li {
    position: relative;
    padding-inline-start: 22px
}

.ct-product-hero .ct-product-info .ct-icon-container {
    position: absolute;
    inset-inline-start: 0;
    top: .4em;
    opacity: .8;
    --theme-icon-size: 13px
}

@media (min-width: 690px)and (max-width: 999.98px) {
    .ct-product-hero .ct-specs {
        grid-column: 1/-1
    }
}

.ct-product-hero .ct-specs ul {
    display: grid;
    grid-column-gap: 40px
}

@media (min-width: 690px) {
    .ct-product-hero .ct-specs ul {
        grid-template-columns:repeat(2, 1fr)
    }
}

.ct-product-hero {
    padding-top: var(--theme-content-vertical-spacing, 60px)
}

.ct-product-hero .ct-container {
    padding-bottom: var(--theme-content-vertical-spacing, 60px);
    border-bottom: 1px solid var(--theme-border-color)
}

.ct-product-hero ul li:not(:last-child) {
    margin-bottom: .3em
}