html, body
{
    position: relative;
    background-color: var(--primitives-neutral-light) !important;
}

p
{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
}

body.is--modal-open
{
    overflow: hidden;
}

/* Used by vue for hiding elements before they load */
[v-cloak] {
    visibility: hidden;
}

.z-index-auto
{
    z-index: auto !important;
}

.z-index-1
{
    z-index: 1 !important;
}

.text-overflow-ellipsis
{
    text-overflow: ellipsis;
}

.text-right
{
    text-align: right !important;
}

.flex-1
{
    flex: 1 !important;
}

.ra-rounded
{
    border-radius: 20px;
}

.ra-page-wrapper a
{
    color: var(--content-primary);
    text-decoration: underline;
}

    .ra-page-wrapper a.ra-button
    {
        text-decoration: none;
        color: var(--content-accent);
    }

        .ra-page-wrapper a.ra-button.ra-button--secondary,
        .ra-page-wrapper a.ra-button.ra-button--tertiary
        {
            color: var(--primitives-primary);
        }

.no-opacity
{
    opacity: 0;
}

.half-opacity
{
    opacity: 0.5;
}

.full-opacity
{
    opacity: 1 !important;
}

.center-content
{
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-underlined
{
    text-decoration: underline;
}

.cursor-pointer
{
    cursor: pointer;
}

.pointer-events-none
{
    pointer-events: none;
}

.text-decoration-none
{
    text-decoration: none;
}

.object-cover
{
    object-fit: cover;
}

.break-inside-avoid
{
    break-inside: avoid;
}

.flex-row > .ra-text-input-container
{
    flex-basis: 240px !important;
}

.w-unset
{
    width: unset !important;
}

.l-0
{
    left: 0 !important;
}

.t-0
{
    top: 0 !important;
}

.ra-text-input-container input
{
    height: 64px !important;
    padding: var(--spacing-space3) !important;
    background: var(--surface-secondary);
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 8px !important;
    border: none !important;
    outline: none !important;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: var(--content-primary);
}

.ra-text-input-with-button input
{
    height: 64px !important;
    padding: var(--spacing-space3) !important;
    background: var(--surface-secondary);
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 8px 0px 0px 8px !important;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: var(--content-primary);
}

.ra-text-input-container input[type="file"]
{
    height: unset !important;
    padding: unset !important;
    background: unset;
    box-shadow: unset;
    border-radius: unset !important;
    border: none !important;
}

.ra-text-input-container input:focus
{
    box-shadow: 0 0 1px #c0bebb,0 6px 14px -6px rgba(24,39,75,.12),0 10px 32px -4px rgba(24,39,75,.1), 0 1px 1px 1px #0005;
}

.ra-text-input-container input::placeholder
{
    color: var(--content-tertiary);
}

.ra-text-input-container input:autofill
{
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
}

.ra-text-input-container input.has--error
{
    outline: 1px solid var(--primitives-negative) !important;
}

.ra-text-input-container input:disabled
{
    opacity: 0.5;
}

.ra-text-input-container textarea
{
    height: 64px !important;
    padding: var(--spacing-space3) !important;
    background: var(--surface-secondary);
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 8px !important;
    border: none !important;
    outline: none !important;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: var(--content-primary);
}

    .ra-text-input-container textarea::placeholder
    {
        color: var(--content-tertiary);
    }

    .ra-text-input-container textarea:focus
    {
        box-shadow: 0 0 1px #c0bebb,0 6px 14px -6px rgba(24,39,75,.12),0 10px 32px -4px rgba(24,39,75,.1),0 1px 1px 1px #0005;
    }

.ra-text-input-container select
{
    height: 64px !important;
    padding: var(--spacing-space3) !important;
    padding-right: 42px !important;
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 8px !important;
    border: none !important;
    outline: none !important;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: var(--content-primary);
    appearance: none;
    background-color: var(--surface-secondary);
    background-image: url("/Themes/rackattack/Content/icons/primary/triangle-down.svg");
    background-repeat: no-repeat;
    background-position: right 20px center;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ra-text-input-container.ra-text-input-container--small select
{
    height: 40px !important;
    padding: 10px 12px !important;
    padding-right: 32px !important;
}

.ra-text-input-container select option
{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
}

.ra-text-input-container select.has--error
{
    outline: 1px solid var(--primitives-negative) !important;
}

.ra-text-input-container select:disabled
{
    opacity: 0.5;
}

.ra-text-input-container select:focus
{
    box-shadow: 0 0 1px #c0bebb,0 6px 14px -6px rgba(24,39,75,.12),0 10px 32px -4px rgba(24,39,75,.1), 0 1px 1px 1px #0005;
}

.ra-text-input-container .ra-input-label-container
{
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    margin-bottom: var(--spacing-space1);
}

.ra-text-input-container label
{
    font-size: 13px !important;
    text-align: left !important;
    width: unset !important;
    margin: 0px !important;
    margin: 0px !important;
}

.ra-text-input-container .required
{
    max-height: 10px;
    color: var(--content-positive);
}

.ra-text-input-container .date-picker-wrapper
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: var(--spacing-space1);
}

    .ra-text-input-container .date-picker-wrapper select
    {
        display: flex;
        flex: 1;
    }

.ra-text-input-group
{
    border-bottom: 1px solid #ddd;
}

.ra-text-input__error-container
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 64px;
    background-color: var(--content-negative);
}

    .ra-text-input__error-container ul
    {
        margin-bottom: 0 !important;
        padding: 0 !important;
    }

.ra-breadcrumb
{
    margin: 0 var(--spacing-space3);
    background: none;
}

    .ra-breadcrumb > ul
    {
        padding-left: 0px;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: var(--spacing-space1);
        margin-bottom: 0px;
    }

        .ra-breadcrumb > ul > li
        {
            padding-left: 0px;
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: var(--spacing-space1);
        }

    .ra-breadcrumb a
    {
        display: flex;
    }

.ra-breadcrumb__item
{
    margin: 0 !important;
}

.ra-breadcrumb__delimiter
{
    opacity: 0.5;
    color: var(--content-primary);
}

.ra-dot
{
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

    .ra-dot.ra-dot--false
    {
        background-color: var(--content-negative);
    }

    .ra-dot.ra-dot--true
    {
        background-color: var(--content-positive);
    }

    .ra-dot.ra-dot--maybe
    {
        background-color: #f4d907;
    }

.ra-tag
{
    padding: 5px 7px;
    border-radius: 2px;
    background-color: #f4d907;
    font-family: Montserrat, sans-serif;
    font-size: 11px;
    line-height: 8px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

    .ra-tag.ra-tag--left
    {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

.ra-rating-stars
{
    height: 14px;
    background: url('/themes/rackattack/content/icons/accent/star-small.svg') repeat-x;
}

.ra-banner-image
{
    border-radius: 20px;
    /*margin-top: -30px;*/
    position: relative;
    object-fit: cover;
    z-index: 0;
    overflow: hidden;
    height: 240px;
}

.ra-banner-image-overlay
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 0;
    border-radius: 20px;
}

.ra-banner-image-text
{
    margin-top: var(--spacing-space3);
    padding: 0 var(--spacing-space5);
    color: var(--content-primary)
}

    .ra-banner-image-text.has-image
    {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        margin-top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
        color: var(--content-inverse-primary);
    }

/* md */
@media (max-width: 991.98px)
{
    .ra-banner-image
    {
        border-radius: unset;
        margin-top: -22px;
    }
}

.ra-banner-title
{
    position: relative;
    text-align: center;
    z-index: 1000;
}

/* #region Modal */
/*****************************************************************************/


.modal-dialog
{
    z-index: 1100;
    display: flex;
    flex-direction: column;
    padding: 40px;
    gap: 20px;
    background: var(--surface-secondary);
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 20px;
    max-height: calc(100vh - 72px);
    overflow: hidden;
    max-width: calc(100vw - (2*var(--spacing-space1)));
}

    .modal-dialog.modal-dialog-centered
    {
        max-height: unset;
        background: none;
        box-shadow: none;
        align-items: center;
        justify-content: center;
    }

        .modal-dialog.modal-dialog-centered .modal-content
        {
            padding: 40px;
            background: var(--surface-secondary);
            box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
            border-radius: 20px;
        }

.modal-dialog--slim
{
    max-width: 504px;
}

.modal-dialog--fit
{
    width: fit-content;
}

.modal-dialog--fit-height
{
    height: fit-content;
    max-height: fit-content;
}

.modal-dialog--scrollable
{
    padding: 0;
}

    .modal-dialog--scrollable .modal-content
    {
        overflow: hidden;
    }

    .modal-dialog--scrollable .ra-modal__body
    {
        padding: var(--spacing-space4) var(--spacing-space4) 0;
    }

    .modal-dialog--scrollable .ra-modal__close-container
    {
        top: 40px;
        right: 40px;
    }

.modal-content
{
    border: none !important;
}

#priceMatchModal .modal-dialog
{
    max-height: unset;
}

.ra-modal__close-container
{
    z-index: 1110;
    position: absolute;
    top: -6px;
    right: -12px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ra-modal__close-btn
{
    width: 32px;
    height: 32px;
    background: var(--surface-secondary);
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    cursor: pointer;
}

.ra-modal__close-icon
{
    width: 16px;
    height: 16px;
}

.ra-modal__compare-container
{
    gap: var(--spacing-space3);
    flex-wrap: wrap;
}

.ra-modal__body
{
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

.ra-modal__scrollable-wrapper
{
    overflow-y: scroll;
    margin: 0px var(--spacing-negative-space3);
    padding: 0px var(--spacing-space3);
}

.ra-modal__compare-card
{
    display: flex;
    flex: 1;
    flex-direction: column;
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 2px;
}

.ra-modal__compare-card-header
{
    padding: var(--spacing-space2);
}

.ra-modal__compare-card-body
{
    display: flex;
    flex-direction: column;
    padding: var(--spacing-space2);
    gap: var(--spacing-space1);
}

    .ra-modal__compare-card-body p
    {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 0px;
    }

/* xs */
@media (max-width: 575.98px)
{
    .ra-modal__compare-card
    {
        width: 100%;
        flex: unset;
    }
}



/*****************************************************************************/
/* #endregion Model */


/* #region Checkbox */
/*****************************************************************************/

.ra-checkbox
{
    position: absolute;
    opacity: 0;
    height: 24px;
}

    .ra-checkbox + label
    {
        position: relative;
        cursor: pointer;
        padding: 0;
        padding-left: 36px;
        padding-top: 2px;
        height: 24px;
    }

        .ra-checkbox + label:before
        {
            content: "";
            position: absolute;
            top: 0px;
            left: 0px;
            cursor: pointer;
            width: 24px;
            height: 24px;
            padding: 2px;
            background-color: #ffffff;
            box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
            border-radius: 8px;
            margin-right: var(--spacing-space2);
        }

    .ra-checkbox:checked + label:before
    {
        content: url('/themes/rackattack/content/icons/primary/checkbox-checked.svg');
    }

    .ra-checkbox:focus + label:before
    {
        box-shadow: 0 0 1px #c0bebb,0 6px 14px -6px rgba(24,39,75,.12),0 10px 32px -4px rgba(24,39,75,.1), 0 1px 1px 1px #0005;
    }

/*****************************************************************************/
/* #endregion Checkbox */


/* #region Radio button */
/*****************************************************************************/

.ra-radio
{
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    padding: 20px;
    height: unset;
    border-radius: 5px;
    margin-bottom: 2px;
}

    .ra-radio input
    {
        opacity: 0 !important;
        position: absolute;
    }

        .ra-radio input + label
        {
            padding-left: 48px;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            cursor: pointer;
        }

            .ra-radio input + label:before
            {
                content: url('/themes/rackattack/content/icons/primary/radio-input.svg');
                position: absolute;
                left: 20px;
                top: 0;
                bottom: 0;
                margin-top: auto;
                margin-bottom: auto;
                height: 24px;
            }

        .ra-radio input:checked + label:before
        {
            content: url('/themes/rackattack/content/icons/primary/radio-input-checked.svg');
        }

        .ra-radio input:focus + label:before
        {
            box-shadow: 0 1px 1px 1px #0005;
            border-radius: 100%;
        }

.ra-radio--small
{
    padding: var(--spacing-space1);
}

.ra-radio--inline
{
    display: inline-block !important;
}

/*****************************************************************************/
/* #endregion Radio button */


/* #region Slider */
/*****************************************************************************/

.ra-slider
{
    height: 4px;
    background: var(--primitives-neutral);
    border-width: 0 !important;
    border-radius: 2px;
    margin: 12px 15px 20px 9px;
    padding: 0 48px 0 0;
}

    .ra-slider .ui-slider-range
    {
        background: var(--primitives-positive);
    }

    .ra-slider .ui-slider-handle
    {
        position: relative;
        width: 24px;
        height: 24px;
        background: #FFFFFF;
        box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
        border-radius: 8px;
        content: url('/themes/rackattack/content/icons/primary/slider-handle.svg');
        padding: 5px;
        margin-top: -10px;
    }

.ra-filter-slider .ui-slider-handle
{
    justify-content: center;
    display: flex;
    align-items: center;
    content: unset;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
}

/*****************************************************************************/
/* #endregion Slider */

/* #region Pager */
/*****************************************************************************/

.ra-pager ul li
{
    font-family: 'Trade Gothic LT Std';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
}

.ra-pager ul
{
    text-align: center;
    padding: 0px;
}
.ra-pager li{
    margin: 0px 4px;
}

    .ra-pager ul li a,
    .ra-pager ul li.current-page span
    {
        border-radius: 2px;
        border: unset;
        padding-top: 7px;
    }

    .ra-pager ul li.current-page span
    {
        color: var(--content-primary);
        background-color: var(--content-accent);
    }

    .ra-pager ul li a
    {
        color: var(--content-accent);
        background-color: var(--content-primary);
        text-decoration: none;
    }

    .ra-pager ul li.first-page a,
    .ra-pager ul li.previous-page a,
    .ra-pager ul li.next-page a,
    .ra-pager ul li.last-page a
    {
        background-image: unset;
        padding: 12px;
    }

    .ra-pager ul li.first-page a
    {
        content: url('/themes/rackattack/content/icons/accent/items-first.svg');
    }

    .ra-pager ul li.previous-page a
    {
        content: url('/themes/rackattack/content/icons/accent/triangle-left.svg');
    }

    .ra-pager ul li.next-page a
    {
        content: url('/themes/rackattack/content/icons/accent/triangle-right.svg');
    }

    .ra-pager ul li.last-page a
    {
        content: url('/themes/rackattack/content/icons/accent/items-last.svg');
    }

/*****************************************************************************/
/* #endregion Pager */

/* #region AdminLinks */
/*****************************************************************************/

.admin-header-links a.ra-button
{
    background-color: var(--surface-accent) !important;
    color: var(--content-primary) !important;
    padding: 0 var(--spacing-space2) !important;
    margin: 0 !important;
    display: flex;
    line-height: 35px;
}

/*****************************************************************************/
/* #endregion AdminLinks */


/* #region Home */
/*****************************************************************************/

.ra-hero-banner
{
    position: relative;
}

.ra-hero-banner__coords
{
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: flex-end;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.2);
    transform: translateX(-50%) rotate(-90deg) translateX(-50%) translateX(-40px);
    pointer-events: none;
}

.ra-hero-banner__overlay
{
    position: absolute;
    bottom: 0;
    height: 380px;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    pointer-events: none;
}

#ra-homepage-best-sellers
{
    margin-top: var(--spacing-space4);
    margin-bottom: 0;
}

@media (max-width: 991.98px)
{
    .ra-hero-banner__overlay
    {
        border-radius: 0;
    }
}

@media (max-width: 767.98px)
{
    .ra-hero-banner
    {
        padding-top: 0px;
    }

    .ra-hero-banner__overlay
    {
        height: 100px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    }
}

.ra-hero-banner__after
{
    position: relative;
    margin-top: -380px !important;
    margin-bottom: var(--spacing-space5);
    z-index: 1;
}

@media (max-width: 991.98px)
{
    .ra-hero-banner__after
    {
        margin-top: -240px !important;
    }
}

@media (max-width: 767.98px)
{
    .ra-hero-banner__after
    {
        margin-top: 72px !important;
    }
}

.ra-hero-banner__content
{
    position: relative;
    padding: 70px 0;
    height: 932px;
}

.ra-hero-banner__bg
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    /* background-image: url(../images/hero-banner.webp); */
    /* background-size: cover; */
    background-position: bottom center;
    border-radius: 20px;
}

    .ra-hero-banner__bg img
    {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 20px;
    }

.ra-hero-banner__title
{
    /*color: #254f40;*/
    color: var(--content-inverse-secondary);
    text-align: center;
    margin-bottom: 28px;
    white-space: nowrap;
}

@media (max-width: 575.98px)
{
    .ra-hero-banner__content
    {
        padding-top: 0;
        padding-bottom: 100px;
    }

    .ra-hero-banner__bg img
    {
        border-radius: 0px;
    }


    .ra-hero-banner__title.typo-heading-giant
    {
        font-size: 22px;
        /*line-height: 27px;*/
        /*transform: translateY(-20px);*/
    }
}

@media (max-width: 991.98px)
{
    .ra-hero-banner__content
    {
        height: auto;
    }

    .ra-hero-banner__bg
    {
        border-radius: 0;
    }
}

@media (min-width: 576px) and (max-width: 767.98px)
{
    .ra-hero-banner__content
    {
        padding-bottom: 220px;
    }

    .ra-hero-banner__title.typo-heading-giant
    {
        font-size: 34px;
        line-height: 34px;
        margin-top: -32px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px)
{
    .ra-hero-banner__content
    {
        padding-bottom: 380px;
    }

    .ra-hero-banner__title.typo-heading-giant
    {
        font-size: 3em;
        /*line-height: 3em;*/
        border-radius: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px)
{
    .ra-hero-banner__title.typo-heading-giant
    {
        font-size: 3em;
        /*line-height: 3.5em;*/
    }
}

.ra-search-bar
{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--spacing-space4);
    padding: 0 12px 0 0;
    height: 88px;
    background-color: var(--surface-secondary);
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 44px;
    gap: 25px;
    opacity: 1;
}

    .ra-search-bar.v-enter-active
    {
        transition: opacity 400ms ease 0s;
    }

    .ra-search-bar.v-leave-active
    {
        transition: opacity 0 ease 600ms;
    }

    .ra-search-bar.v-enter-from,
    .ra-search-bar.v-leave-to
    {
        opacity: 0;
    }

    .ra-search-bar .ra-search-bar__button
    {
        padding: 10px 40px;
        margin: 10px;
        transition: background-color 150ms ease 0s, color 150ms ease 0s;
    }

        .ra-search-bar .ra-search-bar__button:hover
        {
            background-color: var(--surface-inverse-primary);
            color: var(--content-accent);
        }


@media (max-width: 767.98px) {
    /* 1. Turn the banner content into a column-based Flexbox container */
    .ra-hero-banner__content {
        display: flex;
        flex-direction: column;
        min-height: 589px; /* Keep this for overall stability */
    }

    /* 2. Tell the title not to shrink */
    .ra-hero-banner__title {
        flex-shrink: 0;
    }

    .ra-vehicle-select__wrapper {
        /* This forces the container to be 280px tall, preventing it
           from collapsing and then expanding. */
        height: 280px;
        overflow: hidden; /* Prevents content from spilling out if it's larger */
    }

    /* 4. Tell the product search not to shrink */
    .ra-product-search__wrapper {
        flex-shrink: 0;
    }
}

.ra-search-bar__wrapper
{
    position: relative;
    /*height: 88px;*/
    margin-left: var(--spacing-space3);
    margin-right: var(--spacing-space3);
    margin-bottom: var(--spacing-space4);
    min-height: 112px;
}

/*				.ra-search-bar__wrapper .ra-search-bar {
								position: absolute;
								top: 0;
								left: 0;
								right: 0;
								bottom: 0;
				}*/

@media (min-width: 992px)
{
    .ra-search-bar__wrapper
    {
        margin-left: var(--spacing-space5);
        margin-right: var(--spacing-space5);
    }
}

/*@media (min-width: 1200px) {
				.ra-search-bar__wrapper {
								margin-left: 190px;
								margin-right: 190px;
				}
}*/

.ra-search-bar__input
{
    position: relative;
    width: 80%;
    flex: 1;
    overflow: hidden;
}

    .ra-search-bar__input input,
    .ra-search-bar__placeholder
    {
        position: relative;
        width: 100%;
        height: 100%;
        min-height: 40px;
        padding: var(--spacing-space3);
        padding-left: 74px;
        padding-right: 50px;
        margin: calc(-1 * var(--spacing-space2)) 0;
        background: transparent;
        border: none;
        outline: none;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 24px;
        color: var(--content-primary);
    }

        .ra-search-bar__input input::placeholder
        {
            color: var(--primitives-primary-lighter);
            opacity: 1;
        }

.ra-search-bar__icon
{
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    left: 0;
    padding: 0 16px 0 28px;
    z-index: 1;
    pointer-events: none;
}

    .ra-search-bar__icon .ra-icon
    {
        width: 32px;
        height: 32px;
    }

.ra-search-bar__clean-icon
{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin-top: auto;
    margin-bottom: auto;
    width: 20px;
    height: 20px;
    background-color: var(--primitives-primary-inverse);
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.ra-search-bar__placeholder,
.ra-search-dropdown__placeholder
{
    position: absolute !important;
    color: var(--primitives-primary-lighter) !important;
    pointer-events: none !important;
}

.ra-search-dropdown__placeholder
{
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.ra-search-bar__suggestion,
.ra-search-dropdown__suggestion
{
    position: absolute;
    white-space: nowrap;
    top: 0;
    left: 0;
    margin-top: -4px;
}

    .ra-search-bar__suggestion.v-enter-active,
    .ra-search-bar__suggestion.v-leave-active,
    .ra-search-dropdown__suggestion.v-enter-active,
    .ra-search-dropdown__suggestion.v-leave-active
    {
        transition: all 400ms ease 0s;
    }

    .ra-search-bar__suggestion.v-enter-to,
    .ra-search-bar__suggestion.v-leave-from,
    .ra-search-dropdown__suggestion.v-enter-to,
    .ra-search-dropdown__suggestion.v-leave-from
    {
        transform: none;
        opacity: 1;
    }

    .ra-search-bar__suggestion.v-enter-from,
    .ra-search-dropdown__suggestion.v-enter-from
    {
        transform: translate3d(8px, 20px, 0px);
        opacity: 0;
    }

    .ra-search-bar__suggestion.v-leave-to,
    .ra-search-dropdown__suggestion.v-leave-to
    {
        transform: translate3d(12px, -20px, 0px);
        opacity: 0;
    }

.ra-popular-searches
{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-space2);
    min-height: 32px;
}

.ra-search-dropdown.ra-dropdown
{
    position: absolute;
    top: 0;
    width: calc(100% - (2 * var(--spacing-space5)));
    padding: 0 var(--spacing-space4) var(--spacing-space4);
    margin: 0 var(--spacing-space5);
    border-radius: 0px 0px 20px 20px;
    box-sizing: border-box;
    opacity: 1;
    z-index: 10;
}

    .ra-search-dropdown.ra-dropdown.expand-enter-active
    {
        transition: all 400ms ease 0s;
        overflow: hidden;
    }

    .ra-search-dropdown.ra-dropdown.expand-leave-active
    {
        transition: border-radius 300ms ease, top 300ms ease, padding 300ms ease, margin 300ms ease, max-height 300ms ease, width 300ms ease, opacity 600ms ease 200ms;
        overflow: hidden;
    }

    .ra-search-dropdown.ra-dropdown.expand-enter-from,
    .ra-search-dropdown.ra-dropdown.expand-leave-to
    {
        top: 362px;
        margin-left: 190px !important;
        margin-right: 190px !important;
        width: calc(100% - (2 * 190px));
        overflow: hidden;
        max-height: 88px;
        border-radius: 44px;
        padding-left: 28px;
        z-index: 2;
        opacity: 0;
    }

    .ra-search-dropdown.ra-dropdown.expand-leave-active .ra-search-dropdown__close,
    .ra-search-dropdown.ra-dropdown.expand-enter-active .ra-search-dropdown__close
    {
        transition: opacity 600ms ease 0s;
    }

    .ra-search-dropdown.ra-dropdown.expand-leave-from .ra-search-dropdown__close,
    .ra-search-dropdown.ra-dropdown.expand-enter-to .ra-search-dropdown__close
    {
        opacity: 1;
    }

    .ra-search-dropdown.ra-dropdown.expand-enter-from .ra-search-dropdown__close,
    .ra-search-dropdown.ra-dropdown.expand-leave-to .ra-search-dropdown__close
    {
        opacity: 0;
    }

    .ra-search-dropdown.ra-dropdown.expand-leave-active .ra-search-dropdown__close,
    .ra-search-dropdown.ra-dropdown.expand-enter-active .ra-search-dropdown__close
    {
        transition: opacity 600ms ease 0s;
    }

    .ra-search-dropdown.ra-dropdown.expand-leave-from .ra-search-dropdown__close,
    .ra-search-dropdown.ra-dropdown.expand-enter-to .ra-search-dropdown__close
    {
        opacity: 1;
    }

    .ra-search-dropdown.ra-dropdown.expand-enter-from .ra-search-dropdown__close,
    .ra-search-dropdown.ra-dropdown.expand-leave-to .ra-search-dropdown__close
    {
        opacity: 0;
    }

    .ra-search-dropdown.ra-dropdown.ra-search-dropdown__header.ra-search-dropdown__header
    {
        top: unset;
    }

    .ra-search-dropdown.ra-dropdown.ra-search-dropdown__header.slide-enter-active,
    .ra-search-dropdown.ra-dropdown.ra-search-dropdown__header.slide-leave-active
    {
        transition: all 400ms ease 0s;
        overflow: hidden;
    }

    .ra-search-dropdown.ra-dropdown.ra-search-dropdown__header.slide-enter-from,
    .ra-search-dropdown.ra-dropdown.ra-search-dropdown__header.slide-leave-to
    {
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .ra-search-dropdown.ra-dropdown.ra-search-dropdown__header.slide-enter-to,
    .ra-search-dropdown.ra-dropdown.ra-search-dropdown__header.slide-leave-from
    {
        max-height: 600px;
        padding-top: 0;
        padding-bottom: var(--spacing-space4);
    }

@media (max-width: 1199.98px)
{
    .ra-search-dropdown.ra-dropdown.expand-enter-from,
    .ra-search-dropdown.ra-dropdown.expand-leave-to
    {
        top: 338px;
        margin-left: 80px !important;
        margin-right: 80px !important;
        width: calc(100% - 160px);
    }
}

@media (max-width: 991.98px)
{
    .ra-search-dropdown.ra-dropdown.expand-enter-from,
    .ra-search-dropdown.ra-dropdown.expand-leave-to
    {
        top: 282px;
        margin-left: 20px !important;
        margin-right: 20px !important;
        width: calc(100% - 40px);
    }
}

@media (max-width: 767.98px)
{
    .ra-search-dropdown.ra-dropdown
    {
        margin: 0;
        width: 100%;
    }

        .ra-search-dropdown.ra-dropdown.expand-enter-from,
        .ra-search-dropdown.ra-dropdown.expand-leave-to
        {
            top: 140px;
            height: 48px;
        }

        .ra-search-dropdown.ra-dropdown .ra-search-dropdown__icon .ra-icon
        {
            width: 18px !important;
            height: 18px !important;
        }

        .ra-search-dropdown.ra-dropdown .ra-search-dropdown__input input,
        .ra-search-dropdown.ra-dropdown .ra-search-dropdown__placeholder
        {
            height: 48px;
            padding-top: 12px !important;
            padding-bottom: 12px !important;
            padding-left: 20px;
            width: 85%;
            overflow: hidden;
        }

        .ra-search-dropdown.ra-dropdown .ra-search-dropdown__close
        {
            margin-top: 0;
        }

            .ra-search-dropdown.ra-dropdown .ra-search-dropdown__close .typo-caption
            {
                display: none;
            }
}

.ra-searach-dropdown__input input,
.ra-dropdown.ra-search-dropdown .ra-search-dropdown__input input
{
    border-color: transparent;
}

.ra-search-dropdown__input
{
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: var(--spacing-space3);
    transition: border-color 0.6s ease 0s;
}

    .ra-search-dropdown__input input,
    .ra-search-dropdown__placeholder
    {
        position: relative;
        width: 100%;
        height: 88px;
        padding: var(--spacing-space3) 0;
        padding-left: 46px;
        background: transparent;
        border: none;
        outline: none;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 24px;
        color: var(--content-primary);
    }

        .ra-search-dropdown__input input::placeholder
        {
            color: var(--primitives-primary-lighter);
            opacity: 1;
        }

.input-group button
{
    height: 65px;
    border-color: #b4c0cb;
    color: black;
    background-color: var(--primitives-accent);
    font-weight: 600;
}

    .input-group button:hover
    {
        color: var(--primitives-accent);
        background-color: black;
    }

.ra-search-dropdown__close
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--spacing-space1);
    margin-top: 24px;
    margin-left: var(--spacing-space5);
    cursor: pointer;
}

.ra-search-dropdown__icon
{
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    left: 0;
    padding: 0 16px 0 0;
    z-index: 1;
    pointer-events: none;
}

    .ra-search-dropdown__icon .ra-icon
    {
        width: 32px;
        height: 32px;
    }

.ra-search-dropdown__separator
{
    margin: 0;
    margin-right: 48px;
    opacity: 1;
    background-color: var(--primitives-neutral);
}

.ra-search-autocomplete__item
{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-space3);
}

.ra-search-autocomplete__image
{
    position: relative;
    display: flex;
    width: 64px;
    height: 64px;
    border-radius: 2px;
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
}

    .ra-search-autocomplete__image img
    {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        object-position: center;
        margin: auto;
    }

.ra-search-autocomplete__name
{
}

    .ra-search-autocomplete__name em
    {
        font-style: normal;
        font-weight: bold;
    }

.ra-search-options
{
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: var(--spacing-space3);
    gap: var(--spacing-space3);
    margin-bottom: -52px;
}

.ra-popular-searches__label
{
}

.ra-popular-searches__list
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    gap: var(--spacing-space2);
}

.ra-popular-searches__list-item
{
    color: var(--content-primary);
    padding: 3px var(--spacing-space3);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    background: var(--primitives-primary-inverse-darker);
}

    .ra-popular-searches__list-item > span
    {
        display: block;
        margin-top: 2px;
        margin-bottom: -2px;
    }

.ra-shop-seasonal
{
    margin-top: var(--spacing-space4);
    margin-bottom: var(--spacing-space5);
}

.ra-shop-seasonal__title
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    color: var(--content-inverse-primary);
    margin-bottom: var(--spacing-space4);
}

    .ra-shop-seasonal__title .typo-heading2
    {
        color: var(--content-primary);
    }

@media (max-width: 767.98px)
{
    .ra-shop-seasonal__title
    {
        margin-bottom: 0;
    }

        .ra-shop-seasonal__title .typo-heading2
        {
            color: var(--content-primary);
            font-size: 24px;
            line-height: 28px;
        }
}

.ra-shop-seasonal__controls
{
    gap: var(--spacing-space3);
}

    .ra-shop-seasonal__controls .ra-icon-circle
    {
        cursor: pointer;
    }

.ra-shop-seasonal__wrapper
{
    display: flex;
    justify-content: center;
}

.ra-shop-seasonal__cards
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none; /* IE and Edge */
}

    .ra-shop-seasonal__cards::-webkit-scrollbar
    {
        display: none;
    }

    .ra-shop-seasonal__cards .ra-promo-card
    {
        min-height: 408px;
        scroll-snap-align: center;
    }

@media (max-width: 991.98px)
{
    .ra-shop-seasonal__cards
    {
        padding: var(--spacing-space3);
    }

        .ra-shop-seasonal__cards .ra-promo-card
        {
            width: 315px;
            flex-basis: 315px;
            flex-shrink: 0;
        }
}

.ra-usp
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: var(--spacing-space3);
    row-gap: var(--spacing-space4);
}

.ra-usp__item
{
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: var(--spacing-space3);
}

    .ra-usp__item .ra-text-block
    {
        margin: 0 var(--spacing-space1);
    }

    .ra-usp__item .ra-icon
    {
        width: 20px;
        height: 20px;
    }

@media (max-width: 1199.98px)
{
    .ra-usp__item
    {
        min-width: 40%
    }
}

@media (max-width: 767.98px)
{
    .ra-usp
    {
        gap: var(--spacing-space4);
    }

    .ra-usp__item
    {
        flex-direction: row;
        flex-basis: 100%;
        gap: 16px;
    }

        .ra-usp__item .ra-text-block
        {
            margin: 0;
        }

    .ra-review-card {
        min-height: 1643px;
    }
}

.ra-review-card
{
    padding-top: var(--spacing-space5);
    padding-bottom: var(--spacing-space5);
    min-height: 682px;
}

.ra-review-card__content
{
    position: relative;
    margin-top: var(--spacing-space4);
}

    .ra-review-card__content::after
    {
        content: "";
        clear: both;
        display: table;
    }


.ra-review-block
{
    position: relative;
    float: left;
    width: calc(100% / 6);
    padding-top: calc(100% / 6);
}

    .ra-review-block.ra-review-block--bordered .ra-review-block__content
    {
        border: 1px solid #E0E0E0;
    }

    .ra-review-block:hover .ra-review-block__img
    {
        filter: blur(5px);
    }

    .ra-review-block:hover .ra-review-block__overlay
    {
        opacity: 1;
    }

    .ra-review-block:hover .ra-review-block__body
    {
        opacity: 1;
        transform: scale(1);
    }

    .ra-review-block.ra-review-block--large
    {
        width: calc(100% / 6 * 2);
        padding-top: calc(100% / 6 * 2);
    }

.ra-review-block__img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter 200ms ease 0s;
}

.ra-review-block__content
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 5px;
    overflow: hidden;
    border-radius: 20px;
}

.ra-review-block__header
{
    position: relative;
}

    .ra-review-block__header > svg
    {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .ra-review-block__header .typo-heading4
    {
        color: black;
        margin-top: 58px;
    }

.ra-review-block__body
{
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 200ms ease 0s, transform 300ms ease 0s;
    transform: scale(0.8);
}

.ra-review-block__overlay
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: opacity 200ms ease 0s;
}

@media (max-width: 991.98px)
{
    .ra-review-card .ra-review-block
    {
        width: 25%;
        padding-top: 25%;
    }

        .ra-review-card .ra-review-block.ra-review-block--large
        {
            width: 50%;
            padding-top: 50%;
        }

    .ra-review-block__content .ra-vstack
    {
        gap: var(--spacing-space1);
    }
}

@media (max-width: 576.98px)
{
    .ra-review-card .ra-review-block
    {
        width: 50%;
        padding-top: 50%;
    }

        .ra-review-card .ra-review-block.ra-review-block--large
        {
            width: 100%;
            padding-top: 100%;
        }
}

.ra-popular-products-card
{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border-radius: 20px;
    height: 640px;
}

.ra-popular-products-card__bg-image
{
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 0%;
    object-position: 50% 0%;
}

.ra-popular-products-card__content
{
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    display: flex;
    padding: 0;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.ra-popular-products-card__products
{
    position: relative;
    height: 100%;
    padding: 0;
    margin: 0;
    flex-direction: column;
}

    .ra-popular-products-card__products ul
    {
        height: 100%;
        display: flex;
        flex-direction: column;
        gap: 32px;
        margin: 0;
        padding: var(--spacing-space5);
        overflow-y: auto;
        overflow-x: hidden;
        scroll-snap-type: y mandatory;
        scrollbar-width: none;
        -ms-overflow-style: none; /* IE and Edge */
    }

        /* Chrome, Safari, Opera */
        .ra-popular-products-card__products ul::-webkit-scrollbar
        {
            display: none;
        }

    .ra-popular-products-card__products .ra-product-card
    {
        width: 408px;
        scroll-snap-align: center;
        scroll-padding: var(--spacing-space3);
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
    }

.ra-popular-products-card__controls
{
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-space3);
    padding: var(--spacing-space5) var(--spacing-space3);
}

    .ra-popular-products-card__controls .ra-icon-circle
    {
        cursor: pointer;
    }

.ra-popular-products-card__body
{
    flex: 1;
    padding: var(--spacing-space5);
    align-self: flex-start;
}

    .ra-popular-products-card__body .typo-eyebrow
    {
        margin-bottom: var(--spacing-space2);
    }

    .ra-popular-products-card__body .typo-heading1
    {
        color: #44472F;
        mix-blend-mode: multiply;
    }

        .ra-popular-products-card__body .typo-heading1 > span:nth-child(2n)
        {
            color: #FBF3E4;
        }

    .ra-popular-products-card__body .ra-button
    {
        margin-top: var(--spacing-space4);
    }

@media (max-width: 1199.98px)
{
    .ra-popular-products-card .ra-popular-products-card__products ul
    {
        padding: var(--spacing-space3);
        padding-right: calc(var(--spacing-space3) + 40px);
    }

    .ra-popular-products-card .ra-popular-products-card__body
    {
        padding: var(--spacing-space3);
    }

    .ra-popular-products-card .ra-popular-products-card__controls
    {
        padding: var(--spacing-space4) var(--spacing-space3);
    }
}

@media (max-width: 991.98px)
{
    .ra-popular-products-card
    {
        height: unset;
        max-height: unset;
        margin-top: var(--spacing-space3);
    }

        .ra-popular-products-card .ra-popular-products-card__content
        {
            position: relative !important;
            flex-direction: column;
            gap: 0;
        }

        .ra-popular-products-card .ra-popular-products-card__bg-image
        {
            position: absolute;
            height: 100%;
        }

        .ra-popular-products-card .ra-popular-products-card__products
        {
            order: 2;
        }

        .ra-popular-products-card .ra-popular-products-card__controls
        {
            position: absolute;
            top: 0;
            right: 0;
            padding: 0 var(--spacing-space3);
            flex-direction: row;
            transform: translateY(-100%);
            gap: var(--spacing-space2);
        }

        .ra-popular-products-card .ra-popular-products-card__products .ra-product-card
        {
            width: 315px;
            flex: 0 0 auto;
        }

        .ra-popular-products-card .ra-popular-products-card__products ul
        {
            height: auto;
            width: 100vw;
            flex-direction: row;
            scroll-snap-type: x mandatory;
            overflow-x: auto;
            overflow-y: hidden;
            padding: var(--spacing-space3);
            padding-bottom: var(--spacing-space4);
        }

        .ra-popular-products-card .ra-scroll-pager
        {
            margin-top: -20px;
            margin-bottom: var(--spacing-space3);
            padding-right: calc(var(--spacing-space3) + 20px);
        }

        .ra-popular-products-card .ra-popular-products-card__body
        {
            padding: var(--spacing-space3);
            padding-bottom: 0;
            order: 1;
        }

            .ra-popular-products-card .ra-popular-products-card__body .typo-eyebrow
            {
                color: rgba(0, 0, 0, 0.8);
            }


            .ra-popular-products-card .ra-popular-products-card__body .typo-heading1
            {
                color: rgba(0, 0, 0, 0.8);
            }

                .ra-popular-products-card .ra-popular-products-card__body .typo-heading1 > span
                {
                    color: rgba(0, 0, 0, 0.8);
                }
}

.ra-border-radius-bottom__flat
{
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.ra-border-radius-top__flat
{
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

@media (max-width: 991.98px)
{
    .ra-border-radius-bottom__flat-md-down
    {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .ra-border-radius-top__flat-md-down
    {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
}

.ra-scroll-pager
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 4px;
}

    .ra-scroll-pager.ra-scroll-pager--vertical
    {
        flex-direction: column;
    }

.ra-scroll-pager__item
{
    width: 4px;
    height: 4px;
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 2px;
}

.ra-dashed-line
{
    position: absolute;
    pointer-events: none;
    background-repeat: no-repeat;
}

.ra-dashed-line--left
{
    top: -138px;
    left: 0;
    width: 235px;
    height: 549px;
    background-image: url("/Themes/rackattack/Content/images/dashed-left.svg");
}

.ra-dashed-line--right
{
    top: 150px;
    right: 0;
    width: 146px;
    height: 698px;
    background-image: url("/Themes/rackattack/Content/images/dashed-right.svg");
}

.home-page .ra-banner-card .ra-card.ra-image-card {
    aspect-ratio: 714 / 563;
}

/*****************************************************************************/
/* #endregion Home */

/* #region Header */
/*****************************************************************************/
.ra-header__top
{
    padding: var(--spacing-space1) 0;
    border-bottom: 1px solid var(--primitives-neutral);
}

@media (max-width: 767.98px)
{
    .ra-header__top
    {
        border-top: 1px solid var(--primitives-neutral);
    }
}

@media (max-width: 991.98px)
{
    .ra-header__top
    {
        padding-left: var(--spacing-space3);
        padding-right: var(--spacing-space3);
    }
}

.ra-header__bottom
{
    position: relative;
    padding: 0 var(--spacing-space4);
    min-height: 104px;
    z-index: 1;
}

.ra-logo
{
    display: inline-block;
}

    .ra-logo > a
    {
        display: block;
    }

    .ra-logo img
    {
        height: 48px;
        width: 167px;
    }


.ra-header-logo.ra-header-logo--center
{
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    transform: translateY(10px);
}

.ra-center-logo-opaque .ra-header-logo.ra-header-logo--center .ra-logo
{
    background-color: var(--primitives-neutral-light);
}

@media (max-width: 991.98px)
{
    .ra-header__bottom
    {
        min-height: calc(64px + var(--spacing-space2));
    }
}

@media (max-width: 767.98px)
{
    .ra-header-logo
    {
        padding-left: var(--spacing-space3);
        padding-right: var(--spacing-space3);
    }
}

/*****************************************************************************/
/*#endregion Header */


/* #region HeaderLinks */
/*****************************************************************************/

.ra-sale-link.typo-nav-link
{
    color: var(--primitives-positive) !important;
}

#ra-nav
{
    height: calc(64px + var(--spacing-space4));
}

.ra-nav-list
{
    height: calc(64px + var(--spacing-space4));
    margin: 0;
    padding: var(--spacing-space3) 0;
    gap: var(--spacing-space2);
}

    .ra-nav-list .ra-nav-item
    {
        display: flex;
        position: relative;
        align-items: center;
        gap: var(--spacing-space2);
    }

        .ra-nav-list .ra-nav-item.is--active:after
        {
            position: absolute;
            content: '';
            height: 4px;
            left: 0;
            right: 0;
            bottom: calc(-1 * var(--spacing-space3) - 4px);
            background-color: var(--content-accent);
            z-index: 11;
        }

.ra-nav-item .dropdown-toggle::after
{
    content: '';
    background-image: url("/Themes/rackattack/Content/icons/primary/triangle-down.svg");
    border: none;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.ra-nav-list.navbar-nav .ra-shopping-cart-btn
{
    width: 56px;
    height: 56px;
}

@media (max-width: 991.98px)
{
    #ra-nav
    {
        height: calc(64px + var(--spacing-space2));
    }

    .ra-nav-list.navbar-nav
    {
        height: calc(64px + var(--spacing-space2));
        flex-direction: row;
        gap: var(--spacing-space2);
        margin: 0 var(--spacing-space3);
        margin-left: 0;
    }

        .ra-nav-list.navbar-nav .ra-shopping-cart-btn
        {
            width: 32px;
            height: 32px;
        }

            .ra-nav-list.navbar-nav .ra-shopping-cart-btn .ra-icon
            {
                width: 12px;
                height: 12px;
            }

        .ra-nav-list.navbar-nav .ra-nav-item.ra-nav-item--search
        {
            order: 1;
        }

        .ra-nav-list.navbar-nav .ra-nav-item.ra-nav-item--location
        {
            order: 2;
        }

        .ra-nav-list.navbar-nav .ra-nav-item.ra-nav-item--cart
        {
            order: 3;
        }
}

.ra-location-open-marker
{
    width: 9px;
    height: 9px;
    background: var(--content-positive);
    flex: none;
    order: 0;
    flex-grow: 0;
    border-radius: 100px;
    overflow: hidden;
}

.ra-location-dropdown-menu
{
    position: absolute;
    left: unset;
    right: 10%;
    top: 0;
    width: 511px;
    margin-top: 0px !important;
    z-index: 11 !important;
    padding: 0 !important;
    overflow: hidden;
}

.ra-subnav
{
    display: block !important;
    position: absolute;
    left: calc(-1 * var(--spacing-space4));
    right: calc(-1 * var(--spacing-space4));
    border: none !important;
    z-index: 10 !important;
}

@media (max-width: 991.98px)
{
    .ra-location-dropdown-menu
    {
        width: 100%;
        left: 0;
        right: 0;
    }

    .ra-subnav
    {
        width: 100%;
        left: 0;
        right: 0;
    }

    .ra-store-widget
    {
        width: 100% !important;
        background: transparent !important;
    }
}

.ra-subnav--over-logo
{
    z-index: 12 !important;
}

.ra-subnav__body
{
    background-color: var(--surface-secondary);
    border-radius: 2px 2px 20px 20px !important;
    box-shadow: 0px 0px 1px #c0bebb, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
}

@media (max-width: 767.98px)
{
    .ra-subnav__body
    {
        background-color: var(--surface-primary);
        background-image: url("../images/topo-bg-bottom.webp");
        background-position: bottom left;
        background-size: auto 100vh;
        background-repeat: no-repeat;
        border-radius: 0 !important;
        box-shadow: 0 2px 1px -2px #c0bebb, 0 8px 14px -8px rgba(24, 39, 75, 0.12), 0 20px 32px -6px rgba(24, 39, 75, 0.1) !important;
        border-bottom: 1px solid #e0e0e0;
    }
}

.ra-subnav.dropdown-menu[data-bs-popper]
{
    top: 50px;
    left: -50px;
}

.ra-subnav__column
{
    flex: 1;
    margin: -1px 0 0 0 !important;
    padding: 0 0 var(--spacing-space3) 0;
    border-right: 1px solid var(--primitives-neutral);
}

.ra-subnav__column--first
{
    flex-grow: 0;
    flex-shrink: 0;
    width: 352px;
    max-width: 40%;
    flex-basis: 352px;
}

@media (max-width: 767.98px)
{
    .ra-subnav__column--first
    {
        max-width: 50%;
    }
}

.ra-subnav__column > ul
{
    display: flex;
    flex-direction: column;
    gap: var(--spacing-space3);
    margin: 0;
    padding: var(--spacing-space4);
}

.ra-subnav__brands
{
    flex-direction: row;
}

@media (max-width: 991.98px)
{
    .ra-subnav__column > ul
    {
        padding: var(--spacing-space3);
    }

    .ra-subnav__column .ra-subnav__brands--list
    {
        position: relative !important;
    }

    .ra-subnav__brands
    {
        flex-direction: column;
    }
}

.ra-subnav__column:last-child
{
    border-right: none;
}

.ra-subnav__column > ul.has--icon
{
    padding-left: 60px;
}

.ra-subnav__column ul.has--border-top
{
    border-top: 1px solid var(--primitives-neutral);
}

@media (max-width: 767.98px)
{
    .ra-subnav__categories
    {
        flex-direction: column;
        width: 100%;
    }
}

.ra-subnav__categories
{
    flex: 1;
    overflow: hidden;
}

@media (max-width: 767.98px)
{
    .ra-subnav__categories
    {
        flex-direction: column;
        width: 100%;
    }

    .ra-subnav__subcategory-heading
    {
        display: flex !important;
        position: relative;
        color: var(--content-tertiary);
        margin-top: var(--spacing-space4);
        margin-bottom: 0;
    }
}

.ra-subnav__subcategory-heading
{
    display: none;
}

.ra-subnav__heading
{
    position: relative;
    color: var(--content-tertiary);
    margin-top: var(--spacing-space4);
    margin-bottom: 0;
}

.ra-subnav__item
{
    position: relative;
    cursor: pointer;
    white-space: nowrap;
}

    .ra-subnav__item:hover:before,
    .ra-subnav__item.is--active:before
    {
        position: absolute;
        left: -20px;
        content: '';
        width: 4px;
        height: 100%;
        background-color: var(--content-accent);
    }

div.ra-subnav__item
{
    margin-left: var(--spacing-space3);
}

.ra-subnav__text
{
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

.ra-subnav__icon
{
    position: absolute;
    left: -42px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .ra-subnav__icon img
    {
        width: 24px;
        height: 24px;
    }

.ra-activity-card-list
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: calc(var(--spacing-space4) - 8px) var(--spacing-space4);
    margin: 0;
    gap: 8px;
}

    .ra-activity-card-list > li
    {
        margin: 8px 0;
    }

    .ra-activity-card-list .ra-card
    {
        flex: 1;
        width: 315px;
        flex-basis: 315px;
    }

    .ra-activity-card-list .ra-image-card
    {
        height: 496px;
    }

    .ra-activity-card-list .ra-image-card__body
    {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    }

@media (max-width: 767.98px)
{
    .ra-activity-card-list
    {
        padding: var(--spacing-space3);
    }

        .ra-activity-card-list .ra-card
        {
            aspect-ratio: unset;
        }

        .ra-activity-card-list .ra-image-card
        {
            height: 320px;
        }
}

.ra-builder
{
    padding: 28px;
}

.ra-builder__title
{
    margin-top: var(--spacing-space3);
    margin-bottom: var(--spacing-space3);
}

.ra-builder__inputs
{
    display: flex;
    flex-direction: column;
    margin: 0;
    /* padding: 0 var(--spacing-space3); */
}

.ra-builder__icon
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    background: var(--surface-secondary);
    box-shadow: 0px 0px 1px #c0bebb, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 32px;
}

    .ra-builder__icon img
    {
        width: 40px;
        height: 40px;
    }

.ra-dropdown
{
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 10px 20px;
    gap: 8px;
    background: var(--surface-secondary);
    box-shadow: 0px 0px 1px #c0bebb, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 8px;
}

    .ra-dropdown.is--disabled
    {
        opacity: 0.5;
        pointer-events: none;
    }

    .ra-dropdown .ra-dropdown__select
    {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }

.ra-dropdown-select-package-item
{
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 6px 12px;
    gap: 8px;
    background: var(--surface-secondary);
    box-shadow: 0px 0px 1px #c0bebb, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 8px;
    margin-bottom: var(--spacing-space1);
}

    .ra-dropdown-select-package-item .ra-dropdown__select
    {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }

.ra-dropdown-menu.dropdown-menu
{
    border-radius: 2px 2px 20px 20px;
    border: 0 !important;
}

.ra-subnav.v-enter-active,
.ra-subnav.v-leave-active
{
    transition: all 1.2s ease 0s;
}

    .ra-subnav.v-enter-active .ra-subnav__body
    {
        transition: max-height 1.2s ease, opacity 0.25s ease;
        overflow: hidden;
    }

    .ra-subnav.v-leave-active .ra-subnav__body
    {
        transition: max-height .33s ease, opacity 0.25s ease;
        overflow: hidden;
    }

.ra-subnav.v-enter-from .ra-subnav__body,
.ra-subnav.v-leave-to .ra-subnav__body
{
    max-height: 0;
    opacity: 0;
}

.ra-subnav.v-enter-to .ra-subnav__body,
.ra-subnav.v-leave-from .ra-subnav__body
{
    max-height: 2048px;
    opacity: 1;
}

.ra-country-selector__flag
{
    width: 19px;
}

.ra-brand-cards
{
    position: relative;
}

.ra-brand-card
{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 11px 20px 13px;
    background-color: var(--surface-secondary);
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 8px;
    gap: var(--spacing-space2);
}

.ra-brand-card__icon
{
    position: relative;
    width: 40px;
    height: 40px;
    background-color: var(--surface-secondary);
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 20px;
    overflow: hidden;
}

    .ra-brand-card__icon img
    {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/*****************************************************************************/
/* #endregion HeaderLinks */

/* region Categories */
/*****************************************************************************/

.ra-catalog .ra-gear-wizard-card .typo-heading2
{
    font-size: min(3vw, 40px);
}


.ra-catalog-body
{
    display: grid;
    grid-template-columns: 1.4fr 3fr;
    column-gap: var(--spacing-space5);
    grid-template-rows: auto;
    grid-template-areas:
        "sidebar list";
    margin-bottom: var(--spacing-space4);
}

.ra-catalog__sidebar
{
    grid-area: sidebar;
}

.ra-catalog__list-wrapper
{
    grid-area: list;
}

.ra-catalog__list
{
    display: grid;
    max-width: 100%;
    grid-template-columns: 1fr;
    column-gap: var(--spacing-space4);
    row-gap: var(--spacing-space4);
}

.ra-catalog__grid
{
    display: grid;
    max-width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: var(--spacing-space4);
    row-gap: var(--spacing-space4);
}

.product-filters.ra-catalog-filter
{
    border-bottom: none;
}

/* md */
@media (max-width: 767.98px)
{
    #ra-catalog-filter-container
    {
        padding: 0 var(--spacing-space2);
    }

    #ra-catalog-filter-container-header .typo-nav-link
    {
        font-size: 18px;
    }

    #ra-catalog-filter-container .ra-catalog-filter:last-child
    {
        border-bottom: none;
    }

    .product-filters.ra-catalog-filter
    {
        border-bottom: #E0E0E0 1px solid;
    }
}


.ra-catalog-filter
{
    border-bottom: #E0E0E0 1px solid;
    margin-bottom: var(--spacing-space2);
}

    .ra-catalog-filter .selected-price-range .to:before,
    .ra-catalog-filter .selected-price-range .from:before
    {
        content: "$ ";
    }

    .ra-catalog-filter .ra-slider
    {
        margin-bottom: 30px;
    }

.ra-catalog-filter__content
{
    padding-left: 2px;
}

.ra-catalog-filter__color-dot
{
    margin-top: 2px;
    margin-right: 6px;
    width: 18px;
    height: 18px;
    border-radius: 18px;
}

ul.ra-catalog-filter__group,
ul.ra-catalog-filter__chip-group
{
    padding: 0 0 var(--spacing-space2);
    margin-bottom: 0;
}

.ra-catalog-filter__group .ra-radio
{
    margin-left: var(--spacing-negative-space3);
}

.ra-catalog-filter__chip-group
{
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-space2)
}

.ra-catalog-filter__chip
{
    position: absolute;
    opacity: 0;
}

    .ra-catalog-filter__chip + label
    {
        position: relative;
        cursor: pointer;
        padding: 0;
        padding: 4px 32px;
        background-color: #fff;
        box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
        border-radius: 16px;
        min-width: 73px
    }

        .ra-catalog-filter__chip + label:before
        {
            content: "";
            position: absolute;
            right: 8px;
            top: 8px;
            cursor: pointer;
            width: 12px;
            height: 12px;
            border-radius: 12px;
        }

    .ra-catalog-filter__chip:checked + label:before
    {
        background-image: url('/themes/rackattack/content/icons/primary/checkbox-checked.svg');
        background-size: contain;
    }

.ra-catalog-selectors
{
    display: flex;
    margin-bottom: var(--spacing-space4);
}

.ra-catalog-selectors__dropdown
{
    color: var(--content-primary);
    text-decoration: underline;
    background-color: unset;
    margin-left: 8px;
    margin-top: -1px;
}

    .ra-catalog-selectors__dropdown:after
    {
        content: url("/Themes/rackattack/Content/icons/primary/triangle-down.svg");
        margin-left: 4px;
        margin-top: -1px;
        position: absolute;
    }

.ra-catalog-selectors__sorting > *
{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
}

.viewmode-icon
{
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}

    .viewmode-icon.selected
    {
        color: #FFC107;
    }

#ra-catalog__page-size-dropdown
{
    margin-right: 12px;
}

    #ra-catalog__page-size-dropdown + ul
    {
        min-width: 30px;
        margin-left: -20px !important;
    }

/* xl */
@media (max-width: 1199.98px)
{

    .ra-catalog-body
    {
        column-gap: var(--spacing-space4);
    }

    .ra-catalog .ra-gear-wizard-card .ra-icon-circle
    {
        width: 48px;
        height: 48px;
    }

    .ra-catalog .ra-gear-wizard-card .ra-gear-wizard-icon
    {
        width: 24px;
        height: 24px;
    }

    .ra-catalog .ra-gear-wizard-card .ra-vstack
    {
        grid-row-gap: 10px;
    }
}

/* lg */
@media (max-width: 991.98px)
{
    .ra-gear-wizard-card
    {
        padding: var(--spacing-space3);
    }

    .ra-catalog-body
    {
        column-gap: var(--spacing-space3);
    }

    .ra-catalog__list
    {
        column-gap: var(--spacing-space3);
        row-gap: var(--spacing-space3);
    }
}


/* lg */
@media (min-width: 768px) and (max-width: 880px)
{
    .ra-catalog__list
    {
        grid-template-columns: 1fr;
    }

    .ra-catalog__grid
    {
        grid-template-columns: 1fr;
    }
}

/* md */
@media (max-width: 767.98px)
{

    .ra-catalog-body
    {
        column-gap: var(--spacing-space3);
        grid-template-columns: 1fr;
        grid-template-areas:
            "sidebar"
            "list";
        margin-top: var(--spacing-space1);
    }

    .ra-catalog__list
    {
        column-gap: var(--spacing-space3);
        row-gap: var(--spacing-space3);
    }

    .ra-catalog-selectors
    {
        margin-top: var(--spacing-space2);
        margin-bottom: var(--spacing-space3);
    }

    .ra-catalog .ra-gear-wizard-card
    {
        padding: 18px;
        flex-direction: row;
    }

    .ra-catalog .ra-gear-wizard-card__description
    {
        flex-direction: row;
    }

    .ra-catalog .ra-gear-wizard-card .ra-vstack
    {
        grid-row-gap: unset;
    }

    .ra-catalog .ra-gear-wizard-card .typo-heading2
    {
        font-family: 'Trade Gothic LT Std';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 28px;
        text-transform: unset;
    }

    .ra-catalog .ra-gear-wizard-card .typo-body
    {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 14px;
    }

    .ra-catalog .ra-gear-wizard-card .ra-gear-wizard-card__small-overlay
    {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        top: 0;
        left: 0;
    }
}

/* md */
@media (max-width: 575.98px)
{
    .ra-catalog__list
    {
        grid-template-columns: 1fr;
    }

    .ra-catalog__grid
    {
        grid-template-columns: 1fr;
    }

    .ra-catalog .ra-gear-wizard-card
    {
        padding: 14px;
    }

    .ra-catalog .ra-gear-wizard-card__description
    {
        gap: var(--spacing-space1);
    }


    .ra-catalog .ra-gear-wizard-card .ra-icon-circle
    {
        width: 32px;
        height: 32px;
    }

    .ra-catalog .ra-gear-wizard-card .ra-gear-wizard-icon
    {
        width: 12px;
        height: 12px;
    }

    .ra-catalog .ra-gear-wizard-card .typo-heading2
    {
        font-family: 'Trade Gothic LT Std';
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 24px;
        text-transform: unset;
    }

    .ra-catalog .ra-gear-wizard-card .typo-body
    {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        line-height: 10px;
    }
}

.ra-catalog-footer
{
    border-top: 1px solid var(--primitives-neutral);
    padding: var(--spacing-space4) 0;
}


/*****************************************************************************/
/* endregion Categories */

/* region HelpCenter */
/*****************************************************************************/

.ra-help-center-chat-card
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 28px;
    gap: var(--spacing-space3);
    background: var(--surface-secondary);
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 20px;
}


.ra-topic-page
{
    position: relative;
    padding-bottom: var(--spacing-space5);
}

.ra-topic-page__content
{
    padding: 0 var(--spacing-space5);
}

@media (max-width: 991.98px)
{
    .ra-topic-page__content
    {
        padding: 0 var(--spacing-space3);
    }
}

@media (max-width: 767.98px)
{
    .ra-topic-page__content
    {
        padding: 0;
    }
}

.ra-topic-page__sidebar
{
    float: left;
    position: sticky;
    top: 0;
    width: calc(30% - 1px);
    max-height: 100vh;
    padding: var(--spacing-space5) var(--spacing-space4);
    margin-left: calc(-1 * var(--spacing-space4));
    margin-right: var(--spacing-space4);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-space4);
    overflow: auto;
}

    .ra-topic-page__sidebar + .ra-topic-page__body
    {
        width: 70%;
    }

    .ra-topic-page__sidebar li
    {
        position: relative;
    }

        .ra-topic-page__sidebar li.is--active:before
        {
            content: '';
            position: absolute;
            left: calc(-1 * var(--spacing-space3) - 4px);
            height: calc(100% + 4px);
            border-left: 4px solid var(--primitives-accent);
        }

@media (max-width: 767.98px)
{
    .ra-topic-page__sidebar
    {
        display: none;
    }

        .ra-topic-page__sidebar + .ra-topic-page__body
        {
            width: unset;
        }
}

.ra-topic-page__body
{
    display: flex;
    flex-direction: column;
    padding: 0 0 var(--spacing-space5) 0;
    gap: var(--spacing-space5);
}

.ra-activity-page__body
{
    display: flex;
    flex-direction: column;
    gap: var(--spacing-space5);
}

.ra-quick-actions
{
    position: relative;
}

.ra-quick-actions__title
{
    margin-bottom: var(--spacing-space4);
}

.ra-quick-action-cards
{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-space4);
}

.ra-quick-action-card
{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    position: relative;
    width: calc((100% / 3) - (2 * var(--spacing-space3)));
    background: #ffffff;
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 20px;
    flex: 1;
    flex-basis: calc((100% / 3) - (2 * var(--spacing-space3)));
    aspect-ratio: 1;
    text-decoration: none;
}

.ra-quick-action-card__content
{
    display: flex;
    flex-direction: column;
    padding: var(--spacing-space5) var(--spacing-space4) var(--spacing-space3);
    box-sizing: content-box;
    gap: var(--spacing-space3);
}

@media (max-width: 1199.98px)
{
    .ra-quick-action-cards
    {
        gap: var(--spacing-space2);
    }

    .ra-quick-action-card__content
    {
        padding: var(--spacing-space4) var(--spacing-space3) var(--spacing-space3);
    }
}

@media (max-width: 991.98px)
{
    .ra-quick-action-cards
    {
        gap: var(--spacing-space3);
    }

    .ra-quick-action-card
    {
        flex-basis: calc((100% / 2) - (2 * var(--spacing-space3)));
    }
}

@media (max-width: 575.98px)
{
    .ra-quick-action-card
    {
        flex-basis: 100%;
    }

    .ra-quick-action-card__content
    {
        padding: var(--spacing-space5) var(--spacing-space4) var(--spacing-space3);
    }
}

.ra-help-center-section
{
    display: flex;
    flex-direction: column;
    gap: var(--spacing-space4);
}

.ra-help-center-section__heading
{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--spacing-space3);
}

.ra-help-center-section__title
{
    flex: 2;
}

.ra-help-center-section__action
{
    display: flex;
    flex: 1;
    justify-content: flex-end;
}

@media (max-width: 767.98px)
{
    .ra-help-center-section
    {
        gap: var(--spacing-space3);
    }

    .ra-help-center-section__heading
    {
        flex-direction: column;
    }
}

@media (max-width: 1399.98px)
{
    .ra-help-center .ra-topic-page__content
    {
        padding: var(--spacing-space3);
    }
}

@media (max-width: 1199.98px)
{
    .ra-help-center .ra-topic-page__content
    {
        padding: 0;
    }
}

.ra-media-list
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-space4);
}

.ra-media-item
{
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-basis: calc((100% / 3) - var(--spacing-space4));
    gap: var(--spacing-space3);
}

.ra-media-list.ra-media-list--4-across
{
    gap: var(--spacing-space3);
}

.ra-media-list--4-across .ra-media-item
{
    flex-basis: calc((100% / 4) - var(--spacing-space3));
}

.ra-media-item__thumbnail
{
    position: relative;
    width: 100%;
    aspect-ratio: 284 / 160;
    overflow: hidden;
}

    .ra-media-item__thumbnail > img
    {
        display: inline-block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

@media (max-width: 991.98px)
{
    .ra-media-item
    {
        flex-basis: calc((100% / 2) - var(--spacing-space3));
    }
}

@media (max-width: 767.98px)
{
    .ra-media-list
    {
        gap: var(--spacing-space3);
    }
}

@media (max-width: 575.98px)
{
    .ra-media-item
    {
        flex-basis: 100%;
    }
}

.ra-media-item__overlay
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ra-media-item__play-btn
{
    background-color: var(--primitives-accent);
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 64px;
}

    .ra-media-item__play-btn .ra-icon
    {
        margin-left: 6px;
    }

.ra-banner
{
    position: relative;
    /*margin-top: 68px;*/
}

.ra-banner__content
{
    position: relative;
    height: 240px;
    padding: 0 192px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #F4F3F3;
    border-radius: 20px;
    gap: 70px;
}

#ra-vehicle-page .ra-banner__content
{
    height: unset;
    padding-top: 58px;
    padding-bottom: 58px;
}

.ra-banner__image
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
}

    .ra-banner__image img
    {
        object-fit: cover;
        min-width: 100%;
        max-height: 100%;
    }

.ra-banner__title
{
    /*position: absolute;*/
    top: 0;
    width: 100%;
    text-align: center;
    /*transform: translateY(calc(-100% + var(--spacing-space3)));*/
}

.ra-banner__search-bar
{
    position: relative;
    margin: 0;
    width: 100%;
}

@media (max-width: 991.98px)
{
    .ra-banner
    {
        /*margin-top: 24px;*/
    }

    .ra-banner__content
    {
        padding: 0 64px;
    }

    .ra-banner__title
    {
        /*transform: translateY(calc(-100% + var(--spacing-space2)));*/
    }
}

@media (max-width: 767.98px)
{
    .ra-banner__content
    {
        padding: 20px;
    }
}

@media (max-width: 575.98px)
{
    .ra-page-banner .ra-banner
    {
        display: flex;
        flex-direction: column;
        margin-left: var(--spacing-negative-space3);
        margin-right: var(--spacing-negative-space3);
    }

        .ra-page-banner .ra-banner .ra-banner__title
        {
            position: relative;
            transform: none;
            order: -1;
            z-index: 1;
            margin-bottom: var(--spacing-negative-space2);
        }

        .ra-page-banner .ra-banner .ra-banner__content
        {
            min-height: 240px;
            height: max-content;
            border-radius: 0;
        }
}

.ra-breadcrumbs
{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: var(--spacing-space3);
    margin-bottom: 0;
    gap: 9px;
}

    .ra-breadcrumbs .ra-home-icon
    {
        margin: 0 2px;
    }

    .ra-breadcrumbs .ra-separator-icon
    {
        opacity: 0.5;
    }

.ra-vehicle-bar-main-wrapper {
    min-height: 112px;
}

.ra-vehicle-bar__outer-wrapper {
    position: relative;
    ;
    margin: 0 calc(-1 * var(--spacing-space4));
    padding: 0 var(--spacing-space4);
    min-height: 64px;
}

.ra-vehicle-bar__wrapper
{
    overflow: hidden;
    overflow-x: auto;
}

.ra-vehicle-bar
{
    border: 1px solid var(--primitives-neutral);
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 64px;
    width: max-content;
    min-width: 100%;
    border-radius: 2px;
}

.ra-vehicle-bar__icon
{
    padding: var(--spacing-space3);
    border-right: 1px solid var(--primitives-neutral);
}

.ra-vehicle-bar__circle-icon
{
    margin-left: 8px;
}

.ra-vehicle-bar__body
{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: var(--spacing-space3);
    gap: 4px;
}

    .ra-vehicle-bar__body.has--border
    {
        border-right: 1px solid var(--primitives-neutral);
    }

.ra-vehicle-bar__overlay
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 48px;
    background: linear-gradient(270deg, #F9F9F9 0%, rgba(249, 249, 249, 0) 95.83%);
    pointer-events: none;
    z-index: 1;
}

    .ra-vehicle-bar__overlay:first-child
    {
        left: 0;
        right: unset;
        background: linear-gradient(90deg, #F9F9F9 0%, rgba(249, 249, 249, 0) 95.83%);
    }

@media (max-width: 991.98px)
{
    .ra-vehicle-bar__outer-wrapper
    {
        margin: 0 calc(-1 * var(--spacing-space4));
        padding: 0;
    }
}

@media (max-width: 767.98px)
{
    .ra-vehicle-bar
    {
        border: 1px solid var(--primitives-neutral);
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 64px;
        width: max-content;
        min-width: 100%;
        border-radius: 2px;
        padding: 8px 0px;
    }

    .ra-vehicle-bar__body.has--border
    {
        height: 100%;
        display: flex;
        background-color: var(--primitives-primary-inverse);
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: var(--spacing-space2);
        gap: 4px;
        border-radius: 8px;
        box-shadow: 0px 6px 14px -6px rgba(24, 39, 75, 0.12);
        box-shadow: 0px 0px 1px 0px rgba(192, 190, 187, 1);
        margin: 8px;
    }

    .ra-vehicle-bar__icon--hidden
    {
        display: none;
    }

    .ra-vehicle-bar__outer-wrapper
    {
        margin: 0 calc(-1 * var(--spacing-space3));
        padding: 0;
    }
}

.ra-faq-section
{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-space4);
}

    .ra-faq-section .accordion
    {
        position: relative;
    }

    .ra-faq-section .accordion-item
    {
        background: none;
        border: none;
        border-bottom: 1px solid var(--primitives-neutral);
    }

        .ra-faq-section .accordion-item:not(:first-of-type)
        {
            border-top: none;
        }

    .accordion-item:not(:first-of-type)

    .ra-faq-section .accordion-header,
    .ra-faq-section .accordion-button
    {
        /* typo-nav-link */
        font-family: 'Trade Gothic LT Std';
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 24px;
        text-decoration: none;
        color: var(--content-primary);
    }

    .ra-faq-section .accordion-button
    {
        padding: var(--spacing-space3) 0;
        background: none;
        box-shadow: none;
        border: none;
        outline: none;
    }

        .ra-faq-section .accordion-button:focus,
        .ra-faq-section .accordion-button:active
        {
            outline: none !important;
            box-shadow: none;
        }


        .ra-faq-section .accordion-button:not(.collapsed)
        {
            box-shadow: none;
            background: none;
            padding-bottom: var(--spacing-space2);
            color: var(--content-primary) !important;
        }

            .ra-faq-section .accordion-button:not(.collapsed):after
            {
                background-image: url("/Themes/rackattack/Content/icons/primary/triangle-right.svg");
                transform: rotate(90deg);
            }

        .ra-faq-section .accordion-button:after
        {
            background-image: url("/Themes/rackattack/Content/icons/primary/triangle-right.svg");
            background-size: 6px;
            background-repeat: no-repeat;
            width: 8px;
            height: 8px;
            opacity: 0.5;
        }

    .ra-faq-section .accordion-collapse
    {
    }

    .ra-faq-section .accordion-body
    {
        padding: 0;
        padding-bottom: var(--spacing-space3);
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 20px;
    }

        .ra-faq-section .accordion-body p
        {
            padding: 0;
            margin: 0;
            margin-bottom: var(--spacing-space2);
        }

        .ra-faq-section .accordion-body strong
        {
            font-weight: 600;
        }

.ra-faq-section__title + .ra-faq-section__body
{
    margin-top: calc(-1 * var(--spacing-space3));
}

/*****************************************************************************/
/* endregion HelpCenter */

/* #region Components*/

/* #region Misc */
.ra-shadow--small
{
    box-shadow: 0 0 1px 0 #c0bebb, 0 6px 14px -6px rgba(24, 39, 75, 0.12), 0 10px 32px -4px rgba(24, 39, 75, 0.1);
}

.ra-shadow--large
{
    box-shadow: 0px 0px 1px #7D7C79, 0px 4px 8px rgba(0, 0, 0, 0.25), 0px 8px 58px rgba(69, 71, 65, 0.9);
}

.ra-vstack
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 20px;
}

.ra-rating
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 8px;
}

    .ra-rating .ra-rating__stars-bg
    {
        background-image: url("/Themes/rackattack/Content/icons/accent/star.svg");
        background-size: 32px;
        background-repeat: repeat-x;
        position: relative;
        width: 160px;
        height: 32px;
    }

    .ra-rating .ra-rating__stars-percent
    {
        background-image: url("/Themes/rackattack/Content/icons/accent/star-100.svg");
        background-size: 32px;
        background-repeat: repeat-x;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.ra-rating__stars
{
    color: var(--primitives-accent);
    font-size: 21px;
}

.typo-caption
{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
}

.ra-product-swatches
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 6px;
}

.ra-product-swatch
{
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

    .ra-product-swatch.is--black
    {
        background-color: var(--primitives-primary);
    }

    .ra-product-swatch.is--silver
    {
        background-color: #bdbdbd;
    }

/* #endregion Misc */

/* #region Popover */
.ra-popover-wrapper
{
    position: relative;
    z-index: 1;
}

.ra-popover
{
    width: 200px;
    position: absolute;
    display: none;
    pointer-events: none;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 8px;
    padding: 8px;
}

.ra-popover-wrapper:hover .ra-popover
{
    display: block;
}

.ra-popover-content
{
    padding: var(--spacing-space2) var(--spacing-space3);
    background: var(--surface-primary);
    border-radius: 10px;
    box-shadow: 0 0 0 0 #c0bebb, 0 0 10px 0 rgba(24,39,75,.12), 0 2px 5px 0 rgba(24,39,75,.1);
}

/* #endregion Popover */

/* #region Image Card */
.ra-image-card
{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    max-height: 488px;
    border-radius: 20px;
    color: var(--primitives-primary);
}

    .ra-image-card .overflow-hidden
    {
        border-radius: 20px;
    }

    .ra-image-card .ra-image-card__body
    {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

.ra-carousel__content .ra-image-card
{
    width: 280px;
    height: 350px;
    overflow: visible;
    max-width: 90%;
    flex-shrink: 0;
    cursor: unset;
    display: block;
    max-width: 90%;
}

.ra-image-card__bg-image
{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 0%;
    object-position: 50% 0%;
}

.ra-image-card__body
{
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-row-gap: 20px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}

/* #endregion */

/* #region Promo Card */

.ra-promo-card
{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    max-height: 488px;
    border-radius: 20px;
    color: var(--primitives-primary);
    cursor: pointer;
}

    .ra-promo-card:hover .ra-promo-card__bg-image
    {
        transform: scale(1.1) translateZ(0);
    }

    .ra-promo-card:hover .ra-promo-card__body
    {
        transform: translate3d(0px, -20px, 0px);
    }

    .ra-promo-card:hover .ra-promo-card__overlay
    {
        transform: translate3d(-10%, 25%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateZ(6deg) skew(0deg);
    }

    .ra-promo-card .ra-button
    {
        max-width: 100%;
    }

        .ra-promo-card .ra-button .button__text
        {
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 100%;
            white-space: nowrap;
        }

.ra-promo-card__bg-image
{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 0%;
    object-position: 50% 0%;
    transform: scale3d(1) translateZ(0);
    transform-style: preserve-3d;
    transition: transform 600ms cubic-bezier(0.22, 1, 0.36, 1) 0s;
}

.ra-promo-card__body
{
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-row-gap: 20px;
    transform: translate3d(0, 0, 0);
    transform-style: preserve-3d;
    transition: transform 600ms cubic-bezier(0.22, 1, 0.36, 1) 0s;
}

.ra-promo-card__overlay
{
    position: absolute;
    width: 200%;
    height: 200%;
    background-color: var(--content-accent);
    -webkit-transform: rotate(50deg) translate(-10%, 50%);
    -ms-transform: rotate(50deg) translate(-10%, 50%);
    transform: rotate(50deg) translate(-10%, 50%);
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    transform-style: preserve-3d;
    transition: transform 600ms cubic-bezier(0.22, 1, 0.36, 1) 0s;
}

/* #endregion Promo Card */

/* #region Product Card */

.ra-product-cards
{
    display: flex;
    flex-direction: row;
    gap: var(--spacing-space4);
    height: 100%;
    margin: 0;
    padding: var(--spacing-space4);
    overflow-y: hidden;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none; /* IE and Edge */
}

    .ra-product-cards::-webkit-scrollbar
    {
        display: none;
    }

    .ra-product-cards.is--vertical
    {
        flex-direction: column;
        overflow-y: auto;
        overflow-x: hidden;
        scroll-snap-type: y mandatory;
        scrollbar-width: none;
        -ms-overflow-style: none; /* IE and Edge */
    }

.ra-product-card
{
    overflow: hidden;
    position: relative;
    border-radius: 20px;
    background-color: var(--primitives-neutral-light);
    box-shadow: 0 0 1px 0 #c0bebb, 0 6px 14px -6px rgba(24, 39, 75, 0.12), 0 10px 32px -4px rgba(24, 39, 75, 0.1);
}

    .ra-product-card.ra-product-card--comparing
    {
        overflow: visible;
        margin-top: 28px;
        width: 350px;
        max-width: 90%;
        flex-shrink: 0;
        cursor: unset;
        padding-bottom: 105px;
    }

        .ra-product-card.ra-product-card--comparing.ra-current
        {
            border-top-left-radius: 0px;
            outline-color: #000;
            outline-offset: 0px;
            outline-style: solid;
            outline-width: 4px;
        }

    .ra-product-card .ra-product-reviews-overview
    {
        margin-top: var(--spacing-negative-space1);
    }

.ra-product-card--comparing .ra-product-reviews-overview
{
    margin-top: var(--spacing-space1);
}

.ra-product-card__outer-tag
{
    position: absolute;
    left: -4px;
    top: 0px;
    right: auto;
    bottom: auto;
    display: inline-block;
    margin-top: -28px;
    padding: 3px 12px 1px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background-color: #000;
    color: #fff;
}

.ra-product-card__fitbar
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 12px;
    position: relative;
}

    .ra-product-card__fitbar .ra-fitbar-popover
    {
        position: absolute;
        width: 100%;
        margin-left: var(--spacing-negative-space3);
        top: 0px;
        z-index: 100;
    }

        .ra-product-card__fitbar .ra-fitbar-popover .ra-icon
        {
            width: 18px;
            height: 18px;
            position: absolute;
            right: var(--spacing-space3);
            top: 10px;
        }

        .ra-product-card__fitbar .ra-fitbar-popover .ra-popover-wrapper
        {
            width: 100%;
        }

        .ra-product-card__fitbar .ra-fitbar-popover .ra-popover
        {
            width: 100%;
            margin-top: var(--spacing-space4);
        }

.ra-product-card__top
{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 256px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--primitives-primary-inverse);
}

.ra-product-card__image
{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.ra-product-card .ra-tag
{
    position: absolute;
    left: 0px;
    top: 20px;
}

.ra-product-card__body
{
    padding: 20px;
}

.ra-product-card__title
{
    margin-top: 8px;
}

.ra-product-card--comparing .ra-product-card__title
{
    margin-top: 4px;
    max-height: 48px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ra-product-card--comparing .ra-product-card__body
{
    height: 150px;
}

@supports (-webkit-line-clamp: 2)
{
    .ra-product-card--comparing .ra-product-card__title
    {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

.ra-product-card__brand
{
    display: block;
}

.ra-product-card__name
{
    display: block;
    min-height: 60px;
}

.ra-product-package-card__name,
.ra-product-package-card__price,
.ra-product-package-card__quantity
{
    display: block;
    margin: 4px 0px;
}

.ra-product-card__price-amount--new
{
    color: var(--content-positive);
}

.ra-product-card__price-amount--old
{
    text-decoration: line-through;
}

.ra-product-card__attributes
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 12px;
}



.ra-product-card__price.ra-product-card__price--emphasis
{
    font-size: 20px;
}

.ra-product-card__features
{
    overflow: hidden;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.ra-product-card__feature
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 10px 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-shadow: 0 1px 0 0 #fff;
}

    .ra-product-card__feature .typo-body-emphasis
    {
        margin: 0;
    }

    .ra-product-card__feature .typo-body
    {
        min-height: 24px;
        white-space: normal;
    }

.ra-product-card__action
{
    width: 100%;
    padding: 20px;
    border-top: 1px solid #fff;
    position: absolute;
    bottom: 0;
}

/* #endregion Product Card */

/* #region Buttons */
.ra-button,
a.ra-button,
button.ra-button
{
    position: relative;
    display: inline-block;
    padding: 9px 20px 7px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 8px;
    border-radius: 8px;
    border: none;
    outline: none;
    background-color: var(--primitives-primary);
    font-family: 'Trade Gothic LT Std', sans-serif;
    color: var(--content-accent);
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

    .ra-button.ra-button--secondary
    {
        background-color: var(--primitives-accent);
        color: var(--primitives-primary);
    }

    .ra-button.ra-button--tertiary
    {
        background-color: var(--surface-secondary);
        color: var(--primitives-primary);
    }

    .ra-button.ra-button--large
    {
        display: block;
        padding-top: 21px;
        padding-bottom: 19px;
        font-size: 16px;
    }

    .ra-button.ra-button--inline-small
    {
        display: block;
        padding-top: 2px;
        padding-bottom: 2px;
        border-radius: 4px;
        font-size: 0.75em;
    }

    .ra-button.ra-button--semi-round
    {
        border-radius: 20px;
    }

    .ra-button.ra-button--round
    {
        border-radius: 100px;
    }

    .ra-button:disabled,
    .ra-button.ra-button--disabled {
        color: var(--primitives-accent-light);
        background-color: var(--surface-inverse-secondary);
        pointer-events: none; /* Blocks all pointer events (clicks, hovers) */
        cursor: not-allowed; /* Visual feedback for disabled state */
    }

.ra-button__content
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 8px;
}

.ra-button__icon
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 16px;
    height: 24px;
    margin-top: -3px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

    .ra-button__icon.ra-button__icon--floating
    {
        position: absolute;
        left: 20px;
    }

#check-availability-button.ra-button
{
    width: 200px;
    height: 64px;
}

.ra-icon-button
{
    height: 40px;
    aspect-ratio: 1;
}

    .ra-icon-button.ra-button--large
    {
        height: 64px;
    }

/* #endregion Buttons */

/* #region Icon */

.ra-icon
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .ra-icon.ra-icon--xxs
    {
        width: 4px;
        height: 4px;
    }

    .ra-icon.ra-icon--xs
    {
        width: 8px;
        height: 8px;
    }

    .ra-icon.ra-icon--s
    {
        width: 12px;
        height: 12px;
    }

    .ra-icon.ra-icon--m
    {
        width: 16px;
        height: 16px;
    }

    .ra-icon.ra-icon--xl
    {
        width: 32px;
        height: 32px;
    }

    .ra-icon.ra-icon--xxl
    {
        width: 40px;
        height: 40px;
    }


@media (min-width: 768px)
{
    .ra-icon.ra-icon--s-md-up
    {
        width: 12px;
        height: 12px;
    }

    .ra-icon.ra-icon--m-md-up
    {
        width: 16px;
        height: 16px;
    }

    .ra-icon.ra-icon--xl-md-up
    {
        width: 32px;
        height: 32px;
    }

    .ra-icon.ra-icon--xxl-md-up
    {
        width: 40px;
        height: 40px;
    }
}

.ra-icon-circle
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 32px;
    height: 32px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50px;
    background-color: var(--primitives-primary-inverse);
    box-shadow: 0 0 1px 0 #c0bebb, 0 6px 14px -6px rgba(24, 39, 75, 0.12), 0 10px 32px -4px rgba(24, 39, 75, 0.1);
    flex-shrink: 0;
    flex-grow: 0;
}

    .ra-icon-circle.ra-icon-circle--x-small
    {
        width: 16px;
        height: 16px;
    }

    .ra-icon-circle.ra-icon-circle--small
    {
        width: 20px;
        height: 20px;
    }

    .ra-icon-circle.ra-icon-circle--large
    {
        width: 64px;
        height: 64px;
    }

@media (min-width: 768px)
{
    .ra-icon-circle.ra-icon-circle--large-md-up
    {
        width: 64px;
        height: 64px;
    }
}

/* #endregion Icon */

/* #region Banner Card */

.ra-banner-card
{
    padding: var(--spacing-space5);
    border-radius: 20px;
    background-color: var(--primitives-primary-inverse);
    background-image: radial-gradient(circle farthest-corner at 0% 0%, hsla(0, 0%, 100%, 0), var(--primitives-primary-inverse)), url("../images/topo-bg.webp");
    background-position: 0px 0px, 0% 0%;
    background-size: auto, 1432px;
    background-repeat: repeat, no-repeat;
    box-shadow: 0 0 1px 0 #c0bebb, 0 6px 14px -6px rgba(24, 39, 75, 0.12), 0 10px 32px -4px rgba(24, 39, 75, 0.1);
    overflow: hidden;
    min-height: 787px;
}

    .ra-banner-card .ra-product-cards,
    .ra-banner-card .ra-cards
    {
        margin: 0 var(--spacing-negative-space5);
        padding: var(--spacing-space4) var(--spacing-space5);
    }

    .ra-banner-card .ra-product-card,
    .ra-banner-card .ra-card
    {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc((100% / var(--num-cards)) - var(--spacing-space4));
        min-width: 280px;
        scroll-snap-align: center;
        scroll-snap-stop: always;
    }

    .ra-banner-card .ra-image-card
    {
        max-height: unset;
    }

.ra-cards
{
    --num-cards: 2;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: var(--spacing-space3);
    height: 100%;
    margin: 0;
    padding: var(--spacing-space4);
    overflow-y: hidden;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none; /* IE and Edge */
}

    .ra-cards.ra-cards--1
    {
        --num-cards: 1;
    }

    .ra-cards.ra-cards--2
    {
        --num-cards: 3;
    }

    .ra-cards.ra-cards--3
    {
        --num-cards: 3;
    }

    .ra-cards.ra-cards--4
    {
        --num-cards: 4;
    }

.ra-card.ra-cards--5
{
    --num-cards: 5;
}

.ra-card
{
    flex: 1;
    aspect-ratio: 0.8;
}

    .ra-card .ra-text-block
    {
        margin-top: var(--spacing-space5);
    }

@media (max-width: 991.98px)
{
    .ra-banner-card
    {
        padding: var(--spacing-space4);
        min-height: 994px;
    }
}

@media (max-width: 767.98px)
{
    .ra-banner-card {
        padding: var(--spacing-space3);
        padding-top: var(--spacing-space4);
        min-height: 994px;
    }

    .ra-cards
    {
        flex-direction: column;
    }

    .ra-card
    {
        flex-basis: 100%;
        flex-shrink: 0;
    }
}

/* #endregion Banner Card */

/* #region Blog */

.ra-blog-banner
{
    position: relative;
    overflow: hidden;
    height: 80vh;
    max-height: 800px;
    border-radius: 20px;
    padding-top: 60px;
}

.ra-blog-banner__text
{
    position: relative;
}

.ra-blog-banner__text-1
{
    position: relative;
    top: 0;
    z-index: 3;
    color: var(--content-inverse-primary);
    text-align: center;
    mix-blend-mode: overlay;
}

.ra-blog-banner__text-2
{
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    color: var(--content-inverse-primary);
    text-align: center;
    cursor: none;
    mix-blend-mode: overlay;
}

.ra-blog-banner__text-3
{
    position: absolute;
    top: 0px;
    z-index: 2;
    width: 100%;
    color: #ff7940;
    text-align: center;
    mix-blend-mode: overlay;
}

.ra-blog-banner__text-space
{
    display: inline-block;
    width: 40px;
}

.ra-content-transparent
{
    color: transparent;
}


.ra-blog-banner__overlay
{
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
    background-image: linear-gradient(180deg, transparent, #000);
    opacity: 0.5;
}

.ra-blog-banner__image
{
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 0%;
    object-position: 50% 0%;
}

.ra-blog-banner .ra-search-bar
{
    position: relative;
    z-index: 10000;
    max-width: 1048px;
    width: 90%;
    margin: 28px auto 0 auto;
}

.ra-banner-categories
{
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.ra-banner-categories__title
{
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    color: var(--content-inverse-primary);
    height: 64px;
    font-size: 20px !important;
}

    .ra-banner-categories__title:hover
    {
        cursor: pointer;
    }

.ra-banner-categories__tabs
{
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 64px;
    transition: max-height 0s;
    overflow: hidden;
}

    .ra-banner-categories__tabs.ra-banner-categories__tabs--dropdown
    {
        position: absolute;
        display: flex !important;
        flex-direction: column;
        gap: 25px;
        width: 100%;
        background-color: var(--surface-primary);
        box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
        border-radius: 0px 0px 20px 20px;
        padding: var(--spacing-space3);
        align-items: flex-start;
        max-height: 1000px;
        transition: max-height 0.75s ease-out;
    }

/* md */
@media (max-width: 767.98px)
{
    .ra-banner-categories__tabs
    {
        max-height: 0px;
    }

    .ra-blog-banner .ra-search-bar
    {
        height: 48px;
    }

    .ra-search-bar__icon .ra-icon
    {
        width: 18px;
        height: 18px;
    }

    .ra-search-bar__input input
    {
        padding-left: 45px;
    }
}

.ra-banner-categories__tab
{
    display: flex;
    height: 64px;
    text-align: center;
    padding: 0 8px;
    justify-content: center;
    align-items: center;
    flex: 1;
    color: var(--content-inverse-primary);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

    .ra-banner-categories__tab.ra-banner-categories__tab--dropdown
    {
        color: var(--content-primary);
        font-size: 20px !important;
        border-right: none;
    }

@media (max-width: 1160px)
{
    .ra-blog-banner
    {
        max-height: 730px;
        padding-top: 50px;
    }

    .ra-blog-banner__text div
    {
        font-size: 6em !important;
        line-height: 6em !important;
    }

    .ra-blog-banner__text-space
    {
        width: 32px;
    }
}

/* md */
@media (max-width: 991.98px)
{
    .ra-blog-banner
    {
        border-radius: 0;
        overflow: visible;
        padding-top: 40px;
    }
}

@media (max-width: 845px)
{

    .ra-blog-banner
    {
        max-height: 600px;
    }

    .ra-blog-banner__text div
    {
        font-size: 3em !important;
        line-height: 1em !important;
    }

    .ra-blog-banner__text-space
    {
        width: 24px;
    }
}

/* sm */
@media (max-width: 767.98px)
{
}

@media (max-width: 675px)
{
    .ra-blog-banner
    {
        max-height: 550px;
    }

    .ra-blog-banner__text div
    {
        font-size: 2em !important;
        line-height: 1em !important;
    }

    .ra-blog-banner__text-space
    {
        width: 14px;
    }
}

@media (max-width: 535px)
{
    .ra-blog-banner
    {
        max-height: 450px;
    }

    .ra-blog-banner__text div
    {
        font-size: 2em !important;
        line-height: 1em !important;
    }

    .ra-blog-banner__text-space
    {
        width: 10px;
    }
}

@media (max-width: 385px)
{
    .ra-blog-banner
    {
        max-height: 380px;
        padding-top: 25px;
    }

    .ra-blog-banner__text div
    {
        font-size: 2em !important;
        line-height: 1em !important;
    }
}


#ra-blog-list .ra-banner-card
{
    margin-bottom: 90px;
    padding: 0;
    padding-top: var(--spacing-space5);
    position: relative;
}

    #ra-blog-list .ra-banner-card .typo-heading2
    {
        padding: 0 var(--spacing-space5);
    }

    #ra-blog-list .ra-banner-card .typo-body
    {
        padding: 0 var(--spacing-space5);
    }

.ra-banner-card__controls
{
    position: absolute;
    top: 90px;
    right: var(--spacing-space4);
}

    .ra-banner-card__controls .icon
    {
        width: 80px;
        height: 80px;
        margin: -16px -12px;
        cursor: pointer;
    }

#ra-blog-hits
{
    overflow: auto;
    white-space: nowrap;
    padding: var(--spacing-space5);
    padding-top: var(--spacing-space4);
    -ms-overflow-style: none;
    scrollbar-width: none;
    font-size: 0;
}

    #ra-blog-hits::-webkit-scrollbar
    {
        display: none;
    }

.ra-blog-card
{
    display: inline-block;
    overflow: hidden;
    border-radius: 20px;
    width: 400px;
    max-width: 75vw;
    margin-right: var(--spacing-space3);
    vertical-align: top;
    flex-shrink: 0;
    background-color: var(--surface-secondary);
}

.ra-blog-card__top
{
    overflow: hidden;
}

    .ra-blog-card__top img
    {
        display: inline-block;
        width: 100%;
        height: 135px;
        object-fit: cover;
    }

.ra-blog-card:last-child
{
    margin-right: var(--spacing-space5);
}

a.ra-blog-card
{
    color: var(--content-primary);
    text-decoration: none;
}

    a.ra-blog-card:hover
    {
        color: var(--content-primary);
    }

.ra-blog-card__image
{
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.ra-blog-card__body
{
    padding: var(--spacing-space3);
    overflow: hidden;
}

.ra-vstack .typo-heading4
{
    white-space: break-spaces;
}

.ra-blog-card__overview > *
{
    display: none;
}

    .ra-blog-card__overview > *:first-child
    {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 80px;
        white-space: break-spaces;
    }


.ra-blog-posts
{
    display: grid;
    column-gap: var(--spacing-space4);
    row-gap: var(--spacing-space4);
}

/* sm */
@media (max-width: 767.98px)
{
    .ra-blog-card__body .typo-heading4
    {
        font-size: 23px
    }
}

/* xs */
@media (max-width: 575.98px)
{
    #ra-blog-list .ra-banner-card
    {
        padding: 0;
        padding-top: var(--spacing-space3);
    }

    .ra-banner-card__controls
    {
        display: none;
    }

    #ra-blog-list .ra-banner-card .typo-heading2
    {
        padding: 0 var(--spacing-space3);
    }

    #ra-blog-list .ra-banner-card .typo-body
    {
        padding: 0 var(--spacing-space3);
        margin-bottom: var(--spacing-space3);
    }

    #ra-blog-hits
    {
        padding: var(--spacing-space3);
    }

    .ra-blog-card:last-child
    {
        margin-right: var(--spacing-space3);
    }

    .ra-blog-posts
    {
        grid-template-columns: 1fr;
    }
}
/* sm-md */
@media (min-width: 576px) and (max-width: 991.98px)
{
    .ra-blog-posts
    {
        grid-template-columns: 1fr 1fr;
    }

    #ra-blog-list .ra-banner-card
    {
        padding: 0;
        padding-top: var(--spacing-space4);
    }

    .ra-banner-card__controls
    {
        top: 160px;
        left: var(--spacing-space4);
    }

    #ra-blog-list .ra-banner-card .typo-heading2
    {
        padding: 0 var(--spacing-space4);
    }

    #ra-blog-list .ra-banner-card .typo-body
    {
        padding: 0 var(--spacing-space4);
        margin-bottom: 0;
    }

    #ra-blog-hits
    {
        padding: var(--spacing-space4);
    }

    .ra-blog-card:last-child
    {
        margin-right: var(--spacing-space4);
    }
}

/* lg */
@media (min-width: 992px) and (max-width: 1199.98px)
{
    .ra-blog-posts
    {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

/* xl */
@media (min-width: 1200px)
{
    .ra-blog-posts
    {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

.ra-blog-tile
{
    text-decoration: none;
    overflow: hidden;
}

    .ra-blog-tile:nth-child(1)
    {
        padding-left: 0;
    }

.ra-blog-tile__top
{
    display: inline-block;
    width: 100%;
    height: 160px;
}

    .ra-blog-tile__top img
    {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.ra-blog-tile__title
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: var(--spacing-space3);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: var(--spacing-space1);
}

    .ra-blog-tile__title a:hover
    {
        text-decoration: underline;
    }

.ra-blog-tile__title-link
{
    text-decoration: none;
}

.ra-blog-tile__overview > *
{
    display: none;
}

    .ra-blog-tile__overview > *:first-child
    {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        height: 80px; /*4x 20px line-height */
        overflow: hidden;
    }

.ra-blog-post
{
    padding-top: var(--spacing-space4);
}

    .ra-blog-post .typo-heading1
    {
        text-align: center;
        position: relative;
        z-index: 1000;
    }


.ra-blog-post-image img
{
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    margin-top: -20px;
}

.ra-blog-post-body
{
    margin-top: var(--spacing-space5);
}

.ra-blog-post-body__content > * > img
{
    max-width: 768px;
    height: 100%;
}

.ra-blog-post-body__info
{
    position: absolute;
    margin-left: var(--spacing-space5);
}

    .ra-blog-post-body__info p
    {
        margin-bottom: 0;
    }

    .ra-blog-post-body__info .x-icon
    {
        margin-bottom: 5px;
        margin-right: 5px;
    }

/* xl */
@media (max-width: 1300px)
{

    .ra-blog-post-body
    {
        margin-top: var(--spacing-space3);
    }

    .ra-blog-post-body__info
    {
        position: relative;
        display: flex;
        /* ra-container-s */
        width: 100%;
        max-width: 768px;
        margin-right: auto;
        margin-left: auto;
    }

        .ra-blog-post-body__info .x-icon
        {
            margin-bottom: 0;
        }
}

/* #endregion Blog */


/* #region Store Locator */
.ra-stores-map
{
    width: 100%;
    height: 800px;
    max-height: 160vw;
}

.ra-stores-map-overlay
{
    position: absolute;
    top: 40px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: var(--spacing-space3);
}

    .ra-stores-map-overlay .ra-search-bar
    {
        height: 64px;
        width: 430px;
        margin-bottom: 0;
    }

    .ra-stores-map-overlay .ra-button
    {
        width: 148px;
        height: 40px;
    }

/* Remove default GMaps styling */
.gm-style-iw.gm-style-iw-c
{
    background-color: unset;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    padding: unset;
    top: -10px;
    overflow: visible !important;
}

.gm-style-iw-d
{
    padding: 20px;
    overflow: visible !important;
}

.gm-style-iw-tc
{
    display: none;
}

.gm-ui-hover-effect
{
    opacity: 1 !important;
    width: 32px !important;
    height: 32px !important;
    top: 35px !important;
    right: 35px !important;
    background: #FFFFFF !important;
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 16px;
    padding-top: 2px !important;
    padding-left: 1px !important;
}

.ra-store-widget--map
{
    background: #FFFFFF !important;
}

.pac-container
{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: 30px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    box-sizing: unset;
    -webkit-box-sizing: unset;
    margin-top: 2px;
    width: 350px !important;
    padding: 0 10px;
    padding-bottom: 5px;
}

.pac-item:first-child
{
    border-top: unset;
}

.ra-stores-list
{
    padding-right: 0px !important;
    overflow: hidden;
}

.ra-stores-country
{
    width: 110%;
}

.ra-stores-country-column
{
    column-count: 3;
}

.ra-stores-state
{
    break-inside: avoid;
}

.ra-stores-country-flag
{
    margin-right: var(--spacing-space2);
}

#ra-store-page .ra-banner-image,
#ra-store-locator .ra-banner-image
{
    height: unset;
}

/* md */
@media (max-width: 767.98px)
{
    #ra-store-locator .text-block5
    {
        margin-bottom: var(--spacing-space4);
    }

    .ra-stores-map-overlay .ra-search-bar
    {
        height: 48px;
        width: 380px;
    }

    .ra-stores-map-overlay .ra-search-bar__input input
    {
        padding-left: 56px;
    }

    .ra-stores-country-column
    {
        column-count: 2;
    }

    .ra-store-widget--map .ra-store-widget__top
    {
        grid-template-columns: 1fr;
    }

    .pac-container
    {
        margin-top: -6px;
        width: 300px !important;
    }
}

/* sm */
@media (max-width: 576px)
{
    #ra-store-locator .text-block5
    {
        margin-bottom: var(--spacing-space3);
    }

    #ra-store-locator .text-block4
    {
        margin-bottom: var(--spacing-space2);
    }


    .ra-stores-map-overlay
    {
        flex-direction: column;
    }

        .ra-stores-map-overlay .ra-search-bar
        {
            width: 80%;
            margin-bottom: var(--spacing-space2);
        }

    .pac-container
    {
        width: calc(100vw - 200px) !important;
    }
}

@media (max-width: 460px)
{
    .ra-stores-country-column
    {
        column-count: 1;
    }

    .pac-container
    {
        width: calc(100vw - 170px) !important;
    }
}

/* #endregion Store Locator */


/* #region Store Page */

.ra-store-page__outer
{
    background: #F4F3F3;
    padding: 60px 88px;
}

@media (max-width: 991.98px)
{
    .ra-store-page__outer
    {
        padding: 60px 0px;
    }
}

.ra-store-page__main-info
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: 20px;
    row-gap: 60px;
}

.ra-store-page__contact-info .typo-body-emphasis
{
    line-height: 32px;
}

.ra-store-page__features-list li:before
{
    content: "•";
    margin-left: -1em;
    margin-right: 0.65em;
}

.ra-store-page__services
{
    width: 33%;
    display: flex;
    justify-content: center;
}

.ra-store-page__visual-info
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--spacing-space4);
    row-gap: var(--spacing-space4);
}

.ra-store-page__visual-info--single
{
    grid-template-columns: 1fr;
}

.ra-store-page__hours-wrapper
{
    border: 0px solid var(--primitives-neutral);
    border-width: 0 1px;
}

.ra-store-page__hours
{
    width: 248PX;
}

.ra-store-page__directions-btn
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 20px;
    height: 40px;
    background: #FFFFFF;
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 8px;
}

.ra-store-page__visual-info .gm-ui-hover-effect
{
    display: none !important;
}

.ra-store-page__visual-info .gm-style-iw.gm-style-iw-c
{
    top: 120px;
    min-width: 236px !important;
}

.ra-store-page__visual-components
{
    height: 480px;
    border-radius: 20px;
    width: 100%;
}

img.ra-store-page__visual-components
{
    object-fit: cover;
}

.ra-store-page__rating-subtitle
{
    font-size: 19px;
    line-height: 28px;
}

.ra-store-page__manager-description
{
    width: calc(100% - 200px);
    margin-right: var(--spacing-space4);
    display: flex;
    flex-wrap: wrap;
}

.ra-store-page__manager-image
{
    width: auto;
    height: 160px;
    border-radius: 20px;
    max-width: 200px;
}

.ra-store-page__reviews .CarouselWidget__header
{
    display: none !important;
}

@media (max-width: 1250px)
{
    .ra-store-page__services
    {
        width: 20%;
    }
}

@media (max-width: 1100px)
{
    .ra-store-page__main-info
    {
        padding-bottom: var(--spacing-space3);
    }

    .ra-store-page__services
    {
        width: 100%;
        justify-content: flex-start;
    }

    .ra-store-page__contact-info.col-4,
    .ra-store-page__hours-wrapper.col-4
    {
        width: 50%;
    }

    .ra-store-page__hours-wrapper.col-4
    {
        border-width: 0 0 0 1px;
    }

    .ra-store-page__main-info .ra-list-checkmark
    {
        display: flex;
        flex-wrap: wrap;
    }

        .ra-store-page__main-info .ra-list-checkmark li
        {
            margin-right: var(--spacing-space4);
        }
}

/* md */
@media (max-width: 991.98px)
{
    #ra-store-page .text-block5
    {
        margin-bottom: var(--spacing-space4);
    }

    .ra-store-page__main-info
    {
        padding-left: 60px;
        padding-right: 60px;
    }

    .ra-store-page__visual-info
    {
        grid-template-columns: 1fr;
    }
}

/* sm */
@media (max-width: 767.98px)
{
    .ra-store-page__main-info
    {
        row-gap: 0;
        padding-left: var(--spacing-space4);
        padding-right: var(--spacing-space4);
    }

    .ra-store-page__contact-info.col-4,
    .ra-store-page__hours-wrapper.col-4
    {
        width: 100%;
    }

    .ra-store-page__hours-wrapper.col-4
    {
        justify-content: flex-start !important;
        border-width: 1px 0px;
        padding: 30px 0;
        margin: 30px 0;
    }
}

/* #endregion Store Page */

/* #region Careers Page */
.ra-careers-page .ra-banner-image
{
    height: 300px;
}

.ra-careers-page__about
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--spacing-space4);
    row-gap: var(--spacing-space4);
}

.ra-careers-page__store-img
{
    margin-right: var(--spacing-space4);
    border-radius: 20px;
    object-fit: cover;
    position: relative;
    max-height: 300px;
}

.ra-careers-page__store-img-overlay
{
    position: absolute;
    bottom: 0px;
    padding: 28px;
}


.ra-careers-page__perks
{
    padding: 70px 88px 30px;
    border-radius: 20px;
    background-color: var(--primitives-primary-inverse);
    background-image: radial-gradient(circle farthest-corner at 0% 0%, hsla(0, 0%, 100%, 0), var(--primitives-primary-inverse)), url("../images/topo-bg.webp");
    background-position: 0px 0px, 0% 0%;
    background-size: auto, 1432px;
    background-repeat: repeat, no-repeat;
    box-shadow: 0 0 1px 0 #c0bebb, 0 6px 14px -6px rgba(24, 39, 75, 0.12), 0 10px 32px -4px rgba(24, 39, 75, 0.1);
}

    .ra-careers-page__perks ul
    {
        padding-left: 0;
    }

.ra-careers-page__perks-item-text
{
    max-width: 200px;
    text-align: center;
}

.ra-careers-page__paths
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--spacing-space4);
    row-gap: var(--spacing-space4);
}

.ra-careers-page__paths-item
{
    padding: var(--spacing-space3);
    background: var(--surface-secondary);
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* md */
@media (max-width: 991.98px)
{
    .ra-careers-page__about
    {
        grid-template-columns: 1fr;
    }

    .ra-careers-page__perks
    {
        padding: 40px 30px 30px;
    }
}

/* sm */
@media (max-width: 767.98px)
{
    .ra-careers-page__paths
    {
        grid-template-columns: 1fr;
    }

    .ra-careers-page .text-block5
    {
        margin-bottom: var(--spacing-space4);
    }
}

/* #endregion Careers Page */

/* #region About Page */

.ra-about-page p.ra-about-overview
{
    font-size: 19px;
    font-weight: 500;
    line-height: 28px;
}

.ra-about-video
{
    width: 100%;
    border-radius: 20px;
}

.ra-about-page .ra-banner-title
{
    font-family: 'Trade Gothic LT Std';
    font-size: 5em;
    font-style: italic;
    font-weight: 700;
    /*line-height: 5em;*/
    letter-spacing: 0em;
    text-align: center;
    color: var(--content-inverse-primary);
    width: 700px;
    max-width: 80%;
    text-align: center;
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transform: rotate(-12deg);
}

.ra-about-page .ra-typo-wrapper img
{
    max-width: 100%;
    object-fit: contain;
}

.ra-about-page .ra-review-card
{
    padding-top: 0px
}

.ra-about__timeline-container
{
    position: relative;
    padding-left: 160px;
}

    .ra-about__timeline-container:before
    {
        background-image: url("/Themes/rackattack/Content/icons/accent/about-page-line.svg");
        background-repeat: repeat-y;
        content: "";
        position: absolute;
        top: 42px;
        left: 80px;
        width: 10px;
        height: calc(100% - 80px);
        z-index: 1;
    }

    .ra-about__timeline-container h1
    {
        position: relative;
    }

        .ra-about__timeline-container h1:before
        {
            background-image: url("/Themes/rackattack/Content/icons/accent/about-page-dot.svg");
            content: "";
            position: absolute;
            top: 40px;
            left: -80px;
            width: 10px;
            height: 10px;
        }

    .ra-about__timeline-container img
    {
        position: relative;
        width: calc(100% + 160px);
        margin-left: -160px;
        z-index: 10;
        margin-bottom: var(--spacing-space4);
    }


/* md */
@media (max-width: 991.98px)
{
    .ra-about-video
    {
        border-radius: unset;
    }

    .ra-about-page .text-block5
    {
        margin-bottom: var(--spacing-space4);
    }
}

/* sm */
@media (max-width: 767.98px)
{
    .ra-about-page .ra-banner-title
    {
        font-size: 4em;
        /*line-height: 4em;*/
    }

    .ra-about__timeline-container
    {
        padding-left: 80px;
    }

        .ra-about__timeline-container:before
        {
            left: 40px;
            height: calc(100% - 40px);
        }

        .ra-about__timeline-container h1:before
        {
            left: -40px;
        }

        .ra-about__timeline-container img
        {
            width: calc(100% + 80px);
            margin-left: -80px;
            margin-bottom: var(--spacing-space3);
        }
}

/* xs */
@media (max-width: 575.98px)
{
    .ra-about-page .ra-banner-title
    {
        font-size: 3em;
        max-width: 100%;
        padding-right: 10px;
        /*line-height: 3em;*/
    }
}

@media (max-width: 390px)
{
    .ra-about-page .ra-banner-title
    {
        font-size: 35px;
        line-height: 45px;
    }
}

/* #region Product Details */

/* FNS product attachments */
#ra-product-page .fns-content-page
{
    display: none;
}

#ra-product-page .fns-productattachments-fileblock
{
    padding-left: 2rem;
    position: relative;
}

#ra-product-page .fns-productattachment-icon
{
    position: absolute;
    left: 0px;
    width: 24px;
    height: 24px;
}

#ra-product-page .fns-productattachments-file-wrapper
{
    transform: unset;
    /* typo-body-emphasis */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
}

#ra-product-page .fns-productattachments-fileblock a
{
    color: var(--content-primary);
}

#ra-product-page .ra-vehicle-bar
{
    margin-bottom: 30px
}

#ra-product-page .ra-breadcrumb
{
    margin-top: -10px;
    margin-bottom: 20px;
}

.ra-package-page .ra-breadcrumb
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.ra-product__top-section
{
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: var(--spacing-space4);
    grid-template-rows: auto auto 1fr;
    grid-template-areas:
        "gallery sidebar-top"
        "gallery sidebar-bottom"
        "gallery .";
    margin-bottom: var(--spacing-space4);
    margin-left: var(--spacing-space3);
}

    .ra-product__top-section .ra-product__fitbar
    {
        background: rgba(244, 243, 243, 1);
    }

    .ra-product__top-section .ra-product-reviews-overview
    {
        text-decoration: underline;
    }

    .ra-product__top-section .ra-product__ship-to-me
    {
        margin-bottom: 2px;
    }

.ra-product__gallery-container
{
    grid-area: gallery;
}

.ra-product__purchase-sidebar-top
{
    grid-area: sidebar-top;
}

    .ra-product__purchase-sidebar-top .ra-product-reviews-overview
    {
        margin-bottom: 20px;
    }

    .ra-product__purchase-sidebar-top .ra-tag
    {
        margin-bottom: 20px;
    }

.ra-product__purchase-sidebar-bottom
{
    grid-area: sidebar-bottom;
}

.ra-product-prices
{
    font-family: 'Trade Gothic LT Std';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    flex-direction: row;
    display: flex;
    gap: 12px;
    align-items: center;
}

    .ra-product-prices span
    {
        height: 24px;
    }

    .ra-product-prices .ra-product-price-amount--new
    {
        color: var(--content-primary);
    }

    .ra-product-prices .ra-product-price-amount--old
    {
        text-decoration: line-through;
    }

    .ra-product-prices .ra-product-price-amount--new-mobile
    {
        color: var(--content-primary);
    }

    .ra-product-prices .ra-product-price-amount--old-mobile
    {
        text-decoration: line-through;
        font-size: smaller;
    }

.ra-product__shipping-radio
{
    background: #F4F3F3;
}

.ra-radio.ra-product__shipping-radio
{
    min-height: 73px;
}

    .ra-radio.ra-product__shipping-radio input + label::before
    {
        margin-top: 20px;
    }

    .ra-radio.ra-product__shipping-radio input + label
    {
        padding-left: 40px
    }

    .ra-radio.ra-product__shipping-radio p:first-child
    {
        margin-top: -3px
    }

    .ra-radio.ra-product__shipping-radio.ra-disabled
    {
        opacity: 1;
    }

        .ra-radio.ra-product__shipping-radio.ra-disabled input + label::before
        {
            opacity: 0.5;
        }

        .ra-radio.ra-product__shipping-radio.ra-disabled label p,
        .ra-radio.ra-product__shipping-radio.ra-disabled label span > *
        {
            opacity: 0.65;
            pointer-events: none !important;
        }

        .ra-radio.ra-product__shipping-radio.ra-disabled label span #ra-product__change-store
        {
            opacity: 1;
            pointer-events: auto !important;
        }

.ra-change-store__state
{
    display: flex;
    flex-direction: column;
    gap: var(--spacing-space3);
    border-bottom: 1px solid var(--primitives-neutral);
    padding-bottom: var(--spacing-space3);
    margin-bottom: var(--spacing-space3);
}

    .ra-change-store__state:last-child
    {
        border-bottom: none;
        padding-bottom: 0;
    }

.ra-change-store__location
{
    padding-bottom: var(--spacing-space3);
    border-bottom: 1px solid var(--primitives-neutral)
}

    .ra-change-store__location:last-child
    {
        border-bottom: none;
    }

#ra-product__buying-notes
{
    gap: 2px;
}

.ra-product__buying-note
{
    padding: 0.5rem;
    background: #F4F3F3;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-space3);
}

/*.ra-product__buying-note .bg-success {
								background-color: var(--content-positive) !important;
				}

				.ra-product__buying-note .bg-danger {
								background-color: var( --content-accent) !important;
				}

				.ra-product__buying-note .bg-warning {
								background-color: var( --content-accent) !important;
				}*/

.bg-success
{
    background-color: var(--content-positive) !important;
}

.bg-danger
{
    background-color: #dc3545 !important;
}

.bg-warning
{
    background-color: var( --content-accent) !important;
}

.bg-yellow
{
    background-color: var( --primitives-accent) !important;
}


#ra-product__buying-note--stock
{
    margin-bottom: var(--spacing-space3);
}

    #ra-product__buying-note--stock.negative-top-margin
    {
        margin-top: var(--spacing-negative-space3);
    }

.ra-associated-products__dropdown
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 20px;
    height: 80px;
    background: #FFFFFF;
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 16px;
}

.ra-associated-products__name
{
    margin-right: var(--spacing-space2);
}

.ra-associated-products__dropdown.show
{
    border-radius: 16px 16px 0px 0px;
}

.ra-associated-products__dropdown:after
{
    content: url("/Themes/rackattack/Content/icons/primary/triangle-down.svg");
    position: absolute;
    right: 20px;
}

.ra-associated-products__dropdown-menu
{
    /* inset: 0px 0px 0px 0px!important; */
    width: 100%;
    border: none !important;
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 0px 0px 20px 20px !important;
    padding: 20px 20px 8px 20px !important;
    inset: -3px auto auto 0px !important;
}

    .ra-associated-products__dropdown-menu .dropdown-item
    {
        padding: 0;
        margin-bottom: 12px;
    }

        .ra-associated-products__dropdown-menu .dropdown-item a
        {
            display: flex;
            align-items: center;
        }

        .ra-associated-products__dropdown-menu .dropdown-item span
        {
            white-space: break-spaces;
        }

.ra-associated-products__image
{
    position: relative;
    width: 64px;
    height: 64px;
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 2px;
    margin-right: 20px;
}

    .ra-associated-products__image > img
    {
        width: 100%;
        height: 100%;
        margin: auto;
        object-fit: contain;
    }

.ra-add-to-cart .ra-button--secondary .ra-button__icon
{
    position: absolute;
    left: 20px;
    width: 24px;
}

.ra-add-to-cart__overlay
{
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--surface-positive);
    width: calc(100% + 1px);
    height: 100%;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    scale: 0;
    transition: scale 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.ra-add-to-cart__overlay-icon
{
    position: absolute;
    left: 20px;
}

    .ra-add-to-cart__overlay-icon img
    {
        width: 20px;
        height: 20px;
    }

.ra-add-to-cart__overlay--success
{
    scale: 1;
}


.ra-product-page__info
{
    display: flex;
    /*margin-left: 8%;*/
    margin-bottom: var(--spacing-space5);
    /*row-gap: var(--spacing-space3);*/
    flex-wrap: wrap;
}

    .ra-product-page__info .col-left
    {
        padding-right: var(--spacing-space4);
    }


    .ra-product-page__info .col-right
    {
        /*border-top: 1px solid #E0E0E0;*/
    }


.ra-product__image-feature
{
    padding: 0 var(--spacing-space1);
}

    .ra-product__image-feature > img
    {
        box-shadow: 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
        filter: drop-shadow(0px 0px 1px #C0BEBB);
        border-radius: 2px;
        margin-bottom: var(--spacing-space3);
    }

.ra-product-reviews-overview
{
    height: 20px;
    margin-bottom: 4px;
}

    .ra-product-reviews-overview .typo-body-small
    {
        line-height: 16px;
    }

.ra-product-reviews-overview__stars
{
    display: inline-block;
    padding-top: 2px;
}

.ra-product-accordion
{
    padding-bottom: var(--spacing-space3);
    margin-bottom: var(--spacing-space3);
    border-bottom: 1px solid #E0E0E0;
}

.ra-product-accordion__toggle
{
    cursor: pointer;
    width: 32px;
    height: 32px;
    background: var(--surface-primary);
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ra-product-accordion__title
{
    font-family: 'Trade Gothic';
    font-style: normal;
    font-weight: 700;
    font-size: 4em;
    /*line-height: 4em;*/
    text-transform: uppercase;
}

.ra-product-mini-accordion
{
    border-bottom: 1px solid #E0E0E0;
    padding-top: 20px;
}

.ra-related-products__subtitle
{
    position: absolute;
    top: 100px
}

.ra-product-faq
{
    column-count: 2;
    column-gap: var(--spacing-space3);
    padding-right: var(--spacing-space3);
}

/* sm */
@media (max-width: 767.98px)
{
    .ra-product__top-section
    {
        grid-template-columns: 1fr 1fr;
        column-gap: var(--spacing-space3);
    }

    .ra-product-page__info
    {
        margin-left: unset;
    }

        .ra-product-page__info .col-left
        {
            padding-right: unset;
        }
}

/* xs */

@media (max-width: 575.98px)
{
    .ra-product__top-section
    {
        grid-template-columns: 1fr;
        grid-template-areas:
            "sidebar-top "
            "gallery"
            "sidebar-bottom";
        column-gap: var(--spacing-space4);
    }

    .ra-product__gallery-container
    {
        margin-bottom: var(--spacing-space3);
    }

    .ra-product__purchase-section
    {
        padding-left: unset;
        padding-top: var(--spacing-space3);
    }

    .ra-product-faq
    {
        column-count: 1;
    }
}


/* #endregion Product Details */

/* #region Rewards Page */

.ra-rewards-page .ra-banner-image
{
    margin-top: 0px;
    height: unset;
}

.ra-rewards-page .ra-banner-overlay
{
    position: absolute;
    top: 50px;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

.ra-banner-overlay__title
{
    text-align: center;
    max-width: 600px;
    color: #EEF3F6;
    margin-bottom: 30px;
}

.ra-rewards-page li:before
{
    content: "•";
    margin-left: -1em;
    margin-right: 0.65em;
}

.ra-banner-overlay .ra-join-rewards
{
    width: 428px;
}

/* md */
@media (max-width: 767.98px)
{
    .ra-rewards-page .text-block5
    {
        margin-bottom: var(--spacing-space4);
    }

    .ra-rewards-page .ra-rewards-page__join-bottom
    {
        margin-bottom: 90px;
    }

    .ra-rewards-page .ra-banner-overlay .ra-join-rewards
    {
        display: none;
    }
}

/* #endregion Rewards Page */



.ra-installations-page .ra-search-bar
{
    height: 64px;
    max-width: 428px;
}

.ra-installations-list__item
{
    display: flex;
    height: 40px;
}

.ra-installations-list__logo
{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-right: 20px;
    object-fit: contain;
}

.ra-installations-model-collumns
{
    column-count: 4;
    width: 108%;
}



@media (max-width: 1100px)
{
    .ra-installations-model-collumns
    {
        column-count: 3;
        width: 100%;
    }
}


@media (max-width: 700px)
{
    .ra-installations-model-collumns
    {
        column-count: 2;
    }
}


/* #region Product Gallery */

.ra-product-gallery
{
    flex-wrap: wrap;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
}

    .ra-product-gallery::-webkit-scrollbar
    {
        display: none;
    }

.ra-product-gallery__item
{
    background-color: var(--primitives-primary-inverse);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    scroll-snap-align: start;
}

    .ra-product-gallery__item > img
    {
        object-fit: contain;
    }

    .ra-product-gallery__item.video
    {
        background-color: var(--surface-secondary);
    }

    .ra-product-gallery__item.ra-image-card
    {
        border-radius: 0;
    }

        .ra-product-gallery__item.ra-image-card .ra-image-card__body
        {
            border-radius: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
        }

/* sm */
@media (max-width: 767.98px)
{
    .ra-product-gallery
    {
        flex-wrap: unset;
        overflow: scroll;
        white-space: nowrap;
        /*max-height: 525px;*/
        max-width: 375px;
        /*aspect-ratio: 1 / 1;*/
        scroll-snap-points-x: repeat(100%);
        scroll-snap-type: x mandatory;
    }
}

/* #endregion Product Gallery */

/* #region Help Center Card */

.ra-help-center-card
{
    height: 480px;
    text-align: left;
    margin-top: var(--spacing-space5);
    margin-bottom: var(--spacing-space5);
}

.ra-help-center-card__background
{
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.ra-help-center-card__gradient
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, #F9F9F9 100%);
    transform: matrix(1, 0, 0, -1, 0, 0);
}

.ra-help-center-card__person-container
{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 115%;
    overflow: hidden;
}

.ra-help-center-card__person
{
    position: absolute;
    bottom: 0;
    left: 8%;
    height: 95%;
    filter: drop-shadow(5px 10px 10px #7e7e7e);
}

.ra-help-center-card__content
{
    position: absolute;
    width: 45%;
    left: 50%;
    top: 20%;
}

.ra-button.ra-help-center-card__button
{
    color: var(--content-accent);
    text-decoration: none;
}


/* lg */
@media (max-width: 1199.98px)
{
    .ra-help-center-card
    {
        height: 400px;
    }
}

/* md */
@media (max-width: 991.98px)
{
    .ra-help-center-card
    {
        height: 320px;
    }

    .ra-help-center-card__content
    {
        top: 10%;
    }
}

/* sm */
@media (max-width: 767.98px)
{
    .ra-help-center-card
    {
        height: 400px;
        width: unset;
        background-color: var(--primitives-primary-inverse);
        background-image: radial-gradient(circle farthest-corner at 0% 0%, hsla(0, 0%, 100%, 0), var(--primitives-primary-inverse)), url("../images/topo-bg.webp");
        margin: 0 var(--spacing-negative-space3);
        padding: 200px var(--spacing-space3) var(--spacing-space4);
    }

    .ra-help-center-card__content
    {
        top: 0;
        left: 0;
        width: 100%;
    }

    .ra-help-center-card__content-text
    {
        position: absolute;
        top: -160px
    }

    .ra-help-center-card__button
    {
        position: absolute !important;
        top: 60px;
        right: 5%;
        min-width: 181px;
    }
}

@media (max-width: 400px)
{
    .ra-help-center-card__button
    {
        top: 100px;
        left: 50%;
        transform: translate(-50%, 0);
    }
}

/* #endregion Help Center Card */

/* #region Carousel */

.ra-carousel
{
    margin-bottom: 90px;
    padding: 0;
    padding-top: var(--spacing-space4);
    position: relative;
    border-radius: 20px;
    background-color: var(--primitives-primary-inverse);
    background-image: radial-gradient(circle farthest-corner at 0% 0%, hsla(0, 0%, 100%, 0), var(--primitives-primary-inverse)), url("../images/topo-bg.webp");
    background-position: 0px 0px, 0% 0%;
    background-size: auto, 1432px;
    background-repeat: repeat, no-repeat;
    box-shadow: 0 0 1px 0 #c0bebb, 0 6px 14px -6px rgba(24, 39, 75, 0.12), 0 10px 32px -4px rgba(24, 39, 75, 0.1);
}

    .ra-carousel .typo-heading2
    {
        padding: 0 var(--spacing-space5);
    }

    .ra-carousel > .typo-body
    {
        padding: 0 var(--spacing-space5);
    }

    .ra-carousel .ra-carousel__loading-indicator
    {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 360px;
        width: 100%;
    }

.ra-carousel__controls
{
    position: absolute;
    top: var(--spacing-space4);
    right: var(--spacing-space5);
}

    .ra-carousel__controls .icon
    {
        width: 80px;
        height: 80px;
        margin: -16px -12px;
        cursor: pointer;
    }

.ra-carousel__content
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding: var(--spacing-space3) var(--spacing-space5) var(--spacing-space4);
    scroll-snap-points-x: repeat(100%);
}

    .ra-carousel__content::-webkit-scrollbar
    {
        display: none;
    }

    .ra-carousel__content .ra-product-card
    {
        flex-shrink: 0;
        width: 350px;
        max-width: 90%;
    }

.ra-carousel__pager
{
    position: absolute;
    bottom: 16px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.ra-empty-carousel-item
{
    width: 280px;
    height: 350px;
    overflow: visible;
    max-width: 90%;
    flex-shrink: 0;
    cursor: unset;
    display: block;
    max-width: 90%;
    border-radius: 20px;
    position: relative;
    background-color: #e0e0e0;
}


/* md */
@media (max-width: 991.98px)
{
    .ra-carousel
    {
        box-shadow: unset;
        border-radius: unset;
        background-color: unset;
        background-image: unset;
        padding: 0;
        padding-top: var(--spacing-space4);
        margin-bottom: var(--spacing-space4);
    }

        .ra-carousel .typo-heading2
        {
            padding: 0 var(--spacing-space4);
        }

        .ra-carousel .typo-body
        {
            padding: 0 var(--spacing-space4);
            margin-bottom: 0;
        }

    .ra-carousel__controls
    {
        right: var(--spacing-space4);
    }

    .ra-carousel__content
    {
        padding: var(--spacing-space2) var(--spacing-space4) var(--spacing-space4);
    }
}

/* sm */
@media (max-width: 767.98px)
{
    .ra-carousel
    {
        margin-bottom: var(--spacing-space2);
    }

        .ra-carousel .typo-heading2
        {
            padding: 0 var(--spacing-space3);
        }

        .ra-carousel .typo-body
        {
            padding: 0 var(--spacing-space3);
            margin-bottom: 0;
        }

    .ra-carousel__controls
    {
        right: var(--spacing-space3);
    }

    .ra-carousel__content
    {
        padding: var(--spacing-space3);
        padding-bottom: var(--spacing-space4);
    }
}


/* xs */
@media (max-width: 575.98px)
{
    .ra-carousel
    {
        padding: 0;
        padding-top: var(--spacing-space3);
    }
}

.ra-scrollable-list
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    scroll-snap-points-x: repeat(100%);
    padding: var(--spacing-space4) var(--spacing-space2);
}

    .ra-scrollable-list .ra-image-card
    {
        width: 280px;
        height: 350px;
        overflow: visible;
        max-width: 90%;
        flex-shrink: 0;
        cursor: unset;
        display: block;
        max-width: 90%;
    }

    .ra-scrollable-list .ra-product-card
    {
        flex-shrink: 0;
        width: 350px;
        max-width: 90%;
    }

/* #endregion Carousel */

/* #region List loader */

.ra-list-loader
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 350px;
}

    .ra-list-loader.ra-product-list-loader
    {
        height: 456px;
    }

/* #endregion List Loader */

/* #region Store Location Widget */

.ra-store-widget
{
    width: 510px;
    padding: var(--spacing-space4);
    background: #FFFFFF;
}

    .ra-store-widget.ra-store-widget--small
    {
        width: 470px;
        padding: var(--spacing-space3);
        box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
        border-radius: 20px;
    }

.ra-store-widget__top
{
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    grid-column-gap: var(--spacing-space3);
}

.ra-store-widget__middle
{
    display: flex;
    margin: 0 var(--spacing-negative-space4);
    padding: var(--spacing-space3) var(--spacing-space4);
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
}

.ra-store-widget--small .ra-store-widget__middle
{
    margin-left: var(--spacing-negative-space3);
    margin-right: var(--spacing-negative-space3);
    padding: var(--spacing-space3);
}


.ra-store-widget__middle .typo-body-emphasis
{
    line-height: 32px;
}

/* #endregion Store Location Widget */

/* #region List with checkmarks */
ul.ra-list-checkmark li
{
    position: relative;
    margin-bottom: 1rem;
}

    ul.ra-list-checkmark li:before
    {
        display: block;
        position: absolute;
        left: -24px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        content: url('/themes/rackattack/content/icons/primary/radio-check-positive.svg');
    }

/* #endregion List with checkmarks */


/* #endregion Components */
.master-wrapper-content
{
    position: relative;
    z-index: 0;
    margin: 0 auto;
}

.master-column-wrapper
{
    position: relative;
    z-index: 0;
}

    .master-column-wrapper:after
    {
        content: "";
        display: block;
        clear: both;
    }

.icon
{
    width: 12px;
    height: 12px;
}

.icon--large
{
    width: 24px;
    height: 24px;
}

.icon--xxl
{
    width: 64px;
    height: 64px;
}

.icon-container--round
{
    width: 32px;
    height: 32px;
    background: var(--surface-secondary);
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ra-image-description
{
    display: block;
    position: relative;
    padding-top: 10px;
    font-style:italic;
}

    .ra-image-description:before
    {
        display: block;
        /* use image-description-tag.svg as content */
        /*content: url("/Themes/rackattack/Content/icons/primary/image-description-tag.svg");*/
        width: 10px;
        height: 20px;
        margin-top: -31px;
        margin-bottom: 8px;
        position: absolute;
        right: 16px;
    }

.ra-horizontal-line
{
    opacity: 1;
    background: var(--primitives-neutral);
}

/*#region FOOTER */

.ra-footer
{
    background-color: var(--surface-primary);
    border-top: 1px solid var(--primitives-neutral);
    padding: var(--spacing-space4);
    overflow: hidden;
}

    .ra-footer a
    {
        color: var(--content-primary);
    }

        .ra-footer a:hover
        {
            color: var(--content-primary)
        }

    .ra-footer hr
    {
        border: none;
        border: 1px solid rgba(168, 168, 168, 1);
        width: 150%;
        margin: var(--spacing-space4) -25%;
    }

    .ra-footer .typo-body
    {
        padding-right: var(--spacing-space3);
        margin-bottom: var(--spacing-space4);
    }

    .ra-footer .ra-join-rewards
    {
        max-width: 450px !important;
    }

    .ra-footer .typo-heading1
    {
        margin-bottom: var(--spacing-space3);
    }

@media (max-width: 767.98px)
{ /* xs */
    .ra-footer
    {
        padding: var(--spacing-space3);
    }

        .ra-footer .ra-button
        {
            position: unset;
        }


        .ra-footer .typo-heading1
        {
            font-size: 24px;
            line-height: 28px;
            margin-bottom: var(--spacing-space1);
        }

        .ra-footer .typo-body
        {
            margin-bottom: var(--spacing-space3);
        }

        .ra-footer .typo-eyebrow
        {
            margin-bottom: var(--spacing-space1);
        }

        .ra-footer .ra-join-rewards
        {
            margin-bottom: 40px;
        }

        .ra-footer hr
        {
            border: 0px;
        }

    .social-networks li a
    {
        width: 40px !important;
        height: 40px !important;
        border-radius: 8px !important;
    }
}

.ra-footer__join-adventurers
{
    margin-bottom: var(--spacing-space2);
}

.ra-footer-navigation
{
    padding-left: 0;
}


    .ra-footer-navigation li
    {
        margin: 0 0 20px;
    }

    .ra-footer-navigation .ra-tag
    {
        position: absolute;
        margin-top: 5px;
    }

.ra-footer-support
{
    display: flex;
    flex-grow: 1;
    height: 64px;
    padding: 14px 20px 16px;
    background: var(--surface-secondary);
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 8px;
    margin-bottom: var(--spacing-space3);
    align-self: end;
    width: 100%;
}

@media (max-width: 767.98px)
{
    .ra-footer-navigation .ra-tag
    {
        position: unset;
    }
}

@media (max-width: 1200px)
{ /* lg */
    .ra-footer-support
    {
        align-self: start !important;
    }
}

a.ra-footer-support
{
    text-decoration: none;
    display: flex;
    align-items: center;
    max-height: 80px;
}

.ra-footer-support__content
{
    margin-left: var(--spacing-space2);
}

    .ra-footer-support__content .typo-caption
    {
        max-width: 90%;
        padding-left: 8px !important;
    }

    .ra-footer-support__content .support-indicator
    {
        margin-right: var(--spacing-space1)
    }

    .ra-footer-support__content .typo-caption
    {
        padding-left: 0px !important;
    }

    .ra-footer-support__content .row
    {
        margin-left: 0;
    }

.ra-join-rewards
{
    display: flex;
    flex-grow: 1;
    height: 64px;
    background: var(--surface-secondary);
    /* White Shadow */
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 32px;
    padding: var(--spacing-space2);
    padding-left: var(--spacing-space3) !important;
    position: relative;
}

    .ra-join-rewards input
    {
        flex-grow: 1;
        margin: 0 10px 2px 10px;
        height: 100%;
        border-width: 0;
        min-width: 50px;
        outline: none;
    }

.ra-join-rewards__button
{
    width: 102px;
    height: 40px;
    line-height: 40px;
    background: var(--surface-accent);
    border-radius: 20px;
    align-self: flex-end;
    text-decoration: none;
    cursor: pointer;
    display: flex;
}

.ra-join-rewards__loading
{
    display: none;
    width: 30px;
    height: 30px;
    position: absolute;
    right: var(--spacing-space2);
}


.ra-join-rewards__overlay
{
    position: absolute;
    left: -1%;
    width: 102%;
    height: 102%;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    scale: 0;
    transition: scale 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.ra-join-rewards__overlay--success
{
    scale: 1;
    background-color: var(--surface-positive);
}

.ra-join-rewards__overlay--fail
{
    scale: 1;
    background-color: var(--primitives-negative)
}

.scale-0
{
    scale: 0;
}


@media (max-width: 767.98px)
{ /* sm */
    .ra-join-rewards
    {
        height: 48px;
        max-width: 100% !important;
        border-radius: 8px;
        margin-bottom: 60px;
        position: relative;
    }

        .ra-join-rewards input
        {
            text-align: center;
            margin-right: 44px;
        }

    .ra-join-rewards__button
    {
        position: absolute;
        bottom: -52px;
        left: 0;
        width: 100% !important;
        height: 40px;
        line-height: 40px;
        background: var(--surface-accent);
        border-radius: 8px;
    }
}


.support-indicator
{
    display: block;
    width: 9px !important;
    height: 9px;
    background: var(--surface-positive);
    border-radius: 9px;
    padding: 0px !important;
}

ul.social-networks
{
    justify-content: space-around;
    padding: 0px;
}

.social-networks li a
{
    width: 64px;
    height: 64px;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--surface-inverse-primary);
    box-shadow: 0px 0px 1px #7D7C79, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
}

    .social-networks li a img
    {
        width: 24px;
        height: 24px;
    }

.ra-footer-wordmark
{
    margin-top: var(--spacing-space1);
}

.ra-footer-bottom
{
    row-gap: var(--spacing-space2);
}

/*#endregion */


/*#region Topics */

.ra-topic-legal__title
{
    text-align: center;
    margin-bottom: var(--spacing-space5);
}

/* md */
@media (max-width: 991.98px)
{
    .ra-topic-legal
    {
        padding: 0 var(--spacing-space4);
    }

    .ra-topic-legal__title
    {
        font-size: 2em !important;
        line-height: 2em !important;
        margin-bottom: var(--spacing-space3);
    }
}

/*#endregion */

/*#region GearWizard */

.ra-disabled
{
    opacity: 0.65;
    pointer-events: none !important;
}

.ra-fullscreen-overlay
{
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100vw;
    width: 100%;
    min-height: 100vh;
    height: 100%;
    background-color: rgba(249, 249, 249, 0.5);
}

.ra-gear-wizard-card
{
    display: flex;
    flex-direction: column;
    padding: 28px;
    background: var(--surface-secondary);
    border-radius: 20px;
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    gap: var(--spacing-space3);
    position: relative;
}

.ra-gear-wizard-card__description
{
    display: flex;
    flex-direction: column;
    gap: var(--spacing-space3);
}

.ra-gear-wizard
{
    position: relative;
    width: 100%;
    margin: var(--spacing-space4) 0;
    background: var(--surface-secondary);
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 20px;
    aspect-ratio: 1432/703;
    --sidebar-width: 480px;
}

@media (max-width: 992px)
{
    .ra-gear-wizard-card
    {
        padding: var(--spacing-space3);
    }
}

@media (max-width: 767.98px)
{
    .ra-gear-wizard
    {
        margin: 0;
        border-radius: 0;
        box-shadow: none;
        width: 100%;
        min-height: auto;
        height: auto;
        --sidebar-width: 100%;
    }

    .ra-page-wrapper .ra-gear-wizard
    {
        width: calc(100% + (2 * var(--spacing-space3)));
        margin-left: var(--spacing-negative-space3);
        margin-right: var(--spacing-negative-space3);
    }
}

.fade-enter-active .ra-gear-wizard
{
    transition: transform 300ms ease 0s, opacity 200ms ease 100ms;
}

.fade-leave-active .ra-gear-wizard
{
    transition: transform 300ms ease 0s, opacity 400ms ease 0s;
}

.fade-enter-from .ra-gear-wizard,
.fade-leave-to .ra-gear-wizard
{
    opacity: 0;
    transform: scale3d(0.75, 0, 1.0);
}

.fade-enter-to .ra-gear-wizard,
.fade-leave-from .ra-gear-wizard
{
    transform: none;
    opacity: 1;
}

.ra-gear-wizard__overlay
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
}

.ra-gear-wizard__wrapper
{
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
}

    .ra-gear-wizard__wrapper .ra-gear-wizard
    {
        margin: var(--spacing-space4);
        width: calc(100% - 2*(var(--spacing-space4)));
    }

    .ra-gear-wizard__wrapper.v-enter-active
    {
        background-color: red !important;
    }

.ra-gear-wizard__sidebar
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: var(--sidebar-width);
    display: flex;
    flex-direction: column;
    flex: 1;
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    overflow-y: auto;
    overflow-x: hidden;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

    .ra-gear-wizard__sidebar.has--ra-footer .ra-gear-wizard__sidebar-content
    {
        padding-bottom: 124px;
    }

    .ra-gear-wizard__sidebar.has--ra-footer .ra-gear-wizard__sidebar-ra-footer
    {
        display: block;
    }


@media (max-width: 767.98px)
{
    .ra-gear-wizard__sidebar
    {
        border-radius: 0;
        position: relative;
    }
}

.ra-gear-wizard__sidebar-header
{
    position: sticky;
    top: 0;
    padding: var(--spacing-space4) var(--spacing-space4) var(--spacing-space3);
    border-bottom: 1px solid var(--primitives-neutral);
    background-color: var(--surface-secondary);
    z-index: 1;
}

.ra-gear-wizard__sidebar-content
{
    display: flex;
    flex-direction: column;
    padding: var(--spacing-space4);
    gap: var(--spacing-space3);
}

.ra-gear-wizard__sidebar-footer
{
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: var(--spacing-space3) var(--spacing-space4);
    background: rgba(249, 249, 249, 0.8);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(12.5px);
}

@media (max-width: 767.98px)
{
    .ra-gear-wizard__sidebar-header
    {
        position: relative;
        border-bottom: none;
        padding: var(--spacing-space3);
    }

    .ra-gear-wizard__sidebar-content
    {
        padding: var(--spacing-space3);
    }

    .ra-gear-wizard__sidebar.has--footer .ra-gear-wizard__sidebar-content
    {
        padding-bottom: calc(var(--spacing-space3) + 105px);
    }

    .ra-gear-wizard__sidebar-footer
    {
        display: block;
        padding: var(--spacing-space3);
    }
}

.ra-gear-wizard__bubble
{
    padding: var(--spacing-space2) var(--spacing-space3);
    background-color: var(--primitives-primary);
    border-radius: 8px;
    transition: all 1s ease 0s;
}

    .ra-gear-wizard__bubble.is--wizard
    {
        margin-right: var(--spacing-space5);
        align-self: flex-start;
    }

    .ra-gear-wizard__bubble.is--user
    {
        background-color: var(--primitives-neutral);
        margin-left: var(--spacing-space5);
        align-self: flex-end;
    }

    .ra-gear-wizard__bubble.is--error
    {
        background-color: var(--primitives-negative-dark);
    }

.ra-gear-wizard__choices
{
    position: relative;
    margin-left: var(--spacing-space5);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-self: flex-end;
    gap: var(--spacing-space2);
}

    .ra-gear-wizard__choices.is--media
    {
        margin-left: unset;
    }

.ra-gear-wizard__content
{
    min-height: 100vh;
    padding: var(--spacing-space4);
    margin-left: var(--sidebar-width);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: var(--spacing-space4);
    flex: 2;
    flex-wrap: wrap;
    overflow-y: auto;
}

    .ra-gear-wizard__content.is--empty
    {
        display: flex;
    }

    .ra-gear-wizard__content > .ra-product-card
    {
        height: fit-content;
        flex-basis: calc(50% - var(--spacing-space4));
    }

    .ra-gear-wizard__content > .ra-package-card
    {
        flex-basis: 100%;
    }

    .ra-gear-wizard__content .ra-catalog__list .ra-product-card__top
    {
        height: unset;
        aspect-ratio: 1.5;
    }

@media (max-width: 991.98px)
{
    .ra-gear-wizard__content
    {
        padding: var(--spacing-space3);
    }

        .ra-gear-wizard__content .ra-catalog__list
        {
            grid-template-columns: 1fr;
        }
}

@media (max-width: 767.98px)
{
    .ra-gear-wizard__content
    {
        display: flex !important;
        margin: 0;
    }

        .ra-gear-wizard__content > .ra-product-card
        {
            flex-basis: 100%;
        }
}

.ra-gear-wizard__button.is--selected,
.ra-gear-wizard__button:disabled.is--selected,
.ra-gear-wizard__button.is--disabled.is--selected
{
    color: inherit;
    background-color: var(--primitives-neutral);
}

.ra-gear-wizard__button.ra-button.has--img
{
    padding: 0;
    width: calc(50% - 12px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

    .ra-gear-wizard__button.ra-button.has--img > img
    {
        width: 100%;
    }

.ra-gear-wizard__button-helper
{
    width: 13px;
    height: 13px;
    color: rgba(0, 0, 0, 0.8);
    font-size: 8px;
    line-height: 14px;
    background: var(--surface-secondary);
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 8px;
}

.ra-gear-wizard__button.is--selected .ra-gear-wizard__button-helper
{
    display: none;
}

.ra-gear-wizard__button .ra-button__text
{
    margin: var(--spacing-space1) 0;
}

.ra-gear-wizard__button.v-move,
.ra-gear-wizard__button.v-enter-active,
.ra-gear-wizard__button.v-leave-active
{
    transition: all 0.3s ease 0s;
}

.ra-gear-wizard__button.v-enter-from,
.ra-gear-wizard__button.v-leave-to
{
    opacity: 0;
}

.ra-gear-wizard__button.v-leave-active
{
    position: absolute !important;
}

.ra-gear-wizard__media
{
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

    .ra-gear-wizard__media > img
    {
        width: 100%;
        height: 100%;
    }

.ra-empty
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-self: center;
    align-self: center;
    align-items: center;
    margin: auto;
    padding: var(--spacing-space3);
    max-width: 300px;
    gap: var(--spacing-space3);
    text-align: center;
}

@media (max-width: 767.98px)
{
    .ra-gear-wizard__content
    {
        display: none !important;
    }
}

.ra-gear-wizard-modal__wrapper
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    overflow-y: auto;
}

    .ra-gear-wizard-modal__wrapper.v-enter-active,
    .ra-gear-wizard-modal__wrapper.v-leave-active
    {
        transition: all 300ms ease 0s;
    }

.ra-gear-wizard-modal
{
    position: relative;
    margin: var(--spacing-space5);
    z-index: 1;
}

@media (max-width: 767.98px)
{
    .ra-gear-wizard-modal
    {
        padding: var(--spacing-space4);
        margin-top: 0;
        margin-bottom: 0;
        border-radius: 0;
    }
}

.ra-gear-wizard-modal__image
{
    width: 180px;
    height: 180px;
}

.v-enter-active .ra-fullscreen-overlay,
.v-leave-active .ra-fullscreen-overlay
{
    transition: opacity 300ms ease 0s;
}

.v-enter-from .ra-fullscreen-overlay,
.v-leave-to .ra-fullscreen-overlay
{
    opacity: 0;
}

.v-enter-to .ra-fullscreen-overlay,
.v-leave-from .ra-fullscreen-overlay
{
    opacity: 1;
}

.v-enter-active .ra-gear-wizard-modal,
.v-leave-active .ra-gear-wizard-modal
{
    transition: all 300ms ease 0s;
}

.v-enter-from .ra-gear-wizard-modal
{
    transform: translateY(-100px);
}

.v-enter-to .ra-gear-wizard-modal
{
    transform: none;
}

.v-enter-from .ra-gear-wizard-modal,
.v-leave-to .ra-gear-wizard-modal
{
    opacity: 0;
}

.v-enter-to .ra-gear-wizard-modal,
.v-leave-from .ra-gear-wizard-modal
{
    opacity: 1;
}

.ra-gear-wizard-modal__close
{
    position: absolute;
    top: 0;
    right: 0;
    margin: var(--spacing-space4);
}

    .ra-gear-wizard-modal__close .ra-icon-circle
    {
        cursor: pointer;
    }

@media (max-width: 991.98px)
{
    .ra-gear-wizard-modal__close
    {
        margin: var(--spacing-space2);
    }
}

.ra-gear-wizard-modal__title
{
    margin-bottom: var(--spacing-space4);
    text-align: center;
}

.ra-gear-wizard-modal__options
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-space4);
}

.ra-gear-wizard-modal__option
{
    flex: 1;
    flex-basis: calc(33% - var(--spacing-space4));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 20px;
    background-color: var(--surface-secondary);
    padding-bottom: 32px;
    text-decoration: none;
    min-height: 290px;
}

.ra-package-card
{
    container-type: inline-size;
}

    .ra-package-card > .ra-product-card__top
    {
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    .ra-package-card > .ra-product-card__body
    {
        padding: var(--spacing-space3) var(--spacing-space4);
    }

@media (max-width: 767.98px)
{
    .ra-package-card > .ra-product-card__body
    {
        padding: var(--spacing-space3);
    }
}

@container (max-width: 300px)
{
    .ra-package-card > .ra-product-card__body
    {
        padding: var(--spacing-space3);
    }
}

.ra-package-card__images
{
    position: relative;
    height: 100%;
    width: 256px;
    aspect-ratio: 1;
    overflow: hidden;
}

.ra-package-card__image
{
    width: 100%;
    height: calc(100% - 103px);
}

    .ra-package-card__image img
    {
        width: 100%;
        height: 100%;
        object-fit: contain;
        margin: 0 auto;
    }

.ra-package-card__images_compact
{
    position: relative;
    height: auto;
    max-width: 456px;
    overflow: hidden;
}

.ra-package-card__image_compact
{
    width: 100%;
}

.ra-package-card__image img
{
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
}

.ra-package-card__thumbnails
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: var(--spacing-space1);
    margin: var(--spacing-space2) 0;
}

.ra-package-card__thumbnails--inner
{
}

    .ra-package-card__thumbnails--inner > div
    {
        height: 48px;
    }

.ra-package-card__thumb
{
    width: 48px;
    height: 36px;
    padding: 8px;
    background-color: var(--primitives-primary-inverse);
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 8px;
    cursor: pointer;
    scroll-snap-align: start;
    scroll-snap-stop: normal;
}

    .ra-package-card__thumb.is--selected
    {
        border: 1px solid black;
    }

    .ra-package-card__thumb img
    {
        width: 32px;
        height: 21px;
    }

.ra-package-card__summary
{
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 100%;
    padding: var(--spacing-space3);
    gap: var(--spacing-space3);
}

    .ra-package-card__summary .ra-vstack
    {
        gap: var(--spacing-space1);
    }

    .ra-package-card__summary .ra-product-reviews-overview
    {
        margin-bottom: 0;
    }

.ra-package-card__products
{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: var(--spacing-space3);
    container-type: inline-size;
}

    .ra-package-card__products .ra-product-card
    {
        flex-basis: calc(33% - var(--spacing-space3));
    }

    .ra-package-card__products .ra-product-card__top
    {
        height: 128px;
    }

    .ra-package-card__products .ra-product-card__name
    {
        min-height: 0;
    }

    .ra-package-card__products .ra-product-card__body
    {
        padding: var(--spacing-space2);
    }

@container (max-width: 700px)
{
    .ra-package-card__products .ra-product-card
    {
        flex-basis: calc(50% - var(--spacing-space2));
    }
}

@container (max-width: 420px)
{
    .ra-package-card__products .ra-product-card
    {
        flex-basis: 100%;
    }
}

.ra-product-card.ra-package-card > .ra-product-card__top
{
    container-type: inline-size;
    flex-wrap: wrap-reverse;
    align-items: stretch;
    height: unset;
    gap: 2px;
    background-color: var(--surface-primary);
}

.ra-product-card.ra-package-card .ra-package-card__images
{
    display: flex;
    flex-direction: column;
    flex-basis: 256px;
    flex-grow: 1;
    flex-shrink: 0;
    flex-wrap: nowrap;
    align-self: stretch;
    background-color: var(--surface-secondary);
    overflow: unset;
}

.ra-product-card.ra-package-card .ra-package-card__summary
{
    flex-basis: 256px;
    flex-grow: 3;
    background-color: var(--surface-secondary);
}


.ra-package-card .ra-product-card .ra-tag,
.ra-package .ra-product-card .ra-tag
{
    width: fit-content;
    margin-bottom: var(--spacing-space2);
}

.ra-package-card__section
{
    border-bottom: 1px solid var(--primitives-neutral);
}

.ra-package-card__section-header
{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-space3) 0;
}

    .ra-package-card__section-header .ra-icon
    {
        transition: transform 200ms ease 0s;
    }

    .ra-package-card__section-header.is--open .ra-icon
    {
        transform: rotate(90deg);
    }

.ra-package-card__section-body
{
    padding-bottom: var(--spacing-space3);
}

.product-overlay-sale-badge
{
    position: absolute;
    top: 10px; /* Padding from top */
    right: 10px; /* Padding from right */
    z-index: 10; /* Ensures it sits above the main image */
    /* Add any other styles specific to your 'ra-badge' class here if they aren't global enough */
}

.product-overlay-brand-logo
{
    position: absolute;
    top: 10px; /* Padding from top */
    left: 10px; /* Padding from left */
    z-index: 10; /* Ensures it sits above the main image */
    max-width: 80px; /* Adjust max width as needed */
    max-height: 40px; /* Adjust max height as needed */
    width: auto; /* Allow natural width if smaller than max-width */
    height: auto; /* Allow natural height if smaller than max-height */
    object-fit: contain; /* Ensure logo scales proportionally without cropping */
}

@media (max-width: 767.98px)
{
    .ra-package-card__section-body
    {
        max-width: 85vw;
        word-break: auto-phrase;
    }
}

.ra-tag--primary
{
    background-color: var(--primitives-primary);
    color: white;
}

.ra-tag--positive
{
    background-color: var(--primitives-positive);
    color: white;
}

/* #endergion GearWizard*/

/* #region Accordion */

div[aria-expanded="true"] .ra-accordion-icon
{
    transition-duration: 0.2s;
    transition-property: transform;
    transform: rotate(0);
    -webkit-transform: rotate(0);
}

div[aria-expanded="false"] .ra-accordion-icon
{
    transition-duration: 0.2s;
    transition-property: transform;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

/* #endregion Accordion */

/* region Vehicle Page */

.ra-year-dropdown .ra-year-dropdown__text
{
    margin: 0 20px;
}

    .ra-year-dropdown .ra-year-dropdown__text.show
    {
        background: var(--surface-primary);
        box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
        border-radius: 20px;
        padding: 20px;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        text-decoration: none !important;
    }

.ra-year-dropdown__text::after
{
    content: '';
    background-image: url("/Themes/rackattack/Content/icons/primary/triangle-down.svg");
    background-size: contain;
    border: none;
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    display: inline-block;
}

.ra-year-dropdown .dropdown-menu
{
    position: absolute;
    overflow: auto;
    height: 128px;
    padding: 0 !important;
    width: calc(100% + 24px);
    box-sizing: border-box;
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 20px;
}

.ra-year-dropdown .dropdown-menu__inner
{
    overflow-y: auto;
    height: 100%;
    scroll-snap-type: y mandatory;
}

.ra-year-dropdown .dropdown-item
{
    scroll-snap-align: start;
}

@media (max-width: 767.98px)
{
    .ra-year-dropdown .ra-year-dropdown__text.show
    {
        border-radius: 8px;
    }

    .ra-year-dropdown .dropdown-menu
    {
        border-radius: 8px;
    }
}

.ra-action-cards
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-space4);
    justify-content: center;
}

.ra-action-card
{
    flex: 1;
    flex-basis: calc(25% - var(--spacing-space4));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 20px;
    background-color: var(--surface-secondary);
    padding: 0 12px 20px;
    text-decoration: none !important;
}

.ra-action-image-card
{
    flex: 1;
    flex-basis: calc(25% - var(--spacing-space4));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    text-decoration: none !important;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    overflow: hidden;
    max-height: 255px;
    max-width: 255px;
    color: var(--primitives-primary);
}

@media (max-width: 420px)
{
    .ra-action-image-card
    {
        flex-basis: calc(100% - var(--spacing-space4));
    }
}

@media (max-width: 767px)
{

    .ra-action-image-card
    {
        flex-basis: calc(50% - var(--spacing-space4));
    }
}

.ra-action-card__image
{
    max-width: 150px;
}
/*endregion Vehicle Page */
/*#region Transitions */

.fade-enter-active,
.fade-leave-active
{
    transition: opacity 500ms ease 0s;
}

.fade-enter-from,
.fade-leave-to
{
    opacity: 0;
}

.fade-enter-to,
.fade-leave-from
{
    opacity: 1;
}
/*#endregion Transitions */
/*#region LoginPage */

.login-page #Email,
.login-page #Password
{
    font-size: 16px;
}
/*endregion LoginPage */
/*#region Component Library */

.ra-library__block
{
    padding: var(--spacing-space3) 0;
    border-bottom: 1px solid #e0e0e0;
}

.ra-library__label
{
    margin-bottom: var(--spacing-space2)
}

.ra-library__description
{
    margin-bottom: var(--spacing-space2);
    padding: var(--spacing-space1);
    background-color: #e0e0e0;
    font-size: 12px;
}
/*endregion Component Library */
/*region Installation Gallery */

.ra-installation-gallery-modal .modal-dialog
{
    margin: var(--spacing-space4);
}

.ra-installation-gallery-modal .modal-dialog--scrollable .modal-content
{
    overflow: auto;
}

.ra-installation-gallery-modal__dialog .ra-modal__close-container
{
    top: 12px;
    right: 12px;
}

.ra-installation-gallery-modal__dialog
{
    height: 1080px;
    max-height: calc(100vh - (2*var(--spacing-space4)));
    max-width: calc(100vw - (2*var(--spacing-space4)));
    pointer-events: auto;
    display: grid;
    grid-template-columns: auto 500px;
    grid-template-rows: auto auto 1fr;
    grid-template-areas:
        "gallery sidebar-header"
        "gallery sidebar-content"
        "gallery sidebar-footer";
    column-gap: 0;
    padding: 0;
}

.ra-installation-gallery-modal__gallery
{
    grid-area: gallery;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: var(--surface-inverse-primary);
}

.ra-installation-gallery-modal__sidebar-header
{
    grid-area: sidebar-header;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-space3);
    padding: var(--spacing-space4);
    padding-bottom: var(--spacing-space3);
    background-color: inherit;
    align-self: flex-start;
}

.ra-installation-gallery-modal__sidebar-content
{
    grid-area: sidebar-content;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-space3);
    padding: var(--spacing-space3) var(--spacing-space4);
    border-top: 1px solid var(--primitives-neutral);
    overflow-y: auto;
}

.ra-installation-gallery-modal__sidebar-footer
{
    grid-area: sidebar-footer;
    padding: var(--spacing-space4);
    border-top: 1px solid var(--primitives-neutral);
    background-color: inherit;
    display: flex;
    align-self: flex-end;
}


.ra-installation-gallery-modal__thumbnail
{
    flex-grow: 0;
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    overflow: hidden;
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
}

    .ra-installation-gallery-modal__thumbnail > img
    {
        background-color: white;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.ra-installation-gallery-modal__sidebar-footer .flex-fill
{
    height: 40px;
    margin: 8px 20px;
}

@media (max-width: 1199.98px)
{
    .ra-installation-gallery-modal__dialog
    {
        max-height: calc(100vh - (2*var(--spacing-space1)));
        max-width: 100%;
        margin: 0;
        grid-template-rows: auto auto auto auto;
        grid-template-columns: auto;
        grid-template-areas:
            "sidebar-header"
            "gallery"
            "sidebar-content"
            "sidebar-footer";
        overflow: scroll;
    }

    .ra-installation-gallery-modal__gallery
    {
        aspect-ratio: 2;
    }

    .ra-installation-gallery-modal__sidebar-header
    {
        gap: var(--spacing-space2);
        padding-top: 30px;
    }

    .ra-installation-gallery-modal__image-thumbnails
    {
        max-width: calc(100vw - (2*var(--spacing-space4)));
    }
}


@media (max-width: 767.98px)
{
    .ra-installation-gallery-modal .modal-dialog
    {
        margin: var(--spacing-space3);
    }

    .ra-installation-gallery-modal__gallery
    {
        aspect-ratio: 1.55;
    }
    .ra-installation-gallery-modal__image-thumbnails {
        max-width: calc(100vw - (2*var(--spacing-space5)));
    }
}


@media (max-width: 575.98px)
{
    .ra-installation-gallery-modal__gallery
    {
        aspect-ratio: 1.1;
    }

    .ra-installation-gallery-modal__image
    {
        max-width: calc(100vw - (2*var(--spacing-space4)));
    }

    /*.ra-installation-gallery-modal__sidebar-header,*/
    .ra-installation-gallery-modal__sidebar-content,
    .ra-installation-gallery-modal__sidebar-footer
    {
        padding: var(--spacing-space3) !important;
    }
    .ra-installation-gallery-modal__image-thumbnails {
        max-width: calc(100vw - (2*var(--spacing-space5)));
    }
}

@media (max-width: 500px)
{
    .ra-installation-gallery-modal__sidebar-footer
    {
        padding: 10px !important;
    }
    .ra-installation-gallery-modal__image-thumbnails {
        max-width: calc(100vw - (2*var(--spacing-space5)));
    }
}


.ra-installation-gallery-modal__pager-btn
{
    width: 40px;
    height: 40px;
    padding: 9px 18px 7px;
    user-select: none;
}

.ra-installation-gallery-modal__pager-btn-light {
    width: 40px;
    height: 40px;
    padding: 9px 18px 7px;
    user-select: none;
    background-color: rgba(255, 255, 255, 0.25);
}


.ra-installation-gallery-modal__image
{
    position: relative;
    height: 100%;
    max-height: calc(100% - 64px - 60px);
    padding: var(--spacing-space3);
    padding-bottom: var(--spacing-space2);
    flex: 1;
    text-align: center;
    box-sizing: content-box;
}

    .ra-installation-gallery-modal__image > img
    {
        position: relative;
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

.ra-installation-gallery-modal__image-selected
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ra-installation-gallery-modal__image-thumbnails
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 64px;
    padding: var(--spacing-space3);
    padding-top: var(--spacing-space1);
    gap: var(--spacing-space1);
    box-sizing: content-box;
}

.ra-installation-gallery-modal__image-thumbnail
{
    position: relative;
    width: 95px;
    height: 64px;
    overflow: hidden;
    border-radius: 2px;
    cursor: pointer;
}

    .ra-installation-gallery-modal__image-thumbnail > img
    {
        width: 100%;
        height: 100%;
        object-fit: cover;
        background: white;
    }
/*endregion Installation Gallery */
/*region My Account Page */

.ra-my-account__container
{
    display: grid;
    grid-template-columns: 1fr 3fr;
    column-gap: var(--spacing-space4);
    grid-template-rows: auto;
    grid-template-areas:
        "sidebar body";
    margin-bottom: var(--spacing-space5);
}

.ra-my-account__sidebar
{
    grid-area: sidebar;
}

.ra-my-account__body
{
    grid-area: body;
}

.address-list-page li label
{
    vertical-align: unset;
}

.ra-my-account__navigation
{
    padding-left: 24px;
    display: flex;
    flex-direction: column;
}

    .ra-my-account__navigation ul
    {
        padding-left: 0;
        list-style-type: none;
    }

    .ra-my-account__navigation .selected-tab
    {
        width: 4px;
        height: 28px;
        background-color: var(--content-accent);
        position: absolute;
        left: var(--spacing-negative-space3);
    }

.ra-my-account__navigation--mobile
{
    padding-left: 0px;
    border-bottom: 1px solid #E0E0E0;
}

    .ra-my-account__navigation--mobile .accordion-body
    {
        margin-left: 20px;
        padding: unset;
    }

div .address-edit-page .edit-address
{
    border-top: unset;
    padding: unset;
}

@media (max-width: 767.98px)
{
    .account-page .typo-heading1
    {
        margin-bottom: var(--spacing-space2);
    }

    .ra-my-account__container
    {
        column-gap: var(--spacing-space3);
        grid-template-columns: 1fr;
        grid-template-areas:
            "sidebar"
            "body";
    }
}

.ra-order-item
{
    border-radius: 20px;
    background: var(--semantic-surfaces-surface-secondary, #FFF);
    box-shadow: 0px 10px 32px -4px rgba(24, 39, 75, 0.10), 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 0px 1px 0px #C0BEBB;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 28px;
}

.order-details-page .ra-button
{
    height: 40px;
}

.order-details-button
{
    background: var(--primitives-primary) !important;
}

.order-details-area ul
{
    padding-left: 0;
}

.order-details-area .email
{
    margin-top: var(--spacing-space3)
}

@media (max-width: 768.98px)
{
    .gender span
    {
        display: block;
    }
}
/* endregion My Account Page */
/* region Contact Us Page */

#ra-contact-us__vehicle-inputs
{
    border-top: 1px solid var(--primitives-neutral);
    border-bottom: 1px solid var(--primitives-neutral);
    padding: var(--spacing-space3) 0 0;
    margin: 0 0 var(--spacing-space3);
}

.ra-contact-us-page .ra-vehicle-bar__wrapper
{
    padding: 0 30px;
    margin: 0 -30px;
}

.ra-dropdown
{
    margin-bottom: var(--spacing-space3);
}
/* endregion Contact Us Page */
/* region Flyout-Cart */

.ra-flyout-cart.flyout-cart
{
    display: none;
    flex-direction: column;
    gap: var(--spacing-space3);
    width: 477px;
    padding: var(--spacing-space4);
    border-radius: 20px;
}


    .ra-flyout-cart.flyout-cart.is--active
    {
        display: flex;
    }

.ra-flyout-cart .ra-flyout-cart__content
{
    display: flex;
    flex-direction: column;
    gap: var(--spacing-space3);
}

.ra-flyout-cart hr
{
    margin: 0;
    height: 1px;
    opacity: 100%;
    background-color: var(--primitives-neutral);
}

.ra-flyout-cart .image
{
    display: flex;
    position: relative;
    width: 64px;
    height: 64px;
    box-shadow: 0px 10px 32px -4px rgba(24, 39, 75, 0.1), 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 0px 1px 0px rgba(192, 190, 187, 1);
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

    .ra-flyout-cart .image > img
    {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

.ra-flyout-cart .quantity-icon
{
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    transform: translate3d(35%, -35%, 0);
    background-color: var(--surface-accent);
    text-align: center;
    line-height: 24px;
}

@media (max-width: 991.98px)
{
    .ra-flyout-cart.flyout-cart.is--active
    {
        display: none !important;
    }
}
/* endregion Flyout-Cart */
/* region Cart/Checkout */

.ra-shopping-cart
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-space5);
}

.ra-shopping-cart--items
{
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: var(--spacing-space4);
}

.ra-items-table .text-left
{
    text-align: left !important;
}

.ra-items-table .text-right
{
    text-align: right !important;
}

.ra-items-table .border-bottom-radius-none
{
    border-bottom-left-radius: none !important;
    border-bottom-right-radius: none !important;
}

.ra-items-table .border-top-radius-none
{
    border-top-left-radius: none !important;
    border-top-right-radius: none !important;
}

.ra-items-table td,
.ra-items-table th
{
    padding-top: var(--spacing-space3);
    padding-left: var(--spacing-space2);
    padding-right: var(--spacing-space2);
}

    .ra-items-table td:first-child,
    .ra-items-table th:first-child
    {
        padding-left: 0;
    }

    .ra-items-table td:last-child,
    .ra-items-table th:last-child
    {
        padding-right: 0;
    }

.ra-items-table tr.has--border-bottom
{
    border-bottom: 1px solid var(--primitives-neutral);
}

    .ra-items-table tr.has--border-bottom td
    {
        padding-bottom: var(--spacing-space3);
    }

.ra-items-table tr.no-padding-top td
{
    padding-top: 0 !important;
}

.ra-items-table tr.is--nested-item td
{
    background: rgba(244, 243, 243, 1);
    padding-bottom: var(--spacing-space3);
}

    .ra-items-table tr.is--nested-item td:first-child
    {
        padding-left: 72px;
    }

    .ra-items-table tr.is--nested-item td:last-child
    {
        padding-right: var(--spacing-space3);
    }

.ra-items-table .item-title
{
    min-width: 240px;
}

.ra-cart-page .ra-items-table .item-title
{
    min-width: 280px;
}

.ra-items-table__header
{
    border-bottom: 1px solid var(--primitives-neutral);
}

    .ra-items-table__header th
    {
        padding-top: 0;
        padding-bottom: var(--spacing-space3);
        white-space: nowrap;
    }

@media (max-width: 767.98px)
{
    .ra-items-table tr > td
    {
        display: block;
        width: calc(100vw - (2 * var(--spacing-space3)));
    }

    .ra-items-table tr.is--nested-item td
    {
        padding-left: 72px;
    }
}

.ra-shopping-cart--summary
{
    flex-basis: 477px;
    flex-grow: 0;
    flex-shrink: 0;
}

.ra-order-summary-card
{
    display: flex;
    flex-direction: column;
    background-color: var(--surface-secondary);
    padding: var(--spacing-space4);
    gap: var(--spacing-space3);
    border-radius: 20px;
    box-shadow: 0px 10px 32px -4px rgba(24, 39, 75, 0.1), 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 0px 1px 0px rgba(192, 190, 187, 1);
}

@media (max-width: 767.98px)
{
    .ra-order-summary-card
    {
        padding: var(--spacing-space3);
        overflow: hidden;
    }

    .ra-shopping-cart--summary
    {
        margin-top: var(--spacing-negative-space3);
    }
}

.ra-info-card
{
    display: flex;
    flex-direction: row;
    border-radius: 2px;
    padding: var(--spacing-space3);
    gap: var(--spacing-space3);
    background: rgba(244, 243, 243, 1);
}

.ra-info-card__icon
{
}

.ra-info-card__content
{
    display: flex;
    flex-direction: column;
    gap: var(--spacing-space1);
    flex: 1;
}

.ra-quantity-input
{
    width: 72px;
    height: 40px;
    padding: var(--spacing-space2);
    background-color: var(--surface-secondary);
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border: none !important;
    outline: none !important;
    border-radius: 8px !important;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    color: var(--content-primary);
}

    .ra-quantity-input:focus
    {
        box-shadow: 0 0 1px #c0bebb,0 6px 14px -6px rgba(24,39,75,.12),0 10px 32px -4px rgba(24,39,75,.1), 0 1px 1px 1px #0005;
    }

.ra-item-image
{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 64px;
    height: 64px;
    flex-basis: 64px;
    flex-shrink: 0;
    flex-grow: 0;
    border-radius: 2px;
    background-color: var(--surface-secondary);
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
}

    .ra-item-image img
    {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        object-position: center;
        margin: auto;
    }

.ra-payment-method-badge
{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    padding: 0 8px;
    background: var(--surface-primary);
    border: 1px solid var(--primitives-neutral);
    border-radius: 12px;
    gap: 4px;
}

.ra-payment-method-badge__content
{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 20px;
    color: var(--content-primary);
}

.ra-payment-methods
{
    width: 332px;
}

.ra-promo-code-input
{
    position: relative;
}

.ra-promo-code-input__input
{
    width: 100%;
    height: 48px !important;
    padding: 0 var(--spacing-space3) !important;
    padding-right: 120px !important;
    background-color: var(--surface-secondary);
    box-shadow: 0px 0px 1px #C0BEBB, 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border: 1px solid transparent !important;
    outline: none;
    border-radius: 8px !important;
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--content-primary);
    z-index: inherit !important;
}

    .ra-promo-code-input__input:focus
    {
        box-shadow: 0 0 1px #c0bebb, 0 6px 14px -6px rgba(24, 39, 75, .12), 0 10px 32px -4px rgba(24, 39, 75, .1), 0 1px 1px 1px #0005;
    }

    .ra-promo-code-input__input.has--error
    {
        border-color: var(--content-negative);
        color: var(--content-negative);
    }

.ra-promo-code-input__button
{
    position: absolute;
    top: 0;
    right: 0;
    height: 48px;
    padding: 0 var(--spacing-space3);
    border: none;
    background: transparent;
    outline: none;
    color: var(--content-primary);
}

.ra-checkout-header-logo
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 45px;
    padding-bottom: 30px;
}

.ra-checkout-header-logo__title
{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.ra-checkout-bar__wrapper
{
    overflow: hidden;
    overflow-x: auto;
    margin-bottom: var(--spacing-space5);
}

.ra-checkout-bar
{
    border: 1px solid var(--primitives-neutral);
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 64px;
    width: max-content;
    min-width: 100%;
    border-radius: 2px;
}

.ra-checkout-bar__body
{
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: var(--spacing-space3);
    padding-right: calc(var(--spacing-space3) + 10px);
    gap: var(--spacing-space1);
    background-image: url("/themes/rackattack/content/icons/primary/checkout-bar-chevron.svg");
    background-repeat: no-repeat;
    background-position: center right;
}

.ra-checkout-contents
{
    width: 100%;
    max-width: calc(100% - 477px - var(--spacing-space4));
}

@media (max-width: 991.9px)
{
    .ra-checkout-contents
    {
        max-width: unset;
    }
}

.ra-shopping-cart-qty
{
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 24px;
    height: 24px;
    line-height: 24px !important;
    border-radius: 24px;
    padding: 0 4px;
    background: var(--surface-inverse-primary);
    color: var(--content-accent);
    text-align: center;
}

@media (max-width: 991.98px)
{
    .ra-shopping-cart-qty
    {
        top: -6px;
        right: -6px;
        min-width: 20px;
        height: 20px;
        line-height: 20px !important;
    }
}

.page.checkout-page hr
{
    opacity: 1;
    background: var(--primitives-neutral);
}

.ra-checkout-loading-spinner
{
    min-height: calc(100vh - 300px);
    position: fixed; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

.ra-checkout-radio-group
{
    border-radius: 2px;
    background: #F4F3F3;
}

.ra-order-info-block
{
    display: flex;
    flex-direction: column;
    gap: var(--spacing-space3);
    flex-basis: 320px;
    flex-grow: 1;
}

.ra-order-items-container
{
    margin: 0 -47px;
    padding: 0 47px;
}

.ra-order-item-title
{
    min-width: 320px;
}

.ra-checkout-page-wrapper
{
    padding-bottom: 3rem;
}

.ra-checkout-mobile-order-summary__wrapper
{
    /*position: sticky;*/
    /*top: 0;*/
    /*width: 100%;*/
    /*z-index: 10000;*/
    background: var(--surface-secondary);
    border-top: 1px solid var(--primitives-neutral);
}

.ra-checkout-mobile-order-summary
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-space3);
    padding: var(--spacing-space3);
}

    .ra-checkout-mobile-order-summary.fade-expand-enter-active
    {
        transition: opacity 500ms ease 0s, max-height 500ms ease 0s, padding 250ms ease 0ms;
    }

    .ra-checkout-mobile-order-summary.fade-expand-leave-active
    {
        transition: opacity 500ms ease 0s, max-height 500ms ease 0s, padding 200ms ease 200ms;
    }

    .ra-checkout-mobile-order-summary.fade-expand-enter-from,
    .ra-checkout-mobile-order-summary.fade-expand-leave-to
    {
        opacity: 0;
        max-height: 0;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .ra-checkout-mobile-order-summary.fade-expand-enter-to,
    .ra-checkout-mobile-order-summary.fade-expand-leave-from
    {
        opacity: 1;
        max-height: 2048px;
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

@media (max-width: 991.98px)
{
    .ra-checkout-bar__wrapper
    {
        margin-bottom: var(--spacing-space3);
    }

    .ra-checkout-page-wrapper .ra-vehicle-bar__outer-wrapper
    {
        margin: 0 !important;
    }

    .ra-checkout-page-wrapper .ra-page-wrapper
    {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .ra-checkout-page-wrapper .ra-header
    {
        /*position: sticky;*/
        /*top: 0;*/
        /*z-index: 10000;*/
        background-color: var(--surface-primary);
        border-bottom: 1px solid var(--primitives-neutral);
        margin-bottom: -1px;
    }

    .ra-checkout-page-wrapper .ra-page-wrapper-negative-md-down
    {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .ra-checkout-header-logo
    {
        padding-top: 32px;
        padding-bottom: 20px;
    }

        .ra-checkout-header-logo .ra-logo img
        {
            height: 32px !important;
            width: auto !important;
        }

    .ra-checkout-header-logo__title
    {
        order: 1;
    }

        .ra-checkout-header-logo__title h1
        {
            font-size: 20px !important;
            line-height: 24px !important;
        }
}

@media (max-width: 767.98px)
{
    .ra-cart-page .ra-breadcrumbs
    {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .ra-shopping-cart
    {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: var(--spacing-space3);
    }

    .ra-cart-page .ra-shopping-cart--items
    {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: -20px;
        margin-right: -20px;
        overflow-x: auto;
    }

    .ra-checkout-page .ra-review-items
    {
        padding-left: 0;
        padding-right: 0;
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        padding-bottom: 24px;
        margin-bottom: -24px;
        overflow-x: auto;
    }

    .ra-checkout-page .ra-review-items--inner
    {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        width: fit-content;
    }
}

.ra-express-checkout-btn
{
    flex-basis: 200px !important;
}

.ra-button.ra-button--paypal
{
    color: black;
    background-color: rgba(249, 209, 93, 1);
}

.ra-button.ra-button--applepay
{
    background-color: rgba(0, 0, 0, 1);
}

.ra-button.ra-button--googlepay
{
    color: black;
    background-color: white;
    box-shadow: 0px 0px 1px 0px #C0BEBB;
}

#ra-payment-method-html .section.order-summary
{
    display: none !important;
}

@media (max-width: 1199.98px)
{
    .ra-shopping-cart
    {
        gap: var(--spacing-space3);
    }

    .ra-cart-page .product-grid,
    .ra-cart-page .product-list
    {
        margin-bottom: 0;
    }
}

@media (max-width: 767.98px)
{
    .ra-cart-page .ra-banner-title
    {
        font-size: 36px;
        margin-bottom: 0 !important;
    }

    .ra-cart-page .item-grid .item-box
    {
        margin-bottom: var(--spacing-space3);
    }

    .ra-order-summary-card .ra-info-card
    {
        flex-direction: column;
    }
}

.flex-row > .ra-expiry-date-input-container
{
    flex-basis: 150px !important;
}

.ra-payment-method-item
{
    flex-basis: 360px;
    flex-grow: 1;
    flex-shrink: 0;
}

.ra-payment-method-item__img
{
    max-height: 48px;
}

/* endregion Cart/Checkout */

.ui-dialog
{
    z-index: 4000;
    padding: 0px;
}

    .ui-dialog:before
    {
        z-index: 3900;
        background-color: rgba(0, 0, 0, .7) !important;
    }

.ui-dialog-titlebar, .ui-dialog-content
{
    z-index: 4000;
    position: relative;
}

    .ui-dialog-content, .ui-dialog-content > p
    {
        padding: 0px !important;
        margin: 0px;
    }

.ra-product-title-wrapper h1
{
    font-family: 'Trade Gothic';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    text-transform: uppercase;
}

@media (max-width: 768px)
{
    .mobile-hide-price-in-cart
    {
        display: none;
    }
}

@media (min-width: 481px) and (max-width: 1024px) and (orientation: landscape)
{
    .mobile-hide-price-in-cart
    {
        display: none;
    }
}

.ra-product__shipping-options
{
    flex-direction: column;
    align-items: stretch;
}

    .ra-product__shipping-options > div
    {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important;
        margin-bottom: 10px;
    }

        .ra-product__shipping-options > div:last-child
        {
            margin-bottom: 0;
        }

.ra-row-primary-row
{
    background-color: var(--surface-secondary);
    padding: 2px 4px 2px 4px;
    border-radius: 4px;
}

.ra-row-alternating-row
{
    background-color: var(--surface-primary-dark);
    padding: 8px 4px 8px 4px;
    border-radius: 4px;
}

@media (max-width: 767px) and (orientation: portrait)
{
    .add-to-cart-container
    {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: white;
        padding: 10px 10px 0px 10px;
        z-index: 2147483647;
        box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
    }

        .add-to-cart-container button
        {
            width: 100%;
        }
}

.add-to-cart-mobilecontainer
{
    display: flex;
    align-items: center;
}

.product-mobile-price
{
    margin-right: 10px;
}

.add-to-cart-button
{
    margin-left: auto;
}

.add-to-cart-mobile-image-container
{
    background-image: url('/Themes/rackattack/Content/images/badge-lowest-price-guarantee.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: auto;
    width: auto;
    flex-shrink: 0;
    margin-right: 10px;
}

.add-to-cart-mobilecontainer .add-to-cart-button
{
    --button-height: auto;
}

.add-to-cart-mobilecontainer
{
    --button-height: var(--ra-button--large-height, auto);
}

.add-to-cart-mobile-image-container
{
    height: 50px;
    width: 80px;
    background-size: contain;
}

.ra-product-prices--mobile
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
}

    .ra-product-prices--mobile .ra-product-price-amount--old-mobile
    {
        font-size: 0.7em;
        text-decoration: line-through;
        margin-bottom: 0.2em;
    }

    .ra-product-prices--mobile .ra-product-price-amount--new-mobile
    {
        font-size: 1em;
        font-weight: bold;
    }

.product-fit-info-container
{
    display: flex;
    align-items: center;
    width: 100%;
}

    .product-fit-info-container .product-fit-info-button-container
    {
        padding: 0px 20px 0px 10px;
        align-self: flex-end;
        flex-basis: auto;
        margin-left: auto;
    }

    .product-fit-info-container .product-fit-info-text-container
    {
        display: flex;
        flex-direction: column;
        padding-left: 12px;
    }

        .product-fit-info-container .product-fit-info-text-container .product-fit-info-vehicle
        {
            font-weight: bold;
        }

.accordion-collapse ul
{
    padding-left: 0px;
}
/* #region Product Gallery (Compact) */

.ra-compact-gallery
{
    flex-wrap: wrap;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
    height: 90%;
}

    .ra-compact-gallery::-webkit-scrollbar
    {
        display: none;
    }

.ra-compact-gallery__main-container
{
    height: 75%;
}

.ra-compact-gallery__main-card
{
    position: relative;
    height: 100%;
    /* Styles for the card around the main image */
}

.ra-compact-gallery__main-link
{
    display: block; /* Ensure the link takes up space */
    position: relative; /* For navigation buttons positioning */
}

.ra-compact-gallery__main-image
{
    max-height: 280px;
    object-fit: contain;
    background-color: var(--primitives-primary-inverse);
    /* w-100 rounded are Bootstrap classes, keep them */
}

.ra-compact-gallery__main-navigation
{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 5px; /* Adjust padding as needed */
    z-index: 1; /* Ensure buttons are above the image */
}

.ra-compact-gallery__nav-button
{
    /* ra-button ra-button--icon are existing, keep them */
    /* Add any additional styles for these buttons if they need to differ for this gallery */
    width: 10px;
}

.ra-compact-gallery__text
{
    /* typo-body-small is existing, keep it */
    text-align: center; /* Example: if you want the "Product Images" text centered */
    margin-top: 5px; /* Example spacing */
}

.ra-compact-gallery__thumbnails
{
    /* d-flex mt-2 overflow-auto justify-content-center are Bootstrap classes, keep them */
}

.ra-compact-gallery__thumbnail-link
{
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid var(--primitives-neutral); /* Example: for active state */
    border-radius: 5px; /* Example: rounded corners for thumbnails */
    margin: 0 2px; /* Spacing between thumbnails */
    flex-shrink: 0; /* Prevent shrinking */
    width: 60px; /* Example size */
    display: flex; /* For centering image within thumbnail link */
    justify-content: center;
    align-items: center;
}

    .ra-compact-gallery__thumbnail-link.active
    {
        border-color: var(--content-accent); /* Example: active thumbnail border */
    }

.ra-compact-gallery__thumbnail-image
{
    width: 70%;
    height: 70%;
    object-fit: contain; /* or cover, depending on desired behavior */
}

.ra-compact-gallery__see-more-link
{
    /* typo-body-small is existing, keep it */
    white-space: nowrap; /* Prevent wrapping for "See More..." */
    margin-left: 10px; /* Example spacing */
}

/* Responsive adjustments for the new compact gallery */
@media (max-width: 767.98px)
{ /* sm */
    .ra-compact-gallery
    {
        flex-wrap: unset;
        overflow: scroll;
        white-space: nowrap;
        scroll-snap-points-x: repeat(100%);
        scroll-snap-type: x mandatory;
    }
}

/* #endregion Product Gallery (Compact) */

div[data-bs-toggle="collapse"] i.fa:before
{
    content: "\f107"; /* angle-down */
}

div[data-bs-toggle="collapse"].collapsed i.fa:before
{
    content: "\f106"; /* angle-up */
}

.fs-17p
{
    font-size: 17px;
}

.sub-section-head
{
    font-family: 'Trade Gothic LT Std';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    padding: 8px 0px !important;
    text-decoration: none !important;
    color: var(--content-primary) !important;
}

@media (max-width: 767.98px)
{
    .sub-section-head
    {
        font-size: 18px;
    }
}
.description-clipped {
    display: -webkit-box;
    -webkit-line-clamp: 10; /* Number of lines you want to display */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.description-expand-link{
    padding-top: 5px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    float: right;
    text-decoration: underline;
}
.overflow-auto{
    overflow: auto;
}