.usp-list__icon {
    position: relative;
    display: inline-block;
    flex-shrink: 0
}

.usp-list__icon {
    width: 16px;
    height: 16px;
    transform: rotate(45deg)
}

.usp-list__icon::after,
.usp-list__icon::before {
    content: "";
    position: absolute;
    background: currentColor
}

.usp-list__icon::before {
    width: 2px;
    height: 9px;
    left: 7px;
    top: 5px
}

.usp-list__icon::after {
    width: 3px;
    height: 2px;
    left: 4px;
    top: 12px
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.usp-list__item {
    font: 400 13px/1.6 'Nunito Sans', sans-serif;
    display: flex;
    margin-top: 5px
}

@media only screen and (min-width:768px) {
    .usp-list__item {
        font: 400 14px/1.6 'Nunito Sans', sans-serif
    }
}

.accordion--arrow .accordion__trigger-icon,
.accordion--plus .accordion__trigger-icon {
    position: relative;
    display: inline-block;
    flex-shrink: 0
}

.accordion--arrow .accordion__trigger-icon {
    width: 8px;
    height: 1em
}

.accordion--arrow .accordion__trigger-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    transform: translate(-50%, -50%) rotate(45deg);
    border-bottom: 2px solid #313131;
    border-right: 2px solid #313131
}

.accordion--plus .accordion__trigger-icon {
    width: 10px;
    height: 10px
}

.accordion--plus .accordion__trigger-icon::after,
.accordion--plus .accordion__trigger-icon::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 2px;
    width: 100%;
    transform-origin: center;
    background: currentColor
}

.accordion--plus .accordion__trigger-icon::before {
    transform: rotate3d(0, 0, 1, -90deg)
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.accordion--plus {
    border-bottom: 1px solid #eaeaea
}

.accordion__trigger {
    font: inherit;
    position: relative;
    width: 100%;
    text-align: left;
    display: flex
}

.accordion__trigger--icon-right {
    display: flex;
    justify-content: space-between
}

.accordion--arrow .accordion__trigger:focus {
    outline: 0
}

[data-whatinput=keyboard] .accordion--arrow .accordion__trigger:focus {
    outline-color: transparent
}

[data-whatinput=keyboard] .accordion--arrow .accordion__trigger:focus::after {
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border: 1px dashed #000;
    box-sizing: border-box;
    border-radius: 2px;
    content: ""
}

@media only screen and (min-width:1024px) {
    [data-whatinput=keyboard] .accordion--arrow .accordion__trigger:focus::after {
        top: -4px;
        left: -4px;
        right: -4px;
        bottom: -4px
    }
}

.accordion--plus .accordion__trigger {
    align-items: center;
    justify-content: space-between;
    padding: 15px 0
}

.accordion--plus .accordion__trigger:focus {
    outline: 0
}

[data-whatinput=keyboard] .accordion--plus .accordion__trigger:focus {
    outline-color: transparent
}

[data-whatinput=keyboard] .accordion--plus .accordion__trigger:focus::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px dashed #000;
    box-sizing: border-box;
    border-radius: 2px;
    content: ""
}

@media only screen and (min-width:1024px) {
    [data-whatinput=keyboard] .accordion--plus .accordion__trigger:focus::after {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
}

.accordion__trigger-icon {
    order: -1
}

.accordion--arrow .accordion__trigger-icon {
    transition: transform .4s cubic-bezier(.19, 1, .22, 1)
}

.accordion__trigger--icon-right .accordion__trigger-icon {
    order: unset
}

.accordion--plus .accordion__trigger-icon::before {
    transition: opacity .6s cubic-bezier(.19, 1, .22, 1) .2s
}

.accordion--plus.accordion--open .accordion__trigger-icon::before {
    opacity: 0;
    transition: opacity .6s cubic-bezier(.19, 1, .22, 1)
}

.accordion--arrow .accordion__trigger--icon-right .accordion__trigger-icon::before {
    width: 7px;
    height: 7px
}

.accordion--arrow.accordion--open .accordion__trigger-icon {
    transform: translateY(3px) rotate(180deg)
}

.accordion--arrow .accordion__trigger-label {
    margin-left: 9px
}

.accordion--arrow .accordion__trigger--icon-right .accordion__trigger-label {
    margin-left: 0;
    order: -1
}

.accordion__content-outer {
    padding-left: 18px;
    overflow: hidden;
    height: 0;
    visibility: hidden;
    transition: height .6s cubic-bezier(.19, 1, .22, 1) .3s, visibility 0s .6s
}

.accordion--plus .accordion__content-outer {
    padding-left: 0
}

.accordion--open .accordion__content-outer {
    height: var(--height);
    visibility: visible;
    transition: height .6s cubic-bezier(.19, 1, .22, 1) 0s, visibility 0s 0s
}

.accordion--arrow .accordion__trigger--icon-right+.accordion__content-outer {
    padding-left: 0
}

.accordion__content-inner {
    position: relative;
    margin: 13px 0 18px;
    transform: translateY(-10px);
    opacity: 0;
    transition: transform .1s cubic-bezier(.19, 1, .22, 1) .4s, opacity .4s cubic-bezier(.19, 1, .22, 1) 0s
}

.accordion--plus .accordion__content-inner {
    margin-top: 0
}

.accordion--open .accordion__content-inner {
    transform: translateY(0);
    opacity: 1;
    transition: transform .6s cubic-bezier(.19, 1, .22, 1) .25s, opacity .8s cubic-bezier(.19, 1, .22, 1) .3s
}

.product-information__accordion-content h1:not(:first-child),
.product-information__accordion-content h2:not(:first-child),
.product-information__accordion-content h3:not(:first-child),
.product-information__accordion-content h4:not(:first-child),
.product-information__accordion-content h5:not(:first-child),
.product-information__accordion-content h6:not(:first-child),
.product-information__accordion-content p:not(:first-child),
.product-information__accordion-content table:not(:first-child),
.product-information__accordion-content ul:not(:first-child),
.product-information__description-list-items:not(:first-child),
.product-information__description-rich-text h1:not(:first-child),
.product-information__description-rich-text h2:not(:first-child),
.product-information__description-rich-text h3:not(:first-child),
.product-information__description-rich-text h4:not(:first-child),
.product-information__description-rich-text h5:not(:first-child),
.product-information__description-rich-text h6:not(:first-child),
.product-information__description-rich-text p:not(:first-child),
.product-information__description-rich-text table:not(:first-child),
.product-information__description-rich-text ul:not(:first-child),
.product-information__rich-text h1:not(:first-child),
.product-information__rich-text h2:not(:first-child),
.product-information__rich-text h3:not(:first-child),
.product-information__rich-text h4:not(:first-child),
.product-information__rich-text h5:not(:first-child),
.product-information__rich-text h6:not(:first-child),
.product-information__rich-text p:not(:first-child),
.product-information__rich-text table:not(:first-child),
.product-information__rich-text ul:not(:first-child) {
    margin-top: 16px
}

.product-information__accordion-content meta:first-child+h1,
.product-information__accordion-content meta:first-child+h2,
.product-information__accordion-content meta:first-child+h3,
.product-information__accordion-content meta:first-child+h4,
.product-information__accordion-content meta:first-child+h5,
.product-information__accordion-content meta:first-child+h6,
.product-information__accordion-content meta:first-child+p,
.product-information__accordion-content meta:first-child+table,
.product-information__accordion-content meta:first-child+ul,
.product-information__description-rich-text meta:first-child+h1,
.product-information__description-rich-text meta:first-child+h2,
.product-information__description-rich-text meta:first-child+h3,
.product-information__description-rich-text meta:first-child+h4,
.product-information__description-rich-text meta:first-child+h5,
.product-information__description-rich-text meta:first-child+h6,
.product-information__description-rich-text meta:first-child+p,
.product-information__description-rich-text meta:first-child+table,
.product-information__description-rich-text meta:first-child+ul,
.product-information__rich-text meta:first-child+h1,
.product-information__rich-text meta:first-child+h2,
.product-information__rich-text meta:first-child+h3,
.product-information__rich-text meta:first-child+h4,
.product-information__rich-text meta:first-child+h5,
.product-information__rich-text meta:first-child+h6,
.product-information__rich-text meta:first-child+p,
.product-information__rich-text meta:first-child+table,
.product-information__rich-text meta:first-child+ul,
meta:first-child+.product-information__description-list-items {
    margin-top: 0
}

.product-information__accordion-content h1,
.product-information__description-rich-text h1,
.product-information__rich-text h1 {
    font: 500 15px/1.25 'Nunito Sans', sans-serif
}

@media only screen and (min-width:768px) {

    .product-information__accordion-content h1,
    .product-information__description-rich-text h1,
    .product-information__rich-text h1 {
        font: 500 16px/1.25 'Nunito Sans', sans-serif
    }
}

.product-information__accordion-content h2,
.product-information__description-rich-text h2,
.product-information__rich-text h2 {
    font: 500 15px/1.25 'Nunito Sans', sans-serif
}

@media only screen and (min-width:768px) {

    .product-information__accordion-content h2,
    .product-information__description-rich-text h2,
    .product-information__rich-text h2 {
        font: 500 16px/1.25 'Nunito Sans', sans-serif
    }
}

.product-information__accordion-content h3,
.product-information__description-rich-text h3,
.product-information__rich-text h3 {
    font: 500 15px/1.25 'Nunito Sans', sans-serif
}

@media only screen and (min-width:768px) {

    .product-information__accordion-content h3,
    .product-information__description-rich-text h3,
    .product-information__rich-text h3 {
        font: 500 16px/1.25 'Nunito Sans', sans-serif
    }
}

.product-information__accordion-content h4,
.product-information__description-rich-text h4,
.product-information__rich-text h4 {
    font: 500 15px/1.25 'Nunito Sans', sans-serif
}

@media only screen and (min-width:768px) {

    .product-information__accordion-content h4,
    .product-information__description-rich-text h4,
    .product-information__rich-text h4 {
        font: 500 16px/1.25 'Nunito Sans', sans-serif
    }
}

.product-information__accordion-content h5,
.product-information__description-rich-text h5,
.product-information__rich-text h5 {
    font: 500 15px/1.25 'Nunito Sans', sans-serif
}

@media only screen and (min-width:768px) {

    .product-information__accordion-content h5,
    .product-information__description-rich-text h5,
    .product-information__rich-text h5 {
        font: 500 16px/1.25 'Nunito Sans', sans-serif
    }
}

.product-information__accordion-content h6,
.product-information__description-rich-text h6,
.product-information__rich-text h6 {
    font: 500 15px/1.25 'Nunito Sans', sans-serif
}

@media only screen and (min-width:768px) {

    .product-information__accordion-content h6,
    .product-information__description-rich-text h6,
    .product-information__rich-text h6 {
        font: 500 16px/1.25 'Nunito Sans', sans-serif
    }
}

.product-information__accordion-content p,
.product-information__description-rich-text p,
.product-information__rich-text p {
    font: 400 13px/1.6 'Nunito Sans', sans-serif
}

@media only screen and (min-width:768px) {

    .product-information__accordion-content p,
    .product-information__description-rich-text p,
    .product-information__rich-text p {
        font: 400 14px/1.6 'Nunito Sans', sans-serif
    }
}

.product-information__accordion-content p a,
.product-information__description-rich-text p a,
.product-information__rich-text p a {
    display: inline-block;
    height: 100%
}

.product-information__accordion-content a,
.product-information__description-rich-text a,
.product-information__rich-text a {
    font: inherit;
    position: relative;
    display: inline-block;
    height: 100%
}

.product-information__accordion-content a:focus,
.product-information__description-rich-text a:focus,
.product-information__rich-text a:focus {
    outline: 0
}

.product-information__accordion-content [data-whatinput=keyboard] a:focus,
.product-information__description-rich-text [data-whatinput=keyboard] a:focus,
.product-information__rich-text [data-whatinput=keyboard] a:focus,
[data-whatinput=keyboard] .product-information__accordion-content a:focus,
[data-whatinput=keyboard] .product-information__description-rich-text a:focus,
[data-whatinput=keyboard] .product-information__rich-text a:focus {
    outline-color: transparent
}

.product-information__accordion-content [data-whatinput=keyboard] a:focus::before,
.product-information__description-rich-text [data-whatinput=keyboard] a:focus::before,
.product-information__rich-text [data-whatinput=keyboard] a:focus::before,
[data-whatinput=keyboard] .product-information__accordion-content a:focus::before,
[data-whatinput=keyboard] .product-information__description-rich-text a:focus::before,
[data-whatinput=keyboard] .product-information__rich-text a:focus::before {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 1px dashed #000;
    box-sizing: border-box;
    border-radius: 2px;
    content: ""
}

@media only screen and (min-width:1024px) {

    .product-information__accordion-content [data-whatinput=keyboard] a:focus::before,
    .product-information__description-rich-text [data-whatinput=keyboard] a:focus::before,
    .product-information__rich-text [data-whatinput=keyboard] a:focus::before,
    [data-whatinput=keyboard] .product-information__accordion-content a:focus::before,
    [data-whatinput=keyboard] .product-information__description-rich-text a:focus::before,
    [data-whatinput=keyboard] .product-information__rich-text a:focus::before {
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px
    }
}

.product-information__accordion-content ul,
.product-information__description-list-items,
.product-information__description-rich-text ul,
.product-information__rich-text ul {
    font: 400 13px/1.6 'Nunito Sans', sans-serif;
    padding-left: 1em
}

@media only screen and (min-width:768px) {

    .product-information__accordion-content ul,
    .product-information__description-list-items,
    .product-information__description-rich-text ul,
    .product-information__rich-text ul {
        font: 400 14px/1.6 'Nunito Sans', sans-serif
    }
}

.product-information__accordion-content li,
.product-information__description-list-item,
.product-information__description-rich-text li,
.product-information__rich-text li {
    position: relative;
    font-size: inherit;
    line-height: inherit;
    margin-top: 5px
}

.product-information__accordion-content li::before,
.product-information__description-list-item::before,
.product-information__description-rich-text li::before,
.product-information__rich-text li::before {
    content: "";
    height: .3em;
    width: .3em;
    position: absolute;
    top: .55em;
    left: -1em;
    border-radius: 50%;
    background: #000
}

.product-information__accordion-content a,
.product-information__button,
.product-information__description-list-item-button,
.product-information__description-rich-text a,
.product-information__rich-text a {
    position: relative;
    white-space: nowrap
}

.product-information__accordion-content a::after,
.product-information__button::after,
.product-information__description-list-item-button::after,
.product-information__description-rich-text a::after,
.product-information__rich-text a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform: scaleX(1);
    opacity: .6;
    transform-origin: left;
    transition: transform .7s cubic-bezier(.19, 1, .22, 1) .2s
}

@media(hover:hover)and (pointer:fine) {

    .product-information__accordion-content a:hover::after,
    .product-information__button:hover::after,
    .product-information__description-list-item-button:hover::after,
    .product-information__description-rich-text a:hover::after,
    .product-information__rich-text a:hover::after {
        transform: scaleX(0);
        transform-origin: right;
        transition-delay: 0s
    }
}

.product-information__description-list-item-button {
    white-space: normal
}

.product-information__description-list-item-button::after {
    transform: scaleX(0);
    transform-origin: right
}

@media(hover:hover)and (pointer:fine) {
    .product-information__description-list-item-button {
        white-space: nowrap
    }

    .product-information__description-list-item-button:hover::after {
        transform: scaleX(1);
        transform-origin: left
    }
}

.product-information__accordion-content table,
.product-information__description-rich-text table,
.product-information__rich-text table {
    font: 400 13px/1.6 'Nunito Sans', sans-serif;
    width: 100%;
    height: 100%;
    display: block;
    white-space: nowrap;
    border-collapse: collapse;
    overflow: hidden;
    overflow-x: auto
}

@media only screen and (min-width:768px) {

    .product-information__accordion-content table,
    .product-information__description-rich-text table,
    .product-information__rich-text table {
        font: 400 14px/1.6 'Nunito Sans', sans-serif
    }
}

.product-information__accordion-content table tr,
.product-information__description-rich-text table tr,
.product-information__rich-text table tr {
    border-bottom: 1px solid #eaeaea
}

.product-information__accordion-content table td,
.product-information__description-rich-text table td,
.product-information__rich-text table td {
    padding: 10px 20px;
    text-align: right
}

.product-information__accordion-content table td:first-child,
.product-information__description-rich-text table td:first-child,
.product-information__rich-text table td:first-child {
    padding-left: 0;
    text-align: left
}

.product-information__accordion-content table td:last-child,
.product-information__description-rich-text table td:last-child,
.product-information__rich-text table td:last-child {
    padding-right: 0
}

.product-information__accordion-content table:first-child tr:first-child table td,
.product-information__description-rich-text table:first-child tr:first-child table td,
.product-information__rich-text table:first-child tr:first-child table td,
table:first-child tr:first-child .product-information__accordion-content table td,
table:first-child tr:first-child .product-information__description-rich-text table td,
table:first-child tr:first-child .product-information__rich-text table td {
    padding-top: 0
}

@media only screen and (min-width:768px) {

    .product-information__accordion-content table,
    .product-information__description-rich-text table,
    .product-information__rich-text table {
        display: table
    }
}

@media only screen and (min-width:1024px) {

    .product-information__accordion-content table td,
    .product-information__description-rich-text table td,
    .product-information__rich-text table td {
        padding: 20px 0
    }

    .product-information__accordion-content table:first-child tr:first-child table td,
    .product-information__description-rich-text table:first-child tr:first-child table td,
    .product-information__rich-text table:first-child tr:first-child table td,
    table:first-child tr:first-child .product-information__accordion-content table td,
    table:first-child tr:first-child .product-information__description-rich-text table td,
    table:first-child tr:first-child .product-information__rich-text table td {
        padding-top: 0
    }
}

.product-information {
    position: relative;
    z-index: 0;
    margin: 60px 16px;
    max-width: calc(var(--vw, 1vw) * 100 - 32px)
}

.product-information:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .product-information {
        margin: 75px 24px;
        max-width: calc(var(--vw, 1vw) * 100 - 48px)
    }
}

@media only screen and (min-width:1024px) {
    .product-information {
        margin: 90px 40px;
        max-width: calc(var(--vw, 1vw) * 100 - 80px)
    }
}

@media only screen and (min-width:1280px) {
    .product-information {
        margin: 105px 40px;
        max-width: calc(var(--vw, 1vw) * 100 - 80px)
    }
}

.product-information__content {
    position: relative;
    transform: translate3d(0, 30px, 0);
    transition: transform 3.25s cubic-bezier(.19, 1, .22, 1), opacity .5s cubic-bezier(.19, 1, .22, 1)
}

.animate-in-view.product-information__content {
    transform: translate3d(0, 0, 0)
}

@media only screen and (min-width:768px) {
    .product-information__content {
        transform: translate3d(0, 25px, 0);
        transition: transform 2.25s cubic-bezier(.19, 1, .22, 1), opacity .5s cubic-bezier(.19, 1, .22, 1)
    }

    .animate-in-view.product-information__content {
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media only screen and (min-width:768px) {
    .product-information__content {
        display: flex;
        justify-content: center
    }
}

@media only screen and (min-width:768px) {

    .product-information__container,
    .product-information__description {
        flex: 50%
    }
}

.product-information__description-heading {
    font: 500 15px/1.25 'Nunito Sans', sans-serif
}

@media only screen and (min-width:768px) {
    .product-information__description-heading {
        font: 500 16px/1.25 'Nunito Sans', sans-serif
    }
}

.product-information__accordion-content,
.product-information__description-rich-text,
.product-information__rich-text {
    font: 400 13px/1.6 'Nunito Sans', sans-serif
}

@media only screen and (min-width:768px) {

    .product-information__accordion-content,
    .product-information__description-rich-text,
    .product-information__rich-text {
        font: 400 14px/1.6 'Nunito Sans', sans-serif
    }
}

@media only screen and (min-width:1024px) {

    .product-information__accordion-content ul:not(:first-child),
    .product-information__description-rich-text ul:not(:first-child),
    .product-information__rich-text ul:not(:first-child) {
        margin-top: 22px
    }
}

.product-information__description-rich-text {
    margin-top: 12px
}

@media only screen and (min-width:1024px) {
    .product-information__description-rich-text {
        margin-top: 50px;
    }
}

.product-information__description-list {
    margin-top: 20px
}

@media only screen and (min-width:1024px) {
    .product-information__description-list {
        margin-top: 35px
    }
}

.product-information__description-list-heading {
    font: 500 13px/1.25 'Nunito Sans', sans-serif
}

@media only screen and (min-width:768px) {
    .product-information__description-list-heading {
        font: 500 14px/1.25 'Nunito Sans', sans-serif
    }
}

.product-information__description-list-items:not(:first-child) {
    margin-top: 9px
}

.product-information__description-list-item-button {
    display: flex;
    align-items: center;
    height: 20px
}

.product-information__description-list-item-icon {
    width: 13px;
    height: 13px;
    margin-left: 6px;
    transform: translateY(-1px)
}

.product-information__container {
    margin-top: 50px
}

@media only screen and (min-width:768px) {
    .product-information__container {
        margin-top: unset;
        margin-left: 24px
    }
}

@media only screen and (min-width:1024px) {
    .product-information__container {
        margin-left: 32px
    }
}

@media only screen and (min-width:1280px) {
    .product-information__container {
        margin-left: 32px
    }
}

.product-information__heading {
    font: 500 15px/1.25 'Nunito Sans', sans-serif
}

@media only screen and (min-width:768px) {
    .product-information__heading {
        font: 500 16px/1.25 'Nunito Sans', sans-serif
    }
}

.product-information__block {
    margin-top: 18px
}

.product-information__block:first-of-type {
    margin-top: 12px
}

@media only screen and (min-width:768px) {
    .product-information__block {
        margin-top: 24px
    }
}

@media only screen and (min-width:1024px) {
    .product-information__block {
        max-width: 75%
    }

    .product-information__block:first-of-type {
        margin-top: 50px
    }
}

@media only screen and (min-width:1280px) {
    .product-information__block {
        max-width: 85%
    }
}

.product-information__accordion,
.product-information__block-heading {
    font: 500 13px/1.15 'Nunito Sans', sans-serif
}

@media only screen and (min-width:768px) {

    .product-information__accordion,
    .product-information__block-heading {
        font: 500 14px/1.15 'Nunito Sans', sans-serif
    }
}

.product-information__block-heading {
    display: none
}

@media only screen and (min-width:768px) {
    .product-information__block-heading {
        display: block
    }
}

.product-information__rich-text {
    margin-top: 3px;
    display: none
}

.product-information__rich-text p:last-of-type {
    display: inline
}

@media only screen and (min-width:768px) {
    .product-information__rich-text {
        display: block
    }
}

@media only screen and (min-width:1024px) {
    .product-information__rich-text {
        width: 85%;
        max-width: 40em
    }
}

.product-information__button {
    line-height: 1.35;
    position: relative;
    display: inline-block
}

.product-information__button:focus {
    outline: 0
}

[data-whatinput=keyboard] .product-information__button:focus {
    outline-color: transparent
}

[data-whatinput=keyboard] .product-information__button:focus::before {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 1px dashed #000;
    box-sizing: border-box;
    border-radius: 2px;
    content: ""
}

@media only screen and (min-width:1024px) {
    [data-whatinput=keyboard] .product-information__button:focus::before {
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px
    }
}

@media only screen and (min-width:1024px) {
    .product-information__button {
        line-height: 1.6
    }
}

.product-information__accordion {
    display: block;
    font-weight: 400
}

@media only screen and (min-width:768px) {
    .product-information__accordion {
        display: none
    }
}

.product-information__accordion-content p:last-of-type {
    display: inline
}

.image {
    opacity: 0
}

.image--eager,
.image--loaded {
    opacity: 1;
    transition: opacity .8s ease-out .1s
}

.arrow-button__arrow-chevron {
    position: relative;
    display: inline-block;
    flex-shrink: 0
}

.arrow-button__arrow-chevron {
    width: 10px;
    height: 10px;
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    display: inline-block
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.arrow-button {
    width: 36px;
    height: 36px;
    position: relative;
    border-radius: 50%;
    background: rgba(255, 255, 255, .7);
    transition: background .7s cubic-bezier(.19, 1, .22, 1) .05s;
    border: 1px solid #eaeaea;
    display: block
}

.arrow-button:focus {
    outline: 0
}

[data-whatinput=keyboard] .arrow-button:focus {
    outline-color: transparent
}

[data-whatinput=keyboard] .arrow-button:focus::before {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 1px dashed #000;
    box-sizing: border-box;
    border-radius: 50%;
    content: ""
}

@media only screen and (min-width:1024px) {
    [data-whatinput=keyboard] .arrow-button:focus::before {
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px
    }
}

@media(hover:hover)and (pointer:fine) {
    .arrow-button:hover {
        background: #fff
    }
}

.arrow-button__arrow {
    pointer-events: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    transform: translate(-50%, -50%);
    color: #000
}

.arrow-button__arrow--left {
    transform: translate(-50%, -50%) rotate(180deg)
}

.arrow-button__arrow--up {
    transform: translate(-50%, -50%) rotate(270deg)
}

.arrow-button__arrow--down {
    transform: translate(-50%, -50%) rotate(90deg)
}

.arrow-button__arrow-chevron {
    width: 7px;
    height: 7px;
    position: absolute;
    top: 50%;
    left: 0;
    transition: transform .7s cubic-bezier(.19, 1, .22, 1);
    transform-origin: center;
    transform: translate(0, -50%) rotate(-45deg)
}

@media(hover:hover)and (pointer:fine) {
    .arrow-button:hover .arrow-button__arrow-chevron {
        transform: translate(2px, -50%) rotate(-45deg)
    }
}

.arrow-button__arrow-line {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    background: currentColor;
    transition: transform .6s cubic-bezier(.19, 1, .22, 1), opacity .5s cubic-bezier(.19, 1, .22, 1);
    transform: translate(-1px, -50%) scaleX(.5);
    transform-origin: right;
    opacity: 0
}

@media(hover:hover)and (pointer:fine) {
    .arrow-button:hover .arrow-button__arrow-line {
        opacity: 1;
        transform: translate(-1px, -50%) scaleX(1);
        transition: transform .8s cubic-bezier(.19, 1, .22, 1), opacity .7s cubic-bezier(.19, 1, .22, 1)
    }
}

.product-price__amount-sr,
.product-price__compare-sr,
.product-price__discount-sr {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.product-price {
    font: 700 15px/1.15385 'Nunito Sans', sans-serif;
    display: inline-flex;
    white-space: nowrap;
    align-items: baseline
}

@media only screen and (min-width:768px) {
    .product-price {
        font: 700 13px/1.6 'Nunito Sans', sans-serif
    }
}

@media only screen and (min-width:768px)and (min-width:768px) {
    .product-price {
        font: 700 14px/1.6 'Nunito Sans', sans-serif
    }
}

.product-price__compare {
    font: 700 11px/1.35 'Nunito Sans', sans-serif;
    position: relative;
    color: #929292
}

@media only screen and (min-width:1024px) {
    .product-price__compare {
        font-size: 13px;
        line-height: 1.65
    }
}

.product-price__compare::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transform: translateY(-50%)
}

.product-price__amount {
    display: inline-block
}

.product-price__compare~.product-price__amount {
    margin-left: 8px
}

.product-price__discount {
    display: inline-block;
    margin-left: 4px
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.product-sustainability-label {
    font: 14px/1.55 'Nunito Sans', sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    color: #0e855b
}

@media only screen and (min-width:768px) {
    .product-sustainability-label {
        font: 16px/1.55 'Nunito Sans', sans-serif
    }
}

@media only screen and (min-width:768px) {
    .product-sustainability-label {
        font-weight: 700
    }
}

.product-card__slider-control {
    opacity: 0;
    visibility: hidden
}

[data-visible].product-card__slider-control {
    opacity: 1;
    visibility: visible
}

.product-card__slider {
    overflow: hidden;
    position: relative
}

.product-card__slider>.flickity-viewport,
.product-card__slider>.flickity-viewport .flickity-slider {
    height: 100%
}

.product-card__slide {
    position: absolute;
    height: 100%;
    width: 100%
}

.product-card__discount-percentage-sr {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.product-card {
    position: relative
}

.product-card:focus {
    outline: 0
}

[data-whatinput=keyboard] .product-card:focus {
    display: block;
    outline-color: transparent
}

[data-whatinput=keyboard] .product-card:focus::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px dashed #000;
    box-sizing: border-box;
    border-radius: 2px;
    content: ""
}

@media only screen and (min-width:1024px) {
    [data-whatinput=keyboard] .product-card:focus::after {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
}

.product-card__slider {
    padding-bottom: 113.5%;
    height: 0;
    background: #eaeaea
}

.product-card__slide {
    opacity: 0 !important;
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94)
}

.product-card__slide.is-selected {
    opacity: 1 !important;
    transition-delay: .15s
}

.product-card__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    visibility: hidden
}

.product-card--out-of-stock .product-card__image {
    opacity: .4
}

.product-card__slide.is-selected .product-card__image {
    visibility: visible
}

.product-card__video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    visibility: hidden
}

.product-card__slide.is-selected .product-card__video {
    visibility: visible
}

.product-card__slider-controls-wrapper--hide {
    display: none
}

.product-card__slider-control {
    display: none;
    position: absolute;
    top: 50%;
    z-index: 1;
    opacity: 0;
    transition: transform .6s, opacity .5s
}

.product-card__slider-control[data-visible] {
    opacity: 0
}

@media(hover:hover)and (pointer:fine) {
    .product-card__slider--enabled .product-card__slider-control {
        display: block
    }

    .product-card:hover .product-card__slider--enabled .product-card__slider-control {
        opacity: 1;
        transform: translate(0, -50%)
    }

    .product-card__slider--enabled .product-card__slider-control:focus {
        outline: 0
    }

    [data-whatinput=keyboard] .product-card__slider--enabled .product-card__slider-control:focus {
        opacity: 1;
        transform: translate(0, -50%)
    }

    .product-card__slider--enabled .product-card__slider-control:focus {
        outline: 0
    }

    [data-whatinput=keyboard] .product-card:focus .product-card__slider--enabled .product-card__slider-control {
        opacity: 1;
        transform: translate(0, -50%)
    }
}

.product-card__slider-control--previous {
    left: 15px;
    transform: translate(-3px, -50%)
}

.product-card__slider-control--next {
    right: 15px;
    transform: translate(3px, -50%)
}

.product-card__caption {
    margin-top: 9px
}

@media only screen and (min-width:1024px) {
    .product-card__caption {
        margin-top: 14px
    }
}

.product-card__title {
    font: 14px/1.55 'Nunito Sans', sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (min-width:768px) {
    .product-card__title {
        font: 16px/1.55 'Nunito Sans', sans-serif
    }
}

.product-card__sustainability-label+.product-card__title {
    margin-top: 2px
}

@media only screen and (min-width:1024px) {
    .product-card__title {
        font-weight: 400
    }

    .product-card__sustainability-label+.product-card__title {
        margin-top: 4px
    }
}

.product-card__price {
    font: 14px 'Nunito Sans', sans-serif;
    margin-top: 4px;
    font-weight: 700;
}

@media only screen and (min-width:768px) {
    .product-card__price {
        font: 14px 'Nunito Sans', sans-serif;
        font-weight: 700;
    }
}

@media only screen and (min-width:1024px) {
    .product-card__price {
        margin-top: 6px
    }
}

.product-card__tag {
    font: 400 11px/1.35 'Nunito Sans', sans-serif;
    white-space: nowrap;
    position: absolute;
    color: #313131;
    top: 9px;
    left: 9px
}

@media only screen and (min-width:1024px) {
    .product-card__tag {
        font-size: 13px;
        line-height: 1.65
    }
}

@media only screen and (min-width:1024px) {
    .product-card__tag {
        top: 20px;
        left: 20px
    }
}

.product-recommendations__control,
.product-recommendations__control--next,
.product-recommendations__control--previous {
    opacity: 0;
    visibility: hidden
}

[data-visible].product-recommendations__control,
[data-visible].product-recommendations__control--next,
[data-visible].product-recommendations__control--previous {
    opacity: 1;
    visibility: visible
}

.product-recommendations__list {
    position: relative;
    width: 100%;
    white-space: nowrap;
    overflow-x: hidden;
    display: flex
}

.product-recommendations__list::-webkit-scrollbar {
    display: none
}

.flickity-enabled.product-recommendations__list {
    white-space: normal;
    display: block
}

.flickity-enabled.product-recommendations__list {
    overflow-x: visible
}

.product-recommendations__list>.flickity-viewport {
    width: 100vw;
    width: calc(var(--vw, 1vw) * 100 + 0px);
    margin-left: calc(-1 * ((100vw - 100%)/ 2));
    margin-left: calc(-1 * ((var(--vw, 1vw) * 100 - 100%)/ 2));
    padding-left: calc((100vw - 100%)/ 2);
    padding-left: calc((var(--vw, 1vw) * 100 - 100%)/ 2);
    overflow-x: hidden
}

.product-recommendations__item {
    display: inline-block
}

.product-recommendations__control--next,
.product-recommendations__control--previous {
    position: relative;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.product-recommendations__control--next::after,
.product-recommendations__control--previous::after {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: ""
}

@media only screen and (min-width:768px) {

    .product-recommendations__control--next,
    .product-recommendations__control--previous {
        position: relative;
        top: auto;
        transform: none;
        width: 40px;
        height: 40px
    }

    .product-recommendations__control--next::after,
    .product-recommendations__control--previous::after {
        display: none
    }
}

.product-recommendations__control--next {
    right: -13px
}

.product-recommendations__control--next::after {
    left: calc(50% - 5px)
}

@media only screen and (min-width:768px) {
    .product-recommendations__control--next {
        right: auto;
        margin-left: 8px
    }
}

.product-recommendations__control--previous {
    left: -13px
}

.product-recommendations__control--previous::after {
    left: calc(50% + 5px)
}

@media only screen and (min-width:768px) {
    .product-recommendations__control--previous {
        left: auto;
        margin-left: auto
    }
}

.product-recommendations {
    position: relative;
    z-index: 0;
    margin: 60px 16px;
    max-width: calc(var(--vw, 1vw) * 100 - 32px)
}

.product-recommendations:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .product-recommendations {
        margin: 75px 24px;
        max-width: calc(var(--vw, 1vw) * 100 - 48px)
    }
}

@media only screen and (min-width:1024px) {
    .product-recommendations {
        margin: 90px 40px;
        max-width: calc(var(--vw, 1vw) * 100 - 80px)
    }
}

@media only screen and (min-width:1280px) {
    .product-recommendations {
        margin: 105px 40px;
        max-width: calc(var(--vw, 1vw) * 100 - 80px)
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.product-recommendations {
    position: relative
}

.product-recommendations__header {
    display: flex;
    align-items: center
}

.product-recommendations__title {
    font: 500 16px/1.12 'Nunito Sans', sans-serif
}

@media only screen and (min-width:768px) {
    .product-recommendations__title {
        font: 400 23px/1.25 'Nunito Sans', sans-serif
    }
}

@media only screen and (min-width:768px)and (min-width:768px) {
    .product-recommendations__title {
        font: 400 28px/1.25 'Nunito Sans', sans-serif
    }
}

.product-recommendations__control:disabled {
    opacity: 0;
    pointer-events: none
}

@media only screen and (min-width:768px) {
    .product-recommendations__control:disabled {
        opacity: .5
    }
}

.product-recommendations__list {
    margin-top: 20px
}

@media only screen and (min-width:768px) {
    .product-recommendations__list {
        margin-top: 30px
    }
}

@media only screen and (min-width:1024px) {
    .product-recommendations__list {
        margin-top: 40px
    }
}

.product-recommendations__item {
    width: calc((100vw - (16px * 2) - (16px * .5))/ 1.5);
    width: calc((var(--vw, 1vw) * 100 - (16px * 2) - (16px * .5))/ 1.5);
    flex: 0 0 calc((100vw - (16px * 2) - (16px * 0.5))/ 1.5);
    flex: 0 0 calc((var(--vw, 1vw) * 100 - (16px * 2) - (16px * 0.5))/ 1.5)
}

.product-recommendations__item:not(:first-of-type) {
    margin-left: 16px
}

@media only screen and (min-width:768px) {
    .product-recommendations__item {
        width: calc((100vw - (24px * 2) - (24px * 2))/ 3);
        width: calc((var(--vw, 1vw) * 100 - (24px * 2) - (24px * 2))/ 3);
        flex: 0 0 calc((100vw - (24px * 2) - (24px * 2))/ 3);
        flex: 0 0 calc((var(--vw, 1vw) * 100 - (24px * 2) - (24px * 2))/ 3)
    }

    .product-recommendations__item:not(:first-of-type) {
        margin-left: 24px
    }
}

@media only screen and (min-width:1024px) {
    .product-recommendations__item {
        width: calc((100vw - (40px * 2) - (32px * 2))/ 3);
        width: calc((var(--vw, 1vw) * 100 - (40px * 2) - (32px * 2))/ 3);
        flex: 0 0 calc((100vw - (40px * 2) - (32px * 2))/ 3);
        flex: 0 0 calc((var(--vw, 1vw) * 100 - (40px * 2) - (32px * 2))/ 3)
    }

    .product-recommendations__item:not(:first-of-type) {
        margin-left: 32px
    }
}

@media only screen and (min-width:1280px) {
    .product-recommendations__item {
        width: calc((100vw - (40px * 2) - (32px * 2))/ 3);
        width: calc((var(--vw, 1vw) * 100 - (40px * 2) - (32px * 2))/ 3);
        flex: 0 0 calc((100vw - (40px * 2) - (32px * 2))/ 3);
        flex: 0 0 calc((var(--vw, 1vw) * 100 - (40px * 2) - (32px * 2))/ 3)
    }

    .product-recommendations__item:not(:first-of-type) {
        margin-left: 32px
    }
}

.arrow-text-button__arrow-chevron {
    position: relative;
    display: inline-block;
    flex-shrink: 0
}

.arrow-text-button__arrow-chevron {
    width: 10px;
    height: 10px;
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    display: inline-block
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.arrow-text-button {
    position: relative
}

.arrow-text-button:focus {
    outline: 0
}

[data-whatinput=keyboard] .arrow-text-button:focus {
    outline-color: transparent
}

[data-whatinput=keyboard] .arrow-text-button:focus::before {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 1px dashed #000;
    box-sizing: border-box;
    border-radius: 36px;
    content: ""
}

@media only screen and (min-width:1024px) {
    [data-whatinput=keyboard] .arrow-text-button:focus::before {
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px
    }
}

.arrow-text-button__inner {
    display: block;
    position: relative;
    white-space: nowrap;
    height: 36px;
    width: 36px;
    border-radius: 36px;
    border: 1px solid rgba(0, 0, 0, .07);
    background: rgba(255, 255, 255, .8);
    transition: background .7s cubic-bezier(.19, 1, .22, 1) .05s, width .2s ease-out .1s
}

.arrow-text-button--static .arrow-text-button__inner {
    height: auto;
    border: 0;
    background-color: transparent
}

.arrow-text-button:focus .arrow-text-button__inner {
    width: 100%;
    transition: width .1s
}

@media(hover:hover)and (pointer:fine) {
    .arrow-text-button:not(.arrow-text-button--static):hover .arrow-text-button__inner {
        background: #fff;
        transition: background .7s cubic-bezier(.19, 1, .22, 1) .05s, width .2s
    }
}

.arrow-text-button__arrow {
    pointer-events: none;
    position: absolute;
    left: 16px;
    top: 50%;
    width: 10px;
    height: 10px;
    transform: translate(-50%, -50%) rotate(180deg);
    color: #000
}

.arrow-text-button--static .arrow-text-button__arrow {
    left: auto;
    transform: translateY(calc(-50% - 1px)) rotate(180deg)
}

.arrow-text-button__arrow-chevron {
    width: 7px;
    height: 7px;
    position: absolute;
    top: 50%;
    left: 0;
    transition: transform .7s cubic-bezier(.19, 1, .22, 1);
    transform-origin: center;
    transform: translate(0, -50%) rotate(-45deg)
}

@media(hover:hover)and (pointer:fine) {
    .arrow-text-button:hover .arrow-text-button__arrow-chevron {
        transform: translate(2px, -50%) rotate(-45deg)
    }
}

.arrow-text-button__arrow-line {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    background: currentColor;
    transform-origin: right;
    opacity: 0;
    transform: translate(-1px, -50%) scaleX(.5);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1), opacity .5s cubic-bezier(.19, 1, .22, 1)
}

@media(hover:hover)and (pointer:fine) {
    .arrow-text-button:hover .arrow-text-button__arrow-line {
        opacity: 1;
        transform: translate(-1px, -50%) scaleX(1);
        transition: transform .8s cubic-bezier(.19, 1, .22, 1), opacity .7s cubic-bezier(.19, 1, .22, 1)
    }
}

.arrow-text-button__text {
    font: 500 12px/36px 'Nunito Sans', sans-serif;
    text-transform: lowercase;
    position: relative;
    display: inline-block;
    padding-left: 32px;
    padding-right: 18px;
    pointer-events: none;
    opacity: 0;
    transform: translateX(10px);
    transition: all .2s 0s
}

@media only screen and (min-width:768px) {
    .arrow-text-button__text {
        font: 500 13px/36px 'Nunito Sans', sans-serif
    }
}

.arrow-text-button--static .arrow-text-button__text {
    text-transform: capitalize;
    font-weight: 400;
    line-height: 1;
    padding-left: 22px;
    padding-right: 0;
    transform: translateX(0);
    pointer-events: all;
    opacity: 1
}

.arrow-text-button:focus .arrow-text-button__text {
    opacity: 1;
    transform: translateX(0)
}

@media(hover:hover)and (pointer:fine) {
    .arrow-text-button:hover .arrow-text-button__text {
        opacity: 1;
        transform: translateX(0);
        transition: all .3s .1s
    }
}

.zoomable-image__close-icon {
    position: relative;
    display: inline-block;
    flex-shrink: 0
}

.zoomable-image__close-icon {
    width: 10px;
    height: 10px
}

.zoomable-image__close-icon::after,
.zoomable-image__close-icon::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: currentColor
}

.zoomable-image__close-icon::before {
    transform: rotate3d(0, 0, 1, -45deg)
}

.zoomable-image__close-icon::after {
    transform: rotate3d(0, 0, 1, 45deg)
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.zoomable-image__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.zoomable-image__image--loading {
    -webkit-animation: pulse .5s linear infinite alternate;
    animation: pulse .5s linear infinite alternate
}

@-webkit-keyframes pulse {
    0% {
        opacity: 1
    }

    100% {
        opacity: .75
    }
}

@keyframes pulse {
    0% {
        opacity: 1
    }

    100% {
        opacity: .75
    }
}

.zoomable-image__open {
    color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.zoomable-image__open:focus {
    outline: 0
}

[data-whatinput=keyboard] .zoomable-image__open:focus {
    outline-color: transparent
}

[data-whatinput=keyboard] .zoomable-image__open:focus::after {
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border: 1px dashed #000;
    box-sizing: border-box;
    border-radius: 2px;
    content: ""
}

@media only screen and (min-width:1024px) {
    [data-whatinput=keyboard] .zoomable-image__open:focus::after {
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px
    }
}

@media(hover:hover)and (pointer:fine) {
    .zoomable-image__open {
        cursor: url("../images/cursor-zoom-in.png") 20 20, default;
        cursor: -webkit-image-set(url("../images/cursor-zoom-in.png") 1x, url("../images/cursor-zoom-in@2x.png") 2x) 20 20, default
    }
}

.zoomable-image__copy-outer {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: opacity .4s 0s, visibility 0s .4s
}

.zoomable-image__copy-outer--visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 0s 0s, visibility 0s 0s
}

.zoomable-image__close {
    color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(calc(50vw - 100% - 16px), calc(-50vh + 16px));
    transform: translate(calc(50vw - 100% - 16px), calc(-50 * var(--vh) + 16px));
    width: 36px;
    height: 36px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .07);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transition: opacity .6s cubic-bezier(.19, 1, .22, 1), visibility 0s .6s
}

.zoomable-image__close:focus {
    outline: 0
}

[data-whatinput=keyboard] .zoomable-image__close:focus {
    outline-color: transparent
}

[data-whatinput=keyboard] .zoomable-image__close:focus::after {
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border: 1px dashed #000;
    box-sizing: border-box;
    border-radius: 50%;
    content: ""
}

@media only screen and (min-width:1024px) {
    [data-whatinput=keyboard] .zoomable-image__close:focus::after {
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px
    }
}

.zoomable-image__copy-outer--visible .zoomable-image__close {
    visibility: visible;
    pointer-events: all;
    opacity: 1;
    transition: opacity 1s cubic-bezier(.19, 1, .22, 1), visiblity 0s 0s
}

@media only screen and (min-width:768px) {
    .zoomable-image__close {
        transform: translate(calc(50vw - 100% - 24px), calc(-50vh + 24px));
        transform: translate(calc(50vw - 100% - 24px), calc(-50 * var(--vh) + 24px))
    }
}

@media only screen and (min-width:1024px) {
    .zoomable-image__close {
        transform: translate(calc(50vw - 100% - 40px), calc(-50vh + 40px));
        transform: translate(calc(50vw - 100% - 40px), calc(-50 * var(--vh) + 40px))
    }
}

@media only screen and (min-width:1280px) {
    .zoomable-image__close {
        transform: translate(calc(50vw - 100% - 40px), calc(-50vh + 40px));
        transform: translate(calc(50vw - 100% - 40px), calc(-50 * var(--vh) + 40px))
    }
}

@media(hover:hover)and (pointer:fine) {
    .zoomable-image__close {
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100 + 0px);
        background: unset;
        border: unset;
        border-radius: unset;
        opacity: 1;
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
        cursor: default
    }

    .zoomable-image__close:focus {
        outline: 0
    }

    [data-whatinput=keyboard] .zoomable-image__close:focus {
        outline-color: transparent
    }

    [data-whatinput=keyboard] .zoomable-image__close:focus::after {
        position: absolute;
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        border: 1px dashed #000;
        box-sizing: border-box;
        border-radius: 2px;
        content: ""
    }
}

@media only screen and (hover:hover)and (pointer:fine)and (min-width:1024px) {
    [data-whatinput=keyboard] .zoomable-image__close:focus::after {
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px
    }
}

@media(hover:hover)and (pointer:fine) {
    .zoomable-image__copy-outer--visible .zoomable-image__close {
        cursor: url("../images/cursor-zoom-out.png") 20 20, default;
        cursor: -webkit-image-set(url("../images/cursor-zoom-out.png") 1x, url("../images/cursor-zoom-out@2x.png") 2x) 20 20, default
    }
}

.zoomable-image__close-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    color: #000;
    width: 14px;
    height: 14px
}

@media(hover:hover)and (pointer:fine) {
    .zoomable-image__close-icon {
        display: none
    }
}

.zoomable-image__copy-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.zoomable-image__copy {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover
}

.zoomable-image__copy-outer--visible .zoomable-image__copy {
    opacity: 1;
    transition: none
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.autoplay-video--portrait {
    display: none
}

@media screen and (orientation:portrait) {
    .autoplay-video--portrait {
        display: block
    }

    .autoplay-video--landscape {
        display: none
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.product-media__grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 4px;
    overflow: hidden;
    max-width: 100%
}

@media only screen and (min-width:768px) {
    .product-media__grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 8px
    }
}

.product-media__grid-item {
    width: 100%;
    padding-bottom: 115.3846153846%;
    position: relative;
    overflow: hidden;
    background: #eaeaea
}

.product-media__grid-item>* {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.product-media__image {
    -o-object-fit: cover;
    object-fit: cover
}

.product-media__video {
    -o-object-fit: cover;
    object-fit: cover
}

.product-media__open-zoom {
    color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.product-media__open-zoom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.product-media--zoom .product-media__open-zoom {
    visibility: hidden
}

.product-media__open-zoom:focus {
    outline: 0
}

[data-whatinput=keyboard] .product-media__open-zoom:focus {
    outline-color: transparent
}

[data-whatinput=keyboard] .product-media__open-zoom:focus::after {
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border: 1px dashed #000;
    box-sizing: border-box;
    border-radius: 2px;
    content: ""
}

@media only screen and (min-width:1024px) {
    [data-whatinput=keyboard] .product-media__open-zoom:focus::after {
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px
    }
}

@media(hover:hover)and (pointer:fine) {
    .product-media__open-zoom {
        cursor: url("../images/cursor-zoom-in.png") 20 20, default;
        cursor: -webkit-image-set(url("../images/cursor-zoom-in.png") 1x, url("../images/cursor-zoom-in@2x.png") 2x) 20 20, default
    }

    .product-media--zoom .product-media__open-zoom {
        cursor: default
    }
}

.product-media__zoom-outer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    visibility: hidden;
    pointer-events: none;
    transition: visibility 0s .6s
}

.product-media--zoom .product-media__zoom-outer {
    pointer-events: all;
    visibility: visible;
    transition: visibility 0s 0s
}

.product-media__zoom-outer--background {
    background: #eaeaea
}

.product-media__zoomable-image-transition {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 1.5s, opacity 1.5s cubic-bezier(.19, 1, .22, 1)
}

.product-media__zoomable-image-transition .image {
    transform: translate(-50%, -50%) scale(1.05);
    transition: transform 2s cubic-bezier(.19, 1, .22, 1)
}

.product-media__zoomable-image-transition--in {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s 0s, opacity 1.5s cubic-bezier(.19, 1, .22, 1)
}

.product-media__zoomable-image-transition--in .image {
    transform: translate(-50%, -50%) scale(1);
    transition: transform 2s cubic-bezier(.19, 1, .22, 1)
}

.product-media__navigation {
    position: absolute;
    top: 50%;
    left: 16px;
    z-index: 1;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity .6s cubic-bezier(.19, 1, .22, 1)
}

.product-media--zoom .product-media__navigation {
    opacity: 1;
    transition: opacity .8s cubic-bezier(.19, 1, .22, 1)
}

@media only screen and (min-width:768px) {
    .product-media__navigation {
        left: calc(24px - 3px)
    }
}

@media only screen and (min-width:1024px) {
    .product-media__navigation {
        left: calc(40px - 10px)
    }
}

@media only screen and (min-width:1280px) {
    .product-media__navigation {
        left: calc(40px - 10px)
    }
}

.product-media__navigation-button {
    position: relative;
    display: block;
    cursor: pointer;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #bebebe;
    opacity: .5;
    transition: opacity 1s cubic-bezier(.19, 1, .22, 1), background-color 1s cubic-bezier(.19, 1, .22, 1)
}

.product-media__navigation-button:not(:first-of-type) {
    margin-top: 6px
}

.product-media__navigation-button:focus {
    outline: 0
}

[data-whatinput=keyboard] .product-media__navigation-button:focus {
    opacity: 1;
    transition: opacity .4s cubic-bezier(.19, 1, .22, 1);
    outline-color: transparent
}

[data-whatinput=keyboard] .product-media__navigation-button:focus::after {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 1px dashed #000;
    box-sizing: border-box;
    border-radius: 2px;
    content: ""
}

@media only screen and (min-width:1024px) {
    [data-whatinput=keyboard] .product-media__navigation-button:focus::after {
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px
    }
}

.product-media__navigation-button--active {
    background: #000
}

@media(hover:hover)and (pointer:fine) {
    .product-media__navigation-button:hover {
        opacity: 1
    }
}

@media only screen and (min-width:768px) {
    .product-media__navigation-button {
        width: 50px;
        height: 50px;
        border: 1px solid #eaeaea;
        opacity: .5;
        background: unset;
        border-radius: unset
    }

    .product-media__navigation-button:not(:first-of-type) {
        margin-top: 10px
    }

    .product-media__navigation-button--active {
        opacity: 1;
        background: unset
    }
}

.product-media__navigation-thumbnail {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: none
}

@media only screen and (min-width:768px) {
    .product-media__navigation-thumbnail {
        display: block
    }
}

.product-media__close-zoom-arrow {
    position: absolute;
    z-index: 1;
    display: none;
    opacity: 0;
    transition: opacity .6s cubic-bezier(.19, 1, .22, 1)
}

.product-media--zoom .product-media__close-zoom-arrow {
    opacity: 1;
    transition: opacity 1s cubic-bezier(.19, 1, .22, 1)
}

@media(hover:hover)and (pointer:fine) {
    .product-media__close-zoom-arrow {
        display: block;
        transform: translateY(50%);
        left: calc(16px - 2px);
        bottom: 44px
    }
}

@media only screen and (hover:hover)and (pointer:fine)and (min-width:768px) {
    .product-media__close-zoom-arrow {
        left: calc(24px - 3px);
        bottom: 38px
    }
}

@media only screen and (hover:hover)and (pointer:fine)and (min-width:1024px) {
    .product-media__close-zoom-arrow {
        left: calc(40px - 10px);
        bottom: 40px
    }
}

@media only screen and (hover:hover)and (pointer:fine)and (min-width:1280px) {
    .product-media__close-zoom-arrow {
        left: calc(40px - 10px);
        bottom: 44px
    }
}

.select__option-text {
    position: relative;
    white-space: nowrap
}

.select__option-text::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform: scaleX(1);
    opacity: .6;
    transform-origin: left;
    transition: transform .7s cubic-bezier(.19, 1, .22, 1) .2s
}

@media(hover:hover)and (pointer:fine) {
    .select__option-text:hover::after {
        transform: scaleX(0);
        transform-origin: right;
        transition-delay: 0s
    }
}

.select__option-text {
    white-space: normal
}

.select__option-text::after {
    transform: scaleX(0);
    transform-origin: right
}

@media(hover:hover)and (pointer:fine) {
    .select__option-text {
        white-space: nowrap
    }

    .select__option-text:hover::after {
        transform: scaleX(1);
        transform-origin: left
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.select {
    position: relative;
    width: 100%
}

.select__button,
.select__label {
    position: absolute;
    top: 0;
    left: 0
}

.select__button:after,
.select__label:after {
    content: "";
    position: absolute;
    right: 15px;
    top: calc(50% - 2px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 3px 0;
    border-color: #000 transparent transparent transparent;
    pointer-events: none;
    transition: transform .6s cubic-bezier(.19, 1, .22, 1)
}

.select__label {
    position: relative;
    width: 100%
}

.select__label:active::after {
    transform: rotate(180deg)
}

.select__label-text {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.select__button,
.select__input {
    font: 500 12px 'Nunito Sans', sans-serif;
    text-align: left;
    text-transform: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    border: 1px solid #eaeaea;
    border-radius: 0;
    background: #fff;
    color: #000;
    padding: 15px 20px;
    padding-right: 38px
}

@media only screen and (min-width:768px) {

    .select__button,
    .select__input {
        font: 500 13px 'Nunito Sans', sans-serif
    }
}

.select__button:focus,
.select__input:focus {
    outline: 0
}

[data-whatinput=keyboard] .select__button:focus,
[data-whatinput=keyboard] .select__input:focus {
    border: 1px dashed #000
}

.select--force-focus .select__button,
.select--force-focus .select__input {
    border: 1px dashed #000
}

@media only screen and (min-width:768px) {

    .select__button,
    .select__input {
        padding: 16px 20px;
        padding-right: 38px
    }
}

.select__input {
    text-transform: inherit;
    position: relative
}

@media only screen and (min-width:768px) {
    .select__input {
        z-index: -1
    }
}

.select__button {
    text-transform: inherit;
    white-space: nowrap;
    height: 100%;
    display: none
}

.select--open .select__button:after {
    transform: rotate(180deg)
}

.select--focus .select__button {
    border: 1px dashed #000
}

@media only screen and (min-width:768px) {
    .select__button {
        display: block
    }
}

.select__dropdown {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 2;
    background: #fff;
    border: 1px solid #eaeaea;
    border-top: none;
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    transition: max-height .4s cubic-bezier(.19, 1, .22, 1), opacity .01s .4s, visibility 0s .4s
}

.select--open-top .select__dropdown {
    top: 1px;
    transform: translateY(-100%);
    border: 1px solid #eaeaea
}

.select--open .select__dropdown {
    max-height: var(--max-height);
    visibility: visible;
    opacity: 1;
    overflow-y: auto;
    transition: max-height .4s cubic-bezier(.19, 1, .22, 1), opacity 0s, visibility 0s 0s
}

@media only screen and (min-width:768px) {
    .select__dropdown {
        display: block
    }
}

.select__options {
    padding-right: 5px
}

.select__option-button {
    font: 12px/1.25 'Nunito Sans', sans-serif;
    text-align: left;
    white-space: nowrap;
    text-transform: inherit;
    width: 100%;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    background: #fff;
    transition: background .4s cubic-bezier(.19, 1, .22, 1)
}

@media only screen and (min-width:768px) {
    .select__option-button {
        font: 13px/1.25 'Nunito Sans', sans-serif
    }
}

.select__option-button[data-selected] {
    cursor: default
}

.select__option-button:disabled {
    pointer-events: none
}

@media only screen and (min-width:1024px) {
    .select__option-button {
        line-height: 1.6
    }
}

.select__option-text::after {
    transition-delay: 0s
}

.select__option-button[data-selected] .select__option-text::after {
    transform: scaleX(1)
}

@media(hover:hover)and (pointer:fine) {
    .select__option:hover .select__option-button:not(:disabled) .select__option-text::after {
        transform: scaleX(1);
        transform-origin: left
    }
}

.select-color {
    text-transform: capitalize
}

.button__arrow-chevron,
.button__icon--plus {
    position: relative;
    display: inline-block;
    flex-shrink: 0
}

.button__icon--plus {
    width: 10px;
    height: 10px
}

.button__icon--plus::after,
.button__icon--plus::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 2px;
    width: 100%;
    transform-origin: center;
    background: currentColor
}

.button__icon--plus::before {
    transform: rotate3d(0, 0, 1, -90deg)
}

.button__arrow-chevron {
    width: 10px;
    height: 10px;
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    display: inline-block
}

.button--link {
    position: relative;
    white-space: nowrap
}

.button--link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform: scaleX(1);
    opacity: .6;
    transform-origin: left;
    transition: transform .7s cubic-bezier(.19, 1, .22, 1) .2s
}

@media(hover:hover)and (pointer:fine) {
    .button--link:hover::after {
        transform: scaleX(0);
        transform-origin: right;
        transition-delay: 0s
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.button {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.button:disabled {
    pointer-events: none
}

.button:focus {
    outline: 0
}

[data-whatinput=keyboard] .button:focus {
    outline-color: transparent
}

[data-whatinput=keyboard] .button:focus::before {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    border: 1px dashed currentColor;
    box-sizing: border-box;
    border-radius: 2px;
    content: ""
}

@media only screen and (min-width:1024px) {
    [data-whatinput=keyboard] .button:focus::before {
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px
    }
}

.button--default {
    font: 500 12px 'Nunito Sans', sans-serif;
    color: #fff;
    text-align: center;
    padding: 14px 33px;
    border: 1px solid #000;
    background: #000;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background .4s cubic-bezier(.19, 1, .22, 1), border-color .4s cubic-bezier(.19, 1, .22, 1)
}

@media only screen and (min-width:768px) {
    .button--default {
        font: 500 13px 'Nunito Sans', sans-serif
    }
}

.button--default::after {
    content: attr(data-active-text);
    font: inherit;
    color: #000;
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    transition: transform .2s cubic-bezier(.19, 1, .22, 1), opacity .4s cubic-bezier(.19, 1, .22, 1)
}

.button--default[data-active] {
    border-color: #eaeaea;
    background: #fff
}

.button--default[data-active]::after {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: transform .8s cubic-bezier(.19, 1, .22, 1), opacity .8s cubic-bezier(.19, 1, .22, 1)
}

.button--link,
.button--unstyled {
    font: inherit;
    color: inherit;
    padding: 0;
    border: none;
    background: 0 0
}

.button--theme-dark {
    background-color: #fff;
    color: #000;
    border-color: #eaeaea
}

@media only screen and (min-width:1024px) {
    .button--default {
        padding: 14px 66px
    }
}

.button__text {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    pointer-events: none;
    transition: opacity .4s cubic-bezier(.19, 1, .22, 1)
}

.button--icon-plus .button__text {
    transform: translateX(5px);
    transition: transform .8s cubic-bezier(.19, 1, .22, 1), opacity .4s cubic-bezier(.19, 1, .22, 1)
}

@media(hover:hover)and (pointer:fine) {
    .button--icon-plus:not(:disabled):not([data-disabled]):hover .button__text {
        transform: translateX(0)
    }
}

.button:disabled .button__text,
.button[data-disabled] .button__text {
    opacity: .6
}

.button__icon--plus {
    display: inline-block;
    vertical-align: bottom;
    opacity: 0;
    transform: translate3d(-5px, -1px, 0);
    transition: transform .8s cubic-bezier(.19, 1, .22, 1), opacity .4s cubic-bezier(.19, 1, .22, 1)
}

@media(hover:hover)and (pointer:fine) {
    .button--icon-plus:not(:disabled):not([data-disabled]):hover .button__icon--plus {
        opacity: 1;
        transform: translate3d(3px, -3px, 0);
        transition: transform .6s cubic-bezier(.19, 1, .22, 1), opacity .6s cubic-bezier(.19, 1, .22, 1) .15s
    }
}

.button__arrow {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(-7px, -50%);
    opacity: 0;
    width: 10px;
    height: 10px;
    display: inline-block;
    transition: transform .5s cubic-bezier(.19, 1, .22, 1), opacity .5s cubic-bezier(.19, 1, .22, 1)
}

.button--link .button__arrow {
    display: none
}

@media only screen and (min-width:1024px) {
    .button__arrow {
        right: 30px
    }
}

@media(hover:hover)and (pointer:fine) {
    .button:hover .button__arrow {
        transform: translate(0, -50%);
        opacity: 1;
        transition: transform .7s cubic-bezier(.19, 1, .22, 1), opacity .6s cubic-bezier(.19, 1, .22, 1)
    }
}

.button__arrow-chevron {
    width: 7px;
    height: 7px;
    position: absolute;
    top: 50%;
    left: 0;
    transform-origin: center;
    transform: translate(4px, -50%) rotate(-45deg);
    transition: transform .5s cubic-bezier(.19, 1, .22, 1)
}

@media(hover:hover)and (pointer:fine) {
    .button:hover .button__arrow-chevron {
        transition: transform .6s cubic-bezier(.19, 1, .22, 1)
    }
}

.button__arrow-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    width: 12px;
    height: 2px;
    margin: auto;
    pointer-events: none;
    background: currentColor;
    transform-origin: right;
    transition: transform .5s cubic-bezier(.19, 1, .22, 1)
}

@media(hover:hover)and (pointer:fine) {
    .button:hover .button__arrow-line {
        transform: none;
        transition: transform .6s cubic-bezier(.19, 1, .22, 1) .1s
    }
}

.product-form-modal__status {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.product-form-modal {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 4;
    border-top: 1px solid #eaeaea;
    background: #fff;
    width: 100%;
    padding: 16px 16px;
    transition: visibility 0s 0s, transform .6s cubic-bezier(.19, 1, .22, 1), opacity .4s cubic-bezier(.19, 1, .22, 1)
}

.product-form-modal--hidden {
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s .6s, transform .6s cubic-bezier(.19, 1, .22, 1), opacity .4s cubic-bezier(.19, 1, .22, 1)
}

.product-form-modal__modal-sustainability-label,
.product-form-modal__sustainability-label {
    font: 12px 'Nunito Sans', sans-serif;
    color: #929292;
    text-align: center
}

@media only screen and (min-width:768px) {

    .product-form-modal__modal-sustainability-label,
    .product-form-modal__sustainability-label {
        font: 13px 'Nunito Sans', sans-serif
    }
}

.product-form-modal__modal-title-price-wrapper,
.product-form-modal__title-price-wrapper {
    display: flex;
    justify-content: center
}

.product-form-modal__modal-sustainability-label+.product-form-modal__modal-title-price-wrapper,
.product-form-modal__modal-sustainability-label+.product-form-modal__title-price-wrapper,
.product-form-modal__sustainability-label+.product-form-modal__modal-title-price-wrapper,
.product-form-modal__sustainability-label+.product-form-modal__title-price-wrapper {
    margin-top: 9px
}

.product-form-modal__modal-title,
.product-form-modal__title {
    font: 700 15px/1.15385 'Nunito Sans', sans-serif;
    position: relative;
    display: inline-block;
    margin-right: calc(8px + 1em)
}

.product-form-modal__modal-title::after,
.product-form-modal__title::after {
    position: absolute;
    top: 0;
    right: calc(-1 * (1em + 3px));
    content: "—"
}

.product-form-modal__price .product-price__compare {
    color: #000
}

.product-form-modal__price .product-price__amount--discount {
    color: #000
}

.product-form-modal__actions {
    margin-top: 12px;
    display: flex;
    align-items: stretch;
    justify-content: space-between
}

.product-form-modal__color-select {
    flex: 0 0 calc(50% - 3px);
    margin-right: 6px;
    text-transform: capitalize
}

.product-form-modal__modal-trigger {
    flex-shrink: 1;
    flex-basis: 100%
}

.product-form-modal--select-size-hidden .product-form-modal__modal-trigger {
    display: none;
    pointer-events: none
}

.product-form-modal__modal {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 26px 16px 14px;
    max-height: calc(100vh - 50px - 120px);
    max-height: calc(var(--vh) * 100 - 50px - 80px);
    display: flex;
    flex-direction: column;
    z-index: 1;
    border-top: 1px solid #eaeaea;
    background: #fff;
    visibility: hidden;
    transform: translateY(100%);
    transition: transform .4s cubic-bezier(.19, 1, .22, 1), visibility 0s .4s
}

.product-form-modal__modal--open {
    visibility: visible;
    transform: translateY(0);
    transition: transform .4s cubic-bezier(.19, 1, .22, 1), visibility 0s 0s
}

.product-form-modal__modal-close {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100 + 0px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: transparent;
    background: rgba(0, 0, 0, .45);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transform: translateY(-100%);
    opacity: 0;
    transition: opacity .3s cubic-bezier(.19, 1, .22, 1)
}

.product-form-modal__modal-close:focus {
    outline: 0
}

[data-whatinput=keyboard] .product-form-modal__modal-close:focus {
    outline-color: transparent
}

[data-whatinput=keyboard] .product-form-modal__modal-close:focus::after {
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border: 1px dashed #fff;
    box-sizing: border-box;
    border-radius: 2px;
    content: ""
}

@media only screen and (min-width:1024px) {
    [data-whatinput=keyboard] .product-form-modal__modal-close:focus::after {
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 4px
    }
}

.product-form-modal__modal--open .product-form-modal__modal-close {
    opacity: 1;
    transition-delay: .1s
}

.product-form-modal__modal-sustainability-label+.product-form-modal__modal-title-price-wrapper {
    margin-top: 12px
}

.product-form-modal__size-guide {
    font: 12px 'Nunito Sans', sans-serif;
    display: block;
    margin: 12px auto 0
}

@media only screen and (min-width:768px) {
    .product-form-modal__size-guide {
        font: 13px 'Nunito Sans', sans-serif
    }
}

.product-form-modal__options {
    margin-top: 42px;
    overflow-y: auto
}

.product-form-modal__option-button {
    font: 13px/2.15385 'Nunito Sans', sans-serif;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.product-form-modal__option-button:focus {
    outline: 0
}

[data-whatinput=keyboard] .product-form-modal__option-button:focus {
    outline-color: transparent
}

[data-whatinput=keyboard] .product-form-modal__option-button:focus::after {
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border: 1px dashed #000;
    box-sizing: border-box;
    border-radius: 2px;
    content: ""
}

@media only screen and (min-width:1024px) {
    [data-whatinput=keyboard] .product-form-modal__option-button:focus::after {
        top: -3px;
        left: -3px;
        right: -3px;
        bottom: -3px
    }
}

.product-form-modal__option-button:disabled .product-form-modal__option-text,
.product-form-modal__option-button[data-out-of-stock] .product-form-modal__option-text {
    opacity: .6;
    pointer-events: none
}

.product-form-modal__option-button[data-selected] .product-form-modal__option-text {
    font-weight: 500
}

.product-form-modal__option-notify,
.product-form-modal__option-quantity {
    font-size: 10px
}

.product-form-modal__no-variant-selected {
    font: 12px 'Nunito Sans', sans-serif;
    color: #ca0101;
    text-align: center;
    margin-top: 20px;
    height: 13px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s cubic-bezier(.19, 1, .22, 1), visibility 0s .4s
}

@media only screen and (min-width:768px) {
    .product-form-modal__no-variant-selected {
        font: 13px 'Nunito Sans', sans-serif
    }
}

.product-form-modal__no-variant-selected--visible {
    opacity: 1;
    visibility: visible;
    transition: opacity .4s cubic-bezier(.19, 1, .22, 1), visibility 0s 0s
}

.product-form-modal__data {
    visibility: hidden;
    position: absolute;
    pointer-events: none
}

.product-form-modal__form-wrapper {
    display: none
}

.product-form-modal__notify-on-restock,
.product-form-modal__submit {
    margin-top: 20px;
    width: 100%
}

.product-form-modal__actions .product-form-modal__submit {
    margin-top: 0
}

.product-form-modal__submit--hidden {
    display: none
}

.product-form-modal__notify-on-restock {
    display: none
}

.product-form-modal__notify-on-restock--visible {
    display: block
}

.select-size__option-text {
    position: relative;
    white-space: nowrap
}

.select-size__option-text::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform: scaleX(1);
    opacity: .6;
    transform-origin: left;
    transition: transform .7s cubic-bezier(.19, 1, .22, 1) .2s
}

@media(hover:hover)and (pointer:fine) {
    .select-size__option-text:hover::after {
        transform: scaleX(0);
        transform-origin: right;
        transition-delay: 0s
    }
}

.select-size__option-text {
    white-space: normal
}

.select-size__option-text::after {
    transform: scaleX(0);
    transform-origin: right
}

@media(hover:hover)and (pointer:fine) {
    .select-size__option-text {
        white-space: nowrap
    }

    .select-size__option-text:hover::after {
        transform: scaleX(1);
        transform-origin: left
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.select-size {
    min-width: 220px
}

.select-size__option {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.select-size__option-text::after {
    transition-delay: 0s
}

:disabled .select-size__option-text,
[data-disabled] .select-size__option-text {
    opacity: .6
}

@media(hover:hover)and (pointer:fine) {
    .select-size__option:hover .select-size__option-text::after {
        transform: scaleX(1);
        transform-origin: left
    }
}

.select-size__option-notify,
.select-size__option-quantity {
    font-size: 10px;
    margin-left: 10px
}

.product-form-static__status {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media only screen and (min-width:1536px) {
    .product-form-static__actions {
        display: flex
    }
}

.product-form-static__color-select+.product-form-static__size-select {
    margin-top: 5px
}

@media only screen and (min-width:1536px) {
    .product-form-static__color-select+.product-form-static__size-select {
        margin-top: unset;
        margin-left: 10px
    }
}

.product-form-static__submit {
    margin-top: 10px;
    width: 100%
}

.product-form-static__submit--hidden {
    display: none
}

.product-form-static__notify-on-restock {
    margin-top: 10px;
    width: 100%;
    display: none
}

.product-form-static__notify-on-restock--visible {
    display: block
}

.product-form-static__size-guide {
    font: 12px/1.25 'Nunito Sans', sans-serif;
    position: relative;
    display: block;
    margin: 12px auto 0
}

@media only screen and (min-width:768px) {
    .product-form-static__size-guide {
        font: 13px/1.25 'Nunito Sans', sans-serif
    }
}

.product-form-static__size-guide:focus {
    outline: 0
}

[data-whatinput=keyboard] .product-form-static__size-guide:focus {
    outline-color: transparent
}

[data-whatinput=keyboard] .product-form-static__size-guide:focus::before {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 1px dashed #000;
    box-sizing: border-box;
    border-radius: 2px;
    content: ""
}

@media only screen and (min-width:1024px) {
    [data-whatinput=keyboard] .product-form-static__size-guide:focus::before {
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px
    }
}

@media only screen and (min-width:1024px) {
    .product-form-static__size-guide {
        line-height: 1.6
    }
}

.product-form-bar__status {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.product-form-bar {
    position: fixed;
    right: 6px;
    bottom: 44px;
    width: calc(100% - 6px * 2);
    transform: translateY(50%);
    background: #fff;
    border: 1px solid #eaeaea;
    transition: visibility 0s 0s, opacity .4s cubic-bezier(.19, 1, .22, 1), transform .6s cubic-bezier(.19, 1, .22, 1)
}

.product-form-bar--hidden {
    visibility: hidden;
    opacity: 0;
    transform: translateY(calc(50% + 10px));
    transition: visibility 0s .4s, opacity .4s cubic-bezier(.19, 1, .22, 1), transform .6s cubic-bezier(.19, 1, .22, 1)
}

@media only screen and (min-width:768px) {
    .product-form-bar {
        bottom: 38px
    }
}

@media only screen and (min-width:1024px) {
    .product-form-bar {
        right: 8px;
        bottom: 40px;
        width: calc(83.1665% - 32px)
    }
}

@media only screen and (min-width:1280px) {
    .product-form-bar {
        right: 10px;
        bottom: 44px;
        width: calc(66.666% - 32px)
    }
}

.product-form-bar__inner {
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 8px calc(24px - 6px)
}

@media only screen and (min-width:1024px) {
    .product-form-bar__inner {
        padding: 8px calc(40px - 8px)
    }
}

@media only screen and (min-width:1280px) {
    .product-form-bar__inner {
        height: 66px;
        padding: 8px calc(40px - 10px)
    }
}

.product-form-bar__info {
    display: flex;
    align-items: baseline
}

.product-form-bar__title {
    font: 500 13px/1.25 'Nunito Sans', sans-serif;
    position: relative;
    display: inline-block;
    margin-right: calc(8px + 1em);
    white-space: nowrap
}

@media only screen and (min-width:768px) {
    .product-form-bar__title {
        font: 500 14px/1.25 'Nunito Sans', sans-serif
    }
}

.product-form-bar__title::after {
    font-weight: 400;
    position: absolute;
    top: 0;
    right: calc(-1 * (1em + 3px));
    content: "—"
}

.product-form-bar__price {
    color: #000
}

.product-form-bar__actions {
    display: flex;
    margin-left: auto
}

.product-form-bar__select-group {
    display: flex
}

.product-form-bar__size-select {
    margin-left: 10px
}

.product-form-bar__submit {
    margin-left: 10px;
    display: block;
    min-height: 47px;
    max-height: calc(32px + 1em)
}

.product-form-bar__submit--hidden {
    display: none
}

.product-form-bar__notify-on-restock {
    margin-left: 10px;
    display: none;
    min-height: 47px;
    max-height: calc(32px + 1em)
}

.product-form-bar__notify-on-restock--visible {
    display: block
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.back-top-button {
    width: 36px;
    height: 36px;
    position: fixed;
    left: calc(16px - 2px);
    bottom: 44px;
    z-index: 3;
    transform: translateY(calc(50% + 10px)) rotate(-90deg);
    transition: background-color .7s cubic-bezier(.19, 1, .22, 1) .05s, transform .6s cubic-bezier(.19, 1, .22, 1), opacity .4s cubic-bezier(.19, 1, .22, 1);
    opacity: 0;
    pointer-events: none
}

.back-top-button--active {
    opacity: 1;
    pointer-events: all;
    transform: translateY(50%) rotate(-90deg);
    transition: background-color .7s cubic-bezier(.19, 1, .22, 1) .05s, opacity .4s cubic-bezier(.19, 1, .22, 1), transform .6s cubic-bezier(.19, 1, .22, 1)
}

.back-top-button--product-page {
    transform: translateY(10px) rotate(-90deg)
}

.back-top-button--product-page.back-top-button--active {
    transform: translateY(0) rotate(-90deg)
}

.back-top-button:focus {
    outline: 0
}

[data-whatinput=keyboard] .back-top-button:focus {
    opacity: 1
}

@media only screen and (min-width:768px) {
    .back-top-button {
        left: calc(24px - 3px);
        bottom: 38px
    }
}

@media only screen and (min-width:1024px) {
    .back-top-button {
        left: calc(40px - 10px);
        bottom: 40px;
        transform: translateY(calc(50% + 10px)) rotate(-90deg)
    }

    .back-top-button--active {
        transform: translateY(50%) rotate(-90deg)
    }

    .back-top-button--product-page {
        transform: translateY(50%) rotate(-180deg)
    }

    .back-top-button--product-page.back-top-button--active {
        transform: translateY(50%) rotate(-90deg)
    }
}

@media only screen and (min-width:1280px) {
    .back-top-button {
        left: calc(40px - 10px);
        bottom: 44px
    }
}

.product__more-information {
    position: relative;
    white-space: nowrap
}

.product__more-information::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform: scaleX(1);
    opacity: .6;
    transform-origin: left;
    transition: transform .7s cubic-bezier(.19, 1, .22, 1) .2s
}

@media(hover:hover)and (pointer:fine) {
    .product__more-information:hover::after {
        transform: scaleX(0);
        transform-origin: right;
        transition-delay: 0s
    }
}

.product__recommendations-wrapper {
    position: relative;
    z-index: 0;
    margin: 60px 16px;
    max-width: calc(var(--vw, 1vw) * 100 - 32px)
}

.product__recommendations-wrapper:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .product__recommendations-wrapper {
        margin: 75px 24px;
        max-width: calc(var(--vw, 1vw) * 100 - 48px)
    }
}

@media only screen and (min-width:1024px) {
    .product__recommendations-wrapper {
        margin: 90px 40px;
        max-width: calc(var(--vw, 1vw) * 100 - 80px)
    }
}

@media only screen and (min-width:1280px) {
    .product__recommendations-wrapper {
        margin: 105px 40px;
        max-width: calc(var(--vw, 1vw) * 100 - 80px)
    }
}

.product__recommendations-wrapper {
    position: relative;
    transform: translate3d(0, 30px, 0);
    transition: transform 3.25s cubic-bezier(.19, 1, .22, 1), opacity .5s cubic-bezier(.19, 1, .22, 1)
}

.animate-in-view.product__recommendations-wrapper {
    transform: translate3d(0, 0, 0)
}

@media only screen and (min-width:768px) {
    .product__recommendations-wrapper {
        transform: translate3d(0, 25px, 0);
        transition: transform 2.25s cubic-bezier(.19, 1, .22, 1), opacity .5s cubic-bezier(.19, 1, .22, 1)
    }

    .animate-in-view.product__recommendations-wrapper {
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media only screen and (min-width:1024px) {
    .product {
        position: relative
    }
}

.product__inner {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:1024px) {
    .product__inner {
        flex-direction: row
    }
}

.product__back-top-button {
    right: 18px
}

@media only screen and (min-width:1024px) {
    .product__back-top-button {
        right: unset
    }
}

.product__back {
    position: fixed;
    display: none;
    z-index: 1
}

.product__back--hidden {
    opacity: 0;
    transition: opacity .4s cubic-bezier(.19, 1, .22, 1) .4s;
    pointer-events: none
}

@media only screen and (min-width:1024px) {
    .product__back {
        display: block;
        left: calc(40px - 10px);
        bottom: 40px;
        transform: translateY(50%);
        transition: opacity .4s cubic-bezier(.19, 1, .22, 1) 0s
    }
}

@media only screen and (min-width:1280px) {
    .product__back {
        left: calc(40px - 10px);
        bottom: 44px
    }
}

.product__buy-outer {
    margin-top: 36px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .product__buy-outer {
        padding: 0 24px
    }
}

@media only screen and (min-width:1024px) {
    .product__buy-outer {
        position: relative;
        overflow: visible;
        margin-top: unset;
        flex: 0 0 calc(100% / 3);
        padding: 0 40px
    }
}

@media only screen and (min-width:1280px) {
    .product__buy-outer {
        padding: 0 60px;
        min-height: 100vh
    }
}

@media only screen and (min-width:1536px) {
    .product__buy-outer {
        padding: 0 90px
    }
}

.product__buy-inner {}

@media only screen and (min-width:1024px) {
    .product__buy-inner {
        height: 100%;
        /* max-height: calc(100vh + 175px); */
        padding-top: 66px;
        flex-direction: column;
        align-items: stretch;
        justify-content: center
    }

    .product__buy-inner--sticky {
        position: sticky;
        top: 0
    }
}

@media only screen and (min-width:1280px) {
    .product__buy-inner {
        padding-top: 66px
    }
}

.product__options,
.product__summary {
    width: 100%;
    padding: 0 16px
}

@media only screen and (min-width:768px) {

    .product__options,
    .product__summary {
        flex: 0 0 calc(50% - 14px);
        padding: unset
    }

    .product__options {
        margin: 24px 0px;
    }
}

@media only screen and (min-width:1024px) {

    .product__options,
    .product__summary {
        flex: unset;
        max-width: 30rem;
        margin-left: auto;
        margin-right: auto
    }
}

.product__summary {
    display: none
}

@media only screen and (min-width:768px) {
    .product__summary {
        display: block
    }
}

.product__sustainability-label {
    font: 12px 'Nunito Sans', sans-serif;
    color: #929292
}

@media only screen and (min-width:768px) {
    .product__sustainability-label {
        font: 13px 'Nunito Sans', sans-serif
    }
}

.product__title {
    font: 700 19px/1.2 'Nunito Sans', sans-serif
}

.product__sustainability-label+.product__title {
    margin-top: 10px
}

@media only screen and (min-width:1024px) {
    .product__title {
        font: 700 24px/1.25 'Nunito Sans', sans-serif;
        line-height: 1.2
    }
}

@media only screen and (min-width:1024px)and (min-width:768px) {
    .product__title {
        font: 700 26px/1.25 'Nunito Sans', sans-serif
    }
}

.product__price {
    margin-top: 6px
}

@media only screen and (min-width:1024px) {
    .product__price {
        margin-top: 8px
    }
}

.product__excerpt {
    font: 400 13px/1.6 'Nunito Sans', sans-serif;
    margin-top: 28px
}

@media only screen and (min-width:768px) {
    .product__excerpt {
        font: 400 14px/1.6 'Nunito Sans', sans-serif
    }
}

.product__more-information {
    font: 12px/1.25 'Nunito Sans', sans-serif;
    position: relative;
    display: inline-block;
    margin-top: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (min-width:768px) {
    .product__more-information {
        font: 13px/1.25 'Nunito Sans', sans-serif
    }
}

.product__more-information:focus {
    outline: 0
}

[data-whatinput=keyboard] .product__more-information:focus {
    outline-color: transparent
}

[data-whatinput=keyboard] .product__more-information:focus::before {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 1px dashed #000;
    box-sizing: border-box;
    border-radius: 2px;
    content: ""
}

@media only screen and (min-width:1024px) {
    [data-whatinput=keyboard] .product__more-information:focus::before {
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px
    }
}

@media only screen and (min-width:1024px) {
    .product__more-information {
        line-height: 1.6
    }
}

@media only screen and (min-width:1024px) {
    .product__options {
        margin: 24px 0px
    }
}

.product__form-wrapper {
    display: none
}

.product__modal-form-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    transform: translateY(100%);
    transition: transform 1.25s cubic-bezier(.19, 1, .22, 1) .25s
}

.product--animate-in-view .product__modal-form-wrapper {
    transform: translateY(0)
}

@media only screen and (min-width:768px) {
    .product__modal-form-wrapper {
        display: none
    }
}

.product__modal-form {
    position: relative
}

.product__static-form {
    z-index: 1;
    display: none
}

@media only screen and (min-width:768px) {
    .product__static-form {
        display: block
    }
}

@media only screen and (min-width:768px) {
    .usp-list {
        margin-top: 30px
    }
}

.product__media {
    order: -1;
    overflow: hidden
}

@media only screen and (min-width:1024px) {
    .product__media {
        flex: 0 0 calc(100% / 3 * 2)
    }
}

.product-media__grid {
    position: relative;
    opacity: 0;
    transition: opacity 1.25s cubic-bezier(.19, 1, .22, 1)
}

.product--animate-in-view .product-media__grid {
    opacity: 1
}

@media only screen and (min-width:1024px) {
    .product-media__grid {
        transform: scale(1.015);
        transition: transform 1.6s cubic-bezier(.19, 1, .22, 1), opacity 1.2s cubic-bezier(.19, 1, .22, 1)
    }

    .product--animate-in-view .product-media__grid {
        transform: none
    }
}

.product__bar-form {
    display: none
}

@media only screen and (min-width:768px) {
    .product__bar-form {
        display: block;
        z-index: 4
    }
}

.product__recommendations-wrapper {
    margin-bottom: 0
}

.product-recommendations:only-child {
    margin: 0
}

[data-product-animate-in-view] {
    position: relative;
    opacity: 0;
    transition: transform 1.6s cubic-bezier(.19, 1, .22, 1), opacity 1.2s cubic-bezier(.19, 1, .22, 1)
}

.product--animate-in-view [data-product-animate-in-view] {
    opacity: 1;
    transform: translate(0, 0)
}

@media only screen and (min-width:768px) {
    [data-product-animate-in-view] {
        transform: translate(0, 10px)
    }
}

@media only screen and (min-width:1024px) {
    [data-product-animate-in-view] {
        transform: translate(-10px, 0)
    }
}

.productsFixTextBlok {
    display: grid;
    grid-row-gap: 24px;
}

.productsFixText {
    display: grid;
    grid-template-columns: 21px 1fr;
    grid-column-gap: 16px;
}

.productsFixTextLeft {}

.productsFixTextLeft>svg {}

.productsFixTextRight {}

.productsFixTextRight>h3 {
    font: 700 15px/22.4px 'Nunito Sans', sans-serif;
    color: #000;
}

.productsFixTextRight>p {
    font: 400 14px/22.4px 'Nunito Sans', sans-serif;
    color: #000;
}

.productsFaqBlok {
    border-top: 1px solid #eaeaea;
    margin-top: 24px;
}

.productsFaq {
    margin: 0px;
    border-bottom: 1px solid #eaeaea;
}

.productsFaqName {
    display: grid;
    grid-template-columns: 1fr 12px;
    grid-column-gap: 5px;
    align-items: center;
    padding: 18px 0px;
    cursor: pointer;
}

.productsFaqName>h3 {
    font: 700 15px/16.25px 'Nunito Sans', sans-serif;
    color: #000;
}

.productsFaqName>.productsFaqIcon {
    display: block;
    width: 12px;
    height: 12px;
    background-image: url(../images/productsPlus.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.productsFaq.open .productsFaqName>.productsFaqIcon {
    background-image: url(../images/productsMinus.png);
}

.productsFaqText {
    font: 400 14px/21.45px 'Nunito Sans', sans-serif;
    color: #000;
    height: 0px;
    overflow: hidden;
}

.productsFaqText::after {
    content: "";
    display: block;
    padding-bottom: 18px;
}

.product__buy-inner {
    padding-top: 175px;
}

.product__buy-outer {
    transition: top 1s cubic-bezier(.19, 1, .22, 1) .1s;
    position: sticky;
    top: 175px;
    min-height: initial;
    z-index: 5;
}

.product-information {
    margin: 0px;
}

.addProducts {
    padding: 14px 30px;
}

.product__weight {
    display: block;
    font: 400 14px/22.4px Graphik, sans-serif;
    margin: 2px 0px 0px 0px;
    color: #929292;
}

.product__weightMob {
    display: inline-block;
    font-size: 13px;
    line-height: 17px;
    margin: 0px;
}

.productsFaqText ul {
    list-style: none;
}

.productsFaqText ul>li {
    position: relative;
    padding-left: 12px;
}

.productsFaqText ul>li::before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    left: 0px;
    top: 9px;
}

@media (min-width:0px) and (max-width:1023px) {
    .product__buy-inner {
        padding-top: 0px;
    }
}

@media (min-width:0px) and (max-width:767px) {
    .productsTextsOb {
        width: calc(100% - 32px);
        margin: 0px auto;
    }
}