@charset "UTF-8";
/*! Typography settings */
@font-face{
  font-family:"Poppins";
  src:url(../fonts/poppins-extralight.woff2) format("woff2");
  font-weight:200;
  font-style:normal;
  font-display:fallback;
}
@font-face{
  font-family:"Poppins";
  src:url(../fonts/poppins-light.woff2) format("woff2");
  font-weight:300;
  font-style:normal;
  font-display:fallback;
}
@font-face{
  font-family:"Poppins";
  src:url(../fonts/poppins-regular.woff2) format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:fallback;
}
@font-face{
  font-family:"Poppins";
  src:url(../fonts/poppins-medium.woff2) format("woff2");
  font-weight:500;
  font-style:normal;
  font-display:fallback;
}
@font-face{
  font-family:"Poppins";
  src:url(../fonts/poppins-semibold.woff2) format("woff2");
  font-weight:600;
  font-style:normal;
  font-display:fallback;
}
@font-face{
  font-family:"Poppins";
  src:url(../fonts/poppins-bold.woff2) format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:fallback;
}
:root{
  --font-poppins:"Poppins", sans-serif;
}

.f-poppins-200{
  font-family:var(--font-poppins);
  font-weight:200;
}

.f-poppins-300{
  font-family:var(--font-poppins);
  font-weight:300;
}

.f-poppins-400{
  font-family:var(--font-poppins);
  font-weight:400;
}

.f-poppins-500{
  font-family:var(--font-poppins);
  font-weight:500;
}

.f-poppins-600{
  font-family:var(--font-poppins);
  font-weight:600;
}

.f-poppins-700{
  font-family:var(--font-poppins);
  font-weight:700;
}

.critical-css-font-carrier{
  font-family:var(--font-poppins);
}

.f-body{
  font-family:var(--text-body-ff);
  font-size:var(--text-body-fz);
  line-height:var(--text-body-lh);
}

/*! Initial styling for basic html-elements */
*,
::before,
::after{
  box-sizing:border-box;
}

*{
  margin:0;
  padding:0;
}
*:focus{
  outline:none;
}
*:not(input, textarea, .button):focus-visible{
  outline:1px dashed var(--tab-focus-color);
  outline-offset:0.5rem;
}

html{
  height:100%;
  font-family:system-ui, "-apple-system", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size:10px;
  background-color:var(--html-bg-color);
  scroll-behavior:smooth;
  -webkit-tap-highlight-color:transparent;
  -webkit-text-size-adjust:100%;
  color-scheme:normal;
}
html.has-scrollbar{
  overflow-x:unset;
  overflow-y:scroll;
}

body{
  --text-body-ff:var(--font-poppins);
  --text-body-fz:1.4rem;
  --text-body-lh:normal;
  overflow-x:hidden;
  display:flex;
  flex-direction:column;
  min-width:32rem;
  min-height:100%;
  height:auto;
  font-family:var(--text-body-ff);
  font-size:var(--text-body-fz);
  line-height:var(--text-body-lh);
  font-weight:400;
  color:var(--text-body-color);
  -webkit-font-smoothing:antialiased;
  font-variant-numeric:lining-nums;
}
body.no-transitions *{
  transition:none !important;
}
body.no-transitions *::before, body.no-transitions *::after{
  transition:none !important;
}
body.is-locked{
  position:fixed;
  top:var(--top-body-offset);
  width:100%;
}

a,
p,
li,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6{
  overflow-wrap:break-word;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4{
  font-weight:600;
}

h1,
.h1{
  font-size:clamp(2.6rem, 4.5vw, 3.6rem);
  line-height:1.5;
}

h2,
.h2{
  font-size:1.8rem;
}

h3,
.h3{
  font-size:2rem;
}

h4,
.h4{
  font-size:1.2rem;
  text-transform:uppercase;
}

br.md-only{
  display:none;
}

br.lg{
  display:none;
}

ul,
ol{
  list-style:none;
  list-style-position:inside;
}

.ul,
.ol,
.p{
  margin-bottom:1.6rem;
}

a{
  --color:var(--content-link-color);
  --color-hover:var(--content-link-color-hover);
  --color-active:var(--content-link-color-active);
  text-decoration-color:transparent;
  color:var(--color);
  transition-property:var(--transition-props-color);
  transition-timing-function:var(--transition-func-cubic);
  transition-duration:var(--transition-duration-short);
}
a:hover, a:focus-visible{
  text-decoration-color:currentColor;
  color:var(--color-hover);
}
a:active{
  color:var(--color-active);
}

button,
input,
optgroup,
select,
textarea{
  font-family:inherit;
  font-size:100%;
  line-height:var(--text-body-lh);
  font-weight:inherit;
  font-variant-numeric:inherit;
  color:inherit;
}

button,
select{
  text-transform:none;
  -webkit-user-select:none;
          user-select:none;
}

select{
  visibility:hidden;
}

button,
input[type=button],
input[type=reset],
input[type=submit]{
  -webkit-appearance:button;
}

button,
input[type=submit]{
  display:block;
}
button:hover,
input[type=submit]:hover{
  cursor:pointer;
}

input[type=search]{
  -webkit-appearance:textfield;
  outline-offset:-2px;
}

input[type=number]{
  -moz-appearance:textfield;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}

progress{
  vertical-align:baseline;
}

img,
picture,
video,
canvas,
svg{
  display:block;
  max-width:100%;
}

img{
  box-sizing:content-box;
  width:100%;
  height:100%;
  object-fit:cover;
}

.picture-svg img{
  width:revert-layer;
}

.inline-svg{
  pointer-events:none;
}

address{
  font-style:normal;
}

table{
  table-layout:fixed;
  text-indent:0;
  border-color:inherit;
  border-collapse:separate;
  border-spacing:0;
}

hr{
  display:block;
  height:0.1rem;
  border:none;
  background-color:var(--color-grey-2);
  color:inherit;
}

.hr,
.content hr{
  height:0.1rem;
  margin:1.2rem 0 1.2rem;
  border:none;
  background-color:var(--color-grey-1);
}
.hr:last-child,
.content hr:last-child{
  margin-bottom:0;
}

abbr[title]{
  -webkit-text-decoration:underline dotted;
          text-decoration:underline dotted;
}

b,
strong{
  font-weight:600;
}

code,
kbd,
samp,
pre{
  font-family:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  font-size:1em;
}

small{
  font-size:80%;
}

sub,
sup{
  position:relative;
  vertical-align:baseline;
  font-size:75%;
  line-height:0;
}

sub{
  bottom:-0.25em;
}

sup{
  top:-0.5em;
}

summary{
  display:list-item;
}

iframe{
  border:none;
}

::-moz-focus-inner{
  border-style:none;
  padding:0;
}

:-moz-focusring{
  outline:1px dotted ButtonText;
}

:-moz-ui-invalid{
  box-shadow:none;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button{
  height:auto;
}

::-webkit-search-decoration{
  -webkit-appearance:none;
}

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit;
}

/*! Reusable utility classes */
.offscreen{
  position:absolute;
  overflow:hidden;
  width:1px;
  height:1px;
  margin:-1px;
  border:0;
  padding:0;
  clip:rect(0 0 0 0);
}

.ellipsis{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.truncate-box{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:5;
}

/*! Forms and their elements */
/*! General form fields settings */
.form__fieldset{
  display:flex;
  flex-direction:column;
  gap:1rem;
  border:0;
}

.form-legend{
  margin-bottom:1rem;
  font-size:1.6rem;
  font-weight:600;
}

.form__field{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:0;
  width:100%;
}

.select-wrapper{
  position:relative;
  width:100%;
  min-height:4rem;
}

/*! Text fields & textarea */
.form__label{
  display:block;
  order:-1;
  margin-bottom:0.8rem;
  font-size:1.4rem;
}
.form__label:has(.form__text-input){
  margin-bottom:0;
}

.text-input-wrapper{
  position:relative;
  display:block;
}

.form__text-input{
  width:100%;
  min-height:var(--input-height);
  border:var(--border-width) solid var(--border-color);
  border-radius:var(--border-radius);
  padding:var(--input-padding);
  background-color:var(--bg-color);
  transition:border-color var(--transition-medium-cubic);
}
.form__text-input:hover{
  border-color:var(--border-color-hover);
}
.form__text-input:focus-visible{
  border-color:var(--border-color-focus);
  outline:none;
}
.form__text-input:focus-visible::placeholder{
  opacity:0;
}
.form__text-input::placeholder{
  color:var(--placeholder-color);
  opacity:1;
}

.input-tel.is-masked:not(.is-filled){
  color:var(--placeholder-color);
}

.input-textarea{
  display:block;
  min-height:12.8rem;
  max-height:24rem;
  padding:1rem 2rem;
  resize:vertical;
}

/*! File field */
.file-field{
  flex-direction:row;
  align-items:center;
  gap:1rem;
  min-height:var(--input-height);
  border:var(--border-width) solid var(--border-color);
  border-radius:var(--border-radius);
  padding:var(--input-padding);
  background-color:var(--bg-color);
  transition:border-color var(--transition-medium-cubic);
}
.file-field:hover{
  border-color:var(--border-color-hover);
}
.file-field:focus-within{
  border-color:var(--border-color-focus);
}

.input-file{
  position:absolute;
  top:calc(var(--border-width) * -1);
  left:calc(var(--border-width) * -1);
  z-index:1;
  width:calc(100% + var(--border-width) * 2);
  height:calc(100% + var(--border-width) * 2);
  font-size:0;
  opacity:0;
  cursor:pointer;
}
.input-file::-webkit-file-upload-button{
  cursor:pointer;
}

.label-file{
  order:initial;
}

/*! Checkbox field */
.checkbox-field{
  --checkbox-size:3.2rem;
  z-index:0;
  justify-content:center;
  min-height:var(--input-height);
}

.input-checkbox{
  position:absolute;
  z-index:-1;
  opacity:0;
}
.input-checkbox:focus-visible + .label-checkbox .checkbox-input-control{
  border-color:var(--border-color-focus);
}
.input-checkbox:checked + .label-checkbox .checkbox-input-control::before{
  transform:translatey(-50%) scale(0.9) rotate(45deg);
}

.label-checkbox{
  margin-left:calc(var(--checkbox-size) + 1.8rem);
  -webkit-user-select:none;
          user-select:none;
  cursor:pointer;
}
.label-checkbox:hover .checkbox-input-control{
  border-color:var(--border-color-hover);
}
.label-checkbox:active .checkbox-input-control{
  border-color:var(--border-color-focus);
}
.label-checkbox a{
  display:inline;
}

.checkbox-input-control{
  position:absolute;
  top:50%;
  left:0;
  width:var(--checkbox-size);
  height:var(--checkbox-size);
  border:1px solid var(--border-color);
  background-color:var(--bg-color);
  transform:translateY(-50%);
  transition:border-color var(--transition-medium-cubic);
}
.checkbox-input-control::before{
  content:"";
  position:absolute;
  top:calc(50% - 0.3rem);
  left:1.1rem;
  width:1rem;
  height:2rem;
  border-right:2px solid var(--color-black);
  border-bottom:2px solid var(--color-black);
  transform:translateY(-50%) scale(0) rotate(45deg);
}
.order-option__checkbox{
  position:relative;
}

.form__checkbox{
  position:absolute;
  visibility:hidden;
}
.form__checkbox:checked + .form__label--checkbox::before{
  border:none;
  background-image:url(../svg/icons/done.svg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:2.4rem;
  background-color:var(--color-primary);
}

.form__label--checkbox{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:0.2rem;
  min-height:3.4rem;
  margin:0;
  padding-left:4rem;
  -webkit-user-select:none;
          user-select:none;
  cursor:pointer;
}
.form__label--checkbox:hover .form__label-title, .form__label--checkbox:focus-visible .form__label-title{
  opacity:0.7;
}
.form__label--checkbox:hover::before, .form__label--checkbox:focus-visible::before{
  border-color:var(--color-primary);
}
.form__label--checkbox:active::before{
  border-color:var(--color-primary);
}
.form__label--checkbox::before{
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:3rem;
  height:3rem;
  border-color:transparent;
  border-radius:50%;
  background-color:var(--color-primary-10);
  transform:translateY(-50%);
  transition:border-color var(--transition-medium-cubic);
}

.order-option .form__label--checkbox,
.order-option__checkbox .form__label--checkbox{
  gap:0;
  padding-top:0;
  padding-right:1rem;
  padding-left:4.4rem;
  font-size:1.4rem;
}
.order-option .form__label--checkbox::before,
.order-option__checkbox .form__label--checkbox::before{
  top:50%;
  width:3.4rem;
  height:3.4rem;
  background-size:2.4rem !important;
  transform:translateY(-50%);
}

.form__label-text{
  font-size:1rem;
  line-height:140%;
  color:var(--color-text-grey);
}

/*! Radio field */
.radio-fieldset{
  flex-direction:column;
}

.radio-legend{
  margin-bottom:1rem;
  font-size:2rem;
  font-weight:500;
}

.radio-field{
  --radio-size:2.4rem;
  --check-size:1.4rem;
  --check-color:var(--color-black);
  z-index:0;
  justify-content:center;
  min-height:calc(var(--radio-size) + 0.4rem);
}

.input-radio{
  position:absolute;
  z-index:-1;
  opacity:0;
}
.input-radio:focus-visible + .label-radio .radio-input-control{
  border-color:var(--border-color-focus);
}
.input-radio:checked + .label-radio .radio-input-control::before{
  transform:scale(1);
}

.label-radio{
  margin-left:calc(var(--radio-size) + 1.6rem);
  -webkit-user-select:none;
          user-select:none;
  cursor:pointer;
}
.label-radio:hover .radio-input-control{
  border-color:var(--border-color-hover);
}
.label-radio:active .radio-input-control{
  border-color:var(--border-color-focus);
}
.label-radio a{
  display:inline;
}

.radio-input-control{
  position:absolute;
  top:50%;
  left:0;
  display:flex;
  justify-content:center;
  align-items:center;
  width:var(--radio-size);
  height:var(--radio-size);
  border:1px solid var(--border-color);
  border-radius:50%;
  background-color:var(--bg-color);
  transform:translateY(-50%);
  transition:border-color var(--transition-medium-cubic);
}
.radio-input-control::before{
  content:"";
  width:var(--check-size);
  height:var(--check-size);
  border-radius:50%;
  background-color:var(--check-color);
  transform:scale(0);
}
.form-radio-wrapper{
  position:relative;
  width:100%;
  transition:opacity var(--transition-medium-cubic);
}
.form-radio-wrapper:hover .form-radio::before, .form-radio-wrapper:focus-visible .form-radio::before{
  border-color:var(--color-primary);
}
.form-radio-wrapper:hover .form-radio__title, .form-radio-wrapper:focus-visible .form-radio__title{
  opacity:0.7;
}
.form-radio-wrapper:active .form-radio::before{
  border-color:var(--color-primary-dim);
}
.form-radio-wrapper:active .form-radio__title{
  opacity:1;
}

.form-radio-input{
  position:absolute;
  visibility:hidden;
}
.form-radio-input:checked + .form-radio::before{
  border:none;
  background-image:url(../svg/icons/done.svg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:2.4rem;
  background-color:var(--color-primary);
}

.form-radio{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:0.4rem;
  min-height:3.4rem;
  height:100%;
  padding-left:4.4rem;
  cursor:pointer;
}
.form-radio::before{
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:3.4rem;
  height:3.4rem;
  border-color:transparent;
  border-radius:50%;
  background-color:var(--color-primary-10);
  transform:translateY(-50%);
  transition:border-color var(--transition-medium-cubic);
}

.form-radio__title{
  display:inline-flex;
  align-items:center;
  gap:0.9rem;
  font-size:1.3rem;
  line-height:normal;
}
.form-radio__title:has(~ .form-radio__price){
  padding-right:3.6rem;
}
.form-radio__title .icon{
  font-size:1.6rem;
}

.form-radio__text{
  font-size:1.2rem;
  line-height:1.4rem;
  color:var(--color-text-grey);
}

.form-radio__price{
  position:absolute;
  top:0;
  right:0;
  font-size:1.3rem;
  line-height:normal;
  color:var(--color-primary);
}

/*! Password toggler */
.password-toggler{
  --icon-size:2.4rem;
  position:absolute;
  top:calc(var(--input-height) / 2 - var(--icon-size) / 2);
  right:1.8rem;
  width:var(--icon-size);
  height:var(--icon-size);
  border:none;
  background-image:url(../svg/icons/eye-hide.svg);
  background-repeat:no-repeat;
  background-position:center;
  background-color:transparent;
  opacity:0.6;
}
.password-toggler:hover, .password-toggler:focus-visible{
  opacity:1;
}
.password-toggler + .input-password{
  padding-right:5rem;
}
.password-toggler.is-active{
  background-image:url(../svg/icons/eye-show.svg);
}

.form{
  --border-width:0.1rem;
  --border-radius:1rem;
  --border-color:var(--color-grey-1);
  --border-color-hover:var(--color-grey-2);
  --border-color-focus:var(--color-grey-2);
  --input-height:4.8rem;
  --input-padding:0 2rem;
  --placeholder-color:rgba(38, 45, 56, 0.5);
  --bg-color:var(--color-grey-1);
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.h1 + .form-panel{
  margin-top:2rem;
}

.form-panel + .content{
  --common-gap:1rem;
  margin-top:1.6rem;
}

.form-panel{
  gap:2rem;
  border:1px solid var(--color-stroke);
  border-radius:2rem;
  padding:1.4rem 1.9rem;
  box-shadow:var(--shadow-menu);
}
.form-panel .form__fieldset{
  gap:2rem;
}
.form-panel .form__submit{
  width:100%;
}

.captcha-wrapper{
  display:flex;
  gap:1rem;
}
.captcha-wrapper .form__label{
  max-width:25.3rem;
}
.captcha-wrapper .form__text-input{
  min-height:4.8rem;
}

.captcha-img{
  flex-shrink:0;
  width:10rem;
  height:4.8rem;
  background-image:url(../img/layout/captcha-100w.jpg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
.form__caption p:not(:last-child){
  margin-bottom:1rem;
}

.fieldset-panel{
  display:flex;
  flex-direction:column;
  gap:2rem;
  border:1px solid var(--color-stroke);
  border-radius:2rem;
  padding:1.4rem 1.9rem;
  box-shadow:var(--shadow-menu);
}

.form-legend{
  position:relative;
  top:-1.4rem;
  left:-1.9rem;
  float:left;
  width:calc(100% + 3.8rem);
  min-height:3.9rem;
  margin-bottom:-1.9rem;
  border-radius:1.9rem 1.9rem 0 0;
  padding:0.9rem 1.9rem;
  font-size:1.6rem;
  line-height:normal;
  background-color:var(--color-text);
  color:var(--color-white);
}

.form__footnote{
  font-size:1.2rem;
  color:var(--color-text-grey);
}
.qty-input{
  --height:2.4rem;
  display:flex;
  align-items:center;
  width:100%;
  max-width:6.8rem;
}

.qty-input__label{
  flex-grow:1;
  height:var(--height);
}

.qty-input__qty-field{
  width:100%;
  height:var(--height);
  border:none;
  font-size:1.6rem;
  text-align:center;
  background-color:transparent;
}

.qty-input__minus,
.qty-input__plus{
  position:relative;
  display:flex;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  width:1.6rem;
  height:var(--height);
  border:none;
  background-color:transparent;
  color:var(--color-text);
  transition:background-color var(--transition-medium-cubic), color var(--transition-medium-cubic), opacity var(--transition-medium-cubic);
  -webkit-user-select:none;
          user-select:none;
}
.qty-input__minus:hover, .qty-input__minus:focus-visible,
.qty-input__plus:hover,
.qty-input__plus:focus-visible{
  color:var(--color-primary);
}
.qty-input__minus:active,
.qty-input__plus:active{
  opacity:0.6;
}
.qty-input__minus .icon,
.qty-input__plus .icon{
  font-size:1.6rem;
}
.form .iti__selected-country{
  --iti-spacer-horizontal:2rem;
  --iti-triangle-border:0.4rem;
  --iti-arrow-padding:1rem;
  --iti-arrow-color:var(--color-grey-1);
  top:0.2rem;
  height:4rem;
  font-size:1.5rem;
  background-color:transparent !important;
}

.intl-phone{
  font-size:1.6rem;
}

.iti__arrow{
  display:inline-flex;
  width:1.6rem;
  height:1.6rem;
  margin-top:0.1rem;
  margin-left:0.6rem;
  border:none;
  -webkit-mask-image:url(../svg/icons/chevron-down.svg);
          mask-image:url(../svg/icons/chevron-down.svg);
  -webkit-mask-size:contain;
          mask-size:contain;
  -webkit-mask-repeat:no-repeat;
          mask-repeat:no-repeat;
  -webkit-mask-position:center;
          mask-position:center;
  background-color:var(--color-text);
}
.reset-password-fieldset{
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
}
.reset-password-fieldset .form__field{
  width:initial;
}
.accordion-item{
  --animation-duration:0.3s;
}
.accordion-item.is-open > .accordion-button .icon{
  transform:rotate(180deg);
}
.accordion-item.is-open > .accordion-panel{
  max-height:unset;
  animation:none;
}
.accordion-item.is-open.is-animating .accordion-panel{
  max-height:var(--accordion-height);
  animation:accordionSlideDown var(--animation-duration);
}

.accordion-button{
  display:flex;
  justify-content:space-between;
  align-items:center;
  -webkit-user-select:none;
          user-select:none;
  cursor:pointer;
}
.accordion-button::marker, .accordion-button::-webkit-details-marker{
  content:"";
  display:none;
}
.accordion-button .icon{
  transition:transform var(--transition-medium-cubic);
}

.accordion-panel{
  --accordion-height:0;
  overflow:hidden;
  max-height:0;
  animation:accordionSlideUp var(--animation-duration);
}

@keyframes accordionSlideUp{
  0%{
    max-height:var(--accordion-height);
    opacity:1;
  }
  100%{
    max-height:0;
    opacity:0;
  }
}
@keyframes accordionSlideDown{
  0%{
    max-height:0;
    opacity:0;
  }
  100%{
    max-height:var(--accordion-height);
    opacity:1;
  }
}
.accordion-content{
  padding:1rem 0;
}

/*! Buttons */
.button{
  --border-color:var(--color-primary);
  --border-color-hover:var(--color-primary-hover);
  --bg-color:var(--color-primary);
  --bg-color-hover:var(--color-primary-hover);
  --color:var(--color-white);
  --color-hover:var(--color);
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:1rem;
  min-height:4.8rem;
  border:1px solid var(--border-color);
  border-radius:1rem;
  padding:0.5rem 1.4rem;
  font-size:1.4rem;
  line-height:1;
  font-weight:500;
  text-decoration:none;
  text-align:center;
  background-color:var(--bg-color);
  color:var(--color);
  transition-property:transform, opacity, var(--transition-props-color);
  transition-timing-function:var(--transition-func-cubic);
  transition-duration:var(--transition-duration-medium);
  cursor:pointer;
}
.button:hover, .button:focus-visible{
  border-color:var(--border-color-hover);
  background-color:var(--bg-color-hover);
  color:var(--color-hover);
}
.button:active{
  opacity:0.8;
}
.button .icon{
  flex-shrink:0;
}
.button[type=submit]{
  border-radius:1rem;
}

.button--sm{
  min-height:5rem;
  font-size:1.8rem;
}

.button--uppercase{
  text-transform:uppercase;
}

.button--secondary{
  --border-color:var(--color-secondary);
  --border-color-hover:var(--color-primary);
  --bg-color:var(--color-secondary);
  --bg-color-hover:var(--color-primary);
  --color:var(--color-primary);
  --color-hover:var(--color-white);
}

.button--dark-surface{
  --border-color:transparent;
  --bg-color:var(--color-white-10);
}

.button--outlined{
  --border-color:var(--color-grey-5);
  --border-color-hover:var(--bg-color-hover);
  --bg-color:transparent;
  --bg-color-hover:var(--color-secondary);
  --color:var(--color-text);
  --color-hover:var(--color-white);
  text-transform:uppercase;
}
.button--outlined.button--secondary{
  --border-color:var(--color-secondary);
  --border-color-hover:var(--bg-secondary-hover);
}

.button--more{
  width:100%;
}

.close-button{
  overflow:hidden;
  width:2.2rem;
  height:2.2rem;
  border:0;
  background-color:transparent;
  color:transparent;
  transition:opacity var(--transition-medium-cubic);
  -webkit-user-select:none;
          user-select:none;
}
.close-button:hover{
  opacity:0.6;
}
.close-button::before, .close-button::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  left:0;
  display:block;
  width:0.3rem;
  height:100%;
  margin:0 auto;
  background-color:var(--color-black);
  transform:rotate(45deg) translateX(0);
}
.close-button::after{
  transform:rotate(-45deg) translateX(0);
}

.copy-button{
  position:relative;
  display:flex;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  width:2.8rem;
  height:2.8rem;
  border:none;
  background-repeat:no-repeat;
  background-position:center;
  background-color:transparent;
  color:var(--color-text-grey);
  transition:color var(--transition-medium-cubic), transform var(--transition-medium-cubic);
}
.copy-button:hover, .copy-button:focus-visible{
  color:var(--color-primary);
}
.copy-button:active{
  transform:translateY(0.2rem);
}
.copy-button .icon{
  font-size:2rem;
}
.copy-button .button-text{
  position:absolute;
  top:-5rem;
  left:-8rem;
  display:none;
  align-items:center;
  gap:2rem;
  min-height:4.4rem;
  border-radius:1rem;
  padding:1.3rem 2rem 1.3rem 4.9rem;
  font-size:1.5rem;
  line-height:2rem;
  background-image:url(../svg/icons/check.svg);
  background-repeat:no-repeat;
  background-position:center left 2rem;
  background-color:var(--color-primary);
  color:var(--color-white);
  animation:tooltip-appear 0.2s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-user-select:none;
          user-select:none;
}
.copy-button .button-text::after{
  content:"";
  position:absolute;
  bottom:-0.7rem;
  left:calc(50% + 2.6rem);
  width:0;
  height:0;
  border-width:0.7rem 0.6rem 0 0.6rem;
  border-style:solid;
  border-color:var(--color-primary) transparent transparent transparent;
  transform:rotate(0deg);
}
.copy-button .button-text.is-visible{
  display:flex;
}

@keyframes tooltip-appear{
  0%{
    opacity:0;
    transform:translateY(0.6rem);
  }
}
/*! Product cards */
.cards{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(16rem, 1fr));
  gap:1rem;
}

.card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:1rem;
  border:1px solid var(--color-stroke);
  border-radius:2rem;
  padding:0.9rem;
  box-shadow:var(--shadow-menu);
  transition:border-color var(--transition-medium-cubic);
}
.card:hover, .card:focus-visible{
  border-color:var(--color-primary);
}

.card__header{
  display:flex;
  flex-direction:column;
  margin-top:auto;
}

.card__title{
  font-size:1.4rem;
  font-weight:600;
}
.card__title a{
  text-decoration:none;
  color:inherit;
}
.card__title a::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
}

.card__description{
  display:inline-flex;
  font-size:1.2rem;
  color:var(--color-text-grey);
}

.card__img{
  align-self:center;
  aspect-ratio:1/1;
  width:calc(100% + 0.6rem);
  max-width:16rem;
}

.card__variants{
  display:inline;
  width:calc(100% + 0.4rem);
  font-size:1.2rem;
  color:var(--color-text-grey);
}

.card__variant{
  position:relative;
  display:inline;
}
.card__variant:not(:last-child)::after{
  content:" | ";
}

.card__footer{
  display:flex;
  flex-direction:column;
  gap:0.9rem;
  margin-top:-1rem;
}

.card__price-wrapper{
  display:flex;
  flex-shrink:0;
  flex-direction:column;
  justify-content:center;
  gap:0.5rem;
}

.card__price{
  font-size:1.6rem;
  color:var(--color-primary);
}

.card__discount{
  font-size:1.2rem;
  color:var(--color-red);
}

.card__button{
  z-index:2;
  flex-shrink:1;
  min-width:45%;
  word-break:break-word;
}

.card-features{
  position:absolute;
  top:0.9rem;
  right:0.9rem;
  display:flex;
  flex-direction:column;
  gap:0.5rem;
  width:fit-content;
}

.card-feature{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:1.9rem;
  border-radius:0.4rem;
  padding:0.2rem 0.6rem;
  font-size:1rem;
  background-color:var(--color-red);
  color:var(--color-white);
}
.promo-card{
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:1.6rem;
  border-radius:2rem;
  padding:1.2rem 2rem 1.4rem;
  text-decoration:none;
  background-image:linear-gradient(180deg, #474ce6 0%, #a1a3fb 100%);
  transition:opacity var(--transition-medium-cubic);
}
.promo-card:hover, .promo-card:focus-visible{
  opacity:0.9;
}

.promo-card--bonus{
  flex-direction:row;
  gap:1rem;
  padding:1.5rem 2.3rem 1.4rem;
}
.promo-card--bonus .promo-card__content{
  flex-grow:1;
  align-items:flex-start;
  gap:0.3rem;
  text-align:left;
}
.promo-card--bonus .promo-card__title{
  font-size:1.6rem;
  line-height:1.1;
  font-weight:300;
}
.promo-card--bonus .promo-card__text{
  font-size:1.2rem;
  letter-spacing:normal;
}
.promo-card--bonus .promo-card__cover{
  flex-grow:1;
  justify-content:flex-start;
  width:37.5%;
  max-width:initial !important;
  padding-top:0;
  margin-inline:auto -2.2rem;
  background-position:left 1rem top;
  background-size:8.9rem auto;
}
.promo-card--bonus .promo-card__cover img{
  width:87%;
  max-width:15rem;
  margin-bottom:-1rem;
}

.promo-card--green{
  background-image:linear-gradient(180deg, #81a64b 0%, #d3eeac 100%);
}

.promo-card--red{
  background-image:linear-gradient(180deg, #a64b4b 0%, #e6bbbb 100%);
}
.promo-card--red .promo-card__cover{
  flex-grow:0.4;
}
.promo-card--red .promo-card__cover img{
  min-width:11.4rem;
  max-width:100%;
  margin-left:16%;
}

.promo-card__content{
  display:flex;
  flex-grow:1;
  flex-direction:column;
  align-items:center;
  gap:0.1rem;
  text-align:center;
  color:var(--color-white);
}

.promo-card__title{
  font-size:4rem;
  line-height:93%;
  font-weight:200;
  text-transform:uppercase;
}
.promo-card__title small{
  font-size:2.3rem;
  line-height:136%;
}
.promo-card__title:has(small){
  padding-top:0.5rem;
  line-height:66%;
}

.promo-card__text{
  font-size:0.9rem;
  letter-spacing:-0.025em;
}

.promo-card__cover{
  position:relative;
  display:flex;
  flex-grow:0.3;
  flex-shrink:0;
  justify-content:center;
  width:100%;
  margin-bottom:-1.4rem;
  padding-top:0.6rem;
  background-image:url(../svg/cards/promo-card-heart.svg);
  background-repeat:no-repeat;
  background-position:bottom 95% center;
  background-size:90% auto;
}
.promo-card__cover img{
  max-width:16rem;
  object-fit:contain;
  object-position:bottom;
}

.promo-card__discount{
  container-type:inline-size;
  position:absolute;
  top:-5%;
  left:-6%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:32%;
  max-width:8rem;
  aspect-ratio:1;
  padding-top:0.2rem;
  font-size:2rem;
  line-height:1;
  font-weight:700;
  text-align:center;
  background-image:url(../svg/cards/discount-bg.svg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  color:var(--color-white);
}
@container (width >= 10px){
  .promo-card__discount-value{
    font-size:28cqi;
  }
}

.promo-card__discount-caption{
  font-size:1.4rem;
  text-transform:uppercase;
}
@container (width >= 10px){
  .promo-card__discount-caption{
    font-size:20cqi;
  }
}

/*! Categories nav */
.cat-nav{
  --x-offset:1rem;
  position:absolute;
  top:3rem;
  left:var(--x-offset);
  z-index:111;
  display:none;
  width:calc(100% - var(--x-offset) * 2);
  max-height:calc(100dvh - 6rem);
  background-color:var(--color-white);
  box-shadow:var(--shadow-menu);
}
.cat-nav.is-visible{
  display:flex;
}
.cat-nav .nav-container{
  position:relative;
  display:flex;
  flex-grow:1;
}
.cat-nav .nav__heading{
  display:inline-flex;
  align-items:center;
  gap:1rem;
  margin-bottom:1rem;
  padding-inline:1.6rem;
  font-size:2rem;
  line-height:3rem;
  font-weight:600;
  color:var(--color-text);
}
.cat-nav .nav__heading-button{
  display:inline-flex;
  align-items:center;
  gap:1rem;
  margin:0;
  border:none;
  padding:0;
  background-color:transparent;
  transition:opacity var(--transition-medium-cubic);
}
.cat-nav .nav__heading-button:hover, .cat-nav .nav__heading-button:focus-visible{
  opacity:0.7;
}
.cat-nav .nav__list{
  overflow:auto;
  flex-direction:column;
  align-items:initial;
  gap:0;
  width:24rem;
  max-height:96rem;
}
.cat-nav .nav__list > .nav__item > .nav__link{
  --color:var(--color-text);
  --color-hover:var(--color-primary);
  --color-active:var(--color-primary-hover);
  position:relative;
  width:100%;
  padding:1.6rem;
  font-size:1.2rem;
  line-height:1.8rem;
  font-weight:600;
}
.cat-nav .nav__list > .nav__item > .nav__link::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:1px;
  background-color:var(--color-grey-1);
}
.cat-nav .nav__list > .nav__item > .nav__link.is-active{
  text-decoration:none;
}
.cat-nav .nav__list > .nav__item > .nav__link.is-active .icon{
  top:0.1rem;
  color:var(--color-primary);
}
.cat-nav .nav__link{
  --color:var(--color-text);
  --color-hover:var(--color-primary);
  --color-active:var(--color-primary-hover);
  --icon-color:var(--color-text-grey);
}
.cat-nav .nav__link:hover, .cat-nav .nav__link:focus-visible{
  --icon-color:var(--color-primary);
}
.cat-nav .nav__link .icon{
  margin-left:auto;
  font-size:1.4rem;
  color:var(--icon-color);
}
.cat-nav .nav__sublist{
  position:absolute;
  top:0;
  overflow:auto;
  visibility:hidden;
  flex-wrap:wrap;
  margin:0;
  padding:2rem;
  background-color:transparent;
  box-shadow:none;
}
.cat-nav .nav__sublist.is-visible{
  visibility:visible;
}
.cat-nav .nav__sublist .nav__link{
  padding:0.7rem 0;
  font-size:1.4rem;
  line-height:normal;
}
.cat-nav .nav__sublist.categories-sublist{
  overflow-x:initial;
  overflow-y:auto;
  column-gap:0.5rem;
  row-gap:0.4rem;
  width:fit-content;
  max-width:100%;
  padding:1.3rem 0.5rem 0 4rem;
}
.cat-nav .nav__sublist.categories-sublist .nav__item:not(:last-child, .nav__item--return){
  margin-bottom:0.6rem;
}
.cat-nav .nav__sublist.categories-sublist .nav__link{
  --color:var(--color-text);
  --color-hover:var(--color-primary);
  --color-active:var(--color-primary-hover);
  width:100%;
  padding-right:1rem;
}
.cat-nav .nav__item--return{
  padding-top:0 !important;
}
.cat-nav .nav__mobile-return{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:1rem;
  border:none;
  font-size:2rem;
  line-height:3rem;
  font-weight:600;
  text-align:left;
  background-color:transparent;
  color:var(--color-text);
  transition:opacity var(--transition-medium-cubic);
}
.cat-nav .nav__mobile-return:hover, .cat-nav .nav__mobile-return:focus-visible{
  opacity:0.7;
}
.cat-nav .nav__mobile-return .icon{
  font-size:2.4rem;
}
.cat-nav .nav-col{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}
.cat-nav .nav__close-button{
  position:absolute;
  top:1rem;
  right:1rem;
  z-index:1;
  width:2.4rem;
  height:2.4rem;
  border:none;
  -webkit-mask-image:url(../svg/icons/close.svg);
          mask-image:url(../svg/icons/close.svg);
  -webkit-mask-repeat:no-repeat;
          mask-repeat:no-repeat;
  -webkit-mask-position:center;
          mask-position:center;
  -webkit-mask-size:contain;
          mask-size:contain;
  background-color:var(--color-text);
  opacity:0.25;
  transition:opacity var(--transition-medium-cubic);
}
.cat-nav .nav__close-button:hover, .cat-nav .nav__close-button:focus-visible{
  opacity:0.4;
}
.cat-nav .icon{
  font-size:2.4rem;
}

@keyframes cat-sublist-appear{
  0%{
    opacity:0;
    transform:translateY(-1.6rem);
  }
}
.cat-overlay.is-visible{
  transition:var(--transition-overlay);
}

body.is-fixed{
  position:fixed;
  width:100%;
}

body.has-scroll{
  overflow-x:unset;
  overflow-y:scroll;
}
.custom-select-container{
  flex-grow:1;
  border:1px solid var(--color-primary-20);
  border-radius:1rem;
  font-size:1.4rem;
  -webkit-user-select:none;
          user-select:none;
}
.custom-select-container select{
  width:1rem;
}

.custom-select-opener{
  position:relative;
  z-index:2;
  overflow:hidden;
  display:flex;
  align-items:center;
  width:100%;
  height:4.8rem;
  border:1px solid var(--color-grey-1);
  border-radius:1rem;
  padding-left:1.9rem;
  font-size:1.6rem;
  line-height:normal;
  background-color:var(--color-grey-1);
  color:var(--color-text);
  transition:border-color var(--transition-medium-cubic);
}
.custom-select-opener:hover, .custom-select-opener:focus-visible{
  border-color:var(--color-grey-2);
}

.custom-select-opener[aria-expanded=true]{
  z-index:4;
  border-color:var(--color-grey-1);
}

.icon.select-wrapper__chevron{
  position:absolute;
  top:50%;
  right:1.9rem;
  z-index:4;
  font-size:1.6rem;
  color:var(--color-text);
  transform:translateY(-50%);
  pointer-events:none;
}

.custom-select-panel{
  --offset-y:0;
  --translate-x:0%;
  top:calc(100% + var(--offset-y));
  left:50%;
  z-index:1;
  display:none;
  border-radius:0;
  padding:0;
  background:var(--color-white);
  -webkit-backdrop-filter:blur(10px);
          backdrop-filter:blur(10px);
  box-shadow:var(--shadow-menu);
  transform:translate3d(var(--translate-x), var(--offset-y), 0);
}

.select-wrapper .custom-select-panel{
  left:-0.1rem;
  width:calc(100% + 0.2rem);
}

.custom-select-container.is-open .custom-select-panel{
  z-index:5;
  display:block;
  max-height:24rem;
  border-radius:2rem;
  box-shadow:var(--shadow-menu);
  animation:select-panel-appear 0.2s;
}
.custom-select-container.is-open + .select-wrapper__chevron{
  color:var(--color-primary);
  transform:rotate(-180deg) translateY(50%);
}

@keyframes select-panel-appear{
  from{
    transform:translate3d(var(--translate-x), calc(var(--offset-y) + 1rem), 0);
  }
  to{
    transform:translate3d(var(--translate-x), var(--offset-y), 0);
  }
}
@keyframes hide-scroll{
  from, to{
    overflow:hidden;
  }
}
.custom-select-option{
  position:relative;
  padding:1rem 2rem 0.9rem;
  font-size:1.6rem;
  font-weight:400;
  color:var(--color-text);
  transition:color var(--transition-short-cubic);
}
.custom-select-option:not(:last-child)::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:1px;
  background-color:var(--color-grey-1);
}
.custom-select-option.has-focus{
  background-color:transparent;
  color:var(--color-primary);
}
.custom-select-option.is-selected{
  font-weight:normal;
  color:var(--color-primary);
}

.custom-select-option[data-value=""]{
  display:none;
}

/*! Pop-ups & modal dialogs */
.dialog-container{
  overscroll-behavior:contain;
  justify-content:center;
  align-items:center;
  min-width:30rem;
  width:fit-content;
  height:fit-content;
  border:none;
  background-color:transparent;
  color:var(--text-body-color);
}
.dialog-container[data-modal]{
  width:100%;
  max-width:100vw;
  height:100%;
  max-height:100%;
  cursor:pointer;
}
.dialog-container:not([data-modal]){
  position:fixed;
  inset:0;
  z-index:1;
  margin:auto;
}
.dialog-container::backdrop{
  background-color:transparent;
}

.dialog-container[open]{
  display:flex;
  animation:dialogSlideInUp 0.25s cubic-bezier(0.71, 1.7, 0.77, 1.24) forwards;
}

.dialog-container.close-dialog-animation{
  animation:dialogSlideOutDown 0.25s ease backwards;
}

@keyframes dialogSlideInUp{
  from{
    opacity:0;
    transform:translate3d(0, 4rem, 0);
  }
  to{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
}
@keyframes dialogSlideOutDown{
  from{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
  to{
    opacity:0;
    transform:translate3d(0, 8rem, 0);
  }
}
.dialog-container[data-dialog-stack][open]{
  --backdrop:var(--color-overlay-bg);
}
.dialog-container[data-dialog-stack][open]::backdrop{
  animation:dialogBackdropFadeIn 0.3s ease forwards;
}
.dialog-container[data-dialog-stack][open]:not([data-dialog-stack="1"]){
  --backdrop:var(--color-stack-overlay-bg);
}
.ua-firefox .dialog-container[data-dialog-stack][open]::backdrop{
  background-color:var(--backdrop);
}

.dialog-container[data-dialog-stack].close-dialog-animation::backdrop{
  animation:dialogBackdropFadeOut 0.3s ease backwards;
}

@keyframes dialogBackdropFadeIn{
  from{
    background-color:transparent;
  }
  to{
    background-color:var(--backdrop);
  }
}
@keyframes dialogBackdropFadeOut{
  from{
    background-color:var(--backdrop);
  }
  to{
    background-color:transparent;
  }
}
.dialog{
  --horizontal-margin:1rem;
  position:relative;
  z-index:1000;
  min-width:28rem;
  width:calc(100% - var(--horizontal-margin) * 2);
  max-width:70rem;
  height:fit-content;
  margin:auto;
  border-radius:2rem;
  padding:2.1rem 3rem 3rem;
  background-color:var(--color-white);
  box-shadow:var(--shadow-dialog);
  cursor:initial;
}

.dialog__close-button{
  position:absolute;
  top:1rem;
  right:1rem;
  border:none;
  background-color:transparent;
  color:var(--color-text);
  opacity:0.25;
  transition:opacity var(--transition-short-cubic);
}
.dialog__close-button:hover, .dialog__close-button:focus-visible{
  opacity:0.4;
}
.dialog__close-button .icon{
  font-size:2.4rem;
}

.dialog__title{
  font-family:var(--font-marcellus);
  font-size:2.4rem;
  line-height:normal;
  font-weight:600;
  text-align:center;
}

.dialog__note{
  margin-top:1.3rem;
  font-size:1.2rem;
  line-height:normal;
  text-align:center;
}

.button--dialog.button--outlined{
  --border-color:var(--color);
  --border-color-hover:var(--color-hover);
  --color:var(--color-secondary);
  --color-hover:var(--color-secondary-hover);
}
.dialog-container[data-dialog=call] .dialog{
  max-width:36rem;
}

.form.callback-form,
.form.callback-push-form{
  align-items:center;
  gap:0;
}
.form.callback-form .form__field,
.form.callback-push-form .form__field{
  gap:0;
}
.form.callback-form .text-field,
.form.callback-push-form .text-field{
  position:relative;
  min-width:23.4rem;
  width:fit-content;
  margin-block:1.1rem 2rem;
}
.form.callback-form .text-field .just-validate-error-label,
.form.callback-push-form .text-field .just-validate-error-label{
  position:absolute;
  bottom:-2.2rem;
  font-size:1.2rem;
  pointer-events:none;
}
.form.callback-form .text-field:has(.just-validate-error-label),
.form.callback-push-form .text-field:has(.just-validate-error-label){
  margin-bottom:3rem;
}
.form.callback-form .form__text-input,
.form.callback-push-form .form__text-input{
  padding-left:9.9rem !important;
}
.form.callback-form .iti,
.form.callback-push-form .iti{
  display:flex;
  flex-direction:column;
  width:fit-content;
  margin:0 auto;
}
.form.callback-form .input-tel,
.form.callback-push-form .input-tel{
  width:23.4rem;
  padding-right:2rem !important;
}
.form.callback-form .iti__selected-country,
.form.callback-push-form .iti__selected-country{
  --iti-spacer-horizontal:1.9rem;
  --iti-triangle-border:0.4rem;
  --iti-arrow-padding:1rem;
  --iti-arrow-color:var(--color-grey-1);
  top:2px;
  padding-left:1.5rem;
  font-size:1.5rem;
  background-color:transparent !important;
}
.form.callback-form .submit-field,
.form.callback-push-form .submit-field{
  flex-direction:row;
  justify-content:center;
}
.form.callback-form .submit-field input,
.form.callback-form .submit-field button,
.form.callback-push-form .submit-field input,
.form.callback-push-form .submit-field button{
  width:100%;
}

.form__field.callback-push-submit{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  gap:1rem !important;
  max-width:25rem;
}
.form__field.callback-push-submit .button{
  flex:1;
}

.dialog-container[data-dialog=call-push] .dialog{
  max-width:36rem;
  padding-top:3rem;
}

/*! Scrollable & draggable mobile nav */
.drag-nav{
  --height:2.2rem;
  overflow-y:hidden;
  width:100%;
  max-width:100%;
  height:var(--height);
  -webkit-user-select:none;
          user-select:none;
}

.drag-nav-container{
  overflow-x:auto;
  overflow-y:hidden;
  height:calc(var(--height) + 2rem);
  padding-bottom:2rem;
}
.drag-nav-container.is-dragging a{
  pointer-events:none;
}

/*! Drawer component */
.drawer{
  position:fixed;
  top:0;
  z-index:101;
  overflow:auto;
  width:100%;
  max-width:39rem;
  height:100%;
  background-color:var(--color-white);
  transition:transform var(--transition-long-cubic);
}

.drawer--rtl{
  right:0;
  transform:translateX(100%);
}

.drawer--ltr{
  left:0;
  transform:translateX(-100%);
}

.drawer--ttb{
  transform:translateY(-100%);
}

.drawer--btt{
  top:initial;
  bottom:0;
  transform:translateY(100%);
}

.drawer.is-active.drawer--rtl, .drawer.is-active.drawer--ltr{
  transform:translateX(0%);
}
.drawer.is-active.drawer--ttb, .drawer.is-active.drawer--btt{
  transform:translateY(0%);
}

/*! Dropdown component */
.dropdown{
  --dropdown-offset:12px;
  position:relative;
}
.dropdown[data-dropdown-hover]{
  margin-bottom:calc(var(--dropdown-offset) * -1);
  padding-bottom:var(--dropdown-offset);
}

.dropdown-container{
  --scrollbar-padding:1rem;
  position:absolute;
  top:0;
  left:0;
  z-index:10;
  display:none;
  gap:1.6rem;
  min-width:20rem;
  width:100%;
  max-width:30rem;
  border-radius:1rem;
  padding:0;
  background-color:var(--color-white);
  box-shadow:var(--shadow-menu);
}
.dropdown-container.is-visible{
  display:flex;
  animation:dropdown-container-appear 0.2s;
}
.dropdown-container .link{
  --color:var(--color-text);
  --color-hover:var(--color-primary);
  --color-active:var(--color-primary-hover);
  --td-color-hover:transparent;
}

@keyframes dropdown-container-appear{
  from{
    transform:translateY(1rem);
  }
}
.dropdown-content{
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  display:flex;
  flex-direction:column;
  gap:0;
  width:100%;
  max-height:30rem;
  padding-right:0;
}
.dropdown-content > .nav__item:last-child .nav__link::after{
  display:none;
}
.dropdown-content .nav__link, .dropdown-content > .link{
  position:relative;
  /* justify-content:center; */
  padding:0.8rem 1.2rem;
}
.dropdown-content .nav__link::after, .dropdown-content > .link::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:1px;
  background-color:var(--color-grey-1);
}
.dropdown-button--select[aria-expanded=true] .dropdown-button__arrow{
  transform:rotate(180deg);
}
.greedy-nav{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  width:100%;
}

.nav__list.greedy-items{
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  gap:0;
}
.nav__list.greedy-items > .greedy-item{
  white-space:nowrap;
}
.nav__list.greedy-items > .greedy-item:last-child{
  border-right:none;
}
.nav__list.greedy-items + .dropdown{
  height:1.6rem;
}

.greedy-item{
  white-space:nowrap;
}

.greedy-button{
  width:1.8rem;
  height:1.6rem;
  padding-left:0.1rem;
}
.greedy-button:not(.is-visible){
  display:none;
}
.greedy-button .icon{
  font-size:1.8rem;
}
.greedy-button .icon.is-hidden{
  display:none;
}
.greedy-button[aria-expanded=true] .icon:not(.is-hidden){
  display:none;
}
.greedy-button[aria-expanded=true] .icon.is-hidden{
  display:block;
  font-size:2.4rem;
  color:var(--color-grey-2);
}

/*! Icons */
.icon{
  display:inline-block;
  flex-shrink:0;
  font-size:2.4rem;
}

/*! Links */
.link{
  --td-color:transparent;
  --td-color-hover:currentColor;
  --color:var(--color-primary);
  --color-hover:var(--color-primary-hover);
  --color-active:var(--color-primary);
  display:inline-flex;
  align-items:center;
  border:none;
  text-decoration:underline;
  text-decoration-color:var(--td-color);
  text-align:left;
  background-color:transparent;
  color:var(--color);
  transition-property:transform, opacity, var(--transition-props-color);
  transition-timing-function:var(--transition-func-cubic);
  transition-duration:var(--transition-duration-short);
}
.link:hover, .link:focus-visible{
  text-decoration-color:var(--td-color-hover);
  color:var(--color-hover);
}
.link:active{
  color:var(--color-active);
}
.link--inline{
  display:inline;
}

.link--white{
  --color:var(--color-white);
  --color-hover:var(--color-grey-2);
  --color-active:var(--color-white);
}

.link--primary{
  --color:var(--color-primary);
  --color-hover:var(--color-primary-hover);
  --color-active:var(--color-text);
}

/*! Nav component rules */
.nav__list{
  display:flex;
  align-items:center;
  gap:2rem;
  padding-left:0;
}

.nav__item[data-dropdown]{
  --container-offset:1rem;
}

.nav__link{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
}
.nav__link .icon{
  margin-left:0.6rem;
  font-size:2.2rem;
  transition:transform var(--transition-medium-cubic);
}

.sublist-toggler--level-1{
  margin-bottom:calc(var(--container-offset) * -1);
  padding-bottom:var(--container-offset);
}
.sublist-toggler[aria-expanded=true] .icon{
  transform:rotate(180deg);
}
.sublist-toggler:not(.sublist-toggler--level-1){
  overflow:hidden;
  width:100%;
}

.sublist-container{
  --scrollbar-padding:1rem;
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows 0.2s linear;
}

.sublist-container.is-visible{
  grid-template-rows:1fr;
}

@keyframes sublist-appear{
  0%{
    opacity:0;
    transform:translateY(1rem);
  }
}
.nav__sublist{
  overflow-x:hidden;
  overflow-y:auto;
  display:flex;
  flex-direction:column;
  gap:2rem;
  max-height:30rem;
  padding-right:var(--scrollbar-padding);
}

/*! Main navbar component */
.navbar{
  display:flex;
}
.navbar .greedy-nav .dropdown{
  --dropdown-offset:12px;
  display:inline-flex;
}
.navbar .greedy-nav .dropdown:has(.greedy-button[aria-expanded=true]){
  margin-left:-0.3rem;
}

.navbar-greedy-items-content{
  min-width:11.4rem;
  max-width:fit-content;
  margin-left:0.5rem;
}
.navbar-greedy-items-content .greedy-item{
  list-style:none;
}
.navbar-greedy-items-content .nav__link{
  --td-color-hover:transparent;
  --color:var(--color-text);
  --color-hover:var(--color-primary);
  --color-active:var(--color-primary-hover);
  justify-content:center;
  text-align:center;
}

.navbar-toggler{
  display:none;
}

.navbar-close-button{
  position:absolute;
  top:1rem;
  right:1rem;
  border:none;
  background-color:transparent;
  color:var(--color-text);
  opacity:0.25;
  transition:opacity var(--transition-short-cubic);
}
.navbar-close-button:hover, .navbar-close-button:focus-visible{
  opacity:0.4;
}
.navbar-close-button .icon{
  font-size:2.4rem;
}
/*! Overlay component */
.overlay{
  position:fixed;
  top:0;
  left:0;
  z-index:100;
  visibility:hidden;
  width:100%;
  height:100%;
  background-color:var(--color-overlay-bg);
  opacity:0;
  transition:var(--transition-overlay);
  cursor:pointer;
}

.overlay.is-visible{
  visibility:visible;
  opacity:1;
}

.dialog-overlay{
  z-index:101;
}

/*! Rating stars */
.rating{
  display:flex;
  gap:0.2rem;
}

.rating__star{
  width:1.8rem;
  height:1.8rem;
  background-image:url(../svg/icons/rating-star.svg);
  background-repeat:no-repeat;
  background-position:center;
}
.custom-scroll,
.nav__list,
.nav__sublist,
.categories-sublists,
.dropdown-content,
.custom-select-panel{
  --track-width:0.2rem;
  --track-vertical-offset:1.6rem;
  --track-color:transparent;
  --thumb-width:0.2rem;
  --thumb-color:var(--color-primary);
  --thumb-hover-color:var(--color-primary-hover);
}
.custom-scroll::-webkit-scrollbar,
.nav__list::-webkit-scrollbar,
.nav__sublist::-webkit-scrollbar,
.categories-sublists::-webkit-scrollbar,
.dropdown-content::-webkit-scrollbar,
.custom-select-panel::-webkit-scrollbar{
  width:var(--track-width);
}
.custom-scroll::-webkit-scrollbar-track,
.nav__list::-webkit-scrollbar-track,
.nav__sublist::-webkit-scrollbar-track,
.categories-sublists::-webkit-scrollbar-track,
.dropdown-content::-webkit-scrollbar-track,
.custom-select-panel::-webkit-scrollbar-track{
  margin-top:var(--track-vertical-offset);
  margin-bottom:var(--track-vertical-offset);
  border-radius:1rem;
  background-color:var(--track-color);
}
.custom-scroll::-webkit-scrollbar-thumb,
.nav__list::-webkit-scrollbar-thumb,
.nav__sublist::-webkit-scrollbar-thumb,
.categories-sublists::-webkit-scrollbar-thumb,
.dropdown-content::-webkit-scrollbar-thumb,
.custom-select-panel::-webkit-scrollbar-thumb{
  width:var(--thumb-width);
  border-radius:1rem;
  background-color:var(--thumb-color);
}
.custom-scroll::-webkit-scrollbar-thumb:hover,
.nav__list::-webkit-scrollbar-thumb:hover,
.nav__sublist::-webkit-scrollbar-thumb:hover,
.categories-sublists::-webkit-scrollbar-thumb:hover,
.dropdown-content::-webkit-scrollbar-thumb:hover,
.custom-select-panel::-webkit-scrollbar-thumb:hover{
  background-color:var(--thumb-hover-color);
}
@-moz-document url-prefix(){
  .custom-scroll,
  .nav__sublist,
  .dropdown-content{
    scrollbar-width:thin;
    scrollbar-color:var(--thumb-color) var(--track-color);
  }
}
/*! Swiper.js */
.swiper{
  min-width:0;
  width:100%;
  -webkit-user-select:none;
          user-select:none;
}

.swiper-button-next,
.swiper-button-prev{
  --swiper-navigation-color:var(--color-red);
  display:flex;
  justify-content:center;
  align-items:center;
  outline:0;
  -webkit-user-select:none;
          user-select:none;
}
.swiper-button-next.swiper-button-lock,
.swiper-button-prev.swiper-button-lock{
  display:none;
}

.swiper-button-next:after,
.swiper-button-prev:after{
  --swiper-navigation-size:2rem;
  content:">";
  width:initial;
  height:initial;
  font-family:inherit;
  font-weight:700;
}

.swiper-button-prev:after{
  content:"<";
}

.swiper-controls{
  position:absolute;
  right:2rem;
  bottom:0.5rem;
  z-index:1;
  display:flex;
  justify-content:center;
  align-items:center;
  width:14rem;
  height:3rem;
  border-radius:2rem;
  background-color:var(--color-white);
  -webkit-user-select:none;
          user-select:none;
}
.swiper-controls .swiper-button-next,
.swiper-controls .swiper-button-prev{
  top:0;
  right:0;
  z-index:11;
  width:2.5rem;
  height:3rem;
  margin-top:0;
}
.swiper-controls .swiper-button-prev{
  left:0;
}
.swiper-controls .swiper-pagination{
  position:initial;
}

.swiper--reverse{
  transform:rotate(180deg);
}
.swiper--reverse .swiper-slide,
.swiper--reverse .swiper-controls{
  transform:rotate(-180deg);
}
.error-label{
  margin-top:0.8rem;
  font-size:1.4rem;
  color:var(--color-red);
}

.error-field{
  border-color:var(--color-red);
}
.error-field:hover, .error-field:focus-visible{
  border-color:var(--color-red);
}
.error-field:active{
  border-color:var(--color-red);
}

.input-checkbox.error-field + .form__label{
  color:var(--color-red);
}
.input-checkbox.error-field + .form__label .checkbox-input-control{
  border-color:var(--color-red);
}
.input-checkbox.error-field ~ .error-label{
  display:none;
}

.radio-fieldset--required:has(.input-radio.error-field) .radio-input-control{
  border-color:var(--color-red);
}

input.just-validate-success-field,
input.just-validate-success-field:hover,
input.just-validate-success-field:focus,
input.just-validate-success-field:focus-visible{
  border-color:var(--color-primary);
}

/*! Aside navigation rules */
.aside{
  display:flex;
  flex-shrink:0;
  flex-direction:column;
  gap:1.6rem;
}
.aside-nav{
  display:none;
  flex-direction:column;
  border-radius:2rem;
  padding:1rem 2rem 0.9rem;
  background-color:var(--color-grey-1);
}
.aside-nav .accordion-item:last-child .accordion-button::after{
  display:none;
}
.aside-nav .accordion-item.is-open .accordion-button .icon{
  color:var(--color-primary);
  transform:none;
}
.aside-nav .accordion-button{
  position:relative;
  display:flex;
  align-items:center;
  gap:1rem;
  width:100%;
  border:none;
  padding-block:1rem 1.1rem;
  font-size:1.2rem;
  line-height:1.8rem;
  font-weight:600;
  text-align:left;
  background-color:transparent;
  color:var(--color-text);
  transition:color var(--transition-medium-cubic);
}
.aside-nav .accordion-button:focus-visible{
  background-color:transparent;
  color:var(--color-primary);
}
.aside-nav .accordion-button:focus-visible .icon{
  color:var(--color-primary);
}
.aside-nav .accordion-button::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:1px;
  background-color:var(--color-grey-3);
}
.aside-nav .accordion-button .icon{
  margin-left:auto;
  font-size:1.4rem;
  color:var(--color-text-grey);
  transition:color var(--transition-medium-cubic);
}
.aside-nav .accordion-button[aria-expanded=true]{
  background-color:transparent;
}
.aside-nav .accordion-content{
  padding-block:0 1rem;
  font-size:1.4rem;
  line-height:normal;
}

.accordion-content .aside-nav__list{
  display:flex;
  flex-direction:column;
  margin-top:1rem;
  margin-bottom:0.4rem;
}

.aside-nav__item{
  display:inline-flex;
  padding-left:0 !important;
}
.aside-nav__item::before{
  display:none;
}
.aside-nav__item:last-child .aside-nav__link{
  padding-bottom:0;
}

.aside-nav__link{
  --color:var(--color-text-grey);
  --color-hover:var(--color-primary);
  --color-active:var(--color-primary-hover);
  display:inline-flex;
  justify-content:space-between;
  width:100%;
  padding-bottom:0.5rem;
  font-size:1.2rem;
  line-height:normal;
  text-decoration:none;
}

.aside-nav__price{
  font-weight:400;
  color:var(--color-primary);
}
.aside:not(:has(.aside-cards)){
  display:none;
}

.aside-cards{
  display:grid;
  gap:1rem;
  width:100%;
}
.aside-cards .promo-card{
  grid-column:span 2;
}

/*! Topbar & main header rules */
.topbar{
  display:flex;
  align-items:center;
  min-height:4.1rem;
  padding-block:0.5rem 0.6rem;
  background-color:var(--color-text);
  color:var(--color-white);
}
.topbar > .container{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
}

.topbar-categories-button{
  --color:var(--color-white);
  --color-hover:var(--color-grey-2);
  --color-active:var(--color-white);
  display:none;
  flex-shrink:0;
  gap:0.5rem;
  line-height:2rem;
  text-decoration:none;
}
.topbar-categories-button .icon{
  font-size:1.6rem;
  transition:color var(--transition-short-cubic);
}
.topbar-categories-button.is-active{
  color:var(--color-white);
}
.topbar-categories-button.is-active .icon{
  color:var(--color-primary);
  transform:rotate(180deg);
}

.header-phones{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  font-size:1.2rem;
}
.header-phones > .link--white{
  --td-color-hover:transparent;
  display:none;
}

.header-phones__request{
  display:inline;
  font-weight:500;
}
.header-phones__request .link--primary{
  --td-color:currentColor;
  --td-color-hover:transparent;
  --color:var(--color-white);
  --color-hover:var(--color-grey-2);
  --color-active:var(--color-white);
  width:min-content;
  line-height:1.3rem;
}
.header-phones__request span{
  display:none;
}

.header-phones__dropdown{
  display:inline;
  flex-shrink:0;
  align-items:center;
  margin-left:0.5rem;
}
.header-phones__dropdown .dropdown-button{
  gap:0.6rem;
  font-weight:500;
  text-decoration:none;
}
.header-phones__dropdown .dropdown-button:hover .icon, .header-phones__dropdown .dropdown-button:focus-visible .icon{
  color:var(--color-grey-2);
}
.header-phones__dropdown .dropdown-button[aria-expanded=true] .icon{
  color:var(--color-primary);
}
.header-phones__dropdown .dropdown-button .button-text{
  color:var(--color-grey-2);
}
.header-phones__dropdown .dropdown-button .icon{
  font-size:1.6rem;
  color:var(--color-grey-1);
}
.header-phones__dropdown .dropdown-container{
  min-width:18.7rem;
  font-size:1.4rem;
}

.header-settings{
  display:flex;
  flex-shrink:0;
}
.header-settings .custom-select-container{
  display:flex;
  align-items:center;
  border:none;
  font-size:1.2rem;
  color:var(--color-grey-1);
  transition:color var(--transition-short-cubic);
}
.header-settings .custom-select-container:hover, .header-settings .custom-select-container:focus-visible{
  color:var(--color-primary);
}
.header-settings .custom-select-container:hover ~ .icon, .header-settings .custom-select-container:focus-visible ~ .icon{
  color:var(--color-grey-2);
}
.header-settings .custom-select-container.is-open ~ .header-select-wrapper__chevron{
  color:var(--color-primary);
  transform:rotate(-180deg) translateY(50%);
}
.header-settings .custom-select-opener{
  height:2rem;
  border:none;
  border-radius:0;
  padding-right:0.4rem;
  padding-left:1rem;
  font-size:inherit;
  background-color:transparent;
  color:var(--color-white);
}
.header-settings .custom-select-opener span{
  position:relative;
  top:0.1rem;
}
.header-settings .custom-select-panel{
  --offset-y:0.5rem;
  --translate-x:-50%;
  width:initial;
  padding:0;
}
.header-settings .custom-select-option{
  min-width:8.4rem;
  padding:0.8rem 1.2rem;
  font-size:1.4rem;
}

.header-select-wrapper{
  position:relative;
  display:flex;
  height:2.1rem;
}
.header-select-wrapper__icon{
  position:absolute;
}
.header-select-wrapper__chevron{
  position:absolute;
  top:50%;
  right:0;
  font-size:1.6rem;
  color:var(--color-grey-1);
  transform:translateY(-50%);
  transition:color var(--transition-short-cubic);
}

.header-lang{
  padding-right:0.5rem;
}
.header-lang .custom-select-opener{
  margin-left:0;
}
.header-lang .custom-select-opener span{
  overflow:hidden;
  display:none;
  min-width:5.5rem;
  width:initial;
  max-width:5.5rem;
  padding-right:1rem;
  white-space:nowrap;
  text-overflow:ellipsis;
  -webkit-user-select:none;
          user-select:none;
}
.header-lang [data-flag]{
  position:relative;
}
.header-lang [data-flag]::before{
  content:"";
  position:absolute;
  left:0;
  display:block;
  width:1.6rem;
  height:1.6rem;
  background-size:cover;
}
.header-lang [data-flag=en]::before{
  height:1.7rem;
  background-image:url(../img/flags/uk.svg);
}
.header-lang [data-flag=de]::before{
  background-image:url(../img/flags/de-100w.png);
  background-image:url(../img/flags/de-100w.webp);
}
.webp .header-lang [data-flag=de]::before{
  background-image:-webkit-image-set(url(../img/flags/de-100w.webp) 1x, url(../img/flags/de-200w.webp) 2x);
  background-image:image-set(url(../img/flags/de-100w.webp) 1x, url(../img/flags/de-200w.webp) 2x);
}

.header-lang [data-flag=fr]::before{
  background-image:url(../img/flags/fr-100w.png);
  background-image:url(../img/flags/fr-100w.webp);
}
.webp .header-lang [data-flag=fr]::before{
  background-image:-webkit-image-set(url(../img/flags/fr-100w.webp) 1x, url(../img/flags/fr-200w.webp) 2x);
  background-image:image-set(url(../img/flags/fr-100w.webp) 1x, url(../img/flags/fr-200w.webp) 2x);
}

.header-lang [data-flag=es]::before{
  background-image:url(../img/flags/es.svg);
}

.header-lang [data-flag=it]::before{
  background-image:url(../img/flags/it.svg);
}

.header-lang [data-flag=gr]::before{
  background-image:url(../img/flags/gr.svg);
}

.header-lang [data-flag=pt]::before{
  background-image:url(../img/flags/pt.svg);
}

.header-lang [data-flag=ja]::before{
  background-image:url(../img/flags/ja.svg);
}

.header-lang [data-flag=cs]::before{
  background-image:url(../img/flags/cs.svg);
}

.header-lang [data-flag=da]::before{
  background-image:url(../img/flags/da.svg);
}

.header-lang [data-flag=nl]::before{
  background-image:url(../img/flags/nl.svg);
}

.header-lang [data-flag=hu]::before{
  background-image:url(../img/flags/hu.svg);
}

.header-lang [data-flag=ms]::before{
  background-image:url(../img/flags/ms.svg);
}

.header-lang [data-flag=arb]::before{
  background-image:url(../img/flags/arb.svg);
}

.header-lang [data-flag=no]::before{
  background-image:url(../img/flags/no.svg);
}

.header-lang [data-flag=pl]::before{
  background-image:url(../img/flags/pl.svg);
}

.header-lang [data-flag=sk]::before{
  background-image:url(../img/flags/sk.svg);
}

.header-lang [data-flag=sv]::before{
  background-image:url(../img/flags/sv.svg);
}

.header-lang [data-flag=fi]::before{
  background-image:url(../img/flags/fi.svg);
}

.header-lang [data-flag=ro]::before{
  background-image:url(../img/flags/ro.svg);
}

.header-lang [data-flag=hant]::before{
  background-image:url(../img/flags/hant-hans.svg);
}

.header-lang [data-flag=hans]::before{
  background-image:url(../img/flags/hant-hans.svg);
}

.header-lang .header-select-wrapper__chevron{
  right:0;
  display:none;
}
.header-lang .custom-select-panel{
  --translate-x:calc(-50% + 1.1rem);
}
.header-lang .custom-select-option{
  min-width:12rem;
  padding-left:3.4rem;
}
.header-lang .custom-select-option::before{
  left:1.2rem;
}

.header-currency{
  padding-right:1.6rem;
}
.header-currency .custom-select-opener{
  padding-left:1rem;
}
.header-currency .custom-select-panel{
  --translate-x:-50%;
  right:unset;
  left:50%;
  min-width:10rem;
}
.header-currency .custom-select-option{
  text-align:center;
}

.header-auth{
  display:inline-flex;
  padding-left:0.5rem;
  font-size:1.2rem;
  line-height:normal;
  text-decoration:none;
}
.header{
  min-width:32rem;
  line-height:normal;
  background-color:var(--color-white);
}
.header > .container{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  padding:0 0 1rem;
}

.header.is-sticky .header__wrapper{
  position:fixed;
  top:calc(var(--sticky-header-offset, 0px) * -1);
  z-index:100;
  width:100%;
  background-color:var(--color-white);
}
.header.is-sticky .header-search-wrapper{
  padding-top:6.8rem;
}
.header.is-sticky .navbar{
  top:0;
}
.header.is-sticky ~ .page-wrapper{
  margin-top:calc(var(--sticky-header-height, var(--header-height)) + var(--sticky-header-offset, 0px));
}

.header__wrapper{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  width:100%;
  padding:1rem 1.5rem;
}

.header__logo{
  display:block;
  width:100%;
  max-width:17.1rem;
  height:4.8rem;
}
.header__logo img{
  object-fit:contain;
}
.header-search-wrapper{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  padding-inline:1.5rem;
}
.header-search-wrapper:has(.search-form__input:hover) .dropdown-button{
  border-color:var(--color-grey-1);
}
.header-search-wrapper:has(.search-form__input:focus, .search-form__input:focus-visible) .dropdown-button{
  border-color:var(--color-text);
}

.index-dropdown{
  --dropdown-offset:0;
  position:static;
}
.index-dropdown .dropdown-button{
  width:5rem;
  height:4.8rem;
  border:none;
  border-top-left-radius:1rem;
  border-bottom-left-radius:1rem;
  background-color:var(--color-grey-1);
  color:var(--color-primary);
  transition:border-color var(--transition-medium-cubic);
}
.index-dropdown .dropdown-button:hover, .index-dropdown .dropdown-button:focus-visible{
  color:var(--color-primary-hover);
}
.index-dropdown .dropdown-button .icon{
  position:relative;
  top:0.3rem;
  left:0.7rem;
  font-size:2.4rem;
}
.index-dropdown .dropdown-button .icon.is-hidden{
  display:none;
}
.index-dropdown .dropdown-button[aria-expanded=true] .icon{
  display:none;
}
.index-dropdown .dropdown-button[aria-expanded=true] .icon.is-hidden{
  display:inline-block;
}
.index-dropdown .dropdown-content{
  display:flex;
  flex-direction:column;
  gap:2rem;
  max-height:38rem;
}
.index-dropdown .dropdown-container{
  left:1.5rem !important;
  max-width:calc(100% - 3rem);
  border-radius:1rem;
  padding:2rem;
}
.index-dropdown .drug-index-caption{
  color:var(--color-text);
}

.search-form{
  --placeholder-color:var(--color-text-grey);
  flex-direction:row;
  gap:0;
  width:100%;
}
.search-form__label{
  flex-grow:1;
}
.search-form__input{
  --border-color:var(--color-grey-1);
  --border-color-hover:var(--color-grey-1);
  --border-color-focus:var(--color-grey-1);
  width:100%;
  height:4.8rem;
  border-right:none;
  border-left:none;
  border-radius:0;
  padding-left:0.4rem;
  font-size:12px;
}
.search-form__button{
  width:4.8rem;
  height:4.8rem;
  padding:0;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
}
.search-form__button .icon{
  font-size:1.8rem;
}

.drug-index{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(4rem, 1fr));
  gap:0.8rem;
}

.drug-index__item{
  display:inline-flex;
  justify-content:center;
  align-items:center;

}

.drug-index__item.active:hover {
    cursor: pointer;
}

.drug-index__item.active:hover a {
    color: var(--color-white);
}

.drug-index__link {
    color: var(--color-primary);
}

.drug-index__link{
  --color:var(--color-primary);
  --color-hover:var(--color-white);
  --color-active:var(--color-white);
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:4rem;
  height:4rem;
  border-radius:0.8rem;
  font-size:1.4rem;
  font-weight:500;
  background-color:var(--color-secondary);
  transition:background-color var(--transition-medium-cubic), color var(--transition-medium-cubic), opacity var(--transition-medium-cubic);
}
.drug-index__link.active:hover, .drug-index__link.active:focus-visible{
  text-decoration:none;
  background-color:var(--color-primary);
}
.drug-index__link.active:active{
  opacity:0.8;
}
.cart-button{
    display: none;
    flex-shrink: 0;
    gap: 1rem;
    min-width: 10.8rem;
    position: relative;
    width: fit-content;
}
.cart-button::after {
    background-color: var(--color-text);
    border-radius: 50%;
    color: var(--color-white);
    content: attr(data-counter);
    font-size: 1.2rem;
    font-weight: 500;
    height: 1.8rem;
    left: 2.9rem;
    line-height: 1.8rem;
    min-width: 1.8rem;
    position: absolute;
    text-align: center;
    top: .4rem;
}
.cart-button__text{
  display:none;
}
.cart-button--mobile{
  display:inline-flex;
  margin-left:auto;
}
.promos{
  position:relative;
  z-index:1;
}
.promos .container{
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.promos-payment-methods{
  width:calc(100% + 1.5rem);
  max-width:calc(100% + 1.5rem);
}
.promos-payment-methods.drag-nav{
  --height:3rem;
}
.promos-payment-methods .drag-nav-container{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap: 5px;
}

.promos-payment-method{
  display:flex;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  /* max-width:4.5rem; */
  width: 38px;
}
.promos-payment-method img{
    height:3rem;
}

.promos-payment-method svg {
    height:3rem;
}
.shop-info-wrapper{
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.shop-info{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:1rem;
  width:100%;
  border-radius:2rem;
  padding:1.5rem;
  background-color:var(--color-primary);
  color:var(--color-white);
}
.shop-info::after{
  content:"";
  position:absolute;
  right:-1.8rem;
  bottom:0;
  width:16.6rem;
  height:17rem;
  background-image:url(../img/layout/shop-info-cover-224w.png);
  background-image:url(../img/layout/shop-info-cover-224w.webp);
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  opacity:0.6;
  pointer-events:none;
}
.webp .shop-info::after{
  background-image:-webkit-image-set(url(../img/layout/shop-info-cover-224w.webp) 1x, url(../img/layout/shop-info-cover-448w.webp) 2x);
  background-image:image-set(url(../img/layout/shop-info-cover-224w.webp) 1x, url(../img/layout/shop-info-cover-448w.webp) 2x);
}

.shop-highlight{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:1.1rem;
}

.shop-highlight__numbers{
  flex-shrink:0;
  font-size:clamp(2.4rem, 6vw, 4.8rem);
  line-height:150%;
  font-weight:500;
}

.shop-highlight__text{
  max-width:32rem;
  font-size:clamp(1rem, 2.5454545455vw, 1.4rem);
  line-height:150%;
}

.promos-items{
  position:relative;
  z-index:1;
  display:flex;
  flex:0 0 50%;
  flex-direction:column;
  gap:1rem;
  max-width:50rem;
}

.promos-item{
  display:grid;
  grid-template-columns:1.8rem 1fr;
  column-gap:0.5rem;
}

.promos-item__icon{
  grid-row:span 2;
  display:inline-flex;
}
.promos-item__icon .icon{
  font-size:1.8rem;
}

.promos-item__title{
  font-size:clamp(1.2rem, 2.5454545455vw, 1.4rem);
  font-weight:600;
}

.promos-item__text{
  font-size:clamp(1rem, 2.1818181818vw, 1.2rem);
  line-height:150%;
}
.shop-verification{
  display:flex;
  gap:1rem;
  border-radius:2rem;
  padding:1.5rem;
  background-color:var(--color-text);
  color:var(--color-white);
}

.promos-caption{
  display:grid;
  grid-template-columns:2rem 1fr;
  column-gap:0.2rem;
}

.promos-caption__icon{
  grid-row:span 2;
  display:inline-flex;
}
.promos-caption__icon .icon{
  margin-left:-0.2rem;
  font-size:2rem;
}

.promos-caption__title{
  font-size:clamp(1.3rem, 2vw, 1.6rem);
  font-weight:600;
}

.promos-caption__text{
  font-size:clamp(1rem, 2.1818181818vw, 1.2rem);
  line-height:150%;
}

.promos-brands{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  grid-template-rows:repeat(2, 2.2rem);
  flex-shrink:0;
  align-items:center;
  row-gap:0.2rem;
  width:12.6rem;
  margin-left:auto;
}

.promos-brand{
  --image-height:2.2rem;
  filter:brightness(0) invert(1);
}
.promos-brand img{
  height:var(--image-height);
  object-fit:contain;
}
.promos-brand:first-child, .promos-brand:nth-child(5){
  --image-height:2rem;
}
.promos-brand:nth-child(3){
  --image-height:1.6rem;
}
.promos-brand:nth-child(4){
  filter:none;
}

/*! General layout structure */
.page-wrapper{
  display:flex;
  flex:1 0 auto;
  flex-direction:column;
  gap:2rem;
  padding-block:2rem;
}

.container{
  min-width:32rem;
  width:100%;
  max-width:128rem;
  margin:0 auto;
  padding-right:1.5rem;
  padding-left:1.5rem;
}

.main{
  flex-grow:1;
}
.main--aside{
  display:flex;
  flex-direction:column;
  gap:1.6rem;
}

.main__content{
  flex-grow:1;
}

.main__heading{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  margin-bottom:1.6rem;
}
.main__heading:has(.button){
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
}
.main__heading .link{
  --color:var(--color-text-grey);
  font-size:1.2rem;
}

.main__heading-description{
  font-size:1.2rem;
  color:var(--color-text-grey);
}
.main__aside--mobile-first{
  order:-1;
}
.main__aside--mobile-hidden{
  display:none;
}

.vw-container{
  position:relative;
  width:100vw;
  margin-left:calc(-50vw + 50%);
}
.vw-container--right{
  margin-left:initial;
}
.vw-container--left{
  width:initial;
}

/*! Separated raw html elements rules */
.content{
  --common-gap:2rem;
  line-height:157%;
}
.content h1{
  margin-bottom:1.6rem;
}
.content h2{
  margin-bottom:1rem;
  line-height:normal;
}
.content h3{
  margin-bottom:1rem;
}
.content p{
  margin-bottom:var(--common-gap);
}
.content p:only-child, .content p:last-child{
  margin-bottom:0;
}
.content a{
  text-decoration-color:currentColor;
}
.content a:hover, .content a:focus-visible{
  text-decoration-color:transparent;
}
.content ul,
.content ol{
  display:flex;
  flex-direction:column;
  gap:0;
  margin-bottom:var(--common-gap);
}
.content ul:only-child, .content ul:last-child,
.content ol:only-child,
.content ol:last-child{
  margin-bottom:0;
}
.content ol{
  counter-reset:li;
  padding-left:0.5rem;
}
.content ol li{
  display:flex;
  gap:0;
}
.content ol li::before{
  counter-increment:li;
  content:counters(li, ".", decimal) ".";
  flex-shrink:0;
  min-width:1.6rem;
  font-feature-settings:"tnum";
}
.content ul li{
  position:relative;
  padding-left:2.2rem;
}
.content ul li::before{
  content:"•";
  position:absolute;
  top:0.4rem;
  left:0.8rem;
  overflow:hidden;
  width:1rem;
  height:1rem;
  font-size:1.6rem;
  line-height:1rem;
  font-weight:normal;
}
.content table{
  table-layout:fixed;
  width:100%;
  border-collapse:collapse;
}
.content th{
  text-align:left;
}

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

.mb-04{
  margin-bottom:0.4rem !important;
}

.mb-10{
  margin-bottom:1rem !important;
}

.mb-24{
  margin-bottom:2.4rem !important;
}

/*! Main & sup footer rules */
.subscribe{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:1rem;
  border-radius:1.4rem;
  padding:1.5rem;
  background-color:var(--color-grey-1);
}

.subscribe__caption{
  display:flex;
  flex-shrink:0;
  flex-direction:column;
  padding-left:5rem;
  background-image:url(../svg/icons/subscribe.svg);
  background-repeat:no-repeat;
  background-position:left center;
  background-size:4rem;
}

.subscribe__title{
  font-size:1.8rem;
  font-weight:600;
  color:var(--color-text-2);
}

.subscribe__text{
  font-size:1.4rem;
  color:var(--color-text-grey);
}

.subscribe-form{
  display:flex;
  align-items:center;
  gap:1rem;
}
.subscribe-form__label{
  position:relative;
  width:100%;
}
.subscribe-form__label::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:0.1rem;
  background-color:var(--color-stroke);
}
.subscribe-form__input{
  position:relative;
  width:100%;
  height:4.8rem;
  border:none;
  border-radius:1rem;
  padding:0 2rem;
}
.subscribe-form__input:focus-visible::placeholder{
  opacity:0;
}
.subscribe-form__input::placeholder{
  color:rgba(38, 45, 56, 0.5);
  opacity:1;
}
.subscribe-form__button{
  flex-shrink:0;
  min-width:10.1rem;
  min-height:4.8rem;
}
.footer-testimonials{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(30rem, 1fr));
  gap:2rem;
  margin-block:2rem;
}
.footer-testimonials .testimonial{
  display:flex;
  flex-direction:column;
  gap:0.5rem;
  margin:0;
  color:var(--color-text-2);
}
.footer-testimonials .testimonial__header{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  margin-bottom:0;
}
.footer-testimonials .testimonial__author{
  font-size:1.4rem;
  font-weight:600;
}
.footer-testimonials .testimonial__text{
  max-width:99%;
  font-size:1.2rem;
  color:var(--color-text-2);
}
.footer-testimonials .testimonial__rating{
  position:relative;
  top:0;
}
.footer{
  min-width:32rem;
  padding-block:2rem;
  background-color:var(--color-grey-1);
}
.footer .container{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.footer__wrapper{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3rem;
  width:100%;
}

.footer-logo{
  display:inline-flex;
  width:17.1rem;
  height:3.3rem;
}
.footer-nav-wrapper{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2rem;
}
.footer-nav .nav__list{
  flex-direction:column;
}
.footer-nav .nav__link{
  --color:var(--color-text-2);
}
.footer__copyrights{
  width:100%;
  margin-top:2.8rem;
  font-size:1.2rem;
  text-align:center;
  color:var(--color-text-grey);
}

/*! Homepage */
:root{
  --color-primary:#474ce6;
  --color-primary-10:rgb(71, 76, 230, 10%);
  --color-primary-hover:#3036db;
  --color-secondary:#edeefd;
  --color-secondary-hover:#1a5dd1;
  --color-accent:#808;
  --color-red:#e14c4c;
  --color-yellow:#ffd000;
  --color-green:#28d17c;
  --color-grey-1:#f2f2f8;
  --color-grey-2:#b4b5ce;
  --color-grey-3:#d8d8ea;
  --color-grey-4:#b1b1b1;
  --color-grey-5:#b6b6b6;
  --color-grey-6:#f4f4f4;
  --color-text:#121334;
  --color-text-2:#262d38;
  --color-text-3:#212529;
  --color-text-grey:#6e6f96;
  --color-text-grey-2:#9a9a9a;
  --color-text-grey-3:#9b9b9b;
  --color-caption:rgba(33, 37, 41, 0.5);
  --color-stroke:#ebebf2;
  --color-stroke-2:#ededed;
  --color-black:black;
  --color-white:white;
  --color-white-10:rgba(255, 255, 255, 10%);
  --html-bg-color:var(--color-white);
  --text-body-color:var(--color-text);
  --tab-focus-color:var(--color-secondary);
  --content-link-color:var(--color-primary);
  --content-link-color-hover:var(--color-secondary-hover);
  --content-link-color-active:var(--color-text);
  --shadow-dialog:0 10px 10px 0 rgba(33, 37, 41, 0.1);
  --shadow-menu:0 10px 20px 0 rgba(18, 19, 52, 0.05);
  --transition-props-color:color, background-color, border-color, text-decoration-color;
  --transition-func-cubic:cubic-bezier(0.4, 0.8, 0.4, 1);
  --transition-duration-short:0.1s;
  --transition-duration-medium:0.2s;
  --transition-duration-long:0.3s;
  --transition-short-cubic:var(--transition-duration-short) var(--transition-func-cubic);
  --transition-medium-cubic:var(--transition-duration-medium) var(--transition-func-cubic);
  --transition-long-cubic:var(--transition-duration-long) var(--transition-func-cubic);
  --transition-overlay:visibility 0.3s, opacity 0.3s;
}

:root,
::backdrop{
  --color-overlay-bg:rgba(18, 19, 52, 0.5);
  --color-stack-overlay-bg:rgba(18, 19, 52, 0.2);
}

.c-primary{
  color:var(--color-primary);
}

.c-red{
  color:var(--color-red);
}

.c-green{
  color:var(--color-green);
}

.c-secondary{
  color:var(--color-secondary);
}

.c-text-grey{
  color:var(--color-text-grey);
}

@media (min-width: 360px){
  .cards .promo-card--bonus{
    grid-column:span 2;
  }
  .promo-card--red .promo-card__cover{
    margin-top:-2rem;
  }
  .promo-card__cover img{
    min-width:7rem;
    max-width:50%;
  }
  .promo-card__discount-value{
    display:flex;
    justify-content:center;
    width:100%;
  }
  .aside-cards{
    grid-template-columns:repeat(2, 1fr);
  }
  .aside-cards .promo-card{
    grid-column:initial;
  }
  .aside-cards .promo-card--bonus{
    grid-column:span 2;
  }
  .shop-info::after{
    opacity:1;
  }
}

@media (min-width: 390px){
  .form__label--checkbox{
    gap:0.4rem;
    min-height:3.4rem;
    padding-left:4.4rem;
  }
  .form__label--checkbox::before{
    width:3.4rem;
    height:3.4rem;
  }
  .form-radio::before{
    width:3.4rem;
    height:3.4rem;
  }
  .form-radio__title .icon{
    position:relative;
    top:-0.2rem;
    left:0.1rem;
    margin-bottom:-0.2rem;
    font-size:2rem;
  }
  .fieldset--3-col,
  .fieldset--2-col{
    gap:2rem;
  }
  .promo-card--bonus .promo-card__title{
    font-size:clamp(2rem, 5.0909090909vw, 2.8rem);
  }
  .promo-card--bonus .promo-card__cover{
    width:43.5%;
  }
  .promo-card--bonus .promo-card__cover img{
    object-fit:cover;
  }
  .dialog{
    --horizontal-margin:1.5rem;
  }
  .header-phones{
    flex-shrink:0;
  }
  .header-lang .custom-select-opener span{
    display:block;
  }
  .header-lang .custom-select-opener::before{
    display:none;
  }
  .header-lang .header-select-wrapper__chevron{
    display:inline-block;
  }
  .header-currency .custom-select-panel{
    --translate-x:calc(-50% + 0.4rem);
  }
  .header-auth{
    padding-left:1.1rem;
  }
  .shop-highlight{
    align-items:flex-start;
  }
}

@media (min-width: 500px){
  .cards{
    grid-template-columns:repeat(auto-fit, minmax(22rem, 1fr));
  }
  .header-phones__request .link--primary{
    width:initial;
  }
  .header-lang .custom-select-opener{
    margin-left:1rem;
    padding-left:2.2rem;
  }
  .header-lang .custom-select-opener span{
    max-width:7rem;
  }
  .header-lang .custom-select-opener::before{
    display:block;
  }
  .shop-highlight{
    align-items:center;
    gap:2rem;
  }
}

@media (min-width: 600px){
  br.md{
    display:none;
  }
  .form__label--checkbox::before{
    top:0;
    transform:none;
  }
  .form-radio{
    padding-top:4.6rem;
    padding-left:0;
  }
  .form-radio::before{
    top:0;
    transform:none;
  }
  .form-radio__price{
    top:4.4rem;
  }
  .fieldset--mobile-row{
    flex-direction:row;
  }
  .promo-card{
    padding:2.2rem 2.2rem 1.4rem;
  }
  .promo-card--bonus{
    flex-direction:column;
    padding:2.2rem 2.2rem 1.4rem;
  }
  .promo-card--bonus .promo-card__content{
    align-items:center;
    gap:0.5rem;
    text-align:center;
  }
  .promo-card--bonus .promo-card__title{
    font-size:2.4rem;
  }
  .promo-card--bonus .promo-card__text{
    font-size:1.4rem;
  }
  .promo-card--bonus .promo-card__cover{
    width:100%;
    margin-right:0;
    background-position:left 50% top 20%;
    background-size:81% auto;
  }
  .promo-card--bonus .promo-card__cover img{
    width:100%;
    max-width:initial;
    margin-bottom:-2.3rem;
    object-position:bottom right;
  }
  .cards .promo-card--bonus{
    grid-column:initial;
  }
  .promo-card__text{
    font-size:1.4rem;
    letter-spacing:normal;
  }
  .promo-card__cover{
    max-width:85%;
    margin-inline:auto;
  }
  .promo-card__cover img{
    max-width:60%;
  }
  .aside-cards{
    grid-template-columns:repeat(3, 1fr);
    margin-top:2rem;
  }
  .aside-cards .promo-card--bonus{
    grid-column:1;
  }
  .shop-info{
    gap:2rem;
  }
  .shop-highlight__numbers{
    line-height:1;
  }
  .promos-items{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:2rem;
    width:fit-content;
  }
  .promos-brands{
    display:flex;
    justify-content:flex-end;
    gap:1rem;
    width:100%;
    max-width:50%;
  }
  .sup-footer{
    margin-top:2rem;
  }
}

@media (min-width: 700px){
  .cards{
    grid-template-columns:repeat(3, 1fr);
  }
  .promo-card--bonus .promo-card__title{
    font-size:clamp(1.8rem, 2.5454545455vw, 2.8rem);
    line-height:1.5;
  }
  .promo-card--bonus .promo-card__cover img{
    transform:translateX(2.1rem);
  }
  .promo-card__title{
    font-size:clamp(4rem, 5.46875vw, 7rem);
  }
  .promo-card__title small{
    font-size:clamp(2.3rem, 3.125vw, 4rem);
  }
  .promo-card__cover{
    max-width:100%;
  }
  .promos-brands{
    justify-content:center;
    margin-right:auto;
  }
  .promos-brand{
    --image-height:3.2rem;
  }
  .promos-brand:first-child{
    --image-height:3.2rem;
    order:1;
  }
  .promos-brand:nth-child(2){
    --image-height:3.5rem;
    order:2;
  }
  .promos-brand:nth-child(3){
    --image-height:2.7rem;
    order:4;
  }
  .promos-brand:nth-child(4){
    --image-height:3.6rem;
    order:3;
  }
  .promos-brand:nth-child(5){
    --image-height:3.2rem;
    order:5;
  }
  .promos-brand:nth-child(6){
    --image-height:3rem;
    order:6;
  }
  .subscribe{
    flex-direction:row;
    align-items:center;
    gap:6rem;
    padding:1.6rem 2rem;
  }
  .subscribe-form{
    width:100%;
    max-width:41.1rem;
  }
}

@media (min-width: 830px){
  br.sm{
    display:none;
  }
  .form__fieldset{
    flex-direction:row;
    gap:2rem;
  }
  .order-option .form__label--checkbox,
  .order-option__checkbox .form__label--checkbox{
    gap:0.4rem;
  }
  .form-radio__title{
    line-height:1.8rem;
  }
  .form__caption{
    font-size:1.5rem;
    line-height:2.2rem;
  }
  .fieldset-panel{
    flex-direction:column;
  }
  .form-legend{
    padding:1.4rem 1.9rem 1.6rem;
    font-size:1.8rem;
  }
  .fieldset--3-col{
    flex-direction:column;
  }
  .reset-password-fieldset{
    justify-content:space-between;
  }
  .cards{
    grid-template-columns:repeat(auto-fit, minmax(25rem, 1fr));
  }
  .card__title{
    font-size:2rem;
  }
  .card__description{
    font-size:1.4rem;
  }
  .card__variants{
    font-size:1.4rem;
  }
  .card__img{
    max-width:20rem;
    margin-bottom:1rem;
  }
  .card__price{
    font-size:2rem;
  }
  .card__button{
    margin-top:1.1rem;
  }
  .card-feature{
    min-height:2.2rem;
    font-size:1.2rem;
  }
  .promo-card--bonus .promo-card__text{
    font-size:1.5rem;
  }
  .promo-card--red .promo-card__cover{
    max-width:20rem;
  }
  .promo-card__title:has(small){
    padding-top:1rem;
  }
  .promo-card__text{
    font-size:1.5rem;
  }
  .promo-card__cover{
    max-width:18rem;
  }
  .cat-nav{
    --x-offset:1.5rem;
  }
  .cat-nav .nav-container{
    overflow-x:auto;
    padding:1rem;
  }
  .cat-nav .nav__heading{
    display:none;
  }
  .cat-nav .nav__list{
    flex-shrink:0;
    width:21.2rem;
    border-radius:2rem;
    padding:1rem 2rem;
    background-color:var(--color-grey-1);
  }
  .cat-nav .nav__list:not(:has(.sublist-toggler.is-active)) .nav__item:first-child .sublist-toggler{
    color:var(--color-text);
  }
  .cat-nav .nav__list:not(:has(.sublist-toggler.is-active)) .nav__item:first-child .sublist-toggler .icon{
    color:var(--color-primary);
  }
  .cat-nav .nav__list > .nav__item:last-child{
    border:none;
    border-bottom-left-radius:2rem;
  }
  .cat-nav .nav__list > .nav__item:last-child .nav__link{
    border-bottom:none;
  }
  .cat-nav .nav__list > .nav__item:last-child .nav__link::after{
    display:none;
  }
  .cat-nav .nav__list > .nav__item > .nav__link{
    padding:1rem 0 1.1rem;
  }
  .cat-nav .nav__list > .nav__item > .nav__link::after{
    background-color:var(--color-grey-3);
  }
  .cat-nav .nav__list > .nav__item > .nav__link.is-active{
    --color:var(--color-text);
    --color-hover:var(--color-primary);
    --color-active:var(--color-primary);
  }
  .cat-nav .nav__sublist{
    padding:3rem;
  }
  .cat-nav .nav__sublist.is-visible{
    animation:cat-sublist-appear 0.2s cubic-bezier(0.33, 1, 0.68, 1);
  }
  .cat-nav .nav__sublist.categories-sublist{
    position:relative;
    display:block;
    column-count:2;
    width:100%;
    height:fit-content;
    max-height:initial;
  }
  .cat-nav .nav__item--return{
    display:none;
  }
  .cat-nav .nav-col{
    flex-basis:calc(50% - 2rem);
    gap:2.4rem;
  }
  .cat-nav .nav__close-button{
    display:none;
  }
  .cat-overlay{
    transition:none;
  }
  .mobile-cat-nav{
    display:none;
  }
  .categories-sublists{
    overflow-y:auto;
    display:grid;
    width:100%;
  }
  .categories-sublists > *{
    grid-area:1/1;
  }
  .dialog{
    padding-top:3rem;
  }
  .dialog__title{
    font-size:3rem;
  }
  .dialog__note{
    margin-top:0.7rem;
    font-size:1.6rem;
  }
  .form.callback-form .text-field,
  .form.callback-push-form .text-field{
    margin-top:1.9rem;
  }
  .dialog-container[data-dialog=call-push] .dialog{
    max-width:57.8rem;
  }
  .drawer.navbar{
    position:static;
    z-index:initial;
    overflow:initial;
    height:initial;
    background-color:transparent;
    transform:none;
    transition:none;
  }
  .nav__list.greedy-items > .greedy-item{
    padding-right:1rem;
  }
  .nav__list.greedy-items > .greedy-item:not(:nth-child(2)){
    padding-right:1.1rem;
    padding-left:1rem;
  }
  .nav__list.greedy-items > .greedy-item:last-child{
    padding-right:1rem !important;
  }
  .greedy-item:has(.nav__link[data-cat-nav-opener]){
    display:none;
  }
  .nav__list{
    gap:3rem;
  }
  .nav__link{
    width:100%;
  }
  .sublist-toggler:not(.sublist-toggler--level-1) .icon{
    margin-left:auto;
    transform:rotate(-90deg);
  }
  .sublist-toggler:not(.sublist-toggler--level-1)[aria-expanded=true] .icon{
    transform:rotate(0deg);
  }
  .sublist-container{
    position:absolute;
    top:0;
    left:0;
    z-index:10;
    visibility:hidden;
    width:max-content;
    max-width:30rem;
    border-radius:2rem;
    padding:2rem calc(2rem - var(--scrollbar-padding)) 2rem 2rem;
    background-color:var(--color-white);
    box-shadow:var(--shadow-menu);
    transition:none;
  }
  .sublist-container.is-visible{
    visibility:visible;
    animation:sublist-appear 0.2s cubic-bezier(0.33, 1, 0.68, 1);
  }
  .navbar{
    overflow:hidden;
    max-width:25%;
    margin-left:0.6rem;
    padding-left:1.4rem;
  }
  .navbar .nav__link{
    --color:var(--color-white);
    --color-hover:var(--color-grey-2);
    --color-active:var(--color-white);
  }
  .navbar-close-button{
    display:none;
  }
  .rating__star{
    width:1.8rem;
    height:1.7rem;
  }
  .topbar{
    min-height:4rem;
    padding-block:0.5rem;
  }
  .topbar > .container{
    justify-content:flex-start;
  }
  .topbar-categories-button{
    display:inline-flex;
  }
  .header-phones{
    margin-left:auto;
    font-size:1.4rem;
  }
  .header-phones__request{
    margin-right:0.4rem;
  }
  .header-phones__dropdown{
    margin-left:0;
  }
  .header-phones__dropdown .dropdown-container{
    right:1.1rem;
    left:auto !important;
  }
  .header-settings .custom-select-container{
    font-size:1.4rem;
  }
  .header-settings .custom-select-opener{
    padding-right:2.1rem;
    padding-left:2.6rem;
  }
  .header-settings .custom-select-opener span{
    top:0;
  }
  .header-lang .custom-select-opener{
    padding-right:0.7rem;
  }
  .header-currency{
    padding-right:0;
  }
  .header-currency .custom-select-opener{
    padding-right:2.1rem;
    padding-left:0.9rem;
  }
  .header-auth{
    font-size:1.4rem;
  }
  .header > .container{
    flex-direction:row;
    gap:3.2rem;
    padding:2rem 4rem;
  }
  .header.is-sticky .header__wrapper{
    position:static;
  }
  .header.is-sticky .header-search-wrapper{
    padding-top:0;
  }
  .header.is-sticky ~ .page-wrapper{
    margin-top:0;
  }
  .header__wrapper{
    width:fit-content;
    padding:0;
  }
  .header__logo{
    width:17.1rem;
  }
  .header-search-wrapper{
    padding-inline:0;
  }
  .index-dropdown .dropdown-button .icon{
    left:0;
  }
  .index-dropdown .dropdown-container{
    left:0 !important;
    max-width:initial;
    border-radius:2rem;
  }
  .search-form__input{
    padding-left:0;
  }
  .drug-index{
    display:flex;
    flex-wrap:wrap;
  }
  .drug-index__link{
    width:4.8rem;
    height:4.8rem;
    border-radius:1rem;
  }
  .cart-button{
    display:inline-flex;
  }
  .cart-button__text{
    display:inline;
  }
  .cart-button--mobile{
    display:none;
  }
  .promos .container{
    gap:2rem;
  }
  .promos-payment-methods{
    width:100%;
    max-width:100%;
    margin-left:0;
  }
  .shop-info{
    overflow:visible;
    padding:2rem 3rem;
  }
  .shop-info::after{
    right:3.6rem;
    width:22.4rem;
    height:22.8rem;
  }
  .promos-items{
    min-width:48rem;
  }
  .promos-item{
    grid-template-columns:3rem 1fr;
    align-items:center;
    column-gap:1rem;
  }
  .promos-item__icon .icon{
    font-size:3rem;
  }
  .shop-verification{
    padding:2rem;
  }
  .promos-caption{
    grid-template-columns:2.4rem 1fr;
    column-gap:0.6rem;
  }
  .promos-caption__icon .icon{
    font-size:2.4rem;
  }
  .promos-caption__title{
    line-height:1.5;
  }
  .container{
    padding-right:1.5rem;
    padding-left:1.5rem;
  }
  .main--aside{
    display:grid;
    grid-template-columns:1fr 21.2rem;
    align-items:flex-start;
    column-gap:2rem;
    row-gap:3rem;
  }
  .main--aside .related-products{
    grid-column:1/3;
  }
  .main__heading .link{
    font-size:1.4rem;
  }
  .main__heading-description{
    font-size:1.4rem;
  }
  .main__aside{
    grid-column:2;
    grid-row:1;
    flex-shrink:0;
    width:21.2rem;
  }
  .main__aside--mobile-first{
    order:initial;
  }
  .main__aside--mobile-hidden{
    display:flex;
  }
  .content{
    font-size:1.4rem;
    line-height:2.2rem;
  }
  .content h1{
    line-height:normal;
  }
  .content p + h2,
  .content ol + h2,
  .content ul + h2{
    margin-top:3.1rem;
  }
  .content ul li::before{
    top:0.7rem;
  }
  .subscribe__caption{
    min-height:4.8rem;
  }
  .footer-testimonials{
    gap:3.6rem;
    margin-block:4rem;
    grid-template-columns:repeat(auto-fit, minmax(40rem, 1fr));
  }
  .footer-testimonials .testimonial{
    gap:1.5rem;
  }
  .footer-testimonials .testimonial__author{
    font-size:1.8rem;
  }
  .footer-testimonials .testimonial__text{
    font-size:1.4rem;
    line-height:initial;
  }
  .footer{
    padding-block:4rem;
  }
  .footer .container{
    margin:0 auto;
  }
  .footer__wrapper{
    flex-direction:row;
    flex-wrap:wrap;
  }
  .footer-nav-wrapper{
    gap:3rem;
    width:100%;
  }
  .footer-nav .nav__list{
    flex-direction:row;
    /* flex-wrap:wrap; */
    /* justify-content:center; */
    /* row-gap:0.6rem; */
    /* max-width:60rem; */
  }
}

@media (min-width: 830px) and (max-width: 1279.98px){
  br.md-only{
    display:initial;
  }
}

@media (min-width: 830px) and (min-width: 1000px){
  .cat-nav .nav__sublist.categories-sublist{
    column-count:3;
  }
}

@media (min-width: 830px) and (min-width: 1280px){
  .cat-nav .nav__sublist.categories-sublist{
    column-count:4;
  }
}

@media (min-width: 1000px){
  .form__footnote{
    font-size:1.3rem;
  }
  .card{
    padding:1.9rem;
  }
  .navbar{
    max-width:35%;
  }
  .index-dropdown .dropdown-button{
    width:6.4rem;
  }
  .index-dropdown .dropdown-container{
    padding:2rem calc(2rem - var(--scrollbar-padding)) 2rem 2rem;
  }
  .search-form__input{
    font-size:1.4rem;
  }
  .shop-info-wrapper{
    flex-direction:row;
    gap:1.6rem;
  }
  .shop-info{
    overflow:hidden;
  }
  .shop-info::after{
    right:-1.8rem;
    width:16.6rem;
    height:17rem;
  }
  .shop-verification{
    flex:1 0 30%;
    flex-direction:column;
    gap:2rem;
    min-width:28rem;
    max-width:30.8rem;
    padding-bottom:1.8rem;
  }
  .promos-caption__text{
    max-width:23rem;
  }
  .promos-brands{
    flex-wrap:wrap;
    justify-content:space-around;
    align-items:flex-start;
    gap:2rem 4rem;
    max-width:26rem;
    margin-top:auto;
  }
  .promos-brand:nth-child(2){
    margin-inline:-1.5rem;
  }
  .promos-brand:nth-child(5){
    margin-inline:-0.8rem;
  }
}

@media (min-width: 1100px){
  .order-option .form__label--checkbox,
  .order-option__checkbox .form__label--checkbox{
    padding-top:0;
    padding-left:4.4rem;
    font-size:1.6rem;
  }
  .order-option .form__label--checkbox::before,
  .order-option__checkbox .form__label--checkbox::before{
    width:3.4rem;
    height:3.4rem;
    background-size:2.4rem !important;
  }
  .fieldset--3-col{
    flex-direction:row;
  }
  .shop-info{
    overflow:visible;
  }
  .shop-info::after{
    right:3.6rem;
    width:22.4rem;
    height:22.8rem;
  }
  .footer-nav-wrapper{
    flex-direction:row;
    justify-content:space-between;
  }
  .footer-nav .nav__list{
    justify-content:space-between;
    /* max-width:48rem; */
    /* column-gap:2rem; */
    /* row-gap:1.1rem; */
  }
}

@media (min-width: 1280px){
  br.lg{
    display:initial;
  }
  .form-radio{
    justify-content:flex-start;
  }
  .cards{
    gap:1.6rem;
  }
  .promo-card--bonus .promo-card__cover{
    margin-right:-2.2rem;
    background-position:left 7% top 20%;
  }
  .promo-card--bonus .promo-card__cover img{
    margin-left:2.1rem;
    transform:none;
  }
  .promo-card--red .promo-card__cover{
    max-width:90%;
    margin-top:-4rem;
    background-position:bottom 100% center;
    background-size:90% auto;
  }
  .promo-card__cover{
    max-width:78%;
    background-size:100% auto;
  }
  .cat-nav{
    --x-offset:4rem;
  }
  .nav__list.greedy-items > .greedy-item:last-child{
    padding-right:1.9rem !important;
  }
  .navbar{
    max-width:39rem;
  }
  .aside{
    order:-1;
    width:21.2rem;
  }
  .aside-nav{
    display:flex;
  }
  .aside:not(:has(.aside-cards)){
    display:flex;
  }
  .aside-cards{
    grid-template-columns:1fr;
    gap:1.6rem;
    margin-top:0;
  }
  .aside-cards .promo-card{
    min-height:28.2rem;
    padding:1.5rem 1.5rem 1.4rem;
  }
  .aside-cards .promo-card__title{
    font-size:4.8rem;
  }
  .aside-cards .promo-card__title small{
    font-size:2.8rem;
  }
  .aside-cards .promo-card__title:has(small){
    padding-top:0.5rem;
  }
  .aside-cards .promo-card__text{
    font-size:1rem;
  }
  .aside-cards .promo-card--bonus .promo-card__title{
    font-size:1.9rem;
  }
  .aside-cards .promo-card--bonus .promo-card__cover{
    margin-right:-1.6rem;
  }
  .aside-cards .promo-card--bonus .promo-card__cover img{
    margin-left:0;
  }
  .topbar-categories-button{
    gap:0.6rem;
  }
  .header-phones > .link--white{
    display:inline-flex;
    margin-right:0.5rem;
  }
  .header-phones__request{
    margin-right:1rem;
  }
  .header-phones__request span{
    display:inline;
  }
  .header-phones__dropdown{
    display:inline-flex;
    margin-left:0.1rem;
    padding-right:2rem;
  }
  .header-phones__dropdown .dropdown-button .button-text{
    display:none;
  }
  .header-phones__dropdown .dropdown-container .link:first-child{
    display:none;
  }
  .header-lang{
    margin-right:2.1rem;
  }
  .header-lang .custom-select-opener{
    padding-left:2.2rem;
  }
  .header-auth{
    padding-left:3.1rem;
  }
  .page-wrapper{
    flex-direction:row;
    gap:3.2rem;
    padding-bottom:4rem;
  }
  .container{
    padding-right:4rem;
    padding-left:4rem;
  }
  .main--aside{
    column-gap:3.2rem;
    row-gap:4rem;
  }
  .footer-testimonials{
    grid-template-columns:repeat(auto-fit, minmax(27.3rem, 1fr));
    margin-block:6rem;
  }
  .footer .container{
    max-width:128rem;
  }
  .footer__wrapper{
    flex-wrap:nowrap;
  }
  .footer-nav{
    max-width:81%;
  }
}

@media (min-width: 1440px){
  body{
    overflow-x:hidden;
  }
}

@media (min-width: 1920px){
  body{
    overflow-x:hidden;
  }
}

@media (max-width: 1279.98px){
  .dialog-container[data-dialog=call-push] .dialog__title{
    font-size:2rem;
  }
}

@media (max-width: 829.98px){
  .cat-nav{
    position:fixed;
    top:0;
    right:0;
    left:unset;
    display:flex;
    width:100%;
    max-width:39rem;
    height:100%;
    max-height:initial;
    margin-left:-1.5rem;
    border-radius:0;
    -webkit-backdrop-filter:none;
            backdrop-filter:none;
    transform:translateX(100%);
    transition:transform var(--transition-long-cubic);
  }
  .cat-nav.is-visible{
    transform:translateX(0%);
    transition:transform var(--transition-long-cubic);
  }
  .cat-nav .nav-container{
    flex-direction:column;
    height:100%;
    padding:3.6rem 0 2rem;
    background-color:var(--color-white);
  }
  .cat-nav .nav__list{
    width:100%;
    height:100%;
    max-height:initial;
  }
  .cat-nav .nav__list > .nav__item > .nav__link{
    width:100%;
    font-size:1.4rem;
    line-height:2.1rem;
  }
  .cat-nav .nav__sublist{
    left:0;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:initial;
    gap:1.5rem;
    height:100%;
    max-height:100%;
    background-color:var(--color-white);
    transform:translateX(100%);
    transition:transform var(--transition-long-cubic), visibility var(--transition-long-cubic);
  }
  .cat-nav .nav__sublist.is-visible{
    transform:translateX(0%);
  }
  .cat-nav .nav__sublist.categories-sublist{
    display:flex;
    flex-direction:column;
    gap:0;
    width:100%;
    padding:3.6rem 1.6rem 2rem;
  }
  .nav__list.greedy-items{
    overflow-y:auto;
  }
  .navbar-toggler{
    --bg-color:var(--color-text);
    position:relative;
    z-index:0;
    display:inline-flex;
    flex-shrink:0;
    order:1;
    width:4.8rem;
    border:0;
    padding:0;
  }
  .navbar.drawer{
    z-index:110;
  }
  .navbar .nav-container{
    display:flex;
    flex-grow:1;
    flex-direction:column;
    align-items:center;
    padding-top:0;
  }
  .navbar .nav__list{
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    width:100%;
    padding:2rem 0;
  }
  .navbar .nav__sublist{
    overflow-y:hidden;
  }
  .navbar .nav__sublist > .nav__item:first-child{
    padding-top:2rem;
  }
  .navbar .nav__item{
    width:100%;
    padding:0;
  }
  .navbar .nav__link{
    --color:var(--color-text);
    --color-hover:var(--color-primary);
    --color-active:var(--color-primary-hover);
    position:relative;
    gap:0.5rem;
    width:100%;
    padding:1.6rem;
  }
  .navbar .nav__link::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background-color:var(--color-grey-1);
  }
  .navbar .nav__link .icon{
    font-size:1.6rem;
  }
  .main__content:has(+ .main__aside--mobile-first) .main__heading{
    display:none;
  }
}

@media (max-width: 389.98px){
  .topbar > .container{
    padding-inline:1rem;
  }
  .header-lang .custom-select-opener{
    margin-inline:0.6rem -0.6rem;
    padding-right:0.6rem;
  }
  .promos-brands{
    display:none;
  }
  .vw-container{
    min-width:32rem;
    width:100%;
    margin-left:initial;
  }
}

@media (max-width: 320px){
  body{
    overflow-x:auto;
  }
}

@media (hover: hover){
  .aside-nav .accordion-button:hover{
    background-color:transparent;
    color:var(--color-primary);
  }
  .aside-nav .accordion-button:hover .icon{
    color:var(--color-primary);
  }
}

.message_sended.hidden{
    display: none;
}

.message_sended {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.popup_gray {
    position: fixed;
    top: 0;
    background-color: rgba(44, 45, 49, 0.8);
    width: 100%;
    height: 100%;
    z-index: 1001;
}


.popup_call {
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    border: 1px solid var(--color);
    width: 40%;
    top: 35%;
    left: 35%;
    height: auto;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    padding: 20px;
    min-width: 300px;
    z-index: 6;
}

@media (max-width: 720px) {
    .popup_call {
        left: 20%;
    }
}

@media (max-width: 455px) {
    .popup_call {
        left: 5%;
    }
}

.popup_white {
    position: fixed;
    top: 0;
    left: 39%;
    z-index: 100;
}

.popup_white.hide {
    display: none;
}

.popup_push {
    box-shadow: 0 0 30px rgba(0,0,0,0.5);
    background-color: white;
    padding: 20px;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 300px;
    border-radius: 20px;
}

.popup_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.popup_head {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 21px;
    text-align: center;
}

.popup_push_text {
    font-size: 14px;
    text-align: center;
}

.push_buttons {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-evenly;
}

.push_decline {
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
    padding: 10px 20px;
    border-radius: 12px;
    cursor: pointer;
}

.push_decline:hover{
    color: white;
    background-color: var(--color-primary);
}

.push_allow {
    color: white;
    background-color: var(--color-primary);
    padding: 10px 20px;
    border-radius: 12px;
    cursor: pointer;
}

.push_allow:hover{
    background-color: rgba(201, 176, 154, 50%);
}

.button_close, .button_close_message{
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
}

.button_close svg, .button_close_message svg{
    color: rgb(171 171 171);
}

.button_close svg:hover, .button_close_message svg:hover{
    color: black;
}

@media (max-width: 560px) {
    .popup_push {
    margin: 0 auto;
    }
}

@media (max-width: 510px) {
    .popup_white {
    left: 19%;
    }
}

@media (max-width: 430px) {
    .popup_white {
    left: 2%;
    }
}

.sitemap_menu{
    display: flex;
    transition: color 0.3s ease;
}

.sitemap_menu .nav__link{
    justify-content: center;
}

.sitemap_menu a:hover{
    color: var(--content-link-color-hover);
}

.ac_results {
    /* border: 1px solid var(--content-link-color); */
    border-radius: 10px;
    background-color: white;
    overflow: hidden;
    text-align: left;
    position: absolute !important;
    z-index: 10000;
    left: 0;
    width: 100% !important;
    padding: 10px 15px;
    box-shadow: 4px 4px 12px -3px rgba(0, 0, 0, 0.75);
}

@media (max-width: 1024px) {
    .ac_results {
    /* border: 1px solid var(--content-link-color); */
    border-radius: 10px;
    background-color: white;
    overflow: hidden;
    text-align: left;

    position: absolute !important;
    z-index: 10000;
    padding: 10px 15px;
    box-shadow: 4px 4px 12px -3px rgba(0, 0, 0, 0.75);
    }
}

.ac_results ul {
    z-index: 10000;
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results iframe {
    z-index: 10000;
    display:none;/*sorry for IE5*/
    display/**/:block;/*sorry for IE5*/
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    width:3000px;
    height:3000px;
}

.ac_results li {
    z-index: 10000;
    background-color: white;
    margin: 0px;
    padding: 2px 5px;
    cursor: pointer;
    display: block;
    width: 100%;
    font: menu;
    font-size: 16px;
    overflow: hidden;
}

.ac_over {
    z-index: 10000;
    color: var(--content-link-color);
}

.cmcmodal{
    animation-name: modalFadeInOut;
    animation-timing-function: ease-in-out;
    animation-duration: 8s;
    animation-direction: alternate;
    position: fixed;
    bottom:50%;
    right: 1%;
    padding: 20px;
    background: var(--color-primary);
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 2s;
    color: white;
    border-radius: 1.5rem;
}

.cmcmodal.hidden {
    display: none;
}

.modal_cart {
    animation-name: modalFadeInOut;
    animation-timing-function: ease-in-out;
    animation-duration: 8s;
    animation-direction: alternate;
    position: fixed;
    bottom:50%;
    right: 1%;
    padding: 20px;
    background: var(--color-primary);
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 2s;
    color: white;
    border-radius: 1.5rem;
}

.modal_cart.hidden {
    display: none;
}

.related-products .cards{
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 635px) {
    .related-products .cards{
        grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
    }
}

.info-panel__row .text-box .text {
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-panel__row .text-box .text.active {
    -webkit-line-clamp: initial;
}

.info-panel__row .text-box .text.active a {
    margin-right: 5px;
}

#new_gift_block {
    display: flex;
    gap: 20px;
    width: 100%;
    margin-left: auto;
    max-width: 40rem;
}

.select_gift {
    width: 100%;
    max-width: 300px;
}

.select_header_gift {
    align-items: center;
    background-color: var(--color-grey-1);
    border: 1px solid var(--color-grey-1);
    border-radius: 1rem;
    color: var(--color-text);
    display: flex;
    font-size: 1.6rem;
    height: 4.8rem;
    line-height: normal;
    overflow: hidden;
    padding-left: 1.9rem;
    position: relative;
    transition: border-color var(--transition-medium-cubic);
    width: 100%;
    z-index: 2;
}

.select_header_gift:hover {
    cursor: pointer;
}

.select_body_gifts {
    --offset-y: 0.1rem;
    --translate-x: 0%;
    background: white;
    box-shadow: var(--shadow-dropdown);
    display: none;
    padding: 1rem 0;
    transform: translate3d(var(--translate-x), var(--offset-y), 0);
    position: absolute;
    width: 100%;
    max-width: 300px;
    backdrop-filter: blur(10px);
}

.select_gift.is-active .select_body_gifts {
    display: block;
    z-index: 100;
    max-height: 24rem;
    overflow-y: auto;
    animation:select-panel-appear 0.2s cubic-bezier(0.33, 1, 0.68, 1);
}

.select_item_gift {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem 2rem;
    position: relative;
    transition: background-color var(--transition-short-cubic), color var(--transition-short-cubic);
    cursor: pointer;
}

.select_item_gift:hover {
    color: var(--color-primary);
}

.select_body_gifts::-webkit-scrollbar{
  width:0.6rem;
}

.select_body_gifts::-webkit-scrollbar-track{
  border-radius:1rem;
  margin-top:0.6rem;
  margin-bottom:0.6rem;
  background-color:var(--color-dark);
}

.select_body_gifts::-webkit-scrollbar-thumb{
  width:0.2rem;
  border-radius:2rem;
  background:linear-gradient(90deg, transparent 40%, var(--color-primary) 40%, var(--color-primary) 60%, transparent 60%);
}

.select_body_gifts::-webkit-scrollbar-track{
  margin-top:2rem;
  margin-bottom:2rem;
}

.cart-form-gift{
    margin-bottom: 2rem;;
}