#content,#wrapper,.page-content img,body,h3,main:not(.page--sports) .page-cms {
    margin: 0
}

body,p {
    cursor: default;
    padding: 0
}

body,h1,header,p {
    padding: 0
}

h1,h2 {
    text-transform: none!important;
    font-style: normal!important
}

._block,._table,.sizeChartContainer {
    max-width: var(--cms-max-width)
}

._help-banner a,._recall>a,.manual-links a,a,a:link,a:visited {
    text-decoration: none
}

._bday-contact_wrapper,._bday-sport_wrapper,._gift-item,._recall,._vs-block {
    grid-template-rows: 1fr
}

._help-banner,._help-banner._vs,._table-right.servis,._vs-block,._vs-block_item,.manual-item,.manual-item img,.manual-search,button.manual-item {
    box-sizing: border-box
}

.information-zone {
    margin-bottom: 0!important
}

h1,h2,header,img,p {
    margin: 0
}

button {
    border: none;
    background: 0 0;
    cursor: pointer
}

img {
    max-width: unset
}

button:focus {
    outline: unset
}

ul {
    list-style-type: none
}

main:not(.page--sports) .page-cms ul {
    list-style: none
}

.page-content img {
    margin: unset
}

.elementor-widget-wrap {
    z-index: unset!important
}

#main-content-container {
    width: unset!important
}

@media (min-width: 576px) {
    .page-content li,.page-content p,.page-content span {
        font-size:unset;
        font-weight: unset;
        margin-bottom: unset
    }
}

@media (max-width: 575px) {
    main:not(.page--sports) .page-cms {
        margin-top:0;
        margin-bottom: 0
    }
}

@media (max-width: 991px) {
    main:not(.page--sports) .page-cms {
        margin-top:0;
        margin-bottom: 0
    }
}

os-popover.app-banner a {
    color: #fff
}

.elementor-column-gap-default .elementor-element-populated {
    padding: unset
}

main:not(.page--sports) .page-cms h1 {
    margin-top: 0!important
}

.container {
    width: 100%;
    margin: 0;
    padding: 0
}

h1 {
    font-size: 3rem!important
}

:root {
    --cms-c-grey: #F6F6F6;
    --cms-c-white: #FFFFFF;
    --cms-c-blue: #3643BA;
    --cms-c-violet: #E1E3F5;
    --cms-c-yellow: #FFCD4E;
    --cms-c-dark-blue: #2e3998;
    --cms-max-width: 1400px
}

._mainbanner,._servis-category_item {
    position: relative
}

._mainbanner-title,._mainbanner::before {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0
}

._mainbanner-title {
    display: flex;
    right: 0;
    bottom: 0;
    color: #fff;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex-direction: column;
    text-align: center
}

#bazar ._mainbanner-title p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 2rem
}

._mainbanner::before {
    background: #00000050;
    content: "";
    width: 100%;
    height: 100%
}

._mainbanner img {
    width: 100%;
    height: 50vh;
    display: block;
    margin: 0 auto;
    object-fit: cover
}

._content-white {
    display: flex;
    background: var(--cms-c-white);
    padding: 4rem 2rem;
    height: 10vh;
    align-items: center;
    min-height: 175px
}

._content-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: var(--cms-max-width);
    margin: 0 auto;
    gap: 2rem;
    height: 100%
}

._content-header h3 {
    display: flex;
    text-align: left;
    font-size: 2rem!important;
    font-weight: 400;
    height: 100%;
    align-items: center;
    width: 100%
}

._content-header p {
    text-align: left;
    display: none
}

._content-grey {
    background: var(--cms-c-grey);
    height: 100%;
    padding: 2rem
}

._content-blue {
    background: var(--cms-c-blue);
    height: 100%;
    padding: 2rem;
    color: var(--cms-c-white)
}

._content-help {
    background: var(--cms-c-white);
    height: 100%;
    padding: 4rem 2rem
}

._bday-bundles_item-left>p>span,._block-item>p {
    font-size: 3rem
}

._block img,._gift-item>.devices,._gift-item>.gift-card,._gift-item>.store {
    width: 100px
}

._block {
    display: grid;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    gap: 1rem;
    min-height: 150px;
    height: 100%;
    grid-template-areas: "a b c d";
    grid-template-columns: 1fr 1fr 1fr 1fr
}

._block-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem
}

._block-item>p {
    font-weight: 700
}

._block-content,._gift-item span,._help-banner._vs h3,._help-banner._vs p {
    text-align: center
}

._block-content p,._faq-wrap>p:first-child,._recall-date,._store-day p:first-child {
    font-weight: 700
}

._block-content span {
    font-size: .8rem!important
}

._block-2column {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center
}

._block-2column_item {
    display: flex;
    align-items: center;
    gap: 1rem
}

._tab-buttons,._table {
    display: flex;
    gap: 1rem
}

._table {
    justify-content: space-between;
    margin: 0 auto;
    height: 100%;
    flex-direction: column
}

._table h2 {
    margin: 1rem 0
}

._table p {
    margin-bottom: 1.6rem
}

._tab-buttons {
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap
}

._tab-button {
    cursor: pointer;
    padding: 1rem 2rem;
    background-color: var(--cms-c-white);
    border: 0;
    transition: 222ms
}

._tab-button:hover {
    background-color: var(--cms-c-violet);
    transition: 222ms
}

._tab-button.active {
    background-color: var(--cms-c-blue);
    color: #fff
}

._tab-content {
    display: none;
    border-top: none;
    width: 100%;
    gap: 2rem
}

._faq-wrap,._tab-content.active {
    display: flex
}

._recall-item ._recall-name,.manual-wrapper h3 {
    max-height: 32px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}

._tab-content.active.wotable {
    flex-direction: column;
    gap: 0
}

.sizeChartContainer {
    width: 100%;
    margin: 0 auto
}

.sizeChartContainer table td {
    min-width: 100px;
    text-align: center
}

._responsive-table-container {
    overflow-x: auto
}

._responsive-table tr td:first-child {
    font-weight: 700;
    background: var(--cms-c-violet);
    color: var(--cms-c-blue)
}

._responsive-table tr:first-child {
    font-weight: 700;
    background: var(--cms-c-violet)!important;
    color: var(--cms-c-blue)!important
}

._sizeGuide table,._table table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    font-size: .9em!important;
    font-family: Inter;
    text-align: left;
    min-width: 400px
}

._sizeGuide table thead tr,._table table thead tr {
    color: #fff;
    text-align: left
}

._sizeGuide table td,._sizeGuide table th,._table table td,._table table th {
    padding: 12px 15px
}

._sizeGuide table tbody tr,._table table tbody tr {
    border-bottom: 1px solid #ddd
}

._sizeGuide table tbody tr:first-child,._table table tbody tr:first-child {
    background: var(--cms-c-blue);
    color: var(--cms-c-white);
    font-weight: 700
}

._sizeGuide table tbody tr:nth-of-type(2n),._table table tbody tr:nth-of-type(2n) {
    background-color: #f3f3f3
}

._sizeGuide table tfoot tr td,._table table tfoot tr td {
    padding: 10px;
    font-size: .8em!important;
    text-align: left;
    color: #666;
    background-color: #f9f9f9
}

._content-blue ._table-left {
    background: var(--cms-c-white);
    padding: 1rem;
    color: #000
}

._table-left {
    text-align: justify
}

._table-left a {
    color: var(--cms-c-blue);
    font-weight: 700
}

._table-right p {
    font-size: 1rem!important;
    text-align: center
}

._table-left,._table-right {
    width: 50%
}

._help-banner,.bazar-explain li span {
    background: var(--cms-c-blue);
    color: var(--cms-c-white)
}

._bazar-wrapper,._faq,._help,._vs-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: var(--cms-max-width);
    margin: 0 auto;
    gap: 1rem;
    height: 100%;
    flex-direction: column
}

._faq h4,._vs-content h4 {
    color: var(--cms-c-blue);
    margin-bottom: .5rem
}

._faq p,._vs-content p {
    margin-bottom: .5rem
}

._faq-wrap {
    flex-direction: row;
    gap: 2rem;
    line-height: 2rem;
    margin: 1rem 0
}

._bazar-store,._recall {
    margin: 0 auto;
    max-width: var(--cms-max-width)
}

._recall {
    display: grid;
    grid-template-areas: "1 2 3 4";
    grid-template-columns: repeat(4,1fr);
    gap: 1rem
}

._recall>a {
    padding: 1rem;
    background: #fff;
    color: #000;
    font-size: 1rem
}

._recall-item,._store-page_contact-wrapper,.bazar-input-wrap,.bazar-inputs-container {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

._recall-item ._recall-name {
    line-height: 16px;
    font-size: 1rem
}

._recall img,._table_servis th,._vs-popup_logos-item img {
    width: 100%
}

@media screen and (max-width: 1000px) {
    ._content-blue,._content-grey,._content-white {
        padding:3rem 1rem
    }

    ._content-help {
        padding: 2rem 1rem
    }

    ._content-header {
        flex-direction: row
    }

    ._content-header h3 {
        border-right: 0;
        font-size: 1.6rem!important;
        width: 100%;
        text-align: center
    }

    ._content-header p {
        width: 50%;
        font-size: .9rem!important;
        text-align: left;
        padding: 0 1rem
    }

    ._block img {
        width: 70px
    }

    ._block-content p {
        font-weight: 700;
        font-size: .8rem!important
    }

    ._block-content span {
        font-size: .7rem!important
    }

    ._block {
        grid-template-areas: "a b"!important;
        grid-template-columns: 1fr 1fr!important
    }

    ._table h2 {
        font-size: 1rem!important
    }

    ._faq p,._table p {
        font-size: .8rem!important
    }

    ._tab-button {
        padding: .5rem 1rem;
        color: #000
    }

    ._tab-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        justify-content: unset
    }

    ._table-left,._table-right {
        width: 100%;
        text-align: left
    }

    ._tab-content {
        flex-direction: column;
        gap: 1rem
    }

    ._table table {
        min-width: 100%;
        margin: .5rem 0
    }

    ._faq h4 {
        font-size: 1rem!important;
        color: var(--cms-c-blue);
        margin: 0 0 1rem
    }

    ._recall {
        grid-template-areas: "1 2 " "3 4";
        grid-template-columns: repeat(2,1fr)
    }
}

@media screen and (max-width: 599px) {
    h1 {
        font-size:2rem!important
    }

    ._help-banner>div {
        flex-direction: column!important
    }

    ._mainbanner img {
        height: 40vh
    }

    ._content-blue,._content-grey,._content-white {
        padding: 3rem 1rem
    }

    ._content-help {
        padding: 2rem 1rem
    }

    ._content-header,._tab-content {
        flex-direction: column
    }

    ._content-header h3 {
        border-right: 0;
        font-size: 1.2rem!important;
        font-weight: 700;
        justify-content: center
    }

    ._content-header h3,._content-header p {
        width: 100%;
        text-align: center
    }

    ._content-header p {
        font-size: .9rem!important;
        padding: 0 1rem
    }

    ._block {
        box-sizing: border-box;
        gap: 0;
        padding: 1rem;
        flex-wrap: wrap;
        align-items: center
    }

    ._block-item {
        width: 100%
    }

    ._block img {
        width: 70px
    }

    ._block-content p {
        font-weight: 700;
        font-size: .8rem!important
    }

    ._block-content span {
        font-size: .7rem!important
    }

    ._table h2,._table p {
        font-size: 1rem!important
    }

    ._tab-button {
        padding: .5rem 1rem
    }

    ._tab-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        justify-content: unset
    }

    ._table-left,._table-right {
        width: 100%;
        text-align: left
    }

    ._table table {
        min-width: unset
    }

    ._table-right img {
        height: 300px
    }

    ._faq h4 {
        font-size: 1rem!important;
        color: var(--cms-c-blue);
        margin: 0 0 1rem
    }

    ._faq p {
        font-size: .8rem!important
    }

    ._faq-wrap {
        gap: 1;
        line-height: 1rem;
        margin: .5rem 0
    }

    ._recall-item p,._recall-name {
        font-size: .7rem
    }
}

._help-banner {
    display: flex;
    width: 100%;
    padding: 4rem 3rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem
}

._help-banner.info {
    background: var(--cms-c-yellow);
    color: #000
}

._help h3,._table h2 {
    font-size: 2rem
}

._help-banner a {
    background: var(--cms-c-white);
    color: #000;
    padding: .9rem 1rem;
    font-size: .8rem;
    font-weight: 700
}

._help-banner a:hover {
    background: var(--cms-c-violet)
}

.add-icon,.bank-card,.bill,.calendar,.circularity-buy-back,.circularity-maintain-repair,.circularity-shop,.close-icon,.customize_icon,.devices,.email,.gift,.exchange,.gift-card,.grid,.hourglass,.information,.lock_icon,.message,.money-euro-box,.pick-up-packstation,.smartphone,.store,.t-shirt,.rent,.time_icon,.truck,.user {
    width: 60px;
    aspect-ratio: 1
}

#bazar ._mainbanner .check-circle {
    filter: invert(1)
}

#bazar ._mainbanner p span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem
}

.bazar-input input[type=text] {
    border: 0;
    background: var(--cms-c-grey);
    color: #000;
    padding: 10px 0;
    font-size: 14px;
    width: 175px!important;
    text-align: center
}

.bazar-input select {
    border: 0;
    background: var(--cms-c-grey);
    color: #000;
    appearance: auto;
    font-size: 14px!important;
    text-align: center!important;
    width: 175px;
    padding: 10px 5px
}

.bazar-input>p {
    margin: 0!important;
    padding: 0
}

.bazar-input option {
    min-height: 1.5rem!important;
    padding: 14px!important;
    background: #fff!important
}

.bazar-input {
    display: flex;
    justify-content: space-between
}

._bazar-store {
    gap: 1rem;
    display: grid;
    grid-template-areas: "1 2 3 4";
    grid-template-columns: repeat(4,1fr)
}

ul.bazar-explain,ul.bazar-explain_blue {
    margin-top: 2rem;
    padding: 0!important
}

.bazar-explain_blue ul {
    line-height: 2.5rem
}

._store-page_openning_hours_left p,._store-page_openning_hours_right p,.bazar-explain li,.bazar-explain_blue li {
    line-height: 2rem
}

.bazar-explain li span {
    padding: .2rem
}

.bazar-explain_blue li span {
    background: var(--cms-c-white);
    color: var(--cms-c-blue);
    padding: .2rem
}

.bazar-store {
    background: #fff;
    padding: 1rem;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.manual-wrapper,.manual-wrapper-more {
    background: var(--cms-c-white);
    height: 100%
}

.bazar-store-body p:first-child {
    font-size: 1.4rem;
    font-weight: 700
}

.manual-container {
    margin-bottom: 3rem
}

.manual-container-inner {
    box-sizing: border-box;
    display: grid;
    grid-template-areas: "a b c d e";
    flex-direction: row;
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: .5rem
}

.manual-item {
    position: relative
}

button.manual-item {
    position: relative;
    padding: 0!important;
    border: 0
}

.manual-item img {
    width: 100%;
    padding: 1rem
}

.manual-item span {
    background: var(--cms-c-violet);
    padding: .3rem .6rem;
    font-size: .8rem;
    font-weight: 700
}

.manual-content {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

#more,._table_servis {
    display: none
}

button#myBtn {
    width: 20%
}

.manual-wrapper-more {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.manual-wrapper p {
    text-transform: uppercase;
    font-weight: 700;
    font-size: .8rem
}

.manual-wrapper h3 {
    font-size: 1rem!important;
    font-weight: 500;
    font-style: normal;
    color: #000;
    line-height: 16px;
    text-align: left
}

.manual-links {
    display: flex;
    flex-direction: row;
    gap: .5rem;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap
}

._gift-item button:hover,._store-item a#btn-store:hover,._vs-block button:hover,.manual-links a:hover {
    background: var(--cms-c-dark-blue)
}

.manual-links a {
    padding: .5rem 1rem;
    background: var(--cms-c-blue);
    font-size: .8rem;
    border-radius: 0;
    color: #fff;
    border: 0
}

.manual-container-solo {
    padding: 1rem 0;
    display: flex;
    line-height: 2rem;
    justify-content: space-between;
    align-items: center;
    max-width: var(--cms-max-width);
    margin: 0 auto
}

.manual-container-solo p {
    width: 50%;
    font-size: 1rem;
    color: #000
}

.manual-container-solo a {
    display: flex;
    font-size: 1.2rem;
    gap: 1rem;
    text-decoration: underline;
    font-weight: 700;
    align-items: center;
    color: var(--cms-c-blue)
}

.manual-search {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: .5rem;
    margin: 1rem 0
}

.manual-search input {
    border: 0;
    background: var(--store-main-grey);
    padding: 1rem 1rem 1rem 3rem;
    height: 60px;
    width: 100%;
    font-size: 1rem;
    color: #000
}

._gift-item button,._store-item a#btn-store,._vs-block button {
    background: var(--cms-c-blue);
    padding: .5rem 1rem;
    border-radius: 500px
}

.manual-search-inner {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center
}

.manual-search i.ri-search-line {
    position: absolute;
    left: 1rem;
    font-size: 1.2rem
}

.manual-codes {
    position: absolute;
    top: 1rem;
    left: 1rem;
    display: flex;
    gap: .5rem;
    flex-wrap: wrap
}

@media screen and (max-width: 992px) {
    .manual-container-inner {
        grid-template-areas:"a b c";
        grid-template-columns: 1fr 1fr 1fr
    }

    .manual-search {
        box-sizing: border-box;
        display: flex
    }
}

@media screen and (max-width: 600px) {
    .manual-container-inner {
        grid-template-areas:"a b";
        grid-template-columns: 1fr 1fr
    }

    .manual-container-inner .manual-item:nth-child(4) {
        display: none
    }

    .manual-container-inner.show-more .manual-item,.manual-container-inner.show-more .manual-item:nth-child(4) {
        display: block
    }

    .manual-container-solo p {
        width: 100%
    }

    .manual-container-solo {
        gap: 2rem;
        align-items: center;
        flex-direction: column
    }
}

._store {
    max-width: var(--cms-max-width);
    margin: 0 auto;
    padding-bottom: 1.25rem;
    display: grid;
    grid-template-areas: "a b c";
    gap: 2rem;
    grid-template-columns: repeat(3,minmax(0,1fr))
}

._store-item {
    background: #fff;
    border-radius: 0;
    padding: 1rem;
    display: flex;
    gap: 1rem;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap
}

._store-item p {
    text-overflow: clip;
    white-space: prewrap
}

._store-item a#btn-store,._vs-block button {
    color: #fff;
    width: fit-content;
    text-decoration: none;
    font-size: .8rem
}

@media screen and (max-width: 1000px) {
    ._help h3 {
        font-size:1.2rem
    }

    ._help p,.bazar-store p {
        font-size: .8rem
    }

    ._help-banner {
        padding: 2rem
    }

    .bazar-input {
        align-items: center;
        justify-content: center;
        justify-items: start
    }

    ._bazar-store {
        grid-template-areas: "1 2 3 ";
        grid-template-columns: repeat(3,1fr)
    }

    ._store {
        grid-template-columns: repeat(2,minmax(0,1fr));
        grid-template-areas: "a b "
    }
}

@media screen and (max-width: 599px) {
    ._help h3 {
        font-size:1.2rem
    }

    ._help p {
        font-size: .8rem
    }

    ._help-banner {
        padding: 2rem
    }

    ._bazar-store {
        grid-template-areas: "1 2  ";
        grid-template-columns: repeat(2,1fr)
    }

    .bazar-store {
        aspect-ratio: unset!important
    }

    ._store {
        grid-template-columns: repeat(1,minmax(0,1fr));
        grid-template-areas: "a "
    }
}

._store {
    display: grid;
    grid-template-areas: "oh contact contact" "oh map map" "service service service"
}

._store-active {
    font-weight: 700;
    color: #3643ba!important
}

._store-dot {
    width: 10px;
    aspect-ratio: 1;
    border-radius: 50%;
    content: "";
    animation: 1.5s linear infinite change-dot-color;
    display: none;
    background: #f0f0f0
}

@keyframes change-dot-color {
    0%,100% {
        background: #f0f0f0
    }

    50% {
        background: #3643ba
    }
}

._store-day.holiday>p {
    display: grid;
    grid-template-areas: "1" "2"
}

._store-day>p>span:nth-child(2) {
    font-size: .6rem
}

._store-day.holiday {
    background: #e1e3f5;
    padding: 1rem;
    color: #3643ba
}

._store-day._store-active>p {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .5rem;
    justify-content: center
}

._store-day._store-active>p ._store-dot {
    display: block!important
}

._bday-sport_item>p,._store-page_contact h3,._store-page_openning_hours h3,._store-page_services h3 {
    margin-bottom: 2rem
}

._store-page_openning_hours_right {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

._store-page_openning_hours_left p {
    display: flex;
    flex-direction: row;
    gap: .5rem;
    align-items: center;
    font-weight: 700
}

_.store-page_openning_hours_left p._store-active {
    display: flex;
    align-items: center;
    gap: .5rem
}

._store-page_openning_hours_wrapper {
    display: flex;
    gap: 1rem;
    background: #fff;
    padding: 1rem;
    flex-direction: column
}

._store-day {
    display: flex;
    justify-content: space-between;
    padding: 0 1rem;
    align-items: center
}

._store-page_service-wrapper {
    display: grid;
    grid-template-areas: "1 2 3 4 5";
    grid-template-columns: repeat(5,1fr);
    gap: 1rem;
    width: 100%
}

._store-page_map {
    grid-area: map;
    height: 60vh
}

._store-page_map iframe {
    height: 100%!important
}

._store-page_contact {
    grid-area: contact
}

._store-page_openning_hours {
    grid-area: oh
}

._store-page_services {
    grid-area: service
}

._store h3 {
    font-size: 1.5rem!important;
    font-weight: 700
}

._store-page_contact-item {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    background: #fff;
    padding: 1rem
}

.store-page-service-item {
    aspect-ratio: 3/4;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.store-page-service-item p {
    width: 90%
}

.store-page-service-item-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem
}

.store-page-openning-hours-notes {
    margin-top: 1rem;
    padding: 1rem;
    background: var(--cms-c-violet)
}

.store-page-openning-hours-notes p:first-child {
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 1rem
}

@media screen and (max-width: 992px) {
    ._store-page_service-wrapper {
        display:grid;
        grid-template-areas: "1 2 3 4";
        grid-template-columns: repeat(4,1fr);
        gap: 1rem;
        width: 100%
    }

    ._store {
        display: grid;
        grid-template-areas: "oh contact " "map map" "service service"
    }

    ._store-page_contact-item {
        flex-direction: column
    }
}

._gift-card {
    display: flex;
    justify-content: center;
    max-width: var(--cms-max-width);
    margin: 1rem auto;
    gap: 3rem;
    flex-direction: row
}

._block._gf {
    grid-template-areas: "a b";
    grid-template-columns: repeat(2,1fr)
}

._block._gf ._block-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    padding: 1rem
}

._block._gf ._block-content p {
    font-weight: 700;
    text-align: left
}

._block._gf ._block-content span {
    text-align: left;
    display: flex
}

._gift-item {
    display: grid;
    align-items: start;
    background: #fff;
    justify-items: center;
    padding: 1rem;
    gap: .5rem
}

._gift-item p {
    font-weight: 700;
    text-align: center;
    font-size: 1.2rem;
    margin-bottom: 1rem
}

._gift-item button {
    color: var(--cms-c-white);
    margin: 1rem 0
}

._gift-card_footer {
    max-width: var(--cms-max-width);
    font-size: .8rem;
    text-align: center;
    color: var(--cms-c-dark-blue);
    font-weight: 700;
    margin: 0 auto;
    padding: 0 2rem 2rem
}

._bday-bundles,._bday-sport,._servis-category {
    max-width: var(--cms-max-width);
    margin: 0 auto
}

._servis-category>p {
    margin-top: 2rem;
    font-size: 1rem;
    text-align: center
}

._servis-category_inner {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-template-areas: "a b c d e f";
    width: 100%;
    gap: 1rem
}

._servis-category_image img {
    width: 100%;
    aspect-ratio: 3/4;
    object-fit: cover
}

._servis-category_item p {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    font-weight: 500;
    color: var(--cms-c-white)
}

._servis-category_image_overlay {
    content: "";
    background: linear-gradient(0deg,#00000070,transparent);
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 50%;
    left: 0
}

._servis-category_item:hover>._servis-category_image>._servis-category_image_overlay {
    background: #00000070;
    height: 100%
}

._table_servis.active {
    display: flex;
    flex-direction: column
}

._table-right img {
    width: 100%;
    height: 550px;
    object-fit: cover
}

._table-right.servis p {
    text-align: left!important;
    background: var(--cms-c-violet);
    padding: 1rem
}

._table-left>ul {
    background: var(--cms-c-violet);
    padding: 1rem;
    line-height: 2.5rem
}

._table-left.servis {
    width: 30%
}

._table-right.servis {
    padding: 1rem;
    width: 70%
}

._table_servis span {
    font-size: .75rem;
    color: var(--cms-c-blue)
}

button._table-button {
    width: 100%;
    padding: 1rem;
    text-align: left
}

button._table-button.active {
    text-decoration: underline;
    font-weight: 700;
    background: var(--cms-c-white);
    width: 100%;
    text-align: left;
    padding: 1rem;
    transition: 333ms
}

._bday-bundles_wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin: 0 auto;
    padding: 1rem 0
}

._bday-bundles_item {
    display: grid;
    flex-direction: row;
    grid-template-areas: "1 2";
    grid-template-columns: 1fr 1fr
}

._bday-bundles_item-left {
    position: relative;
    display: grid;
    flex-direction: column;
    background: var(--cms-c-white);
    grid-template-areas: "1" "2" "3";
    gap: 1rem;
    grid-auto-rows: 1fr;
    align-items: center;
    justify-items: center
}

._bday-bundles_item-right,._help-banner._vs {
    background: var(--cms-c-blue);
    color: var(--cms-c-white)
}

._bday-bundles_item-right {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: center;
    padding: 2rem
}

._bday-contact_item,._bday-sport_item {
    background: #fff;
    padding: 1rem;
    flex-direction: column
}

._bday-bundles_item-left img {
    width: 100%;
    object-fit: cover;
    height: 150px
}

._bday-bundles_item-left>p {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 2rem
}

._bday-bundles_content h4 {
    font-size: 2rem;
    font-weight: 700;
    margin: 1rem 0;
    padding: 0
}

._bday-sport_wrapper {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1rem
}

._bday-sport_item {
    display: flex;
    justify-content: flex-start
}

._bday-sport_item h4 {
    font-size: 1.4rem;
    margin: 1rem 0
}

._bday-contact_wrapper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1rem
}

._bday-contact_item {
    display: flex;
    aspect-ratio: 16/9;
    gap: 1rem;
    justify-content: space-around;
    align-items: center
}

._bday-contact_item-content {
    display: flex;
    flex-direction: column;
    align-content: center;
    gap: 1rem;
    align-items: center
}

._bday-contact_item-content>p {
    font-size: 1rem
}

._bday-contact_item-content b {
    font-size: 1.2rem
}

._bday-sport._bday-footer>p {
    font-size: 1rem;
    margin: 1rem 0
}

@media only screen and (max-width: 999px) {
    ._bday-bundles_wrapper,._gift-card {
        flex-direction:column
    }

    ._servis-category h3 {
        font-size: 1.2rem;
        padding-left: 1rem
    }

    ._tab-content._servis {
        flex-direction: row;
        gap: 1rem
    }

    ._servis-category_inner {
        display: flex;
        flex-direction: row;
        overflow: auto
    }

    ._servis-category_item {
        aspect-ratio: 3/4;
        width: 100%;
        min-width: 250px
    }

    ._bday-content_wrapper,._bday-sport_wrapper {
        grid-template-columns: repeat(2,1fr)
    }
}

@media only screen and (max-width: 599px) {
    ._block._gf {
        grid-template-areas:"a" "b";
        grid-template-columns: 1fr
    }

    ._tab-content._servis {
        flex-direction: column;
        gap: 1rem
    }

    ._servis-category h3 {
        font-size: 1.2rem
    }

    ._table-left.servis,._table-right.servis {
        width: 100%
    }

    ._bday-contact_item-content b,._servis-category_item p {
        font-size: 1rem
    }

    ._servis-category_item {
        aspect-ratio: 3/4;
        width: 100%;
        min-width: 225px
    }

    ._bday-bundles_item,._bday-contact_wrapper,._bday-sport_wrapper {
        grid-template-columns: 1fr
    }

    ._bday-sport._bday-footer>p {
        font-size: .8rem;
        margin: 1rem 0
    }

    ._bday-bundles_item {
        flex-direction: row;
        grid-template-areas: "1" "2";
        aspect-ratio: unset!important
    }

    ._bday-bundles_content h4 {
        font-size: 1.4rem
    }

    ._bday-bundles_item-left img {
        width: 100%;
        object-fit: cover;
        height: 100px
    }

    ._bday-contact_item-content>p,._bday-sport_item>p {
        font-size: .8rem
    }

    ._bday-bundles_item-left>p>span {
        font-size: 2rem
    }

    ._bday-sport_item h4 {
        font-size: 1rem;
        margin: 1rem 0
    }

    ._bday-bundles_item-right {
        gap: 1rem;
        padding: 1rem 2rem
    }
}

._mainbanner._vs::before {
    background: #3643ba
}

._vs-block {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    width: 100%;
    gap: 1rem
}

._mainbanner-title._vs img {
    object-fit: contain;
    aspect-ratio: 1
}

._vs-block ul {
    margin: 0;
    padding: 0;
    text-align: left
}

._vs-block_content {
    display: none;
    position: fixed;
    margin: auto;
    background: #000000c4;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    right: 0
}

._vs-block_content.active {
    display: block
}

._vs-bloc_item-header {
    display: flex;
    flex-direction: column;
    align-items: center
}

._vs-block_content-inner {
    background: #fff;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50vw;
    padding: 2rem;
    height: 40vw;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow: auto
}

._vs-popup_header h3 {
    font-size: 1.6rem!important;
    font-weight: 700
}

._vs-popup_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    position: sticky;
    top: -2rem;
    background: #fff;
    padding: 1rem 0
}

._vs-popup_header span {
    width: 24px
}

._vs-block_item>._vs-popup_info p,._vs-popup_info p {
    font-weight: 700;
    background: var(--cms-c-violet);
    width: fit-content
}

._vs-block_content-inner h4 {
    font-size: 1.4rem!important;
    color: #000;
    margin: 1rem 0
}

._vs-popup_logos {
    display: grid;
    grid-template-areas: "1 2 3 4";
    grid-template-columns: repeat(4,1fr);
    gap: 1rem
}

._vs-popup_info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 1rem
}

._vs-block_item,._vs-popup_logos-item {
    gap: 1rem;
    flex-direction: column;
    display: flex
}

._vs-popup_info p {
    padding: 1rem
}

._vs-block_item {
    justify-content: space-between;
    align-items: center;
    background: var(--cms-c-white);
    padding: 2rem;
    text-align: center
}

._vs-popup_logos-item {
    align-items: center
}

._vs-popup_logos-item p {
    font-size: 1rem!important;
    font-weight: 700;
    text-align: center
}

._help-banner._vs {
    display: flex;
    width: 100%;
    padding: 4rem 3rem;
    flex-direction: column;
    align-items: center;
    gap: 1.2rem
}

._vs-block_item>._vs-popup_info p {
    padding: .5rem
}

@media screen and (max-width: 1000px) {
    ._vs-content h4 {
        font-size:1.2rem!important;
        margin: 0 0 1rem
    }

    ._vs-content p {
        font-size: .8rem!important
    }

    ._vs-block_content-inner {
        width: 80vw;
        padding: 1rem;
        height: 60vw;
        border-radius: 5px
    }
}

@media screen and (max-width: 599px) {
    ._store-page_service-wrapper {
        display:grid;
        grid-template-areas: "1 2";
        grid-template-columns: repeat(2,1fr);
        gap: 1rem;
        width: 100%
    }

    .store-page-service-item p {
        font-size: .8rem;
        font-weight: 500;
        width: 90%
    }

    ._store {
        display: grid;
        grid-template-areas: "oh  " "contact" "map" "service"
    }

    ._store-page_contact-item span,._store-page_openning_hours_left p,._store-page_openning_hours_right p {
        font-size: .8rem
    }

    ._store-page_contact-item h4 {
        font-size: 1rem
    }

    ._store-page_contact-item a {
        font-size: .8rem;
        text-decoration: none
    }

    ._vs-popup_header h3 {
        font-size: 1.2rem!important
    }

    ._vs-block_content {
        z-index: 9999999999
    }

    ._vs-content h4 {
        font-size: 1rem!important;
        margin: 0 0 1rem
    }

    ._vs-content p {
        font-size: .8rem!important
    }

    ._vs-popup_header {
        top: -1rem
    }

    ._vs-block {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        width: 100%;
        grid-template-rows: 1fr
    }

    ._vs-block_content-inner {
        width: 100vw;
        height: 80vh;
        top: unset;
        border-radius: 10px 10px 0 0;
        transition: 333ms
    }

    ._vs-popup_logos {
        display: grid;
        grid-template-areas: "1 2 3";
        grid-template-columns: repeat(3,1fr);
        gap: 1rem
    }
}

._lm-store ._homebanner img {
    width: 100%;
}

._lm-store ._table p {
    line-height: 32px;
}

._lm-store ._table a {
    color: var(--cms-c-blue);
    text-decoration: underline;
    font-weight: 700;
}

@media screen and (max-width: 599px) {
    ._lm-store ._table h2,._lm-store ._table p {
        font-size: 0.8rem !important;
        line-height: 24px;
    }
}

._store-page_image {
    grid-area: image;
}

._store-page_image h3 {
    margin-bottom: 2rem;
}

._store {
    grid-template-areas: "oh contact contact" "oh map map" "service service service" "image image image";
}

@media screen and (max-width: 599px) {
    ._store {
        grid-template-areas: "oh" "contact" "map" "service" "image"
    }
}

/* Galéria */
#store-image {
    display: grid ;
    grid-template-areas: "a b c d";
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    gap: 1rem;
}

#store-image img {
    width: 100%;
    margin: 5px;
    aspect-ratio: 1;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.3s;
}

@media(min-width: 600px) {
    #store-image img {
        width: 100%
    }
}

@media screen and (max-width: 599px) {
    #store-image {
        display: flex ;
        grid-template-areas: "a b";
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
        grid-area: image;
        gap: 10px;
        overflow: auto;
    }

    #store-image img {
        width: 60%;
        margin: 5px;
        aspect-ratio: 3 / 4;
        cursor: pointer;
        transition: transform 0.3s;
        object-fit: cover;
    }
}

#store-pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.85);
    justify-content: center;
    align-items: center;
    z-index: 1000;
    padding: 10px;
    box-sizing: border-box;
}

#store-pop img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 0;
    box-shadow: 0 0 20px black;
}

#store-pop span {
    position: absolute;
    top: 15px;
    right: 25px;
    color: white;
    font-size: 35px;
    font-weight: bold;
    cursor: pointer;
    user-select: none;
}

@media(min-width: 600px) {
    #store-pop span {
        font-size: 45px;
        top: 20px;
        right: 40px;
    }
}