/* System */

:root {

    /* Example
        font-size: calc(var(--article-text-size) / 1.2);
        margin-bottom:var(--article-text-margin);
        color:rgba(var(--primary-text-color), 1);
    */

    /* Colors */

    --c-neutral-900:#111827;
    --c-neutral-800:#1F2937;
    --c-neutral-700:#374151;
    --c-neutral-600:#4B5563;
    --c-neutral-500:#6B7280;
    --c-neutral-400:#94A3B8;
    --c-neutral-300:#CBD5E1;
    --c-neutral-200:#E5E7EB;
    --c-neutral-100:#F3F4F6;
    --c-neutral-50:#F8FAFC;

    --c-basic-black:#000000;
    --c-basic-white:#FFFFFF;
    --c-basic-bg-purple:#F9F6FD;

    --c-brand-purple:#624493;
    --c-brand-dpurple:#36235B;
    --c-brand-pink:#ED2970;
    --c-brand-blue:#39A5DD;
    --c-brand-yellow:#FFEB09;
    --c-brand-green:#8AC926;
    --c-brand-lpurple:#DBD4EB;
    --c-brand-100:#E8E3F2;
    --c-brand-50:#F4F1F9;

    --c-status-r700:#BE123C;
    --c-status-r400:#FB7185;
    --c-status-r50:#FFF1F2;
    --c-status-a600:#D97706;
    --c-status-a400:#F59E0B;
    --c-status-a100:#FEF3C7;
    --c-status-t600:#0D9488;
    --c-status-t400:#2DD4BF;
    --c-status-t100:#d5e9e7;
    --c-status-t50:#F0FDFA;

    /* Typography - text-size + line-height - desktop + mobile */

    --text-xs:.75rem;       /* 12px */
    --text-sm:.875rem;      /* 14px */
    --text-base:1rem;       /* 16px */
    --text-lg:1.125rem;     /* 18px */
    --text-xs-lh:1rem;      /* 16px */
    --text-sm-lh:1.25rem;   /* 20px */
    --text-base-lh:1.5rem;  /* 24px */
    --text-lg-lh:1.75rem;   /* 28px */

    --text-xl:1.25rem;      /* 20px */
    --text-2xl:1.5rem;      /* 24px */
    --text-3xl:1.875rem;    /* 30px */
    --text-4xl:2.25rem;     /* 36px */
    --text-5xl:3rem;        /* 48px */
    --text-xl-lh:1.75rem;   /* 28px */
    --text-2xl-lh:2rem;     /* 32px */
    --text-3xl-lh:2.25rem;  /* 36px */
    --text-4xl-lh:2.5rem;   /* 40px */
    --text-5xl-lh:3rem;     /* 48px */
}

/* Base */

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Inter-Regular.woff2) format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/Inter-SemiBold.woff2) format('woff2');
}

@font-face {
    font-family: 'Baloo2';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Baloo2-Regular.woff2) format('woff2');
}

@font-face {
    font-family: 'Baloo2';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/Baloo2-SemiBold.woff2) format('woff2');
}

@font-face {
    font-family: 'Baloo2';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/Baloo2-Bold.woff2) format('woff2');
}

/* Site */

html,
body {
    font-family: 'Inter', sans-serif, arial, verdana;
    font-weight:400;
    font-size: 100%;
    line-height: var(--text-base-lh);
    color: var(--c-brand-purple);
    margin: 0;
    padding: 0 !important;
    transition: all .2s;
    background-color: var(--c-basic-bg-purple);
}

html {
    overflow: visible;
}

body.order-active {
    overflow: visible;
    overflow-x: hidden;
}

body.order-active .breadcrumb {
    display: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset
}

::selection {
    background-color: rgba(255, 238, 0, 0.25);
    text-shadow: none
}

a {
    color: var(--c-brand-blue);
    text-decoration: none;
    transition: all .2s;
}

a:hover,
a:focus {
    color: var(--c-brand-pink);
    transition: all .2s;
    text-decoration: underline;
}

a:focus {
    outline: none;
}

input,
button {
    outline: none
}

select {
    /*
    -webkit-appearance: none;
    -moz-appearance: none;
    */
    text-indent: 1px;
    text-overflow: '';
}

select::-ms-expand {
    display: none;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

h1 {
    font-family: 'Baloo2', sans-serif, arial, verdana;
    font-size: var(--text-3xl);
    line-height: var(--text-3xl-lh);
    margin: 0 0 2rem;
    font-weight: 600;
    color: var(--c-brand-dpurple);
}

.h1-function {
    margin: -4rem 0 2rem 0;
}

._banner img {
    border-radius: 10px;
}

@media (max-width:767.98px) {

    .h1-function {
        margin: -1rem  0 1rem;
    }

    ._banner img {
        border-radius: 16px;
    }
    
}

.h1-function a {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--c-neutral-600);
}

.h1-function a:hover {
    color: var(--c-brand-pink);
    text-decoration: none;
}

h2 {
    font-family: 'Baloo2', sans-serif, arial, verdana;
    font-size: var(--text-2xl);
    color: var(--c-neutral-900);
    font-weight: 600;
}

h2.small {
    font-size: var(--text-base);
    line-height: var(--text-base-lh);
    margin-bottom: 1rem;
    font-weight: 700;
    text-transform: uppercase;
}

h3 {
    font-family: 'Baloo2', sans-serif, arial, verdana;
    font-weight: 600;
}

.box {
    border:1px solid var(--c-neutral-200);
    border-radius: 8px;
    background-color: var(--c-basic-white);
    padding: 1rem 1rem .5rem;
    position: relative;
    margin-bottom: 1rem;
}

.box h2 {
    color: var(--c-neutral-900);
    font-size: var(--text-sm);
    font-family: 'Inter', sans-serif, arial, verdana;
    margin-bottom: 1rem;
}

.box h3 {
    color: var(--c-brand-dpurple);
    font-size: var(--text-base);
    margin-bottom: 1rem;
}

.box p {
    font-size: var(--text-sm);
    color: var(--c-neutral-900);
}

.box>a:not(.btn):first-of-type {
    position: absolute;
    right:1rem;
    top: .7rem;
    font-size: var(--text-sm);
    font-weight: 600;
}

.box p {
    margin-bottom: .2rem;
}

.box p:last-of-type {
    margin: 0;
}

.box form {
    max-width: 544px;
}

.site {
    overflow: hidden;
    min-height: 100vh;
}

.ad-content-top {
    text-align: center;
    font-family: 'Baloo2', sans-serif, arial, verdana;
    font-weight: 600;
    font-size: var(--text-lg);
    margin-top: 0;
}

.alert.ad-content-top {
    margin-top: 0;
}

/* Bootstrap modifications */

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1310px;
    }
}

.btn {
    font-size: var(--text-base);
    line-height: 56px;
    border-radius: 8px;
    border: 0;
    padding: 0 1rem;
    transition: all .2s;
    font-weight: 600;
    height: 56px;
}

.btn:hover,
.btn.focus,
.btn:focus,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active,
.show>.btn.dropdown-toggle {
    transition: all .2s;
    box-shadow: none;
    text-decoration: none;
}

.btn .svg {
    position: relative;
    top: -1px;
    display: inline-block;
}

.btn-sm {
    line-height: 36px;
    height: 36px;
    font-size: var(--text-sm);
}

.btn-sm .svg {
    width:16px;
    height:16px;
    top: -1px;
}

.btn-md {
    line-height: 48px;
    height: 48px;
}

.btn-round {
    border-radius: 200px;
    padding: 0 2rem;
}

.btn-check+label {
    margin-right: .5rem;
}

.btn-primary {
    background-color: var(--c-brand-purple);
    color: var(--c-brand-50);
}

.btn-primary:first-child:hover,
:not(.btn-check)+.btn-primary:hover,
.btn-primary:hover {
    background-color: var(--c-brand-dpurple);
    color: var(--c-brand-50);
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: var(--c-brand-dpurple);
    color: var(--c-brand-50);
}

.btn-primary .svg path {
    fill: var(--c-brand-50);
}

.btn-primary:hover .svg path,
.btn-primary:focus .svg path {
    fill: var(--c-brand-50);
}

.btn-secondary {
    background-color: var(--c-brand-pink);
    color: var(--c-brand-50);
}

.btn-secondary:first-child:hover,
:not(.btn-check)+.btn-secondary:hover,
.btn-secondary:hover {
    background-color: var(--c-brand-purple);
    color: var(--c-brand-50);
}

.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    background-color: var(--c-brand-purple);
    color: var(--c-brand-50);
}

.btn-secondary .svg path {
    fill: var(--c-brand-50);
}

.btn-secondary:hover .svg path,
.btn-secondary:focus .svg path {
    fill: var(--c-brand-50);
}

.btn-third {
    background-color: var(--c-brand-50);
    color: var(--c-brand-pink);
}

.btn-third:first-child:hover,
:not(.btn-check)+.btn-third:hover,
.btn-third:hover {
    background-color: var(--c-brand-purple);
    color: var(--c-brand-50);
}

.btn-third.focus,
.btn-third:focus,
.btn-third:not(:disabled):not(.disabled).active,
.btn-third:not(:disabled):not(.disabled):active,
.show>.btn-third.dropdown-toggle {
    background-color: var(--c-brand-purple);
    color: var(--c-brand-50);
}

.btn-third .svg path {
    fill: var(--c-brand-pink);
}

.btn-third:hover .svg path,
.btn-third:focus .svg path {
    fill: var(--c-brand-50);
}

.btn-forth {
    background-color: var(--c-neutral-200);
    color: var(--c-brand-purple);
}

.btn-forth:first-child:hover,
:not(.btn-check)+.btn-forth:hover,
.btn-forth:hover {
    background-color: var(--c-brand-purple);
    color: var(--c-neutral-200);
}

.btn-forth.focus,
.btn-forth:focus,
.btn-forth:not(:disabled):not(.disabled).active,
.btn-forth:not(:disabled):not(.disabled):active,
.show>.btn-forth.dropdown-toggle {
    background-color: var(--c-brand-purple);
    color: var(--c-neutral-200);
}

.btn-forth .svg path {
    fill: var(--c-brand-purple);
}

.btn-forth:hover .svg path,
.btn-forth:focus .svg path {
    fill: var(--c-neutral-200);
}

.btn-fifth {
    background-color: transparent;
    color: var(--c-brand-blue);
    border:1px solid var(--c-brand-blue);
}

.btn-fifth:first-child:hover,
:not(.btn-check)+.btn-fifth:hover,
.btn-fifth:hover,
.btn-check+.btn-fifth:hover {
    color: var(--c-basic-white);
    border-color:var(--c-brand-blue);
    background-color: var(--c-brand-blue);
}

.btn-fifth.focus,
.btn-fifth:focus,
.btn-fifth:not(:disabled):not(.disabled).active,
.btn-fifth:not(:disabled):not(.disabled):active,
.show>.btn-fifth.dropdown-toggle {
    color: var(--c-basic-white);
    border-color: var(--c-brand-blue);
    background-color: var(--c-brand-blue);
}

.btn-fifth .svg path {
    fill: var(--c-brand-blue);
}

.btn-fifth:hover .svg path,
.btn-fifth:focus .svg path {
    fill: var(--c-basic-white);
}

.btn-check:checked+.btn-fifth, .btn-fifth.active, .btn-fifth.show, .btn-fifth:first-child:active, :not(.btn-check)+.btn-fifth:active {
    color: var(--c-basic-white);
    border-color: var(--c-brand-blue);
    background-color: var(--c-brand-blue);
}

.btn-sixth {
    background-color: var(--c-neutral-50);
    border: 1px solid var(--c-neutral-200);
    color: var(--c-brand-purple);
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.btn-sixth:first-child:hover,
:not(.btn-check)+.btn-sixth:hover,
.btn-sixth:hover,
.btn-check+.btn-sixth:hover {
    background-color: var(--c-neutral-50);
    border: 1px solid var(--c-neutral-200);
    color: var(--c-brand-pink);
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.btn-sixth.focus,
.btn-sixth:focus,
.btn-sixth:not(:disabled):not(.disabled).active,
.btn-sixth:not(:disabled):not(.disabled):active,
.show>.btn-sixth.dropdown-toggle {
    background-color: var(--c-neutral-50);
    border: 1px solid var(--c-neutral-200);
    color: var(--c-brand-pink);
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.btn-sixth .svg path {
    fill: var(--c-brand-purple);
}

.btn-sixth:hover .svg path,
.btn-sixth:focus .svg path {
    fill: var(--c-brand-pink);
}

.btn-seventh {
    background-color: var(--c-neutral-100);
    color: var(--c-brand-purple);
}

.btn-seventh:first-child:hover,
:not(.btn-check)+.btn-seventh:hover,
.btn-seventh:hover {
    background-color: var(--c-brand-purple);
    color: var(--c-neutral-100);
}

.btn-seventh.focus,
.btn-seventh:focus,
.btn-seventh:not(:disabled):not(.disabled).active,
.btn-seventh:not(:disabled):not(.disabled):active,
.show>.btn-seventh.dropdown-toggle {
    background-color: var(--c-brand-purple);
    color: var(--c-neutral-100);
}

.btn-seventh .svg path {
    fill: var(--c-brand-purple);
}

.btn-seventh:hover .svg path,
.btn-seventh:focus .svg path {
    fill: var(--c-neutral-100);
}

.btn-seventh .svg:not(.nofill) path {
    fill: var(--c-brand-purple);
}

.btn-seventh:hover .svg:not(.nofill) path,
.btn-seventh:focus .svg:not(.nofill) path {
    fill: var(--c-neutral-100);
}

.btn-eighth {
    background-color: var(--c-brand-blue);
    color: var(--c-basic-white);
    border:1px solid var(--c-brand-blue);
}

.btn-eighth:first-child:hover,
:not(.btn-check)+.btn-eighth:hover,
.btn-eighth:hover,
.btn-check+.btn-eighth:hover {
    background-color: transparent;
    color: var(--c-brand-blue);
    border:1px solid var(--c-brand-blue);
}

.btn-eighth.focus,
.btn-eighth:focus,
.btn-eighth:not(:disabled):not(.disabled).active,
.btn-eighth:not(:disabled):not(.disabled):active,
.show>.btn-eighth.dropdown-toggle {
    background-color: transparent;
    color: var(--c-brand-blue);
    border:1px solid var(--c-brand-blue);
}

.btn-eighth .svg path {
    fill: var(--c-basic-white);
}

.btn-eighth:hover .svg path,
.btn-eighth:focus .svg path {
    fill: var(--c-brand-blue);
}

.btn-ninth {
    background-color: transparent;
    color: var(--c-brand-dpurple);
    border:1px solid transparent;
    padding: 0;
}

.btn-ninth:first-child:hover,
:not(.btn-check)+.btn-ninth:hover,
.btn-ninth:hover,
.btn-check+.btn-ninth:hover {
    background-color: transparent;
    color: var(--c-brand-pink);
    border:1px solid transparent;
}

.btn-ninth.focus,
.btn-ninth:focus,
.btn-ninth:not(:disabled):not(.disabled).active,
.btn-ninth:not(:disabled):not(.disabled):active,
.show>.btn-ninth.dropdown-toggle {
    background-color: transparent;
    color: var(--c-brand-pink);
    border:1px solid transparent;
}

.btn-ninth .svg path {
    fill: var(--c-brand-dpurple);
}

.btn-ninth:hover .svg path,
.btn-ninth:focus .svg path {
    fill: var(--c-brand-pink);
}

.btn-tenth {
    background-color: var(--c-basic-white);
    color: var(--c-brand-pink);
    border:1px solid var(--c-basic-white);
    box-shadow: 0px 10px 15px -3px rgba(49, 5, 76, 0.1), 0px 4px 6px -2px rgba(49, 5, 76, 0.05);
}

.btn-tenth:first-child:hover,
:not(.btn-check)+.btn-tenth:hover,
.btn-tenth:hover,
.btn-check+.btn-tenth:hover {
    background-color: var(--c-brand-pink);
    color: var(--c-basic-white);
    border:1px solid var(--c-brand-pink);
}

.btn-tenth.focus,
.btn-tenth:focus,
.btn-tenth:not(:disabled):not(.disabled).active,
.btn-tenth:not(:disabled):not(.disabled):active,
.show>.btn-tenth.dropdown-toggle {
    background-color: var(--c-brand-pink);
    color: var(--c-basic-white);
    border:1px solid var(--c-brand-pink);
}

.btn-tenth .svg path {
    fill: var(--c-brand-pink);
}

.btn-tenth:hover .svg path,
.btn-tenth:focus .svg path {
    fill: var(--c-basic-white);
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    color: var(--c-neutral-500);
    background-color: var(--c-neutral-200);
    border-color: var(--c-neutral-200);
    opacity: 1;
}

.btn.disabled .svg path,
.btn:disabled .svg path,
fieldset:disabled .btn .svg path {
    fill:var(--c-neutral-500);
}

.form-control {
    border-radius: 8px;
    border:1px solid var(--c-neutral-400);
    height: 48px;
    background-color: var(--c-basic-white);
}

.form-control:active,
.form-control:focus {
    border:1px solid var(--c-brand-purple);
    box-shadow:0 0 0 2px var(--c-brand-100);
}

.form-label {
    margin-bottom: .2rem;
    font-weight: 600;
    color: var(--c-neutral-600);
}

.form-check {
    font-size: var(--text-sm);
    padding-left: 2em;
}

.form-check-input:focus {
    box-shadow: none;
}

.form-check-input:checked {
    background-color: var(--c-brand-blue);
    border-color: var(--c-brand-blue);
}

.form-check .form-check-input {
    margin-left: -2em;
}

.form-check-input{
    width: 20px;
    height: 20px;
    margin-top: 2px;
    border: 1px solid var(--c-neutral-500);
    background-color: transparent;
}

.form-check-input[type=checkbox] {
    border-radius: 6px;
}

.form-check-input[type=radio] {
    border-width: 6px;
    border-color: var(--c-neutral-300);
    background-size: 20px;
}

.form-check-input:checked[type=radio] {
    border-color: var(--c-brand-blue);
}

.form-check.form-switch .form-check-input {
    height: 28px;
    width: 3rem;
    border-radius: 1rem;
    margin-right: .5rem;
    background-color: var(--c-neutral-200);
    border-color: var(--c-neutral-200);
}

.form-check.form-switch .form-check-input:checked {
    background-color: var(--c-brand-blue);
    border-color: var(--c-brand-blue);
}

.form-check.form-switch .form-check-label {
    margin: 4px 0 0 0;
    font-size: var(--text-base);
}

.form-switch .form-check-input {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-text {
    color: var(--c-neutral-500);
    font-size: var(--text-sm);
    line-height: var(--text-sm-lh);
}

.form-select {
    border-radius: 8px;
    border: 1px solid var(--c-neutral-400);
    height: 48px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAuMzUxNDcyIDAuMzQxNzA5QzAuODIwMTAxIC0wLjExMzkwMyAxLjU3OTkgLTAuMTEzOTAzIDIuMDQ4NTMgMC4zNDE3MDlMNiA0LjE4MzQyTDkuOTUxNDcgMC4zNDE3MDlDMTAuNDIwMSAtMC4xMTM5MDMgMTEuMTc5OSAtMC4xMTM5MDMgMTEuNjQ4NSAwLjM0MTcwOUMxMi4xMTcyIDAuNzk3MzIgMTIuMTE3MiAxLjUzNjAxIDExLjY0ODUgMS45OTE2Mkw2Ljg0ODUzIDYuNjU4MjlDNi4zNzk5IDcuMTEzOSA1LjYyMDEgNy4xMTM5IDUuMTUxNDcgNi42NTgyOUwwLjM1MTQ3MiAxLjk5MTYyQy0wLjExNzE1NyAxLjUzNjAxIC0wLjExNzE1NyAwLjc5NzMyIDAuMzUxNDcyIDAuMzQxNzA5WiIgZmlsbD0iIzk0QTNCOCIvPg0KPC9zdmc+DQo=);
    background-size: 12px 7px;
    background-position: right .75rem center;
}

.form-select:focus {
    box-shadow:none;
}

.input-group-text {
    border-color: var(--c-neutral-400);
    background-color: var(--c-basic-white);
}

.invalid-feedback {
    color: var(--c-status-r700);
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: var(--c-status-r400);
    background-image: none;
}

.modal {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), rgb(15 23 42 / 20%);
    padding-right: 0 !important;
}

.modal-open {
    overflow: auto !important;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-content {
    padding: 3rem;
    border-radius: 20px;
}

.modal-header,
.modal-body,
.modal-footer {
    padding: 0;
}

.modal-header,
.modal-footer {
    border: 0;
}

.modal-header .btn-close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjE1MTUyIDUuMTUxMjhDNS42MjAxNSA0LjY4MjY1IDYuMzc5OTUgNC42ODI2NSA2Ljg0ODU4IDUuMTUxMjhMMTIgMTAuMzAyN0wxNy4xNTE1IDUuMTUxMjhDMTcuNjIwMiA0LjY4MjY1IDE4LjM3OTkgNC42ODI2NSAxOC44NDg2IDUuMTUxMjhDMTkuMzE3MiA1LjYxOTkxIDE5LjMxNzIgNi4zNzk3IDE4Ljg0ODYgNi44NDgzM0wxMy42OTcxIDExLjk5OThMMTguODQ4NiAxNy4xNTEzQzE5LjMxNzIgMTcuNjE5OSAxOS4zMTcyIDE4LjM3OTcgMTguODQ4NiAxOC44NDgzQzE4LjM3OTkgMTkuMzE3IDE3LjYyMDIgMTkuMzE3IDE3LjE1MTUgMTguODQ4M0wxMiAxMy42OTY5TDYuODQ4NTggMTguODQ4M0M2LjM3OTk1IDE5LjMxNyA1LjYyMDE1IDE5LjMxNyA1LjE1MTUyIDE4Ljg0ODNDNC42ODI4OSAxOC4zNzk3IDQuNjgyODkgMTcuNjE5OSA1LjE1MTUyIDE3LjE1MTNMMTAuMzAzIDExLjk5OThMNS4xNTE1MiA2Ljg0ODMzQzQuNjgyODkgNi4zNzk3IDQuNjgyODkgNS42MTk5MSA1LjE1MTUyIDUuMTUxMjhaIiBmaWxsPSIjNjQ3NDhCIi8+Cjwvc3ZnPgo=);
    opacity: 1;
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 0;
    width: 24px;
    height: 24px;
    background-size: 24px;
    z-index: 1;
}

.modal-body {
    color: var(--c-neutral-900);
}

.modal-body small {
    color: var(--c-neutral-500);
    position: relative;
}

.modal-body small span {
    display: inline-block;
    background-color: var(--c-basic-white);
    padding: 0 .5rem;
    position: relative;
    z-index: 1;
}

.modal-body small:before {
    content: "";
    position: absolute;
    display: block;
    width:100%;
    height: 1px;
    background-color: var(--c-neutral-200);
    left:0;
    right:0;
    top:50%;
    transform: translateY(-50%);
}

.modal-title {
    font-size: var(--text-2xl);
    line-height: var(--text-2xl-lh);
    margin-bottom: 2rem;
    font-family:'Baloo2', sans-serif, arial, verdana;
    font-weight: 600;
    color: var(--c-brand-dpurple);
}

.custom-tooltip {
    background-color: var(--c-basic-white);
    border-radius: 8px;
}

.custom-tooltip .tooltip-inner {
    font-size: var(--text-sm);
    color: var(--c-neutral-900);
    background-color: var(--c-basic-white);
    padding: .5rem .7rem;
}

.custom-tooltip.show {
    opacity: 1;
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before,
.custom-tooltip .tooltip-arrow::before {
    border-top-color: var(--c-basic-white);
}

@media (max-width: 575.98px) {

    .modal.show .modal-dialog {
        align-items: normal;
        margin: 0;
        height: auto;
        padding: 0;
        min-height: 100vh;
    }

    .modal-content {
        padding: 12px;
        border-radius: 0;
    }

}

@media (min-width: 576px) {

    .modal-dialog.container {
        max-width: 540px;
    }

}

@media (max-width: 767.98px) {

    .modal-title {
        margin-bottom: 1rem;
    }

}

@media (min-width: 768px) {

    .modal-dialog.container {
        max-width: 720px;
    }

}

@media (min-width: 992px) {

    .modal-dialog.container {
        max-width: 960px;
    }

    .modal-md {
        --bs-modal-width: 640px;
    }

}

@media (min-width: 1200px) {

    .modal-dialog.container {
        max-width: 1140px;
    }

}

@media (min-width: 1400px) {

    .modal-dialog.container {
        max-width: 1310px;
    }

}

.alert {
    border-radius: 8px;
    padding: 15px 18px;
    margin: 1rem 0;
    z-index: 1;
}

.alert-danger {
    background-color: var(--c-status-r50);
    color: var(--c-status-r400);
    border-color: transparent;
}

.alert-info {
    background-color:var(--c-status-a100);
    color:var(--c-status-a600);
    border-color:transparent;
}

.alert-success {
    background-color:var(--c-status-t100);
    color:var(--c-status-t600);
    border-color:transparent;
}

.badge {
    border-radius: 4px;
    font-size: var(--text-xs);
    line-height: var(--text-sm-lh);
    padding: 0 .3rem;
    font-weight: 600;
    height: 18px;
}

.badge-primary {
    background-color: var(--c-brand-purple);
    color: var(--c-basic-white);
}

.badge-success {
    background-color: var(--c-brand-green);
    color: var(--c-basic-white);
}

.breadcrumb {
    color: var(--c-brand-dpurple);
    font-size: var(--text-sm);
    margin: -33px -9999px 0;
    padding: 22px 9999px;
}

.breadcrumb li {
    position: relative;
}

.breadcrumb a {
    color: var(--c-brand-dpurple);
}

.breadcrumb-item.active {
    color: var(--c-brand-purple);
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 34px;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "";
    width:16px;
    height:16px;
    position: absolute;
    left: 9px;
    top:50%;
    transform: translateY(-50%);
    display: block;
    background: transparent url(../images/icon-chevron-right.svg) center no-repeat;
    background-size: 16px;
}

@media (max-width:767.98px) {
    
    .breadcrumb-container {
        white-space: nowrap;
        overflow: hidden;
        overflow-x: scroll;
        margin: -1rem auto 0;
        padding: 0 12px 0 0;
        width: calc(100% + 12px);
    }

    .breadcrumb-container .breadcrumb {
        display: inline-block;
        margin: 0;
        padding: 1rem 12px;
    }

    .breadcrumb-container .breadcrumb li {
        display: inline-block;
    }

    .breadcrumb-container .breadcrumb li:last-child {
        margin-right: 0;
    }
    
}

.dropdown-menu {
    /*display: block;*/
    box-shadow: 0px 10px 22px rgba(45, 77, 108, 0.15);
    border: 1px solid var(--c-neutral-200);
    background-color: var(--c-basic-white);
    border-radius: 8px;
    padding: .25rem 0;
}

.dropdown-menu .svg {
    width:18px;
    height:18px;
    position: relative;
    top:-2px;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-item {
    padding: .65rem 1.25rem;
    font-family: 'Baloo2', sans-serif, arial, verdana;
}

.dropdown-divider {
    margin: 0 1rem;
    border-color: var(--c-neutral-200);
}

.dropdown-item:focus, .dropdown-item:hover {
    text-decoration: none;
    background-color: var(--c-neutral-100);
    color: var(--c-brand-pink);
}

@media (min-width:992px) {

    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
        padding: 0;
    }
    
}

.accordion-item:first-of-type,
.accordion-item:first-of-type>.accordion-header .accordion-button,
.accordion-item:first-of-type>.accordion-header .accordion-button.collapsed {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.accordion-item:last-of-type,
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.accordion-button {
    font-size: var(--text-lg);
    font-weight: 700;
    color: var(--c-brand-dpurple);
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after {
    background-image: url(../images/icon-chevron-down.svg);
}

.accordion-button:focus {
    box-shadow:none;
}

.accordion-button:not(.collapsed) {
    background-color: var(--c-brand-lpurple);
}

.page-link {
    border: 0;
    background-color: var(--c-brand-100);
    line-height: 36px;
    padding: 0 .75rem;
    font-size: var(--text-sm);
    color: var(--c-neutral-900);
}

.page-link .svg {
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
}

.active>.page-link, .page-link.active {
    background-color: var(--c-brand-purple);
    color: var(--c-basic-white);
}

.page-link:hover,
.page-link:focus {
    background-color: var(--c-brand-lpurple);
    text-decoration: none;
    color: var(--c-neutral-900);
    box-shadow:none;
}

.page-item:first-child .page-link {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.page-item:last-child .page-link {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

/* Slick modifications */

.slick-visible .slick-list {
    overflow: visible;
}

.slick-prev,
.slick-next {
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    width:36px;
    height:36px;
    border: 0;
    font-size: 0;
    border-radius: 100%;
    z-index: 1;
}

.slick-prev {
    left: 6px;
    background: transparent url(../images/icon-slick-chevron-left01.svg) center no-repeat;
}

.slick-next {
    right: 6px;
    background: transparent url(../images/icon-slick-chevron-right01.svg) center no-repeat;
}

.slick-dots {
    text-align: center;
    margin: 1rem 0 0;
    list-style: none;
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
}

.slick-dots li {
    display: inline-block;
}

.slick-dots li button {
    border: 0;
    background-color: var(--c-basic-white);
    border-radius: 100%;
    width:16px;
    height:16px;
    box-shadow: 0px 10px 15px -3px rgba(49, 5, 76, 0.1), 0px 4px 6px -2px rgba(49, 5, 76, 0.05);
    margin: 0 .3rem;
    font-size: 0;
}

.slick-dots li.slick-active button {
    box-shadow: none;
    background-color: var(--c-brand-dpurple);
}

@media (min-width:1200px) {

    .slick-prev {
        left: -40px;
    }
    
    .slick-next {
        right: -40px;
    }

    .slick-visible .slick-list {
        overflow-y: visible;
        overflow-x: hidden;
    }
    
}

@media (min-width:1200px) and (max-width:1399px) {

    .slick-visible .slick-list {
        padding: .9rem .75rem;
        margin: -.9rem -.75rem;
    }
    
}

@media (min-width:1400px) {

    .slick-visible .slick-list {
        padding: .9rem .9rem .9rem .75rem;
        margin: -.9rem -.9rem -.9rem -.75rem;
    }
    
}

.slick-disabled {
    visibility: hidden;
}

/* Slick sliders */

.usp img {
    margin: 0 auto;
}

.slick-padding {
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
}

.slick-padding .slick-slide {
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
}

@media (max-width:767.98px) {

    .slick-padding {
        margin-right: -6px;
        margin-left: -6px;
    }

    .slick-padding .slick-slide {
        padding-right: 6px;
        padding-left: 6px;
    }

}

.teaser-heroes .slick-slider {
    text-align: center;
}

.teaser-heroes .slick-slider img {
    width: 160px;
    height: 160px;
    border:3px solid var(--c-brand-lpurple);
    margin: 0 auto;
    border-radius: 100%;
    transition: all .2s;
}

.teaser-heroes .slick-slider span {
    font-size: var(--text-sm);
    font-weight: 600;
}

.teaser-heroes .slick-slider .slick-slide a:hover {
    text-decoration: none;
    color: var(--c-brand-purple);
}

.teaser-heroes .slick-slider .slick-slide a:hover img {
    border-color:var(--c-brand-purple);
    transition: all .2s;
}

.teaser-heroes .slick-slider .slick-prev,
.teaser-heroes .slick-slider .slick-next {
    margin-top: -10px;
}

.teaser-brands .slick-slider {
    text-align: center;
}

.teaser-brands .slick-slider img {
    width: 120px;
    height: 120px;
    border:3px solid var(--c-brand-lpurple);
    margin: 0 auto;
    border-radius: 100%;
    transition: all .2s;
}

.teaser-brands .slick-slider .slick-slide a:hover img {
    border-color:var(--c-brand-purple);
    transition: all .2s;
}

@media (max-width:767.98px) {

    .slick-primary .slick-list {
        margin-right: -40%;
    }

    .slick-secondary .slick-list {
        margin-right: -40%;
    }

    .slick-third .slick-list {
        margin-right: -40%;
    }

    .slick-forth .slick-list {
        margin-right: -40%;
    }

    .slick-forth .slick-list {
        overflow: visible;
    }

}

/* Select2 modifications */

.select2-container {
    max-width: 100%;
}

.select2-container .select2-selection--single {
    height: 48px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid var(--c-neutral-400);
    background-color: var(--c-basic-white);
    border-radius: 8px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--c-neutral-900);
    line-height: 48px;
    font-family:'Inter', sans-serif, arial, verdana;
    font-weight: 400;
    font-size: var(--text-base);
    padding: 0 1rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAuMzUxNDcyIDAuMzQxNzA5QzAuODIwMTAxIC0wLjExMzkwMyAxLjU3OTkgLTAuMTEzOTAzIDIuMDQ4NTMgMC4zNDE3MDlMNiA0LjE4MzQyTDkuOTUxNDcgMC4zNDE3MDlDMTAuNDIwMSAtMC4xMTM5MDMgMTEuMTc5OSAtMC4xMTM5MDMgMTEuNjQ4NSAwLjM0MTcwOUMxMi4xMTcyIDAuNzk3MzIgMTIuMTE3MiAxLjUzNjAxIDExLjY0ODUgMS45OTE2Mkw2Ljg0ODUzIDYuNjU4MjlDNi4zNzk5IDcuMTEzOSA1LjYyMDEgNy4xMTM5IDUuMTUxNDcgNi42NTgyOUwwLjM1MTQ3MiAxLjk5MTYyQy0wLjExNzE1NyAxLjUzNjAxIC0wLjExNzE1NyAwLjc5NzMyIDAuMzUxNDcyIDAuMzQxNzA5WiIgZmlsbD0iIzk0QTNCOCIvPg0KPC9zdmc+DQo=);
    background-size: 12px 7px;
    background-position: right .75rem center;
    background-repeat: no-repeat;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--c-brand-purple);
    box-shadow: 0 0 0 2px var(--c-brand-100);
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 8px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--c-neutral-300);
    border-radius: 20px;
    margin-bottom: 6px;
    height: 40px;
    padding: 0 1rem;
    /*
    z-index: 1;
    position: relative;
    background-color: transparent;
    */
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    position: relative;
    z-index: 1;
}

.select2-search--dropdown {
    position: relative;
}

.select2-container--default .select2-search--dropdown:before {
    content: "KeresĂŠs";
    position: absolute;
    left: 20px;
    top: 13px;
    padding-left: 1.4rem;
    font-family: 'Baloo2', sans-serif, arial, verdana;
    font-weight: 600;
    font-size: var(--text-lg);
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy4zMzM2NiAyLjMzMzE3QzQuNTcyMjQgMi4zMzMxNyAyLjMzMzY2IDQuNTcxNzUgMi4zMzM2NiA3LjMzMzE3QzIuMzMzNjYgMTAuMDk0NiA0LjU3MjI0IDEyLjMzMzIgNy4zMzM2NiAxMi4zMzMyQzEwLjA5NTEgMTIuMzMzMiAxMi4zMzM3IDEwLjA5NDYgMTIuMzMzNyA3LjMzMzE3QzEyLjMzMzcgNC41NzE3NSAxMC4wOTUxIDIuMzMzMTcgNy4zMzM2NiAyLjMzMzE3Wk0wLjY2Njk5MiA3LjMzMzE3QzAuNjY2OTkyIDMuNjUxMjcgMy42NTE3NiAwLjY2NjUwNCA3LjMzMzY2IDAuNjY2NTA0QzExLjAxNTYgMC42NjY1MDQgMTQuMDAwMyAzLjY1MTI3IDE0LjAwMDMgNy4zMzMxN0MxNC4wMDAzIDguODczNzYgMTMuNDc3OCAxMC4yOTIzIDEyLjYwMDIgMTEuNDIxMkwxNy4wODk2IDE1LjkxMDZDMTcuNDE1IDE2LjIzNiAxNy40MTUgMTYuNzYzNyAxNy4wODk2IDE3LjA4OTFDMTYuNzY0MSAxNy40MTQ1IDE2LjIzNjUgMTcuNDE0NSAxNS45MTExIDE3LjA4OTFMMTEuNDIxNyAxMi41OTk3QzEwLjI5MjggMTMuNDc3MyA4Ljg3NDI1IDEzLjk5OTggNy4zMzM2NiAxMy45OTk4QzMuNjUxNzYgMTMuOTk5OCAwLjY2Njk5MiAxMS4wMTUxIDAuNjY2OTkyIDcuMzMzMTdaIiBmaWxsPSIjNjI0NDkzIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: left center;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 8px;
    width: 492px;
    margin-top: 4px;
    border: 0;
    padding: 4px;
    box-shadow: 0px 10px 22px 0px #2D4D6C26;
    color: var(--c-brand-purple);
}

.select2-results__option {
    padding: .5rem .7rem .4rem .7rem;
    border-radius: 8px;
    font-family: 'Baloo2', sans-serif, arial, verdana;
    font-size: var(--text-base);
    font-weight: 600;
    height: 36px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--c-brand-100);
    color: var(--c-neutral-800);
}

.select2-container--default .select2-results__option--selected {
    background-color: var(--c-brand-lpurple);
    color: var(--c-neutral-800);
}

.select2-results__option div {
    position: absolute;
    right: 0;
    top: 7px;
    display: inline-block;
    background-color: var(--c-basic-white);
    color: var(--c-neutral-400);
    font-family: 'Inter', sans-serif, arial, verdana;
    font-size: var(--text-sm);
    text-transform: uppercase;
    padding: 0 .5rem 0 1rem;
    font-weight: 600;
}

.select2-results__option .in-stock:before {
    content: "";
    display: block;
    border-radius: 100%;
    width:6px;
    height:6px;
    background-color: var(--c-status-t600);
    position: absolute;
    left: 5px;
    top: 9px;
}

.select2-results__option .in-stock {
    color: var(--c-status-t600);
}

.select2-results__option.select2-results__option--selected div {
    background-color: var(--c-brand-lpurple);
}

.select2-results__option.select2-results__option--highlighted div {
    background-color: var(--c-brand-100);
}

.select2-silent .select2-container--default .select2-selection--single {
    border: 0;
    background: transparent;
    height: 36px;
}

.select2-silent .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
    font-size: var(--text-sm);
    font-weight: 600;
    padding: 0 .5rem;
}

.select2-silent .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
    width: 34px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy40ODExNyA1Ljg3Mjk4QzMuODU2MDggNS41MDg0OSA0LjQ2MzkyIDUuNTA4NDkgNC44Mzg4MiA1Ljg3Mjk4TDggOC45NDYzNEwxMS4xNjEyIDUuODcyOThDMTEuNTM2MSA1LjUwODQ5IDEyLjE0MzkgNS41MDg0OSAxMi41MTg4IDUuODcyOThDMTIuODkzNyA2LjIzNzQ3IDEyLjg5MzcgNi44Mjg0MiAxMi41MTg4IDcuMTkyOTFMOC42Nzg4MiAxMC45MjYyQzguMzAzOTIgMTEuMjkwNyA3LjY5NjA4IDExLjI5MDcgNy4zMjExNyAxMC45MjYyTDMuNDgxMTcgNy4xOTI5MUMzLjEwNjI3IDYuODI4NDIgMy4xMDYyNyA2LjIzNzQ3IDMuNDgxMTcgNS44NzI5OFoiIGZpbGw9IiMwRjE3MkEiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy40ODExNyA1Ljg3Mjk4QzMuODU2MDggNS41MDg0OSA0LjQ2MzkyIDUuNTA4NDkgNC44Mzg4MiA1Ljg3Mjk4TDggOC45NDYzNEwxMS4xNjEyIDUuODcyOThDMTEuNTM2MSA1LjUwODQ5IDEyLjE0MzkgNS41MDg0OSAxMi41MTg4IDUuODcyOThDMTIuODkzNyA2LjIzNzQ3IDEyLjg5MzcgNi44Mjg0MiAxMi41MTg4IDcuMTkyOTFMOC42Nzg4MiAxMC45MjYyQzguMzAzOTIgMTEuMjkwNyA3LjY5NjA4IDExLjI5MDcgNy4zMjExNyAxMC45MjYyTDMuNDgxMTcgNy4xOTI5MUMzLjEwNjI3IDYuODI4NDIgMy4xMDYyNyA2LjIzNzQ3IDMuNDgxMTcgNS44NzI5OFoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjQ4MTE3IDUuODcyOThDMy44NTYwOCA1LjUwODQ5IDQuNDYzOTIgNS41MDg0OSA0LjgzODgyIDUuODcyOThMOCA4Ljk0NjM0TDExLjE2MTIgNS44NzI5OEMxMS41MzYxIDUuNTA4NDkgMTIuMTQzOSA1LjUwODQ5IDEyLjUxODggNS44NzI5OEMxMi44OTM3IDYuMjM3NDcgMTIuODkzNyA2LjgyODQyIDEyLjUxODggNy4xOTI5MUw4LjY3ODgyIDEwLjkyNjJDOC4zMDM5MiAxMS4yOTA3IDcuNjk2MDggMTEuMjkwNyA3LjMyMTE3IDEwLjkyNjJMMy40ODExNyA3LjE5MjkxQzMuMTA2MjcgNi44Mjg0MiAzLjEwNjI3IDYuMjM3NDcgMy40ODExNyA1Ljg3Mjk4WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC4yIi8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNDgxMTcgNS44NzI5OEMzLjg1NjA4IDUuNTA4NDkgNC40NjM5MiA1LjUwODQ5IDQuODM4ODIgNS44NzI5OEw4IDguOTQ2MzRMMTEuMTYxMiA1Ljg3Mjk4QzExLjUzNjEgNS41MDg0OSAxMi4xNDM5IDUuNTA4NDkgMTIuNTE4OCA1Ljg3Mjk4QzEyLjg5MzcgNi4yMzc0NyAxMi44OTM3IDYuODI4NDIgMTIuNTE4OCA3LjE5MjkxTDguNjc4ODIgMTAuOTI2MkM4LjMwMzkyIDExLjI5MDcgNy42OTYwOCAxMS4yOTA3IDcuMzIxMTcgMTAuOTI2MkwzLjQ4MTE3IDcuMTkyOTFDMy4xMDYyNyA2LjgyODQyIDMuMTA2MjcgNi4yMzc0NyAzLjQ4MTE3IDUuODcyOThaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjIiLz4NCjwvc3ZnPg0K);
    background-size: 50%;
    background-position: center 10px;
    background-repeat: no-repeat;
}

.select2-silent .select2-container--default.select2-container--open .select2-selection--single {
    box-shadow: none;
}

/* Select 2 select-container - list filters */

.select-container {
    position:relative;
}

.select-container>.select-toggler {
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    background-color: var(--c-brand-100);
    border-radius: 40px;
    line-height: 36px;
    padding: 0 1rem;
    display: block;
    font-size: var(--text-sm);
    color: var(--c-neutral-900);
}

.select-container>.select-toggler:hover {
    cursor: pointer;
}

.select-container>.select-toggler:after {
    position: absolute;
    content: "";
    display: block;
    right:0;
    top:0;
    height: 36px;
    width: 34px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy40ODExNyA1Ljg3Mjk4QzMuODU2MDggNS41MDg0OSA0LjQ2MzkyIDUuNTA4NDkgNC44Mzg4MiA1Ljg3Mjk4TDggOC45NDYzNEwxMS4xNjEyIDUuODcyOThDMTEuNTM2MSA1LjUwODQ5IDEyLjE0MzkgNS41MDg0OSAxMi41MTg4IDUuODcyOThDMTIuODkzNyA2LjIzNzQ3IDEyLjg5MzcgNi44Mjg0MiAxMi41MTg4IDcuMTkyOTFMOC42Nzg4MiAxMC45MjYyQzguMzAzOTIgMTEuMjkwNyA3LjY5NjA4IDExLjI5MDcgNy4zMjExNyAxMC45MjYyTDMuNDgxMTcgNy4xOTI5MUMzLjEwNjI3IDYuODI4NDIgMy4xMDYyNyA2LjIzNzQ3IDMuNDgxMTcgNS44NzI5OFoiIGZpbGw9IiMwRjE3MkEiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy40ODExNyA1Ljg3Mjk4QzMuODU2MDggNS41MDg0OSA0LjQ2MzkyIDUuNTA4NDkgNC44Mzg4MiA1Ljg3Mjk4TDggOC45NDYzNEwxMS4xNjEyIDUuODcyOThDMTEuNTM2MSA1LjUwODQ5IDEyLjE0MzkgNS41MDg0OSAxMi41MTg4IDUuODcyOThDMTIuODkzNyA2LjIzNzQ3IDEyLjg5MzcgNi44Mjg0MiAxMi41MTg4IDcuMTkyOTFMOC42Nzg4MiAxMC45MjYyQzguMzAzOTIgMTEuMjkwNyA3LjY5NjA4IDExLjI5MDcgNy4zMjExNyAxMC45MjYyTDMuNDgxMTcgNy4xOTI5MUMzLjEwNjI3IDYuODI4NDIgMy4xMDYyNyA2LjIzNzQ3IDMuNDgxMTcgNS44NzI5OFoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjQ4MTE3IDUuODcyOThDMy44NTYwOCA1LjUwODQ5IDQuNDYzOTIgNS41MDg0OSA0LjgzODgyIDUuODcyOThMOCA4Ljk0NjM0TDExLjE2MTIgNS44NzI5OEMxMS41MzYxIDUuNTA4NDkgMTIuMTQzOSA1LjUwODQ5IDEyLjUxODggNS44NzI5OEMxMi44OTM3IDYuMjM3NDcgMTIuODkzNyA2LjgyODQyIDEyLjUxODggNy4xOTI5MUw4LjY3ODgyIDEwLjkyNjJDOC4zMDM5MiAxMS4yOTA3IDcuNjk2MDggMTEuMjkwNyA3LjMyMTE3IDEwLjkyNjJMMy40ODExNyA3LjE5MjkxQzMuMTA2MjcgNi44Mjg0MiAzLjEwNjI3IDYuMjM3NDcgMy40ODExNyA1Ljg3Mjk4WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC4yIi8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNDgxMTcgNS44NzI5OEMzLjg1NjA4IDUuNTA4NDkgNC40NjM5MiA1LjUwODQ5IDQuODM4ODIgNS44NzI5OEw4IDguOTQ2MzRMMTEuMTYxMiA1Ljg3Mjk4QzExLjUzNjEgNS41MDg0OSAxMi4xNDM5IDUuNTA4NDkgMTIuNTE4OCA1Ljg3Mjk4QzEyLjg5MzcgNi4yMzc0NyAxMi44OTM3IDYuODI4NDIgMTIuNTE4OCA3LjE5MjkxTDguNjc4ODIgMTAuOTI2MkM4LjMwMzkyIDExLjI5MDcgNy42OTYwOCAxMS4yOTA3IDcuMzIxMTcgMTAuOTI2MkwzLjQ4MTE3IDcuMTkyOTFDMy4xMDYyNyA2LjgyODQyIDMuMTA2MjcgNi4yMzc0NyAzLjQ4MTE3IDUuODcyOThaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjIiLz4NCjwvc3ZnPg0K);
    background-size: 50%;
    background-position: center 10px;
    background-repeat: no-repeat;
}

.select-container .select2-container .select2-selection--single {
    height: 36px;
    padding-right: 1rem;
}

.select-container .select2-container--default .select2-selection--single {
    border-color: var(--c-brand-100);
    background-color: var(--c-brand-100);
    border-radius: 40px;
    outline: none;
}

.select-container .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
    font-size: var(--text-sm);
}

.select-container .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

.select-container .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select-container .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 40px;
    box-shadow: none;
}

.select2-container--open .select2-dropdown--below.custom-dropdown-width {
    width: max-content !important;
    max-width: 200px;    
}

/* Animated hamburger menu */

.navbar-toggler {
    border: 0;
    position: absolute;
    margin: 0;
    padding: 0;
    width: auto;
    opacity: 1;
    transition: all .2s;
    z-index: 103;
    left: 12px;
    top: 18px;
}

.scrolled .navbar-toggler {
    opacity: 1;
}

.navbar-toggler .inline-svg,
.navbar-toggler .inline-svg rect {
    width: 32px;
    height: auto;
    position: relative;
}

.navbar-toggler .inline-svg path {
    fill: var(--c-neutral-900);
    transition: all .2s;
}

.navbar-toggler:focus,
.navbar-toggler:active {
    outline: none;
    box-shadow: none;
}

.svg-menu-toggle {
    fill: #fff;
    pointer-events: all;
    cursor: pointer;
    opacity: 1;
}

.svg-menu-toggle .bar {
    transform: rotate(0) translateY(0) translateX(0);
    opacity: 1;
    transform-origin: 20px 10px;
    transition: transform 0.4s ease-in-out, opacity 0.2s ease-in-out;
}

.svg-menu-toggle .bar:nth-of-type(1) {
    transform-origin: 20px 10px;
}

.svg-menu-toggle .bar:nth-of-type(3) {
    transform-origin: 20px 20px;
}

.svg-menu-toggle.active path {
    fill: var(--c-neutral-900);
    opacity: 1;
    transition: all .2s;
}

.svg-menu-toggle.active .bar:nth-of-type(1) {
    transform: rotate(-45deg) translateY(0) translateX(0);
}

.svg-menu-toggle.active .bar:nth-of-type(2) {
    opacity: 0;
}

.svg-menu-toggle.active .bar:nth-of-type(3) {
    transform: rotate(45deg) translateY(0em) translateX(0em);
}

/* Site */

.grecaptcha-badge {
    /*display: none !important; recaptcha ideiglenes elrejtese */
    visibility: hidden;
}

small.captcha {
    display: block;
    margin: 1rem auto 0;
    font-size: var(--text-xs);
    max-width: 365px;
    text-align: center;
}

small.captcha:before {
    display: none;
}

small.captcha a {
    color: var(--c-neutral-500);
    text-decoration: underline;
}

.content:not(.page-index) {
    padding-top: .8rem;
}

.svg path {
    transition: all .2s;
}

.badge-list {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 0;
    align-self: flex-start;
    margin-left: 6px;
    margin-top: 6px;
}

.badge-list span {
    display: inline-block;
    line-height: 24px;
    border-radius: 4px;
    font-size: var(--text-xs);
    font-weight: 600;
    padding: 0 .5rem;
    margin-bottom: 4px;
    white-space: nowrap;
}

.badge-list span small {
    font-size: var(--text-xs);
}

.badge-list .badge-new span {
    background-color: var(--c-brand-yellow);
    color: var(--c-brand-dpurple);
}

.badge-list .badge-sale span {
    background-color: var(--c-brand-pink);
    color: var(--c-brand-50);
}

.badge-list .badge-own span {
    background-color: var(--c-brand-blue);
    color: var(--c-brand-50);
}

.badge-list .badge-image {
    position: relative;
    top:-2rem;
    left:-30px;
    width: 100px;
}

.bullet {
    position: relative;
    display: inline-block;
    font-size: var(--text-sm);
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 10px;
}

.bullet:before {
    content: "";
    position: absolute;
    display: block;
    left:0;
    top:9px;
    width:6px;
    height:6px;
    border-radius: 100%;
}

.bullet .svg {
    width:20px;
    height:20px;
    position: relative;
    top: -2px;
}

.bullet-success {
    color: var(--c-status-t600);
}

.bullet-success:before {
    background-color: var(--c-status-t600);
}

.bullet-success .svg path {
    fill: var(--c-status-t600);
}

.bullet-info {
    color: var(--c-brand-blue);
}

.bullet-info:before {
    background-color: var(--c-brand-blue);
}

.bullet-info .svg path {
    fill: var(--c-brand-blue);
}

/* Registration + login */

.social-login {
    list-style: none;
    margin: 0;
    padding:0;
}

.social-login a {
    display: block;
    background-color: var(--c-neutral-100);
    border-radius: 8px;
    text-align: center;
    line-height: 56px;
    margin-bottom: .5rem;
}

.social-login a:hover {
    background-color: var(--c-neutral-200);
    text-decoration: none;
}

.social-login .svg {
    display: inline-block;
    margin-right: .5rem;
    width: 20px;
    height: 20px;
    position: relative;
    top: -2px;
}

.separator {
    text-align: center;
    color: var(--c-neutral-500);
    font-size: var(--text-sm);
    text-transform: uppercase;
    position: relative;
    margin: 1rem 0;
}

.separator:before {
    content: "";
    display: block;
    width:100%;
    height: 1px;
    background-color: var(--c-neutral-200);
    position: absolute;
    left:0;
    right:0;
    top:20px;
}

.separator span {
    display: inline-block;
    padding: .5rem;
    background-color: var(--c-basic-white);
    z-index: 1;
    position: relative;
}

.form-lostpass {
    position: relative;
}

.form-lostpass>a {
    position: absolute;
    right:0;
    top:1px;
    font-size: var(--text-xs);
    color: var(--c-brand-dpurple);
}

.login-options {
    padding-top: 2rem;
}

.login-options a {
    color: var(--c-brand-blue);
}

#modal-lostpass .modal-body .svg {
    width: 20px;
    height: 20px;
    position: relative;
    top: -2px;
}

/* Header banner */

.order-back,
.order-secure {
    display: none;
    position: absolute;
    top:20px;
    color: var(--c-neutral-600);
    font-size: var(--text-sm);
    margin: 0;
}

.order-back {
    color: var(--c-brand-dpurple);
    left:12px;
    font-weight: 600;
}

.order-secure {
    right:12px;
}

.order-back .svg,
.order-secure .svg {
    width:20px;
    height: 20px;
    position: relative;
    top: -1px;
}

.order-back .svg path {
    fill: var(--c-brand-dpurple);
}

.order-back:hover .svg path {
    fill: var(--c-brand-pink);
}

.order-secure .svg path {
    fill: var(--c-neutral-500);
}

.ad-header {
    background-color:var(--c-brand-purple);
    color: var(--c-basic-white);
    font-size: var(--text-xs);
    font-weight: 600;
    line-height: 32px;
}

.ad-header p {
    margin: 0;
}

.ad-header p .svg {
    width: 16px;
    height: 16px;
    margin-right: .5rem;
    vertical-align: text-top;
}

.ad-header p .svg path {
    fill: #fff;
}

.ad-header a {
    font-size: var(--text-sm);
    color: var(--c-basic-white);
    font-weight: 400;
}

.ad-header p a {
    font-size: var(--text-xs);
    font-weight: 600;
}

.ad-header .mb-2 {
    margin-bottom: 0 !important;
}

/* Header */

header {
    border-bottom: 1px solid var(--c-neutral-200);
    margin-bottom: 20px;
    background-color: var(--c-basic-white);
}

.navbar {
    padding: 0;
}

.navbar>.container {
    position: relative;
}

.navbar-brand {
    position: absolute;
    top: 12px;
    margin: 0;
    padding: 0;
}

.navbar-brand .svg {
    width: 129px;
    height: 57px;
}

.navbar-collapse {
    margin: 78px 0 0 0;
}

.nav-link {
    font-family:'Baloo2', sans-serif, arial, verdana;
    font-size: var(--text-base);
    font-weight: 600;
    line-height: 40px;
    border-bottom: 2px solid transparent;
    color: var(--c-brand-dpurple);
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0 .565rem;
}

.navbar-nav .nav-item:not(:last-child) .nav-link {
    margin-right: 1rem;
}

.nav-link:hover,
.nav-link.active {
    border-bottom-color: var(--c-brand-purple);
    text-decoration: none;
    color: var(--c-brand-purple);
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--c-brand-purple);
}

.nav-link .svg {
    vertical-align: sub;
    width: 20px;
    height: 20px;
    margin-right: .5rem;
}

.nav-link .svg path {
    fill: var(--c-brand-pink);
}

.nav-link.nav-sale {
    color: var(--c-brand-pink);
}

.nav-link.nav-sale:hover {
    border-bottom-color: var(--c-brand-pink);
}

#menu-logo {
    position: absolute;
    top: 22px;
    right: .565rem;
    flex-direction: row;
}

#menu-logo .nav-item:not(:last-child) .nav-link {
    margin-right: .5rem;
}

#menu-logo .nav-link .svg path {
    fill: var(--c-brand-dpurple);
}

#menu-logo .menu-selfcare .nav-link .svg path {
    fill: var(--c-brand-pink);
}

#menu-logo .cart-num {
    position: absolute;
    right: 3px;
    top: 0;
    background-color: var(--c-brand-pink);
    border-radius: 20px;
    min-width: 16px;
    height: 16px;
    line-height: 18px;
    text-align: center;
    font-size: var(--text-xs);
    color: var(--c-basic-white);
    font-weight: 400;
    padding: 0 .3rem;
}

.menu-selfcare ul li:last-child a {
    color: var(--c-brand-purple);
}

.menu-selfcare ul li:last-child a:hover {
    color: var(--c-brand-pink);
}

.menu-selfcare ul li:last-child .svg path {
    fill: var(--c-brand-purple);
}

@media (min-width:992px) {

    .navbar-expand-lg .navbar-nav .menu-selfcare .dropdown-menu {
        right: 0;
        left: auto;
    }

    .menu-selfcare>a {
        max-width: 200px;
        overflow: hidden;
    }
    
}

.menu-stores {
    position: absolute;
    top: 41px;
    right: 0;
    width: 961px;
    background-color: var(--c-basic-white);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid var(--c-neutral-300);
    border-top: 0;
    z-index: 3;
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: all .2s;
}

.menu-stores.active {
    max-height: 970px;
    visibility: visible;
    transition: all .2s;
}

/*
.menu-stores:before {
    content: "";
    display: block;
    position: absolute;
    left: -1000%;
    right: -1000%;
    top: 0px;
    bottom: -1000%;
    background-color: var(--c-basic-black);
    z-index: 1;
    opacity: .5;
}
*/
.menu-stores ul {
    list-style: none;
    padding: 0;
    margin: 0;
    columns: 3;
    font-size: 0;
    z-index: 2;
    position: relative;
    background-color: var(--c-basic-white);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 1px solid var(--c-neutral-300);
}

.menu-stores ul:before,
.menu-stores ul:after {
    content: "";
    display: block;
    position: absolute;
    left:33.33333333%;
    top:0;
    bottom:0;
    width: 1px;
    height: 100%;
    background-color: var(--c-neutral-300);
    z-index: 2;
}

.menu-stores ul:after {
    left:66.66666666%;
}

.menu-stores li:not(.nav-category-header) a {
    padding: .596rem 1rem;
    display: block;
    color: var(--c-brand-dpurple);
    font-weight: 600;
    font-size: var(--text-base);
}

.menu-stores li:not(.nav-category-header) a:hover {
    text-decoration: none;
    color: var(--c-brand-blue);
    font-weight: 600;
    background-color: var(--c-neutral-100);
}

.menu-stores ul li:last-child a {
    color: var(--c-brand-blue);
}

@media (max-width:991.98px) {

    .navbar-collapse {
        position: fixed;
        left: 0;
        width: 100%;
        background-color: var(--c-basic-white);
        z-index: 103;
        bottom: 0;
        top: 0;
        margin-top: 0;
        margin-left: -100%;
        transition: all .2s;
        height: 100%;
        display: block !important;
    }

    .navbar-collapse.show {
        margin-left: 0;
        transition: all .2s;
    }
    
    .menu-selfcare .dropdown-menu {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        padding: 0;
        transition: all .2s;
        margin-left: -100%;
        display: block;
    }

    .menu-selfcare .dropdown-menu.show {
        transition: all .2s;
        margin-left: 0;
    }

    .menu-selfcare .dropdown-divider {
        display: none;
    }

    .menu-selfcare ul li a {
        border-bottom: 1px solid var(--c-neutral-200);
        line-height: 60px;
        padding: 0 1rem;
    }
    
    .menu-selfcare ul li:first-child a {
        border-color: var(--c-neutral-900);
        position: relative;
        font-weight: 600;
        overflow: hidden;
    }

    .menu-selfcare ul li:first-child a .svg {
        position: absolute;
        right:1rem;
        top:50%;
        transform: translateY(-50%);
        width:24px;
        height:24px;
    }

    .menu-selfcare ul li:first-child a .svg path {
        fill:var(--c-neutral-900);
    }

    .menu-stores {
        position: fixed;
        left: 0;
        width: 100%;
        background-color: var(--c-basic-white);
        bottom: 0;
        top: 0;
        margin-top: 0;
        margin-left: -100%;
        transition: all .2s;
        z-index: 103;
        overflow-y: scroll;
    }

    .menu-stores.active {
        margin-left: 0;
        transition: all .2s;
        max-height: 9999px;
        transition: all .2s;
    }

    .menu-stores ul:before,
    .menu-stores ul:after {
        display: none;
    }

    .menu-stores ul {
        columns: 1;
    }

    .menu-stores li:not(.nav-category-header) a {
        font-weight: 600;
        display: block;
        line-height: 60px;
        padding: 0 1rem;
        border-bottom: 1px solid var(--c-neutral-200);
    }

    .menu-stores li.nav-item-header a {
        padding: 0;
        border: 0;
        margin-top: -2px;
    }

    .menu-stores .nav-category-header a {
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        text-decoration: underline;
        color: var(--c-basic-white);
        font-size: var(--text-sm);
        padding: 0;
        font-weight: 400;
        background: none;
        font-family: 'Inter', sans-serif, arial, verdana;
    }

}

@media (min-width:992px) and (max-width:1199.98px) {
    
    .menu-stores {
        width: 698px; 
    }
    
    .menu-stores li:not(.nav-category-header) a {
        padding: .278rem 1rem;
        font-size: var(--text-sm);
    }

}

@media (min-width:1200px) and (max-width:1399.98px) {
    
    .menu-stores {
        width: 833px; 
    }

    .menu-stores li:not(.nav-category-header) a {
        padding: .416rem 1rem;
    }

}

.search {
    position: absolute;
    left: 170px;
    top: 12px;
    width: 55%;
    padding: 4px;
    background-color: #fff;
    border-radius: 40px;
}

.search input {
    border:1px solid var(--c-neutral-300);
    border-radius: 3rem;
    height: 48px;
    width: 100%;
    padding: 0 20px;
    font-family:'Baloo2', sans-serif, arial, verdana;
    color: var(--c-brand-purple);
    transition: all .2s;
}

.search.active input,
.search input:focus {
    border-color: var(--c-brand-purple);
    transition: all .2s;
    box-shadow: 0 0 0 2px var(--c-brand-100);
}

.search button {
    border-radius: 100%;
    background-color: var(--c-brand-lpurple);
    width: 32px;
    height: 32px;
    border: 0;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
}

.search button .svg {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.search button .svg path {
    fill: var(--c-brand-purple);
}

.search.active button,
.search input:focus + button {
    opacity: 0;
}

@media (min-width:992px) and (max-width:1199.98px) {

    .search {
        width: 35%;
    }

}

@media (min-width:1200px) and (max-width:1399px) {

    .search {
        width: 45%;
    }

}

/* Megamenu items */

.menu-dropdown {
    background-color: var(--c-basic-white);
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 10px 15px -3px rgba(49, 5, 76, 0.1), 0px 4px 6px -2px rgba(49, 5, 76, 0.05);
    border-color: var(--c-neutral-300);
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    position: absolute;
    left: 12px;
    width: calc(100% - 24px);
    max-height: 0;
    opacity: 0;
    transition: all .2s;
    overflow: hidden;
    margin-top: 1px;
    z-index: 3;
}

.menu-dropdown:not(.menu-mega) {
    visibility: hidden;
}

.menu-dropdown.active {
    max-height: 671px;
    opacity: 1;
    transition: all .2s;
    visibility: visible;
}

.menu-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: var(--c-basic-white);
}

.menu-dropdown li a {
    padding: .596rem 1rem;
    display: block;
    color: var(--c-brand-dpurple);
}

.menu-dropdown.menu-mega {
    width: calc(25% - 24px);
    height: 671px;
    z-index: 2;
}

body:not(.header-main) .menu-dropdown.menu-mega {
    z-index: 3;
}

.menu-dropdown.open {
    width: calc(100% - 24px);
}

.mega-menu-content {
    position: absolute;
    left: calc(25% - 24px);
    /*padding-left: 12px;*/
    top: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
    z-index: 1;
    bottom: 0;
    background: white;
    width: calc(75% + 24px);
}

.mega-menu-content.active {
    visibility: visible;
    opacity: 1;
    transition: all .2s;
}

.mega-menu-content>div {
    display: none;
    height: 100%;
}

.mega-menu-content>div.active {
    display: block;
}

.mega-menu-content .row {
    height: 100%;
    margin: 0;
}

.mega-menu-content .row>div {
    border-left:1px solid var(--c-neutral-300);
    padding: 0;
}

.menu-dropdown .submenu-filter b {
    display: inline-block;
    margin-left: 1rem;
}

.menu-dropdown .submenu-filter li:not(:first-child) a {
    font-size: var(--text-sm);
    padding: .24rem 1rem;
}

.menu-dropdown .submenu {
    display: none;
    margin-left: -20%;
    transition: all .2s;
    opacity: 0;
    position: absolute;
    left: calc(25% - 24px);
    top: 0;
}

.menu-dropdown .submenu.active {
    display: block;
    margin: 0;
    opacity: 1;
    transition: all .2s;
}

.menu-dropdown .highlight {
    font-weight: 600;
    color: var(--c-brand-blue);
}

.menu-mega .svg {
    width: 24px;
    height: 24px;
    margin-right: .5rem;
    position: relative;
    top: -2px;
}

.menu-mega a:hover .svg path,
.menu-mega .submenu-toggler.active a .svg path {
    stroke: var(--c-brand-blue);
}

.menu-age ul {
    list-style: none;
    margin: 0;
    padding: 1rem 0;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.menu-age ul li {
    flex: 1 0 0%;
}

.menu-age b {
    display: none;
}

.menu-age a {
    font-family:'Baloo2', sans-serif, arial, verdana;
}

.menu-dropdown.menu-age a:hover,
.menu-dropdown.menu-age a:focus {
    background-color: transparent;
}

.menu-age a:hover p,
.menu-age a:focus p {
    border-color: var(--c-brand-purple);
    transition: all .2s;
}

.menu-age p {
    display: block;
    width: 90%;
    max-width: 160px;
    aspect-ratio: 1 / 1;
    background-color: var(--c-brand-lpurple);
    border: 6px solid var(--c-brand-lpurple);
    margin: 0 auto;
    border-radius: 100%;
    display: inline-block;
    font-size: var(--text-5xl);
    font-weight: 600;
    padding: 1.8rem 0 0;
    /*text-shadow: 4px 4px 0 #FFF, -4px -4px 0 #fff, 4px -4px 0 #fff, -4px 4px 0 #fff, 0px 4px 0 #fff, 4px 0px 0 #fff, 0px -4px 0 #fff, -4px 0px 0 #fff;*/
    transition: all .2s;
}
/*
.menu-age ul li:nth-child(3) p,
.menu-age ul li:nth-child(7) p {
    color: var(--c-brand-pink);
}

.menu-age ul li:nth-child(4) p,
.menu-age ul li:nth-child(8) p {
    color: var(--c-brand-green);
}

.menu-age ul li:nth-child(5) p {
    color: var(--c-brand-blue);
}

.menu-age ul li:nth-child(6) p {
    color: var(--c-brand-purple);
}
*/
.menu-age span {
    display: block;
    margin-top:.5rem;
    font-size: var(--text-sm);
    color: var(--c-brand-dpurple);
    text-shadow:none;
    font-weight: 400;
}

.menu-list .row ul {
    /*columns: 3;*/
}

.menu-list-images {
    position: relative;
    height: 671px;
    max-height: 671px;
}

.menu-list-images .row {
    width: 75%;
    margin: 0;
    height: 100%;
}

.menu-list-images .row>div {
    padding: 0;
}

.menu-list-images .row>div:not(:last-child) {
    border-right: 1px solid var(--c-neutral-300);
}

.menu-list-images ul li {
    position: relative;
}

.menu-list-images ul li img {
    position:absolute;
    right: 12px;
    top:50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-radius: 6px;
}

.menu-list-images .menu-ad {
    position: absolute;
    right: 0;
    top:0;
    width:25%;
    overflow: hidden;
}

.menu-dropdown .menu-list-images li a {
    padding: 1.35rem 1rem;
}

@media (max-width:767.98px) {

    .menu-list .row ul {
        columns: 1;
    }

} 

@media (max-width:991.98px) {

    .navbar-expand-lg .navbar-nav:not(#menu-logo) .nav-link {
        background: transparent url(../images/icon-chevron-right.svg) right 10px center no-repeat;
        background-size: 24px 24px;
        font-weight: 600;
        display: block;
        line-height: 60px;
        padding: 0 1rem;
        border-bottom: 1px solid var(--c-neutral-200);
    }

    .navbar-nav .nav-item:not(:last-child) .nav-link {
        margin: 0;
    }

    .navbar-nav .nav-link.nav-sale {
        background-image: url(../images/icon-chevron-right-2.svg);
    }

    .navbar-nav .nav-link.nav-sale .svg {
        position: relative;
        top: 3px;
    }

    .navbar-nav .nav-link.nav-sale .svg path {
        fill: var(--c-basic-white);
    }

    .menu-dropdown {
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        border: 0;
        max-height: none;
        margin-left: -100%;
        opacity: 1;
        box-shadow: none;
    }

    .menu-dropdown.active {
        margin-left: 0;
        overflow-y: scroll;
        width: 100%;
        height: auto;
        max-height: none;
    }

    .menu-dropdown li a {
        font-weight: 600;
        display: block;
        line-height: 60px;
        padding: 0 1rem;
        border-bottom: 1px solid var(--c-neutral-200);
        font-family:'Baloo2', sans-serif, arial, verdana;
        background: transparent url(../images/icon-chevron-right.svg) right 10px center no-repeat;
        background-size: 24px 24px;
    }

    .menu-dropdown .mega-menu-content li a {
        background-image: none;
    }

    .menu-mega .svg {
        display: none;
    }

    .mega-menu-content {
        width: 100%;
        left: 0;
        padding: 0;
        margin-left: -100%;
        opacity: 1;
        visibility: visible;
    }

    .mega-menu-content.active {
        margin-left: 0;
    }

    .mega-menu-content .row {
        margin: 0;
    }

    .mega-menu-content .row>div {
        border: 0;
    }

    .mega-menu-content b {
        font-weight: 600;
    }
    
    .nav-item-header {
        position: relative;
        line-height: 56px;
        padding: 0 1rem;
        border-bottom: 1px solid var(--c-brand-dpurple);
        color: var(--c-neutral-900);
        font-size: var(--text-base);
    }

    .nav-item-header .svg {
        display: inline-block;
    }

    .nav-item-header .nav-close {
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        line-height: 1;
        border: 0;
        padding: 0;
        background: none;
        font-size: 0;
    }

    .nav-item-header .nav-close .svg {
        margin: 0;
    }

    .nav-item-header .nav-close .svg path {
        fill: var(--c-neutral-900);
    }

    .nav-item-header a:not(.nav-close) {
        padding: 0;
        font-family: 'Inter', sans-serif, arial, verdana;
        font-weight: 400;
        background: none;
        display: inline-block;
        line-height: 56px;
        color: var(--c-neutral-900);
    }

    .nav-category-header {
        color: var(--c-basic-white);
        line-height: 56px;
        padding: 0 1rem;
        border: 0;
        background-color: var(--c-brand-purple);
        position: relative;
        font-size: var(--text-base);
        font-weight: 600;
    }

    .menu-dropdown .nav-category-header a {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 0;
        background: none;
        font-size: 0;
    }

    .menu-dropdown .nav-category-header a:after {
        color: var(--c-basic-white);
        font-size: var(--text-sm);
        content: "Mutasd mind";
        position: absolute;
        right: 1rem;
        top:50%;
        transform: translateY(-50%);
        text-decoration: underline;
        font-family: 'Inter', sans-serif, arial, verdana;
        font-weight: 400;
    }

    .menu-age ul {
        text-align: left;
        display: block;
        padding: 0;
    }

    .menu-age ul li {
        display: block;
        width: 100%;
        flex: none;
        position: relative;
        height: 110px;
    }

    .menu-age ul li.nav-item-header,
    .menu-age ul li.nav-item-header a {
        line-height: 58px;
        height: 58px;
    }

    .menu-age ul li.nav-item-header a {
        border: 0;
    }

    .menu-age ul li.nav-item-header a.nav-back {
        vertical-align: middle;
        position: relative;
        top: -4px;
    }

    .menu-age ul li.nav-category-header,
    .menu-age ul li.nav-category-header a {
        line-height: 56px;
        height: 56px;
    }

    .menu-dropdown.menu-age li a {
        line-height: 110px;
        background-image: none;
    }

    .menu-age b {
        display: block;
    }

    .menu-age p {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        width: 80px;
        height: 80px;
        overflow: hidden;
        font-size: var(--text-2xl);
        padding: 0;
        line-height: 70px;
        text-align: center;
        text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 0px 2px 0 #fff, 2px 0px 0 #fff, 0px -2px 0 #fff, -2px 0px 0 #fff;
    }

    .menu-age p>img {
        height: 25px;
        margin-top: 1.3rem;
    }

    .menu-age p span {
        display: none;
    }

    .menu-list-images .row {
        width: 100%;
    }

    .menu-dropdown .menu-list-images li a {
        padding: 0 1rem;
    }

    .menu-dropdown .menu-list-images li.nav-item-header a,
    .menu-dropdown .menu-list-images li.nav-category-header a {
        padding: 0;
    }

    .menu-dropdown .menu-list-images li.nav-item-header a.nav-back {
        vertical-align: middle;
        position: relative;
        top: -2px;
        border: 0;
    }

}

@media (min-width:992px) {

    .menu-dropdown li a:hover,
    .menu-dropdown li a.active,
    .submenu-toggler.active a {
        text-decoration: none;
        color: var(--c-brand-blue);
        font-weight: 600;
        background-color: var(--c-neutral-100);
    }

    .menu-dropdown .menu-list a.active {
        font-weight: 400;
        background-color: var(--c-basic-white);
        color: var(--c-brand-dpurple);
    }

    .menu-dropdown .menu-list a:hover {
        color: var(--c-brand-blue);
        font-weight: 600;
        background-color: var(--c-neutral-100);
    }

    .header-main .menu-dropdown.menu-mega {
        max-height: 671px;
        opacity: 1;
    }

    .mega-menu-content>div.active[data-id="11"] {
        position: relative;
        z-index: 1;
        background-color: var(--c-basic-white);
    }    

}

@media (min-width:992px) and (max-width:1199.98px) {
    
    .menu-dropdown li a {
        padding: .278rem 1rem;
        font-size: var(--text-sm);
    }

    .menu-dropdown .submenu-filter li:not(:first-child) a {
        font-size: var(--text-xs);
        padding: 0 1rem;
        line-height: 22.65px;
    }

    .menu-dropdown .submenu-filter b {
        font-size: var(--text-sm);
    }

    .menu-dropdown.menu-mega {
        height: 494px;
    }

    .menu-mega .svg {
        width: 20px;
        height: 20px;
    }

    .menu-age p {
        padding-top: 1.1rem;
        font-size: var(--text-4xl);
    }

    .menu-age p>img {
        height: 28px;
        margin-bottom: -.5rem;
    }

    .menu-list-images {
        height: 489px;
    }

    .menu-dropdown .menu-list-images li a {
        padding: 0.785rem 1rem;
    }

}

@media (min-width:1200px) and (max-width:1399.98px) {
    
    .menu-dropdown li a {
        padding: .416rem 1rem;
    }

    .menu-dropdown .submenu-filter li:not(:first-child) a {
        padding: .01rem 1rem;
    }

    .menu-dropdown.menu-mega {
        height: 583px;
    }

    .menu-age p {
        padding: 1.3rem 0 0;
    }

    .menu-age p>img {
        height: 36px;
    }

    .menu-list-images {
        position: relative;
        height: 583px;
    }

    .menu-dropdown .menu-list-images li a {
        padding: 1.075rem 1rem;
    }

}

.scrolled-more:not(.page-product):not(.order-active) header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
}

.scrolled-more:not(.page-product):not(.order-active) .ad-header {
    height: 0;
    visibility: hidden;
    opacity: 0;
}

@media (min-width:992px) {

    .scrolled-more:not(.page-product):not(.order-active) #menu-header {
        height: 0;
        visibility: hidden;
        opacity: 0;
    }

    .scrolled-more:not(.page-product):not(.order-active) header .navbar {
        height: 64px;
        margin-top: -3px;
    }

    .scrolled-more:not(.page-product):not(.order-active) header .navbar-brand .svg {
        width: 100px;
        height: auto;
        margin: 5px 0 0 0;
        transition: all .2s;
    }

}

/* Footer */

footer {
    background: var(--c-brand-dpurple) url(../images/footer-bg.png) center bottom no-repeat;
    color: var(--c-brand-50);
}

footer .container {
    position: relative;
}

footer .container>.row {
    padding: 40px 0;
}

footer .logo {
    margin: 0 0 1rem;
    width: 137px;
    height: auto;
}

footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

footer ul li {
    font-size: var(--text-xl);
    color: var(--c-brand-blue);
    font-weight: 600;
    margin-bottom:.3rem;
}

footer ul li:not(:last-child) {
    margin-bottom:.3rem;
}

footer ul li:nth-child(1) {
    margin-bottom: 1rem;
}

footer ul li a {
    font-size: var(--text-base);
    color: var(--c-brand-50);
    font-weight: 400;
}

footer ul li a:hover {
    text-decoration: underline;
    color: var(--c-brand-50);
}

footer input {
    max-width: 320px;
}

footer .newsletter .btn .svg path {
    fill:var(--c-brand-50);
}

.footer-social {
    position: absolute;
    right: 0;
    bottom: 88px;
    width: auto;
}

footer .footer-social ul li {
    display: inline-block;
    margin: 0 0 0 1rem;
}

.footer-social a {
    display: block;
    width: 44px;
    height: 44px;
    background-color: var(--c-brand-50);
    border:1px solid var(--c-neutral-300);
    text-align: center;
    border-radius: 100%;
}

.footer-social .svg {
    display: block;
    margin: 9px auto 0;
}

.copyright {
    position: relative;
    border-top: 1px solid var(--c-neutral-300);
    padding: 1.5rem 0;
    line-height: var(--text-sm-lh);
    font-size: var(--text-sm);
}

.copyright>img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 21px;
}

footer .copyright ul li {
    margin:0 1rem 0 0;
    display: inline-block;
}

.copyright ul li:last-child {
    margin-right:0;
}

.copyright ul li a {
    text-decoration: underline;
    line-height: var(--text-sm-lh);
    font-size: var(--text-sm);
}

.copyright ul li a:hover {
    text-decoration: none;
    color: var(--c-brand-50);
}

.footer-partners {
    background-color: var(--c-basic-white);
    padding: .5rem 0 1rem 0;
}

.footer-partners img {
    margin: 0 10px;
    display: inline-block;
    vertical-align: bottom;
}

.footer-arukereso {
    display: inline-block;
    overflow: hidden;
    position: relative;
    height: 18px;
    top: -2px;
}

.footer-partners #pepita-partner-badge {
    transform: scale(.7);
    margin: 0 0 -15px -25px !important;
    position: relative;
}

@media (max-width:767.98px) {

    .footer-partners #pepita-partner-badge {
        margin: 0 !important;
    }

}

.molin-chat {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    box-shadow: 0 3px 15px rgb(0 0 0 / 30%);
    border-radius: 100%;
    z-index: 1;
}

.molin-chat img {
    border-radius: 100%;
}

@media (max-width:767.98px) {

    .molin-chat {
        right: 1rem;
        bottom: 1rem;
    }

}

.site-note {
    font-size: var(--text-sm);
    color: var(--c-neutral-500);
    text-align: center;
    margin: 0;
    padding-bottom:4rem;
}

#modal-newsletter .row h3 {
    color: var(--c-brand-purple);
    margin-bottom: 2rem;
}

#modal-newsletter .row span {
    color: var(--c-brand-pink);
    font-weight: 600;
}

#modal-newsletter .svg {
    width:24px;
    height:24px;
    vertical-align: middle;
    position: relative;
    top:-2px;
}

#modal-newsletter .svg path {
    fill: var(--c-brand-pink);
}

#modal-newsletter .row>div p:nth-of-type(2) .svg path {
    fill: transparent;
    stroke: var(--c-brand-pink);
}

.site.adult {
    filter: blur(25px);
}

#modal-18 .modal-content {
    background-color: var(--c-brand-pink);
    text-align: center;
    border-radius: 20px;
}

#modal-18 .modal-body {
    color: var(--c-basic-white);
}

#modal-18 .adult-num {
    font-size: 15vw;
    font-family: 'Baloo2', sans-serif, arial, verdana;
    line-height: 1;
    font-weight: 900;
}

#modal-18 .adult-num + b{
    font-size: 6vw;
    display: block;
    margin: 0 0 3rem;
    font-family: 'Baloo2', sans-serif, arial, verdana;
}

#modal-18 .adult-answer {
    margin: 3rem -3rem 0;
    padding-top: 3rem;
    border-top: 1px solid var(--c-basic-white);
}

#modal-18 .adult-answer .btn {
    padding: 0 2rem;
}

@media (max-width:767.98px) {
  #modal-18 .adult-num {
    font-size: 20vw;
  }

  #modal-18 .adult-num + b{
    font-size: 10vw;
  }
}

@media (min-width:1200px) {
  #modal-18 .adult-num {
    font-size: 240px;
  }

  #modal-18 .adult-num span {
    font-size: 170px;
  }

  #modal-18 .adult-num + b{
    font-size: 76px;
  }
}

/* Product list & item-boxes */

.product-item {
    border-radius: 10px;
    transition: all .2s;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.product-item:before {
    content: "";
    position: absolute;
    left:0;
    right: 0;
    top:0;
    bottom:0;
    box-shadow: 0px 0px 10px -1px rgba(98, 68, 147, 0.4);
    background-color: var(--c-basic-white);
    transition: all .1s;
    border-radius: 10px;
    opacity: 0;
}

.product-item:hover:before {
    opacity: 1;
    left:-.75rem;
    right: -.75rem;
    top:-.75rem;
    bottom:-.75rem;
    transition: all .1s;
}

.product-item .btn {
    height: 52px;
    line-height: 52px;
    width: 100%;
}

.product-item a:hover {
    text-decoration: none;
    color: var(--c-brand-purple);
}

.product-item .image {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 1rem;
}

.product-item .image img {
    margin: 0 auto;
    border-radius: 10px;
}

.product-item>* {
    position: relative;
}

.product-item .fav-button,
.product-item .add-to-fav {
    position: absolute;
    right:.5rem;
    top:.5rem;
    width: 24px;
    height: 24px;
}

.product-item .fav-button .svg,
.product-item .add-to-fav .svg {
    display: none;
}

.product-item .fav-button.add-to-fav,
.product-item .add-to-fav,
.product-item .fav-button.del-from-fav:hover {
    background:transparent url(../images/icon-heart.svg) center no-repeat;
    background-color: transparent;
}

.product-item .fav-button.del-from-fav,
.product-item .add-to-fav:hover,
.product-item .fav-button.add-to-fav:hover {
    background:transparent url(../images/icon-heart-full.svg) center no-repeat;
    background-color: transparent;
}

.product-item .badge-list {
    position: absolute;
    left:6px;
    top:6px;
}

.product-item b {
    font-size: var(--text-sm);
    color: var(--c-brand-dpurple);
    display: block;
    height: 24px;
    overflow: hidden;
}

.product-item h3 {
    color: var(--c-brand-dpurple);
    height: 50px;
    overflow: hidden;
    margin: 0;
    font-size: var(--text-base);
    line-height: var(--text-base-lh);
    font-family:'Inter', sans-serif, arial, verdana;
    font-weight: 400;
}

.product-item .price {
    color: var(--c-brand-dpurple);
    font-size: var(--text-2xl);
    margin: .6rem 0;
    font-weight: 700;
    font-family:'Baloo2', sans-serif, arial, verdana;
}

.product-item .price.sale {
    color: var(--c-brand-pink);
}

.product-item .price.sale span {
    font-size: var(--text-lg);
    line-height: var(--text-base-lh);
    color: var(--c-neutral-500);
    text-decoration: line-through;
    display: inline-block;
    margin-left: .75rem;
    font-weight: 400;
    position: relative;
    top: -1px;
}

@media (max-width:767.98px) {
    
    .product-item .image img {
        max-width: 90%;
        padding: 1rem 0 0;
    }

    .product-item b {
        font-size: var(--text-xs);
        height: 22px;
    }

    .product-item h3 {
        font-size: var(--text-xs);
        line-height: var(--text-xs-lh);
        height: 32px;
    }

    .product-item .price {
        font-size: var(--text-lg);
    }

    .product-item .btn {
        height: 38px;
        line-height: 38px;
        font-size: var(--text-sm);
    }
    
    .product-item .price.sale span {
        font-size: var(--text-sm);
        line-height: var(--text-sm-lh);
    }

}

.products-list .products-num {
    margin-bottom: 2rem;
    font-size: var(--text-sm);
    color: var(--c-neutral-700);
}

/* Page index */

.welcome .row .row>div {
    margin-bottom: 20px;
}

.welcome img {
    margin: 0 auto;
}

.teaser-heroes,
.teaser-categories,
.teaser-brands,
.teaser-popular,
.teaser-foryou,
.teaser-weeklybests,
.teaser-ordermore,
.teaser-seasonbests {
    position: relative;
}

.teaser-categories .row a {
    display: block;
    position: relative;
}

.teaser-categories .row a>img {
    border-radius: 10px;
    margin: 0 auto;
}

.teaser-categories .row a h3 {
    position: absolute;
    left: 1rem;
    top: 2rem;
    font-size: var(--text-2xl);
    line-height: var(--text-2xl-lh);
    font-weight: 600;
    color: var(--c-brand-purple);
}

.teaser-categories .row a:hover h3 {
    color: var(--c-brand-purple);
}

.teaser-categories .row a b {
    position: absolute;
    left:1rem;
    bottom: 1.5rem;
    color: var(--c-brand-dpurple);
    transition: all .2s;
}

.teaser-categories .row a:hover b {
    color: var(--c-brand-pink);
    transition: all .2s;
}

.teaser-categories .row a b .svg {
    position: relative;
    top: -2px;
}

.teaser-categories .row a b .svg path {
    fill: var(--c-brand-dpurple);
}

.teaser-categories .row a:hover b .svg path {
    fill: var(--c-brand-pink);
}

.teaser-categories .row a span {
    position: absolute;
    display: inline-block;
    margin: 0 auto;
    bottom: 24px;
    background-color: var(--c-brand-50);
    color: var(--c-brand-dpurple);
    font-size: var(--text-sm);
    font-weight: 600;
    border-radius: 18px;
    line-height: 1.2;
    padding: .5rem 1rem;
    left: 50%;
    transform: translateX(-50%);
    transition: all .2s;
    text-align: center;
}

.teaser-categories .row a:hover span {
    color: var(--c-brand-pink);
    transition: all .2s;
}

.teaser-services {
    border-radius: 10px;
    background-color: var(--c-brand-lpurple);
    color: var(--c-brand-dpurple);
}

.teaser-services img {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.teaser-services .form {
    padding:3rem;
}

.teaser-newsletter {
    background-image: url(../images/illustration01.svg);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.teaser-newsletter h3 {
    font-size: var(--text-2xl);
    line-height: var(--text-2xl-lh);
    font-weight: 600;
}

.teaser-newsletter h3 span {
    font-size: var(--text-5xl);
    line-height: var(--text-5xl-lh);
    color: var(--c-brand-pink);
    font-weight: 700;
    display: block;
}

.teaser-newsletter input {
    max-width: 320px;
}

.teaser-newsletter .mb-2 {
    margin: 0 !important;
}

.teaser-giftfinder .title {
    font-size: var(--text-xl);
    color: var(--c-brand-pink);
    font-weight: 600;
    font-family:'Baloo2', sans-serif, arial, verdana;
}

.teaser-giftfinder .title .svg {
    width: 91px;
    height: 40px;
    position: relative;
    top: -2px;
}

.teaser-giftfinder h3 {
    font-size: var(--text-3xl);
    font-weight: 700;
}

.teaser-giftfinder h3 span {
    display: block;
    font-size: 80px;
}

.teaser-loyalty {
    background-color: var(--c-brand-pink);
    color: var(--c-brand-50);
    border-radius: 10px;
    margin-top: 7rem;
}

.teaser-loyalty .form {
    padding: 1rem 4rem;
}

.teaser-loyalty img {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.teaser-loyalty .form>img {
    margin: -100px 0 30px 10px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(99 1 25 / 40%);
    transform: rotate(-19deg);
}

.teaser-loyalty h3 {
    font-size: var(--text-3xl);
    font-weight: 600;
    line-height: var(--text-4xl-lh);
    margin: 0;
}

.teaser-loyalty h3 span {
    font-size: 64px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--c-brand-dpurple);
}

.teaser-seasonbests>.row {
    position: relative;
}

.teaser-seasonbests .row>div:nth-child(1) {
    position: relative;
    z-index: 1;
}

.teaser-ages .slick-slider a {
    display: block;
    border-radius: 100%;
    background-color: var(--c-brand-lpurple);
    border:6px solid var(--c-brand-lpurple);
    text-align: center;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    font-family:'Baloo2', sans-serif, arial, verdana;
}

.teaser-ages .slick-slider a:hover {
    border-color:var(--c-brand-purple);
    text-decoration: none;
}

.teaser-ages .slick-slider p {
    /*display: inline-block;
    font-size: var(--text-5xl);
    font-weight: 600;
    text-shadow: 4px 4px 0 #FFF, -4px -4px 0 #fff, 4px -4px 0 #fff, -4px 4px 0 #fff, 0px 4px 0 #fff, 4px 0px 0 #fff, 0px -4px 0 #fff, -4px 0px 0 #fff;*/
    margin: 2.7rem 0 0;
}

.teaser-ages .slick-slider span {
    display: block;
    font-size: var(--text-sm);
    color: var(--c-brand-dpurple);
}
/*
.teaser-ages .slick-slider .slick-track>div:nth-child(1) p,
.teaser-ages .slick-slider .slick-track>div:nth-child(5) p {
    color: var(--c-brand-pink);
}

.teaser-ages .slick-slider .slick-track>div:nth-child(2) p,
.teaser-ages .slick-slider .slick-track>div:nth-child(6) p {
    color: var(--c-brand-green);
}

.teaser-ages .slick-slider .slick-track>div:nth-child(3) p {
    color: var(--c-brand-blue);
}

.teaser-ages .slick-slider .slick-track>div:nth-child(4) p {
    color: var(--c-brand-purple);
}
*/
.content-show-more {
    position: absolute;
    top: -2px;
    right: 12px;
    font-size: var(--text-sm);
    font-weight: 600;
    text-decoration: none;
    color: var(--c-brand-dpurple);
}

.content-show-more .svg {
    width: 20px;
    height: 20px;
    position: relative;
    top: -1px;
}

.content-show-more:hover {
    text-decoration: none;
}

.content-show-more .svg path {
    fill: var(--c-brand-purple);
}

.content-show-more:hover .svg path {
    fill: var(--c-brand-pink);
}

/* Page order */

body.order-active header .ad-header,
body.order-active header .navbar-collapse,
body.order-active header .search,
body.order-active header #menu-logo,
body.order-active .navbar-toggler,
body.order-active footer .container>.row,
body.order-active footer .copyright>img,
body.order-active .footer-partners {
        display: none !important;
}

body.order-active header {
    height: 64px;
    border: 0;
    margin: 0;
}

body.order-active .order-back,
body.order-active .order-secure {
    display: block;
}

body.order-active .navbar-brand {
    position: absolute;
    top: 11px;
    left: 50%;
    transform: translateX(-50%);
}

body.order-active .navbar-brand .svg {
    width: auto;
    height: 42px;
}

body.order-active footer {
    background: none;
    background-color: var(--c-basic-white);
}

body.order-active .copyright {
    padding: 0;
    line-height: 38px;
    border: 0;
    color: var(--c-neutral-500);
    font-size: var(--text-xs);
}

body.order-active .copyright ul li a {
    color: var(--c-neutral-500);
    font-size: var(--text-xs);
}

@media (max-width:767.98px) {
    
    body.order-active footer .copyright .row>div:first-child {
        margin-top: -2rem;
    }
        
}

.content.page-order {
    padding: 0 0 3rem;
    overflow: hidden;
}

.order-indicator {
    list-style: none;
    margin: 1rem auto;
    padding: 0;
    text-align: center;
}

.order-indicator li {
    display: inline-block;
    position: relative;
    padding: 0 132px;
    height: 40px;
    color: var(--c-neutral-400);
}


.order-indicator li:not(:last-child):before,
.order-indicator li:not(:first-child):after {
    content: "";
    display: block;
    position: absolute;
    width: 50%;
    top: 12px;
    height: 1px;
    background-color: var(--c-brand-lpurple);
}

.order-indicator li:not(:last-child):before {
    left: calc(50% + 12px);
}

.order-indicator li:not(:first-child):after {
    right: calc(50% + 12px);
}

.order-indicator li p {
    border-radius: 100%;
    background-color: var(--c-brand-green);
    color: var(--c-brand-green);
    font-weight: 400;
    width: 24px;
    height: 24px;
    display: block;
    text-align: center;
    font-size: var(--text-xs);
    margin:0;
}

.order-indicator li p .svg {
    position: absolute;
    left: 50%;
    top: 4px;
    transform: translateX(-50%);
}

.order-indicator li.active p {
    background-color: var(--c-brand-purple);
    font-size: var(--text-xs);
    color: var(--c-basic-white);
}

.order-indicator li p + span {
    font-size: var(--text-xs);
    position: absolute;
    left:50%;
    bottom:-5px;
    transform: translateX(-50%);
    display: block;
}

.order-indicator li.active p + span {
    color: var(--c-brand-dpurple);
}

.order-indicator li.active + li p,
.order-indicator li.active + li + li p {
    background-color: var(--c-neutral-400);
    font-size: var(--text-xs);
    color: var(--c-basic-white);
}

.order-indicator li.active p .svg,
.order-indicator li.active + li p .svg,
.order-indicator li.active + li + li p .svg {
    display: none;
}

.order-steps {
    padding-left:3rem;
}

/*.order-step1>*:not(h2),
.order-step2>*:not(h2):not(p),
.order-step3>*:not(h2)*/
.order-step1 h2 + *,
.order-step1 h2 + *>*,
.order-step2>*:not(h2):not(p),
.order-step3>*:not(h2) {
    height: 0;
    visibility: hidden;
}

.order-step1.active>*,
.order-step1.active h2 + *,
.order-step1.active h2 + *>*,
.order-step2.active>*,
.order-step3.active>* {
    height: auto;
    visibility: visible;
}

.order-step1:not(.active) .order-loggedin.active {
    visibility: visible;
    margin-bottom: 3rem;
}

.order-step1:not(.active) .order-login,
.order-step1:not(.active) .btn {
    display: none;
}

.order-step {
    color:var(--c-basic-black);
    border-bottom:1px solid var(--c-neutral-200);
    padding-bottom: 2rem;
}

.order-steps .order-step:last-of-type {
    border-bottom:0;
    padding-bottom: 0;
}

.order-step .btn-primary {
    width: 320px;
    max-width: 320px;
}

.order-step .btn-primary .svg {
    width:20px;
    height:20px;
}

.order-step h2 {
    font-size:var(--text-xl);
    color:var(--c-brand-green);
    font-weight:600;
    margin:0 0 0 -3rem;
    padding:2rem 0 0 0;
    position:relative;
}

.order-step h2 span {
    color: var(--c-brand-green);
    background-color: var(--c-brand-green);
    border-radius: 100%;
    margin: 0 12px 0 0;
    text-align: center;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-family: 'Inter', sans-serif, arial, verdana;
    font-size: var(--text-base);
    position:relative;
}

.order-step h2 span .svg {
    position:absolute;
    top:6px;
    left:50%;
    transform:translateX(-50%);
    width:20px;
    height:20px;
}

.order-step h2 a {
    position: absolute;
    right: 0;
    bottom: 7px;
    color: var(--c-brand-blue);
    font-size: var(--text-sm);
    font-family: 'Inter', sans-serif, arial, verdana;
}

.order-step.active h2 {
    color:var(--c-brand-dpurple);
}

.order-step.active h2 span {
    background-color: var(--c-brand-purple);
    color:var(--c-basic-white);
}

.order-step.active + .order-step h2,
.order-step.active + .order-step + .order-step h2 {
    color:var(--c-neutral-400);
}

.order-step.active + .order-step h2 span,
.order-step.active + .order-step + .order-step h2 span {
    background-color: var(--c-neutral-400);
    color:var(--c-basic-white);
}

.order-step.active h2 span .svg,
.order-step.active + .order-step h2 span .svg,
.order-step.active + .order-step + .order-step h2 span .svg {
    display:none;
}

.order-step h3 {
    font-size:var(--text-base);
    color:var(--c-basic-black);
    margin:0 0 1rem;
    font-family: 'Inter', sans-serif, arial, verdana;
}

.order-login a {
    color:var(--c-brand-blue);
}

.order-step2.active p.shipping-address { display: none; }
/* .order-step p.shipping-address {
    display: block;
}

.order-step.active p.shipping-address {
    display: none;
} */

.order-summary {
    background-color: var(--c-basic-white);
    padding:20px;
    border-radius:10px;
}

.summary-title {
    position: relative;
    margin:-20px -20px 0 -20px;
    padding: 20px;
    display:block;
}

.summary-title:hover,
.summary-title:active,
.summary-title:visited,
.summary-title:focus {
    text-decoration: none;
    pointer-events: visible;
    cursor: default;
}

.summary-title b {
    color:var(--c-brand-dpurple);
    font-size:var(--text-lg);
    font-family: 'Baloo2', sans-serif, arial, verdana;
}

.summary-title p {
    margin:0;
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    font-size:var(--text-lg);
    font-family: 'Baloo2', sans-serif, arial, verdana;
    color:var(--c-brand-dpurple);
    font-weight:700;
    text-align:right;
}

.summary-title p span {
    display: block;
    margin-bottom:-.4rem;
    font-size:var(--text-base);
    color:var(--c-neutral-400);
    text-decoration:line-through;
    font-weight:400;
}

.summary-content>div:not(.summary-content-inner),
.order-item,
.order-details,
.order-sum {
    border-top:1px solid var(--c-neutral-200);
    padding-top:1rem;
    padding-bottom:1rem;
}

.order-item {
    position:relative;
    font-size:var(--text-xs);
    line-height:var(--text-xs-lh);
    color:var(--c-brand-dpurple);
}

.order-item b {
    font-weight:600;
}

.order-item p {
    font-size:var(--text-sm);
    line-height:var(--text-sm-lh);
    margin: .3rem 0;
}

.order-item span {
    color:var(--c-neutral-400);
}

.order-item-price {
    position:absolute;
    top:1rem;
    right:0;
    font-size:var(--text-lg);
    font-weight:700;
    font-family: 'Baloo2', sans-serif, arial, verdana;
    line-height:var(--text-sm-lh);
}

.order-item-price .org,
.order-item-price .discount {
    font-size:var(--text-xs);
    line-height:var(--text-xs-lh);
    font-weight:400;
    color:var(--c-neutral-400);
    text-decoration:line-through;
    display:block;
}

.order-item-price .discount {
    color:var(--c-brand-pink);
    text-decoration:none;
}

.order-details {
    color:var(--c-basic-black);
    font-size:var(--text-sm);
    line-height:var(--text-lg-lh);
    border-top: 0;
}

.order-details .discount span {
    color:var(--c-brand-pink);
}

.order-sum {
    color:var(--c-basic-black);
}

.order-sum .discount {
    display:block;
    color:var(--c-neutral-400);
    text-decoration:line-through;
    margin-bottom: -.3rem;
}

.order-sum div span:last-of-type {
    font-family: 'Baloo2', sans-serif, arial, verdana;
    font-size:var(--text-2xl);
    line-height:var(--text-2xl-lh);
    font-weight:700;
    color:var(--c-brand-dpurple);
}

.order-coupon>a{
    color:var(--c-basic-black);
    font-size:var(--text-sm);
    display:block;
}

.order-coupon>a:hover {
    text-decoration:none;
}

.order-coupon a .svg path {
    fill: var(--c-basic-black);
}

.order-coupon>a .svg {
    position:relative;
    top:-2px;
}

.order-coupon>a .svg:last-child {
    width: 22px;
    height: 22px;
    transition: all .2s;
}

.coupons-toggler button {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    width: 26px;
    height: 22px;
}

.order-coupon .coupons {
    max-height: 0;
    position: relative;
    overflow: hidden;
    transition: all .2s;
}

.order-coupon.active .coupons {
    max-height: 500px;
    transition: all .5s;
}

.order-coupon.active>a>.svg:last-child {
    transform: rotate(-180deg);
    transition: all .2s;
}

.order-note {
    color: var(--c-neutral-600);
    position: relative;
    padding-left: 23px;
    font-size: var(--text-sm);
    margin-bottom: 10px;
}

.order-note .svg {
    width:16px;
    height:16px;
    position:absolute;
    left:0;
    top:4px;
}

.order-note .svg path {
    fill: var(--c-neutral-600);
}

.summary-content .order-note:last-of-type {
    margin-bottom:0;
}

.order-options {
    list-style:none;
    padding:0;
    margin-bottom: 2rem;
}

.order-options a {
    display: block;
    position: relative;
    height: 72px;
    border: 1px solid var(--c-neutral-200);
    border-radius: 8px;
    padding: 1rem 1.5rem;
    line-height: 38px;
    font-weight: 600;
    color: var(--c-basic-black);
    transition:none;
    transition:all .2s;
    margin:0 0 1rem;
}

.order-options b {
    color: var(--c-neutral-500);
}

.order-options a img:last-of-type {
    filter: grayscale(1);
    opacity: .5;
    transition:all .2s;
}

.order-options a:hover,
.order-options a:focus,
.order-options a.active {
    border-color: var(--c-brand-purple);
    background-color: var(--c-basic-white);
    text-decoration: none;
    transition: all .2s;
    box-shadow: 1px 1px 0 var(--c-brand-purple), -1px -1px 0 var(--c-brand-purple), -1px 1px 0 var(--c-brand-purple), 1px -1px 0 var(--c-brand-purple);
}

.order-options a img:last-of-type
{
    position: absolute;
    right: 1rem;
    top: 20px;
}

.order-options a .badge {
    position:absolute;
    right:.5rem;
    top:.5rem;
}

.order-options a .svg {
    position:relative;
    top:-2px;
}

.order-options a .svg path {
    fill:var(--c-neutral-400);
}

.order-options a small {
    max-height: 0;
    display: block;
    overflow: hidden;
    font-size: var(--text-xs);
    color: var(--c-neutral-500);
    line-height: 16px;
    padding-right: 11rem;
    font-weight: 400;
}

.order-options a.active {
    height:auto;
    max-height:500px;
    transition:height .2s;
}

.order-options a.active small {
    max-height: 500px;
    transition: all .2s;
    margin-bottom: .5rem;
}

/*
.order-options a.base,
.order-options a.active,
.order-options a:hover {
    border: 1px solid var(--c-neutral-300);
}
    */

.order-options a.base b,
.order-options a.active b,
.order-options a:hover b {
    color: var(--c-basic-black);
}

.order-options a.base img:last-of-type,
.order-options a.active img:last-of-type,
.order-options a:hover img:last-of-type {
    filter: grayscale(0);
    opacity: 1;
    transition:all .2s;
}

.order-options-list {
    list-style: none;
    padding: 0;
}

.order-options-list li {
    border:1px solid var(--c-neutral-300);
    border-radius: 8px;
    color: var(--c-neutral-500);
    margin-bottom:.5rem;
    position:relative;
}

.order-options-list label {
    padding: 20px 24px 20px 75px;
    font-size: var(--text-sm);
    width: 100%;
    border-radius: 8px;
    transition: all .2s;
}

.order-options-list p {
    margin-bottom: 11px;
}

.order-options-list label p:last-of-type {
    margin-bottom: 0;
}

.order-options-list b {
    font-weight: 600;
    color: var(--c-brand-dpurple);
    font-family: 'Baloo2', sans-serif, arial, verdana;
    font-size: var(--text-base);
}

.order-options-list span {
    font-weight: 700;
    color: var(--c-brand-pink);
    font-family: 'Baloo2', sans-serif, arial, verdana;
    font-size: var(--text-lg);
}

.select2-selection__rendered>span {
    font-weight: normal;
    color: initial;
    font-family: 'Baloo2', sans-serif, arial, verdana;
    font-size: initial;
}

.order-options-list input {
    position: absolute;
    left: 23px;
    top: 21px;
}
.order-options-list a {
    position: absolute;
    right: 18px;
    top: 12px;
    color: var(--c-brand-blue);
    font-size: var(--text-sm);
    font-weight: 600;
}

.order-options-list label:hover,
.order-options-list input:checked + label {
    background-color: var(--c-basic-white);
    cursor: pointer;
    transition: all .2s;
}

.order-options-list label:hover span,
.order-options-list input:checked + label>span {
    color: var(--c-brand-pink);
}

.order-options-list .select2-container--default .select2-selection--single {
    background-color: transparent;
    transition: all .2s;
}

.order-options-list .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--c-neutral-400);
    transition: all .2s;
}

.order-options-list label:hover .select2-container--default .select2-selection--single,
.order-options-list input:checked + label .select2-container--default .select2-selection--single {
    background-color: var(--c-basic-white);
    transition: all .2s;
}

.order-options-list label:hover .select2-container--default .select2-selection--single .select2-selection__rendered,
.order-options-list input:checked + label .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--c-neutral-900);
    transition: all .2s;
}

.choose-delivery .badge {
    position: absolute;
    right: .5rem;
    top: .5rem;
}

.choose-delivery a {
    padding-left: 126px;
}

.choose-delivery a img:last-of-type {
    right: auto;
    left: 1rem;
    border-radius: 4px;
    top: 12px;
}

.order-mandatory {
    list-style: none;
    padding: 0;
}

.order-mandatory li {
    color: var(--c-brand-dpurple);
    padding: .5rem .5rem .5rem 2.3rem;
    border-radius: 8px;
    margin-bottom: .2rem;
}

.order-mandatory li:first-child {
    background-color:var(--c-brand-lpurple);
    font-weight: 600;
}

.order-mandatory li a {
    color: var(--c-brand-purple);
    text-decoration: underline;
}

.order-mandatory li a:hover,
.order-mandatory li a:active {
    color: var(--c-brand-purple);
    text-decoration: none;
}

#order-comment {
    height: 96px;
}

.choose-transport {
    list-style: none;
    padding:0;
    margin-bottom: 0;
}

.choose-transport li {
    display: inline-block;
}

.choose-transport a {
    display: block;
    background-color: transparent;
    border: 1px solid var(--c-neutral-200);
    border-radius: 8px;
    padding: 2rem 12px 1.5rem;
    position: relative;
    margin: 0 0 24px;
    text-align: center;
}

.choose-transport a:hover,
.choose-transport a:active,
.choose-transport a:focus {
    text-decoration:none;
}

.choose-transport .svg {
    display: block;
    margin: 0 auto;
    width:32px;
    height: 32px;
}

.choose-transport .svg path {
    fill: var(--c-neutral-500)
}

.choose-transport>:nth-child(1) .svg path:nth-child(5),
.choose-transport>:nth-child(1) .svg path:nth-child(6),
.choose-transport>:nth-child(1) .svg path:nth-child(7),
.choose-transport>:nth-child(1) .svg path:nth-child(8) {
    fill: transparent;
    stroke: var(--c-neutral-500);
}

.choose-transport>:nth-child(2) .svg path {
    fill: transparent;
    stroke: var(--c-neutral-500);
}

.choose-transport b {
    font-weight: 600;
    color: var(--c-neutral-500);
    display: block;
    margin: .5rem 0;
    height: 48px;
    overflow: hidden;
}

.choose-transport p {
    font-weight: 400;
    color:var(--c-neutral-400);
    font-size: var(--text-xs);
    margin: 0;
}

.choose-transport span {
    position:absolute;
    right:.5rem;
    top:.5rem;
}

.choose-transport a:hover,
.choose-transport a.base,
.choose-transport a.active {
    background-color: var(--c-basic-white);
    border-color: var(--c-brand-purple);
    box-shadow: 1px 1px 0 var(--c-brand-purple), -1px -1px 0 var(--c-brand-purple), -1px 1px 0 var(--c-brand-purple), 1px -1px 0 var(--c-brand-purple)
}

.choose-transport a:hover b,
.choose-transport a.base b,
.choose-transport a.active b {
    color: var(--c-brand-dpurple);
}

.choose-transport a:hover .svg path,
.choose-transport a.base .svg path,
.choose-transport a.active .svg path {
    fill: var(--c-brand-purple);
}

.choose-transport>:nth-child(1) a:hover .svg path:nth-child(5),
.choose-transport>:nth-child(1) a.active .svg path:nth-child(5),
.choose-transport>:nth-child(1) a.base .svg path:nth-child(5),
.choose-transport>:nth-child(1) a:hover .svg path:nth-child(6),
.choose-transport>:nth-child(1) a.active .svg path:nth-child(6),
.choose-transport>:nth-child(1) a.base .svg path:nth-child(6),
.choose-transport>:nth-child(1) a:hover .svg path:nth-child(7),
.choose-transport>:nth-child(1) a.active .svg path:nth-child(7),
.choose-transport>:nth-child(1) a.base .svg path:nth-child(7),
.choose-transport>:nth-child(1) a:hover .svg path:nth-child(8),
.choose-transport>:nth-child(1) a.base .svg path:nth-child(8),
.choose-transport>:nth-child(1) a.active .svg path:nth-child(8) {
    fill:transparent;
    stroke: var(--c-brand-purple);
}

.choose-transport>:nth-child(2) a:hover .svg path,
.choose-transport>:nth-child(2) a.base .svg path,
.choose-transport>:nth-child(2) a.active .svg path {
    fill:transparent;
    stroke: var(--c-brand-purple);
}

.choose-transport a.base {
    box-shadow: none;
    border-color: var(--c-neutral-200);
}

.choose-transport a.base:hover,
.choose-transport a.base:active {
    border-color: var(--c-brand-purple);
    box-shadow: 1px 1px 0 var(--c-brand-purple), -1px -1px 0 var(--c-brand-purple), -1px 1px 0 var(--c-brand-purple), 1px -1px 0 var(--c-brand-purple)
}

.transport-container {
    max-height:0;
    overflow: hidden;
}

.transport-container.active {
    max-height:3000px;
    overflow: visible;
}

.order-billing,
.order-shipping {
    max-height: 0;
    overflow: hidden;
    transition: all .2s;
}

.order-billing.active,
.order-shipping.active {
    max-height: 3000px;
    overflow: visible;
    transition: all .2s;
}

.order-phone .input-group-text {
    padding: 0;
}

.order-phone .input-group-text .form-select {
    border: 0;
    height: auto;
}

.page-order-success .success-msg {
    background-color: var(--c-basic-white);
    height: 100%;
    border-radius: 10px;
    padding: 1rem;
    position: relative;
}

.page-order-success .success-msg>div {
    position: absolute;
    left:4rem;
    right: 1rem;
    top:50%;
    transform: translateY(-50%);
}

.page-order-success .success-msg h1 {
    margin: 0 0 2rem -3rem;
    padding-left: 3rem;
    font-size: var(--text-3xl);
    font-weight: 700;
    background: transparent url(../images/icon-success.svg) left top no-repeat;
}

.page-order-success .success-summary {
    background-color: var(--c-brand-dpurple);
    color: var(--c-basic-white);
    padding: 1.2rem 2rem;
    border-radius: 10px;
}

.page-order-success .success-summary b {
    font-size: var(--text-3xl);
    font-weight: 700;
    display: inline-block;
    font-family: 'Baloo2', sans-serif, arial, verdana;
    margin-left: 1rem;
    vertical-align: middle;
}

.page-order-success .success-info {
    color:var(--c-neutral-900);
    padding: 1rem 2rem;
}

.page-order-success .success-info .svg {
    width: 18px;
    height: 18px;
    position: relative;
    top:-1px;
}

.page-order-success .success-numbers {
    padding: 1rem 2rem;
    background-color: var(--c-basic-white);
    color: var(--c-neutral-900);
    border-radius: 10px;
}

.page-order-success .success-numbers span {
    color: var(--c-brand-pink);
}

.page-order-success .success-numbers p {
    margin-bottom: 0;
}

.page-order-success .success-total p {
    color: var(--c-neutral-500);
    margin: 0;
    text-decoration: line-through;
}

.page-order-success .success-total b {
    font-size: var(--text-3xl);
    font-family: 'Baloo2', sans-serif, arial, verdana;
    font-weight: 700;
    display: inline-block;
    margin-left: 1rem;
    color: var(--c-brand-dpurple);
}

.order-loyalty {
    background: var(--c-brand-lpurple) url(../images/illustration03.png) center no-repeat;
    background-size: cover;
    padding: 1rem;
    border-radius: 10px;
}

.order-loyalty a:not(.btn) {
    color: var(--c-brand-purple);
    text-decoration: underline;
}

.order-loyalty img {
    border-radius: 8px;
    max-height: 85px;
    margin: 0;
}

.loyalty-orderpoints {
    background-color: rgb(255 255 255 / 50%);
    border-radius: 8px;
    height: 100%;
    position: relative;
}

.loyalty-orderpoints>p {
    position: absolute;
    left: 1rem;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Baloo2', sans-serif, arial, verdana;
    font-size: var(--text-xl);
    font-weight: 600;
    text-align: center;
    margin: 0;
    line-height: .9;
    padding-top: 4px;
}

.loyalty-orderpoints span {
    display: block;
    text-transform: uppercase;
    font-size: var(--text-5xl);
    color: var(--c-brand-pink);
}

@media (max-width:767.98px) {

    .order-indicator {
        margin: 1rem -100px;
    }

    .order-indicator li {
        padding: 0px 50px;
    }

    .order-steps {
        padding-left: 0;
    }

    .order-step h2 {
        margin: 0;
    }

    .order-step h2 span {
        margin: 0 6px 0 0;
    }

    .order-step .btn-primary {
        width: 100%;
    }

    .order-options a img:last-of-type {
        max-width: 45%;
        top: 22px;
    }

    .order-options a.active img:last-of-type {
        top: 20px;
    }

    .order-options a small {
        padding:0;
    }

    .order-options-list input {
        left: 16px;
        top: 20px;
    }

    .order-options-list a {
        right: 9px;
        top: 5px;
    }

    .order-options-list label {
        padding: 20px 16px 20px 48px;
    }

    .choose-delivery a {
        height: auto;
        line-height: normal;
        margin-bottom: .5rem;
        padding: 24px 16px 22px 100px;
    }

    .choose-delivery b {
        font-size: 15px;
        line-height: 22px;
    }

    .choose-delivery .badge {
        right: 4px;
        top: 4px;
    }

    .choose-delivery a img:last-of-type {
        top: 50%;
        transform: translateY(-50%);
        left:9px;
    }

    .order-options a.active img:last-of-type {
        top: 50%;
    }

    .choose-transport a {
        margin-bottom: .5rem;
        text-align: left;
        padding: 20px 16px 18px 53px;
    }

    .choose-transport b {
        font-size: 15px;
        margin: 0 0 -5px;
        height: auto;
    }

    .choose-transport .svg {
        position: absolute;
        left: 11px;
        top: 50%;
        transform: translateY(-50%);
    }

    .choose-transport span {
        right: 4px;
        top: 4px;
    }

    .page-order-success .success-msg h1 {
        font-size: var(--text-xl);
        margin-bottom: 1rem;
    }
    
    .page-order-success .success-summary {
        padding: 1rem 1.5rem;
    }

    .page-order-success .success-summary b {
        margin: 0 0 1rem;
    }

    .page-order-success .success-info {
        padding: 1rem 0;
    }

    .page-order-success .success-info .row>div:not(:last-child) {
        padding-bottom: 1rem;
    }

    .page-order-success .success-numbers {
        padding: 1rem;
    }

    .loyalty-orderpoints b {
        font-size: var(--text-base);
    }
    .loyalty-orderpoints span {
        font-size: var(--text-3xl);
    }
}

@media (min-width:768px) and (max-width:991.98px) {

    .order-indicator li {
        padding: 0 80px;
    }

}

@media (max-width:991.98px) {

    .order-indicator li p + span {
        display:none;
    }

    .page-order .order-summary {
        position: fixed;
        /*top: calc(100vh - 65px);*/
        top: calc(var(--vh, 1vh) * 100 - 65px);
        left: 0;
        right: 0;
        border-radius: 0;
        border-top: 1px solid var(--c-neutral-200);
        z-index: 103;
        transition: all .2s;
        /*height:100vh;*/
        box-shadow: 0px -10px 10px 0px rgba(98, 68, 147, 0.1);
    }

    .page-order .summary-title {
        padding: 16px 12px;
    }

    .page-order .summary-title .svg {
        background-color: var(--c-brand-lpurple);
        border-radius: 100%;
        padding: 4px;
        width: 32px;
        height: auto;
    }

    .page-order .summary-title b {
        font-size: var(--text-sm);
    }

    .order-summary.active {
        top:0;
        transition: all .2s;
        overflow-y: scroll;
        overflow-x: hidden;
        height:100vh;
    }

    .order-summary.active .summary-title .svg {
        transform:rotate(-180deg);
        transition: all .2s;
    }

}

@media (max-width:1199.98px) {

    .page-order-success .success-msg {
        height: auto;
    }

    .page-order-success .success-msg>div {
        position: relative;
        right: 1rem;
        left: 3rem;
        top: auto;
        transform: none;
        width: calc(100% - 3rem);
    }

}

@media (min-width:1200px) and (max-width:1399.98px) {

    .page-order-success .success-summary b {
        margin: 0;
    }

    .loyalty-orderpoints>p {
        font-size: var(--text-base);
    }

}

/* Page basket */

.page-basket .container {
    position: relative;
}

.basket-free-shipping {
    position: absolute;
    right: 12px;
    top: -8px;
    background-color: var(--c-status-r50);
    color: var(--c-neutral-900);
    border-radius: 10px;
    line-height: 48px;
    padding: 1px 1.5rem 0;
}

.basket-free-shipping span {
    color: var(--c-brand-pink);
    font-family: 'Baloo2', sans-serif, arial, verdana;
    font-weight: 700;
}

.basket-free-shipping .svg {
    width: 20px;
    height: 20px;
}

.basket-free-shipping div {
    width: 260px;
    height: 6px;
    border-radius: 20px;
    display: inline-block;
    background-color: var(--c-basic-white);
    margin: 0 0 0 .5rem;
    position: relative;
    top: -1px;
}

.basket-free-shipping>div>div {
    background-color: var(--c-brand-pink);
    display: block;
    margin: 0;
}

.basket {
    padding: 0 1.5rem;
    background-color: var(--c-basic-white);
    border-radius: 10px;
}

.basket .order-item {
    padding: 1rem 0;
}

.basket .order-item:not(:first-child) {
    border-top: 1px solid var(--c-neutral-200);
}

.basket .order-item img {
    max-width: 100px;
    border: 1px solid var(--c-neutral-200);
    border-radius: 8px;
    padding: .5rem;
    margin: 0;
}

.basket .order-item p {
    font-size: var(--text-base);
    max-width: 300px;
    height: 58px;
    overflow: hidden;
}

.basket .order-item span {
    font-size: var(--text-sm);
}

.basket .order-item-price {
    top: 1rem;
    /*
    top: 50%;
    transform: translateY(-50%);
    */
}

.basket .order-item>a {
    position: absolute;
    right:0;
    bottom:1rem;
    color: var(--c-brand-pink);
    font-size: var(--text-xs);
}

.basket .order-item ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 100px;
    top: 1rem;
    font-size: 0;
    line-height: 0;
}

.basket .order-item li {
    display: inline-block;
    width:36px;
    height:36px;
    margin: 0 4px;
    vertical-align: middle;
}

.basket .order-item li a {
    display: block;
    width:36px;
    height:36px;
    background-color: var(--c-neutral-100);
    border-radius: 8px;
    position: relative;
}

.basket .order-item li a:hover {
    background-color: var(--c-brand-purple);
}

.basket .order-item li a .svg {
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50% , -50%);
}

.basket .order-item li input {
    font-size: var(--text-base);
    color: var(--c-neutral-900);
    width: 36px;
    height: 36px;
    border: 1px solid var(--c-neutral-400);
    border-radius: 8px;
    text-align: center;
}

.basket .order-item li a .svg path {
    fill: var(--c-brand-purple);
}

.basket .order-item li a:hover .svg path {
    fill: var(--c-neutral-100);
}

.basket .order-item .product_comment_textarea {
    font-size: var(--text-xs);
    line-height: 18px;
    height: 32px;
    margin-bottom: .5rem;
}

.page-basket .summary-content>div:nth-of-type(1) {
    padding-top: 0;
    border-top: 0;
}

.page-basket .summary-content>div.basket-next {
    border: 0;
    padding-top: 0;
}

.order-info {
    list-style: none;
    padding: 0;
    margin: 0;
}

.order-info li {
    padding: .5rem 1rem .5rem 60px;
    border: 1px solid var(--c-neutral-300);
    border-radius: 10px;
    position: relative;
    margin-bottom: 1rem;
    color: var(--c-brand-dpurple);
}

.order-info li p {
    margin: 0;
}

.order-info li>.svg {
    position: absolute;
    left: 1rem;
    top: 16px;
    width:32px;
    height:32px;
}

.order-info b {
    font-family: 'Baloo2', sans-serif, arial, verdana;
    font-size: var(--text-lg);
    font-weight: 700;
}

.info-stores .row {
    color: var(--c-neutral-400);
    font-size: var(--text-sm);
}

.info-stores .row>div{
    padding: 0;
}

.info-stores .row b {
    color: var(--c-brand-pink);
    font-size: var(--text-lg);
}

.info-stores .row span {
    color: var(--c-status-t600);
    font-size: var(--text-sm);
    font-weight: 600;
    text-transform: uppercase;
}

.info-stores .row span img {
    display: inline-block;
}

.info-delivery b {
    display: inline-block;
}

.info-delivery p b:first-of-type {
    padding-right:.5rem;
    margin-right:.5rem;
    position: relative;
}

.info-delivery p b:first-of-type:after {
    content: "";
    display: block;
    width: 1px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 3px;
    background-color: var(--c-neutral-400);
}

.order-info li>.svg path {
    fill: var(--c-brand-purple);
}

.order-info .row {
    border-top: 1px solid var(--c-neutral-300);
    margin: .5rem 0 0 -44px;
    padding-top: .5rem;
}

@media (max-width:767.98px) {

    .basket-free-shipping {
        position: relative;
        line-height: 1.3;
        font-size: var(--text-sm);
        padding: 1rem;
        border-radius: 0;
        right: auto;
        top: auto;
        margin: 0 -12px 0;
    }

    .basket-free-shipping div {
        width: 100%;
        top: auto;
        margin: .5rem 0 0;
    }

    .basket {
        margin: 0 -12px 0;
        border-radius: 0;
        padding: 0 12px;
    }

    .basket .order-item img {
        max-width: 100%;
    }
    
    .basket .order-item ul {
        right: auto;
        top: auto;
        position: relative;
        margin: 1rem 0 0 25%;
    }

    .basket .order-item p {
        font-size: var(--text-sm);
        max-width: 60%;
        height: auto;
        overflow: visible;
    }

}

@media (min-width:768px) {
    
    #modal-cart .basket {
        padding: 0;
    }

}

/* Page listings - All brands, All heroes, All categories */

.page-listing .container>ul {
    columns:4;
    column-gap: 1.5rem;
}

.page-listing .box {
    break-inside: avoid;
}

.page-listing a {
    color: var(--c-neutral-900);
}

.page-listing a:hover {
    color: var(--c-brand-pink);
}

.page-listing h3 a {
    color: var(--c-brand-pink);
}

@media (max-width:767.98px) {

    .page-listing .container>ul {
        columns:1;
    }

}

@media (min-width:768px) and (max-width:991.98px) {

    .page-listing .container>ul {
        columns:2;
    }

}

@media (min-width:992px) and (max-width:1199.98px) {

    .page-listing .container>ul {
        columns:3;
    }

}

/* Page product lists */

.list-description {
    color: var(--c-neutral-900);
}

.list-menu ul,
.list-narrowing ul {
    list-style: none;
    margin: 0 -.5rem;
    padding: 0;
    font-size: 0;
}

.list-menu ul a,
.list-narrowing ul a {
    font-size: var(--text-sm);
    color: var(--c-neutral-900);
    display: block;
    line-height: 36px;
    padding: 0 .5rem;
    border-radius: 8px;
    position: relative;
}

.list-narrowing ul a {
    line-height: 25px;
    padding: .3rem .5rem .2rem;
}

.list-narrowing ul a label:hover {
    cursor: pointer;
}

.list-menu ul span,
.list-narrowing ul span {
    position: absolute;
    right:.5rem;
    top:50%;
    transform: translateY(-50%);
    color: var(--c-brand-purple);
}

.list-menu ul a:hover,
.list-menu ul a:focus,
.list-menu ul a.active,
.list-narrowing ul a:hover,
.list-narrowing ul a:focus,
.list-narrowing ul a.active {
    font-weight: 600;
    background-color: var(--c-brand-lpurple);
    text-decoration: none;
}

.filters {
    position: relative;
}

.filters select {
    border-color: var(--c-brand-100);
    border-radius: 200px;
    height: 36px;
    line-height: 36px;
    background-color: transparent;
    padding: 0;
}

.filters ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.filters li {
    display: inline-block;
    vertical-align: middle;
}

.filters ul li:not(:last-child) {
    margin-right: .5rem;
}

.filters .filter-sex select,
.filters .filter-sex .select2-container {
    width: 80px !important;
}

.filters .filter-age select,
.filters .filter-age .select2-container {
    width: 95px !important;
}

.filters .filter-price select,
.filters .filter-price .select2-container {
    width: 65px !important;
}

.filters .filter-brand select,
.filters .filter-brand .select2-container {
    width: 90px !important;
}

.filters .filter-hero select,
.filters .filter-hero .select2-container {
    width: 110px !important;
}

.filters .filter-sort select,
.filters .filter-sort .select2-container {
    width: 145px !important;
}

.filters .filter-sort select {
    display: inline-block;
    font-size: var(--text-sm);
    font-weight: 600;
    padding: 0 .5rem;
    border-color: transparent;
}

.filters .filter-sort {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: var(--text-sm);
    color: var(--c-neutral-900);
}

.content.page-list {
    margin-top: -2.5rem;
}

.page-list .select2-container--open .select2-dropdown--below {
    width: auto !important;
}

.selected-filters {
    padding-top: .75rem;
    margin-top: .75rem;
    border-top: 1px solid var(--c-neutral-200);
}

.selected-filters ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.selected-filters li {
    display: inline-block;
}

.selected-filters ul li:not(:last-child) {
    margin-right: .5rem;    
}

.selected-filters a:hover,
.selected-filters a:focus {
    text-decoration: none;
}

.selected-filters .svg {
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
}

.selected-filters .svg path {
    fill: var(--c-neutral-900);
}

.selected-filters ul li:not(:last-child) a {
    border-radius: 20px;
    background-color: var(--c-basic-white);
    border: 1px solid var(--c-neutral-300);
    color: var(--c-neutral-900);
    font-size: var(--text-sm);
    line-height: 28px;
    padding: 0 .5rem;
    display: block;
}

.selected-filters ul li:not(:last-child) a:hover {
    background-color: var(--c-status-r50);
    border-color: var(--c-brand-pink);
}

.selected-filters ul li:last-child a {
    font-size: var(--text-xs);
    color: var(--c-brand-dpurple);
    font-weight: 600;
}

.selected-filters ul li:last-child a:hover {
    color: var(--c-brand-pink);
}

.filters-toggler {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    background-color: var(--c-brand-100);
    position: relative;
}

.filters-toggler .svg {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.filters-toggler .svg path {
    fill: var(--c-neutral-900);
}

.mobile-filters,
.mobile-filters .sublevel {
    position: fixed;
    left:0;
    top:0;
    width:100%;
    height: 100vh;    
    background-color: var(--c-basic-white);
    z-index: 103;
    margin-left:-100%;
    transition: all .2s;
}

.mobile-filters.active,
.mobile-filters .sublevel.active {
    margin-left:0;
    transition: all .2s;
}

.mobile-filters ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-filters>ul>li a {
    display: block;
    line-height: 60px;
    color: var(--c-neutral-900);
    padding: 0 1rem;
}

.mobile-filters>ul>li a span {
    position: absolute;
    right: 1rem;
    font-size: var(--text-sm);
    color: var(--c-neutral-600);
}

.mobile-filters>ul>li>a {
    background: transparent url(../images/icon-chevron-right.svg) right 10px center no-repeat;
    background-size: 24px 24px;
    font-weight: 600;
}

.mobile-filters>ul>li:not(:last-child) a {
    border-bottom: 1px solid var(--c-neutral-200);
}

.mobile-filters .header {
    position: relative;
    border-bottom: 1px solid var(--c-neutral-200);
}

.mobile-filters .header a:nth-of-type(1) {
    display: inline-block;
    padding: 0;
    width: 32px;
    height: 60px;
    vertical-align: middle;
    border-radius: 0;
}

.mobile-filters .header a:nth-of-type(1) .svg {
    margin: -5px -.5rem 0 12px;
    position: relative;
}

.mobile-filters a {
    display: inline-block;
    background-color: transparent;
}

.mobile-filters b {
    color: var(--c-basic-black);
    font-weight: 600;
    display: inline-block;
    line-height: 60px;
    margin-left: 1rem;
}

.mobile-filters .clear-all {
    position: absolute;
    border: 0;
    right:1rem;
    top:50%;
    transform: translateY(-50%);
    line-height: 60px;
    font-weight: 600;
    color: var(--c-brand-dpurple);
}

.mobile-filters .header .svg {
    width: 24px;
    height: 24px;
    margin: 12px 0 0 9px;
}

.mobile-filters .header .svg path {
    fill: var(--c-neutral-900);
}

.mobile-filters .onlythis a {
    line-height: 36px;
    font-size: var(--text-sm);
    font-weight: 400;
    background: none;
    position: relative;
}

.mobile-filters .onlythis span {
    position: absolute;
    right:1rem;
    top:50%;
    transform: translateY(-50%);
    color: var(--c-brand-purple);
}

.categories-list {
    margin-bottom: 2rem;
}

.categories-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 42px;
    overflow: hidden;
    max-width: calc(100% - 5rem);
    transition: all .5s;
}

.categories-list>div.active ul {
    max-height: 2000px;
    transition: all 1s;
}

.categories-list ul li {
    display: inline-block;
}

.categories-list ul li a {
    display: inline-block;
    background-color: var(--c-basic-white);
    border: 1px solid var(--c-brand-purple);
    color: var(--c-brand-dpurple);
    font-family: 'Baloo2', sans-serif, arial, verdana;
    font-weight: 400;
    margin: 0 .5rem .5rem 0;
    line-height: 40px;
    border-radius: 8px;
    padding: 0 .75rem;
}

.categories-list ul li a:hover {
    text-decoration:none;
    background-color: var(--c-brand-purple);
    color: var(--c-basic-white);
}

.categories-list ul .active a {
    font-weight: 600;
    color: var(--c-basic-white);
    background-color: var(--c-brand-purple);
}

.categories-list>div {
    border-radius: 20px;
    position: relative;
    padding: 1rem;
}

.categories-list>div>a {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    font-size: var(--text-xs);
    color: var(--c-brand-dpurple);
    display: inline-block;
    line-height: 40px;
    background-color: var(--c-brand-100);
    font-weight: 600;
}

.categories-list>div>a:hover,
.categories-list>div>a:focus {
    text-decoration: none;
}

.categories-list>div>a .svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: .25rem;
    transform: all .2s;
}

.categories-list>div>a .svg path {
    fill: var(--c-brand-dpurple);
}

.categories-list>div.active>a .svg {
    transform: rotate(180deg);
    transform: all .2s;
}

.categories-main {
    background-color: var(--c-brand-100);
}

.categories-sub {
    background-color: var(--c-basic-white);
}

.categories-list .categories-sub ul li a {
    border-color: var(--c-brand-pink);
}

.categories-list .categories-sub ul li a:hover {
    background-color: var(--c-brand-pink);
    color: var(--c-basic-white);
}

.categories-list .categories-sub ul .active a {
    background-color: var(--c-brand-pink);
}

.categories-list>div.categories-sub>a {
    background-color: var(--c-basic-white);
}

.categories-list.sub-active .categories-main {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.categories-list.sub-active .categories-sub {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

@media (max-width:767.98px) {
    
    .filters {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        display: block;
        margin: 0 -12px;
        padding-left: 12px;
    }

    .filters .filter-sort {
        position: relative;
        right: auto;
        top: auto;
        transform: none;
    }

    .selected-filters {
        overflow-x: auto;
        white-space: nowrap;
        display: block;
        margin: 0 -12px 0;
        padding-left: 12px;
        border: 0;
    }

    .selected-filters li {
        margin-right: .5rem;
    }

    .categories-list {
        margin: 0 -9999px 1rem;
        padding: 0 9987px;
    }

    .categories-list>div>a {
        display: none;
    }

    .categories-list ul li a {
        line-height: 32px;
        margin: 0 .5rem 0 0;
    }

    .categories-list>div {
        border-radius: 0;
        padding: .7rem 0;
    }

    .categories-list ul {
        overflow-x: auto;
        white-space: nowrap;
        display: block;
        max-width: 100%;
        padding: 0 .2rem 0 .7rem;
    }

}

@media (min-width:992px) {
    
    .categories-list.fixed {
        position: fixed;
        top: 61px;
        z-index: 200;
        box-shadow: 0px 10px 15px -3px rgba(49, 5, 76, 0.1), 0px 4px 6px -2px rgba(49, 5, 76, 0.05);
        border-radius: 0 0 20px 20px;
        max-width: 1286px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }

    .categories-list.fixed .categories-main {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

}

@media (min-width:992px) and (max-width:1199.98px) {
    
    .categories-list.fixed {
        max-width: 936px;
    }
        
}

@media (min-width:1200px) and (max-width:1399.98px) {
    
    .categories-list.fixed {
        max-width: 1116px;
    }
        
}

/* Partner list addons */

.partner-categories .btn span:nth-child(2),
.partner-categories.active .btn span:nth-child(1) {
    display: none;
}

.partner-categories.active .btn span:nth-child(2) {
    display: inline-block;
}

.partner-more {
    max-height: 0;
    overflow: hidden;
    transition: all .2s;
}

.partner-categories.active .partner-more {
    max-height: 9999px;
    transition: all .2s;
}

.partner-lego img {
    border-radius: 10px;
}

/* Page product */

.content.page-product {
    padding-top:0;
}

.page-product .breadcrumb {
    background-color: var(--c-basic-white);
}

.page-product .alert-container {
    background-color: var(--c-basic-white);
    padding: 1rem 0;
    margin: -3rem 0 -1rem;
}

.review-stars {
    width:136px;
    height:24px;
    background: transparent url(../images/stars-empty.svg) left center no-repeat;
    background-size: 100%;
}

.review-stars>div {
    width:0;
    height:24px;
    background: transparent url(../images/stars-full.svg) left center no-repeat;
    background-size: 136px 24px;
}

.stars-md {
    width:93px;
    height:16px;
}

.review-stars.stars-md>div {
    width:0;
    height:16px;
    background-size: 93px 16px;
}

.reviews-teaser {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
}

.reviews-teaser li {
    display: inline-block;
    margin-right: 1rem;
    font-size: var(--text-xs);
    vertical-align: middle;
}

.reviews-teaser b {
    font-weight: 600;
}

.reviews-teaser a {
    text-decoration: underline;
    color: var(--c-brand-purple);
}

.product-details {
    background-color: var(--c-basic-white);
    margin: 0 -9999px;
    padding: 0 9999px;
}

.product-details h1 {
    margin-bottom: 1rem;
}

.product-preview {
    color: var(--c-neutral-600);
    margin: -1rem 0 .5rem;
}

.product-data .data-item {
    background-color: var(--c-neutral-50);
    border:1px solid var(--c-neutral-200);
    color: var(--c-neutral-600);
    font-size: var(--text-sm);
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    padding: 1rem;
    height: 100%;
}

.product-data .data-item a {
    color: var(--c-brand-purple);
    display: block;
    margin-bottom: .3rem;
}

.product-data .data-item a:last-of-type {
    margin-bottom: 0;
}

.product-data .data-item a:hover {
    color: var(--c-brand-pink);
    text-decoration: none;
}

.product-data .data-item .svg {
    display: block;
    width: 24px;
    height: 24px;
    margin-bottom: .3rem;
}

.product-data .data-item b {
    font-size: var(--text-lg);
    line-height: var(--text-sm-lh);
    font-weight: 700;
    font-family: 'Baloo2', sans-serif, arial, verdana;
    display: block;
}

.product-data .btn {
    margin-top: 1.5rem;
    display: block;
}

.product-desc {
    margin-top:2rem;
    padding-top: 2rem;
    border-top: 1px solid var(--c-neutral-300);
    color: var(--c-neutral-900);
    position: relative;
}

.product-desc small {
    position: absolute;
    top:2rem;
    right: 0;
    color: var(--c-neutral-500);
}

.product-desc>div {
    max-height: 117px;
    overflow: hidden;
    transition: all .2s;
    margin-bottom: 3rem;
}

.product-desc.active>div {
    max-height: 1000px;
    transition: all .2s;
}

.product-desc.active .svg {
    transform: rotate(-180deg);
    transition: all .2s;
}

.product-desc a {
    position: absolute;
    right: 0;
    bottom: -2rem;
    color: var(--c-neutral-600);
    font-size: var(--text-sm);
    font-weight: 600;
}

.product-desc a .svg {
    width:20px;
    height:20px;
    position: relative;
    top:-2px;
    transition: all .2s;
}

.product-desc a .svg path {
    fill: var(--c-neutral-600);
}

.product-desc a span:nth-of-type(2) {
    display: none;
}

.product-desc.active a span:nth-of-type(1) {
    display: none;
}
.product-desc.active a span:nth-of-type(2) {
    display: inline-block;
}

.product-price {
    margin-bottom: 1rem;
}

.product-price .price-sale p:not(.notice-unitprice) {
    text-decoration: line-through;
    font-size: var(--text-lg);
    color: var(--c-neutral-500);
    display: inline-block;
    margin: 0 .5rem .5rem 0;
}

.product-price .price-sale span {
    color: var(--c-brand-pink);
    font-size: var(--text-base);
    text-decoration: none;
}

.product-price .price-sale strong {
    text-decoration: none;
    color: var(--c-brand-pink);
    font-weight: 700;
    font-size: var(--text-4xl);
    display: block;
    font-family: 'Baloo2', sans-serif, arial, verdana;
    margin-bottom: .5rem;
}

.product-price .price-normal strong {
    color: var(--c-brand-dpurple);
    font-weight: 700;
    font-size: var(--text-4xl);
    display: block;
    font-family: 'Baloo2', sans-serif, arial, verdana;
    margin-bottom: .5rem;
}

.product-price small {
    font-size: var(--text-xs);
    color: var(--c-neutral-500);
    display: block;
    line-height: var(--text-xs-lh);
}

.product-price .product-na {
    color: var(--c-status-r700);
    font-size: var(--text-xs);
    margin-top: .5rem;
}

.product-price .product-oversized {
    border-radius: 8px;
    background-color: var(--c-status-a100);
    font-size: var(--text-xs);
    color: var(--c-brand-dpurple);
    padding: .5rem 1rem;
    margin-bottom:.5rem;
    line-height: var(--text-xs-lh);
}

.product-price .product-oversized b {
    display: block;
}

.product-functions {
    margin-bottom: 1rem;
}

.product-functions .del-from-fav .svg path {
    fill: var(--c-brand-pink);
}

.product-functions .add-to-cart,
.product-functions .add-to-reserv {
    width: calc(100% - (2 * 56px) - 17px);
    margin-right: 8px;
}

.product-functions .add-to-watcher .svg path:nth-of-type(1){
    fill-opacity: 0;
    stroke: var(--c-brand-purple);
}

.product-functions .add-to-watcher:hover .svg path:nth-of-type(1){
    stroke: var(--c-basic-white);
}

.product-footer {
    background: transparent url(../images/illustration04.png) center top no-repeat;
}

.product-floating {
    position: fixed;
    z-index: 1;
    top: -100px;
    left: 0;
    right: 0;
    height: 76px;
    background-color: var(--c-basic-white);
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
    transition: all .2s;
}

.scrolled-more .product-floating {
    top: 0;
    transition: all .2s;
}

.product-floating .container {
    position: relative;
}

.product-floating .container>img {
    float: left;
    width: 48px;
    height: 48px;
    margin: 0px 1rem 0 0;
}

.product-floating .container>b {
    font-size: var(--text-lg);
    font-weight: 700;
    font-family: 'Baloo2', sans-serif, arial, verdana;
    color: var(--c-brand-dpurple);
    display: block;
    margin: 15px 0 -8px;
}

.product-floating .reviews-teaser {
    display: inline-block;
}

.product-floating .bullet {
    position: relative;
    top: 5px;
    padding: 0;
}

.product-floating .bullet:before {
    display: none;
}

.product-floating .bullet .svg path {
    fill:var(--c-basic-white);
}

.product-floating .bullet .svg rect {
    fill:var(--c-status-t600);
}

.product-floating .row {
    position: absolute;
    right: 0;
    width: 400px;
    text-align: right;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 1px;
    font-size: var(--text-xs);
}

.product-floating .row p {
    display: inline-block;
    margin: 0 .5rem 0 0;
    text-decoration: line-through;
    color: var(--c-neutral-500);
}

.product-floating .row strong {
    font-weight: 600;
    font-family: 'Baloo2', sans-serif, arial, verdana;
    color: var(--c-brand-dpurple);
    font-size: var(--text-2xl);
    display: block;
}

.product-floating .row .price-sale span,
.product-floating .row .price-sale strong {
    color: var(--c-brand-pink);
}

.product-gallery {
    position: relative;
    /*overflow: hidden;*/
}

.product-picture {
    margin-left: 108px;
    border: 1px solid var(--c-neutral-300);
    border-radius: 6px;
    padding: 3.5rem 0px;
    position: relative;
}

.product-picture-single {
    margin-left: 0;
}

.product-picture .badge-list {
    color: var(--c-basic-white);
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: var(--text-xs);
    font-weight: 600;
    padding: 0;
}

.product-picture .badge-list .badge-image {
    top: -.5rem;
    left: -1rem;
    width: 85%;
}

.gallery-thumbnails {
    position: absolute;
    top: 0;
    width: 108px;
    padding-right: 20px;
    height: 376px;
    overflow: hidden;
    margin: 0;
}

.gallery-thumbnails li {
    width: 100%;
}

.gallery-thumbnails a {
    display: block;
    border-radius: 6px;
    border: 1px solid var(--c-neutral-300);
    margin-bottom: .5rem;
    position: relative;
    aspect-ratio: 1/1;
    text-align: center;
}

.gallery-thumbnails a:hover {
    border-color: var(--c-brand-dpurple);
}

.gallery-thumbnails img {
    position: absolute;
    left:0;
    right: 0;
    margin: 0 auto;
    top:50%;
    transform: translateY(-50%);
}

.gallery-thumbnails li:first-child a,
.gallery-thumbnails li:first-child a:hover {
    border-color: var(--c-brand-dpurple);
}

.gallery-thumbnails.thumbnails-scroll {
    overflow-y: auto;
    scroll-behavior: smooth;
    max-height: 419px;
    scrollbar-width: none; /* Firefox */
}

.gallery-thumbnails.thumbnails-scroll::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.gallery-thumbnails.thumbnails-scroll li:last-of-type a {
    margin-bottom: 0;
}

.thumbnails-container {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 43px;
    width: 108px;
}

.thumbnails-container>a {
    position: absolute;
    bottom: -43px;
    background: transparent url(/assets/images/icon-chevron-down.svg) top 7px center no-repeat;
    background-size: 20px;
    height: 35px;
    width: 88px;
    margin: 0;
    border: 0;
    transition: all .2s;
}

.thumbnails-container>a.end {
    transform: rotate(180deg);
    transition: all .2s;
}

.video-mobile {
    position: absolute;
    width: 48px;
    height: 48px;
    background-color: var(--c-brand-purple);
    display: block;
    border-radius: 100%;
    right: 4px;
    bottom: 4px;
    background: transparent url(../images/icon-play2.svg) center no-repeat;
}

/*
.video-mobile:before {
    content: "VideĂł";
    position: absolute;
    left: 46%;
    top: 73%;
    transform: translate(-50%,-50%);
    margin: 0 0 0 3px;
    z-index: 10;
    color: #fff;
}

.video-mobile:after {
    width: 24px;
    height: 24px;
    border-top: 12px solid transparent;
    border-left: 24px solid #fff;
    border-bottom: 12px solid transparent;
    content: "";
    position: absolute;
    left: 49%;
    top: 36%;
    transform: translate(-50%,-50%);
    margin: 0 0 0 3px;
}
*/

.carousel-control-next,
.carousel-control-prev {
    opacity: 1;
    top: 6rem;
    bottom: 6rem;
}

.carousel-control-next {
    right: -5%;
}

.carousel-control-prev {
    left: -5%;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    background-image: none;
    background-color: var(--c-brand-dpurple);
    border-radius: 100%;
    opacity: 1;
    width: 36px;
    height: 36px;
}
.carousel-control-next-icon:after,
.carousel-control-prev-icon:after {
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -57%);
    background-color: var(--c-basic-white);
    mask-repeat: no-repeat;
    mask-size: 24px;
    mask-position: center;
}

.carousel-control-next-icon:after {
    mask-image: url('../images/icon-chevron-right.svg');
}

.carousel-control-prev-icon:after {
    mask-image: url('../images/icon-chevron-left.svg');
}

.pswp__bg { /* Gallery modal modifications */
    opacity: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), rgb(15 23 42 / 20%);
}

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

.pswp__img,
.pswp__zoom-wrap {
    border-radius: 20px;
}

.pswp__button--arrow--next svg,
.pswp__button--arrow--prev svg {
    opacity: 0;
}

.pswp__button--arrow--next,
.pswp__button--arrow--prev {
    background-color: var(--c-basic-white);
    mask-repeat: no-repeat;
    mask-size: 48px;
    mask-position: center;
}

.pswp__button--arrow--next {
    mask-image: url('../images/icon-chevron-right.svg');
}

.pswp__button--arrow--prev {
    mask-image: url('../images/icon-chevron-left.svg');
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
    background-color: var(--c-basic-white);
}

.pswp__counter {
    color: var(--c-basic-white);
    opacity: 1;
    text-shadow: none;
    font-weight: 700;
    font-size: var(--text-xl);
}

.pswp__button--close {
    background-color: var(--c-basic-white);
    mask-repeat: no-repeat;
    mask-size: 32px;
    mask-position: center;
    mask-image: url('../images/icon-close.svg');
    opacity: 1;
}

.pswp__button--close svg {
    opacity: 0;
}

@media (max-width:767.98px) {

    .page-product .alert-container {
        margin-top: -2rem;
    }

    .product-picture {
        margin: 0;
        padding: 1.5rem 0px;
    }

    .product-picture img {
        max-height: 305px;
    }

    .gallery-video a:after {
        width: 48px;
        height: 48px;
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        box-shadow: 0 0 11px #000;
        background: transparent url(../images/icon-play2.svg) center no-repeat;
    }

}

@media (min-width:768px) {

    .video-mobile {
        display: none;
    }

}

@media (max-width:991.98px) {

    .product-data-scroll {
        overflow-x: auto;
        white-space: nowrap;
        display: block;
        padding-bottom: 7px;
        margin-bottom: -7px;
        padding-right: 12px;
    }

    .product-data-scroll .col {
        padding-right: 0;
        display: inline-block;
        width: auto;
    }

    .product-data-scroll .data-item {
        width: 140px;
        overflow: hidden;
    }

    .product-data-scroll .data-item a {
        margin: 0;
    }

    .product-data-scroll .data-item a:not(:first-of-type) {
        display: none;
    }
    
    .product-floating {
        top:auto;
        bottom:-100px;
        z-index: 1;
        box-shadow: 0px -4px 6px -1px rgba(0, 0, 0, 0.1), 0px -2px 4px -1px rgba(0, 0, 0, 0.06);
    }

    .scrolled-more .product-floating {
        top:auto;
        bottom:0;
    }

    .product-floating .container>*:not(.row) {
        display: none;
    }

    .product-floating .row {
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        width: auto;
        margin-top: 9px;
    }

}

/* Product reviews */

.product-reviews {
    color: var(--c-neutral-900);
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid var(--c-neutral-300);
}

.product-reviews .mandatory {
    color: var(--c-status-r700);
}

.reviews-login {
    border-radius: 8px;
    background-color: var(--c-neutral-100);
    text-align: center;
    line-height: 1.4;
    padding: 1rem 0;
}

.reviews-login a {
    color: var(--c-brand-purple);
    font-weight: 600;
}

.review-summary {
    font-size: var(--text-sm);
    color: var(--c-neutral-900);
}

.review-summary .reviews-teaser li {
    margin-right: 0;
}

.review-summary .reviews-teaser>li:first-of-type {
    width: 100%;
    margin: .25rem 0 1.25rem;
}

.review-summary #review-overall {
    font-size: var(--text-3xl);
    color: var(--c-brand-dpurple);
    display: inline-block;
    vertical-align: middle;
    margin-right: .5rem;
    font-weight: 600;
    font-family: 'Baloo2', sans-serif, arial, verdana;
}

.review-summary a {
    color: var(--c-brand-purple);
    text-decoration: underline;
    font-size: var(--text-sm);
}

.review-summary a:hover {
    text-decoration: none;
}

.reviews-details .row {
    width: 300px;
    font-size: var(--text-sm);
    color: var(--c-neutral-600);
}

.reviews-details .row .col {
    border-radius: 20px;
    overflow: hidden;
    height: 8px;
    background-color: var(--c-neutral-200);
    padding: 0;
}

.reviews-details .row .col>div {
    background-color: var(--c-status-a400);
    width: 0;
    height: 8px;
}

.reviews-details span {
    display: block;
    min-width: 24px;
    text-align: right;
}

.reviews-list>.row a {
    font-size: var(--text-sm);
    font-weight: 600;
}

.reviews-list>.row .svg {
    transition: all .2s;
    width: 20px;
    height: auto;
}

.reviews-list>.row .svg path {
    fill:var(--c-brand-blue);
}

.reviews-list>.row a:hover .svg path{
    fill: var(--c-brand-pink);
}

.reviews-list>.row .active .svg {
    transform: rotate(180deg);
    transition: all .2s;
}

.review-add {
    background-color: var(--c-neutral-100);
    padding: 1.5rem 1.5rem 2rem;
    border-radius: 8px;
    position: relative;
}

.review-add>.close {
    position: absolute;
    right:1rem;
    top:1rem;
}

.review-add>.close .svg {
    width: 20px;
    height: 20px;
}

.review-add>.close:hover {
    cursor: pointer;
}

.review-add label {
    font-size: var(--text-sm);
}

.review-add textarea {
    height: 100px;
}

.review-add textarea + span {
    display: block;
    text-align: right;
    font-size: var(--text-xs);
    color: var(--c-neutral-500);
}

.review-form .d-flex {
    justify-content: center;
}

.review-star .svg {
    width: 32px;
    height: 32px;
    margin: 0 .25rem;
}

.review-note {
    font-size: var(--text-sm);
    color: var(--c-neutral-600);
    line-height: 1.2;
}

.review-note a {
    color: var(--c-brand-purple);
    text-decoration: underline;
}

.review-note a:hover {
    text-decoration: none;
    color: var(--c-brand-pink);
}

.reviews-content {
    margin: 0 0 1rem 0;
    border-bottom:1px solid var(--c-neutral-200);
    padding-bottom: 1rem;
}

.review-item {
    border-top:1px solid var(--c-neutral-200);
    margin-top: 1rem;
    padding-top: 1rem;
}

.review-item p {
    margin: 0;
}

.review-item .row {
    font-size: var(--text-sm);
    line-height: 1.4;
}

.review-item .row>div>span {
    font-size: var(--text-xs);
    display: block;
    color: var(--c-neutral-600);
}

.review-item .reviews-teaser li {
    margin-right: .5rem;
    font-weight: 600;
}

@media (max-width:767.98px) {
    
    .review-summary {
        margin: .5rem 0 2rem;
    }

    .reviews-details .row {
        width: 100%;
    }

    .review-add {
        border-radius: 0;
        padding: 1rem;
        margin: 0 -1rem;
    }

}

/* Page stores */

.stores {
    list-style: none;
    margin: 0;
    padding: 0;
    columns: 4;
}

.stores a {
    display: block;
    background-color: var(--c-basic-white);
    color: var(--c-brand-dpurple);
    font-size: var(--text-lg);
    line-height: 60px;
    border:1px solid var(--c-neutral-200);
    position: relative;
    border-radius: 10px;
    font-family: 'Baloo2', sans-serif, arial, verdana;
    margin-bottom: .5rem;
    font-weight: 700;
}

.stores a:hover {
    text-decoration: none;
    color: var(--c-brand-pink);
}

.stores .svg {
    position: relative;
    top:-2px;
}

.stores .svg path {
    fill: var(--c-brand-dpurple);
}

.stores a .svg path:nth-child(5),
.stores a .svg path:nth-child(6),
.stores a .svg path:nth-child(7),
.stores a .svg path:nth-child(8) {
    fill:transparent;
    stroke: var(--c-brand-dpurple);
}

.stores a .svg:first-of-type {
    margin: 0 .5rem 0 .7rem;
    width: 24px;
    height: 24px;
}

.stores a .svg:last-of-type {
    position: absolute;
    right:1rem;
    top:50%;
    transform: translateY(-50%);
    width:24px;
    height:24px;
}

.page-stores .associates {
    list-style: none;
    padding:0;
}

.page-stores .associate {
    background-color: var(--c-basic-white);
    color: var(--c-brand-dpurple);
    font-size: var(--text-base);
    border:1px solid var(--c-neutral-200);
    border-radius: 10px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.page-stores .associates a {
    color: var(--c-brand-dpurple);
}

.page-stores .associate a:last-of-type {
    text-decoration: underline;
    display: block;
}

.page-stores .associate b {
    font-size: var(--text-lg);
    display: block;
    margin-bottom: .5rem;
    font-weight: 600;
}

.page-stores .associate span {
    color: var(--c-brand-pink);
    display: block;
    margin-bottom: 1rem;
    font-weight: 600;
}

.stores-toggler {
    font-size: var(--text-sm);
    color: var(--c-brand-dpurple);
    font-weight: 600;
}

.stores-toggler .svg {
    width: 20px;
    height: 20px;
    position: relative;
    top:-2px;
    transition: all .2s;
}

.stores-toggler span:last-of-type {
    display: none;
}

.stores.active + div .stores-toggler span:first-of-type {
    display: none;
}

.stores.active + div .stores-toggler span:last-of-type {
    display: inline-block;
}

.stores.active + div .stores-toggler .svg {
    transform: rotate(-180deg);
    transition: all .2s;
}

#modal-store,
#modal-store-item {
    color: var(--c-neutral-900);
}

.accessible {
    font-size: var(--text-sm);
    color: var(--c-brand-dpurple);
    display: inline-block;
    border-radius: 40px;
    border: 1px solid var(--c-neutral-200);
    background-color: var(--c-neutral-50);
    line-height: 28px;
    padding: 0 12px;
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.accessible .svg {
    width: 16px;
    height: 16px;
    margin-right: .2rem;
    position: relative;
    top: -2px;
}

.accessible .svg path {
    fill: var(--c-brand-blue);
}

.store-address b {
    display: block;
    color: var(--c-brand-blue);
    font-weight: 600;
}

.store-open ul {
    list-style: none;
    padding: 0;
    max-width: 70%;
    columns: 2;
    margin: 0;
}

.store-special,
.store-timed-text-block {
    padding: 1rem 1.2rem;
    background-color: var(--c-status-r50);
    border-radius: 10px;
}

.store-special b:nth-of-type(1){
    color: var(--c-brand-pink);
    display: block;
}
.store-timed-text-block {
    background-color: var(--c-status-a100);
}

.store-payment {
    font-size: var(--text-sm);
}

.store-payment p {
    margin-bottom: .3rem;
    max-width: 300px;
    font-weight: 600;
    color: var(--c-brand-dpurple);
}

.store-images {
    width: 320px;
    border-radius: 10px;
    overflow: hidden;
}

.store-images img {
    border-radius: 10px;
}

.store-images .slick-slider .slick-next {
    right: 12px;
}

.store-images .slick-slider .slick-prev {
    left: 12px;
}

.store-payment img {
    margin: 0;
}

@media (max-width:767.98px) {

    .stores {
        columns: 1;
        max-height:483px;
        overflow: hidden;
        transition: all 1s;
    }

    .stores.active {
        max-height: 6000px;
        transition: all 2s;
    }

    .store-container {
        border: 1px solid var(--c-neutral-200);
        padding: 1rem;
        border-radius: 10px;
        font-size: var(--text-sm);
        margin-bottom: 1rem;
    }

    .store-container div>b {
        font-size: var(--text-base);
    }

    .store-container .store-open ul {
        max-width: none;
    }

    .slick-store-item.slick-slider {
        margin-right: -40%;
    }



    .store-images {
        width: calc(100% + 22px);
        margin-right:-22px;
    }

    .store-images .slick-slide {
        margin-right: 12px;
    }

    .slick-store .slick-list {
        margin-right: -40%;
    }
    
}

@media (min-width:768px) and (max-width:991.98px) {

    .stores {
        columns: 2;
    }

}

@media (min-width:992px) and (max-width:1399.98px) {

    .stores {
        columns: 3;
    }

    .store-open ul {
        max-width: 85%;
    }

}

/* Page profile */

.list-dropdown {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.list-dropdown a {
    display: block;
    margin-bottom: .5rem;
    border-radius: 8px;
    background-color: var(--c-basic-white);
    font-family: 'Baloo2', sans-serif, arial, verdana;
    line-height: 36px;
    padding: 1px 1rem 0;
    color: var(--c-neutral-900);
}

.list-dropdown a .svg {
    width:18px;
    height:18px;
    position: relative;
    top: -1px;
}

.list-dropdown a:hover,
.list-dropdown a:focus,
.list-dropdown .active a {
    background-color: var(--c-brand-100);
    color: var(--c-brand-dpurple);
    text-decoration: none;
}

.page-profile .btn-primary {
    padding: 0 3rem;
}

.page-profile .modify {
    max-height: 0;
    overflow: hidden;
    transition: all .2s;
}

.page-profile .modify.active {
    max-height: 1000px;
    transition: all .2s;
}

.page-profile .modify-content {
    display: none;
}

.page-profile .modify-content.active {
    display: block;
}

.page-profile .order-phone .select2-container {
    width: auto !important;
}

.page-profile .order-phone .select2-container--default .select2-selection--single {
    border: 0;
    height: 46px;
    padding: 0 1rem 0 0;
}

.kids-list {
    list-style: none;
    padding: 0;
    margin-bottom: 1rem;
}

.kids-list li {
    display: inline-block;
    text-align: center;
    pointer-events: none;
}

.kids-list li b {
    font-weight: 700;
    color: var(--c-brand-purple);
    font-family: 'Baloo2', sans-serif, arial, verdana;
}

.kids-list li .svg {
    display: block;
    width:40px;
    height:40px;
    margin:1rem auto .5rem;
}

.kids-list li .svg path {
    fill: var(--c-neutral-600);
}

.kids-list li:not(:last-child) span {
    margin-right: 1rem;
}

.kids-list .btn {
    width: 96px;
    height: 96px;
    line-height: 1;
    font-size: var(--text-sm);
    color: var(--c-neutral-600);
}

.page-kids .box form {
    max-width: none;
}

.kids-new {
    max-height: 0;
    transition: all .2s;
    overflow: hidden;
}

.kids-new.active {
    max-height: 1000px;
    transition: all .2s;
}

.page-myorders .box {
    color: var(--c-neutral-900);
}

.page-myorders .basket {
    padding: 0;
}

.myorder-delivery {
    color: var(--c-neutral-900);
}

.page-myorders .order-status {
    position: relative;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--c-neutral-200);
}

.page-myorders .order-status .row {
    max-width: 90%;
}

.page-myorders .order-status .col-12 {
    position: absolute;
    right: -12px;
    top: 6px;
    width: auto;
}

.page-myorders .order-status p {
    margin: 0;
}

.page-myorders .order-status span {
    font-family: 'Baloo2', sans-serif, arial, verdana;
    font-weight: 700;
    color: var(--c-brand-dpurple);
    font-size: var(--text-base);
}

.page-myorders .order-more {
    list-style: none;
    padding: 1rem 0 0;
    margin: 0;
    border-top: 1px solid var(--c-neutral-200);
}

.page-myorders .order-more li {
    display: inline-block;
    margin-right: .25rem;
    padding: 4px;
    border: 1px solid var(--c-neutral-200);
    border-radius: 8px;
    vertical-align: bottom;
}

.page-myorders .order-more li img {
    max-width: 45px;
    max-height: 45px;
    margin: 0 auto;
}

.page-myorders .order-more .more {
    border: 0;
}

.page-myorders .order-more .more a {
    color: var(--c-brand-dpurple);
    font-size: var(--text-xs);
    font-weight: 600;
    line-height: 45px;
}

.page-myorders .order-more .more .svg {
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
}

.status-timeline {
    list-style: none;
    margin: 0;
    padding: 0;
    color: var(--c-brand-dpurple);
}

.status-timeline li:not(:last-child) {
    margin-bottom:2.5rem;
}

.status-timeline figure {
    display: inline-block;
    width:40px;
    height:40px;
    border-radius: 100%;
    background-color: var(--c-brand-dpurple);
    position: relative;
    margin: 0;
    vertical-align: middle;
}

.status-timeline li:not(:first-child) figure:before {
    content: "";
    display: block;
    width: 2px;
    height: 28px;
    position: absolute;
    left: 19px;
    top: -34px;
    background-color: var(--c-brand-dpurple);
}

.status-timeline figure .svg {
    width:24px;
    height:24px;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50% , -50%);
}

.status-timeline figure .svg path {
    fill: var(--c-basic-white);
}

.status-timeline .active figure {
    background-color: var(--c-brand-pink);
}

.status-timeline .active figure .svg path {
    fill: var(--c-basic-white);
}

.status-timeline .active ~ li:nth-child(-n+10) figure {
    background-color: var(--c-neutral-300);
}

.status-timeline .active ~ li:nth-child(-n+10) figure .svg path {
    fill: var(--c-neutral-400);
}

.status-timeline .active ~ li:nth-child(-n+10) figure:before {
    background-color: var(--c-neutral-300);
}

.box .status-timeline p {
    display: inline-block;
    margin: 0 0 0 2rem;
    vertical-align: middle;
    line-height: 1.4;
    font-size: var(--text-base);
    color: var(--c-brand-dpurple);
}

.status-timeline .active p {
    font-weight: 600;
}

.status-timeline span {
    display: block;
    color: var(--c-neutral-600);
    font-size: var(--text-sm);
}

@media (max-width:767.98px) {

    .page-kids .box {
        padding-top: 3rem;
    }

    .kids-list li {
        width: 32%;
    }

    .kids-list li:not(:last-child) span {
        margin-right: 0;
    }

    .kids-list .btn {
        width: 100%;
        height: 100%;
        padding-bottom: 20%;
    }

    .kids-list li .svg {
        margin: 25% auto .2rem;
    }

}

@media (max-width:991.98px) {

    .page-profile h1 {
        margin-top: 3rem;
    }

    .page-profile>.container {
        position: relative;
    }

    .list-dropdown {
        max-height: 48px;
        overflow: hidden;
        border:1px solid var(--c-neutral-400);
        background-color: var(--c-basic-white);
        border-radius: 8px;
        transition: all .2s;
        position: absolute;
        z-index: 1;
        left: 12px;
        right: 12px;
    }

    .list-dropdown.active {
        max-height: 500px;
        transition: all .2s;
    }
    
    .list-dropdown a {
        font-size: var(--text-base);
        line-height: 45px;
        font-family:'Inter', sans-serif, arial, verdana;
        background-color: var(--c-basic-white);
        margin: 0;
    }

    .list-dropdown .active a {
        background-color: var(--c-basic-white);
        color: var(--c-neutral-900);
    }

    .list-dropdown a .svg {
        /*display: none;*/
        top: -2px;
    }

    .list-dropdown .active {
        position: absolute;
        top:0;
        z-index: 1;
        left: 0;
        right: 0;
    }

    .list-dropdown-toggler {
        position: absolute;
        top: 0;
        z-index: 2;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .list-dropdown.active .list-dropdown-toggler {
        bottom: auto;
        height: 46px;
    }

    .list-dropdown-toggler a {
        z-index: 2;
        position: relative;
        width: 100%;
        height: 100%;
        background-color: transparent;
    }

    .list-dropdown-toggler a .svg {
        display: block;
        position: absolute;
        right: 12px;
        top: 13px;
        width: 20px;
        height: 20px;
        transition: all .2s
    }

    .list-dropdown-toggler a .svg path {
        fill: var(--c-neutral-400);
    }

    .list-dropdown.active .list-dropdown-toggler a .svg {
        transform: rotate(-180deg);
        transition: all .2s
    }

    .list-dropdown .list-dropdown-toggler a:hover,
    .list-dropdown .list-dropdown-toggler a:focus {
        background-color: transparent;
        text-decoration: none;
    }

    .page-order-details .summary-title {
        pointer-events: none;
    }

    .page-order-details .summary-title>.svg {
        display: none !important;
    }

}

/* Page news */

.page-news {
    color: var(--c-neutral-900);
    background-color: var(--c-basic-white);
    padding: 2rem 0;
    margin-top: -.8rem;
}

.page-news h1 {
    color: var(--c-neutral-900);
    font-size: var(--text-4xl);
    line-height: var(--text-4xl-lh);
}

.page-news h2 {
    font-size: var(--text-3xl);
    line-height: var(--text-3xl-lh);
    margin-bottom: 2rem;
}

.page-news h3 {
    font-size: var(--text-2xl);
    line-height: var(--text-2xl-lh);
    margin-bottom: 1rem;
}

/* Blog */

.articles {
    position: relative;
}

.articles h2 {
    color: var(--c-brand-dpurple);
    font-size: var(--text-4xl);
    text-align: center;
    margin-bottom: 2rem;
    margin-top: 6rem;
}

.articles .content-show-more {
    top: 10px;
}

.article-item {
    background-color: var(--c-basic-white);
    border: 1px solid var(--c-neutral-300);
    padding: 1rem;
    border-radius: 10px;
    position: relative;
}

.article-item figure {
    /*height: 198px;*/
    overflow: hidden;
    margin: -1rem -1rem 1rem;
    aspect-ratio: 16/10;
}

.article-item img {
    /*margin: -1rem;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /*max-width: none;
    width: 100%;*/
    min-height: 100%;
    /*
    margin-bottom: 1rem;
    max-width: calc(100% + 2rem);
    */
}

.article-item h3 {
    color: var(--c-brand-dpurple);
    font-size: var(--text-xl);
    margin-bottom: .5rem;
    height: 50px;
    overflow: hidden;
}

.article-item p {
    color: var(--c-brand-dpurple);
    font-size: var(--text-sm);
    margin: 0;
    max-height: 100px;
    overflow: hidden;
}

.article-item>a:last-of-type {
    font-size: var(--text-xs);
    color: var(--c-brand-pink);
    font-weight: 600;
}

.article-item>a:last-of-type .svg {
    width: 16px;
    height: 16px;
}

.article-item>a:last-of-type .svg path {
    fill: var(--c-brand-pink);
}

.article-item ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left:.5rem;
    top:.5rem;
}

.article-item ul span {
    border-radius: 4px;
    border: 1px solid var(--c-brand-lpurple);
    background-color: var(--c-basic-white);
    color: var(--c-brand-purple);
    margin-bottom: .5rem;
    font-size: var(--text-xs);
    line-height: 24px;
    padding: 0 .4rem;
    font-weight: 600;
    display: inline-block;
}


@media (max-width:767.98px) {
    
    .articles h2 {
        max-width: 245px;
        margin-top: 3rem;
    }

    .articles .slick-primary .slick-list {
        margin-right: -180%;
    }

}

@media (min-width:768px) and (max-width:991.98px) {
    
    .articles h2 {
        margin-top: 4rem;
    }

}

@media (max-width:991.98px) {
    
    .articles h2 {
        font-size: var(--text-2xl);
        text-align: left;
        margin-bottom: 1rem;
    }

    .articles .content-show-more {
        top: 32px;
    }

}

/* Responsive CSS */

@media (max-width:767.98px) {

    .content:not(.page-index) {
        padding-top: 0;
    }

    .content.page-list {
        margin-top: -1rem;
    }

    header {
        margin-bottom: 16px;
    }

    footer .container>.row {
        padding: 16px 0;
    }

    footer ul li {
        font-size: var(--text-base);
    }

    footer .footer-social ul li {
        margin: 1rem 1rem 2rem 0;
    }

    .footer-social {
        position: relative;
        bottom: auto;
        right: auto;
        width: 100%;
    }

    footer input {
        max-width: none;
    }

    h1 {
        margin-bottom: 1rem;
        font-size: var(--text-2xl);
    }

    .usp img {
        max-width: none;
        width: 100%;
    }

    .usp .slick-primary .slick-list {
        margin-right: -180%;
    }

    .teaser-categories .row a {
        aspect-ratio: 1/1;
        overflow: hidden;
        border-radius: 10px;
    }

    .teaser-categories .row a>img {
        max-width:none;
        width: 100%;
    }

    .teaser-categories .row a b {
        font-size: var(--text-sm);
    }

    .teaser-ages .slick-slider a {
        width: 144px;
        height: 144px;
    }

    .teaser-ages .slick-slider p {
        margin: 2.3rem 0 0;
    }

    .teaser-ages .slick-slider p>img {
        height: 40px;
    }

    .teaser-heroes .slick-slider img {
        width:144px;
        height: 144px;
    }

    .teaser-services img {
        border-radius: 10px 10px 0 0;
    }

    .teaser-services .form {
        padding: 1.5rem 1rem;
    }

    .teaser-services .btn {
        display: block;
    }

    .teaser-newsletter {
        background-size: 60%;
    }
    
    .teaser-newsletter h3 {
        font-size: var(--text-base);
        line-height: var(--text-base-lh);
    }

    .teaser-newsletter h3 span {
        font-size: var(--text-2xl);
        line-height: var(--text-2xl-lh);
    }

    .teaser-giftfinder .title {
        font-size: var(--text-lg);
    }

    .teaser-giftfinder h3 {
        font-size: var(--text-2xl);
    }

    .teaser-giftfinder h3 span {
        font-size: 60px;
    }

    .teaser-giftfinder h3 span .svg {
        display: none;
    }

    .teaser-loyalty .form {
        padding: 1rem;
        position: relative;
    }

    .teaser-loyalty .form>img {
        transform: rotate(18deg);
        width: auto;
        height: 70px;
        position: absolute;
        right: 0;
        top: 55px;
    }

    .teaser-loyalty h3 {
        font-size: var(--text-2xl);
    }

    .teaser-loyalty h3 span {
        font-size: var(--text-4xl);
    }

    .teaser-loyalty .btn {
        display: block;
    }

    .teaser-loyalty img {
        border-radius: 10px 10px 0 0;
    }

}

@media (min-width:768px) {
    
    .teaser-seasonbests>.row:before {
        content: "";
        position: absolute;
        left: calc(33.33333333% - 12px);
        top: 0;
        bottom: 0;
        background-color: var(--c-basic-bg-purple);
        width: 9999px;
        z-index: 1;
        margin-left: -9999px;
    }

}

@media (min-width:768px) and (max-width:991.98px) {

    .footer-social {
        bottom: 136px;
    }

    .teaser-services .form {
        padding: 2rem;
    }

    .teaser-newsletter h3 {
        font-size: var(--text-xl);
        line-height: var(--text-xl-lh);
    }

    .teaser-newsletter h3 span {
        font-size: var(--text-3xl);
        line-height: var(--text-3xl-lh);
    }

    .teaser-giftfinder h3 {
        font-size: var(--text-xl);
    }

    .teaser-giftfinder h3 span {
        font-size: var(--text-5xl);
    }

    .teaser-loyalty .form {
        padding: 2rem 2rem;
    }

    .teaser-loyalty h3 {
        font-size: var(--text-xl);
        line-height: var(--text-xl-lh);
    }

    .teaser-loyalty h3 span {
        font-size: var(--text-5xl);
    }

}

@media (max-width:991.98px) {

    .site {
        overflow-x:hidden;
    }

    .ad-header .container .row {
        overflow-x: auto;
        white-space: nowrap;
        display: block;
    }

    .ad-header .container .row>div {
        display: inline-block;
        width: auto;
    }

    .navbar>.container {
        height: 116px;
    }

    .navbar-brand {
        top: 15px;
        left: 60px;
    }

    .navbar-brand .svg {
        width: 76px;
        height: 34px;
    }

    .nav-link .svg {
        width: 24px;
        height: 24px;
        margin: 0;
    }

    .search {
        top: 60px;
        left: 8px;
        right: 8px;
        width: auto;
    }

    .search input {
        height: 40px;
        width: 100%;
    }

    .search button {
        width: 28px;
        height: 28px;
        right: 9px;
    }

    .search button .svg {
        width: 16px;
        height: 16px;
    }

    #menu-logo .nav-link {
        font-size: 0;
    }

    .copyright>img {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        top: auto;
        margin: 0 auto 1rem;
    }

}

@media (min-width:992px) {

    #menu-logo .nav-link.nav-stores .svg path {
        fill: var(--c-brand-pink);
    }

    .nav-link.nav-stores .svg path:nth-child(5),
    .nav-link.nav-stores .svg path:nth-child(6),
    .nav-link.nav-stores .svg path:nth-child(7),
    .nav-link.nav-stores .svg path:nth-child(8) {
        stroke: var(--c-brand-pink);
        fill: transparent;
    }
    
}

@media (max-width:1199.98px) {
    
    .teaser-categories .row a h3 {
        font-size: var(--text-xl);
    }

}

/*.choose-transport { visibility: visible!important; }*/

/* ws_view_item bolt felugro */

#stores-modal .modal-dialog {
    max-width: 1280px;
    width: 100%;
}

#stores-map-mobile {
    margin: 0 -12px;
}

#stores-modal .modal-header {border-bottom: 0; padding: 0;}
#stores-modal .modal-body>.row.hidden-sm {margin-top: 32px;}
#stores-modal .modal-body .btn-add-to-cart {margin-top: 16px;}

#stores-modal h2 {
    display: none;
}

#stores-modal .store-details {
    font-size: var(--text-xs);
    line-height: var(--text-sm-lh);
}

#stores-map {
    height: 100%;
    border-radius: 20px;
}

#stores-modal .store-card picture {
    display: none;
}

@media (max-width:767.98px) {

    #stores-modal .store-card {
        padding: .5rem 0;
        border: 1px solid var(--c-neutral-200);
        border-radius: 6px;
        position: relative;
        margin: 1rem 12px 0;
        font-size: var(--text-xs);
        line-height: var(--text-sm-lh);
    }

    #stores-modal .modal-body {
        overflow-y: scroll;
        margin: 0 -12px;
    }

}

#pickup-map-modal .modal-dialog,
#stores-map-modal .modal-dialog {
    max-width: 1286px;
    width: 90%;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    max-height: 100%;
}

@media (min-width:992px) {

    #pickup-map-modal .modal-body>.row,
    #stores-map-modal .modal-body>.row {
        min-height: 50vh;
    }

}

#pickup-map-modal .modal-header, #stores-map-modal .modal-header {border-bottom: 0; padding: 0;}
#pickup-map-modal .modal-body, #stores-map-modal .modal-body{padding:0;}
#pickup-map-modal .modal-body>.row.hidden-sm, #stores-map-modal .modal-body>.row.hidden-sm {margin-top: 32px;}
#pickup-map-modal .modal-body .btn-add-to-cart, #stores-map-modal .modal-body .btn-add-to-cart {margin-top: 16px;}
#pickup-map-modal h2, #stores-map-modal h2 {color: #999;text-align: left;font-size: 22px;}
#pickup-map-modal h2:before, #stores-map-modal h2:before{display: none;}
#pickup-map-modal button.close, #stores-map-modal button.close {position: absolute;top: 0;right: 0;margin-top: 0;display: block;background-color: #732b90;opacity: 1;text-shadow: 0 0 black;color: #fff;width: 42px;height: 42px;font-size: 26px;line-height: 42px;z-index: 1000;}
#pickup-map-modal button.close span, #stores-map-modal button.close span {position: relative;top: -2px;}
#pickup-map-modal .store-details, #stores-map-modal .store-details {padding: 0 20px;font-size: 14px;}
#pickup-map-modal .store-details p, #stores-map-modal .store-details p {margin: 16px 0 0;}
#pickup-map-modal .store-details img, #stores-map-modal .store-details img {position: relative;top: -2px;margin-right: 5px;}

#pickup-map-modal .search-container,
#stores-map-modal .search-container {
    padding: 0 0 1rem 0;
    display: flex;
}

#pickup-map-modal .search-container>input,
#stores-map-modal .search-container>input {
    border-radius: 21px;
    padding-left: 1.5rem;
}

#pickup-map-modal .search-container>input:focus,
#stores-map-modal .search-container>input:focus {
    border-color: var(--c-neutral-400);
    box-shadow: none;
}

#pickup-map-modal .search-container .btn-success, #stores-map-modal .search-container .btn-success {padding: 10px 12px 8px;font-size: 14px;}

#pickup-map-modal .search-container.focused>.results-container, #stores-map-modal .search-container.focused>.results-container {
    display: block;
    width: calc(58.33333333% - 10px);
    padding: 0;
    border: 1px solid var(--c-neutral-400);
    background-color: var(--c-basic-white);
    margin-top: -20px;
    border-top: 0;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}

#stores-map-modal .search-container.focused>.results-container {
    width: calc(33.33333333% - 16px);
}

#pickup-map {height: 100%;border-radius: 20px;}

#pickup-map-modal .results-container, #stores-map-modal .results-container {display:none; position: absolute; z-index: 100; top: 50px; left: 0; right: 0; padding: 0 1rem;}

#pickup-map-modal .results-container>.subcontainer,
#stores-map-modal .results-container>.subcontainer {
    padding: 1rem 1rem .5rem;
}

#pickup-map-modal .results-container>.subcontainer>.sub-results,
#stores-map-modal .results-container>.subcontainer>.sub-results {
    padding: 1rem .5rem .5rem;
    font-weight: 600;
    font-size: var(--text-sm);
}

#pickup-map-modal .results-container>.subcontainer .search-res-empty,
#stores-map-modal .results-container>.subcontainer .search-res-empty {
    color: var(--c-status-r700);
    padding: 1rem .5rem .5rem;
    font-weight: 600;
    font-size: var(--text-sm);
}

#pickup-map-modal .pickup-option .logo-container img,
#stores-map-modal .pickup-option .logo-container img {
    width: 21px;
}

#pickup-map-address {
    margin-bottom: .5rem;
    padding-left: 25px;
}

#pickup-map-address h6{margin: .5rem 0 0;font-size: 16px;}
#open-pickup-map {margin-left: 25px;}

/* tmp */
.pickup-option {
    display: flex;
    justify-content: space-around;
    margin: .2rem 0;
    flex-wrap: wrap;
}

.pickup-option div {
    display: flex;
}

.pickup-option .pickup-option-name {
    display: flex;
    /*flex-direction: column;*/
    width: 75%;
    font-size: var(--text-xs);
    line-height: var(--text-xs-lh);
}

.pickup-option .pickup-option-name>div {
    font-size: var(--text-xs);
    color: var(--c-brand-green);
    font-weight: 600;
}

.pickup-options {
    background-color: var(--c-basic-bg-purple);
    border-radius: 10px;
    padding: .5rem;
}

.pickup-options .dimension-warning {
    width: 100%;
    font-size: var(--text-xs);
    line-height: var(--text-xs-lh);
    margin: .2rem 0;
    padding: .2rem .5rem;
    background-color: var(--c-status-a100);
    border-radius: 6px;
}

.pickup-options h3 {
    margin: 0;
    font-size: var(--text-xl);
}

#pickup-options {
    display: none;
}

/*
#pickup-options-handle {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--c-brand-purple);
    color: var(--c-basic-white);
    font-weight: 600;
    font-size: var(--text-sm);
    margin: -.5rem 12px .5rem;
    width: calc(100% - 24px);
    border-radius: 20px;
    line-height: 36px;
    height: 36px;
}

#pickup-options-handle .svg path {
    fill: var(--c-basic-white);
}
*/

.pickup-handle {
    margin: 0 auto;
    width: 100%;
    font-weight: 600;
    font-size: var(--text-sm);
    border-radius: 8px;
    line-height: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--c-brand-100);
    color: var(--c-brand-purple);
}

.point-card {
    display: flex;
    padding: .5rem;
    margin: 0;
    border: 1px solid var(--c-neutral-200);
    border-radius: 6px;
    position: relative;
    margin-bottom: .5rem;
}

.point-card:hover {
    background-color: var(--c-basic-bg-purple);
    border-color: var(--c-basic-bg-purple);
    cursor: pointer;
}

.point-card.active {
    cursor: default;
    border-color: var(--c-brand-blue);
    border-width: 2px;
}

.point-card.active:hover {
    background-color: transparent;
}

.point-card .logo {
    padding-right: .5rem;
    align-self:flex-start;
}

.point-card .logo img {
    width: 21px;
}

.point-car.active .logo img {
    max-width: none;
}

.point-card>.card-body {
    font-size: var(--text-xs);
    line-height: var(--text-sm-lh);
    padding-right: 2.5rem;
    color: var(--c-neutral-900);
}

.point-card.is_favourited_store>.card-body {
    padding: 0 3.5rem 0 2rem;
    background: transparent url(../images/icon-heart-color.svg) left top no-repeat;
}

.point-card.is_favourited_store>.card-body>.name {
    color: var(--c-brand-pink);
}

.point-card.is_favourited_store>.card-body .btn-primary {
    background-color: var(--c-brand-pink);
}

.point-card.is_favourited_store>.card-body .btn-primary:hover {
    background-color: var(--c-brand-purple);
}

.point-card .bullet {
    font-size: var(--text-xs);
}

.point-card .bullet:before {
    top:7px;
}

.point-card>.card-body>.name,
#pickup-map-modal .result-row,
#stores-map-modal .result-row {
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--c-brand-dpurple);
}

.point-card.active .name {
    color: var(--c-brand-blue);
}

.point-card.active figure {
    margin: 0;
    border-radius: 6px;
    overflow: hidden;
    margin-top: 1rem;
    height: 120px;
    position: relative;
}

.point-card.active figure img {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.point-card>.card-body>.price {
    position: absolute;
    right: .5rem;
    top: .3rem;
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: var(--text-xs);
    color: var(--c-brand-green);
}

.point-card>.card-body>.distance {
    position: absolute;
    right: .5rem;
    top: 1.9rem;
    margin: 0;
    padding: 0;
    font-size: var(--text-xs);
}

.page-checkout .point-card .btn-success {padding: 10px 12px 8px;font-size: 14px;margin: .5rem 0;}
#points-container{max-height:633px;overflow:auto;background-color: #fff;}
#pickup-map-modal .result-row, #stores-map-modal .result-row {padding: 0.3rem 1rem; cursor: pointer;}

#filter_stores span {
    float: none;
}

.point-card .opening-hours {
    font-size: var(--text-xs);
    line-height: var(--text-xs-lh);
    margin: 1rem 0;
}

.point-card .opening-hours b {
    display: block;
    margin-bottom: .5rem;
}

.point-card .opening-hours ul {
    margin: 0;
    padding: 0;
    list-style: none;
    columns: 2;
    width: auto;
    display: inline-block;
}

.point-card.city img {
    max-width: 21px;
}

.point-card.city {
    display: flex;
    align-items: center;
}

#pickup-map-modal .res-empty,
#stores-map-modal .res-empty {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    flex-direction: column;
    color: var(--c-status-r700);
    background-color: transparent;
}

.store-selector-wrap {
    padding: 0 .5rem 0 0;
    max-height: 500px;
    overflow: auto;
    background-color: #fff;
}

#stores-map-modal .store-selector-wrap h2 {
    color: var(--c-brand-dpurple);
    font-size: var(--text-base);
    margin: 1rem 0 .5rem;
}

@media (max-width: 991.98px) {
    .store-selector-wrap {
        max-height: calc(72vh - 80px);
    }
}

.store-selector {
    padding: .5rem;
    margin: 0;
    border: 1px solid var(--c-neutral-200);
    border-radius: 6px;
    position: relative;
    margin-bottom: .5rem;
    font-size: var(--text-xs);
    line-height: var(--text-sm-lh);
    color: var(--c-neutral-400);
}

.store-selector p {
    color: var(--c-brand-dpurple);
    font-weight: 600;
}

.store-selector:hover {
    background-color: var(--c-basic-bg-purple);
    border-color: var(--c-basic-bg-purple);
    cursor: pointer;
}

.store-selector.selected {
    cursor: default;
    border-color: var(--c-brand-blue);
    border-width: 2px;
}

.store-selector.selected:hover {
    background-color: transparent;
}

.select2-selection__rendered div.in-stock,
.select2-selection__rendered div.in4-days
{ display: none; }

.leaflet-container {
    border-radius: 10px;
}

.leaflet-popup {
    margin: 0 0 3rem 1px;
}

.leaflet-popup-content {
    margin: 0;
}

.leaflet-popup-content-wrapper {
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    background-color: #fff;
    color: var(--c-neutral-900);
    font-weight: 600;
    font-size: 16px;
    margin: 0;
    padding: 1rem;
    text-shadow: none;
    border-radius: 8px;
    font-family: 'Baloo2', sans-serif, arial, verdana;
}

/*
.leaflet-popup-tip-container,
.leaflet-popup-close-button{
    display: none;
}
*/

.leaflet-popup-close-button {
    color: var(--c-neutral-900);
}

.leaflet-popup-tip {
    width: 12px;
    height: 12px;
    margin: -6px auto 0;
}

.leaflet-control-attribution img,
.leaflet-control-attribution svg {
    display: none !important;
}

@media (max-width:767.98px) {

    #pickup-map-modal .modal-dialog,
    #stores-map-modal .modal-dialog {
        width: 100%;
        max-width: none;
        top: 0;
        transform: none;
        bottom: 0;
        height: 100vh;
    }

    #pickup-map-modal .search-container.focused>.results-container,
    #stores-map-modal .search-container.focused>.results-container {
        width: 100%;
    }

    #pickup-map {
        border-radius: 0;
        margin: 0 -12px;
        margin-top: 126px;
        margin-bottom: 1rem;
    }

    #pickup-map-modal .search-container,
    #stores-map-modal .search-container {
        position: absolute;
        top: 62px;
        left: 0;
        right: 0;
        z-index: 1001;
    }

    .pickup-options-mobile {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        border-top: 1px solid var(--c-neutral-200);
        margin-top: -.5rem;
        padding-top: 1rem;
    }

    #pickup-map-modal .modal-body.pickup-option-services .search-container,
    #pickup-map-modal .modal-body.pickup-option-services #pickup-map,
    #pickup-map-modal .modal-body.pickup-option-zip #pickup-options,
    #stores-map-modal .modal-body.pickup-option-services .search-container,
    #stores-map-modal .modal-body.pickup-option-services #pickup-map,
    #stores-map-modal .modal-body.pickup-option-zip #pickup-options {
        height: 0;
        transition: all .2s;
        overflow: hidden;
        padding: 0;
    }

    #pickup-map-modal .modal-body.pickup-option-services #pickup-map,
    #stores-map-modal .modal-body.pickup-option-services #pickup-map {
        margin-top: 48px;
    }

    #pickup-map-modal .modal-body.pickup-option-services #pickup-options,
    #stores-map-modal .modal-body.pickup-option-services #pickup-options {
        display: block;
        height: auto;
        max-height: 2000px;
        transition: all .2s;
    }

    #pickup-map-modal .modal-body.pickup-option-zip .search-container,
    #stores-map-modal .modal-body.pickup-option-zip .search-container {
        height: auto;
        max-height: 2000px;
        transition: all .2s;
    }

    #pickup-map-modal .modal-body.pickup-option-zip #pickup-map,
    #stores-map-modal #stores-map {
        max-height: 28vh;
        height: 700px;
        transition: all .2s;
    }

    #pickup-map-modal .modal-body.pickup-option-zip #pickup-address-handle.pickup-handle,
    #pickup-map-modal .modal-body.pickup-option-services #pickup-options-handle.pickup-handle,
    #stores-map-modal .modal-body.pickup-option-zip #pickup-address-handle.pickup-handle,
    #stores-map-modal .modal-body.pickup-option-services #pickup-options-handle.pickup-handle {
        background-color: var(--c-brand-purple);
        color: var(--c-basic-white);
    }

}

@media (max-width:991.98px) {

    #points-container {
        /*max-height: 25vh;*/
        max-height: calc(82vh - 36px - 290px);
    }

    #pickup-map,
    #stores-map-modal #stores-map {
        max-height: 28vh;
        height: 700px;
        border-radius: 0;
        margin: 4.5rem -1rem 1rem;
    }

    .pickup-points-container{
        padding-left: 0;
    }

    .pickup-option {
        justify-content: space-evenly;
    }

}

@media (min-width:768px) and (max-width:991.98px) {
    #stores-map-modal .search-container.focused>.results-container {
        width: calc(41.66666667% - 14px);
    }
}

@media (min-width:991.98px) {

    #pickup-options {
        display: block!important;
    }

    #pickup-options-handle {
        display:none;
    }

}

/**/

/* Playhouse / Jatszohaz */

.playhouse iframe{width:100%;height: 800px;border: 0;}
.playhouse .tabcordion--tabs button{background-color: #f2f2f2;border-color: #f2f2f2;color: #434343;border-width: 1px;border-style: solid;}
.playhouse .tabcordion--tabs button:hover,
.playhouse .tabcordion--tabs button.is-active{background-color: #fff;border-color: #434343;color: #434343;}
.playhouse .tabcordion--tabs button span{top: 2px;left: -8px;width: 11px;}
.playhouse .tabcordion--tabs .magenta{background-color: #da2386;border-color: #da2386;color: #fff;}
.playhouse .tabcordion--tabs .magenta:hover,
.playhouse .tabcordion--tabs .magenta.is-active{background-color: #fff;border-color: #da2386;color: #da2386;}
.playhouse .tabcordion--tabs .green{background-color: #a1cc1a;border-color: #a1cc1a;color: #fff;}    
.playhouse .tabcordion--tabs .green:hover,
.playhouse .tabcordion--tabs .green.is-active{background-color: #fff;border-color: #a1cc1a;color: #a1cc1a;}    
.playhouse .tabcordion--tabs .orange{background-color: #f88119;border-color: #f88119;color: #fff;}    
.playhouse .tabcordion--tabs .orange:hover,
.playhouse .tabcordion--tabs .orange.is-active{background-color: #fff;border-color: #f88119;color: #f88119;}    
.playhouse .tabcordion--tabs .blue{background-color: #00adef;border-color: #00adef;color: #fff;}    
.playhouse .tabcordion--tabs .blue:hover,
.playhouse .tabcordion--tabs .blue.is-active{background-color: #fff;border-color: #00adef;color: #00adef;}    
.playhouse .tabcordion--tabs .darkgreen{background-color: #00a652;border-color: #00a652;color: #fff;}    
.playhouse .tabcordion--tabs .darkgreen:hover,
.playhouse .tabcordion--tabs .darkgreen.is-active{background-color: #fff;border-color: #00a652;color: #00a652;}    
.playhouse .tabcordion--tabs .brown{background-color: #806c65;border-color: #806c65;color: #fff;}    
.playhouse .tabcordion--tabs .brown:hover,
.playhouse .tabcordion--tabs .brown.is-active{background-color: #fff;border-color: #806c65;color: #806c65;}    
    
.playhouse-gallery{margin: 2rem 0;float: left;}
.playhouse-gallery ul{margin-top:.5rem;}
.playhouse-gallery ul li{display: none;}
.playhouse-gallery ul li:nth-child(1),
.playhouse-gallery ul li:nth-child(2),
.playhouse-gallery ul li:nth-child(3),
.playhouse-gallery ul li:nth-child(4),
.playhouse-gallery ul li:nth-child(5){display: inline-block;}
.playhouse-gallery ul li{width: 19%;margin: 0 0 7px 7px;float:left;}
.playhouse-gallery ul li:first-child{width: calc(79.7% - 7px);margin: 0;}
.playhouse-gallery ul .gallery-video{position: relative;width: 100%;margin: 2rem 0;display: inline-block;}
.playhouse-gallery ul .gallery-video a{display: block;padding: 12px;background-color: #dfdfdf;margin-top:.5rem;}
.playhouse-gallery ul .gallery-video img{width: 100%;max-width: none;}
    
.tabcordion.has-tabs .tabcordion--tabs {opacity: 1;height: auto;visibility: visible;}
.tabcordion.has-tabs .tabcordion--entry {min-height: 0;}
.tabcordion.has-tabs .tabcordion--entry::before {display: none;}
.tabcordion.has-tabs .tabcordion--entry.is-active .tabcordion--entry-content {opacity: 1;transition: opacity 400ms ease-in-out;}
.tabcordion.has-tabs .tabcordion--entry .tabcordion--entry-content {opacity: 0;transition: opacity 400ms ease-in-out;/*z-index: -1;*/}
.tabcordion--tabs {opacity: 0;height: 0;visibility: hidden;display: flex;flex-flow: wrap;margin: 0;list-style: none;padding: 0;}
.tabcordion--tabs .tab {display: block;background: #444;padding: 5px 1rem;font-size: 15px;border: none;cursor: pointer;margin-right: 8px;}
.tabcordion--entry {overflow: hidden;}
.tabcordion--entry::before {position: relative;content: attr(data-title);cursor: pointer;z-index: 1;background: #444;color: #fff;padding: 0.5rem 1rem;display: block;border-radius: 3px;}
.tabcordion--entry:hover, .tabcordion--entry:focus {outline: none;}
.tabcordion--entry:hover::before, .tabcordion--entry:focus::before {background: #535353;}
.tabcordion--entry-content {z-index: -1;}
.tabcordion--entry-content h2{text-align: left;margin-top: 2rem;}
.tabcordion--entry-content h2:before{display: none;}
.tabcordion--entry-content .table>thead>tr>th, .tabcordion--entry-content .table>tbody>tr>th, .tabcordion--entry-content .table>tfoot>tr>th, .tabcordion--entry-content .table>thead>tr>td, .tabcordion--entry-content .table>tbody>tr>td, .tabcordion--entry-content .table>tfoot>tr>td{vertical-align: middle;}
.tabcordion--entry.is-active .tabcordion--entry-content {margin-top: 0;height: auto;opacity: 1;transition: margin 400ms ease-out -100ms;z-index: 1;}
.tabcordion--entry.is-active::before {background-color: #fff;}
.tabcordion--entry.is-active:hover::before, .tabcordion--entry.is-active:focus::before {background-color: #fff;}
.tabcordion--entry-container {overflow: hidden;margin-bottom: 1px;height: 0;}
.tabcordion--entry.is-active .tabcordion--entry-container {height: auto;}
.tabcordion--entry-content {position: relative;margin-top: -100%;height: 0;opacity: 0;transition: margin 500ms ease-in;padding: 1rem 0 2rem;}
.tabcordion--entry-content a.more {color: #444;}
.tabcordion--entry-content a.more:hover {color: #fff;}
    
@media (max-width:767.98px){
    .tabcordion.has-tabs .tabcordion--entry .tabcordion--entry-content {z-index: -1;}
}

@media (max-width:991.98px){
    .playhouse-gallery ul li{display: none !important;}
    .playhouse-gallery ul li:first-child{width: 100%;margin: 0;display: block !important;}
    .playhouse-gallery ul .gallery-video a{padding: 0;background-color: #fff;}
    .playhouse-gallery ul .gallery-video{display: block;}
    
    .tabcordion--entry-container{margin-bottom: 0;}
    .tabcordion--entry::before{color: #434343;}
    .tabcordion--entry:hover::before, .tabcordion--entry:focus::before, .tabcordion--entry::before{background-color: transparent;}
    .tabcordion--entry.is-active .tabcordion--entry-container {height: auto;background-color: #ffff;color: #434343;}
    .tabcordion--entry{background-color: #f2f2f2;border-color: #f2f2f2;color: #434343;margin-bottom: .5rem;}
    .tabcordion--entry.is-active::before {background-color: #fff;border-color: #434343;color: #434343;border-width: 1px;border-style: solid;}
    .tabcordion--entry.magenta{background-color: #da2386;border-color: #da2386;color: #fff;}
    .tabcordion--entry.is-active.magenta::before{background-color: #fff;border-color: #da2386;color: #da2386;}
    .tabcordion--entry.green{background-color: #a1cc1a;border-color: #a1cc1a;color: #fff;}    
    .tabcordion--entry.is-active.green::before{background-color: #fff;border-color: #a1cc1a;color: #a1cc1a;}    
    .tabcordion--entry.orange{background-color: #f88119;border-color: #f88119;color: #fff;}    
    .tabcordion--entry.is-active.orange::before{background-color: #fff;border-color: #f88119;color: #f88119;}    
    .tabcordion--entry.blue{background-color: #00adef;border-color: #00adef;color: #fff;}    
    .tabcordion--entry.is-active.blue::before{background-color: #fff;border-color: #00adef;color: #00adef;}    
    .tabcordion--entry.darkgreen{background-color: #00a652;border-color: #00a652;color: #fff;}    
    .tabcordion--entry.is-active.darkgreen::before{background-color: #fff;border-color: #00a652;color: #00a652;}    
    .tabcordion--entry.brown{background-color: #806c65;border-color: #806c65;color: #fff;}    
    .tabcordion--entry.is-active.brown::before{background-color: #fff;border-color: #806c65;color: #806c65;}    
    .tabcordion--entry.magenta::before,
    .tabcordion--entry.green::before,
    .tabcordion--entry.orange::before,
    .tabcordion--entry.blue::before,
    .tabcordion--entry.darkgreen::before,
    .tabcordion--entry.brown::before{color: #fff;}
}

/* Ajandekkereso */

.page-gifter .btn {
    /* EZ KELL A NORMÁLIS HELYÉRE A .BTN-HEZ!!! */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
}

.page-gifter {
    overflow: hidden;
}

.page-gifter .container {
    position: relative;
}

.page-gifter .container > img {
    position: absolute;
    top: 0;
    left: -3rem;
}

.page-gifter .container > img:nth-of-type(2) {
    left: auto;
    right: -3rem;
}

.gifter-page {
    position: relative;
    display: none;
}

.gifter-page.active {
    display: block;
}

.gifter-page h2 {
    color: var(--c-brand-dpurple);
    font-size: var(--text-3xl);
    margin-bottom: 1rem;
    margin-top: 4rem;
}

.gifter-page h3 {
    color: var(--c-brand-dpurple);
    font-size: var(--text-xl);
    margin-bottom: 1rem;
}

.gifter-intro {
    text-align: center;
    padding: 6rem 0 7rem;
}

.gifter-intro p {
    font-family: "Baloo2", sans-serif, arial, verdana;
    color: var(--c-brand-pink);
    font-size: var(--text-xl);
    font-weight: 700;
}

.gifter-intro p .svg {
    width: 68px;
    height: auto;
    margin-right: 0.5rem;
    vertical-align: text-top;
}

.gifter-intro h1 {
    font-size: var(--text-3xl);
    font-weight: 700;
}

.gifter-intro h1 span {
    display: block;
    line-height: 1;
    font-size: 76px;
}

.gifter-intro h1 + .svg {
    width: 100px;
    height: auto;
    transform: rotate(17deg);
    margin: 1rem auto 3rem;
    display: block;
}

.gifter-intro h1 + .svg path {
    fill: var(--c-brand-blue);
    stroke: var(--c-basic-bg-purple);
    stroke-width: 0.5px;
}

.gifter-bubble {
    position: absolute;
    border-radius: 100%;
}

.gifter-intro .gifter-bubble:nth-child(1) {
    left: 0;
    top: 15%;
}

.gifter-intro .gifter-bubble:nth-child(2) {
    left: 13%;
    top: 54%;
}

.gifter-intro .gifter-bubble:nth-child(3) {
    right: 0;
    top: 12%;
}

.gifter-intro .gifter-bubble:nth-child(4) {
    right: 4%;
    top: 42%;
}

.gifter-pager {
    text-align: center;
}

.gifter-pager .btn-sixth {
    box-shadow: none;
    border-color: var(--c-basic-white);
    background-color: var(--c-basic-white);
}

.gifter-pager .btn-sixth:hover {
    box-shadow: none;
    border-color: var(--c-basic-white);
    background-color: var(--c-basic-white);
}

.gifter-page2 .btn-check:checked + .btn {
    border-color: var(--c-brand-dpurple);
    border-width: 2px;
    background-color: var(--c-neutral-50);
}

.gifter-page2 .btn-check:checked + .btn:hover {
    color: var(--c-brand-purple);
    cursor: default;
    background-color: var(--c-neutral-50);
}

.gifter-page2 .btn-check:checked + .btn:hover .svg path {
    fill: var(--c-brand-dpurple);
}

.gifter-page3 h2 + p {
    font-family: "Baloo2", sans-serif, arial, verdana;
    font-weight: 600;
}

.gifter-page3 h2 + p span {
    font-weight: 700;
    font-size: var(--text-xl);
    color: var(--c-brand-pink);
}

.gifter-list {
    position: relative;
}

.gifter-list h3 + a {
    position: absolute;
    top: 0;
    right: 0;
    font-size: var(--text-sm);
    color: var(--c-brand-pink);
    font-weight: 600;
}

.gifter-list h3 + a .svg {
    width: 20px;
    height: auto;
}

.gifter-list h3 + a .svg path {
    fill: var(--c-brand-pink);
}

.gifter-list ul {
    list-style: none;
    padding: 0;
    margin: 0px -9px;
}

.gifter-list ul li {
    display: inline-block;
    width: 140px;
    margin: 0 9px;
    position: relative;
}

.gifter-list ul li:nth-of-type(n + 9) {
    display: none;
}

.gifter-list ul.active li {
    display: inline-block;
}

.gifter-list p {
    font-size: var(--text-sm);
    color: var(--c-brand-purple);
    font-weight: 600;
    text-align: center;
    margin: 0.5rem 0;
    height: 32px;
    overflow: hidden;
    line-height: 1.2;
}

.gifter-list figure {
    aspect-ratio: 1/1;
    width: 100%;
    overflow: hidden;
    margin: 0;
    border: 3px solid var(--c-brand-lpurple);
    border-radius: 12px;
}

.gifter-list figure img {
    max-width: 100%;
    display: block;
}

.gifter-list ul li:hover a {
    text-decoration: none;
    color: var(--c-brand-pink);
}

.gifter-list ul li:hover figure,
.gifter-list ul li.active figure {
    border-color: var(--c-brand-pink);
}

.gifter-list li.active a,
.gifter-list li.active p {
    color: var(--c-brand-pink);
}

.gifter-list li.active::before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    background: var(--c-brand-pink) url(/assets/images/icon-check.svg) center no-repeat;
    border-radius: 100%;
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
}

.gifter-list.gifter-categories figure img {
    margin-top: -5%;
}

.gifter-range {
    list-style: none;
    max-width: 610px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    text-align: center;
}

.gifter-range li {
    display: inline-block;
    margin: 0 0.5rem 1.5rem;
}

.gifter-range li > div {
    background-color: #fff;
    border-radius: 200px;
    border: 2px solid #fff;
    margin: 0;
}

.gifter-range li > div:hover,
.gifter-range li > div *:hover {
    cursor: pointer;
}

.gifter-range li .active,
.gifter-range li:hover > div {
    background-color: #fdfffb;
    border-color: var(--c-brand-green);
}

.gifter-range label {
    margin: 0;
    padding: 1rem 1rem 1rem 1rem;
    color: var(--c-brand-dpurple);
    font-weight: 600;
}

.gifter-range .form-check-input {
    margin: 17px -0.25rem 0 -0.75rem;
    border-color: var(--c-brand-dpurple);
}

.gifter-range .form-check-input:focus {
    border-color: var(--c-brand-dpurple);
}

.gifter-range .form-check-input:checked {
    background-color: var(--c-brand-green);
    border-color: var(--c-brand-green);
}

.gifter-page .order-indicator {
    position: absolute;
    left: 0;
    right: 0;
    top: 12px;
    margin: 0;
}

.gifter-page .order-indicator li {
    padding: 0 32px;
    height: 24px;
}

.gifter-agerange {
    color: var(--c-brand-dpurple);
    font-weight: 700;
    font-family: "Baloo2", sans-serif, arial, verdana;
    font-size: var(--text-xl);
}

.gifter-agerange .svg {
    vertical-align: bottom;
    height: auto;
    width: 28px;
}

.gifter-agerange .svg path {
    fill: var(--c-brand-dpurple);
    stroke: #f8f6fd;
    stroke-width: 0.25px;
}

#gifter-ageinput {
    text-align: center;
    width: 68px;
    display: inline-block;
    padding: 0 0 0 16px;
}

#gifter-agerange {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 16px;
    border-radius: 20px;
    margin: 1rem 0;
    background-color: var(--c-brand-lpurple);
}

/* noUI modifications */

.noUi-horizontal .noUi-handle {
    width: 42px !important;
    height: 42px !important;
    right: -17px;
    top: -14px !important;
    border-radius: 100%;
    border: 0;
    box-shadow: none;
    background: url("../images/icon-chevron-circle.svg") no-repeat center !important;
    background-size: 42px;
    cursor: pointer;
}

.noUi-handle:before,
.noUi-handle:after {
    display: none !important;
}

.noUi-connect {
    background-color: var(--c-brand-dpurple) !important;
}

.noUi-origin {
    width: 100% !important;
}

.noUi-handle.noUi-handle-lower {
    transform: rotate(180deg) translateX(-7px);
}

#gifter-agerange::-webkit-slider-runnable-track { /* Transparent native tracks */
    background: transparent;
}

#gifter-agerange::-moz-range-track {
    background: transparent;
}

#gifter-agerange::-ms-track {
    background: transparent;
}

.form-range#gifter-agerange::-webkit-slider-thumb { /* Thumb styling (all browsers) */
    -webkit-appearance: none;
    appearance: none;
    width: 42px;
    height: 42px;
    background: url("assets/images/icon-chevron-circle.svg") no-repeat center !important;
    background-size: 42px;
    cursor: pointer;
    margin-top: -16px;
}

.form-range#gifter-agerange::-moz-range-thumb { /* Firefox */
    margin-top: -16px;
    width: 42px;
    height: 42px;
    background: url("assets/images/icon-chevron-circle.svg") no-repeat center !important;
    background-size: 42px;
    cursor: pointer;
}

.form-range#gifter-agerange::-ms-thumb { /* IE/old Edge */
    margin-top: -16px;
    width: 42px;
    height: 42px;
    background: url("assets/images/icon-chevron-circle.svg") no-repeat center !important;
    background-size: 42px;
    cursor: pointer;
}

.form-range#gifter-agerange:focus {
    outline: none !important;
    box-shadow: none !important;
}

.form-range#gifter-agerange::-webkit-slider-thumb,
.form-range#gifter-agerange:focus::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    appearance: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.form-range#gifter-agerange::-moz-range-thumb {
    box-shadow: none !important;
    outline: none !important;
}

.form-range#gifter-agerange::-ms-thumb {
    box-shadow: none !important;
    outline: none !important;
}

.gifter-list-toggler .selected-count {
    display: inline-block;
    position: absolute;
    top: -1.25rem;
    right: -4rem;
    background: var(--c-brand-pink);
    font-size: 0.75rem;
    padding: 0rem 0.5rem;
    border-radius: 1rem;
    color: white !important;
}

@media (min-width: 768px) {
    .gifter-pager .btn-sixth.gifter-next,
    .gifter-pager .btn-sixth.gifter-next-final,
    .gifter-pager .btn-sixth.gifter-prev {
        position: absolute;
        top: 0;
    }

    .gifter-pager .btn-sixth.gifter-next,
    .gifter-pager .btn-sixth.gifter-next-final {
        right: 0;
    }

    .gifter-pager .btn-sixth.gifter-prev {
        left: 0;
    }
}