@charset "UTF-8";
/*! Typography settings */
@font-face{
  font-family:"Rubik";
  src:url(../fonts/rubik-variable.woff2) format("woff2-variations"), url(../fonts/rubik-regular.woff2) format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:fallback;
}
@font-face{
  font-family:"Rubik";
  src:url(../fonts/rubik-variable.woff2) format("woff2-variations"), url(../fonts/rubik-medium.woff2) format("woff2");
  font-weight:500;
  font-style:normal;
  font-display:fallback;
}
@font-face{
  font-family:"Rubik";
  src:url(../fonts/rubik-variable.woff2) format("woff2-variations"), url(../fonts/rubik-semibold.woff2) format("woff2");
  font-weight:600;
  font-style:normal;
  font-display:fallback;
}
:root{
  --font-rubik:"Rubik", sans-serif;
}

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

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

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

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

.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-rubik);
  --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:500;
}

h1,
.h1{
  font-size:2.5rem;
  text-transform:uppercase;
}

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:2rem 0 1.9rem;
  border:none;
  background-color:var(--color-grey-2);
}
.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:500;
}

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:2.4rem;
  font-weight:500;
}

.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:1rem;
  font-size:1.3rem;
}
.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:12rem;
  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;
}

.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-dim);
}
.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-grey-6);
  transform:translateY(-50%);
  transition:border-color var(--transition-medium-cubic);
}

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

/*! 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;
}

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

.form-radio__title{
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  font-size:1.4rem;
  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;
}

.form-radio__price{
  position:absolute;
  top:0;
  right:0;
  font-size:1.5rem;
  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:0;
  --border-color:var(--color-grey-2);
  --border-color-hover:var(--color-grey-1);
  --border-color-focus:var(--color-text);
  --input-height:4rem;
  --input-padding:0 2rem;
  --placeholder-color:var(--color-caption);
  --bg-color:var(--color-white);
  display:flex;
  flex-direction:column;
  gap:1rem;
}

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

.form-panel{
  gap:2rem;
  border:1px solid var(--color-grey-2);
  padding:1.5rem 2rem;
}
.form-panel .form__fieldset{
  gap:2rem;
}
.form-panel .form__submit{
  width:fit-content;
  margin-top:-0.1rem;
  text-transform:uppercase;
}

.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-radius:1.4rem;
  padding:2rem;
}

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

.form__footnote{
  font-size:1.3rem;
  line-height:1;
}
.qty-input{
  --height:3rem;
  display:flex;
  align-items:center;
  width:100%;
  max-width:8.3rem;
}

.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:var(--height);
  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{
  background-color:var(--color-secondary);
  color:var(--color-white);
}
.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);
  height:4rem;
  font-size:1.5rem;
  background-color:transparent !important;
}
.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;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  gap:1rem;
  min-height:4rem;
  border:1px solid var(--border-color);
  padding:0.5rem 2rem;
  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--sm{
  min-height:5rem;
  font-size:1.8rem;
}

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

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

.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%;
  text-transform:uppercase;
}

.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;
  transition:background-color var(--transition-medium-cubic), transform var(--transition-medium-cubic);
}
.copy-button:hover, .copy-button:focus-visible{
  background-color:var(--color-grey-3);
}
.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;
  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-text);
  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:#383434 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:2rem;
  border:1px solid var(--color-stroke-2);
  padding:0.9rem;
  transition:border-color var(--transition-medium-cubic);
}
.card:hover, .card:focus-visible{
  border-color:var(--color-secondary);
}
.card:hover .card-feature img, .card:focus-visible .card-feature img{
  filter:grayscale(0);
  opacity:1;
}
.card:hover .card-feature--discount, .card:focus-visible .card-feature--discount{
  border-color:var(--color-primary);
  background-color:var(--color-primary);
  color:var(--color-white);
}

.card__header{
  display:flex;
  flex-direction:column;
  gap:0.5rem;
  padding-right:4.5rem;
}

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

.card__ingredients{
  display:flex;
  flex-wrap:wrap;
  gap:0.5rem;
}

.card__ingredient{
  font-size:1.4rem;
  font-weight:400;
  color:var(--color-text-grey-2);
}

.card__img{
  aspect-ratio:1/1;
  width:12.5rem;
  margin:auto;
}

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

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

.card__footer{
  display:flex;
  flex-direction:column;
  gap: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.4rem;
  right:0.4rem;
  display:flex;
  flex-direction:column;
  gap:0.5rem;
  width:4rem;
}

.card-feature{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  height:3rem;
  border:1px solid var(--color-grey-2);
  font-size:1.1rem;
  background-color:var(--color-white);
  color:var(--color-text-grey-3);
  transition:border-color var(--transition-medium-cubic), background-color var(--transition-medium-cubic), color var(--transition-medium-cubic);
}
.card-feature img{
  width:2.8rem;
  height:1.8rem;
  object-fit:contain;
  filter:grayscale(1);
  opacity:0.3;
  transition:filter var(--transition-medium-cubic), opacity var(--transition-medium-cubic);
}

/*! Categories nav */
.cat-nav{
  --x-offset:1rem;
  position:absolute;
  top:3.2rem;
  left:var(--x-offset);
  z-index:110;
  display:none;
  width:calc(100% - var(--x-offset) * 2);
  max-height:calc(80vh - 2rem);
  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{
  margin-bottom:0.2rem;
  font-size:1.8rem;
  line-height:2.4rem;
  font-weight:500;
  text-transform:uppercase;
  color:var(--color-text-2);
}
.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{
  border-bottom:1px solid transparent;
}
.cat-nav .nav__list > .nav__item > .nav__link{
  --color:var(--color-text);
  --color-hover:var(--color-primary);
  --color-active:var(--color-primary-hover);
  width:100%;
  padding:0.9rem 2rem 1rem;
  font-size:1.4rem;
  line-height:1.7rem;
  border-bottom:1px solid var(--color-stroke);
}
.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-grey-1);
  --color-hover:var(--color-primary);
  --color-active:var(--color-primary-hover);
  --icon-color:var(--color-grey-4);
}
.cat-nav .nav__link:hover, .cat-nav .nav__link:focus-visible{
  --icon-color:var(--color-primary);
}
.cat-nav .nav__link .icon{
  margin-right:-0.2rem;
  margin-left:auto;
  font-size:1.2rem;
  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{
  width:calc(100% + 4rem);
  margin-left:-2rem;
  padding:0.9rem 2rem 1rem;
  font-size:1.5rem;
  line-height:normal;
  border-bottom:1px solid var(--color-stroke);
}
.cat-nav .nav__sublist.categories-sublist{
  /* overflow-x:initial; */
  overflow-y:initial;
  /* column-gap:2.5rem; */
  /* row-gap:0.4rem; */
  /* width:fit-content; */
  /* max-width:100%; */
  max-height:100% !important;
  /* padding:1rem 2rem; */
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(21rem, 1fr));
  column-gap:0;
  width:calc(100% - 38rem);
}
.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%;
  white-space:nowrap;
}
.cat-nav .nav__item--return{
  margin-bottom:-0.3rem;
  padding-top:0 !important;
}
.cat-nav .nav__mobile-return{
  position:relative;
  left:-0.7rem;
  display:inline-flex;
  align-items:center;
  gap:0.3rem;
  margin-bottom:0.1rem;
  border:none;
  font-family:var(--font-marcellus);
  font-size:2.4rem;
  line-height:3rem;
  letter-spacing:0.05em;
  text-align:left;
  text-transform:uppercase;
  background-color:transparent;
  color:var(--color-grey-1);
  transition:color var(--transition-medium-cubic);
}
.cat-nav .nav__mobile-return:hover, .cat-nav .nav__mobile-return:focus-visible{
  color:var(--color-primary);
}
.cat-nav .nav__mobile-return:active{
  color:var(--color-primary-hover);
}
.cat-nav .nav__mobile-return .icon{
  font-size:2.4rem;
  color:var(--color-primary);
  transform:rotate(90deg);
}
.cat-nav .nav-col{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}
.cat-nav .nav__close-button{
  position:absolute;
  top:2rem;
  right:2rem;
  z-index:1;
  width:2.4rem;
  height:2.4rem;
  border:none;
  background-image:url(../svg/icons/close.svg);
  background-repeat:no-repeat;
  background-position:center;
  background-color:transparent;
  color:var(--color-grey-4);
  transition:color var(--transition-medium-cubic);
}
.cat-nav .nav__close-button:hover, .cat-nav .nav__close-button:focus-visible{
  color:var(--color-grey-text);
}
.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;
}

.categories-sublists{
  display:none;
}
.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:4rem;
  border:1px solid var(--color-grey-2);
  border-radius:0;
  padding-left:1.9rem;
  font-size:1.5rem;
  line-height:normal;
  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-1);
}

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

.icon.select-wrapper__chevron{
  position:absolute;
  top:50%;
  right:1.9rem;
  font-size:2rem;
  color:var(--color-grey-1);
  transform:translateY(-50%);
}

.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;
  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;
  font-size:1.5rem;
  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-2);
}
.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:0;
  padding:2.4rem 2rem 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-grey-4);
  transition:color var(--transition-short-cubic);
}
.dialog__close-button:hover, .dialog__close-button:focus-visible{
  color:var(--color-grey-1);
}
.dialog__close-button .icon{
  font-size:2.4rem;
}

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

.dialog__note{
  margin-top:1rem;
  font-size:1.5rem;
  line-height:2.4rem;
  text-align:center;
}

.button--dialog{
  text-transform:uppercase;
}
.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{
  --placeholder-color:var(--color-grey-1);
  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;
  margin:2rem 0;
}
.form.callback-form .text-field .just-validate-error-label,
.form.callback-push-form .text-field .just-validate-error-label{
  position:absolute;
  bottom:-1.6rem;
}
.form.callback-form .form__text-input,
.form.callback-push-form .form__text-input{
  padding-left:11.1rem !important;
}
.form.callback-form .iti,
.form.callback-push-form .iti{
  display:flex;
  width:100%;
  margin:0 auto;
}
.form.callback-form .input-tel,
.form.callback-push-form .input-tel{
  width:100%;
}
.form.callback-form .iti__selected-country,
.form.callback-push-form .iti__selected-country{
  --iti-spacer-horizontal:2rem;
  --iti-triangle-border:0.4rem;
  --iti-arrow-padding:1rem;
  --iti-arrow-color:var(--color-grey-1);
  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__field.callback-push-submit{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  gap:1rem !important;
  max-width:21.1rem;
}
.form__field.callback-push-submit .button{
  flex:1;
}

.dialog-container[data-dialog=call-push] .dialog{
  max-width:50rem;
}

/*! 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:10px;
  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;
  padding:1.5rem calc(2rem - var(--scrollbar-padding)) 1.5rem 1.5rem;
  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{
  --td-color-hover:transparent;
  --color-hover:var(--color-primary);
  --color-active:var(--color-primary-hover);
}

@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:1.5rem;
  width:100%;
  max-height:30rem;
  padding-right:var(--scrollbar-padding);
}
.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{
  border-right:1px solid rgba(255, 255, 255, 0.1);
  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.6rem;
}
.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;
  color:var(--color-primary);
}

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

/*! Links */
.link{
  --td-color:transparent;
  --td-color-hover:currentColor;
  --color:var(--color-text);
  --color-hover:var(--color-secondary);
  --color-active:var(--color-secondary-hover);
  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-primary);
  --color-active:var(--color-primary-hover);
}

.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;
  top:0.2rem;
}

.navbar-greedy-items-content{
  min-width:10.4rem;
  max-width:fit-content;
  padding-right: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);
}

.navbar-toggler{
  display:none;
}

.navbar-close-button{
  position:absolute;
  top:1rem;
  right:1rem;
  border:none;
  background-color:transparent;
  color:var(--color-grey-4);
  transition:color var(--transition-short-cubic);
}
.navbar-close-button:hover, .navbar-close-button:focus-visible{
  color:var(--color-grey-text);
}
.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;
}
.custom-scroll,
.nav__sublist,
.dropdown-content,
.custom-select-panel,
.nav__list{
  --track-width:0.2rem;
  --track-vertical-offset:0;
  --track-color:transparent;
  --thumb-width:0.2rem;
  --thumb-color:var(--color-primary);
  --thumb-hover-color:var(--color-primary-hover);
}
.custom-scroll::-webkit-scrollbar,
.nav__sublist::-webkit-scrollbar,
.dropdown-content::-webkit-scrollbar,
.custom-select-panel::-webkit-scrollbar,
.nav__list::-webkit-scrollbar{
  width:var(--track-width);
}
.custom-scroll::-webkit-scrollbar-track,
.nav__sublist::-webkit-scrollbar-track,
.dropdown-content::-webkit-scrollbar-track,
.custom-select-panel::-webkit-scrollbar-track,
.nav__list::-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__sublist::-webkit-scrollbar-thumb,
.dropdown-content::-webkit-scrollbar-thumb,
.custom-select-panel::-webkit-scrollbar-thumb,
.nav__list::-webkit-scrollbar-thumb{
  width:var(--thumb-width);
  border-radius:1rem;
  background-color:var(--thumb-color);
}
.custom-scroll::-webkit-scrollbar-thumb:hover,
.nav__sublist::-webkit-scrollbar-thumb:hover,
.dropdown-content::-webkit-scrollbar-thumb:hover,
.custom-select-panel::-webkit-scrollbar-thumb:hover,
.nav__list::-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:1rem;
  font-size:1.2rem;
  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:none;
  flex-shrink:0;
  order:-1;
  width:21.2rem;
}
.aside-nav{
  display:flex;
  flex-direction:column;
  gap:0.2rem;
}
.aside-nav .accordion-item:last-child .accordion-button:not([aria-expanded=true]){
  border-color:transparent;
}
.aside-nav .accordion-item.is-open .accordion-button{
  font-weight:500;
}
.aside-nav .accordion-item.is-open .accordion-button .icon{
  color:var(--color-primary);
  transform:none;
}
.aside-nav .accordion-button{
  display:flex;
  align-items:center;
  width:100%;
  border:none;
  border-bottom:1px solid var(--color-stroke);
  padding:0.8rem 0 1rem;
  font-size:1.4rem;
  line-height:1.7rem;
  text-align:left;
  background-color:transparent;
  color:var(--color-text);
  transition:background-color var(--transition-medium-cubic), 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 .icon{
  margin-right:-0.1rem;
  margin-left:auto;
  font-size:1.2rem;
  color:var(--color-grey-4);
  transition:color var(--transition-medium-cubic);
}
.aside-nav .accordion-button[aria-expanded=true]{
  background-color:transparent;
}
.aside-nav .accordion-content{
  padding-top:0;
  font-size:1.4rem;
  line-height:normal;
}

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

.aside-nav__item{
  padding-left:0 !important;
}
.aside-nav__item::before{
  display:none;
}

.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%;
  font-size:1.4rem;
  line-height:normal;
  font-weight:500;
  text-decoration:none;
}

.aside-nav__price{
  font-weight:400;
  color:var(--color-primary);
}
.aside-promo{
  display:none;
}
.aside-promo .promo-cards{
  gap:1rem;
}
.aside-promo .promo-card{
  margin-top:0;
  margin-left:0;
  padding-top:1.9rem;
  padding-bottom:1.9rem;
  background-position:100% -2.6rem;
  background-size:10.6rem;
}
.aside-promo .promo-card--sale{
  background-position:100% -1.5rem;
  background-size:11.2rem;
}
.aside-promo .promo-card__title .card__link{
  font-size:2.4rem;
  line-height:2.6rem;
}
.aside-promo .promo-card__text{
  font-size:1.4rem;
  line-height:normal;
  letter-spacing:-0.01em;
}

/*! Topbar & main header rules */
.topbar{
  display:flex;
  align-items:center;
  min-height:4rem;
  padding:0.5rem 0;
  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-primary);
  --color-hover:var(--color-primary);
  --color-active:var(--color-primary);
  display:none;
  flex-shrink:0;
  gap:0.5rem;
  line-height:2rem;
  text-decoration:none;
}
.topbar-categories-button:hover .icon, .topbar-categories-button:focus-visible .icon{
  color:var(--color-primary);
}
.topbar-categories-button .icon{
  font-size:2rem;
  color:var(--color-grey-1);
  transition:color var(--transition-short-cubic);
}
.topbar-categories-button.is-active{
  color:var(--color-primary);
}
.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.3rem;
}
.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-active:var(--color-white);
  width:min-content;
}
.header-phones__request span{
  display:none;
}

.header-phones__dropdown{
  display:inline;
  flex-shrink:0;
  align-items:center;
  margin-left:1rem;
  border-right:1px solid rgba(255, 255, 255, 0.1);
  padding-right:0.7rem;
}
.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-primary);
}
.header-phones__dropdown .dropdown-button .icon{
  font-size:2rem;
  color:var(--color-grey-1);
}
.header-phones__dropdown .dropdown-container{
  min-width:18.6rem;
  font-size:1.3rem;
}

.header-settings{
  display:flex;
  flex-shrink:0;
}
.header-settings .custom-select-container{
  display:flex;
  align-items:center;
  border:none;
  font-size:1.3rem;
  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-primary);
}
.header-settings .custom-select-container.is-open ~ .header-select-wrapper__chevron{
  transform:rotate(-180deg);
}
.header-settings .custom-select-opener{
  height:2rem;
  border:none;
  border-radius:0;
  padding-right:2.6rem;
  padding-left:2.6rem;
  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.6rem;
  --translate-x:-50%;
  width:initial;
  padding:0;
}
.header-settings .custom-select-option{
  min-width:8.4rem;
  padding:1rem 1.5rem;
  font-size:1.3rem;
}

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

.header-lang{
  padding-right:1rem;
  border-right:1px solid rgba(255, 255, 255, 0.1);
}
.header-lang .custom-select-opener{
  margin-left:1.5rem;
  padding-right:4.2rem;
  padding-left:0;
}
.header-lang .custom-select-opener span{
  overflow:hidden;
  width:0;
  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{
  background-image:url(../img/flags/gb-100w.png);
  background-image:url(../img/flags/gb-100w.webp);
}
.webp .header-lang [data-flag=en]::before{
  background-image:-webkit-image-set(url(../img/flags/gb-100w.webp) 1x, url(../img/flags/gb-200w.webp) 2x);
  background-image:image-set(url(../img/flags/gb-100w.webp) 1x, url(../img/flags/gb-200w.webp) 2x);
}

.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=ru]::before{
  background-image:url(../img/flags/ru-100w.png);
  background-image:url(../img/flags/ru-100w.webp);
}
.webp .header-lang [data-flag=ru]::before{
  background-image:-webkit-image-set(url(../img/flags/ru-100w.webp) 1x, url(../img/flags/ru-200w.webp) 2x);
  background-image:image-set(url(../img/flags/ru-100w.webp) 1x, url(../img/flags/ru-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:1rem;
}
.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 .custom-select-opener{
  padding-left:1.5rem;
}
.header-currency .custom-select-panel{
  --translate-x:0%;
  right:-1rem;
  left:initial;
}

.header-auth{
  display:none;
  padding-left:1.6rem;
  line-height:2rem;
  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;
  gap:1rem;
  padding-top:1rem;
  padding-bottom:1rem;
}

.header.is-sticky{
  position:fixed;
  top:calc(var(--sticky-header-offset, 0px) * -1);
  width:100%;
}
.header.is-sticky ~ .page-wrapper{
  margin-top:calc(var(--sticky-header-height, var(--header-height)) + var(--sticky-header-offset, 0px));
}

.header[data-sticky-on-top]{
  z-index:101;
}
.header[data-sticky-on-top] .navbar{
  top:calc(var(--header-height) + var(--header-offset, 0px) + var(--top-body-offset, 0px));
}
.header[data-sticky-on-top].is-sticky .navbar{
  top:var(--sticky-header-height, var(--header-height));
}

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

.header__logo{
  display:block;
  flex-shrink:0;
  width:17.7rem;
  height:4rem;
}
.header-search-wrapper{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
}
.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:4.4rem;
  height:4.8rem;
  border:1px solid var(--color-grey-2);
  border-right:none;
  background-color:#fff;
  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.2rem;
  left:-0.1rem;
  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;
}
.index-dropdown .dropdown-container{
  left:0 !important;
  max-width:initial;
}
.index-dropdown .drug-index-caption{
  color:var(--color-caption);
}

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

.drug-index{
  display:flex;
  flex-wrap:wrap;
  gap:2rem;
}

.drug-index__item{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:1.5rem;
  height:1.8rem;
}

.drug-index__link{
  --color:var(--color-text);
  --color-hover:var(--color-primary);
  --color-active:var(--color-primary-hover);
  font-size:1.5rem;
}
.cart-button{
  --border-color:var(--color-grey-2);
  --border-color-hover:var(--color-primary);
  --bg-color:transparent;
  --bg-color-hover:transparent;
  --color:var(--color-text);
  position:relative;
  display:none;
  height:4.8rem;
  padding-right:3rem;
  padding-left:2.9rem;
}
.cart-button::after{
  content:attr(data-counter);
  position:absolute;
  top:0.4rem;
  left:4.3rem;
  min-width:1.8rem;
  height:1.8rem;
  border-radius:50%;
  font-size:1.2rem;
  line-height:1.8rem;
  font-weight:500;
  text-align:center;
  background-color:var(--color-primary);
  color:var(--color-white);
}
.cart-button__total{
  color:var(--color-primary);
}

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

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

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

.main__content{
  flex-grow:1;
}

.main__heading{
  padding-top:0.1rem;
}
.main__heading:has(.button){
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  padding-top:0;
}

.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;
}
.content h1{
  margin-bottom:2rem;
}
.content h2{
  margin-bottom:0.9rem;
}
.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.4rem;
}
.content ol li::before{
  counter-increment:li;
  content:counters(li, ".", decimal) ".";
  flex-shrink:0;
  min-width:1.4rem;
  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 footer rules */
.footer{
  min-width:32rem;
  padding:2.9rem 0 9rem;
  border-top:1px solid var(--color-grey-2);
  background-color:var(--color-grey-3);
}
.footer .container{
  display:flex;
  flex-direction:column;
  align-items:center;
  max-width:39rem;
}

.footer__wrapper{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3rem;
  width:100%;
}
.footer-nav-wrapper{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1rem;
}
.footer-nav .nav__list{
  flex-direction:column;
}
.footer-nav .nav__link{
  --color:var(--color-text);
  --color-hover:var(--color-secondary);
  --color-active:var(--color-secondary-hover);
}
.footer-brands{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1rem;
  width:calc(100% - 0.2rem);
}

.footer-brands__wrapper{
  display:flex;
  align-items:center;
  gap:1rem;
  width:100%;
  padding-top:0.1rem;
}

.footer-brand{
  flex-grow:1;
}
.subscribe{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1rem;
  width:100%;
}

.subscribe-form{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:0;
  width:100%;
}
.subscribe-form__label{
  position:relative;
  flex-grow:1;
}
.subscribe-form__label .error-label{
  position:absolute;
  bottom:-2rem;
}
.subscribe-form__input{
  width:100%;
  border-right:none;
}
.subscribe-form__button{
  padding-left:1.8rem;
}
.footer__copyrights{
  width:100%;
  margin-top:3rem;
  text-align:center;
  color:var(--color-text-grey);
}
.footer-buttons{
  position:fixed;
  right:0;
  bottom:0;
  left:0;
  z-index:101;
  display:flex;
  justify-content:center;
  align-items:center;
  height:6rem;
  background:var(--color-text);
}
.footer-buttons__container{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  max-width:43rem;
  height:100%;
}

.footer-button{
  position:relative;
  display:flex;
  flex:1 0 0;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  height:100%;
  margin:auto 0;
  border:none;
  border-right:1px solid rgba(255, 255, 255, 0.2);
  font-size:1.3rem;
  line-height:1.2;
  font-weight:400;
  text-decoration:none;
  background-color:transparent;
  color:var(--color-white);
  transition:color var(--transition-medium-cubic);
}
.footer-button:hover, .footer-button:focus-visible, .footer-button.is-active{
  color:var(--color-primary);
}
.footer-button:last-child{
  border-right:none;
}
.footer-button .icon{
  width:2.4rem;
  height:2.4rem;
  font-size:2.4rem;
}
.footer-button .button__text{
  position:relative;
  top:0.3rem;
}
.footer-button--cart::after{
  content:attr(data-counter);
  position:absolute;
  top:0.5rem;
  right:3rem;
  left:initial;
  min-width:1.6rem;
  height:1.6rem;
  border-radius:50%;
  font-size:1rem;
  line-height:1.6rem;
  font-weight:600;
  text-align:center;
  background-color:var(--color-primary);
  color:var(--color-white);
}

.footer-button--cat .button__close-icon{
  display:none;
}
.footer-button--cat.is-active .button__close-icon{
  display:inherit;
}
.footer-button--cat.is-active .button__category-icon{
  display:none;
}

/*! Homepage */
.customers-choice-block{
  border:1px solid var(--color-yellow);
  padding:0.9rem 1.9rem;
  background-image:url(../img/layout/customers-choice-bg-957w.jpg);
  background-image:url(../img/layout/customers-choice-bg-957w.webp);
  background-repeat:no-repeat;
  background-position:center left;
}
.webp .customers-choice-block{
  background-image:-webkit-image-set(url(../img/layout/customers-choice-bg-957w.webp) 1x, url(../img/layout/customers-choice-bg-1914w.webp) 2x);
  background-image:image-set(url(../img/layout/customers-choice-bg-957w.webp) 1x, url(../img/layout/customers-choice-bg-1914w.webp) 2x);
}

.customers-choice{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  max-width:43rem;
  margin:0 auto;
}
.customers-choice__title{
  flex-shrink:0;
  font-weight:500;
  font-size:clamp(2rem, 7.6923076923vw, 3rem);
}
.customers-choice__text{
  flex-shrink:0;
  order:1;
  width:100%;
  font-size:1.2rem;
  text-align:center;
}
.customers-choice__img{
  aspect-ratio:15/4;
  width:45.5%;
}
.customers-choice-block + .product-cards{
  margin-top:1rem;
}
:root{
  --color-primary:#28d17c;
  --color-primary-hover:#0eba63;
  --color-secondary:#487fdd;
  --color-secondary-hover:#1a5dd1;
  --color-accent:#808;
  --color-red:#ff585a;
  --color-yellow:#ffd000;
  --color-grey-1:#a6a6a6;
  --color-grey-2:#e3e3e3;
  --color-grey-3:#f8f8f8;
  --color-grey-4:#b1b1b1;
  --color-grey-5:#b6b6b6;
  --color-grey-6:#f4f4f4;
  --color-text:#212529;
  --color-text-2:#3c3c3c;
  --color-text-grey:#808080;
  --color-text-grey-2:#9a9a9a;
  --color-text-grey-3:#9b9b9b;
  --color-caption:rgba(33, 37, 41, 0.5);
  --color-stroke:#ebebeb;
  --color-stroke-2:#ededed;
  --color-black:black;
  --color-white:white;
  --html-bg-color:var(--color-white);
  --text-body-color:var(--color-text);
  --tab-focus-color:var(--color-secondary);
  --content-link-color:var(--color-secondary);
  --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 10px 0 rgba(33, 37, 41, 0.1);
  --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(0, 0, 0, 0.5);
  --color-stack-overlay-bg:rgba(0, 0, 0, 0.2);
}

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

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

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

@media (min-width: 390px){
  .form__label--checkbox{
    gap:0.4rem;
    min-height:3rem;
    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{
    gap:1rem;
    font-size:1.5rem;
  }
  .form-radio__title .icon{
    position:relative;
    top:-0.1rem;
    left:0.1rem;
    margin-bottom:-0.2rem;
    font-size:2rem;
  }
  .fieldset-panel{
    padding:1.2rem;
  }
  .fieldset--3-col,
  .fieldset--2-col{
    gap:2rem;
  }
  .dialog{
    --horizontal-margin:1.5rem;
  }
  .header-phones{
    flex-shrink:0;
  }
  .header-lang{
    padding-right:1.4rem;
  }
  .header-lang .custom-select-opener{
    padding-right:1.5rem;
    padding-left:2.2rem;
  }
  .header-lang .custom-select-opener span{
    min-width:5.5rem;
    width:initial;
    max-width:5.5rem;
  }
  .header-lang .header-select-wrapper__chevron{
    right:1.4rem;
  }
  .header-currency{
    border-right:1px solid rgba(255, 255, 255, 0.1);
    padding-right:1.4rem;
  }
  .header-currency .header-select-wrapper__chevron{
    right:1.4rem;
  }
  .header-currency .custom-select-panel{
    --translate-x:calc(-50% + 0.8rem);
    right:unset;
    left:50%;
  }
  .customers-choice__title{
    font-size:clamp(3rem, 7.2727272727vw, 4rem);
  }
}

@media (min-width: 500px){
  .cards{
    grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));
  }
  .header-auth{
    display:inline-flex;
  }
}

@media (min-width: 600px){
  br.md{
    display:none;
  }
  .form__label--checkbox::before{
    top:0;
    transform:none;
  }
  .pack-radios .form-radio{
    padding-top:4.4rem;
    padding-left:0;
  }
  .form-radio::before{
    top:0;
    transform:none;
  }
  .form-radio__price{
    top:4.4rem;
  }
  .fieldset--mobile-row{
    flex-direction:row;
  }
  .header-phones__request .link--primary{
    width:initial;
  }
}

@media (min-width: 830px){
  h1,
  .h1{
    font-size:4rem;
  }
  h2,
  .h2{
    font-size:2.2rem;
  }
  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{
    left:-2rem;
    width:calc(100% + 4rem);
    padding:1.8rem 2rem 1.7rem;
    font-size:2rem;
  }
  .qty-input{
    --height:3.4rem;
    max-width:8.7rem;
  }
  .reset-password-fieldset{
    justify-content:space-between;
  }
  .cards{
    grid-template-columns:repeat(auto-fit, minmax(29rem, 1fr));
  }
  .card__header{
    padding-right:7.5rem;
  }
  .card__footer{
    flex-direction:row;
  }
  .card__button{
    margin-left:auto;
  }
  .card-features{
    top:1rem;
    right:1rem;
    gap:1rem;
    width:6.8rem;
  }
  .card-feature{
    height:5.2rem;
    font-size:1.9rem;
    line-height:125%;
  }
  .card-feature img{
    width:4.6rem;
    height:3.5rem;
  }
  .cat-nav{
    --x-offset:1.5rem;
  }
  .cat-nav .nav-container{
    overflow-x:auto;
  }
  .cat-nav .nav__heading{
    display:none;
  }
  .cat-nav .nav__list{
    width:30rem;
    border-right:1px solid var(--color-grey-2);
    padding:1rem 0;
  }
  .cat-nav .nav__list:not(:has(.sublist-toggler.is-active)) .nav__item:first-child .sublist-toggler{
    color:var(--color-primary);
  }
  .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 > .nav__link{
    position:relative;
    border:none;
    padding:1rem 2rem;
  }
  .cat-nav .nav__list > .nav__item > .nav__link::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background-color:var(--color-stroke);
  }
  .cat-nav .nav__list > .nav__item > .nav__link .icon{
    position:relative;
    top:0.1rem;
  }
  .cat-nav .nav__list > .nav__item > .nav__link.is-active{
    --color:var(--color-primary);
    --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 .nav__link{
    border-color:transparent;
  }
  .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{
    display:block;
    max-width:calc(100% - 30rem);
  }
  .dialog{
    padding:3.4rem 3rem 4rem;
  }
  .dialog__title{
    font-size:3rem;
  }
  .dialog-container[data-dialog=call] .dialog{
    max-width:50rem;
  }
  .form.callback-form .text-field,
  .form.callback-push-form .text-field{
    margin:3rem 0;
  }
  .form.callback-form .text-field .just-validate-error-label,
  .form.callback-push-form .text-field .just-validate-error-label{
    bottom:-2.2rem;
  }
  .dialog-container[data-dialog=call-push] .dialog{
    max-width:60rem;
  }
  .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:1.5rem;
  }
  .nav__list.greedy-items > .greedy-item:not(:first-child){
    padding-right:1.4rem;
    padding-left:1.5rem;
  }
  .nav__list.greedy-items > .greedy-item:last-child{
    padding-right:1rem !important;
  }
  .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:1.4rem;
    border-left:1px solid rgba(255, 255, 255, 0.1);
    padding-left:1.4rem;
  }
  .navbar .nav__link{
    --color:var(--color-white);
    --color-hover:var(--color-primary);
    --color-active:var(--color-primary-hover);
  }
  .navbar-close-button{
    display:none;
  }
  .aside{
    padding-bottom:2.9rem;
  }
  .aside-nav{
    margin-top:-0.8rem;
  }
  .aside-promo{
    display:block;
  }
  .topbar > .container{
    justify-content:flex-start;
  }
  .topbar-categories-button{
    display:inline-flex;
  }
  .header-phones{
    margin-left:auto;
  }
  .header-phones__request{
    margin-right:0.4rem;
  }
  .header-phones__dropdown{
    margin-left:0;
  }
  .header-settings .custom-select-opener{
    padding-right:2.1rem;
    padding-left:2.6rem;
  }
  .header > .container{
    flex-direction:row;
    gap:3.2rem;
    padding-top:2rem;
    padding-bottom:2rem;
  }
  .header__wrapper{
    width:fit-content;
  }
  .header__logo{
    width:21.2rem;
    height:4.4rem;
  }
  .drug-index{
    column-gap:4rem;
  }
  .cart-button{
    display:inline-flex;
  }
  .container{
    padding-right:1.5rem;
    padding-left:1.5rem;
  }
  .main--aside{
    display:grid;
    grid-template-columns:1fr 18rem;
    align-items:flex-start;
    column-gap:2rem;
    row-gap:3rem;
  }
  .main--aside .related-products{
    grid-column:1/3;
  }
  .main__heading{
    padding-top:0;
  }
  .main__aside{
    grid-column:2;
    grid-row:1;
    flex-shrink:0;
    width:18rem;
  }
  .content{
    font-size:1.5rem;
    line-height:2.4rem;
  }
  .content h1{
    line-height:normal;
  }
  .content h2{
    line-height:normal;
  }
  .content ul li::before{
    top:0.7rem;
  }
  .footer{
    padding-bottom:3rem;
  }
  .footer .container{
    max-width:90rem;
    margin:0 auto;
  }
  .footer__wrapper{
    flex-direction:row;
    flex-wrap:wrap;
  }
  .footer-nav-wrapper{
    align-items:flex-start;
    width:100%;
  }
  .footer-nav .nav__list{
    flex-direction:row;
    flex-wrap:wrap;
    row-gap:0.6rem;
  }
  .footer-brands{
    align-items:flex-start;
    max-width:36.8rem;
  }
  .subscribe{
    align-items:flex-start;
    max-width:50%;
    margin-left:auto;
  }
  .footer-buttons{
    display:none;
  }
}

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

@media (min-width: 1000px){
  .card{
    padding:1.9rem;
  }
  .navbar{
    max-width:35%;
  }
  .aside{
    display:block;
  }
  .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;
  }
}

@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;
  }
}

@media (min-width: 1280px){
  br.lg{
    display:initial;
  }
  .form-radio{
    justify-content:flex-start;
  }
  .cards{
    gap:1.6rem;
  }
  .cat-nav{
    --x-offset:4rem;
  }
  .nav__list.greedy-items > .greedy-item:last-child{
    padding-right:1.7rem !important;
  }
  .navbar{
    max-width:39rem;
  }
  .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{
    margin-left:0.1rem;
    padding-right:1.4rem;
  }
  .header-phones__dropdown .dropdown-button{
    margin-top:0.2rem;
  }
  .header-phones__dropdown .dropdown-button .button-text{
    display:none;
  }
  .header-phones__dropdown .dropdown-container .link:first-child{
    display:none;
  }
  .header-settings .custom-select-container{
    font-size:1.4rem;
  }
  .header-lang .custom-select-opener{
    padding-right:1.8rem;
    padding-left:2.2rem;
  }
  .header-currency .custom-select-opener{
    padding-right:2.5rem;
    padding-left:1.5rem;
  }
  .page-wrapper{
    gap:3.2rem;
    padding-top:0;
  }
  .container{
    padding-right:4rem;
    padding-left:4rem;
  }
  .main{
    padding-bottom:4rem;
  }
  .main--aside{
    column-gap:3.2rem;
    row-gap:4rem;
  }
  .footer .container{
    max-width:128rem;
  }
  .footer__wrapper{
    flex-wrap:nowrap;
  }
  .footer-nav-wrapper{
    flex-shrink:0;
    max-width:46.2rem;
  }
  .footer-nav{
    max-width:81%;
  }
  .footer-nav .nav__list{
    column-gap:2rem;
  }
  .subscribe{
    width:30rem;
  }
  .customers-choice-block{
    width:calc(100% + 0.1rem);
    padding:1.9rem 2.9rem;
  }
  .customers-choice{
    flex-wrap:nowrap;
    gap:2rem;
    max-width:100%;
  }
  .customers-choice__title{
    font-size:4.8rem;
    line-height:1;
  }
  .customers-choice__text{
    flex-shrink:1;
    order:initial;
    width:initial;
    font-size:1.4rem;
    text-align:left;
  }
  .customers-choice__img{
    flex-shrink:0;
    aspect-ratio:198/53;
    width:19.8rem;
  }
  .customers-choice-block + .product-cards{
    margin-top:1.6rem;
  }
}

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

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

@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{
    overflow-y:auto;
    overscroll-behavior:contain;
    flex-direction:column;
    height:100%;
    padding:2rem;
    background-color:var(--color-white);
  }
  .cat-nav .nav__list{
    display:none;
    width:calc(100% + 2rem);
    height:100%;
    max-height:initial;
    margin-left:-2rem;
  }
  .cat-nav .nav__list > .nav__item > .nav__link{
    width:calc(100% - 2rem);
    margin-left:2rem;
    padding:0.9rem 0 1rem;
  }
  .cat-nav .nav__sublist{
    left:0;
    visibility:visible;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:initial;
    gap:1.5rem;
    height:100%;
    max-height:100%;
    background-color:var(--color-dark);
    transform:translateX(100%);
    transition:transform var(--transition-long-cubic);
  }
  .cat-nav .nav__sublist.is-visible{
    padding-bottom:6.8rem;
    transform:translateX(0%);
  }
  .navbar-toggler{
    position:relative;
    z-index:0;
    display:block;
    order:1;
    width:2.4rem;
    height:2.4rem;
    border:0;
    padding:0 0.2rem;
    background-color:transparent;
  }
  .navbar-burger{
    --burger-color:var(--color-text);
    display:block;
    width:2rem;
    height:0.2rem;
    background-color:var(--burger-color);
  }
  .navbar-burger::after, .navbar-burger::before{
    content:"";
    position:absolute;
    left:0.2rem;
    width:2rem;
    height:0.2rem;
    background-color:var(--burger-color);
    transition:transform var(--transition-long-cubic);
  }
  .navbar-burger::before{
    transform:translateY(-0.7rem);
  }
  .navbar-burger::after{
    transform:translateY(0.7rem);
  }
  .navbar-toggler[aria-expanded=true] .navbar-burger{
    background-color:transparent;
  }
  .navbar-toggler[aria-expanded=true] .navbar-burger::after, .navbar-toggler[aria-expanded=true] .navbar-burger::before{
    border-radius:0;
  }
  .navbar-toggler[aria-expanded=true] .navbar-burger::before{
    transform:rotate(45deg);
  }
  .navbar-toggler[aria-expanded=true] .navbar-burger::after{
    transform:rotate(-45deg);
  }
  .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;
    gap:4rem;
    padding:4rem 3rem;
  }
  .navbar .nav__sublist{
    overflow-y:hidden;
  }
  .navbar .nav__sublist > .nav__item:first-child{
    padding-top:2rem;
  }
  .navbar .nav__item{
    padding:0;
  }
  .navbar .nav__link{
    --color:var(--color-text);
    --color-hover:var(--color-primary);
    --color-active:var(--color-primary-hover);
  }
}

@media (max-width: 389.98px){
  .vw-container{
    min-width:32rem;
    width:100%;
    margin-left:initial;
  }
}

@media (max-width: 359.98px){
  .footer-button .button__text{
    font-size:1.1rem;
  }
}

@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);
  }
}

.content strong {
    margin-bottom: 0.9rem;
    font-size: 1.8rem;
    overflow-wrap: break-word;
    color: var(--color-text);
}

.product-content {
    margin-bottom: 20px;
}

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

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

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

.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%;
    }
  }

  .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-secondary);
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 2s;
    color: white;
  }

  .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-secondary);
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 2s;
    color: white;
  }

  .modal_cart.hidden {
      display: none;
  }

#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;
    display: flex;
    justify-content: space-between;
    font-size: 1.5rem;
    height: 4.8rem;
    overflow: hidden;
    padding-left: 2rem;
    padding-right: 2rem;
    position: relative;
    width: 100%;
    max-width: 300px;
    z-index: 2;
    gap: 10px;
    border: 1px solid var(--color-stroke);
}

.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: 700;
    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;;
}


.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);
  }

  .a_update_cart {
    --color: var(--content-link-color);
    --color-hover: var(--content-link-color-hover);
    --color-active: var(--content-link-color-active);
    text-decoration-color: transparent;
    text-underline-offset: 0.2rem;
    color: var(--color);
    transition-property: var(--transition-props-color);
    transition-timing-function: var(--transition-func-cubic);
    transition-duration: var(--transition-duration-short);
}

.sitemap_menu {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
}

.site_info_link {
    --color: var(--color-text);
    --color-hover: var(--color-secondary);
    --color-active: var(--color-secondary-hover);
    text-decoration: none;
}

.christmas{
    width: 100%;
    cursor: pointer;
    padding-top: 0 !important;
}

.christmas img {
    width: 100%;
}