/*--------------------*/
/*  Reset             */
/*--------------------*/
html {height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;font-synthesis: none;-webkit-font-smoothing: antialiased;scroll-behavior: smooth;scroll-padding-top: calc(var(--h-inner-height, 0) + var(--h-bottom-height, 0));}
html:not(.touch-screen)::-webkit-scrollbar {width: 0.5rem;height: 0.5rem;}
html:not(.touch-screen)::-webkit-scrollbar-track {background: transparent;}
html:not(.touch-screen)::-webkit-scrollbar-thumb {background: #c2c2c2;border-radius: 0.25rem;}
html:not(.touch-screen)::-webkit-scrollbar-thumb:active {background: #8d8d8d;}
body {height: auto;overflow-y: scroll;background-color: var(--clr-grey);}
body:not(.touch-screen) *::-webkit-scrollbar {width: 0.25rem;height: 0.25rem;}
body:not(.touch-screen) *::-webkit-scrollbar-track {background: transparent;border-radius: 0.25rem;}
body:not(.touch-screen) *::-webkit-scrollbar-thumb {background: #c2c2c2;}
:where(body.touch-screen *::-webkit-scrollbar) {display: none;}
* {border: 0;margin: 0;padding: 0;font-family: "OpenSansRegular", sans-serif;font-size: 100%;line-height: inherit;vertical-align: baseline;-webkit-locale: auto;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: transparent;}
:is(*, *:before, *:after) {-webkit-box-sizing: inherit;box-sizing: inherit;}
:is(:focus, :hover, :active, :visited) {outline: none;}
::-moz-selection {color: var(--clr-white);background: var(--clr-black);}
::selection {color: var(--clr-white);background: var(--clr-black);}
a {display: inline-block;text-decoration: none;cursor: pointer;outline: none;color: inherit;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
a:hover {text-decoration: none;}
:is(ul, ol) {list-style: none;}
:is(sub, sup) {font-size: 75%;line-height: 0;position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
picture {font-size: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/*:is(img, svg, iframe) {width: auto;height: auto;max-width: 100%;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;vertical-align: middle;}*/
img {position: relative;}
img::before {content: "";position: absolute;inset: 0;background: no-repeat center/min(5rem, 50%) min(5rem, 50%) var(--clr-grey) url(../img/placeholder.svg);}
input {-webkit-appearance: none;-moz-appearance: none;font-size: 1rem;font-weight: 400;color: var(--clr-black);}
::-moz-placeholder {display: none;}
::-webkit-input-placeholder {display: none;}
:-ms-input-placeholder {display: none;}
::-ms-input-placeholder {display: none;}
::placeholder {display: none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {-webkit-appearance: none;height: 0.7em;width: 0.7em;background-size: contain;cursor: pointer;}
:is(input, textarea, select) {border-radius: 0;background: none;border: none;margin: 0;width: 100%;padding: 0;}
textarea {display: block;resize: none;overflow: auto;}
select::-ms-expand {display: none;}
button {background: none;}
/*----------------------*/
/*  Main Global         */
/*----------------------*/
:root {
    --root-scale: 1rem;
    --container-width: 100%;
    /*--ff-1: "Montserrat", sans-serif;*/
    --ff-1: "OpenSansRegular", sans-serif;
    --h1: clamp(1.75rem, 1.486rem + 0.845vw, 2.5rem);
    --h2: clamp(1.375rem, 1.067rem + 0.986vw, 2.25rem);
    --h3: clamp(1.75rem, 1.662rem + 0.282vw, 2rem);
    --h4: clamp(1.5rem, 1.412rem + 0.282vw, 1.75rem);
    --h5: clamp(1.125rem, 1.081rem + 0.141vw, 1.25rem);
    --h6: clamp(1rem, 0.956rem + 0.141vw, 1.125rem);
    --text: 1rem;
    --sp-xl: clamp(3.75rem, calc(-0.46rem + 8.77vw), 8.75rem);
    --sp-lg: clamp(3.75rem, 3.31rem + 1.408vw, 5rem);
    --sp-md: clamp(1.875rem, 1.435rem + 1.408vw, 3.125rem);
    --sp-sm: clamp(0.938rem, 0.607rem + 1.056vw, 1.875rem);
    --sp-xs: clamp(0.75rem, 2.1316rem + -1.3158vw, 1.5rem);
    --sp-2xs: .75rem;
    --sp-3xs: .5rem;
    --rd-1: .25rem;
    --rd-2: .5rem;
    --rd-3: .3125rem;
    --rd-4: .9375rem;
    --rd-5: .625rem;
    --clr-title: #262626;
    --clr-text: #656565;
    --clr-input: #D3D3D3;
    --clr-border: #E5E5E5;
    --clr-border-2: #E9E9E9;
    --clr-icon: #656565;
    --clr-white: #fff;
    --clr-white-10: rgba(255, 255, 255, .1);
    --clr-white-15: rgba(255, 255, 255, .15);
    --clr-white-30: rgba(255, 255, 255, .3);
    --clr-white-50: rgba(255, 255, 255, .5);
    --clr-white-75: rgba(255, 255, 255, .75);
    --clr-black: #000;
    --clr-black-15: rgba(0, 0, 0, .15);
    --clr-black-65: rgba(0, 0, 0, .65);
    --clr-grey: #f2f2f2;
    --clr-red: #EB1010;
    --clr-green: #059B3D;
    --clr-green-dark: #007D1F;
    --clr-green-15: rgba(5, 155, 61, 0.15);
    --clr-blue: #2320C5;
    --clr-warm-blue: #3E55DE;
    --clr-blue-light: #2F80ED;
    --clr-purple: #491b3c;
    --clr-pink-lite: #FED9EC;
    --clr-pink: #F80081;
    --clr-pink-dark: #E4006D;
    --clr-violet: #8D6EC8;
    --clr-violet-lite: #D9D5EE;
    --clr-warm-violet: #4D39B6;
    --clr-main-violet: #58066f;
    --clr-sea: #18ADB7;
    --clr-yellow: #FF9D00;
    --clr-main-yellow: #df9c52;
    --clr-yellow-20: rgba(255, 157, 0, 0.2);
    --clr-water: #05559B;
    --clr-water-20: rgba(47, 128, 237, 0.2);
    --clr-primary: var(--clr-pink);
    --clr-hover: var(--clr-pink-dark);
    --clr-hover-violet: #795AB4;
    --bg-1: var(--clr-title);
    --blur: 5px;
    --bg-overlay: rgba(0, 0, 0, .4);
    --box-shadow: 0px -25px 21px rgba(0, 0, 0, .03), 0px 4px 9px rgba(0, 0, 0, 0.05);
    --drop-shadow: 0px 4px 9px rgba(0, 0, 0, 0.05);
    --transition-1: .3s ease;
    --cubic-1: .5s cubic-bezier(0.65, 0, 0.35, 1);
    --bs-gutter-x: 1.5rem;
}


.breadcrumbs .container{
    margin-inline: auto;
  padding-inline: 380px;
}

.section.auth .popup-title {
    background-color:#f2f2f2;
}

/*--------------------*/
/*  Inputs            */
/*--------------------*/
.input-field {--int-height: 3.5rem;--int-pd: 1.25rem;--font-size: 1rem;display: block;position: relative;text-align: left;line-height: 0;font-size: var(--font-size);}
.input {position: relative;z-index: 1;font-weight: 500;font-size: var(--font-size);line-height: var(--int-height);height: var(--int-height);padding: var(--int-pd);text-overflow: ellipsis;color: var(--clr-black);border-radius: var(--rd-1);border: .0625rem solid var(--clr-border);-webkit-transition: var(--transition-1);transition: var(--transition-1);background-color: var(--clr-white);}
textarea.input {height: 8.75rem;line-height: 1.38em;}
textarea.input.size-2 {height: 5.375rem;}
.input-placeholder {display: inline-block;pointer-events: none;position: absolute;text-align: left;z-index: 2;top: 0;left: calc(var(--int-pd) - 0.25em);-webkit-transform: translateY(calc((var(--int-height) - 1.25em) / 2));-ms-transform: translateY(calc((var(--int-height) - 1.25em) / 2));transform: translateY(calc((var(--int-height) - 1.25em) / 2));font-size: var(--font-size);line-height: 1.25em;font-weight: 400;color: #757575;padding-inline: 0.25em;max-width: calc(100% - var(--int-pd) * 2);display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;background-color: var(--clr-white);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
textarea.input + .input-placeholder {-webkit-transform: translateY(var(--int-pd));-ms-transform: translateY(var(--int-pd));transform: translateY(var(--int-pd));}
.password-control {--size: 1.5rem;cursor: pointer;display: block;position: absolute;z-index: 3;top: calc(var(--int-height)/2 - var(--size)/2);right: var(--int-pd);width: var(--size);height: var(--size);background-image: url(../img/icons/icon-eye-off.svg);background-repeat: no-repeat;background-position: center;background-size: contain;}
.password-control.view {background-image: url(../img/icons/icon-eye.svg);}
.input-error,
.input-success {font-size: .75rem;line-height: 1.67;font-weight: 400;margin-top: .25rem;padding-left: 1.5rem;position: relative;text-align: left;display: none;}
.input-error {color: var(--clr-red);}
.input-success {color: var(--clr-green);}
.input-error::before,
.input-success::before {content: '';display: block;position: absolute;left: 0;top: 0;bottom: 0;margin-block: auto;width: 1rem;height: 1rem;background-repeat: no-repeat;background-position: center;background-size: contain;}
.input-error::before {background-image: url("../img/icons/icon-info.svg");}
.input-success::before {background-image: url("../img/icons/icon-check.svg");}
.phone-input {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: var(--rd-1);border: .0625rem solid var(--clr-input);}
.phone-input > * {border: none;}
.phone-input .SumoSelect {width: auto;-ms-flex-negative: 0;flex-shrink: 0;border-right: .0625rem solid var(--clr-input);}
.phone-input .SumoSelect > .CaptionCont {border: none;padding-right: calc(var(--sel-p) * 3.5);}
.date-separate-input {display: -webkit-box;display: -ms-flexbox;display: flex;gap: 0.5rem;}
.date-separate-input > * {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-preferred-size: 33.3%;flex-basis: 33.3%;}
.date-separate-input.invalid + .input-error, .input-error.is-visible {display: block;}
.input-field.focus {z-index: 5;}
.input-field.focus .input-placeholder, .input-field.value .input-placeholder {font-size: calc(var(--font-size) * .75);-webkit-transform: translateY(-.625em);-ms-transform: translateY(-.625em);transform: translateY(-.625em);}
.input-field:where(.focus) .input {border-color: var(--clr-black);}
.input-field.invalid:not(.value) .input, .input-field.invalid-email .input {border-color: var(--clr-red);}
.input-field.invalid:not(.value) .input-error, .input-field.invalid-email .input-error {display: block;}
.input-field__icon {position: absolute;width: var(--int-icon-width);aspect-ratio: 1;right: .75rem;top: 50%;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);height: auto;z-index: 2;pointer-events: none;color: var(--clr-title);}
.input-field__icon-wrap {position: relative;}
.input-clear {position: absolute;right: 2rem;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 10;--bw: 2rem;opacity: 0;visibility: hidden;color: var(--clr-icon);}
.input-field.value .input-clear {opacity: 1;visibility: visible;}
@media (max-width: 1199px) {
.input-field {--int-height: 3.25rem;}
}
@media (max-width: 991px) {
.input-field {--int-height: 2.875rem;--int-pd: .75rem;--font-size: .875rem;}
}

/*--------------------*/
/*  Autofill          */
/*--------------------*/
.input-field.focus .input:not(textarea):-webkit-autofill, .input-field.value .input:not(textarea):-webkit-autofill, .input-field.focus .input:not(textarea):-webkit-autofill:hover, .input-field.value .input:not(textarea):-webkit-autofill:hover, .input-field.focus .input:not(textarea):-webkit-autofill:focus, .input-field.value .input:not(textarea):-webkit-autofill:focus, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {border: 0;-webkit-text-fill-color: var(--clr-black);-webkit-box-shadow: inset 0 0 0 .0625rem var(--clr-black),inset 0 0 6.25rem var(--clr-white);-webkit-transition: background-color 5000s ease-in-out 0s;transition: background-color 5000s ease-in-out 0s;}

/*--------------------*/
/*  Buttons           */
/*--------------------*/
.btn {z-index: 1;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;overflow: hidden;font-size: 1rem;line-height: 1em;font-weight: 600;color: var(--clr-white);text-decoration: none;padding: 1.063em 1.5em;border: none;border-radius: var(--rd-1);background-color: var(--clr-primary);-webkit-transition: var(--transition-1);transition: var(--transition-1);-ms-flex-negative: 0;flex-shrink: 0;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.btn-icon {padding-top: .938em;padding-bottom: .938em;}
.btn b {display: inline-block;line-height: inherit;font-weight: inherit;color: currentColor;}
.btn > * + * {margin-left: .36em;}
.btn > * + svg {margin-left: .3125rem;}
.btn-primary {background-color: var(--clr-main-yellow);color: var(--clr-white);}
.btn-secondary {background-color: transparent;color: var(--clr-main-yellow);}
.btn-catalog {font-weight: 400;font-size: .875rem;padding-block: .928em;width: 16.75rem;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: center;}
.btn-catalog > img {max-width: 1.5rem;}
.btn-catalog b + * {margin-left: auto;}
.btn svg {color: currentColor;}
.btn svg *[stroke] {stroke: currentColor;}
/*.btn svg *[fill] {fill: currentColor;}*/
.btn-block {width: 100%;}
.btn.disabled {pointer-events: none;background-color: var(--clr-grey);color: var(--clr-text);}
.btn:has(svg:only-child) {padding: .901em;}
.btn:has(svg:only-child) svg {width: 1.2em;height: 1.2em;}
.btn-close {display: inline-block;position: relative;cursor: pointer;--bw: 1.125rem;width: var(--bw);height: var(--bw);color: #757575;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-close svg {position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.btn-link {font-size: 1rem;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;cursor: pointer;line-height: 1.38;color: var(--clr-title);font-weight: 600;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-link.primary {color: var(--clr-primary);}
.btn-link b {font-weight: inherit;}
.btn-link:has(svg) {gap: .4375rem;}
.btn-link svg {-ms-flex-negative: 0;flex-shrink: 0;}
.btn-cart {padding: .8125rem;}
.btn-cart > * + svg {margin-left: 0;}
.btn-cart b {font-size: 0;opacity: 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.products__load-more .btn svg {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);color: var(--clr-primary);transition: var(--transition-1);}
.products__load-more .btn, .products__load-more .btn:has(svg:only-child) {background: var(--clr-white); padding: 0.9375rem 1.625rem;}


@media (min-width: 1200px) {
.btn:hover {background-color: var(--clr-hover);}
.btn-secondary:hover {color: var(--clr-violet);background-color: transparent;}
.btn-secondary:hover svg {color: var(--clr-violet)}
.btn-close:hover {color: var(--clr-primary);}
.btn-link:hover {color: var(--clr-hover);}
.btn-cart:hover {max-width: none;}
.btn-cart:not(.loading):hover b {font-size: .75rem;opacity: 1;margin-right: .625rem;}
.products__load-more .btn:hover svg {color: var(--clr-violet)}
}
@media (max-width: 1199px) {
.btn-catalog {width: 3.125rem;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding-inline: 0;}
.btn-catalog b {font-size: 0;}
.btn-catalog b + * {display: none;}
.h-controls .h-phone svg {color: var(--clr-title);margin-right: 0;}
}
@media (max-width: 767px) {
.btn-cart {padding: .6875rem;}
.btn-cart > * + svg {width: 1.125rem;height: 1.125rem;}
}

.pay-sort select.pay_parts_count_1, .pay-sort select.pay_parts_count_3{
  --sel-p: 1rem;
  --sel-h: 3.5rem;
  --sel-fz: 1rem;
  --sel-items: 5;
  --opt-p: .625rem;
  --opt-lh: calc(var(--sel-fz) * 1.125);
  --max-height: calc((var(--opt-p) * 2 + var(--opt-lh)) * var(--sel-items) + var(--opt-p) * 2);
  cursor: pointer;
  z-index: 1;
  width: 100%;
}



.pay-sort select.pay_parts_count_1, .pay-sort select.pay_parts_count_3 {
    border: 1px var(--clr-primary) solid;
    height: var(--sel-h);
    border-radius: 5px;
    padding: var(--sel-p);
}

.pay-sort   select.pay_parts_count_1 option{
    cursor: pointer;
    padding-right: 0;
    font-size: var(--sel-fz);
    font-weight: 400;
    line-height: calc(var(--sel-h) - var(--sel-p) * 2);
    color: currentColor;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.select2.select2-container{
    width: 100% !important;
}

.checkout-sec .ch-box-wrap.with-icon .icon24{
    width: 24px;
  height: 24px;
}

/*, .select2-selection__rendered*/
.select2-selection.select2-selection--single{
  height: var(--sel-h);
  padding: var(--sel-p);
}

#pageCheckout .search-result-item{
    cursor: pointer;
}

.search-dropdown {
    border: .5px solid #E5E5E5;
   /* background-color: var(--clr-grey);*/
    color: var(--clr-title);
}



.warning-box {border: .0625rem solid var(--clr-yellow);border-radius: var(--rd-2);padding-block: 1rem;padding-inline: clamp(1rem, 0.912rem + 0.282vw, 1.25rem);background-color: var(--clr-yellow-20);color: var(--clr-title);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;gap: .625rem;}
.warning-box svg {-ms-flex-negative: 0;flex-shrink: 0;color: var(--clr-yellow);max-width: 1.5rem;}
@media (max-width: 575px) {
.warning-box {font-size: .875rem;}
}

.contact-form #responseMsg.alert-success img{
    background-image: url('/assets/theme2025/img/icons/icon-success.svg');
}

.contact-form #responseMsg.alert-error img {
    background-image: url('/assets/theme2025/img/icons/icon-error.svg');
}


/*--------------------*/
/*  Breadcrumbs       */
/*--------------------*/
.breadcrumbs {--br-fz: clamp(0.875rem, 0.77rem + 0.22vw, 1rem);--br-space: 1rem;position: relative;width: 100%;overflow-y: hidden;overflow-x: auto;-ms-scroll-snap-type: x mandatory;scroll-snap-type: x mandatory;display: block;margin-block: .875rem;}
.breadcrumbs ul {min-width: -moz-max-content;min-width: -webkit-max-content;min-width: max-content;line-height: 0;padding-right: var(--br-space);font-size: 0;}
.breadcrumbs li {position: relative;display: inline-block;vertical-align: middle;font-size: .75rem;line-height: 2;color: var(--clr-title);scroll-snap-align: start;scroll-margin-left: var(--br-space);}
.breadcrumbs li:first-child a {color: #524E4E;}
.breadcrumbs li:first-child a [stroke] {stroke: currentColor;}
.breadcrumbs li:after {content: "";position: relative;display: inline-block;vertical-align: middle;margin: 0 .625rem;width: 1rem;height: 1rem;background: url("../img/icons/icon-chevron-right.svg") no-repeat 0 0;}
.breadcrumbs li:last-child:after {content: none;}
.breadcrumbs a {display: inline-block;vertical-align: middle;}
.breadcrumbs .icon {--size: 1.1875rem;display: inline-block;vertical-align: middle;}
.breadcrumbs .icon *[stroke] {stroke: currentColor;}
.banner .breadcrumbs, main:has(.page-404) .breadcrumbs {position: absolute;top: 0;left: 0;}
@media (min-width: 1200px) {
.breadcrumbs li a:hover {color: var(--clr-primary);}
}
/*--------------------*/

.section.animated {opacity: 1;-webkit-transition: 0.15s linear opacity;transition: 0.15s linear opacity;}


/*--------------------*/
/*  Popups            */
/*--------------------*/
.popup-wrapper {--popup-padd: 3.125rem;--popup-bg-clr: var(--clr-white);position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;left: -100%;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;display: block;}
.popup-wrapper .bg-layer {position: absolute;left: 0;right: 0;top: -6.25rem;bottom: -6.25rem;background-color: var(--bg-overlay);opacity: 0;-webkit-transition: opacity var(--transition-1);transition: opacity var(--transition-1);}
.popup-wrapper.active {left: 0;-webkit-transition-delay: 0s;transition-delay: 0s;}
.popup-wrapper.active .bg-layer {opacity: 1;}
.popup-content {position: absolute;inset: 0;font-size: 0;text-align: center;letter-spacing: 0;padding: .9375rem;overflow: auto;-webkit-overflow-scrolling: touch;-webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 0;visibility: hidden;-webkit-transform: translateY(6.25rem);-ms-transform: translateY(6.25rem);transform: translateY(6.25rem);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.popup-content.active {-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);opacity: 1;visibility: visible;}
.popup-content:after {content: "";display: inline-block;vertical-align: middle;height: 100%;}
.popup-content .layer-close {position: absolute;left: 0;bottom: 0;right: 0;height: 625rem;}
.popup-container {position: relative;display: inline-block;vertical-align: middle;width: 100%;max-width: 39.6875rem;background: var(--popup-bg-clr);border-radius: var(--rd-2);overflow: clip;}
.popup-container.size-2 {max-width: 48.75rem;}
.popup-container.size-3 {max-width:39.6875rem;}
.popup-container.size-4 {max-width: 65.2rem;}
.popup-container .btn-close {--bw: 1.375rem;position: absolute;z-index: 10;top: .75rem;right: .75rem;}
.popup-title {background-color: var(--clr-white);padding-block: .86em;padding-inline: calc(var(--popup-padd) + 1.25rem);font-weight: 600;}
/*.popup-img {margin-bottom: 2.5rem;}*/
.popup-text {font-size: var(--text);color: var(--clr-title);}
.popup-text b {font-weight: 600;}
.popup-align {position: relative;z-index: 1;padding-inline: 3.125rem; padding-top: 3.125rem; padding-bottom: 3.125rem;}
.popup-align .text {margin-bottom: 1.25rem;}
.popup-align > *:last-child {margin-bottom: 0;}
.popup-soc {padding-block: max(1rem,2.08vw);}
.popup-soc .title {position: relative;font-size: 1rem;line-height: 1.5;margin-bottom: .625rem;}
.popup-soc .title::before,
.popup-soc .title::after {content: '';display: block;position: absolute;right: 0;left: 0;top: 0;bottom: 0;margin-block: auto;height: 1px;background-color: var(--clr-border-2);}
.popup-soc .title::before {left: 0;}
.popup-soc .title::after {right: 0;}
.popup-soc .title span {background-color: var(--popup-bg-clr);position: relative;z-index: 1;padding-inline: .625rem;}
.popup-soc-links {--btn-size: 4rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;gap: .625rem;}
.popup-soc-links a {width: var(--btn-size);height: var(--btn-size);border-radius: 100%;border: .0625rem solid var(--clr-border-2);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.popup-soc-links img {max-width: 1.5625rem;max-height: 1.5625rem;}
.open-popup {cursor: pointer;}

.popup-tabs .tab-nav .tab-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
}
.popup-tabs .tab-toggle-item {
    border-radius: 1.1875rem;
    border: 1px solid #e5e5e5;
    color: #262626;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 0.9375rem;
    padding: 0.8125rem 1.875rem;
    cursor: pointer;
}

.popup-tabs .tab-toggle-item.is-active {
    background: var(--clr-main-violet-lite);
}

.tab-slider .slide-img {position: relative;
    padding-top: 100%;
    background-color: var(--clr-white);}

.tab-slider .slide-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 87%;
    height: 87%;
    -o-object-fit: contain;
    object-fit: contain;
}

.tabs-wrap .swiper-button-prev {
    left: 0;
    border: .0625rem solid var(--clr-border);
}
.tabs-wrap .swiper-button-next {
    left: auto;
    right: 0;
    border: .0625rem solid var(--clr-border);
}


@media (min-width: 1200px) {
.popup-soc-links a:hover {border-color: var(--clr-primary);}
    .tab-toggle-item:hover {color: var(--clr-main-violet)}
}
@media (max-width: 575px) {
.popup-container .btn-close {top: 0.25rem;right: 0.25rem;}
.popup-align {padding: 1rem;}
.popup-img {margin-bottom: 1rem;}
}
/*--------------------*/


.section.auth{
    width: 650px;
    margin: 0 auto;
}