.ss360-layer, body {
    --ss360-theme-color: #4a4f62;
    --ss360-accent-color: #3d8fff;
    --ss360-accent-color-dark: #3378d6;
    --ss360-accent-color-light: #c4ddfe;
    --ss360-accent-color-light-transparent: #ebf1fb;
    --ss360-black: #1f3a53;
    --ss360-grey-text: #5f7287;
    --ss360-grey-dark: #484848;
    --ss360-grey-medium: #626262;
    --ss360-grey-light: #dadfe9;
    --ss360-white: #fefefe;
    --ss360-white-dark: #f5f4f9;
    --ss360-dim-grey: #626262;
    --ss360-french-grey: #c7c6d1;
    --ss360-disabled-grey: #e3e8f1;
    --ss360-disabled-grey-text: #babfc8;
    --ss360-red: #ee001d;
    --ss360-green: #6fcf97;
    --ss360-yellow: #e9b05f;
    --ss360-fs-sm: 0.875rem;
    --ss360-fs-md: 1rem;
    --ss360-fs-lg: 1.2rem;
    --ss360-fs-xl: 1.5rem;
    --ss360-spacing-xxs: 0.25rem;
    --ss360-spacing-xs: 0.5rem;
    --ss360-spacing-sm: 0.75rem;
    --ss360-spacing-md: 1rem;
    --ss360-spacing-lg: 1.5rem;
    --ss360-spacing-xl: 2rem;
    --ss360-border-sm: 1px;
    --ss360-border-md: 2px;
    --ss360-border-radius-xs: 2px;
    --ss360-border-radius-sm: 3px;
    --ss360-border-radius-md: 4px;
    --ss360-border-radius-lg: 6px;
    --ss360-border-radius-xl: 8px;
    --ss360-card-border-radius: 12px;
    --ss360-box-shadow: 2px 2px 4px rgba(0,0,0,.12);
    --ss360-layer-padding: (var(--ss360-spacing-xl) + var(--ss360-spacing-lg))/2;
    --ss360-grid-columns-lg: 1fr 1fr 1fr 1fr;
    --ss360-grid-columns-md: 1fr 1fr 1fr;
    --ss360-grid-columns-sm: 1fr 1fr;
    --ss360-grid-columns-xs: 1fr;
    --ss360-highlight-color: #fffaa8;
    --ss360-variant-dimension: 50px
}

.ss360-n-button {
    background: var(--ss360-white);
    border: 0;
    box-sizing: border-box;
    display: block;
    float: none;
    height: auto;
    line-height: normal;
    margin: 0;
    min-width: 0;
    padding: 0;
    text-indent: inherit
}

    .ss360-n-button:after, .ss360-n-button:before, .ss360-n-button:focus:after, .ss360-n-button:focus:before, .ss360-n-button:hover:after, .ss360-n-button:hover:before, .ss360-n-li:after, .ss360-n-li:before {
        content: none
    }

.ss360-n-section {
    background: transparent;
    background-image: none;
    border: 0;
    box-sizing: border-box;
    display: block;
    font-size: var(--ss360-fs-md);
    height: auto;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    text-indent: inherit;
    top: 0;
    transform: none;
    width: 100%
}

.ss360-n-input {
    background: var(--ss360-white);
    background-image: none;
    border: 0;
    border-radius: 0
}

.ss360-search-term-highlight, .ss360-search-term-highlight, .z-search-search-term-highlight {
    background-color: var(--ss360-highlight-color);
    padding: 2px 4px
}

.ss360-highlight, .ss360-highlight, .z-search-highlight {
    font-weight: 700
}

.ss360-sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ss360-skip-link {
    background: var(--ss360-white);
    border: var(--ss360-border-sm) solid var(--ss360-grey-light);
    left: -999em;
    pointer-events: none;
    position: absolute;
    z-index: 9999
}

    .ss360-skip-link:focus {
        left: 0
    }

.ss360-ca {
    clear: both
}

.ss360-block {
    display: block
}

.ss360-flex {
    display: flex;
    flex-direction: row
}

.ss360-flex--column {
    flex-direction: column
}

.ss360-flex--align-start {
    align-items: flex-start
}

.ss360-flex--align-stretch {
    align-items: stretch
}

.ss360-flex--align-center {
    align-items: center
}

.ss360-flex--align-end {
    align-items: flex-end
}

.ss360-flex--justify-star {
    justify-content: flex-start
}

.ss360-flex--justify-center {
    justify-content: center
}

.ss360-flex--justify-end {
    justify-content: flex-end
}

.ss360-flex--wrap {
    flex-wrap: wrap
}

.ss360-flex--nowrap {
    flex-wrap: nowrap
}

@media(max-width:680px) {
    .ss360-flex--column-sm {
        flex-direction: column
    }
}

.ss360-custom-search {
    justify-content: center;
    max-width: 100%;
    padding: 8px 0;
    position: relative;
    width: 100%
}

    .ss360-custom-search:not(.ss360-custom-search--no-margin) {
        margin-bottom: var(--ss360-spacing-lg);
        margin-top: -8px;
        padding-right: var(--ss360-spacing-md)
    }

    .ss360-custom-search .ss360-custom-search__input-container {
        display: inline-block;
        position: relative;
        width: auto
    }

@media(min-width:768px) {
    .ss360-custom-search .ss360-custom-search__input-container {
        min-width: 380px
    }
}

.ss360-custom-search .ss360-custom-search__input-container .ss360-voice-search {
    right: 10px;
    top: 25%
}

.ss360-custom-search .ss360-custom-search__searchbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: var(--ss360-spacing-xxs) 10px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border: var(--ss360-border-sm) solid var(--ss360-grey-light);
    border-radius: 0;
    border-bottom-left-radius: var(--ss360-border-radius-xl);
    border-top-left-radius: var(--ss360-border-radius-xl);
    box-sizing: border-box;
    font-size: var(--ss360-fs-lg);
    height: 44px;
    margin: 0;
    max-width: 420px;
    padding: 0 var(--ss360-spacing-xs);
    width: 100%
}

    .ss360-custom-search .ss360-custom-search__searchbox::-webkit-search-cancel-button {
        -webkit-appearance: none
    }

.ss360-custom-search .ss360-custom-search__clear-button {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 50%;
    color: var(--ss360-white);
    cursor: pointer;
    display: none;
    height: 24px;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px
}

.ss360-custom-search .ss360-custom-search__clear-button--with-voice {
    right: 48px
}

    .ss360-custom-search .ss360-custom-search__clear-button--with-voice:after {
        background-color: var(--ss360-grey-light);
        content: "";
        height: 20px;
        position: absolute;
        right: -8px;
        top: 50%;
        transform: translateY(-50%);
        width: 2px
    }

.ss360-custom-search__clear-button-icon {
    background-color: var(--ss360-french-grey);
    border-radius: 50%;
    box-sizing: content-box;
    min-height: 16px;
    min-width: 16px;
    padding: 2px
}

.ss360-custom-search .ss360-custom-search__searchbox:not(:-moz-placeholder) + .ss360-custom-search__clear-button {
    display: flex
}

.ss360-custom-search .ss360-custom-search__searchbox:not(:placeholder-shown) + .ss360-custom-search__clear-button {
    display: flex
}

.ss360-custom-search .ss360-custom-search__searchbutton {
    align-items: center;
    border-radius: 0;
    border-bottom-right-radius: var(--ss360-border-radius-xl);
    border-top-right-radius: var(--ss360-border-radius-xl);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-size: var(--ss360-fs-md);
    height: 44px;
    justify-content: center;
    margin-top: 0;
    padding: 0 var(--ss360-spacing-sm);
    transition: background-color .3s ease-in-out,border-color .3s ease-in-out;
    width: 46px
}

.ss360-custom-search__searchbutton {
    background-color: var(--ss360-accent-color);
    border: var(--ss360-accent-color) var(--ss360-border-sm) solid;
    border-left-width: 0;
    border-radius: 0;
    border-bottom-right-radius: var(--ss360-border-radius-sm);
    border-top-right-radius: var(--ss360-border-radius-sm)
}

    .ss360-custom-search__searchbutton:focus, .ss360-custom-search__searchbutton:hover {
        background-color: var(--ss360-accent-color-dark);
        border-color: var(--ss360-accent-color-dark)
    }

.ss360-custom-search__searchbutton--no-transition {
    transition: none
}

.ss360-custom-search .ss360-custom-search__searchbutton--text {
    color: var(--ss360-white);
    width: auto
}

.ss360-custom-search__icon {
    height: 24px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 24px
}

.ss360-layer:not(.ss360-layer--overlay) .ss360-custom-search {
    margin-bottom: var(--ss360-spacing-md);
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    max-width: 800px
}

@media(max-width:680px) {
    .ss360-custom-search:not(.ss360-custom-search--no-margin) {
        margin-top: 0;
        max-width: calc(100% - 50px)
    }
}

.ss360-layer--fullscreen {
    background-color: var(--ss360-white);
    box-sizing: border-box;
    height: 100%;
    left: 0;
    overflow: auto;
    padding-top: var(--ss360-spacing-md);
    position: fixed;
    top: -100%;
    width: 100%;
    z-index: 999998
}

@media(max-width:991px) {
    .ss360-layer--fullscreen .ss360-custom-search {
        padding-left: var(--ss360-spacing-md);
        padding-right: var(--ss360-spacing-md)
    }
}

.ss360-layer--fullscreen.ss360-layer--fade {
    display: none;
    opacity: 0;
    top: 0
}

.ss360-layer--fullscreen .ss360-custom-search {
    margin-top: 0
}

.ss360-layer--fullscreen .ss360-layer__fullscreen-heading {
    margin-bottom: var(--ss360-spacing-md);
    padding: 0 72px;
    text-align: center
}

.ss360-layer--fullscreen .ss360-layer__main {
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px;
    width: 100%
}

.ss360-layer--fade.ss360-layer--fullscreen-open {
    display: block;
    opacity: 1
}



.unibox-n-button {
    background: var(--ss360-white);
    border: 0;
    box-sizing: border-box;
    display: block;
    float: none;
    height: auto;
    line-height: normal;
    margin: 0;
    min-width: 0;
    padding: 0;
    text-indent: inherit
}

.unibox-n-button:after, .unibox-n-button:before, .unibox-n-button:focus:after, .unibox-n-button:focus:before, .unibox-n-button:hover:after, .unibox-n-button:hover:before, .unibox-n-li:after, .unibox-n-li:before {
    content: none
}

.unibox-n-section {
    background: transparent;
    background-image: none;
    border: 0;
    box-sizing: border-box;
    display: block;
    font-size: var(--ss360-fs-md);
    height: auto;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    text-indent: inherit;
    top: 0;
    transform: none;
    width: 100%
}

.unibox-n-input {
    background: var(--ss360-white);
    background-image: none;
    border: 0;
    border-radius: 0
}

.unibox-sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.unibox-stretch {
    height: 100%
}

.unibox {
    background-color: var(--ss360-white);
    box-shadow: 1px 1px 6px rgba(0,0,0,.12);
    color: var(--ss360-black);
    display: none;
    overflow: hidden;
    position: absolute;
    z-index: 1500
}

.unibox--empty {
    visibility: hidden
}

.unibox__content-container {
    display: flex;
    flex-direction: column;
    gap: var(--ss360-spacing-xs);
    width: 100%
}

.unibox__search-content {
    display: block;
    margin-bottom: var(--ss360-spacing-xxs);
    text-align: left
}

.unibox__search-content--link {
    color: var(--ss360-black);
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none
}

.unibox__suggest-heading {
    color: var(--ss360-grey-text);
    font-size: var(--ss360-fs-sm);
    font-weight: 400;
    margin: 0 0 var(--ss360-spacing-xs) 0;
    padding: 0;
    text-align: left
}

.unibox__selectable {
    clear: both;
    display: flex;
    font-size: var(--ss360-fs-md);
    position: relative;
    text-align: left
}

.unibox__vis {
    width: 70px
}

.unibox__img-container {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    min-width: 68px;
    padding: var(--ss360-spacing-xxs) 0 var(--ss360-spacing-xxs) var(--ss360-spacing-xs)
}

.unibox__img {
    left: 0;
    max-height: 60px;
    max-width: 60px;
    position: relative;
    top: 0;
    transform: none
}

.unibox__highlight {
    color: var(--ss360-accent-color)
}

.unibox__result-content {
    margin-bottom: var(--ss360-spacing-md);
    margin-top: var(--ss360-spacing-xxs)
}

.unibox__ca {
    clear: both
}

.unibox__invisible {
    display: none;
    height: 0;
    position: relative;
    text-align: left;
    visibility: hidden
}

.unibox__ivf {
    height: 76px;
    left: -15px;
    position: absolute;
    top: -89px;
    width: 76px
}

.unibox__ivf-img {
    bottom: 0;
    margin: auto;
    max-width: 76px;
    position: absolute;
    top: 0;
    transform: rotateX(-90deg) translateY(100%);
    transition: .3s ease-out
}

.unibox__ivf-img--l {
    transform: rotateX(0) translateY(0)
}

.unibox__show-all-text {
    color: var(--ss360-black)
}

.unibox__show-all-icon {
    margin-left: var(--ss360-spacing-xs);
    margin-top: var(--ss360-spacing-xxs)
}

.unibox__cluster--no-img .unibox__content-container {
    max-width: 100%
}

.unibox--fullwidth .unibox__selectable {
    padding: var(--ss360-spacing-md)
}

.unibox__selectable--group-cta {
    background: var(--ss360-white);
    border: 0;
    color: var(--ss360-black);
    display: block;
    font-size: var(--ss360-fs-sm);
    margin-bottom: var(--ss360-spacing-sm);
    text-align: right;
    width: 100%
}

    .unibox__selectable--group-cta.unibox__selectable--active, .unibox__selectable--group-cta:hover {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

.unibox__selectable--history .unibox__content-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: var(--ss360-spacing-xs);
    padding-left: var(--ss360-spacing-md)
}

.unibox__delete-history {
    background: transparent;
    border: 0;
    cursor: pointer
}

.unibox__delete-history-icon {
    display: block
}

.unibox {
    border-radius: var(--ss360-border-radius-xl);
    box-shadow: 0 2px 6px -4px rgba(31,58,84,.1),0 4px 24px 8px rgba(31,58,84,.07);
    padding: var(--ss360-spacing-md) var(--ss360-spacing-sm)
}

.unibox--popover {
    padding: var(--ss360-spacing-lg)
}

.unibox__cluster {
    margin-bottom: var(--ss360-spacing-xxs)
}

.unibox .ss360-custom-search {
    padding-left: var(--ss360-spacing-md);
    padding-right: var(--ss360-spacing-md)
}

.unibox .ss360-custom-search__searchbox {
    max-width: none
}

.unibox .ss360-custom-search__searchbutton {
    max-width: 20%;
    width: 150px
}

.unibox__column {
    display: flex;
    flex-direction: column;
    gap: var(--ss360-spacing-md)
}

    .unibox__column .unibox__cluster {
        margin-bottom: 0
    }

.unibox__selectable {
    padding: var(--ss360-spacing-xs) var(--ss360-spacing-xxs)
}

.unibox__selectable--has-image {
    padding: var(--ss360-spacing-xs)
}

.unibox__selectable--col {
    flex-direction: column
}

.unibox__selectable-title {
    color: var(--ss360-black);
    font-size: var(--ss360-fs-sm);
    font-weight: 400;
    line-height: 1.2;
    margin: 0
}

.unibox__selectable-image-container {
    border-radius: 6px;
    height: 100px;
    width: 150px
}

.unibox__selectable-image-container--top {
    margin-bottom: var(--ss360-spacing-md)
}

.unibox__selectable-image-container--bottom {
    margin-top: var(--ss360-spacing-md)
}

.unibox__selectable-image-container--bottom, .unibox__selectable-image-container--top {
    max-width: 100%;
    width: auto
}

.unibox__selectable-image-container--left {
    margin-right: var(--ss360-spacing-md)
}

.unibox__selectable-image-container--right {
    margin-left: var(--ss360-spacing-md)
}

.unibox__selectable-image {
    border-radius: var(--ss360-border-radius-lg);
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.unibox__selectable-image--doc-icon {
    -o-object-fit: contain;
    object-fit: contain
}

.unibox__selectable--cta {
    margin-left: auto;
    padding: var(--ss360-spacing-xxs)
}

.unibox__selectable--show-all {
    align-items: center;
    background: none;
    border: 0;
    color: var(--ss360-black);
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: var(--ss360-spacing-xxs) var(--ss360-spacing-xs);
    width: 100%
}

.unibox__selectable--active, .unibox__selectable:hover {
    cursor: pointer
}

    .unibox__selectable--active:not(.unibox__selectable--show-all):not(.unibox__selectable--cta), .unibox__selectable:hover:not(.unibox__selectable--show-all):not(.unibox__selectable--cta) {
        background: rgba(var(--ss360-accent-color),.19);
        border-radius: 3px
    }

    .unibox__selectable--active.unibox__selectable--cta, .unibox__selectable--active.unibox__selectable--show-all, .unibox__selectable:hover.unibox__selectable--cta, .unibox__selectable:hover.unibox__selectable--show-all {
        color: var(--ss360-black);
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

.unibox__cluster--layout-grid {
    display: grid;
    grid-gap: var(--ss360-spacing-xs) var(--ss360-spacing-md)
}

.unibox__cluster--layout-horizontalList {
    display: flex
}

@media(max-width:991px) {
    .unibox__cluster--layout-horizontalList {
        flex-direction: column
    }
}

@media(min-width:992px) {
    .unibox__cluster--layout-horizontalList {
        flex-wrap: wrap
    }

        .unibox__cluster--layout-horizontalList .unibox__suggest-heading {
            min-width: 100%
        }

        .unibox__cluster--layout-horizontalList .unibox__selectable {
            flex: 1
        }

    .unibox--layout-2, .unibox--layout-3, .unibox--layout-4 {
        display: grid;
        grid-gap: var(--ss360-spacing-xs) var(--ss360-spacing-md)
    }

    .unibox--layout-2 {
        -ms-grid-template-columns: 1fr 2fr;
        grid-template-columns: 1fr 2fr
    }

    .unibox--layout-3 {
        -ms-grid-template-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .unibox--layout-4 {
        -ms-grid-template-columns: 2fr 1fr;
        grid-template-columns: 2fr 1fr
    }
}

.unibox--layout-2 .unibox__cluster--layout-horizontalList, .unibox--layout-2 .unibox__cluster--layout-stretch, .unibox--layout-2 .unibox__custom-search, .unibox--layout-2 .unibox__menu-bar, .unibox--layout-2 .unibox__selectable--show-all, .unibox--layout-4 .unibox__cluster--layout-horizontalList, .unibox--layout-4 .unibox__cluster--layout-stretch, .unibox--layout-4 .unibox__custom-search, .unibox--layout-4 .unibox__menu-bar, .unibox--layout-4 .unibox__selectable--show-all {
    grid-column: 1/3
}

@media(min-width:992px) {
    .unibox--layout-2 .unibox__cluster:not(.unibox__cluster--layout-horizontalList) .unibox__selectable:not(.unibox__selectable--has-image):first-child, .unibox--layout-3 .unibox__cluster:not(.unibox__cluster--layout-horizontalList) .unibox__selectable:not(.unibox__selectable--has-image):first-child, .unibox--layout-4 .unibox__cluster:not(.unibox__cluster--layout-horizontalList) .unibox__selectable:not(.unibox__selectable--has-image):first-child {
        margin-top: var(--ss360-spacing-xs)
    }

    .unibox--layout-3 .unibox__cluster--layout-horizontalList, .unibox--layout-3 .unibox__cluster--layout-stretch, .unibox--layout-3 .unibox__custom-search, .unibox--layout-3 .unibox__menu-bar, .unibox--layout-3 .unibox__selectable--show-all {
        grid-column: 1/3
    }
}

.unibox__cluster--ss360querysuggestions .unibox__selectable, .unibox__cluster--type-searchHistory .unibox__selectable {
    align-items: center
}

.unibox__cluster--ss360querysuggestions .unibox__selectable-title, .unibox__cluster--type-searchHistory .unibox__selectable-title {
    line-height: 1
}

.unibox__selectable-data-points {
    list-style: none;
    margin: 0;
    padding: 0
}

.unibox__selectable-data-point {
    font-size: var(--ss360-fs-sm);
    margin-bottom: var(--ss360-spacing-xxs)
}

.unibox__selectable-category-wrap {
    display: flex;
    justify-content: flex-start
}

.unibox__selectable-category {
    cursor: pointer
}

.unibox__selectable-category, .unibox__selectable-data-point--chip {
    background-color: var(--ss360-accent-color);
    border-radius: var(--ss360-border-radius-sm);
    color: var(--ss360-white);
    display: inline-block;
    font-weight: 700;
    padding: var(--ss360-spacing-xxs) var(--ss360-spacing-sm)
}

.unibox__menu-bar {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.unibox__menu-item {
    border-bottom: 1px solid var(--ss360-grey-light);
    color: var(--ss360-grey-text);
    cursor: pointer;
    font-size: var(--ss360-fs-md);
    padding: var(--ss360-spacing-sm) var(--ss360-spacing-lg) var(--ss360-spacing-md) var(--ss360-spacing-lg);
    transition: color .3s ease-in-out
}

.unibox__menu-item--active {
    border-bottom-width: 4px;
    border-color: var(--ss360-accent-color);
    padding-bottom: calc(var(--ss360-spacing-md) - 3px)
}

.unibox__menu-item--active, .unibox__menu-item:focus, .unibox__menu-item:hover {
    color: var(--ss360-black)
}

.unibox__custom-search {
    margin: var(--ss360-spacing-xxs) 0;
    margin-bottom: var(--ss360-spacing-xs);
    padding: var(--ss360-spacing-xs)
}

.unibox__selectable-icon-container {
    margin-right: var(--ss360-spacing-xs)
}

.unibox__cluster--layout-grid .unibox__selectable-image-container--left {
    max-width: 100%;
    width: auto
}

.unibox-focus-layer {
    background-color: hsla(218,7%,57%,.54);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999998
}

.unibox-focus-layer--blur {
    backdrop-filter: blur(5px)
}

.unibox__cluster--style-compact.unibox__cluster--layout-list .unibox__selectable-image-container {
    height: 50px;
    max-width: 75px;
    width: 75px
}



.ss360-layer, body {
    --ss360-theme-color: #4a4f62;
    --ss360-accent-color: #3d8fff;
    --ss360-accent-color-dark: #3378d6;
    --ss360-accent-color-light: #c4ddfe;
    --ss360-accent-color-light-transparent: #ebf1fb;
    --ss360-black: #1f3a53;
    --ss360-grey-text: #5f7287;
    --ss360-grey-dark: #484848;
    --ss360-grey-medium: #626262;
    --ss360-grey-light: #dadfe9;
    --ss360-white: #fefefe;
    --ss360-white-dark: #f5f4f9;
    --ss360-dim-grey: #626262;
    --ss360-french-grey: #c7c6d1;
    --ss360-disabled-grey: #e3e8f1;
    --ss360-disabled-grey-text: #babfc8;
    --ss360-red: #ee001d;
    --ss360-green: #6fcf97;
    --ss360-yellow: #e9b05f;
    --ss360-fs-sm: 0.875rem;
    --ss360-fs-md: 1rem;
    --ss360-fs-lg: 1.2rem;
    --ss360-fs-xl: 1.5rem;
    --ss360-spacing-xxs: 0.25rem;
    --ss360-spacing-xs: 0.5rem;
    --ss360-spacing-sm: 0.75rem;
    --ss360-spacing-md: 1rem;
    --ss360-spacing-lg: 1.5rem;
    --ss360-spacing-xl: 2rem;
    --ss360-border-sm: 1px;
    --ss360-border-md: 2px;
    --ss360-border-radius-xs: 2px;
    --ss360-border-radius-sm: 3px;
    --ss360-border-radius-md: 4px;
    --ss360-border-radius-lg: 6px;
    --ss360-border-radius-xl: 8px;
    --ss360-card-border-radius: 12px;
    --ss360-box-shadow: 2px 2px 4px rgba(0,0,0,.12);
    --ss360-layer-padding: (var(--ss360-spacing-xl) + var(--ss360-spacing-lg))/2;
    --ss360-grid-columns-lg: 1fr 1fr 1fr 1fr;
    --ss360-grid-columns-md: 1fr 1fr 1fr;
    --ss360-grid-columns-sm: 1fr 1fr;
    --ss360-grid-columns-xs: 1fr;
    --ss360-highlight-color: #fffaa8;
    --ss360-variant-dimension: 50px
}

@keyframes ss360-fid {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes ss360-fo {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes ss360-upscale {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    25% {
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes sk-bounce {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px)
    }

    50% {
        transform: perspective(120px) rotateY(180deg)
    }

    to {
        transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes ss360-recording {
    0% {
        background-color: rgba(224,83,80,0)
    }

    50% {
        background-color: #e05350
    }

    to {
        background-color: rgba(224,83,80,0)
    }
}

@keyframes ss360-product-set-changed {
    0% {
        box-shadow: inset 0 0 1px 1px var(--ss360-accent-color-light);
        filter: blur(0);
        opacity: 1;
        transform: translateZ(0)
    }

    25% {
        box-shadow: inset 0 0 0 0 transparent;
        box-shadow: inset 0 0 200rem -1rem var(--ss360-accent-color-light);
        filter: blur(.2rem);
        opacity: .5;
        transform: translate3d(0,.2rem,0)
    }

    60% {
        box-shadow: inset 0 0 1rem -5rem var(--ss360-accent-color-light);
        filter: blur(0);
        opacity: .7;
        transform: scale(1.005)
    }

    90% {
        box-shadow: inset 0 0 1rem -3rem var(--ss360-accent-color-light);
        opacity: 1
    }

    to {
        box-shadow: none;
        transform: scale(1) translateZ(0)
    }
}

.u-ss360-animate-change {
    animation: ss360-product-set-changed 1s cubic-bezier(.68,-.55,.27,1.3) 1
}

.ss360-close-button, .ss360-close-button:focus, .ss360-close-button:hover {
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    height: 64px;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center;
    width: 64px;
    z-index: 99999
}

.ss360-close-button__icon {
    display: block;
    height: 32px;
    left: 16px;
    opacity: 1;
    position: absolute;
    top: 16px;
    width: 32px
}

.ss360-close-button__icon-svg {
    height: 100%;
    width: 100%
}

.ss360-close-button:focus .ss360-close-button__icon, .ss360-close-button:hover .ss360-close-button__icon, .ss360-close-button__icon--active {
    opacity: 0
}

.ss360-close-button:focus .ss360-close-button__icon--active, .ss360-close-button:hover .ss360-close-button__icon--active {
    opacity: 1
}

.ss360-darken {
    background-color: hsla(218,7%,57%,.54);
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 999998
}

.ss360-darken--hide {
    cursor: default;
    opacity: 0
}

.ss360-darken--noclose {
    cursor: auto
}

.ss360-loader {
    display: none;
    height: 80px;
    left: 49.5%;
    position: fixed;
    top: 49.5%;
    width: 80px;
    z-index: 999999
}

.ss360-loader__bounce {
    animation: sk-bounce 2s ease-in-out infinite;
    background-color: var(--ss360-theme-color);
    border-radius: 50%;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 100%
}

.ss360-loader__bounce--delayed {
    animation-delay: -1s
}

.ss360-loader--square {
    animation: sk-rotateplane 1.2s ease-in-out infinite;
    background-color: var(--ss360-theme-color);
    height: 60px;
    width: 60px
}

.ss360-more-results {
    display: block;
    margin-bottom: var(--ss360-spacing-lg);
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    min-width: 180px;
    width: auto
}

.ss360-icon--play {
    border: 2px solid;
    border-color: var(--ss360-white);
    border-radius: 11px;
    color: var(--ss360-white);
    height: 22px;
    left: calc(50% - 11px);
    top: calc(50% - 11px);
    transform: scale(2);
    width: 22px
}

    .ss360-icon--play, .ss360-icon--play:after {
        box-sizing: border-box;
        display: block;
        position: absolute
    }

        .ss360-icon--play:after {
            border-bottom: 4px solid transparent;
            border-left: 5px solid;
            border-top: 4px solid transparent;
            content: "";
            height: 8px;
            left: 7px;
            top: 5px;
            width: 0
        }

.ss360-score {
    color: var(--ss360-black);
    flex-direction: column;
    font-size: var(--ss360-fs-sm)
}

.ss360-score, .ss360-score__entry {
    display: flex;
    gap: var(--ss360-spacing-xs);
    width: 100%
}

.ss360-score__entry {
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between
}

.ss360-score__value {
    display: flex;
    gap: 1px;
    margin-left: auto
}

.ss360-score__bar {
    background: var(--ss360-grey-light);
    border-radius: 2px;
    display: block;
    height: 10px;
    width: 10px
}

.ss360-score__bar--filled {
    background: var(--ss360-accent-color)
}

.ss360-banner {
    margin-bottom: var(--ss360-spacing-md);
    width: 100%
}

    .ss360-banner img {
        max-width: 100%
    }

.ss360-data-points {
    border: 0;
    font-size: var(--ss360-fs-sm);
    margin: 0;
    width: auto
}

.ss360-data-point {
    border: 0
}

.ss360-data-point__cell {
    border: 0;
    padding: 0;
    word-break: keep-all
}

.ss360-data-point__cell--break {
    word-break: break-all
}

.ss360-data-point__cell--key {
    color: var(--ss360-grey-text)
}

.ss360-data-point__cell--value {
    font-weight: 600
}

.ss360-data-points--row .ss360-data-points__body {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ss360-spacing-xs)
}

.ss360-data-points--row .ss360-data-point {
    display: flex;
    gap: var(--ss360-spacing-xxs)
}

.ss360-data-points--column {
    display: block;
    max-width: 400px;
    width: 100%
}

    .ss360-data-points--column .ss360-data-points__body {
        display: flex;
        flex-direction: column;
        gap: var(--ss360-spacing-xs)
    }

    .ss360-data-points--column .ss360-data-point {
        display: grid;
        grid-gap: var(--ss360-spacing-xs);
        gap: var(--ss360-spacing-xs);
        grid-template-columns: 1fr 2fr;
        width: 100%
    }

    .ss360-data-points--column .ss360-data-point--hidden-key {
        grid-template-columns: 1fr
    }

.ss360-group {
    margin-bottom: 0;
    margin-top: 0
}

    .ss360-group .ss360-list {
        list-style: none;
        margin-top: 0;
        padding-left: 0
    }

.ss360-group__heading {
    font-size: var(--ss360-fs-lg);
    font-weight: 400;
    margin-bottom: var(--ss360-spacing-md);
    margin-top: 0;
    padding: 0 0 0 var(--ss360-spacing-xxs)
}

.ss360-layer--overlay .ss360-list {
    padding-left: 4px;
    padding-right: calc(4px + .5em)
}

.ss360-layer--fullscreen {
    background-color: var(--ss360-white);
    box-sizing: border-box;
    height: 100%;
    left: 0;
    overflow: auto;
    padding-top: var(--ss360-spacing-md);
    position: fixed;
    top: -100%;
    width: 100%;
    z-index: 999998
}

@media(max-width:991px) {
    .ss360-layer--fullscreen .ss360-custom-search {
        padding-left: var(--ss360-spacing-md);
        padding-right: var(--ss360-spacing-md)
    }
}

.ss360-layer--fullscreen.ss360-layer--fade {
    display: none;
    opacity: 0;
    top: 0
}

.ss360-layer--fullscreen .ss360-custom-search {
    margin-top: 0
}

.ss360-layer--fullscreen .ss360-layer__fullscreen-heading {
    margin-bottom: var(--ss360-spacing-md);
    padding: 0 72px;
    text-align: center
}

.ss360-layer--fullscreen .ss360-layer__main {
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px;
    width: 100%
}

.ss360-layer--fade.ss360-layer--fullscreen-open {
    display: block;
    opacity: 1
}

.ss360-layer {
    background: var(--ss360-white);
    color: var(--ss360-black);
    flex-wrap: wrap;
    font-size: var(--ss360-fs-md);
    padding: var(--ss360-spacing-sm);
    text-align: left
}

.ss360-layer--overlay {
    background-color: var(--ss360-white);
    box-sizing: content-box;
    height: 80%;
    left: calc(10% - var(--ss360-layer-padding));
    max-width: 800px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: var(--ss360-spacing-xl);
    padding-right: var(--ss360-spacing-lg);
    position: fixed;
    top: calc(10% - 30px);
    width: 80%;
    z-index: 99999999999
}

@media(min-width:1000px) {
    .ss360-layer--overlay {
        left: calc(50% - 400px - var(--ss360-layer-padding))
    }
}

@media(max-width:680px) {
    .ss360-layer--overlay {
        box-shadow: none;
        box-sizing: border-box;
        height: 100%;
        left: 0;
        overflow-x: auto;
        padding: var(--ss360-spacing-sm);
        position: fixed;
        top: 0;
        width: 100%
    }
}

.ss360-layer--wide-overlay {
    flex-wrap: wrap;
    left: calc(10% - var(--ss360-layer-padding));
    max-width: 1140px
}

@media(max-width:680px) {
    .ss360-layer--wide-overlay {
        left: 0
    }
}

@media(min-width:1425px) {
    .ss360-layer--wide-overlay {
        left: calc(50% - 570px - var(--ss360-layer-padding))
    }
}

.ss360-layer__flex-wrapper {
    width: 100%
}

.ss360-layer a[href="https://sitesearch360.com"]:focus > img {
    outline: 3px solid
}

.ss360-layer__redirect-link {
    color: var(--ss360-accent-color);
    -webkit-text-decoration: none;
    text-decoration: none
}

    .ss360-layer__redirect-link:focus, .ss360-layer__redirect-link:hover {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

.ss360-layer__zoe-summary {
    border: 1px solid var(--ss360-grey-light);
    border-radius: var(--ss360-border-radius-xl);
    font-size: var(--ss360-fs-sm);
    margin-bottom: var(--ss360-spacing-xs);
    padding: var(--ss360-spacing-xs);
    padding-right: calc(var(--ss360-spacing-xs) - var(--ss360-spacing-xxs))
}

    .ss360-layer__zoe-summary zoovu-zoe {
        --gutter: var(--ss360-spacing-xs);
        --primary-color: var(--ss360-accent-color)
    }

        .ss360-layer__zoe-summary zoovu-zoe::part(feedback), .ss360-layer__zoe-summary zoovu-zoe::part(title) {
            display: none
        }

        .ss360-layer__zoe-summary zoovu-zoe::part(user-message), .ss360-layer__zoe-summary zoovu-zoe::part(zoe-message) {
            border-radius: var(--ss360-border-radius-md);
            margin-right: var(--ss360-spacing-xxs)
        }

        .ss360-layer__zoe-summary zoovu-zoe::part(zoe-message) {
            background-color: transparent;
            border: 1px solid var(--ss360-grey-light);
            border-top-left-radius: 0
        }

        .ss360-layer__zoe-summary zoovu-zoe::part(user-message) {
            border-bottom-right-radius: 0
        }

        .ss360-layer__zoe-summary zoovu-zoe::part(conversation) {
            --conversation-indent: 0;
            padding: 0
        }

        .ss360-layer__zoe-summary zoovu-zoe::part(actions-option) {
            border-radius: var(--ss360-border-radius-md);
            font-size: var(--ss360-fs-sm);
            margin-bottom: var(--ss360-spacing-xxs)
        }

        .ss360-layer__zoe-summary zoovu-zoe::part(actions) {
            gap: calc(var(--ss360-spacing-xs) - var(--ss360-spacing-xxs))
        }

        .ss360-layer__zoe-summary zoovu-zoe::part(input) {
            border-radius: var(--ss360-border-radius-md)
        }

@media(max-width:500px) {
    .ss360-layer .ss360-close-button--layer {
        height: 48px;
        width: 48px
    }

        .ss360-layer .ss360-close-button--layer .ss360-close-button__icon {
            left: 8px;
            top: 8px
        }
}

@media(max-width:450px) {
    .ss360-layer .ss360-close-button--layer {
        height: 40px;
        width: 40px;
        z-index: 0
    }

        .ss360-layer .ss360-close-button--layer .ss360-close-button__icon {
            left: 4px;
            top: 4px
        }
}

@media(max-width:435px) {
    .ss360-layer .ss360-frame--search-bar {
        padding-right: 40px
    }
}

.ss360-layer--category:not(.ss360-layer--show-category-title) .ss360-layer__heading {
    display: none
}

.ss360-animated {
    animation: .3s ease 0s 1 normal forwards running
}

.ss360-animated--fast {
    animation-duration: .15s
}

.ss360-fid {
    animation-name: ss360-fid
}

.ss360-us {
    animation-name: ss360-upscale
}

.ss360-fo {
    animation-name: ss360-fo
}

@media(max-width:991px) {
    .ss360-layer--skeleton .ss360-layer__main {
        width: 100%
    }
}

.ss360-layer__content {
    margin: 0;
    outline: none;
    position: relative
}

.ss360-layer__content--has-sidebar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@media(min-width:992px) {
    .ss360-layer__content--has-sidebar .ss360-layer__sidebar {
        flex: 1
    }

    .ss360-layer__content--has-sidebar .ss360-layer__sidebar--collapsed {
        flex: 0
    }
}

.ss360-layer__content--has-sidebar .ss360-layer__sidebar .ss360-filter:not(.ss360-filter--slide), .ss360-layer__content--has-sidebar .ss360-layer__sidebar .ss360-nav {
    min-width: 240px
}

.ss360-layer__content--has-sidebar .ss360-layer__sidebar, .ss360-layer__content--has-sidebar .ss360-layer__sidebar .ss360-filter:not(.ss360-filter--slide), .ss360-layer__content--has-sidebar .ss360-layer__sidebar .ss360-nav {
    max-width: 300px
}

.ss360-layer__content--has-sidebar .ss360-layer__main {
    max-width: 100%
}

@media(min-width:992px) {
    .ss360-layer__content--has-sidebar .ss360-layer__main {
        flex: 3
    }
}

.ss360-layer__content--has-sidebar .ss360-layer__main--has-zoe {
    overflow: hidden
}

.ss360-query-correction {
    margin-bottom: var(--ss360-spacing-xs)
}

.ss360-list {
    display: flex;
    flex-direction: column;
    gap: var(--ss360-spacing-md);
    margin-left: 0
}

.ss360-layer__heading {
    font-size: var(--ss360-fs-md);
    font-weight: 400;
    margin-bottom: var(--ss360-spacing-md);
    margin-top: 0;
    padding: 0
}

.ss360-layer__heading-query {
    color: var(--ss360-accent-color)
}

.ss360-layer__heading .ss360-layer__heading-anchor {
    box-shadow: none;
    color: inherit;
    cursor: default;
    outline: none;
    pointer-events: none;
    -webkit-text-decoration: none;
    text-decoration: none
}

.ss360-layer__heading--padded {
    padding: var(--ss360-spacing-sm) var(--ss360-spacing-md)
}

.ss360-layer__content--tabs .ss360-layer__heading {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ss360-layer__content--tabs.ss360-layer__content--branded {
    padding-top: 26px
}

@media(max-width:991px) {
    .ss360-hide-dataPoints--sm .ss360-data-points, .ss360-hide-images--sm .ss360-suggests__image, .ss360-hide-images--sm .ss360-suggests__image-wrap, .ss360-hide-images--sm .ss360-suggests__variants, .ss360-hide-snippet--sm .ss360-suggests__snippet, .ss360-hide-title--sm .ss360-suggests__header, .ss360-hide-url--sm .ss360-suggests__url {
        display: none
    }

    .ss360-hide-images--sm .ss360-grid--sm .ss360-suggests__content {
        padding-top: var(--ss360-spacing-xs)
    }
}

@media(min-width:992px) {
    .ss360-hide-dataPoints--lg .ss360-data-points, .ss360-hide-images--lg .ss360-suggests__image, .ss360-hide-images--lg .ss360-suggests__image-wrap, .ss360-hide-images--lg .ss360-suggests__variants, .ss360-hide-snippet--lg .ss360-suggests__snippet, .ss360-hide-title--lg .ss360-suggests__header, .ss360-hide-url--lg .ss360-suggests__url {
        display: none
    }

    .ss360-hide-images--lg .ss360-grid--lg .ss360-suggests__content {
        padding-top: var(--ss360-spacing-xs)
    }

    .ss360-grid--lg {
        display: grid
    }

        .ss360-grid--lg .ss360-suggests {
            max-width: 100%;
            overflow: hidden
        }

        .ss360-grid--lg .ss360-suggests__image-container {
            width: 100%
        }

        .ss360-grid--lg .ss360-suggests__wrap {
            flex-direction: column;
            height: 100%
        }

        .ss360-grid--lg .ss360-suggests__image-wrap {
            box-sizing: border-box;
            height: calc(220px + var(--ss360-spacing-xs));
            margin-bottom: var(--ss360-spacing-md);
            min-height: 220px;
            min-width: 100%;
            width: 100%
        }

        .ss360-grid--lg .ss360-suggests__header {
            max-height: calc(var(--ss360-fs-md)*2*1.2);
            min-height: calc(var(--ss360-fs-md)*2*1.2);
            overflow: hidden;
            padding-top: 0
        }

        .ss360-grid--lg .ss360-suggests__content {
            height: 100%;
            justify-content: space-between
        }

        .ss360-grid--lg .ss360-suggests__snippet {
            height: 100%
        }

        .ss360-grid--lg .ss360-suggests__image {
            height: 100%;
            max-height: none;
            width: 100%
        }

        .ss360-grid--lg .ss360-suggests__image--lazy {
            height: 150px
        }

        .ss360-grid--lg .ss360-suggests__image--pdf {
            -o-object-fit: contain;
            object-fit: contain
        }

        .ss360-grid--lg .ss360-suggests__price-wrap--list {
            display: none
        }

        .ss360-grid--lg .ss360-suggests__price-wrap--grid {
            display: flex
        }
}

@media(max-width:991px) {
    .ss360-grid--sm {
        display: grid
    }

        .ss360-grid--sm .ss360-suggests {
            max-width: 100%;
            overflow: hidden
        }

        .ss360-grid--sm .ss360-suggests__image-container {
            width: 100%
        }

        .ss360-grid--sm .ss360-suggests__wrap {
            flex-direction: column;
            height: 100%
        }

        .ss360-grid--sm .ss360-suggests__image-wrap {
            box-sizing: border-box;
            height: calc(220px + var(--ss360-spacing-xs));
            margin-bottom: var(--ss360-spacing-md);
            min-height: 220px;
            min-width: 100%;
            width: 100%
        }

        .ss360-grid--sm .ss360-suggests__header {
            max-height: calc(var(--ss360-fs-md)*2*1.2);
            min-height: calc(var(--ss360-fs-md)*2*1.2);
            overflow: hidden;
            padding-top: 0
        }

        .ss360-grid--sm .ss360-suggests__content {
            height: 100%;
            justify-content: space-between
        }

        .ss360-grid--sm .ss360-suggests__snippet {
            height: 100%
        }

        .ss360-grid--sm .ss360-suggests__image {
            height: 100%;
            max-height: none;
            width: 100%
        }

        .ss360-grid--sm .ss360-suggests__image--lazy {
            height: 150px
        }

        .ss360-grid--sm .ss360-suggests__image--pdf {
            -o-object-fit: contain;
            object-fit: contain
        }

        .ss360-grid--sm .ss360-suggests__price-wrap--list {
            display: none
        }

        .ss360-grid--sm .ss360-suggests__price-wrap--grid {
            display: flex
        }
}

.ss360-similar-content-block .ss360-suggests {
    max-width: 100%;
    overflow: hidden
}

.ss360-similar-content-block .ss360-suggests__image-container {
    width: 100%
}

.ss360-similar-content-block .ss360-suggests__wrap {
    flex-direction: column;
    height: 100%
}

.ss360-similar-content-block .ss360-suggests__image-wrap {
    box-sizing: border-box;
    height: calc(220px + var(--ss360-spacing-xs));
    margin-bottom: var(--ss360-spacing-md);
    min-height: 220px;
    min-width: 100%;
    width: 100%
}

.ss360-similar-content-block .ss360-suggests__header {
    max-height: calc(var(--ss360-fs-md)*2*1.2);
    min-height: calc(var(--ss360-fs-md)*2*1.2);
    overflow: hidden;
    padding-top: 0
}

.ss360-similar-content-block .ss360-suggests__content {
    height: 100%;
    justify-content: space-between
}

.ss360-similar-content-block .ss360-suggests__snippet {
    height: 100%
}

.ss360-similar-content-block .ss360-suggests__image {
    height: 100%;
    max-height: none;
    width: 100%
}

.ss360-similar-content-block .ss360-suggests__image--lazy {
    height: 150px
}

.ss360-similar-content-block .ss360-suggests__image--pdf {
    -o-object-fit: contain;
    object-fit: contain
}

.ss360-similar-content-block .ss360-suggests__price-wrap--list {
    display: none
}

.ss360-similar-content-block .ss360-suggests__price-wrap--grid {
    display: flex
}

@media(min-width:992px) {
    .ss360-grid {
        grid-template-columns: var(--ss360-grid-columns-md)
    }
}

@media(min-width:1200px) {
    .ss360-grid {
        grid-template-columns: var(--ss360-grid-columns-lg)
    }
}

@media(max-width:991px) {
    .ss360-grid {
        grid-template-columns: var(--ss360-grid-columns-sm)
    }
}

@media(max-width:767px) {
    .ss360-grid {
        grid-template-columns: var(--ss360-grid-columns-xs)
    }

        .ss360-grid .ss360-suggests__header {
            max-height: none;
            min-height: 0;
            min-height: auto;
            overflow: visible;
            overflow: initial
        }
}

@media(min-width:992px) {
    .ss360-grid--lg.ss360-grid--singleline-title .ss360-suggests {
        min-width: 0
    }

    .ss360-grid--lg.ss360-grid--singleline-title .ss360-suggests__link-wrap {
        display: block;
        max-width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media(max-width:991px) {
    .ss360-grid--sm.ss360-grid--singleline-title .ss360-suggests {
        min-width: 0
    }

    .ss360-grid--sm.ss360-grid--singleline-title .ss360-suggests__link-wrap {
        display: block;
        max-width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media(min-width:992px) {
    .ss360-masonry--lg .ss360-group {
        overflow: hidden
    }

    .ss360-masonry--lg.ss360-list {
        align-content: space-between;
        display: flex;
        flex-flow: column wrap;
        gap: var(--ss360-spacing-sm);
        height: 2000px;
        margin-bottom: 0;
        margin-top: 0
    }

    .ss360-masonry--lg .ss360-suggests__wrap {
        flex-direction: column
    }

    .ss360-masonry--lg .ss360-suggests__image-wrap, .ss360-masonry--lg .ss360-suggests__link {
        align-items: center;
        display: flex;
        justify-content: center;
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }

    .ss360-masonry--lg .ss360-suggests__content {
        margin-left: 0;
        padding-left: var(--ss360-spacing-md);
        padding-right: var(--ss360-spacing-md)
    }

    .ss360-masonry--lg .ss360-suggests__link {
        display: block
    }

    .ss360-masonry--lg .ss360-suggests__image {
        height: auto;
        margin: var(--ss360-spacing-xs) 0;
        max-height: none;
        max-width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: auto
    }

    .ss360-masonry--lg .ss360-suggests__image--lazy {
        height: 150px;
        width: 100%
    }

    .ss360-masonry--lg .ss360-masonry-break {
        content: "";
        flex-basis: 100%;
        margin: 0;
        padding: 0;
        width: 0
    }
}

@media(max-width:991px) {
    .ss360-masonry--sm .ss360-group {
        overflow: hidden
    }

    .ss360-masonry--sm.ss360-list {
        align-content: space-between;
        display: flex;
        flex-flow: column wrap;
        gap: var(--ss360-spacing-sm);
        height: 2000px;
        margin-bottom: 0;
        margin-top: 0
    }

    .ss360-masonry--sm .ss360-suggests__wrap {
        flex-direction: column
    }

    .ss360-masonry--sm .ss360-suggests__image-wrap, .ss360-masonry--sm .ss360-suggests__link {
        align-items: center;
        display: flex;
        justify-content: center;
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }

    .ss360-masonry--sm .ss360-suggests__content {
        margin-left: 0;
        padding-left: var(--ss360-spacing-md);
        padding-right: var(--ss360-spacing-md)
    }

    .ss360-masonry--sm .ss360-suggests__link {
        display: block
    }

    .ss360-masonry--sm .ss360-suggests__image {
        height: auto;
        margin: var(--ss360-spacing-xs) 0;
        max-height: none;
        max-width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: auto
    }

    .ss360-masonry--sm .ss360-suggests__image--lazy {
        height: 150px;
        width: 100%
    }

    .ss360-masonry--sm .ss360-masonry-break {
        content: "";
        flex-basis: 100%;
        margin: 0;
        padding: 0;
        width: 0
    }
}

@media(prefers-reduced-motion:reduce) {
    .ss360-animated, .ss360-animated--fast, .ss360-close-button:hover, .ss360-fid .ss360-us .ss360-fo, .ss360-loader, .ss360-loader--square, .ss360-loader__bounce, .ss360-shimmer {
        animation-duration: 0;
        animation-duration: 0s
    }
}

.ss360-u-hide-y-overflow {
    overflow-y: hidden
}

.ss360-nav--top {
    padding-bottom: 0
}

.ss360-nav--left {
    flex: 1;
    padding-right: var(--ss360-spacing-sm)
}

.ss360-nav__entry {
    background: var(--ss360-white);
    border-color: var(--ss360-grey-light);
    border-radius: var(--ss360-border-radius-sm);
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    color: var(--ss360-black);
    cursor: pointer;
    display: inline-block;
    font-size: var(--ss360-fs-md);
    line-height: var(--ss360-fs-md);
    margin: 0;
    margin-right: var(--ss360-spacing-sm);
    padding: var(--ss360-spacing-sm);
    transition: background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out
}

@media(max-width:991px) {
    .ss360-nav__entry {
        font-size: var(--ss360-fs-sm);
        line-height: var(--ss360-fs-sm);
        padding: var(--ss360-spacing-sm) var(--ss360-spacing-xs);
        white-space: nowrap
    }
}

.ss360-nav__entry--active, .ss360-nav__entry:focus, .ss360-nav__entry:hover {
    background-color: var(--ss360-accent-color-light-transparent);
    border-color: var(--ss360-accent-color);
    color: var(--ss360-accent-color)
}

.ss360-nav__entry--text-white {
    color: var(--ss360-white)
}

.ss360-nav__entry--text-black {
    color: var(--ss360-black)
}

.ss360-nav__entry--text-white-hover:focus, .ss360-nav__entry--text-white-hover:hover {
    color: var(--ss360-white)
}

.ss360-nav__entry--text-black-hover:focus, .ss360-nav__entry--text-black-hover:hover {
    color: var(--ss360-black)
}

.ss360-nav__result-count {
    margin-left: var(--ss360-spacing-xxs)
}

    .ss360-nav__result-count:after {
        content: ")"
    }

    .ss360-nav__result-count:before {
        content: "("
    }

.ss360-nav__menu {
    display: flex;
    flex-wrap: wrap;
    float: none;
    gap: var(--ss360-spacing-sm);
    justify-content: center;
    list-style: none;
    margin-top: var(--ss360-spacing-xxs);
    padding: 0
}

@media(max-width:991px) {
    .ss360-nav__menu {
        flex-wrap: nowrap;
        gap: var(--ss360-spacing-xs);
        justify-content: flex-start;
        overflow-x: auto
    }
}

.ss360-nav__menu-item {
    margin: 0
}

.ss360-nav--top .ss360-nav__menu {
    margin-bottom: var(--ss360-spacing-md);
    margin-left: 0
}

.ss360-nav--top .ss360-nav__menu-item {
    display: inline-block;
    margin: var(--ss360-spacing-xxs) 0 0 0
}

.ss360-nav--top .ss360-nav__entry {
    margin-right: var(--ss360-spacing-xxs)
}

.ss360-nav--left .ss360-nav__entry {
    margin-bottom: var(--ss360-spacing-sm)
}

.ss360-layer .ss360-layer__content--right {
    flex: 4
}

.ss360-layer__content--tabs .ss360-group:not(.ss360-group--active):not(.ss360-skeleton__group) {
    display: none
}

.ss360-layer:not(.ss360-layer--group-ss360_all_results) .ss360-layer__content--tabs .ss360-group__heading, .ss360-layer:not(.ss360-layer--grouped-all-results) .ss360-layer__content--tabs .ss360-group__heading {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ss360-nav--left .ss360-nav__menu {
    align-items: center;
    flex-direction: column;
    margin-top: 0
}

@media(max-width:680px) {
    .ss360-nav--left {
        clear: both;
        margin-bottom: var(--ss360-spacing-md);
        padding-right: 0
    }

        .ss360-nav--left .ss360-nav__menu-item {
            display: inline-block;
            margin-top: var(--ss360-spacing-xs)
        }

        .ss360-nav--left .ss360-nav__entry {
            margin-bottom: 0;
            margin-right: var(--ss360-spacing-xs)
        }

    .ss360-layer__content--right, .ss360-nav--left {
        flex: none;
        width: 100%
    }
}

.ss360-no-results {
    max-width: 100%;
    overflow: hidden
}

.ss360-no-results__header {
    align-items: center;
    display: flex;
    margin-bottom: var(--ss360-spacing-lg)
}

.ss360-no-results__icon {
    display: block;
    margin-right: var(--ss360-spacing-lg)
}

.ss360-no-results__subtitle, .ss360-no-results__title {
    display: block;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.41;
    margin: 0;
    margin-bottom: var(--ss360-spacing-xxs);
    padding: 0
}

.ss360-no-results__subtitle {
    margin-bottom: var(--ss360-spacing-md)
}

.ss360-no-results__block {
    margin-bottom: var(--ss360-spacing-xl)
}

.ss360-no-results__block--searchBox .ss360-no-results__search {
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0
}

.ss360-no-results__block--relatedQueries .ss360-related-queries {
    margin-left: 0
}

.ss360-no-results__popular-queries {
    display: grid;
    grid-gap: var(--ss360-spacing-sm);
    gap: var(--ss360-spacing-sm);
    grid-template-columns: 1fr 1fr 1fr;
    list-style: none;
    margin: 0;
    padding: 0
}

@media(max-width:767px) {
    .ss360-no-results__popular-queries {
        grid-template-columns: 1fr 1fr
    }
}

.ss360-no-results__popular-query {
    color: var(--ss360-black);
    display: flex;
    line-height: 18px;
    -webkit-text-decoration: none;
    text-decoration: none
}

    .ss360-no-results__popular-query:focus, .ss360-no-results__popular-query:hover {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

.ss360-no-results__popular-query-icon {
    display: block;
    margin-right: var(--ss360-spacing-xxs)
}

.ss360-no-results__header + .ss360-no-results__block--searchBox .ss360-no-results__search {
    margin-bottom: 0;
    margin-left: calc(86px + var(--ss360-spacing-lg));
    margin-top: 0;
    padding: 0
}

.ss360-no-results__alternative-results.ss360-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0 0 0 4px
}

@media(max-width:991px) {
    .ss360-no-results__alternative-results.ss360-grid {
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width:767px) {
    .ss360-no-results__alternative-results.ss360-grid {
        grid-template-columns: 1fr
    }
}

.ss360-suggests--card {
    border: 1px solid var(--ss360-grey-light);
    border-radius: var(--ss360-card-border-radius);
    padding: var(--ss360-spacing-md)
}

.ss360-suggests--has-mini-pdp {
    transition: border-color .3s ease-in-out
}

    .ss360-suggests--has-mini-pdp:focus-within, .ss360-suggests--has-mini-pdp:hover {
        border-color: var(--ss360-accent-color)
    }

.ss360-suggests--mini-pdp-active {
    background-color: var(--ss360-accent-color-light-transparent);
    border-color: var(--ss360-accent-color)
}

.ss360-suggests:after, .ss360-suggests:before {
    content: none
}

.ss360-suggests--hidden {
    display: none
}

.ss360-suggests__link {
    color: var(--ss360-black);
    display: block;
    font-size: var(--ss360-fs-md);
    font-weight: 600;
    line-height: 1.2;
    -webkit-text-decoration: none;
    text-decoration: none
}

    .ss360-suggests__link:hover {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

.ss360-suggests__url {
    color: var(--ss360-accent-color);
    display: block;
    font-size: var(--ss360-fs-sm);
    -webkit-text-decoration: none;
    text-decoration: none;
    word-break: break-word
}

.ss360-suggests__header {
    padding: 0;
    position: relative;
    text-align: left
}

.ss360-suggests__wrap {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: var(--ss360-spacing-md)
}

.ss360-suggests__wrap--has-mini-pdp {
    cursor: pointer
}

.ss360-suggests__content {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: var(--ss360-spacing-md);
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    width: 100%
}

    .ss360-suggests__content > :last-child {
        margin-bottom: 0
    }

.ss360-suggests__link-wrap {
    margin: 0
}

.ss360-suggests__snippet {
    font-size: var(--ss360-fs-sm);
    line-height: 1.41;
    margin: 0;
    padding: 0;
    word-break: break-word
}

.ss360-suggests__image-wrap {
    display: block;
    line-height: 0;
    max-width: 33%;
    min-height: 100%;
    min-width: 250px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 250px
}

.ss360-suggests__image-wrap--empty {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27220%27 height=%27220%27 fill=%27none%27 viewBox=%270 0 230 230%27%3E%3Cpath fill=%27%23F0F2F6%27 d=%27M0 0h230v230H0z%27/%3E%3Cpath fill=%27%23BABFC8%27 d=%27m140.538 144.665-6.35-6.332H93.463q-1.945 0-3.328-1.385t-1.385-3.322V102.21q0-1.942 1.385-3.325 1.386-1.382 3.325-1.385h4.054v4.162L86.54 90.681a1.48 1.48 0 0 1-.455-1.012q-.027-.587.455-1.07.48-.485 1.038-.482t1.041.481l54.003 54.005q.425.426.455 1.004.028.577-.455 1.058t-1.042.482q-.558 0-1.041-.482m-.773-15.166a2.5 2.5 0 0 1-1.295.163q-.662-.09-1.222-.65l-11.436-11.437a10.5 10.5 0 0 0-.846-3.981 10.7 10.7 0 0 0-2.29-3.401 10.4 10.4 0 0 0-3.354-2.24 10.5 10.5 0 0 0-3.978-.846l-9.928-9.91a2.25 2.25 0 0 1-.537-.785 2.4 2.4 0 0 1-.155-.863q0-.415.155-.814a2.7 2.7 0 0 1 .464-.761l.729-.803q.642-.693 1.554-1.099a4.6 4.6 0 0 1 1.905-.406h10.937a4.6 4.6 0 0 1 1.908.406 4.7 4.7 0 0 1 1.552 1.097l3.987 4.33h8.627q1.943 0 3.325 1.386t1.383 3.325v25.154q0 .822-.426 1.353a2.54 2.54 0 0 1-1.059.782m-24.765-.7q1.93 0 3.736-.674a10.2 10.2 0 0 0 3.264-1.981l-15.228-15.227a10.2 10.2 0 0 0-1.981 3.263 10.6 10.6 0 0 0-.67 3.737q0 4.535 3.17 7.708 3.176 3.171 7.709 3.171m.029-2.917q-3.357 0-5.676-2.319t-2.319-5.673q0-1.6.604-3.033a8 8 0 0 1 1.735-2.567l11.253 11.253a8 8 0 0 1-2.567 1.735 7.7 7.7 0 0 1-3.033.604%27/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--ss360-card-border-radius);
    height: 100%;
    min-height: 220px
}

.ss360-suggests__image {
    border-radius: var(--ss360-card-border-radius);
    display: inline-block;
    max-height: 200px;
    max-width: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    width: auto
}

.ss360-suggests__image--cover {
    min-height: 100px;
    -o-object-fit: cover;
    object-fit: cover
}

.ss360-suggests__image--lazy {
    height: 100px
}

.ss360-suggests__image--doc {
    border-radius: 0;
    height: 150px;
    max-height: 150px
}

.ss360-suggests__image--pdf {
    box-sizing: border-box;
    -o-object-fit: cover;
    object-fit: cover
}

.ss360-suggests__variants-count {
    display: block;
    font-size: var(--ss360-fs-sm);
    line-height: var(--ss360-fs-sm);
    margin-bottom: var(--ss360-spacing-xs)
}

.ss360-suggests__price-wrap {
    align-items: center;
    display: flex;
    gap: var(--ss360-spacing-xs)
}

.ss360-suggests__price-wrap--grid {
    display: none
}

.ss360-suggests__price {
    line-height: 1
}

.ss360-suggests__price--new {
    color: var(--ss360-accent-color);
    font-size: var(--ss360-fs-md);
    font-weight: 700
}

.ss360-suggests__price--old {
    color: var(--ss360-grey-text);
    font-size: var(--ss360-fs-sm);
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.ss360-suggests__image-container {
    position: relative
}

.ss360-suggests__badges {
    align-items: flex-start;
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: var(--ss360-spacing-xs);
    padding: var(--ss360-spacing-sm) 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

.ss360-suggests__image-wrap--empty + .ss360-suggests__badges {
    position: relative
}

.ss360-suggests__image-container--has-variants .ss360-suggests__badges {
    bottom: calc(50px + var(--ss360-spacing-sm))
}

.ss360-suggests__image-container--has-multiple-images .ss360-suggests__badges {
    bottom: var(--ss360-spacing-lg)
}

.ss360-suggests__badge {
    align-items: center;
    background-color: var(--ss360-accent-color-light);
    border-radius: 64px;
    color: var(--ss360-accent-color-dark);
    display: flex;
    font-size: var(--ss360-fs-sm);
    gap: var(--ss360-spacing-xs);
    line-height: 1;
    padding: var(--ss360-spacing-xxs) var(--ss360-spacing-sm)
}

.ss360-suggests__badge-icon {
    max-height: 16px;
    max-width: 16px;
    min-height: 16px;
    min-width: 16px
}

.ss360-suggests__stock {
    align-items: center;
    display: flex;
    gap: var(--ss360-spacing-xs);
    line-height: 1
}

.ss360-suggests__stock--in-stock {
    color: var(--ss360-green)
}

.ss360-suggests__stock--out-of-stock {
    color: var(--ss360-red)
}

.ss360-suggests__rating {
    align-items: center;
    background: transparent;
    color: var(--ss360-grey-text);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--ss360-fs-sm);
    gap: var(--ss360-spacing-xs);
    line-height: 1
}

.ss360-suggests__rating--btn {
    cursor: pointer
}

    .ss360-suggests__rating--btn:focus, .ss360-suggests__rating--btn:hover {
        background: transparent
    }

.ss360-suggests__image-wrap--video .ss360-suggests__image {
    filter: brightness(.62)
}

.ss360-suggests--assistant {
    grid-column-start: span 4
}

@media(max-width:1199px) {
    .ss360-suggests--assistant {
        grid-column-start: span 3
    }
}

@media(max-width:991px) {
    .ss360-suggests--assistant {
        grid-column-start: span 2
    }
}

@media(max-width:767px) {
    .ss360-suggests--assistant {
        grid-column-start: span 1
    }
}

@media(max-width:991px) {
    .ss360-suggests__wrap {
        align-items: normal;
        flex-direction: column
    }

    .ss360-suggests__wrap--row {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .ss360-suggests__image-wrap {
        align-self: center;
        margin-bottom: var(--ss360-spacing-md);
        max-width: none;
        width: 100%
    }

    .ss360-suggests__wrap--row .ss360-suggests__image-container {
        max-width: 100%;
        overflow: hidden
    }

    .ss360-suggests__wrap--row .ss360-suggests__image-wrap {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }
}

@media(min-width:992px) {
    .ss360-grid--lg .ss360-variants {
        margin-left: auto;
        margin-right: auto;
        max-width: 80%
    }

    .ss360-grid--lg.ss360-grid--has-variants .ss360-suggests__image-container:not(.ss360-suggests__image-container--has-variants) {
        margin-bottom: var(--ss360-variant-dimension)
    }
}

@media(max-width:991px) {
    .ss360-grid--sm.ss360-grid--has-variants .ss360-suggests__image-container:not(.ss360-suggests__image-container--has-variants) {
        margin-bottom: var(--ss360-variant-dimension)
    }

    .ss360-grid--sm.ss360-grid--has-variants-label .ss360-suggests__header:not(.ss360-suggests__header--has-variants-label) {
        margin-bottom: calc(var(--ss360-spacing-xxs) + var(--ss360-fs-sm) + var(--ss360-spacing-xs))
    }
}

.ss360-suggests__image-container--has-multiple-images .ss360-suggests__image-wrap, .ss360-suggests__image-container--has-variants .ss360-suggests__image-wrap {
    margin-bottom: var(--ss360-spacing-sm);
    min-height: 0
}

.ss360-suggests__image-container--has-multiple-images .ss360-suggests__image-wrap--empty, .ss360-suggests__image-container--has-variants .ss360-suggests__image-wrap--empty {
    height: 100px;
    margin-bottom: var(--ss360-spacing-sm);
    min-height: 100px
}

.ss360-suggests__image-container--has-variants .ss360-suggests__image {
    min-height: 200px
}

@media(min-width:992px) {
    .ss360-suggests__carousel-pager {
        background-color: var(--ss360-white);
        opacity: 0;
        transition: opacity .3s ease-in-out
    }

    .ss360-suggests__carousel-wrap:focus-within .ss360-suggests__carousel-pager, .ss360-suggests__carousel-wrap:hover .ss360-suggests__carousel-pager {
        background-color: var(--ss360-white);
        opacity: 1
    }

    .ss360-suggests__carousel-pager:focus {
        opacity: 1
    }

    .ss360-grid--lg.ss360-grid--has-variants-label .ss360-suggests__header:not(.ss360-suggests__header--has-variants-label) {
        margin-bottom: calc(var(--ss360-spacing-xxs) + var(--ss360-fs-sm) + var(--ss360-spacing-xs))
    }
}

.ss360-variants {
    display: flex;
    gap: var(--ss360-spacing-xs);
    list-style: none;
    margin: 0;
    margin-left: var(--ss360-spacing-sm);
    max-width: calc(250px - var(--ss360-spacing-sm));
    overflow-x: hidden;
    padding: 0 0 var(--ss360-spacing-sm) 0;
    position: relative;
    scroll-behavior: smooth
}

@media(max-width:991px) {
    .ss360-variants {
        margin-left: auto;
        margin-right: auto;
        max-width: 80%
    }
}

.ss360-variant .ss360-variant__button {
    background: transparent;
    border: 1px solid var(--ss360-grey-light);
    border-radius: var(--ss360-border-radius-md);
    cursor: pointer;
    height: var(--ss360-variant-dimension);
    padding: 2px;
    width: var(--ss360-variant-dimension)
}

    .ss360-variant .ss360-variant__button--active, .ss360-variant .ss360-variant__button:focus, .ss360-variant .ss360-variant__button:hover {
        border-color: var(--ss360-accent-color)
    }

.ss360-variant .ss360-variant__image {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.ss360-variant .ss360-variant__image--cover {
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.ss360-variant__arrow-wrap {
    display: none;
    height: 50px;
    position: sticky
}

.ss360-variant__arrow-wrap--prev {
    left: 0
}

.ss360-variant__arrow-wrap--next {
    right: 0
}

.ss360-variant__arrow {
    align-items: center;
    background: hsla(0,0%,100%,.8);
    cursor: pointer;
    display: flex;
    height: 100%
}

.ss360-variant__arrow--prev .ss360-variant__arrow-icon {
    transform: rotate(90deg)
}

.ss360-variant__arrow--next .ss360-variant__arrow-icon {
    transform: rotate(270deg)
}

.ss360-suggests__carousel {
    display: flex;
    margin-bottom: var(--ss360-spacing-sm);
    max-height: 100%;
    max-width: 250px;
    overflow: hidden;
    scroll-behavior: smooth
}

.ss360-suggests__carousel-wrap {
    position: relative
}

.ss360-suggests__carousel-entry {
    align-items: center;
    display: flex;
    justify-content: center;
    min-width: 100%;
    width: 100%
}

.ss360-suggests__carousel-nav-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0;
    margin-bottom: var(--ss360-spacing-sm);
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    padding: 0 var(--ss360-spacing-sm)
}

.ss360-suggests__carousel-nav-entry {
    background: #c4c4c4;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 8px;
    margin: 0 var(--ss360-spacing-xxs) var(--ss360-spacing-xxs) var(--ss360-spacing-xxs);
    max-height: 8px;
    max-width: 8px;
    min-height: 8px;
    min-width: 8px;
    padding: 0;
    width: 8px
}

.ss360-suggests__carousel-nav-entry--active {
    background: #353a4b
}

.ss360-suggests__carousel-pager {
    align-items: center;
    background: hsla(0,0%,100%,.8);
    cursor: pointer;
    display: flex;
    height: 100%;
    padding: 0 var(--ss360-spacing-xxs);
    position: absolute;
    top: 0;
    z-index: 1
}

.ss360-suggests__carousel-pager--prev {
    left: 0
}

.ss360-suggests__carousel-pager--next {
    right: 0
}

.ss360-suggests__carousel-pager--prev .ss360-suggests__carousel-pager-icon {
    transform: rotate(90deg)
}

.ss360-suggests__carousel-pager--next .ss360-suggests__carousel-pager-icon {
    transform: rotate(270deg)
}

@media(max-width:991px) {
    .ss360-grid--sm .ss360-suggests__carousel {
        height: calc(220px + var(--ss360-spacing-sm));
        max-height: calc(220px + var(--ss360-spacing-sm))
    }

    .ss360-suggests__carousel {
        max-width: 100%;
        width: 100%
    }
}

@media(min-width:992px) {
    .ss360-grid--lg .ss360-suggests__carousel {
        height: calc(220px + var(--ss360-spacing-sm));
        max-height: calc(220px + var(--ss360-spacing-sm));
        max-width: 100%;
        width: 100%
    }
}

.ss360-404 .ss360-sorting {
    display: none
}

.ss360-page-size, .ss360-sorting {
    margin-bottom: var(--ss360-spacing-sm);
    min-height: var(--ss360-spacing-lg);
    position: relative;
    width: auto
}

.ss360-page-size__label, .ss360-page-size__select, .ss360-sorting__label, .ss360-sorting__select {
    font-size: var(--ss360-fs-sm)
}

.ss360-page-size__select, .ss360-sorting__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: inherit;
    border: var(--ss360-border-sm) solid var(--ss360-grey-light);
    border-radius: var(--ss360-border-radius-xl);
    color: var(--ss360-grey-text);
    font-size: 14px;
    font-weight: 475;
    height: 29px;
    margin: 0;
    max-width: 250px;
    padding: var(--ss360-spacing-xxs) var(--ss360-spacing-lg) var(--ss360-spacing-xxs) var(--ss360-spacing-lg);
    position: relative
}

    .ss360-page-size__select::-ms-expand, .ss360-sorting__select::-ms-expand {
        display: none
    }

.ss360-page-size__select--no-icon, .ss360-sorting__select--no-icon {
    padding-left: var(--ss360-spacing-xs)
}

.ss360-page-size__sort-icon, .ss360-sorting__sort-icon {
    height: 16px;
    left: 5px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px
}

.ss360-page-size__select-icon, .ss360-sorting__select-icon {
    height: 16px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px
}

.ss360-page-size__label, .ss360-sorting__label {
    margin: 0;
    margin-right: var(--ss360-spacing-xs);
    padding-bottom: var(--ss360-spacing-xs)
}

.ss360-page-size {
    margin-left: auto
}

.ss360-page-size__select {
    padding-left: var(--ss360-spacing-xs)
}

.ss360-voice-search {
    background: transparent;
    border-color: transparent;
    border-radius: 50%;
    cursor: pointer;
    padding: 0;
    z-index: 2
}

.ss360-voice-search--recording {
    animation-duration: 1.25s;
    animation-iteration-count: infinite;
    animation-name: ss360-recording;
    background-color: #e05350
}

@media(prefers-reduced-motion:reduce) {
    .ss360-voice-search--recording {
        animation-duration: 0s
    }
}

.ss360-skeleton__result {
    box-shadow: none
}

.ss360-skeleton__result-image {
    height: 125px;
    width: 125px
}

.ss360-skeleton__result-heading {
    height: 25px;
    margin-bottom: var(--ss360-spacing-sm);
    max-width: 350px;
    width: calc(100% - 50px)
}

.ss360-skeleton__content-container {
    display: flex;
    flex-direction: row
}

.ss360-skeleton__result-snippet {
    height: 125px;
    margin: 0;
    margin-left: var(--ss360-spacing-md);
    width: 100%
}

.ss360-skeleton__result-snippet-row {
    height: 20px;
    margin-bottom: var(--ss360-spacing-sm);
    width: 100%
}

.ss360-skeleton__result-snippet-row--last {
    margin-bottom: 0;
    width: 62%
}

.ss360-skeleton__block-heading {
    height: 35px;
    width: 62%
}

.ss360-skeleton__navigation-entry {
    display: inline-block;
    height: 37px;
    margin: var(--ss360-spacing-md) var(--ss360-spacing-xxs);
    width: 105px
}

.ss360-skeleton__navigation-entry--first {
    margin-left: 0
}

.ss360-skeleton__filter--left {
    flex: 1;
    padding-right: var(--ss360-spacing-md);
    padding-top: var(--ss360-spacing-md)
}

.ss360-skeleton__filter--top {
    display: flex;
    margin-bottom: var(--ss360-spacing-md);
    margin-top: var(--ss360-spacing-md);
    width: 100%
}

.ss360-nav--left.ss360-skeleton__navigation .ss360-skeleton__navigation-entry {
    margin: var(--ss360-spacing-xs);
    width: 80%
}

.ss360-layer__content--skeleton-right {
    padding-top: var(--ss360-spacing-xs);
    width: 80%
}

.ss360-layer__content--skeleton-filter-left {
    flex: 3
}

.ss360-skeleton__filter--left .ss360-skeleton__filter-block {
    height: 250px;
    margin-bottom: var(--ss360-spacing-md);
    width: 100%
}

.ss360-skeleton__filter--top .ss360-skeleton__filter-block {
    height: 25px;
    margin-right: var(--ss360-spacing-md);
    max-width: 20%;
    width: 200px
}

.ss360-shimmer {
    animation-duration: 1.2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: ss360-shimmer;
    animation-timing-function: linear;
    background: linear-gradient(90deg,#f0f2f6 8%,#e3e8f1 38%,#f1f2f6 58%);
    background-size: 200% 100%;
    border-radius: 4px;
    mix-blend-mode: multiply
}

@keyframes ss360-shimmer {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: -100% 0
    }
}

@media(min-width:992px) {
    .ss360-grid--lg .ss360-skeleton__content-container {
        flex-direction: column
    }

    .ss360-grid--lg .ss360-skeleton__result-snippet {
        margin: 0;
        margin-top: var(--ss360-spacing-md);
        width: 100%
    }

    .ss360-grid--lg .ss360-skeleton__result-image {
        height: 150px;
        width: 100%
    }

    .ss360-grid--lg__block-heading {
        margin-left: var(--ss360-spacing-xs)
    }

    .ss360-skeleton__hide-images--desktop .ss360-skeleton__result-image, .ss360-skeleton__hide-titles--desktop .ss360-skeleton__result-heading {
        display: none
    }

    .ss360-skeleton__hide-images--desktop .ss360-skeleton__result-snippet {
        margin-left: 0
    }

    .ss360-skeleton__hide-snippets--desktop .ss360-skeleton__result-snippet {
        display: none
    }
}

@media(max-width:991px) {
    .ss360-grid--sm .ss360-skeleton__content-container {
        flex-direction: column
    }

    .ss360-grid--sm .ss360-skeleton__result-snippet {
        margin: 0;
        margin-top: var(--ss360-spacing-md);
        width: 100%
    }

    .ss360-grid--sm .ss360-skeleton__result-image {
        height: 150px;
        width: 100%
    }

    .ss360-grid--sm .ss360-skeleton__result-heading {
        width: 100%
    }

    .ss360-grid--sm .ss360-skeleton__block-heading {
        margin-left: var(--ss360-spacing-xs);
        width: calc(100% - 16px)
    }

    .ss360-skeleton__hide-images--mobile .ss360-skeleton__result-image, .ss360-skeleton__hide-titles--mobile .ss360-skeleton__result-heading, .ss360-skeleton__navigation-entry--last {
        display: none
    }

    .ss360-skeleton__hide-images--mobile .ss360-skeleton__result-snippet {
        margin-left: 0
    }

    .ss360-skeleton__hide-snippets--mobile .ss360-skeleton__result-snippet {
        display: none
    }

    .ss360-layer .ss360-layer__content--skeleton-right {
        padding-left: var(--ss360-spacing-xs)
    }

    .ss360-skeleton__filter--left {
        display: none
    }
}

.ss360-suggests__cta-wrap {
    display: flex;
    gap: var(--ss360-spacing-sm)
}

    .ss360-suggests__cta-wrap:not(.ss360-suggests__cta-wrap--column) {
        align-items: center
    }

.ss360-suggests__cta-wrap--column {
    align-items: flex-start;
    flex-direction: column
}

    .ss360-suggests__cta-wrap--column .ss360-cta {
        align-self: flex-start
    }

    .ss360-suggests__cta-wrap--column .ss360-cta--center {
        align-self: center
    }

    .ss360-suggests__cta-wrap--column .ss360-cta--right {
        align-self: flex-end
    }

.ss360-suggests__cta-wrap--row .ss360-cta {
    margin-right: var(--ss360-spacing-sm)
}

.ss360-cta {
    box-sizing: border-box;
    color: var(--ss360-black);
    cursor: pointer;
    display: flex;
    font-size: var(--ss360-fs-md);
    gap: var(--ss360-spacing-xs);
    line-height: var(--ss360-fs-md);
    position: relative;
    transition: background-color .3s ease-in-out,color .3s ease-in-out,padding .3s ease-in-out,margin-right .3s ease-in-out,fill .3s ease-in-out
}

.ss360-cta--stretch {
    width: 100%
}

.ss360-cta--button {
    align-items: center;
    background: var(--ss360-white);
    border-color: var(--ss360-grey-light);
    border-radius: var(--ss360-border-radius-md);
    border-style: solid;
    border-width: var(--ss360-border-sm);
    justify-content: center;
    padding: var(--ss360-spacing-xs) var(--ss360-spacing-md);
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: background-color .3s ease-in-out,border-color .3s ease-in-out
}

    .ss360-cta--button:focus, .ss360-cta--button:hover {
        background-color: var(--ss360-grey-light)
    }

.ss360-cta--primary {
    background: var(--ss360-accent-color);
    border-color: var(--ss360-accent-color);
    color: var(--ss360-white)
}

    .ss360-cta--primary:focus, .ss360-cta--primary:hover {
        background-color: var(--ss360-accent-color-dark);
        border-color: var(--ss360-accent-color-dark)
    }

.ss360-cta__icon {
    background: transparent;
    height: 20px;
    overflow: hidden;
    width: 20px
}

.ss360-cta__img {
    max-height: 100%;
    max-width: 100%
}

.ss360-error {
    margin: var(--ss360-spacing-lg);
    padding: var(--ss360-spacing-xl)
}

.ss360-error__icon {
    margin-right: var(--ss360-spacing-xl)
}

.ss360-error__cta {
    width: 100%
}

.ss360-error__heading {
    font-size: var(--ss360-fs-xl);
    margin-bottom: var(--ss360-spacing-md);
    margin-top: 0
}

.ss360-error__message {
    font-size: var(--ss360-fs-md);
    line-height: 1.41;
    margin-bottom: var(--ss360-spacing-xl);
    margin-top: 0
}

.ss360-error__button {
    align-self: center;
    max-width: 100%;
    min-width: 180px;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: auto
}

@media(max-width:767px) {
    .ss360-error {
        flex-direction: column
    }

    .ss360-error__description {
        align-items: center;
        flex-direction: column
    }

    .ss360-error__icon {
        margin-bottom: var(--ss360-spacing-md)
    }

    .ss360-error__button {
        align-self: auto
    }
}

.ss360-similar-content {
    margin-bottom: var(--ss360-spacing-md);
    margin-top: var(--ss360-spacing-xl)
}

.ss360-similar-content-block {
    background-color: var(--ss360-white);
    overflow: hidden
}

    .ss360-similar-content-block .ss360-related-content {
        margin: 0 auto var(--ss360-spacing-lg) auto
    }

@media(min-width:992px) {
    .ss360-grid--lg .ss360-similar-content-block {
        grid-column-start: span 3
    }
}

@media(min-width:1200px) {
    .ss360-grid--lg .ss360-similar-content-block {
        grid-column-start: span 4
    }
}

@media(max-width:991px) {
    .ss360-grid--sm .ss360-similar-content-block {
        grid-column-start: span 2
    }
}

@media(max-width:767px) {
    .ss360-grid--sm .ss360-similar-content-block {
        grid-column-start: span 1
    }
}

.ss360-list-grid-toggle {
    align-items: center;
    border: 0;
    display: flex;
    margin-bottom: var(--ss360-spacing-sm);
    padding: 0
}

.ss360-list-grid-toggle__label {
    height: 33px
}

    .ss360-list-grid-toggle__label:first-of-type {
        margin-right: var(--ss360-spacing-xxs)
    }

@media(max-width:767px) {
    .ss360-list-grid-toggle--hide-sm {
        display: none
    }
}

@media(min-width:768px)and (max-width:991px) {
    .ss360-list-grid-toggle--hide-md {
        display: none
    }
}

@media(min-width:992px)and (max-width:1199px) {
    .ss360-list-grid-toggle--hide-lg {
        display: none
    }
}

@media(min-width:1200px) {
    .ss360-list-grid-toggle--hide-xl {
        display: none
    }
}

.ss360-list-grid-toggle__icon {
    align-items: center;
    border: 2px solid transparent;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 30px
}

.ss360-list-grid-toggle__label--active .ss360-list-grid-toggle__icon {
    border-color: var(--ss360-accent-color)
}

.ss360-layer--overlay .ss360-list-grid-toggle {
    width: calc(100% - var(--ss360-spacing-md))
}

.ss360-related-queries {
    margin-bottom: var(--ss360-spacing-md)
}

.ss360-related-queries__list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ss360-spacing-xxs) var(--ss360-spacing-xs);
    list-style: none;
    margin: 0;
    padding: 0
}

.ss360-related-queries__title {
    color: var(--ss360-black)
}

.ss360-related-queries__term {
    align-items: center;
    background-color: var(--ss360-accent-color-light);
    border: 1px solid var(--ss360-accent-color-light);
    border-radius: 64px;
    color: var(--ss360-black);
    cursor: pointer;
    display: flex;
    font-size: var(--ss360-fs-md);
    gap: var(--ss360-spacing-xs);
    line-height: 1;
    padding: var(--ss360-spacing-xs) var(--ss360-spacing-sm);
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: border-color .3s ease-in-out
}

    .ss360-related-queries__term:focus, .ss360-related-queries__term:hover {
        border-color: var(--ss360-accent-color-dark)
    }

.ss360-related-queries__title {
    font-weight: 700
}

.ss360-related-queries__item--title {
    margin-bottom: var(--ss360-spacing-xs);
    width: 100%
}

.ss360-pagination__copy, .ss360-pagination__label {
    display: block;
    font-size: var(--ss360-fs-sm);
    margin-bottom: var(--ss360-spacing-sm);
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.ss360-pagination__label {
    margin-bottom: var(--ss360-spacing-xxs)
}

.ss360-pagination__copy {
    align-items: center;
    background: transparent;
    color: var(--ss360-grey-text);
    cursor: pointer;
    display: flex;
    gap: var(--ss360-spacing-sm)
}

.ss360-pagination__copy-icon--active {
    display: none
}

.ss360-pagination__progress {
    display: block;
    height: 2px;
    margin: 0 auto var(--ss360-spacing-sm) auto;
    max-width: 150px;
    min-width: 100px;
    position: relative
}

.ss360-pagination__progress-bar {
    height: 2px;
    left: 0;
    position: absolute;
    top: 0
}

.ss360-pagination__progress-bar--total {
    background: var(--ss360-grey-light);
    width: 100%
}

.ss360-pagination__progress-bar--active {
    background: var(--ss360-grey-dark);
    z-index: 1
}

.ss360-pagination__copy:focus, .ss360-pagination__copy:hover {
    color: var(--ss360-accent-color)
}

    .ss360-pagination__copy:focus .ss360-pagination__copy-icon--inactive, .ss360-pagination__copy:hover .ss360-pagination__copy-icon--inactive {
        display: none
    }

    .ss360-pagination__copy:focus .ss360-pagination__copy-icon--active, .ss360-pagination__copy:hover .ss360-pagination__copy-icon--active {
        display: block
    }

.ss360-pagination--has-copy-button .ss360-more-results {
    margin-bottom: var(--ss360-spacing-lg)
}

.ss360-guided-questions {
    border-color: var(--ss360-grey-light);
    border-radius: var(--ss360-border-radius-lg);
    border-style: solid;
    border-width: var(--ss360-border-sm);
    display: flex;
    flex-direction: column;
    gap: var(--ss360-spacing-xs);
    margin-bottom: var(--ss360-spacing-sm)
}

.ss360-guided-questions--left {
    border: 0;
    max-width: 300px;
    min-width: 240px
}

.ss360-guided-questions__row {
    align-items: center;
    border-radius: var(--ss360-border-radius-lg);
    display: flex;
    flex-wrap: wrap;
    gap: var(--ss360-spacing-xs) var(--ss360-spacing-xxs);
    padding: var(--ss360-spacing-md)
}

.ss360-guided-questions--left .ss360-guided-questions__row {
    padding-bottom: 0;
    padding-top: 0
}

.ss360-guided-questions__header {
    align-items: center;
    display: flex;
    gap: var(--ss360-spacing-xs);
    margin-bottom: var(--ss360-spacing-md);
    width: 100%
}

.ss360-guided-questions--left .ss360-guided-questions__header {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 0
}

.ss360-guided-questions__question {
    align-items: center;
    color: var(--ss360-accent-color);
    display: flex;
    font-size: var(--ss360-fs-lg);
    font-weight: 700;
    gap: var(--ss360-spacing-sm);
    min-height: var(--ss360-fs-lg)
}

.ss360-guided-questions__answer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: var(--ss360-spacing-sm);
    gap: var(--ss360-spacing-sm)
}

@media(max-width:991px) {
    .ss360-guided-questions__answer-grid {
        grid-template-columns: 1fr 1fr
    }
}

.ss360-guided-questions--left .ss360-guided-questions__answer-grid {
    display: flex;
    flex-direction: column;
    gap: var(--ss360-spacing-xs)
}

.ss360-guided-questions__answer, .ss360-guided-questions__back {
    border-color: var(--ss360-grey-light);
    border-radius: var(--ss360-border-radius-lg);
    border-style: solid;
    border-width: var(--ss360-border-sm);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: var(--ss360-fs-md);
    gap: var(--ss360-spacing-xxs);
    line-height: 1.14;
    padding: var(--ss360-spacing-xs);
    position: relative;
    transition: background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out
}

    .ss360-guided-questions__answer:focus, .ss360-guided-questions__answer:hover {
        border-color: var(--ss360-accent-color)
    }

.ss360-guided-questions__answer--image-thumbnail {
    display: grid;
    grid-gap: var(--ss360-spacing-xs);
    gap: var(--ss360-spacing-xs);
    grid-template-columns: 1fr 1fr
}

.ss360-guided-questions__pagination {
    display: flex;
    gap: var(--ss360-spacing-md);
    justify-content: space-between;
    width: 100%
}

.ss360-guided-questions__pagination--skip-only {
    justify-content: flex-end
}

.ss360-guided-questions__answer--skip, .ss360-guided-questions__back {
    align-items: center;
    border: 0;
    color: var(--ss360-grey-text);
    display: flex;
    flex-direction: row;
    font-weight: 400
}

.ss360-guided-questions__answer-back-icon {
    transform: rotate(90deg)
}

.ss360-guided-questions__answer-skip-icon {
    transform: rotate(270deg)
}

.ss360-guided-questions__answer--skip:focus, .ss360-guided-questions__answer--skip:hover, .ss360-guided-questions__back:focus, .ss360-guided-questions__back:hover {
    color: var(--ss360-black)
}

    .ss360-guided-questions__answer--skip:focus path, .ss360-guided-questions__answer--skip:hover path, .ss360-guided-questions__back:focus path, .ss360-guided-questions__back:hover path {
        fill: var(--ss360-black)
    }

.ss360-guided-questions--left .ss360-guided-questions__answer--skip, .ss360-guided-questions--left .ss360-guided-questions__back {
    width: 100%
}

.ss360-guided-questions--left .ss360-guided-questions__pagination .ss360-guided-questions__answer--skip, .ss360-guided-questions--left .ss360-guided-questions__pagination .ss360-guided-questions__back {
    width: auto
}

.ss360-guided-questions__answer--placeholder {
    cursor: default;
    min-height: calc(var(--ss360-fs-md)*1.14 + var(--ss360-spacing-xs)*2)
}

.ss360-guided-questions__answer-header {
    align-items: center;
    display: flex;
    gap: var(--ss360-spacing-xs)
}

.ss360-guided-questions__answer-image {
    -o-object-fit: contain;
    object-fit: contain
}

.ss360-guided-questions__answer-image--icon {
    max-height: 16px;
    max-width: 16px
}

.ss360-guided-questions__answer-image--banner {
    height: 130px;
    max-height: 130px;
    max-width: 100%
}

.ss360-guided-questions__answer-image--thumbnail {
    max-height: 100%;
    max-width: 100%
}

.ss360-guided-questions__answer-text {
    font-weight: 700;
    line-height: 1;
    text-align: left
}

.ss360-guided-questions__answer-hint-icon-wrap {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: flex-end
}

.ss360-guided-questions__answer-hint {
    display: block;
    text-align: left
}

.ss360-guided-questions__answer-hint--tooltip {
    background: var(--ss360-black);
    border-radius: 4px;
    color: var(--ss360-white);
    display: none;
    font-size: var(--ss360-fs-sm);
    font-weight: 400;
    left: 50%;
    margin-top: var(--ss360-spacing-xs);
    min-width: 200px;
    padding: var(--ss360-spacing-xs);
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    word-break: keep-all;
    z-index: 1
}

.ss360-guided-questions__answer--image-icon .ss360-guided-questions__answer-hint {
    padding-left: calc(var(--ss360-spacing-xs) + 16px);
    word-break: break-word
}

.ss360-guided-questions__answer--skip .ss360-guided-questions__answer-text {
    font-weight: 400
}

@media(pointer:fine)or (pointer:none) {
    .ss360-guided-questions__answer:focus .ss360-guided-questions__answer-hint--tooltip, .ss360-guided-questions__answer:focus-within .ss360-guided-questions__answer-hint--tooltip, .ss360-guided-questions__answer:hover .ss360-guided-questions__answer-hint--tooltip {
        display: block
    }
}

.ss360-guided-questions__answer--show-tooltip .ss360-guided-questions__answer-hint--tooltip {
    display: block
}

.ss360-actions {
    align-items: flex-end;
    display: flex;
    gap: var(--ss360-spacing-md);
    justify-content: space-between;
    padding: var(--ss360-spacing-xs)
}

.ss360-actions--single {
    justify-content: flex-end
}

.ss360-actions__action {
    align-items: center;
    background: transparent;
    cursor: pointer;
    display: flex;
    gap: var(--ss360-spacing-xxs)
}

.ss360-actions__action--chat .ss360-actions__action-icon path {
    transition: fill .3s ease-in-out
}

.ss360-actions__action--chat:focus .ss360-actions__action-icon path, .ss360-actions__action--chat:hover .ss360-actions__action-icon path {
    fill: var(--ss360-black)
}

.ss360-actions__action-label {
    color: var(--ss360-grey-text);
    transition: color .3s ease-in-out
}

    .ss360-actions__action-label:focus, .ss360-actions__action-label:hover {
        color: var(--ss360-black)
    }

.ss360-actions__compare {
    align-items: center;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    font-size: var(--ss360-fs-sm);
    gap: var(--ss360-spacing-xxs)
}

.ss360-actions__compare-checkbox {
    cursor: pointer;
    opacity: 0;
    position: absolute
}

.ss360-actions__compare-checkmark {
    background-color: var(--ss360-white);
    border: 1px solid var(--ss360-grey-light);
    border-radius: 3px;
    display: block;
    height: 18px;
    position: relative;
    transition: background-color .3s ease-in-out,border .3s ease-in-out;
    width: 18px
}

    .ss360-actions__compare-checkmark:after {
        border: solid var(--ss360-white);
        border-width: 0 2px 2px 0;
        box-sizing: content-box;
        content: "";
        display: none;
        height: 9px;
        left: 7px;
        position: absolute;
        top: 2px;
        transform: rotate(45deg);
        width: 3px
    }

.ss360-actions__compare:not(.ss360-actions__compare--disabled):focus .ss360-actions__compare-checkmark, .ss360-actions__compare:not(.ss360-actions__compare--disabled):focus-within .ss360-actions__compare-checkmark, .ss360-actions__compare:not(.ss360-actions__compare--disabled):hover .ss360-actions__compare-checkmark {
    background-color: var(--ss360-accent-color);
    border-color: var(--ss360-accent-color)
}

.ss360-actions__compare-checkbox:checked ~ .ss360-actions__compare-checkmark {
    background-color: var(--ss360-accent-color)
}

    .ss360-actions__compare-checkbox:checked ~ .ss360-actions__compare-checkmark:after {
        display: block
    }

.ss360-actions__action:focus .ss360-actions__action-label, .ss360-actions__action:hover .ss360-actions__action-label {
    opacity: 1
}

.ss360-zoe-chat-backdrop {
    background-color: hsla(218,7%,57%,.54);
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 999998
}

.ss360-zoe-chat-backdrop--hide {
    cursor: default;
    opacity: 0
}

.ss360-zoe-chat {
    background-color: var(--ss360-white);
    box-sizing: content-box;
    height: 80%;
    left: calc(10% - var(--ss360-layer-padding));
    max-width: 800px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: var(--ss360-spacing-xl);
    padding-right: var(--ss360-spacing-lg);
    position: fixed;
    top: calc(10% - 30px);
    width: 80%;
    z-index: 99999999999
}

@media(min-width:1000px) {
    .ss360-zoe-chat {
        left: calc(50% - 400px - var(--ss360-layer-padding))
    }
}

@media(max-width:680px) {
    .ss360-zoe-chat {
        box-shadow: none;
        box-sizing: border-box;
        height: 100%;
        left: 0;
        overflow-x: auto;
        padding: var(--ss360-spacing-sm);
        position: fixed;
        top: 0;
        width: 100%
    }
}

.ss360-zoe-chat zoovu-zoe {
    --primary-color: var(--ss360-accent-color);
    max-height: calc(100% - 100px)
}

    .ss360-zoe-chat zoovu-zoe::part(zoe-message) {
        background-color: var(--ss360-grey-light)
    }

.ss360-zoe-chat__header {
    align-items: center;
    display: flex;
    gap: var(--ss360-spacing-md);
    padding-right: var(--ss360-spacing-xl)
}

.ss360-zoe-chat__title {
    color: var(--ss360-black);
    font-size: var(--ss360-fs-lg);
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    margin-bottom: var(--ss360-spacing-xs)
}

.ss360-zoe-chat__image {
    max-height: 100px;
    max-width: 150px;
    -o-object-fit: contain;
    object-fit: contain;
    width: auto
}

.ss360-actions__compare--disabled {
    color: var(--ss360-grey-light);
    cursor: default
}

    .ss360-actions__compare--disabled .ss360-actions__compare-checkmark {
        background-color: var(--ss360-grey-light);
        border-color: var(--ss360-grey-light)
    }

.ss360-comparison-bar {
    background: var(--ss360-white);
    border-top: 2px solid var(--ss360-french-grey);
    bottom: 0;
    color: var(--ss360-black);
    display: flex;
    flex-direction: row;
    gap: var(--ss360-spacing-xs);
    justify-content: center;
    left: 0;
    overflow: hidden;
    padding: var(--ss360-spacing-xs);
    position: fixed;
    top: auto;
    width: 100%;
    z-index: 999
}

.ss360-comparison-bar__title {
    display: flex
}

.ss360-comparison-bar__title-part--title {
    font-weight: 700
}

.ss360-comparison-bar__list {
    display: grid;
    grid-gap: var(--ss360-spacing-xs);
    gap: var(--ss360-spacing-xs);
    grid-template-columns: 1fr 1fr 1fr 1fr;
    list-style: none;
    margin: 0;
    max-width: 1400px;
    overflow-x: auto;
    padding: 0;
    width: 100%
}

.ss360-comparison-bar__list-item {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--ss360-spacing-xs);
    justify-content: space-between;
    padding: 0;
    position: relative
}

.ss360-comparison-bar__list-item--empty {
    background-color: var(--ss360-white);
    border-style: solid;
    border: 1px dashed var(--ss360-grey-light);
    display: block;
    min-height: 70px;
    min-width: 70px
}

.ss360-comparison-bar__delete-item {
    align-items: center;
    background-color: var(--ss360-accent-color);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color .3s ease-in-out;
    width: 32px
}

    .ss360-comparison-bar__delete-item:focus, .ss360-comparison-bar__delete-item:hover {
        background-color: var(--ss360-accent-color-dark);
        border: 2px solid var(--ss360-accent-color-light)
    }

.ss360-comparison-bar__item {
    align-items: center;
    color: var(--ss360-black);
    display: flex;
    flex-direction: row;
    gap: var(--ss360-spacing-md);
    -webkit-text-decoration: none;
    text-decoration: none
}

.ss360-comparison-bar__item-name {
    font-size: var(--ss360-fs-sm);
    line-height: 1.41;
    max-width: 200px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.ss360-comparison-bar__item-image {
    height: 70px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 70px
}

.ss360-comparison-bar__actions {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--ss360-spacing-md);
    justify-content: center;
    padding: 0;
    padding-left: var(--ss360-spacing-xs)
}

.ss360-comparison-bar__limit-warning {
    color: var(--ss360-grey-text);
    font-size: var(--ss360-fs-md)
}

.ss360-comparison-bar__button {
    background: var(--ss360-accent-color);
    border: var(--ss360-accent-color) var(--ss360-border-md) solid;
    border-radius: var(--ss360-border-radius-xl);
    box-sizing: border-box;
    color: var(--ss360-white);
    cursor: pointer;
    display: block;
    font-size: var(--ss360-fs-md);
    font-weight: 400;
    padding: var(--ss360-spacing-md) var(--ss360-spacing-xl);
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: background-color .3s ease-in-out,color .3s ease-in-out;
    width: auto
}

    .ss360-comparison-bar__button:not(.ss360-comparison-bar__button--disabled):focus, .ss360-comparison-bar__button:not(.ss360-comparison-bar__button--disabled):hover {
        background-color: var(--ss360-accent-color-dark)
    }

.ss360-comparison-bar__button--disabled {
    background: var(--ss360-disabled-grey);
    border-color: var(--ss360-disabled-grey);
    color: var(--ss360-disabled-grey-text);
    cursor: default
}

@media(max-width:991px) {
    .ss360-comparison-bar__list {
        max-width: calc(100% - 160px)
    }

    .ss360-comparison-bar__item-name {
        display: none
    }
}

.ss360-frame--sort-and-filter {
    align-items: center;
    display: flex;
    justify-content: space-between
}

    .ss360-frame--sort-and-filter .ss360-filter {
        width: auto
    }

    .ss360-frame--sort-and-filter .ss360-filter-top-wrapper {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%
    }

        .ss360-frame--sort-and-filter .ss360-filter-top-wrapper .ss360-frame--filter-top {
            margin: 0
        }

    .ss360-frame--sort-and-filter .ss360-frame--layout-right, .ss360-frame--sort-and-filter .ss360-frame--page-size-left, .ss360-frame--sort-and-filter .ss360-frame--sort-left {
        margin-bottom: var(--ss360-spacing-md)
    }

    .ss360-frame--sort-and-filter .ss360-top-sort-and-layout {
        align-items: center;
        display: flex
    }

        .ss360-frame--sort-and-filter .ss360-top-sort-and-layout .ss360-frame--page-size-left, .ss360-frame--sort-and-filter .ss360-top-sort-and-layout .ss360-frame--sort-left {
            align-items: center;
            display: flex;
            margin-right: var(--ss360-spacing-sm)
        }

.ss360-frame--sort-and-layout {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.ss360-mini-pdp {
    background: var(--ss360-white);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.1);
    box-sizing: border-box;
    content-visibility: hidden;
    height: 100%;
    left: auto;
    max-width: 450px;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    padding: 0 var(--ss360-spacing-md);
    position: fixed;
    right: 0;
    top: 0;
    transform: matrix(1,0,0,1,450,0);
    transition: transform .3s ease-in,.3s ease-in-out;
    visibility: hidden;
    width: 450px;
    will-change: transform;
    z-index: 99999
}

    .ss360-mini-pdp::-webkit-scrollbar {
        width: 12px
    }

    .ss360-mini-pdp::-webkit-scrollbar-thumb {
        background-blend-mode: multiply;
        background-clip: padding-box;
        background-color: #e3e8f1;
        border: 2px solid transparent;
        border-radius: 12px
    }

@media(max-width:680px) {
    .ss360-mini-pdp {
        transform: matrix(1,0,0,1,400,0);
        width: 400px
    }
}

@media(max-width:425px) {
    .ss360-mini-pdp {
        transform: matrix(1,0,0,1,300,0);
        width: 300px
    }
}

@media(max-width:360px) {
    .ss360-mini-pdp {
        transform: matrix(1,0,0,1,250,0);
        width: 250px
    }
}

.ss360-mini-pdp--open {
    content-visibility: visible;
    display: block;
    visibility: visible
}

    .ss360-mini-pdp--open:not(.ss360-mini-pdp--closing) {
        transform: translateX(0)
    }

.ss360-mini-pdp__header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.ss360-mini-pdp__heading {
    font-size: var(--ss360-fs-md);
    font-weight: 700;
    margin: 0
}

.ss360-mini-pdp__close, .ss360-mini-pdp__close:focus, .ss360-mini-pdp__close:hover {
    position: relative
}

.ss360-mini-pdp--no-transition {
    transition: none
}

.ss360-mini-pdp__breadcrumb-title-wrap {
    max-width: calc(100% - 64px)
}

.ss360-mini-pdp__heading {
    font-size: var(--ss360-fs-lg);
    max-width: calc(100% - 64px);
    padding: var(--ss360-spacing-xs) 0
}

.ss360-mini-pdp__backdrop {
    background-color: hsla(218,7%,57%,.54);
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 999998
}

.ss360-mini-pdp__backdrop--hide {
    cursor: default;
    opacity: 0
}

.ss360-mini-pdp__backdrop {
    z-index: 99999
}

.ss360-mini-pdp__header-image-wrap {
    display: flex;
    flex-direction: column;
    gap: var(--ss360-spacing-xs);
    margin-bottom: var(--ss360-spacing-xs)
}

.ss360-mini-pdp__content {
    display: flex;
    flex-direction: column;
    gap: var(--ss360-spacing-md);
    padding-bottom: var(--ss360-spacing-md)
}

.ss360-mini-pdp__image-wrap {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--ss360-spacing-lg)
}

.ss360-mini-pdp__content, .ss360-mini-pdp__image-wrap {
    max-width: 100%;
    overflow-x: hidden;
    width: 100%
}

.ss360-mini-pdp__image-wrap--expanded {
    background: var(--ss360-white);
    gap: var(--ss360-spacing-xl);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

    .ss360-mini-pdp__image-wrap--expanded .ss360-mini-pdp__image {
        cursor: default;
        max-height: 80dvh
    }

.ss360-mini-pdp__image-pagination-wrap {
    max-width: 100%;
    position: relative
}

.ss360-mini-pdp__image-pagination-button {
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 2.5px 7.5px -5px rgba(39,84,140,.1),0 5px 30px 10px rgba(39,84,140,.07);
    cursor: pointer;
    display: flex;
    height: 50px;
    justify-content: center;
    position: absolute;
    top: calc(50% - 25px);
    width: 50px
}

.ss360-mini-pdp__image-pagination-button--prev {
    left: -25px;
    transform: rotate(90deg)
}

.ss360-mini-pdp__image-pagination-button--next {
    right: -25px;
    transform: rotate(270deg)
}

.ss360-mini-pdp__image {
    cursor: pointer;
    height: auto;
    max-height: 200px;
    max-width: 100%;
    min-height: 200px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.ss360-mini-pdp__title {
    font-size: var(--ss360-fs-md);
    font-weight: 400;
    margin: 0
}

.ss360-mini-pdp__image-list {
    display: flex;
    gap: var(--ss360-spacing-md);
    max-width: 100%;
    overflow-x: auto
}

    .ss360-mini-pdp__image-list::-webkit-scrollbar {
        width: 12px
    }

    .ss360-mini-pdp__image-list::-webkit-scrollbar-thumb {
        background-blend-mode: multiply;
        background-clip: padding-box;
        background-color: #e3e8f1;
        border: 2px solid transparent;
        border-radius: 12px
    }

.ss360-mini-pdp__image-list-item {
    aspect-ratio: 1/1;
    border: 1px solid var(--ss360-grey-light);
    border-radius: var(--ss360-border-md);
    cursor: pointer;
    height: 60px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 60px
}

    .ss360-mini-pdp__image-list-item--active, .ss360-mini-pdp__image-list-item:focus, .ss360-mini-pdp__image-list-item:hover {
        border-color: var(--ss360-accent-color)
    }

.ss360-mini-pdp__rating {
    align-items: center;
    color: var(--ss360-grey-text);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--ss360-fs-sm);
    gap: var(--ss360-spacing-xs);
    line-height: 1
}

.ss360-mini-pdp__rating--btn {
    cursor: pointer
}

    .ss360-mini-pdp__rating--btn:focus, .ss360-mini-pdp__rating--btn:hover {
        background: transparent
    }

.ss360-mini-pdp__price-container {
    align-items: center;
    display: flex;
    gap: var(--ss360-spacing-xs);
    min-height: var(--ss360-fs-md);
    width: 100%
}

.ss360-mini-pdp__price {
    color: var(--ss360-accent-color);
    font-size: var(--ss360-fs-lg);
    font-weight: 700
}

.ss360-mini-pdp__price--old {
    color: var(--ss360-grey-text);
    font-size: var(--ss360-fs-sm);
    font-weight: 400;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.ss360-mini-pdp__variants {
    margin: 0;
    max-width: 100%;
    min-height: 90px;
    overflow-x: auto;
    padding: 0
}

    .ss360-mini-pdp__variants::-webkit-scrollbar {
        width: 12px
    }

    .ss360-mini-pdp__variants::-webkit-scrollbar-thumb {
        background-blend-mode: multiply;
        background-clip: padding-box;
        background-color: #e3e8f1;
        border: 2px solid transparent;
        border-radius: 12px
    }

.ss360-mini-pdp__variant-scroll-button-wrap {
    height: 100%;
    position: sticky
}

.ss360-mini-pdp__variant-scroll-button-wrap--prev {
    left: 0
}

.ss360-mini-pdp__variant {
    border: 2px solid var(--ss360-grey-light);
    border-radius: 8px;
    height: 60px;
    min-height: 60px;
    min-width: 60px;
    overflow: hidden;
    padding: var(--ss360-spacing-xxs);
    width: 60px
}

    .ss360-mini-pdp__variant--active, .ss360-mini-pdp__variant:focus, .ss360-mini-pdp__variant:hover {
        border-color: var(--ss360-accent-color)
    }

.ss360-mini-pdp .ss360-mini-pdp__variant-button {
    cursor: pointer;
    height: 100%;
    width: 100%
}

    .ss360-mini-pdp .ss360-mini-pdp__variant-button, .ss360-mini-pdp .ss360-mini-pdp__variant-button--active, .ss360-mini-pdp .ss360-mini-pdp__variant-button:focus, .ss360-mini-pdp .ss360-mini-pdp__variant-button:hover {
        border: 0
    }

.ss360-mini-pdp__variant-arrow-wrap {
    height: auto
}

.ss360-mini-pdp__variant-image {
    -o-object-fit: contain;
    object-fit: contain
}

.ss360-mini-pdp__variants--subvariants {
    display: flex;
    flex-wrap: wrap;
    min-height: 0;
    min-height: auto;
    overflow: visible;
    overflow: initial
}

    .ss360-mini-pdp__variants--subvariants .ss360-mini-pdp__variant {
        height: auto;
        min-height: 0;
        min-width: 0
    }

.ss360-mini-pdp__tabs-nav {
    border-bottom: 1px solid var(--ss360-grey-light);
    border-top: 1px solid var(--ss360-grey-light)
}

@media(min-width:768px) {
    .ss360-mini-pdp__tabs-nav {
        margin: var(--ss360-spacing-xs) 0
    }
}

.ss360-mini-pdp__tabs {
    align-items: center;
    display: flex;
    overflow-x: auto
}

.ss360-mini-pdp__tab {
    align-items: center;
    border-bottom: 3px solid transparent;
    color: var(--ss360-grey-text);
    cursor: pointer;
    display: flex;
    font-size: var(--ss360-fs-md);
    gap: var(--ss360-spacing-xs);
    min-width: auto;
    padding: var(--ss360-spacing-md);
    padding-bottom: calc(var(--ss360-spacing-md) - 3px);
    transition: border-color .3s ease-in-out;
    white-space: nowrap
}

    .ss360-mini-pdp__tab:not(.ss360-mini-pdp__tab--active):focus, .ss360-mini-pdp__tab:not(.ss360-mini-pdp__tab--active):hover {
        border-bottom-color: var(--ss360-accent-color-light-transparent)
    }

.ss360-mini-pdp__tab--active {
    border-bottom-color: var(--ss360-accent-color);
    color: var(--ss360-accent-color)
}

    .ss360-mini-pdp__tab--active .ss360-mini-pdp__tab-icon path {
        fill: var(--ss360-accent-color)
    }

.ss360-mini-pdp__tab-content {
    display: flex;
    flex-direction: column;
    gap: var(--ss360-spacing-xs)
}

.ss360-mini-pdp__tab-content--hidden {
    display: none
}

.ss360-mini-pdp__score {
    align-items: flex-start;
    gap: var(--ss360-spacing-xxs);
    width: auto
}

    .ss360-mini-pdp__score .ss360-score__entry {
        gap: var(--ss360-spacing-md)
    }

.ss360-mini-pdp__attributes {
    border-top: 1px solid var(--ss360-grey-light);
    display: flex;
    flex-direction: column;
    font-size: var(--ss360-fs-sm);
    padding: var(--ss360-spacing-md) 0 0 0;
    width: 100%
}

.ss360-mini-pdp__attribute-list {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: var(--ss360-spacing-md);
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.ss360-mini-pdp__attribute {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.ss360-mini-pdp__attribute-list--loading, .ss360-mini-pdp__relations--loading {
    min-height: 200px;
    width: 100%
}

.ss360-mini-pdp__attribute-key {
    font-weight: 600;
    max-width: 25%;
    min-width: 25%;
    overflow: hidden;
    text-align: left
}

.ss360-mini-pdp__attribute-key--clickable {
    cursor: pointer;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.ss360-mini-pdp__relations {
    display: flex;
    flex-direction: column;
    gap: var(--ss360-spacing-md);
    padding: 0 0 var(--ss360-spacing-md) 0
}

.ss360-mini-pdp__relation-list {
    display: flex;
    flex-direction: row;
    gap: var(--ss360-spacing-md);
    overflow-x: auto;
    padding-bottom: var(--ss360-spacing-xs)
}

    .ss360-mini-pdp__relation-list::-webkit-scrollbar {
        width: 12px
    }

    .ss360-mini-pdp__relation-list::-webkit-scrollbar-thumb {
        background-blend-mode: multiply;
        background-clip: padding-box;
        background-color: #e3e8f1;
        border: 2px solid transparent;
        border-radius: 12px
    }

    .ss360-mini-pdp__relation-list::-webkit-scrollbar {
        height: 12px
    }

.ss360-mini-pdp__relation-entry {
    border: 1px solid var(--ss360-grey-light);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: var(--ss360-spacing-lg);
    min-width: 200px;
    padding: var(--ss360-spacing-md)
}

.ss360-mini-pdp__relation-entry-image-wrap {
    display: block;
    text-align: center
}

.ss360-mini-pdp__relation-entry-image {
    border-radius: 8px;
    height: auto;
    max-height: 100px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100px
}

.ss360-mini-pdp__relation-entry-content {
    display: flex;
    flex-direction: column;
    gap: var(--ss360-spacing-xs)
}

.ss360-mini-pdp__relation-entry-title {
    font-size: var(--ss360-fs-sm);
    font-weight: 700;
    margin: 0
}

.ss360-mini-pdp__relation-entry-link {
    color: var(--ss360-black);
    -webkit-text-decoration: none;
    text-decoration: none
}

    .ss360-mini-pdp__relation-entry-link:focus, .ss360-mini-pdp__relation-entry-link:hover {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

.ss360-mini-pdp__relation-entry-price-container {
    display: flex;
    font-size: var(--ss360-fs-md);
    gap: var(--ss360-spacing-xs)
}

.ss360-mini-pdp__relation-entry-price {
    color: var(--ss360-accent-color);
    font-weight: 700
}

.ss360-mini-pdp__relation-entry-price--old {
    color: var(--ss360-grey-text);
    font-weight: 400;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.ss360-mini-pdp__cta-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ss360-spacing-md)
}

.ss360-mini-pdp__cta {
    flex: 1;
    width: 100%
}

@media(max-width:767px) {
    .ss360-mini-pdp__cta {
        flex: none
    }
}

.ss360-mini-pdp__description {
    background-color: var(--ss360-accent-color-light-transparent);
    border-radius: var(--ss360-border-radius-xl);
    display: flex;
    flex-direction: column;
    font-size: var(--ss360-fs-sm);
    gap: var(--ss360-spacing-md);
    margin-bottom: var(--ss360-spacing-xs);
    padding: var(--ss360-spacing-md)
}

.ss360-mini-pdp__description-content {
    align-items: flex-start;
    display: flex;
    gap: var(--ss360-spacing-md)
}

.ss360-mini-pdp__description zoovu-zoe {
    --gutter: 0
}

    .ss360-mini-pdp__description zoovu-zoe::part(feedback), .ss360-mini-pdp__description zoovu-zoe::part(title) {
        display: none
    }

.ss360-mini-pdp__tab-content--chat zoovu-zoe {
    --primary-color: var(--ss360-accent-color);
    max-height: 100%
}

    .ss360-mini-pdp__tab-content--chat zoovu-zoe::part(user-message), .ss360-mini-pdp__tab-content--chat zoovu-zoe::part(zoe-message) {
        border-radius: var(--ss360-border-radius-xl)
    }

    .ss360-mini-pdp__tab-content--chat zoovu-zoe::part(zoe-message) {
        background-color: var(--ss360-white-dark)
    }

    .ss360-mini-pdp__tab-content--chat zoovu-zoe::part(input) {
        border-radius: var(--ss360-border-radius-md)
    }

    .ss360-mini-pdp__tab-content--chat zoovu-zoe::part(suggested-question) {
        background-color: var(--ss360-accent-color-light-transparent);
        border: 0;
        border-radius: 30px;
        color: var(--ss360-accent-color)
    }

.ss360-mini-pdp__tab-content--chat::part(suggested-question):focus, .ss360-mini-pdp__tab-content--chat::part(suggested-question):hover {
    border-color: var(--ss360-accent-color)
}

.ss360-mini-pdp__breadcrumb {
    color: var(--ss360-grey-text);
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    font-size: var(--ss360-fs-sm);
    line-height: 1;
    text-align: left
}

@media(max-width:767px) {
    .ss360-mini-pdp__breadcrumb {
        padding-top: var(--ss360-spacing-md)
    }
}

.ss360-mini-pdp:not(.ss360-mini-pdp--fullscreen) .ss360-mini-pdp__breadcrumb {
    padding-top: var(--ss360-spacing-md)
}

.ss360-mini-pdp__breadcrumb-name {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.ss360-mini-pdp__review, .ss360-mini-pdp__tab-content--reviews {
    gap: var(--ss360-spacing-md)
}

.ss360-mini-pdp__review {
    border: 1px solid var(--ss360-grey-light);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    padding: var(--ss360-spacing-sm)
}

.ss360-mini-pdp__review-text, .ss360-mini-pdp__review-title {
    color: var(--ss360-black);
    font-size: var(--ss360-fs-md);
    margin: 0
}

.ss360-mini-pdp__review-text {
    font-size: var(--ss360-fs-sm);
    line-height: 1.2
}

.ss360-mini-pdp__review-meta {
    color: var(--ss360-grey-text);
    display: flex;
    font-size: var(--ss360-fs-sm);
    gap: var(--ss360-spacing-md)
}

.ss360-mini-pdp__bullet-points {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    list-style: none;
    margin: 0;
    padding: 0
}

.ss360-mini-pdp__bullet-point {
    color: var(--ss360-black);
    display: flex;
    font-size: var(--ss360-fs-md);
    justify-content: center;
    padding: var(--ss360-spacing-sm) var(--ss360-spacing-md);
    text-align: center
}

.ss360-mini-pdp__bullet-point-button {
    cursor: pointer;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.ss360-mini-pdp__bullet-point:nth-of-type(2n) {
    border-left: 1px solid var(--ss360-grey-light);
    border-right: 1px solid var(--ss360-grey-light)
}

.ss360-mini-pdp__cta-close-wrap {
    align-items: center;
    display: flex;
    gap: var(--ss360-spacing-xxs)
}

.ss360-mini-pdp--fullscreen {
    max-width: 100%;
    width: 100%
}

@media(min-width:768px) {
    .ss360-mini-pdp--fullscreen {
        display: grid;
        grid-gap: var(--ss360-spacing-lg);
        gap: var(--ss360-spacing-lg);
        grid-template-columns: 1fr 1fr
    }

        .ss360-mini-pdp--fullscreen .ss360-mini-pdp__content, .ss360-mini-pdp--fullscreen .ss360-mini-pdp__header-image-wrap {
            padding-top: var(--ss360-spacing-xl)
        }

        .ss360-mini-pdp--fullscreen .ss360-mini-pdp__heading {
            max-width: 100%
        }

        .ss360-mini-pdp--fullscreen .ss360-mini-pdp__image {
            height: auto;
            max-height: 60dvh;
            max-width: 100%;
            width: auto
        }

        .ss360-mini-pdp--fullscreen .ss360-mini-pdp__header-image-wrap {
            gap: var(--ss360-spacing-lg);
            margin-bottom: 0
        }

        .ss360-mini-pdp--fullscreen .ss360-mini-pdp__close {
            position: fixed
        }
}

.ss360-mini-pdp--floating {
    border-radius: var(--ss360-card-border-radius);
    box-shadow: 0 0 6px 2px rgba(var(--ss360-black),.03),0 0 6px -2px rgba(var(--ss360-black),.1);
    height: auto;
    left: 20vw;
    left: 20dvw;
    max-height: 85vh;
    max-height: 85dvh;
    max-width: 900px;
    min-height: 580px;
    right: auto;
    top: 10vh;
    top: 10dvh;
    transform: scale(0);
    transition: transform .3s ease-in-out;
    width: 60vw;
    width: 60dvw
}

    .ss360-mini-pdp--floating.ss360-mini-pdp--no-transition {
        transition: none
    }

    .ss360-mini-pdp--floating .ss360-mini-pdp__cta-wrap--sm {
        display: none
    }

@media(max-width:767px) {
    .ss360-mini-pdp--floating {
        border-radius: 0;
        height: 100vh;
        height: 100dvh;
        left: 0;
        max-height: none;
        max-width: none;
        top: 0;
        width: 100vw;
        width: 100dvw
    }

        .ss360-mini-pdp--floating .ss360-mini-pdp__cta-wrap--lg {
            display: none
        }

        .ss360-mini-pdp--floating .ss360-mini-pdp__cta-wrap--sm {
            display: flex
        }
}

.ss360-mini-pdp--floating.ss360-mini-pdp--open:not(.ss360-mini-pdp--closing) {
    transform: scale(1)
}

.ss360-back-to-top {
    align-items: center;
    background: var(--ss360-accent-color);
    border: 0;
    border-radius: 50%;
    bottom: 50px;
    display: flex;
    justify-content: center;
    opacity: 0;
    padding: var(--ss360-spacing-md);
    position: fixed;
    right: 50px;
    transition: opacity .3s ease-in-out,background-color .3s ease-in-out;
    visibility: hidden
}

    .ss360-back-to-top:focus, .ss360-back-to-top:hover {
        background: var(--ss360-accent-color-dark)
    }

.ss360-back-to-top--active {
    opacity: 1;
    visibility: visible
}

.ss360-frame--comparison--active ~ .ss360-frame--back-to-top .ss360-back-to-top {
    bottom: 150px
}

@media(max-width:991px) {
    .ss360-frame--comparison--active ~ .ss360-frame--back-to-top .ss360-back-to-top {
        bottom: 100px
    }
}