.product--no-media .rating-wrapper {
    text-align: center
}

.rating {
    display: inline-block;
    margin: 0
}

.product .rating-star {
    --letter-spacing: .8;
    --font-size: 1.7
}

.card-wrapper .rating-star {
    --letter-spacing: .7;
    --font-size: 1.4
}

.rating-star {
    --color-rating-star: rgb(var(--color-foreground));
    --percent: calc((var(--rating) / var(--rating-max) + var(--rating-decimal) * var(--font-size) / (var(--rating-max) * (var(--letter-spacing) + var(--font-size)))) * 100%);
    letter-spacing: calc(var(--letter-spacing) * 1rem);
    font-size: calc(var(--font-size) * 1rem);
    line-height: 1;
    display: inline-block;
    font-family: Times;
    margin: 0
}

.rating-star:before {
    content: "\2605\2605\2605\2605\2605";
    background: linear-gradient(90deg, var(--color-rating-star) var(--percent), rgba(var(--color-foreground), .15) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rating-text {
    display: none
}

.rating-count {
    display: inline-block;
    margin: 0
}

@media (forced-colors: active) {
    .rating {
        display: none
    }

    .rating-text {
        display: block
    }
}

volume-pricing {
    display: block;
    margin-top: 2rem
}

volume-pricing li:nth-child(odd) {
    background: rgba(var(--color-foreground), .04)
}

volume-pricing ul {
    margin-top: 1.2rem
}

volume-pricing li {
    font-size: 1.4rem;
    letter-spacing: .06rem;
    padding: .6rem .8rem;
    display: flex;
    justify-content: space-between
}

.volume-pricing-note {
    margin-top: -2.6rem
}

.product--no-media .volume-pricing-note {
    text-align: center
}

.product--no-media volume-pricing {
    width: 30rem
}

.volume-pricing-note span,
volume-pricing .label-show-more {
    font-size: 1.2rem;
    letter-spacing: .07rem
}

volume-pricing show-more-button {
    margin-top: .8rem
}

.product-form__input price-per-item,
.price-per-item__container {
    display: flex;
    align-items: center;
    gap: 1rem
}

.product-form__input .price-per-item {
    color: rgba(var(--color-foreground));
    font-size: 1.4rem;
    letter-spacing: .06rem
}

.price-per-item dl {
    margin: 0
}

.price-per-item dd {
    margin-left: 0
}

.price-per-item__container .variant-item__old-price,
.price__regular .variant-item__old-price {
    color: rgba(var(--color-foreground), .75);
    font-size: 1.2rem;
    letter-spacing: .07rem
}

.price {
    font-size: 1.6rem;
    letter-spacing: .1rem;
    line-height: calc(1 + .5 / var(--font-body-scale));
    color: rgb(var(--color-foreground))
}

.price>* {
    display: inline-block;
    vertical-align: top
}

.price.price--unavailable {
    visibility: hidden
}

.price--end {
    text-align: right
}

.price .price-item {
    display: inline-block;
    margin: 0 1rem 0 0
}

.price__regular .price-item--regular {
    margin-right: 0
}

.price:not(.price--show-badge) .price-item--last:last-of-type {
    margin: 0
}

@media screen and (min-width: 750px) {
    .price {
        margin-bottom: 0
    }
}

.price--large {
    font-size: 1.6rem;
    line-height: calc(1 + .5 / var(--font-body-scale));
    letter-spacing: .13rem
}

@media screen and (min-width: 750px) {
    .price--large {
        font-size: 1.8rem
    }
}

.price--sold-out .price__availability,
.price__regular {
    display: block
}

.price__sale,
.price__availability,
.price .price__badge-sale,
.price .price__badge-sold-out,
.price--on-sale .price__regular,
.price--on-sale .price__availability {
    display: none
}

.price--sold-out .price__badge-sold-out,
.price--on-sale .price__badge-sale,
.volume-pricing--sale-badge .price__badge-sale {
    display: inline-block
}

.volume-pricing--sale-badge .price__badge-sale {
    margin-left: .5rem
}

.price--on-sale .price__sale {
    display: initial;
    flex-direction: row;
    flex-wrap: wrap
}

.price--center {
    display: initial;
    justify-content: center
}

.price--on-sale .price-item--regular {
    text-decoration: line-through;
    color: rgba(var(--color-foreground), .75);
    font-size: 1.3rem
}

.unit-price {
    display: block;
    font-size: 1.1rem;
    letter-spacing: .04rem;
    line-height: calc(1 + .2 / var(--font-body-scale));
    margin-top: .2rem;
    text-transform: uppercase;
    color: rgba(var(--color-foreground), .7)
}


quick-order-list {
    display: block
}

quick-order-list .quantity {
    width: calc(11rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
    min-height: calc((var(--inputs-border-width) * 2) + 3.5rem)
}

quick-order-list .quantity__button {
    width: calc(3.5rem / var(--font-body-scale))
}

.quick-order-list__contents {
    position: relative
}

.quick-order-list__container {
    padding-bottom: 4rem
}

.quick-order-list__container--disabled {
    pointer-events: none
}

.quick-order-list__total {
    padding-top: 2rem;
    border-top: .1rem solid rgba(var(--color-foreground), .08)
}

.variant-item__quantity .quantity:before {
    z-index: 0
}

.variant-item__quantity .quantity__button {
    z-index: 1
}

@media screen and (min-width: 990px) {
    .quick-order-list__total {
        position: sticky;
        bottom: 0;
        z-index: 2;
        background-color: rgb(var(--color-background))
    }

    .variant-item__quantity-wrapper--no-info,
    .variant-item__error {
        padding-left: calc(15px + 3.4rem)
    }

    .variant-item__error {
        margin-left: .3rem
    }

    .variant-item--unit-price .variant-item__totals {
        vertical-align: top
    }

    .variant-item--unit-price .variant-item__totals .loading__spinner {
        padding-top: 1.7rem
    }
}

.quick-order-list__table td,
.quick-order-list__table th {
    padding: 0;
    border: none
}

.quick-order-list__table th {
    text-align: left;
    padding-bottom: 2rem;
    opacity: .85;
    font-weight: 400;
    font-size: 1.1rem
}

.variant-item__quantity-wrapper {
    display: flex
}

.variant-item__totals,
.variant-item__details,
.variant-item__price {
    position: relative
}

.variant-item__price .price,
.variant-item__totals .price {
    display: block
}

.quick-order-list__table *.right {
    text-align: right
}

.variant-item__image-container {
    display: inline-flex;
    align-items: flex-start;
    height: 4.5rem;
    width: 4.5rem
}

.variant-item__media {
    width: 4.5rem;
    height: 4.5rem;
    margin-right: 1.2rem
}

.variant-item__image {
    height: 100%;
    width: 100%;
    object-fit: cover
}

@media screen and (min-width: 990px) {
    .variant-item__image {
        max-width: 100%
    }

    .variant-item__inner .small-hide {
        display: flex;
        flex-direction: column;
        align-self: center
    }

    .variant-item:not(.variant-item--no-media) .variant-item__inner {
        display: flex
    }

    .variant-item__discounted-prices {
        justify-content: flex-end
    }
}

.variant-item__details {
    font-size: 1.6rem;
    line-height: calc(1 + .4 / var(--font-body-scale))
}

.variant-item__details>* {
    margin: 0;
    max-width: 30rem
}

.variant-item__info {
    position: relative;
    padding-bottom: .5rem
}

.variant-item__name {
    display: block;
    font-size: 1.6rem;
    letter-spacing: .06rem;
    line-height: calc(1 + .5 / var(--font-body-scale))
}

.variant-item__sku {
    font-size: 1.1rem;
    letter-spacing: .04rem;
    margin-top: .2rem
}

.variant-item__discounted-prices {
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.variant-item__discounted-prices dd {
    margin: 0
}

.variant-item__discounted-prices dd:first-of-type {
    margin-right: .8rem
}

.variant-item__discounted-prices .variant-item__old-price {
    font-size: 1.4rem
}

.variant-item__old-price {
    opacity: .7
}

.variant-item__final-price {
    font-weight: 400
}

.variant-item__sold-out {
    opacity: .7;
    font-size: 1.6rem;
    color: rgb(var(--color-foreground))
}

quick-order-list-remove-button {
    display: flex;
    margin: 0 0 0 1.2rem;
    align-self: center
}

.quick-order-list__button-cancel {
    font-size: 1.5rem;
    letter-spacing: .06rem
}

@media screen and (min-width: 750px) and (max-width: 989px) {
    quick-order-list-remove-button {
        width: 1.5rem;
        height: 1.5rem
    }

    quick-order-list-remove-all-button {
        margin-left: -1.5rem;
        margin-top: 1rem
    }

    .quick-order-list-total__column {
        flex-wrap: wrap
    }

    .quick-order-list__message,
    .quick-order-list-error {
        padding-bottom: 1rem
    }
}

quick-order-list-remove-button .button {
    min-width: calc(1.5rem / var(--font-body-scale));
    min-height: 1.5rem;
    padding: 0;
    margin: 0 .1rem .1rem 0
}

quick-order-list-remove-button .button:not([disabled]):hover {
    color: rgb(var(--color-foreground))
}

quick-order-list-remove-button .icon-remove {
    height: 1.5rem;
    width: 1.5rem;
    transition: transform var(--duration-default) ease
}

.variant-item .loading__spinner {
    top: 0;
    left: auto;
    right: 0;
    bottom: 0;
    padding: 0
}

.variant-remove-total .button--tertiary {
    width: max-content
}

.variant-remove-total .icon-remove {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .8rem
}

.quick-order-list__message {
    margin-top: 1rem;
    display: block
}

.quick-order-list__message svg {
    margin-right: 1rem;
    width: 1.3rem
}

.quick-order-list-error {
    margin-top: 1rem;
    display: flex
}

.quick-order-list-error svg {
    flex-shrink: 0;
    width: 1.2rem;
    margin-right: .7rem;
    margin-top: .3rem;
    align-self: flex-start
}

@media screen and (min-width: 990px) {
    .variant-item .loading__spinner {
        padding-top: 3rem;
        bottom: auto
    }

    .variant-item .loading__spinner--error {
        padding-top: 5rem
    }

    .variant-remove-total .loading__spinner {
        left: 2rem;
        top: 1.2rem
    }
}

quick-order-list-remove-button:hover .icon-remove {
    transform: scale(1.25)
}

.quick-order-list-total__info quick-order-list-remove-all-button:hover {
    text-decoration: underline;
    text-underline-offset: .3rem
}

.variant-remove-total {
    position: relative;
    align-self: center
}

.variant-item .loading__spinner:not(.hidden)~*,
.variant-remove-total .loading__spinner:not(.hidden)~* {
    visibility: hidden
}

.variant-item__error {
    display: flex;
    align-items: flex-start;
    margin-top: .2rem;
    width: min-content;
    min-width: 100%
}

.variant-item__error-text {
    font-size: 1.2rem;
    line-height: calc(1 + .2 / var(--font-body-scale));
    order: 1
}

.variant-item__error-text+svg {
    flex-shrink: 0;
    width: 1.2rem;
    margin-right: .5rem;
    margin-top: .1rem
}

.variant-item__error-text:empty+svg {
    display: none
}

.quick-order-list__table thead th {
    text-transform: uppercase
}

.variant-item__image-container--no-img {
    border: 0
}

@media screen and (max-width: 989px) {
    .quick-order-list-total__info {
        flex-direction: column;
        align-items: center
    }

    .variant-item__details .loading__spinner {
        left: 0;
        top: auto
    }

    .quick-order-list__table,
    .quick-order-list__table thead,
    .quick-order-list__table tbody {
        display: block;
        width: 100%
    }

    .quick-order-list__table thead tr {
        display: flex;
        justify-content: space-between;
        border-bottom: .1rem solid rgba(var(--color-foreground), .08);
        margin-bottom: 4rem
    }

    .variant-item {
        display: grid;
        grid-template-columns: 4.5rem 1fr;
        grid-template-rows: repeat(2, auto);
        gap: 1.5rem;
        margin-bottom: 3.5rem
    }

    .variant-item--no-media {
        grid-template: repeat(2, auto) / repeat(3, auto)
    }

    .variant-item:last-child {
        margin-bottom: 0
    }

    .variant-item__totals {
        grid-column: 5 / 3
    }

    .variant-item--no-media .variant-item__inner~.variant-item__quantity {
        grid-column: 1 / 5
    }

    .variant-item__quantity {
        grid-column: 2 / 5
    }

    .variant-item__quantity-wrapper {
        flex-wrap: wrap
    }

    .variant-item--no-media .variant-item__inner {
        display: none
    }

    .variant-remove-total {
        margin-top: 1rem;
        text-align: center
    }

    .quick-order-list__message {
        text-align: center
    }

    .quick-order-list-total__column,
    .quick-order-list-buttons {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%
    }

    .quick-order-list__button {
        max-width: 36rem
    }
}

.quick-order-list-total__confirmation {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -2rem
}

@media screen and (min-width: 990px) {
    .quick-order-list__table {
        border-spacing: 0;
        border-collapse: separate;
        box-shadow: none;
        width: 100%;
        display: table
    }

    .quick-order-list__table th {
        border-bottom: .1rem solid rgba(var(--color-foreground), .08)
    }

    .quick-order-list__table th+th {
        padding-left: 5.4rem
    }

    .quick-order-list__table .quick-order-list__table-heading--wide+.quick-order-list__table-heading--wide {
        padding-left: 10rem;
        text-align: right
    }

    .quick-order-list__table td {
        padding-top: 1.6rem
    }

    .quick-order-list__table .desktop-row-error td {
        padding-top: 0
    }

    .quick-order-list__table .variant-item--unit-price td {
        vertical-align: middle
    }

    .variant-item {
        display: table-row
    }

    .variant-item .variant-item__price {
        text-align: right
    }

    .variant-item__info {
        width: 20rem;
        display: flex;
        padding: .5rem
    }

    .quick-order-list-total__confirmation span {
        margin-right: 3rem
    }

    .quick-order-list__total-items {
        width: calc(((11rem / var(--font-body-scale) + var(--inputs-border-width) * 2)));
        margin-left: calc(15px + 3.4rem);
        flex-direction: column
    }
}

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

    .quick-order-list__table thead th:first-child,
    .quick-order-list-total__column {
        width: 37%
    }

    .quick-order-list-buttons {
        display: flex
    }

    quick-order-list-remove-all-button {
        margin-left: .9rem
    }
}

.quick-order-list__total-items {
    display: flex;
    align-items: center
}

.quick-order-list__total-items span,
.totals__subtotal-value {
    margin-top: 0;
    margin-bottom: 0;
    color: rgb(var(--color-foreground))
}

.quick-order-list__total-items p,
.totals__subtotal {
    margin-top: .2rem;
    opacity: .75;
    margin-bottom: 0
}

.quick-order-list__total-items p {
    text-align: center
}

.quick-order-list-total__info {
    display: flex
}

.quick-order-list-total__info,
.quick-order-list-total__confirmation {
    min-height: 10rem
}

.quick-order-list-total__price {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-grow: 1;
    text-align: right;
    width: min-content
}

.quick-order-list-total__price .button {
    margin-right: 2rem
}

@media screen and (max-width: 989px) {
    .quick-order-list-total__price {
        justify-content: center;
        text-align: center;
        width: 100%
    }

    .totals__product-total {
        display: flex;
        justify-content: center;
        width: 100%;
        align-items: center;
        padding-bottom: 2rem
    }

    .totals__subtotal-value,
    .quick-order-list__total-items span {
        margin-right: 1.2rem
    }

    .quick-order-list__total-items {
        margin-top: 1rem;
        margin-bottom: 1.3rem
    }

    .quick-order-list-total__price .button {
        margin-bottom: 2rem
    }

    .quick-order-list-total__confirmation quick-order-list-remove-all-button button {
        margin-top: 1rem
    }

    .quick-order-list-total__confirmation {
        flex-direction: column;
        margin-top: 2rem
    }

    .quick-order-list__button-confirm {
        width: 100%;
        max-width: 36rem
    }

    quick-order-list .tax-note {
        text-align: center
    }
}

quick-order-list .tax-note {
    margin: 0 0 2rem;
    display: block;
    width: 100%
}

quantity-popover {
    position: relative;
    display: block
}

quantity-popover volume-pricing li:nth-child(odd) {
    background: rgba(var(--color-foreground), .03)
}

quantity-popover volume-pricing li {
    font-size: 1.2rem;
    letter-spacing: .06rem;
    padding: .6rem .8rem;
    display: flex;
    justify-content: space-between
}

.quantity-popover__info.global-settings-popup {
    width: 100%;
    z-index: 3;
    position: absolute;
    background-color: rgb(var(--color-background));
    max-width: 36rem
}

.quantity-popover__info .button-close,
.variant-remove-total quick-order-list-remove-all-button .button,
.quick-order-list-total__confirmation quick-order-list-remove-all-button .button,
quantity-popover quick-order-list-remove-button .button {
    --shadow-opacity: 0;
    --border-opacity: 0
}

.quantity-popover__info-button {
    display: flex;
    align-items: center;
    margin: 0 .4rem 0 0;
    min-width: 1.5rem;
    min-height: 1.5rem;
    --shadow-opacity: 0;
    --border-opacity: 0
}

.quantity-popover__info-button--icon-with-label {
    align-items: flex-start;
    text-align: left
}

.quantity-popover__info-button--icon-with-label svg {
    flex-shrink: 0
}

.quantity-popover__info-button--open {
    text-decoration: underline
}

.quantity-popover__info-button span {
    padding-left: 1rem
}

.quantity-popover__info-button--icon-only--animation svg {
    transform: scale(1.25)
}

.quantity-popover__info-button--icon-only svg {
    transition: transform var(--duration-default) ease
}

@media screen and (max-width: 989px) {
    .quantity-popover__info.global-settings-popup {
        left: 0;
        top: 100%
    }

    .quantity-popover__info-button {
        padding-left: 0
    }
}

.quantity-popover__info .quantity__rules {
    margin-top: 1.2rem;
    margin-bottom: 1rem
}

.quantity-popover__info .volume-pricing-label {
    display: block;
    margin-left: 1.2rem;
    margin-top: 1.2rem;
    font-size: 1.2rem
}

.quantity-popover__info .button {
    width: 3.2rem;
    height: 3.2rem;
    position: absolute;
    top: .4rem;
    right: 0;
    padding: 0 1.2rem 0 0;
    display: flex;
    justify-content: flex-end
}

.quantity-popover__info .volume-pricing-label~.button {
    top: -.2rem
}

.quantity-popover__info .button .icon {
    width: 1.5rem;
    height: 1.5rem
}

quantity-popover volume-pricing {
    margin-top: 1.2rem;
    display: block
}

quantity-popover .quantity__rules span:first-of-type {
    display: block
}

.quantity-popover-container {
    display: flex;
    padding: .5rem .5rem .5rem 0
}

.quantity-popover-container:not(.quantity-popover-container--hover) {
    align-items: center
}

@media screen and (min-width: 990px) {
    .quantity-popover-container--empty {
        margin-right: 2.7rem
    }

    .quantity-popover__info.global-settings-popup {
        width: 20rem
    }

    .quantity-popover-container {
        width: auto;
        max-width: 20rem
    }

    .quantity-popover__info.global-settings-popup {
        transform: translate(-100%);
        top: .5rem
    }
}

quantity-popover .quantity {
    background: rgb(var(--color-background))
}

quantity-popover .quantity__rules {
    margin-left: .8rem
}

quantity-popover .quantity__rules .divider:nth-child(2):before {
    content: none
}

quantity-popover .quantity__button:not(:focus-visible):not(.focused),
quantity-popover .quantity__input:not(:focus-visible):not(.focused) {
    background-color: initial
}

.image-with-text .grid {
    margin-bottom: 0
}

.image-with-text .grid__item {
    position: relative
}

@media screen and (min-width: 750px) {
    .image-with-text__grid--reverse {
        flex-direction: row-reverse
    }
}

.image-with-text__media {
    min-height: 100%;
    overflow: visible
}

.image-with-text__media--small {
    height: 19.4rem
}

.image-with-text__media--medium {
    height: 29.6rem
}

.image-with-text__media--large {
    height: 43.5rem
}

@media screen and (min-width: 750px) {
    .image-with-text__media--small {
        height: 31.4rem
    }

    .image-with-text__media--medium {
        height: 46rem
    }

    .image-with-text__media--large {
        height: 69.5rem
    }
}

.image-with-text__media--placeholder {
    position: relative;
    overflow: hidden
}

.image-with-text__media--placeholder:after {
    content: "";
    position: absolute;
    background: rgba(var(--color-foreground), .04)
}

.image-with-text__media--placeholder.image-with-text__media--adapt {
    height: 20rem
}

@media screen and (min-width: 750px) {
    .image-with-text__media--placeholder.image-with-text__media--adapt {
        height: 30rem
    }
}

.image-with-text__media--placeholder>svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    fill: currentColor
}

.image-with-text__media--placeholder:is(.animate--ambient, .animate--zoom-in)>svg {
    top: 0;
    left: 0;
    transform: translate(0)
}

.image-with-text__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-self: center;
    padding: 4rem calc(4rem / var(--font-body-scale)) 5rem;
    position: relative;
    z-index: 1
}

.image-with-text .grid__item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.image-with-text:not(.image-with-text--overlap) .image-with-text__media-item:after {
    border-radius: var(--media-radius);
    box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow), var(--media-shadow-opacity))
}

.image-with-text:not(.image-with-text--overlap) .image-with-text__text-item:after {
    border-radius: var(--text-boxes-radius);
    box-shadow: var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow), var(--text-boxes-shadow-opacity))
}

.image-with-text .image-with-text__media-item>* {
    border-radius: var(--media-radius);
    overflow: hidden;
    box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow), var(--media-shadow-opacity))
}

.image-with-text .global-media-settings {
    overflow: hidden !important
}

.image-with-text .image-with-text__text-item>* {
    border-radius: var(--text-boxes-radius);
    overflow: hidden;
    box-shadow: var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow), var(--text-boxes-shadow-opacity))
}

.image-with-text:not(.image-with-text--overlap) .image-with-text__media-item>*,
.image-with-text:not(.image-with-text--overlap) .image-with-text__text-item>* {
    box-shadow: none
}

@media screen and (max-width: 749px) {

    .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__media-item:after,
    .image-with-text.collapse-corners:not(.image-with-text--overlap) .grid__item .image-with-text__media,
    .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__media img,
    .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__media .placeholder-svg {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__text-item:after,
    .image-with-text.collapse-corners:not(.image-with-text--overlap) .grid__item .image-with-text__content {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .image-with-text.collapse-borders:not(.image-with-text--overlap) .image-with-text__content {
        border-top: 0
    }
}

.image-with-text__content--mobile-right>* {
    align-self: flex-end;
    text-align: right
}

.image-with-text__content--mobile-center>* {
    align-self: center;
    text-align: center
}

.image-with-text--overlap .image-with-text__content {
    width: 90%;
    margin: -3rem auto 0
}

@media screen and (min-width: 750px) {
    .image-with-text__grid--reverse .image-with-text__content {
        margin-left: auto
    }

    .image-with-text__content--bottom {
        justify-content: flex-end;
        align-self: flex-end
    }

    .image-with-text__content--top {
        justify-content: flex-start;
        align-self: flex-start
    }

    .image-with-text__content--desktop-right>* {
        align-self: flex-end;
        text-align: right
    }

    .image-with-text__content--desktop-left>* {
        align-self: flex-start;
        text-align: left
    }

    .image-with-text__content--desktop-center>* {
        align-self: center;
        text-align: center
    }

    .image-with-text--overlap .image-with-text__text-item {
        display: flex;
        padding: 3rem 0
    }

    .image-with-text--overlap .image-with-text__content {
        height: auto;
        width: calc(100% + 4rem);
        min-width: calc(100% + 4rem);
        margin-top: 0;
        margin-left: -4rem
    }

    .image-with-text--overlap .image-with-text__grid--reverse .image-with-text__content {
        margin-left: 0;
        margin-right: -4rem
    }

    .image-with-text--overlap .image-with-text__grid--reverse .image-with-text__text-item {
        justify-content: flex-end
    }

    .image-with-text--overlap .image-with-text__media-item--top {
        align-self: flex-start
    }

    .image-with-text--overlap .image-with-text__media-item--middle {
        align-self: center
    }

    .image-with-text--overlap .image-with-text__media-item--bottom {
        align-self: flex-end
    }

    .image-with-text__media-item--small,
    .image-with-text__media-item--large+.image-with-text__text-item {
        flex-grow: 0
    }

    .image-with-text.collapse-corners:not(.image-with-text--overlap) .grid:not(.image-with-text__grid--reverse) .image-with-text__media-item:after,
    .image-with-text.collapse-corners:not(.image-with-text--overlap) .grid:not(.image-with-text__grid--reverse) .image-with-text__media,
    .image-with-text.collapse-corners:not(.image-with-text--overlap) .grid:not(.image-with-text__grid--reverse) .image-with-text__media img,
    .image-with-text.collapse-corners:not(.image-with-text--overlap) .grid:not(.image-with-text__grid--reverse) .image-with-text__media .placeholder-svg,
    .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__text-item:after,
    .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__content,
    .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__content:after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .image-with-text.collapse-corners:not(.image-with-text--overlap) .grid:not(.image-with-text__grid--reverse) .image-with-text__text-item:after,
    .image-with-text.collapse-corners:not(.image-with-text--overlap) .grid:not(.image-with-text__grid--reverse) .image-with-text__content,
    .image-with-text.collapse-corners:not(.image-with-text--overlap) .grid:not(.image-with-text__grid--reverse) .image-with-text__content:after,
    .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__media-item:after,
    .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__media,
    .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__media img,
    .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__media .placeholder-svg {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .image-with-text.collapse-borders:not(.image-with-text--overlap) .grid:not(.image-with-text__grid--reverse) .image-with-text__content {
        border-left: 0
    }

    .image-with-text.collapse-borders:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__content {
        border-right: 0
    }
}

.image-with-text:not(.collapse-corners, .image-with-text--overlap) .image-with-text__media-item {
    z-index: 2
}

.image-with-text.image-with-text--overlap .backround-transparent,
.image-with-text:not(.image-with-text--overlap) .background-transparent {
    background: transparent
}

.image-with-text .gradient {
    transform: perspective(0)
}

.image-with-text__content {
    border-radius: var(--text-boxes-radius);
    box-shadow: var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));
    word-break: break-word
}

@media screen and (min-width: 990px) {
    .image-with-text__content {
        padding: 6rem 7rem 7rem
    }
}

.image-with-text__content>*+* {
    margin-top: 2rem
}

.image-with-text__content>.image-with-text__text:empty~a {
    margin-top: 2rem
}

.image-with-text__content>:first-child:is(.image-with-text__heading),
.image-with-text__text--caption+.image-with-text__heading,
.image-with-text__text--caption:first-child {
    margin-top: 0
}

.image-with-text__content :last-child:is(.image-with-text__heading),
.image-with-text__text--caption {
    margin-bottom: 0
}

.image-with-text__content .button+.image-with-text__text {
    margin-top: 2rem
}

.image-with-text__content .image-with-text__text+.button {
    margin-top: 3rem
}

.image-with-text__heading {
    margin-bottom: 0
}

.image-with-text__text p {
    margin-top: 0;
    margin-bottom: 1rem
}

@media screen and (max-width: 749px) {
    .collapse-padding .image-with-text__grid .image-with-text__content {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width: 750px) {
    .collapse-padding .image-with-text__grid:not(.image-with-text__grid--reverse) .image-with-text__content:not(.image-with-text__content--desktop-center) {
        padding-right: 0
    }

    .collapse-padding .image-with-text__grid--reverse .image-with-text__content:not(.image-with-text__content--desktop-center) {
        padding-left: 0
    }
}

@supports not (inset: 10px) {
    .image-with-text .grid {
        margin-left: 0
    }
}

.multirow__inner {
    display: flex;
    flex-direction: column;
    row-gap: var(--grid-mobile-vertical-spacing)
}

@media screen and (min-width: 750px) {
    .multirow__inner {
        row-gap: var(--grid-desktop-vertical-spacing)
    }
}

.section-template_multirow_padding {
    padding-top: 27px;
    padding-bottom: 27px;
}

@media screen and (min-width: 750px) {
    .section-template_multirow_padding {
        padding-top: 36px;
        padding-bottom: 36px;
    }
}

.image-with-text__text-item{
    margin-left: 20px;
}

.shop-flex-row {
    flex-direction: row !important;
    gap: 20px !important;
}

.shop-flex-row-reverse {
    flex-direction: row-reverse !important;
}

.shop-flex-row-item {
    flex: 1 !important;
}

/* 响应式：在小屏幕下变为纵向排列 */
@media (max-width: 768px) {
    .shop-flex-row {
        flex-direction: column !important;
        gap: 12px !important;
    }

    .shop-flex-row-item {
        flex:1 !important;
        

        .image-with-text__media{
            min-height: 350px;
            img{
                height:100% !important;
            }
        }
    }
}

@media (max-width: 768px) {
    html, body {
        overflow-x: hidden !important;
        width: 100vw;
        max-width: 100vw;
    }
    body {
        position: relative;
    }
    * {
        box-sizing: border-box;
    }
}

/* .color-scheme-1 {
    padding: 0 10px !important;
} */


.collection-list {
    margin-top: 0;
    margin-bottom: 0
}

.collection-list-title {
    margin: 0
}

@media screen and (max-width: 749px) {
    .collection-list:not(.slider) {
        padding-left: 0;
        padding-right: 0
    }

    .section-collection-list .page-width {
        padding-left: 0;
        padding-right: 0
    }

    .section-collection-list .collection-list:not(.slider) {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.collection-list__item:only-child {
    max-width: 100%;
    width: 100%
}

@media screen and (max-width: 749px) {
    .slider.collection-list--1-items {
        padding-bottom: 0
    }
}

@media screen and (min-width: 750px) and (max-width: 989px) {

    .slider.collection-list--1-items,
    .slider.collection-list--2-items,
    .slider.collection-list--3-items,
    .slider.collection-list--4-items {
        padding-bottom: 0
    }
}

@media screen and (min-width: 750px) {
    .collection-list__item a:hover {
        box-shadow: none
    }
}

@media screen and (max-width: 989px) {
    .collection-list.slider .collection-list__item {
        max-width: 100%
    }
}

.collection-list-view-all {
    margin-top: 2rem
}


.card-wrapper {
    color: inherit;
    height: 100%;
    position: relative;
    text-decoration: none
}

.card {
    text-decoration: none;
    text-align: var(--text-alignment)
}

.card:not(.ratio) {
    display: flex;
    flex-direction: column;
    height: 100%
}

.card.card--horizontal {
    --text-alignment: left;
    --image-padding: 0rem;
    flex-direction: row;
    align-items: flex-start;
    gap: 1.5rem
}

.card--horizontal.ratio:before {
    padding-bottom: 0
}

.card--card.card--horizontal {
    padding: 1.2rem
}

.card--card.card--horizontal.card--text {
    column-gap: 0
}

.card--card {
    height: 100%
}

.card--card,
.card--standard .card__inner {
    position: relative;
    box-sizing: border-box;
    border-radius: var(--border-radius);
    border: var(--border-width) solid rgba(var(--color-foreground), var(--border-opacity))
}

.card--card:after,
.card--standard .card__inner:after {
    content: "";
    position: absolute;
    z-index: -1;
    width: calc(var(--border-width) * 2 + 100%);
    height: calc(var(--border-width) * 2 + 100%);
    top: calc(var(--border-width) * -1);
    left: calc(var(--border-width) * -1);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
}

.card--card.gradient,
.card__inner.gradient {
    transform: perspective(0)
}

.card__inner.color-scheme-1 {
    background: transparent
}

.card .card__inner .card__media {
    overflow: hidden;
    z-index: 0;
    border-radius: calc(var(--border-radius) - var(--border-width) - var(--image-padding))
}

.card--card .card__inner .card__media {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.card--standard.card--text {
    background-color: transparent
}

.card-information {
    text-align: var(--text-alignment)
}

.card__media,
.card .media {
    bottom: 0;
    position: absolute;
    top: 0
}

.card .media {
    width: 100%
}

.card__media {
    margin: var(--image-padding);
    width: calc(100% - 2 * var(--image-padding))
}

.card--standard .card__media {
    margin: var(--image-padding)
}

.card__inner {
    width: 100%
}

.card--media .card__inner .card__content {
    position: relative;
    padding: calc(var(--image-padding) + 1rem)
}

.card__content {
    display: grid;
    grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr);
    padding: 1rem;
    width: 100%;
    flex-grow: 1
}

.card__content--auto-margins {
    grid-template-rows: minmax(0, auto) max-content minmax(0, auto)
}

.card__information {
    grid-row-start: 2;
    padding: 1.3rem 1rem
}

.card:not(.ratio)>.card__content {
    grid-template-rows: max-content minmax(0, 1fr) max-content auto
}

.card-information .card__information-volume-pricing-note {
    margin-top: .6rem;
    line-height: calc(.5 + .4 / var(--font-body-scale));
    color: rgba(var(--color-foreground), .75)
}

.card__information-volume-pricing-note--button,
.card__information-volume-pricing-note--button.quantity-popover__info-button--icon-with-label {
    position: relative;
    z-index: 1;
    cursor: pointer;
    padding: 0;
    margin: 0;
    text-align: var(--text-alignment);
    min-width: auto
}

.card__information-volume-pricing-note--button:hover {
    text-decoration: underline
}

.card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info {
    transform: initial;
    top: auto;
    bottom: 4rem;
    max-width: 20rem;
    width: calc(95% + 2rem)
}

.card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info span:first-of-type {
    padding-right: .3rem
}

.card__information-volume-pricing-note--button-right+.global-settings-popup.quantity-popover__info {
    right: 0;
    left: auto
}

.card__information-volume-pricing-note--button-center+.global-settings-popup.quantity-popover__info {
    left: 50%;
    transform: translate(-50%)
}

.card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info .quantity__rules {
    text-align: left
}

@media screen and (min-width: 990px) {
    .grid--6-col-desktop .card__content quick-add-bulk .quantity {
        width: auto
    }

    .grid--6-col-desktop .card__content quick-add-bulk .quantity__button {
        width: calc(3rem / var(--font-body-scale))
    }

    .grid--6-col-desktop .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info {
        left: 50%;
        transform: translate(-50%);
        width: calc(100% + var(--border-width) + 3.5rem)
    }

    .grid--6-col-desktop .card--standard .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info {
        width: calc(100% + var(--border-width) + 1rem)
    }
}

@media screen and (max-width: 749px) {
    .grid--2-col-tablet-down .card__content quick-add-bulk .quantity__button {
        width: calc(3.5rem / var(--font-body-scale))
    }

    .grid--2-col-tablet-down .card--card .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info,
    .grid--2-col-tablet-down .card--standard .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info {
        left: 50%;
        transform: translate(-50%)
    }

    .grid--2-col-tablet-down .card--standard .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info {
        width: 100%
    }

    .grid--2-col-tablet-down .card--card .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info {
        width: calc(100% + var(--border-width) + 4rem)
    }

    .grid--2-col-tablet-down .card__content quick-add-bulk .quantity {
        width: auto
    }
}

.card-information quantity-popover volume-pricing {
    margin-top: 0
}

@media screen and (max-width: 989px) {
    .card-information quantity-popover .quantity__rules~volume-pricing {
        margin-top: 0
    }

    .card-information quantity-popover volume-pricing {
        margin-top: 4.2rem
    }
}

@media screen and (min-width: 750px) {
    .card__information {
        padding-bottom: 1.7rem;
        padding-top: 1.7rem
    }
}

.card__badge {
    align-self: flex-end;
    grid-row-start: 3;
    justify-self: flex-start
}

.card__badge.top {
    align-self: flex-start;
    grid-row-start: 1
}

.card__badge.right {
    justify-self: flex-end
}

.card:not(.card--horizontal)>.card__content>.card__badge {
    margin: 1.3rem
}

.card__media .media img {
    height: 100%;
    object-fit: cover;
    object-position: center center;
    width: 100%
}

.card__inner:not(.ratio)>.card__content {
    height: 100%
}

.card__heading {
    margin-top: 0;
    margin-bottom: 0
}

.card__heading:last-child {
    margin-bottom: 0
}

.card--horizontal .card__heading,
.card--horizontal .price__container .price-item,
.card--horizontal__quick-add {
    font-size: calc(var(--font-heading-scale) * 1.2rem)
}

.card--horizontal .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
    margin-top: 0
}

.card--horizontal__quick-add:before {
    box-shadow: none
}

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

    .card--horizontal .card__heading,
    .card--horizontal .price__container .price-item,
    .card--horizontal__quick-add {
        font-size: calc(var(--font-heading-scale) * 1.3rem)
    }
}

.card--card.card--media>.card__content {
    margin-top: calc(0rem - var(--image-padding))
}

.card--standard.card--text a:after,
.card--card .card__heading a:after {
    bottom: calc(var(--border-width) * -1);
    left: calc(var(--border-width) * -1);
    right: calc(var(--border-width) * -1);
    top: calc(var(--border-width) * -1)
}

.card__heading a:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.card__heading a:after {
    outline-offset: .3rem
}

.card__heading a:focus:after {
    box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
    outline: .2rem solid rgba(var(--color-foreground), .5)
}

.card__heading a:focus-visible:after {
    box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
    outline: .2rem solid rgba(var(--color-foreground), .5)
}

.card__heading a:focus:not(:focus-visible):after {
    box-shadow: none;
    outline: 0
}

.card__heading a:focus {
    box-shadow: none;
    outline: 0
}

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

    .card .media.media--hover-effect>img:only-child,
    .card-wrapper .media.media--hover-effect>img:only-child {
        transition: transform var(--duration-long) ease
    }

    .card:hover .media.media--hover-effect>img:first-child:only-child,
    .card-wrapper:hover .media.media--hover-effect>img:first-child:only-child {
        transform: scale(1.03)
    }

    .card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child) {
        opacity: 0
    }

    .card-wrapper:hover .media.media--hover-effect>img+img {
        opacity: 1;
        transition: transform var(--duration-long) ease;
        transform: scale(1.03)
    }

    .underline-links-hover:hover a {
        text-decoration: underline;
        text-underline-offset: .3rem
    }
}

.card--standard.card--media .card__inner .card__information,
.card--standard.card--text:not(.card--horizontal)>.card__content .card__heading:not(.card__heading--placeholder),
.card--standard:not(.card--horizontal)>.card__content .card__badge,
.card--standard.card--text.article-card>.card__content .card__information,
.card--standard>.card__content .card__caption {
    display: none
}

.card--standard:not(.card--horizontal) .placeholder-svg {
    width: 100%
}

.card--standard>.card__content {
    padding: 0
}

.card--standard>.card__content .card__information {
    padding-left: 0;
    padding-right: 0
}

.card--card.card--media .card__inner .card__information,
.card--card.card--text .card__inner,
.card--card.card--media>.card__content .card__badge {
    display: none
}

.card--horizontal .card__badge,
.card--horizontal.card--text .card__inner {
    display: none
}

.card--extend-height {
    height: 100%
}

.card--extend-height.card--standard.card--text,
.card--extend-height.card--media {
    display: flex;
    flex-direction: column
}

.card--extend-height.card--standard.card--text .card__inner,
.card--extend-height.card--media .card__inner {
    flex-grow: 1
}

.card .icon-wrap {
    margin-left: .8rem;
    white-space: nowrap;
    transition: transform var(--duration-short) ease;
    overflow: hidden
}

.card-information>*+* {
    margin-top: .5rem
}

.card-information {
    width: 100%
}

.card-information>* {
    line-height: calc(1 + .4 / var(--font-body-scale));
    color: rgb(var(--color-foreground))
}

.card-information>.price {
    color: rgb(var(--color-foreground))
}

.card--horizontal .card-information>.price {
    color: rgba(var(--color-foreground), .75)
}

.card-information>.rating {
    margin-top: .4rem
}

.card-information>*:not(.visually-hidden:first-child)+quantity-popover:not(.rating):not(.card__information-volume-pricing-note),
.card-information .card__information-volume-pricing-note.card__information-volume-pricing-note--button {
    margin-top: 0
}

.card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
    margin-top: .7rem
}

.card-information .caption {
    letter-spacing: .07rem
}

.card-article-info {
    margin-top: 1rem
}

.card--shape .card__content {
    padding-top: 0
}

.card--shape.card--standard:not(.card--text) .card__inner {
    border: 0;
    background-color: transparent;
    filter: drop-shadow(var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity)))
}

.card--shape.card--standard:not(.card--text) .card__inner:after {
    display: none
}

.grid__item:nth-child(2n) .shape--blob {
    clip-path: polygon(var(--shape--blob-2))
}

.grid__item:nth-child(3n) .shape--blob {
    clip-path: polygon(var(--shape--blob-3))
}

.grid__item:nth-child(4n) .shape--blob {
    clip-path: polygon(var(--shape--blob-4))
}

.grid__item:nth-child(5n) .shape--blob {
    clip-path: polygon(var(--shape--blob-5))
}

.grid__item:nth-child(7n) .shape--blob {
    clip-path: polygon(var(--shape--blob-6))
}

.grid__item:nth-child(8n) .shape--blob {
    clip-path: polygon(var(--shape--blob-1))
}

@media (prefers-reduced-motion: no-preference) {
    .product-card-wrapper .shape--round {
        transition: clip-path var(--duration-long) ease
    }

    .product-card-wrapper:hover .shape--round {
        clip-path: ellipse(47% 47% at 50% 50%)
    }

    .product-card-wrapper .shape--blob {
        transition: clip-path var(--duration-long) ease-in-out
    }

    .product-card-wrapper:hover .shape--blob {
        clip-path: polygon(var(--shape--blob-5))
    }

    .grid__item:nth-child(2n) .product-card-wrapper:hover .shape--blob {
        clip-path: polygon(var(--shape--blob-6))
    }

    .grid__item:nth-child(3n) .product-card-wrapper:hover .shape--blob {
        clip-path: polygon(var(--shape--blob-1))
    }

    .grid__item:nth-child(4n) .product-card-wrapper:hover .shape--blob {
        clip-path: polygon(var(--shape--blob-2))
    }

    .grid__item:nth-child(5n) .product-card-wrapper:hover .shape--blob {
        clip-path: polygon(var(--shape--blob-3))
    }

    .grid__item:nth-child(7n) .product-card-wrapper:hover .shape--blob {
        clip-path: polygon(var(--shape--blob-4))
    }

    .grid__item:nth-child(8n) .product-card-wrapper:hover .shape--blob {
        clip-path: polygon(var(--shape--blob-5))
    }
}


#shopify-section-template_collection_list{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pagination-wrapper {
    margin-top: 4rem
}

@media screen and (min-width: 990px) {
    .pagination-wrapper {
        margin-top: 5rem
    }
}

.pagination__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.pagination__list>li {
    flex: 1 0 4.4rem;
    max-width: 4.4rem
}

.pagination__list>li:not(:last-child) {
    margin-right: 1rem
}

.pagination__item {
    color: rgb(var(--color-foreground));
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 4.4rem;
    width: 100%;
    padding: 0;
    text-decoration: none
}

a.pagination__item:hover:after {
    height: .1rem
}

.pagination__item .icon-caret {
    height: .6rem
}

.pagination__item--current:after {
    height: .1rem
}

.pagination__item--current:after,
.pagination__item:hover:after {
    content: "";
    display: block;
    width: 2rem;
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translate(-50%);
    background-color: currentColor
}

.pagination__item--next .icon {
    margin-left: -.2rem;
    transform: rotate(90deg)
}

.pagination__item--next:hover .icon {
    transform: rotate(90deg) scale(1.07)
}

.pagination__item--prev .icon {
    margin-right: -.2rem;
    transform: rotate(-90deg)
}

.pagination__item--prev:hover .icon {
    transform: rotate(-90deg) scale(1.07)
}

.pagination__item-arrow:hover:after {
    display: none
}


.header-wrapper{
    padding: 20px 0;
}


html,body{
    padding:0;
    margin: 0;
}

.store-floor{
    padding:20px 0;
}

@media (max-width: 768px) {
    .store-floor {
        padding: 10px;
    }
}

