@charset "UTF-8";
/*! Typography settings */
@font-face{
  font-family:"Neue Machina";
  src:url(../fonts/neue-machina-regular.woff2) format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:fallback;
  ascent-override:100%;
}
@font-face{
  font-family:"Neue Machina";
  src:url(../fonts/neue-machina-bold.woff2) format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:fallback;
  ascent-override:100%;
}
@font-face{
  font-family:"Neue Machina";
  src:url(../fonts/neue-machina-ultrabold.woff2) format("woff2");
  font-weight:800;
  font-style:normal;
  font-display:fallback;
  ascent-override:100%;
}
:root{
  --font-neue:"Neue Machina", sans-serif;
}

.f-400{
  font-weight:400;
}

.f-700{
  font-weight:700;
}

.f-800{
  font-weight:800;
}

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

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

*{
  padding:0;
  margin: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%;
}

body{
  --text-body-ff:var(--font-neue);
  --text-body-fz:1.3rem;
  --text-body-lh:2rem;
  display:flex;
  flex-direction:column;
  overflow-x:hidden;
  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-transition *{
  transition:none !important;
}
body.no-transition *::before, body.no-transition *::after{
  transition:none !important;
}

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

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

h1,
.h1{
  font-size:2.5rem;
  line-height:2.8rem;
}

.h1{
  margin-bottom:1.6rem;
}

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

.h2{
  margin-bottom:1.2rem;
}

h3,
.h3{
  font-size:1.4rem;
  line-height:1;
}

.p{
  margin-bottom:1.6rem;
}

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;
  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);
}
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-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-spacing:0;
  border-collapse:separate;
}

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

.hr{
  height:0.1rem;
  border:none;
  background-color:var(--color-black);
}

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

b,
strong{
  font-weight:bolder;
}

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{
  padding:0;
  border-style:none;
}

:-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;
  padding:0;
  border:0;
  margin:-1px;
  clip:rect(0 0 0 0);
}

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

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

/*! Accordion component */
.accordion-button{
  position:relative;
  cursor:pointer;
}

.accordion-panel{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows 0.2s ease-out;
}

.accordion-button[aria-expanded=true] + .accordion-panel{
  grid-template-rows:1fr;
}

.accordion-content{
  overflow:hidden;
}

/*! Buttons */
.button{
  --bg-color:var(--color-primary);
  --bg-color-hover:var(--color-primary-hover);
  --bg-color-active:var(--color-primary);
  --color:var(--color-white);
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:1rem;
  min-height:4.8rem;
  padding:0 2rem;
  border:none;
  border-radius:1rem;
  font-size:1.4rem;
  font-weight:700;
  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{
  background-color:var(--bg-color-hover);
  color:var(--color);
}
.button:active{
  background-color:var(--bg-color-active);
  color:var(--color);
}
.button--uppercase{
  text-transform:uppercase;
}
.button .icon{
  font-size:2.4rem;
}

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

.button--grey{
  --bg-color:var(--color-grey-1);
  --bg-color-hover:var(--color-grey-2);
  --bg-color-active:var(--color-grey-3);
  --color:var(--color-primary);
  text-transform:uppercase;
}

.button--more{
  --bg-color:var(--color-grey-1);
  --bg-color-hover:var(--color-grey-2);
  --bg-color-active:var(--color-grey-3);
  --color:var(--color-primary);
  width:100%;
  text-transform:uppercase;
}

.close-button{
  overflow:hidden;
  width:2rem;
  height:2rem;
  border:0;
  background-color:transparent;
  color:transparent;
  opacity:0.25;
  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.2rem;
  height:100%;
  margin:0 auto;
  background-color:var(--color-secondary);
  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;
  border-radius:0.6rem;
  background-position:center;
  background-repeat:no-repeat;
  background-color:transparent;
  transition:background-color var(--transition-medium-cubic);
}
.copy-button:hover, .copy-button:focus-visible{
  background-color:var(--color-grey-3);
}
.copy-button:active{
  background-color:var(--color-grey-2);
}
.copy-button .icon{
  font-size:1.8rem;
}
.copy-button .button-text{
  position:absolute;
  top:-4.1rem;
  left:-7.7rem;
  display:none;
  align-items:center;
  min-height:4.3rem;
  padding:0.5rem 2rem 0.5rem 4.7rem;
  border-radius:1rem;
  font-size:1.3rem;
  line-height:1.9rem;
  font-weight:700;
  background-image:url(../svg/icons/check.svg);
  background-position:center left 2rem;
  background-repeat:no-repeat;
  background-color:var(--color-secondary);
  color:var(--color-white);
  animation:tooltip-appear 0.2s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-user-select:none;
          user-select:none;
}
.copy-button .button-text::after{
  content:"";
  position:absolute;
  bottom:-0.7rem;
  left:calc(50% + 2.6rem);
  width:0;
  height:0;
  border-width:0.7rem 0.6rem 0 0.6rem;
  border-style:solid;
  border-color:var(--color-secondary) transparent transparent transparent;
  transform:rotate(0deg);
}
.copy-button .button-text.is-visible{
  display:flex;
}

@keyframes tooltip-appear{
  0%{
    opacity:0;
    transform:translateY(0.6rem);
  }
}
/*! Categories nav */
.cat-nav{
  position:absolute;
  top:9rem;
  z-index:100;
  display:none;
  width:calc(100% - 6rem);
  max-width:120rem;
  max-height:calc(80vh - 2rem);
  border-radius:1.4rem;
  background-color:var(--color-grey-2);
}
.cat-nav.is-visible{
  display:flex;
}
.cat-nav .nav-container{
  position:relative;
  display:flex;
  flex-grow:1;
}
.cat-nav .nav__heading{
  padding-bottom:2.3rem;
  border-bottom:1px solid var(--color-grey-2);
  margin-bottom:1rem;
  font-size:2.5rem;
  line-height:2.4rem;
  font-weight:700;
}
.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;
  background-color:var(--color-white);
}
.cat-nav .nav__list > .nav__item > .nav__link{
  width:100%;
  padding:0.9rem 2rem 1rem;
  font-size:1.5rem;
  line-height:1.4rem;
  font-weight:700;
  border-bottom:1px solid var(--color-grey-2);
}
.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;
}
.cat-nav .nav__link{
  --color:var(--color-secondary);
  --color-hover:var(--color-primary);
  --color-active:var(--color-primary-hover);
}
.cat-nav .nav__link .icon{
  position:relative;
  top:0.2rem;
  margin-left:auto;
  font-size:2rem;
  transform:rotate(270deg) !important;
}
.cat-nav .nav__sublist{
  position:absolute;
  top:0;
  overflow:auto;
  visibility:hidden;
  flex-wrap:wrap;
  padding:2rem;
  margin:0;
  background-color:transparent;
  box-shadow:none;
}
.cat-nav .nav__sublist.is-visible{
  visibility:visible;
}
.cat-nav .nav__sublist .nav__link{
  padding:0.4rem 0 0.5rem;
  font-size:1.5rem;
  line-height:1.4rem;
  font-weight:400;
}
.cat-nav .sublist-4-col{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  column-gap:4rem;
  width:calc(100% - 24rem);
}
.cat-nav .grid-sublist-4-col{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(14rem, 1fr));
  column-gap:3.4rem;
  width:calc(100% - 38rem);
}
.cat-nav .nav__item--return{
  padding-top:0 !important;
  padding-bottom:1.5rem;
  border-bottom:1px solid var(--color-grey-2);
}
.cat-nav .nav__mobile-return{
  display:inline-flex;
  align-items:center;
  gap:1rem;
  padding:0.7rem 0;
  border:none;
  font-size:2.5rem;
  line-height:2.4rem;
  font-weight:700;
  text-align:left;
  background-color:transparent;
  color:var(--color-secondary);
  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{
  position:relative;
  top:0.3rem;
  font-size:2.4rem;
  transform:rotate(90deg);
}
.cat-nav .nav-col{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}
.cat-nav .nav__close-button{
  position:absolute;
  top:1rem;
  right:1rem;
  z-index:1;
  width:2.4rem;
  height:2.4rem;
  border:none;
  background-image:url(../svg/icons/close.svg);
  background-position:center;
  background-repeat:no-repeat;
  background-color:transparent;
  opacity:0.25;
  transition:opacity var(--transition-medium-cubic);
}
.cat-nav .nav__close-button:hover, .cat-nav .nav__close-button:focus-visible{
  opacity:0.4;
}
.cat-nav .nav__close-button:active{
  opacity:0.5;
}

@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-y:scroll;
  overflow-x:unset;
}
.custom-select-container{
  flex-grow:1;
  border:1px solid var(--color-primary-20);
  border-radius:1rem;
  font-size:1.4rem;
  -webkit-user-select:none;
          user-select:none;
}
.custom-select-container select{
  width:1rem;
}

.custom-select-opener{
  position:relative;
  z-index:2;
  overflow:hidden;
  display:flex;
  align-items:center;
  width:100%;
  height:4.8rem;
  padding-left:2rem;
  border-radius:1rem;
  font-size:1.5rem;
  font-weight:700;
  background-color:var(--color-white);
}

.custom-select-opener[aria-expanded=true]{
  z-index:4;
}

.custom-select-panel{
  --offset-y:0.1rem;
  --translate-x:0%;
  top:calc(100% + var(--offset-y));
  left:50%;
  z-index:1;
  display:none;
  padding:1rem 0;
  border-radius:1rem;
  background-color:var(--color-white);
  box-shadow:var(--shadow-dropdown);
  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 cubic-bezier(0.33, 1, 0.68, 1);
}
.custom-select-container.is-open + .select-wrapper__chevron{
  color:var(--color-secondary);
  transform:rotate(-180deg);
}

@keyframes select-panel-appear{
  from{
    opacity:0;
    transform:translate3d(var(--translate-x), -1.2rem, 0);
  }
  to{
    opacity:1;
    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:700;
  transition:background-color var(--transition-short-cubic), color var(--transition-short-cubic);
}
.custom-select-option:not(:last-child)::after{
  content:"";
  position:absolute;
  bottom:0;
  left:2rem;
  width:calc(100% - 4rem);
  height:1px;
  background-color:var(--color-grey-1);
}
.custom-select-option.has-focus{
  background-color:transparent;
  color:var(--color-secondary);
}
.custom-select-option.has-focus:hover, .custom-select-option.has-focus:focus-visible{
  background-color:var(--color-grey-1);
  color:var(--color-black);
}

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

/*! Pop-ups & modal dialogs */
.dialog-container{
  justify-content:center;
  align-items:center;
  min-width:32rem;
  width:100%;
  max-width:100vw;
  height:100%;
  max-height:100vh;
  max-height:100dvh;
  border:none;
  background-color:transparent;
  color:var(--text-body-color);
  cursor:pointer;
}
.dialog-container[data-modal=false]{
  margin-top:10rem;
}

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

.dialog-container.close{
  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[open]::backdrop{
  background-color:var(--color-overlay-bg);
  animation:backdropFadeIn 0.3s ease forwards;
}

.dialog-container.close::backdrop{
  animation:backdropFadeOut 0.3s ease backwards;
}

@keyframes backdropFadeIn{
  from{
    background-color:transparent;
  }
  to{
    background-color:var(--color-overlay-bg);
  }
}
@keyframes backdropFadeOut{
  from{
    background-color:var(--color-overlay-bg);
  }
  to{
    background-color:transparent;
  }
}
.dialog{
  --horizontal-margin:2rem;
  position:relative;
  z-index:1000;
  min-width:32rem;
  width:calc(100% - var(--horizontal-margin) * 2);
  max-width:56.2rem;
  height:fit-content;
  padding:3rem;
  border-radius:2rem;
  margin:auto;
  background-color:var(--color-white);
  box-shadow:var(--shadow-dialog);
  cursor:initial;
}

.dialog__close-button{
  position:absolute;
  top:1.4rem;
  right:1.4rem;
}

.dialog__title{
  font-size:2rem;
  line-height:1.4rem;
  font-weight:700;
  text-align:center;
}

.dialog__note{
  margin-top:1rem;
  font-size:1.3rem;
  line-height:1.1rem;
  text-align:center;
}
.dialog-container[data-name=call] .dialog{
  max-width:36rem;
  padding:3rem 6rem;
}
.dialog-container[data-name=call] .dialog__title{
  font-size:2.5rem;
  line-height:1.8rem;
}

.form.callback-form,
.form.callback-push-form{
  --placeholder-color:rgba(38, 45, 56, 0.5);
  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{
  margin:2rem 0;
}
.form.callback-form .iti,
.form.callback-push-form .iti{
  width:fit-content;
  margin:0 auto;
}
.form.callback-form .input-tel,
.form.callback-push-form .input-tel{
  width:24rem;
  background-color:var(--color-grey-1);
}
.form.callback-form .submit-field,
.form.callback-push-form .submit-field{
  flex-direction:row;
}

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

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

.drag-nav-container{
  overflow-x:auto;
  overflow-y:hidden;
  height:calc(var(--height) + 3rem);
  padding-bottom:2rem;
}
.drag-nav-container.is-dragging a{
  pointer-events:none;
}
.dropdown{
  position:relative;
  display:flex;
}
.dropdown.is-active{
  z-index:10;
}

.dropdown-container{
  position:absolute;
  top:calc(100% + 0.4rem);
  left:50%;
  z-index:10;
  display:flex;
  visibility:hidden;
  gap:1.6rem;
  min-width:11.8rem;
  width:fit-content;
  max-height:0;
  padding:1rem 0;
  border-radius:1rem;
  background-color:var(--color-white);
  box-shadow:var(--shadow-dropdown);
  opacity:1;
  transform:translateY(0.4rem);
}
.dropdown-container.is-visible{
  visibility:visible;
  max-height:initial;
  animation:dropdown-container-appear 0.2s;
}
.dropdown-container.is-visible .dropdown-list{
  display:flex;
}

@keyframes dropdown-container-appear{
  from{
    visibility:hidden;
    opacity:0;
    transform:translateY(-1.2rem);
  }
  to{
    visibility:visible;
    opacity:1;
    transform:translateY(0.4rem);
  }
}
.dropdown-list{
  display:none;
  flex-grow:1;
  flex-direction:column;
  width:100%;
}

.dropdown-list .header-nav-link{
  --color:var(--color-secondary);
  --color-hover:var(--color-black);
  --color-active:var(--color-black);
  position:relative;
  display:inline-block;
  width:100%;
  padding:1rem 2rem;
  text-decoration:none;
  text-align:center;
}
.dropdown-list .header-nav-link:hover, .dropdown-list .header-nav-link:focus-visible{
  background-color:var(--color-grey-1);
}
.dropdown-list .header-nav-link::after{
  content:"";
  position:absolute;
  bottom:0;
  left:2rem;
  width:calc(100% - 4rem);
  height:1px;
  background-color:var(--color-grey-1);
}

.dropdown-list .greedy-item:last-child .header-nav-link::after{
  display:none;
}

/*! Forms and their elements */
.form{
  --border-width:0;
  --border-radius:1rem;
  --border-color:var(--color-grey-1);
  --border-color-hover:var(--color-grey-3);
  --border-color-focus:var(--color-accent);
  --input-height:4.8rem;
  --input-padding:0 2rem;
  --placeholder-color:rgba(38, 45, 56, 0.75);
  --bg-color:var(--color-white);
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.form-panel{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
  padding:2rem;
  border-radius:2rem;
  background-color:var(--color-grey-1);
}

.form__fieldset{
  display:flex;
  flex-direction:column;
  gap:1.6rem;
  border:0;
}

.fieldset-panel{
  display:flex;
  flex-direction:column;
  gap:2rem;
  padding:2rem;
  border-radius:1.4rem;
  background-color:var(--color-grey-1);
}

.form-legend{
  position:relative;
  top:-2rem;
  left:-2rem;
  float:left;
  width:calc(100% + 4rem);
  min-height:5.8rem;
  padding:1.8rem 2rem;
  border-radius:1.4rem 1.4rem 0 0;
  margin-bottom:-2rem;
  font-size:2rem;
  line-height:1.9rem;
  font-weight:700;
  background-color:var(--color-secondary);
  color:var(--color-white);
}

.form__footnote{
  font-size:1.3rem;
  line-height:1;
}

.form__field{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:0.5rem;
  width:100%;
}

.form__label{
  display:block;
  order:-1;
  font-size:1.3rem;
  line-height:1;
}

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

.form__text-input{
  width:100%;
  min-height:var(--input-height);
  padding:var(--input-padding);
  border:var(--border-width) solid var(--border-color);
  border-radius:var(--border-radius);
  font-size:1.5rem;
  line-height:1.4rem;
  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-textarea{
  display:block;
  min-height:12rem;
  max-height:24rem;
  padding:1rem 2rem;
  resize:vertical;
}

.file-field{
  flex-direction:row;
  align-items:center;
  gap:1rem;
  min-height:var(--input-height);
  padding:var(--input-padding);
  border:var(--border-width) solid var(--border-color);
  border-radius:var(--border-radius);
  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-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);
}

.form__fieldset.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__submit{
  align-self:flex-start;
  text-transform:uppercase;
}

.form__caption{
  margin-top:-0.3rem;
}
.form__caption p:not(:last-child){
  margin-bottom:0.7rem;
}

.qty-input{
  --height:3rem;
  display:flex;
  align-items:center;
  width:100%;
  max-width:9.7rem;
}

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

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

.qty-input__minus,
.qty-input__plus{
  display:flex;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  width:var(--height);
  height:var(--height);
  border:none;
  background-color:transparent;
  color:transparent;
  transition: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{
  opacity:0.8;
}
.qty-input__minus:active,
.qty-input__plus:active{
  opacity:1;
}
.qty-input__minus .icon,
.qty-input__plus .icon{
  font-size:var(--height);
}

.form-radio-wrapper{
  position:relative;
  width:100%;
  transition:opacity var(--transition-medium-cubic);
}
.form-radio-wrapper:hover .form-radio__title, .form-radio-wrapper:focus-visible .form-radio__title{
  opacity:0.7;
}
.form-radio-wrapper:active .form-radio__title{
  opacity:1;
}

.form-radio-input{
  position:absolute;
  visibility:hidden;
}
.form-radio-input:checked + .form-radio::before{
  background-image:url(../svg/icons/check-circle.svg);
}

.form-radio{
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
  padding-top:4.3rem;
  cursor:pointer;
}
.form-radio::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:3.4rem;
  height:3.4rem;
  border:1px solid var(--color-primary);
  border-radius:50%;
  background-size:contain;
}

.form-radio__title{
  display:inline-flex;
  align-items:center;
  gap:1rem;
  padding-right:4.4rem;
  margin-bottom:0.5rem;
  font-size:1.6rem;
  line-height:1.5rem;
  font-weight:700;
}
.form-radio__title .icon{
  font-size:2rem;
}

.form-radio__text{
  font-size:1.2rem;
  line-height:1.4rem;
  color:rgba(38, 45, 56, 0.75);
}

.form-radio__price{
  position:absolute;
  top:4.4rem;
  right:0;
  font-size:1.5rem;
  line-height:1.4rem;
  color:var(--color-red);
}

.order-option__checkbox{
  position:relative;
}

.form__checkbox{
  position:absolute;
  visibility:hidden;
}
.form__checkbox:checked + .form__label--checkbox::before{
  background-image:url(../svg/icons/check-circle.svg);
}

.form__label--checkbox{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:0.2rem;
  min-height:3.4rem;
  padding-left:4.4rem;
  -webkit-user-select:none;
  user-select:none;
  cursor:pointer;
}
.form__label--checkbox::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:3.4rem;
  height:3.4rem;
  border:1px solid var(--color-primary);
  border-radius:50%;
  background-size:contain;
}

.form__label-title{
  position:relative;
  top:-0.2rem;
  font-size:1.6rem;
  line-height:1;
  font-weight:700;
}

.form__label-text{
  font-size:1.2rem;
  line-height:1.4rem;
  color:rgba(38, 45, 56, 0.75);
}

.captcha{
  aspect-ratio:29.1/7.5;
  max-width:29.1rem;
  background-image:url(../images/layout/captcha-291w.jpg);
  background-image:url(../images/layout/captcha-291w.webp);
  background-size:contain;
}
.webp .captcha{
  background-image:-webkit-image-set(url(../images/layout/captcha-291w.webp) 1x, url(../images/layout/captcha-582w.webp) 2x);
  background-image:image-set(url(../images/layout/captcha-291w.webp) 1x, url(../images/layout/captcha-582w.webp) 2x);
}

.captcha-wrapper{
  display:flex;
  align-items:center;
  gap:1rem;
}

.captcha-img{
  flex-shrink:0;
  width:10rem;
  height:4.8rem;
  /* background-image:url(../images/layout/captcha-2-100w.jpg); */
  background-position:center;
  background-size:contain;
}

.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-position:center;
  background-repeat:no-repeat;
  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);
}

.select-wrapper{
  position:relative;
  width:100%;
}
.select-wrapper__chevron.icon{
  position:absolute;
  top:1.7rem;
  right:2rem;
  z-index:4;
  font-size:1.5rem;
  transition:transform var(--transition-medium-cubic), color var(--transition-medium-cubic);
  pointer-events:none;
}
.reset-password-fieldset{
  justify-content:space-between;
}
.reset-password-fieldset .form__field{
  width:initial;
}
.greedy-nav{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  width:100%;
}

.greedy-items{
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  gap:0;
}
.greedy-items > .greedy-item{
  padding-right:1rem;
  white-space:nowrap;
}
.greedy-items > .greedy-item:last-child{
  padding-right:0;
}

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

.greedy-button{
  width:1.8rem;
  height:1.8rem;
}
.greedy-button:not(.is-visible){
  display:none;
}

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

.shadow-icon{
  position:relative;
  top:0.1rem;
  flex-shrink:0;
  font-size:2.2rem;
}

.icon:has(path[fill="url(#paint0_linear_1_150)"]){
  background-image:url(../svg/icons/buy-1.svg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
}
.icon:has(path[fill="url(#paint0_linear_1_150)"]) svg{
  opacity:0;
}

.icon:has(path[fill="url(#paint0_linear_1_134)"]){
  background-image:url(../svg/icons/profile-circle-2.svg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
}
.icon:has(path[fill="url(#paint0_linear_1_134)"]) svg{
  opacity:0;
}
.iti--show-selected-dial-code .iti__selected-country{
  background-color:transparent;
}

.iti__arrow{
  width:1.5rem;
  height:1.5rem;
  border:none;
  background-image:url(../svg/icons/fi-rr-angle-small-down.svg);
  background-position:center;
  background-repeat:no-repeat;
}

.iti__country-list{
  width:calc(100% - 0.5rem);
}

:root{
  --iti-spacer-horizontal:20px;
  --iti-hover-color:transparent;
}

/*! Links */
.link{
  --td-color:transparent;
  --td-color-hover:currentColor;
  --color:var(--content-link-color);
  --color-hover:var(--content-link-color-hover);
  --color-active:var(--content-link-color-active);
  display:inline-flex;
  align-items:center;
  border:none;
  line-height:inherit;
  font-weight:inherit;
  text-decoration:underline;
  text-decoration-color:var(--td-color);
  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--underlined{
  --td-color:currentColor;
  --td-color-hover:transparent;
}

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

.nav__item{
  position:relative;
  margin-bottom:0;
}

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

.nav__sublist{
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:2rem;
  max-height:0;
  margin-bottom:0;
  transition:max-height 0.2s linear;
}

.nav__sublist-toggler.is-active .icon{
  transform:rotate(180deg);
}

.nav__sublist .nav__link{
  display:block;
  text-decoration-color:transparent;
}

@keyframes sublist-appear{
  0%{
    opacity:0;
    transform:translateY(-1.6rem) translateX(-50%);
  }
}
/*! Overlay component */
.overlay{
  position:fixed;
  top:0;
  left:0;
  z-index:99;
  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;
}
.iti--inline-dropdown .iti__country-list::-webkit-scrollbar,
.custom-select-panel::-webkit-scrollbar{
  width:0.6rem;
}
.iti--inline-dropdown .iti__country-list::-webkit-scrollbar-track,
.custom-select-panel::-webkit-scrollbar-track{
  border-radius:1rem;
  margin-top:0.6rem;
  margin-bottom:0.6rem;
  background-color:var(--color-grey-1);
}
.iti--inline-dropdown .iti__country-list::-webkit-scrollbar-thumb,
.custom-select-panel::-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%);
}

.custom-select-panel::-webkit-scrollbar-track{
  margin-top:2rem;
  margin-bottom:2rem;
}

.drug-index__list::-webkit-scrollbar{
  height:0.4rem;
}
.drug-index__list::-webkit-scrollbar-track{
  border-radius:1rem;
  margin-right:1rem;
  margin-left:1rem;
  background-color:transparent;
}
.drug-index__list::-webkit-scrollbar-thumb{
  border-radius:1rem;
  background-color:rgba(255, 255, 255, 0.3);
}

.cat-nav .nav__list::-webkit-scrollbar{
  width:0.6rem;
}
.cat-nav .nav__list::-webkit-scrollbar-track{
  border-radius:1rem;
  margin-top:0.6rem;
  margin-bottom:0.6rem;
  background-color:var(--color-white);
}
.cat-nav .nav__list::-webkit-scrollbar-thumb{
  width:0.2rem;
  border-radius:2rem;
  background:#d7d7d7;
}

.cat-nav .nav__list::-webkit-scrollbar-track{
  margin-top:2rem;
  margin-bottom:2rem;
}

.cat-nav .nav__sublist::-webkit-scrollbar{
    width:0.6rem;
}
.cat-nav .nav__sublist::-webkit-scrollbar-track{
    border-radius:1rem;
    margin-top:0.6rem;
    margin-bottom:0.6rem;
    background-color:var(--color-white);
}
.cat-nav .nav__sublist::-webkit-scrollbar-thumb{
    width:0.2rem;
    border-radius:2rem;
    background:#d7d7d7;
}
.cat-nav .nav__sublist::-webkit-scrollbar-track{
    margin-top:2rem;
    margin-bottom:2rem;
}

.custom-scroll{
  --track-width:0.5rem;
  --track-vertical-offset:1rem;
  --track-color:var(--color-grey-1);
  --thumb-width:0.5rem;
  --thumb-color:var(--color-grey-2);
  --thumb-hover-color:var(--color-grey-3);
}
.custom-scroll::-webkit-scrollbar{
  width:var(--track-width);
}
.custom-scroll::-webkit-scrollbar-track{
  border-radius:1rem;
  margin-top:var(--track-vertical-offset);
  margin-bottom:var(--track-vertical-offset);
  background-color:var(--track-color);
}
.custom-scroll::-webkit-scrollbar-thumb{
  width:var(--thumb-width);
  border-radius:1rem;
  background-color:var(--thumb-color);
}
.custom-scroll::-webkit-scrollbar-thumb:hover{
  background-color:var(--thumb-hover-color);
}
@-moz-document url-prefix(){
  .custom-scroll{
    scrollbar-width:thin;
    scrollbar-color:var(--thumb-color) var(--track-color);
  }
}
.just-validate-error-label{
  display:none;
  font-size:1.2rem;
  text-align:right;
  color:var(--color-red);
}

.just-validate-error-field{
  outline:1px solid var(--color-red);
}
.just-validate-error-field:hover, .just-validate-error-field:focus-visible, .just-validate-error-field:active{
  outline:1px solid var(--color-red);
}

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

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

/*! Topbar & main header rules & promos */
.topbar{
  margin:0.6rem 0 0.9rem;
  font-size:1.3rem;
  line-height:1;
}
.topbar .container{
  display:flex;
  align-items:center;
  gap:1rem;
  max-width:140rem;
  height:1.8rem;
  padding-right:0;
}

.request-callback{
  display:inline-flex;
  flex-shrink:0;
  font-weight:700;
  height: 13px;
}

.header-phones{
  justify-content:center;
}
.header-phones.drag-nav{
  --height:1.3rem;
}
.header-phones .drag-nav-container{
  display:flex;
  gap:1rem;
}
.header-phones a{
  --color:var(--color-secondary);
  --color-hover:var(--color-primary);
  --color-active:var(--color-primary-hover);
  white-space:nowrap;
}
.header{
  min-width:32rem;
}
.header .container{
  position:relative;
  display:flex;
  flex-direction:column;
  max-width:136rem;
  padding:2rem 1.5rem 6.5rem;
  border-radius:2rem;
  background-image:url(../images/layout/header-bg-1360w.jpg);
  background-image:url(../images/layout/header-bg-1360w.webp);
  background-position:calc(50% - 0.1rem) calc(50% - 4.1rem);
  background-repeat:no-repeat;
  background-color:var(--color-primary);
}
.webp .header .container{
  background-image:-webkit-image-set(url(../images/layout/header-bg-1360w.webp) 1x, url(../images/layout/header-bg-2720w.webp) 2x);
  background-image:image-set(url(../images/layout/header-bg-1360w.webp) 1x, url(../images/layout/header-bg-2720w.webp) 2x);
}
.header .container::after{
  content:"";
  position:absolute;
  right:0;
  bottom:11.3rem;
  overflow:hidden;
  width:16.9rem;
  height:18.7rem;
  background-image:url(../images/layout/cyber-doctor-351w.png);
  background-image:url(../images/layout/cyber-doctor-351w.webp);
  background-position:bottom right -3.3rem;
  background-repeat:no-repeat;
  background-size:contain;
  pointer-events:none;
}
.webp .header .container::after{
  background-image:-webkit-image-set(url(../images/layout/cyber-doctor-351w.webp) 1x, url(../images/layout/cyber-doctor-702w.webp) 2x);
  background-image:image-set(url(../images/layout/cyber-doctor-351w.webp) 1x, url(../images/layout/cyber-doctor-702w.webp) 2x);
}

.header-controls{
  display:grid;
  grid-template-columns:17rem auto;
  row-gap:2rem;
}

.header-controls__nav-row{
  display:flex;
  align-items:center;
  gap:2rem;
  grid-column:1/3;
  min-width:0;
}

.categories-button{
  display:none;
  min-width:16rem;
  min-height:4rem;
  font-size:1.5rem;
}
.categories-button .button__close-icon{
  display:none;
}
.categories-button.is-active .button__close-icon{
  display:inherit;
}
.categories-button.is-active .button__fries-icon{
  display:none;
}

.header-nav{
  height:1.8rem;
}
.header-nav .greedy-item{
  height:2rem;
  padding-right:2rem;
}
.header-nav .greedy-button{
  --color:var(--color-white);
  --color-hover:rgba(255, 255, 255, 0.75);
  --color-active:rgba(255, 255, 255, 0.6);
  margin-left:2rem;
}
.header-nav .greedy-button.is-active .icon{
  display:none;
}
.header-nav .greedy-button.is-active .icon.is-hidden{
  display:inherit;
}
.header-nav .greedy-button .icon.is-hidden{
  display:none;
}

.header-nav-link{
  --color:var(--color-white);
  --color-hover:rgba(255, 255, 255, 0.75);
  --color-active:rgba(255, 255, 255, 0.6);
  font-size:1.3rem;
  line-height:1;
  font-weight:700;
  letter-spacing:0.004em;
}

.header-settings{
  grid-column:2;
  grid-row:2;
  display:flex;
  align-items:center;
  gap:1rem;
  margin-left:auto;
}
.header-settings .header-select-wrapper{
  height:2rem;
}
.header-settings .custom-select-container{
  display:flex;
  align-items:center;
  border:none;
  font-size:1.3rem;
  font-weight:700;
  color:var(--color-white);
  transition:color var(--transition-short-cubic);
}
.header-settings .custom-select-container:hover, .header-settings .custom-select-container:focus-visible{
  color:rgba(255, 255, 255, 0.75);
}
.header-settings .custom-select-container:hover ~ .icon, .header-settings .custom-select-container:focus-visible ~ .icon{
  color:rgba(255, 255, 255, 0.75);
}
.header-settings .custom-select-container.is-open ~ .header-select-wrapper__chevron{
  transform:rotate(-180deg);
}
.header-settings .custom-select-opener{
  height:auto;
  padding-right:1.4rem;
  padding-left:2.4rem;
  border-radius:0;
  font-size:inherit;
  background-color:transparent;
}
.header-settings .custom-select-panel{
  --offset-y:0.4rem;
  --translate-x:-50%;
  width:initial;
  padding:1rem 0 1rem;
}
.header-settings .custom-select-option{
  position:relative;
  min-width:11.6rem;
  /* width:max-content; */
  max-width:26rem;
  padding:1rem 2rem;
  font-size:1.3rem;
  line-height:1.6rem;
  text-align:center;
  color:var(--color-secondary);
  transition:background-color var(--transition-short-cubic), color var(--transition-short-cubic);
}
.header-settings .custom-select-option:hover, .header-settings .custom-select-option:focus-visible{
  background-color:var(--color-grey-1);
  color:var(--color-black);
}
.header-settings .custom-select-option:last-child::after{
  display:none;
}
.header-settings .custom-select-option::after{
  content:"";
  position:absolute;
  bottom:0;
  left:2rem;
  width:calc(100% - 4rem);
  height:1px;
  background-color:var(--color-grey-1);
}

.header-select-wrapper{
  position:relative;
  display:flex;
}
.header-select-wrapper__icon{
  position:absolute;
}
.header-select-wrapper__chevron{
  position:absolute;
  top:0.2rem;
  right:0;
  font-size:1.6rem;
  color:var(--color-white);
  transition:color var(--transition-short-cubic);
}

.header-lang{
  /* min-width:9.4rem; */
}
.header-lang .shadow-icon{
  top:0;
  left:-0.1rem;
}

.header-currency{
  min-width:6.9rem;
}
.header-currency .custom-select-option{
  min-width:10rem;
  max-width:fit-content;
}

.header-auth{
  display:none;
  align-items:center;
  gap:0.5rem;
  margin-left:-0.2rem;
  font-size:1.3rem;
  text-decoration:none;
  white-space:nowrap;
}

.header__logo{
  grid-column:1;
  grid-row:2;
  position:relative;
  top:0.7rem;
  left:-0.3rem;
  display:block;
  width:16.9rem;
  height:4.1rem;
  margin-top:-0.7rem;
}

.search-form{
  position:relative;
  grid-column:1/3;
  display:flex;
  max-width:59.4rem;
}
.search-form__label{
  width:100%;
}
.search-form__input{
  width:100%;
  height:4.8rem;
  padding:0 6rem 0 2rem;
  border:none;
  border-radius:1rem;
  font-size:1.3rem;
  background-color:rgba(255, 255, 255, 0.1);
  color:var(--color-white);
}
.search-form__input:focus-visible::placeholder{
  opacity:0;
}
.search-form__input::placeholder{
  color:rgba(255, 255, 255, 0.75);
  opacity:1;
}
.search-form__button{
  position:absolute;
  top:0;
  right:0;
  display:flex;
  justify-content:center;
  align-items:center;
  width:5.7rem;
  height:4.8rem;
  border:none;
  background-image:url(../images/icons/search-18w.png);
  background-image:url(../images/icons/search-18w.webp);
  background-position:center 1.5rem;
  background-repeat:no-repeat;
  background-color:transparent;
  opacity:1;
  transition:opacity var(--transition-medium-cubic);
}
.webp .search-form__button{
  background-image:-webkit-image-set(url(../images/icons/search-18w.webp) 1x, url(../images/icons/search-36w.webp) 2x);
  background-image:image-set(url(../images/icons/search-18w.webp) 1x, url(../images/icons/search-36w.webp) 2x);
}

.search-form__button:hover, .search-form__button:focus-visible{
  opacity:0.7;
}
.search-form__button:active{
  opacity:1;
}

.cart-button{
  position:relative;
  display:none;
  align-items:center;
  gap:1rem;
  width:fit-content;
  height:4.8rem;
  padding:0 1.5rem;
  border:none;
  border-radius:1rem;
  font-size:1.4rem;
  line-height:1;
  font-weight:700;
  letter-spacing:0.01em;
  text-decoration:none;
  background-color:rgba(255, 255, 255, 0.1);
  color:var(--color-white);
  transition:background-color var(--transition-medium-cubic);
}
.cart-button:hover, .cart-button:focus-visible{
  background-color:rgba(255, 255, 255, 0.2);
  color:var(--color-white);
}
.cart-button:active{
  background-color:rgba(255, 255, 255, 0.1);
}
.cart-button .icon{
  font-size:2.4rem;
}

.cart-button::after,
.footer-button--cart::after{
  content:attr(data-counter);
  position:absolute;
  top:0.5rem;
  left:2.9rem;
  display:flex;
  justify-content:center;
  align-items:center;
  min-width:1.8rem;
  height:1.8rem;
  border-radius:50%;
  font-size:1.2rem;
  line-height:1rem;
  background-color:var(--color-secondary);
}

.cart-button:not([data-counter])::after,
.footer-button--cart:not([data-counter])::after{
  display:none;
}
.header-info{
  display:flex;
  flex-direction:column;
  gap:2.2rem;
  width:100%;
  max-width:110rem;
  margin-top:2rem;
  color:var(--color-white);
}

.header-promo{
  display:flex;
  flex-shrink:0;
  flex-direction:column;
  max-width:28rem;
}

.header-promo__title{
  display:flex;
  align-items:flex-start;
  gap:0.5rem;
}
.header-promo__title .icon{
  font-size:2.1rem;
}

.header-promo__title-text{
  position:relative;
  top:-0.5rem;
  font-size:3rem;
  line-height:3rem;
  font-weight:700;
  background:linear-gradient(180deg, #fff 0%, #afb5ea 40%, #eff0fa 60%, #fff 100%, #fff 100%);
  -webkit-background-clip:text;
          background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 3px 0 rgba(45, 52, 113, 0.5));
}

.header-promo__text{
  padding-left:2.6rem;
  font-size:1.2rem;
  line-height:1;
}

.header-items{
  display:grid;
  grid-template-columns:15rem 15rem;
  flex-shrink:0;
  column-gap:2rem;
  row-gap:2.2rem;
  max-width:50rem;
}

.header-item{
  display:flex;
  flex-direction:column;
  gap:0.6rem;
  font-size:1.4rem;
  line-height:1;
}

.header-item__title{
  display:inline-flex;
  align-items:center;
  gap:0.6rem;
  height:2rem;
  font-weight:700;
}
.header-item__title .icon{
  position:relative;
  top:0.2rem;
  left:-0.1rem;
  font-size:2.3rem;
}

.header-bottom-row{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:2.1rem;
  max-width:114.1rem;
  margin-top:1.8rem;
}

.header-caption{
  display:grid;
  flex-shrink:0;
  grid-template-columns:3.2rem auto;
  column-gap:0.8rem;
  color:var(--color-white);
}
.header-caption .icon{
  position:relative;
  top:0.3rem;
  left:-0.1rem;
  grid-column:1;
  grid-row:1/3;
  font-size:3.2rem;
}

.header-caption__title{
  padding-top:0.4rem;
  font-size:1.3rem;
  line-height:1;
  font-weight:700;
  text-transform:uppercase;
}

.header-caption__text{
  position:relative;
  top:0.1rem;
  height:1.4rem;
  font-size:1.2rem;
  line-height:1;
}

.header-brands{
  display:flex;
  align-items:center;
  gap:2rem;
}
.drug-index{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  width:calc(100% + 1.5rem);
  height:4.8rem;
  padding-top:0.3rem;
  padding-right:0.6rem;
  padding-left:0.6rem;
  border-top-left-radius:1rem;
  border-bottom-left-radius:1rem;
  margin-top:2rem;
  font-size:1.2rem;
  background-color:rgba(255, 255, 255, 0.1);
  color:var(--color-white);
}
.drug-index .drag-nav{
  --height:3.3rem;
}

.drug-index__caption{
  flex-shrink:0;
  transform:translateY(-0.2rem);
}

.drug-index__list{
  display:flex;
  gap:0.1rem;
}
.drug-index__list.drag-nav-container{
  height:var(--height);
  padding-bottom:0;
}

.drug-index__link a {
  --color:var(--color-white);
  --color-hover:var(--color-white);
  --color-active:var(--color-white);
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:3rem;
  height:3rem;
  border-radius:0.5rem;
  text-decoration:none;
  background-color:transparent;
  color:var(--color-white);
  transition:background-color var(--transition-medium-cubic);
}
.drug-index__link {
    --color:var(--color-white);
    --color-hover:var(--color-white);
    --color-active:var(--color-white);
    display:inline-flex;
    justify-content:center;
    align-items:center;
    width:3rem;
    height:3rem;
    border-radius:0.5rem;
    text-decoration:none;
    background-color:transparent;
    color:var(--color-white);
    transition:background-color var(--transition-medium-cubic);
  }
.drug-index__link a:hover, .drug-index__link a:focus-visible{
  background-color:var(--color-secondary);
}
.drug-index__link a:active{
  background-color:var(--color-black);
}
.header--secondary .container{
  padding-bottom:2rem;
  background-position:center;
  background-size:cover;
}
.header--secondary .container::after{
  bottom:6.8rem;
}
.header--secondary .header-item{
  gap:0.9rem;
  width:100%;
}
.promos{
  position:relative;
  z-index:1;
  margin-top:1rem;
}
.promos:has(.promo-items){
  margin-top:-5rem;
}
.promos .container{
  display:flex;
  flex-direction:column;
  gap:1rem;
  max-width:120rem;
  padding:0 2rem;
  border-radius:2rem;
}

.promo-items{
  display:flex;
  flex-direction:column;
  gap:0.5rem;
  border-radius:2rem;
  background-color:var(--color-white);
  outline:0.5rem solid var(--color-white);
}

.promo-item{
  overflow:hidden;
  display:flex;
  flex:1;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  min-height:8rem;
  padding-right:1.5rem;
  padding-left:2rem;
  border-radius:2rem;
  background-color:var(--color-secondary);
  color:var(--color-white);
}
.promo-item__info{
  display:flex;
  flex-direction:column;
  padding:2rem 0;
}
.promo-item__title{
  position:relative;
  top:-0.7rem;
  margin-bottom:-0.1rem;
  font-size:2rem;
  line-height:initial;
  font-weight:700;
  background:linear-gradient(180deg, #fff 0%, #feccd1 30%, #ffecee 60%, #fff 100%, #fff 100%);
  -webkit-background-clip:text;
          background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 3px 0 var(--color-black));
}
.promo-item__title--green{
  background:linear-gradient(180deg, #fff 0%, #b6e79e 30%, #f4fdef 60%, #fff 100%, #fff 100%);
  -webkit-background-clip:text;
          background-clip:text;
}
.promo-item__text{
  line-height:1;
}
.promo-item__img{
  flex-shrink:0;
  width:12.2rem;
}

.promos-payment-methods{
  width:calc(100% + 2.5rem);
  max-width:calc(100% + 2.5rem);
  margin-left:-0.5rem;
}
.promos-payment-methods.drag-nav{
  --height:3rem;
}
.promos-payment-methods .drag-nav-container{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap: 5px;
}

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

/*! General layout structure */
.page-wrapper{
  display:flex;
  flex:1 0 auto;
  align-items:flex-start;
  padding:2rem 0;
}

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

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

.main__content{
  display:flex;
  flex-grow:1;
  flex-direction:column;
  gap:1rem;
}
.main__content .content{
  padding-top:0.8rem;
  padding-bottom:1.1rem;
}
.main__aside--mobile-first{
  order:-1;
}
.main__aside--mobile-hidden{
  display:none;
}

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

/*! Aside navigation rules */
.aside{
  display:none;
  flex-shrink:0;
  order:-1;
  width:21.2rem;
}
.aside-nav{
  display:flex;
  flex-direction:column;
  gap:1rem;
  border-radius:1rem;
}
.aside-nav .accordion-button{
  display:flex;
  align-items:center;
  width:100%;
  min-height:4.8rem;
  padding:0 1.5rem;
  border:none;
  border-radius:1rem;
  font-weight:700;
  text-align:left;
  background-color:var(--color-grey-1);
  color:var(--color-secondary);
  transition:background-color var(--transition-medium-cubic), color var(--transition-medium-cubic);
}
.aside-nav .accordion-button:hover, .aside-nav .accordion-button:focus-visible{
  background-color:var(--color-primary);
  color:var(--color-white);
}
.aside-nav .accordion-button:hover .icon, .aside-nav .accordion-button:focus-visible .icon{
  color:var(--color-white);
}
.aside-nav .accordion-button .button-text{
  min-height:2rem;
  line-height:1.7rem;
}
.aside-nav .accordion-button .icon{
  margin-left:auto;
  color:var(--color-primary);
  transition:color var(--transition-medium-cubic), transform var(--transition-medium-cubic);
}
.aside-nav .accordion-button[aria-expanded=true]{
  background-color:var(--color-primary);
  color:var(--color-white);
}
.aside-nav .accordion-button[aria-expanded=true] .icon{
  color:var(--color-white);
  transform:rotate(180deg);
}

.aside-nav__list{
  display:flex;
  flex-direction:column;
  margin-top:0.8rem;
  margin-bottom:0.7rem;
}

.aside-nav__link{
  --color:var(--color-secondary);
  --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:1.8rem;
  text-decoration:none;
}

.aside-nav__price{
  color:var(--color-primary);
}

/*! Separated raw html elements rules */
.content h1{
  margin-bottom:1.6rem;
}
.content h2{
  margin-bottom:0.6rem;
  font-size:1.8rem;
  line-height:1.7rem;
}
.content h3{
  margin-bottom:1rem;
}
.content p:not(:last-child){
  margin-bottom:1.9rem;
}
.content ul,
.content ol{
  display:flex;
  flex-direction:column;
  gap:0;
  margin-bottom:1.6rem;
}
.content ol{
  counter-reset:li;
}
.content ol li{
  display:flex;
  gap:0.5rem;
}
.content ol li::before{
  counter-increment:li;
  content:counters(li, ".", decimal) ".";
  flex-shrink:0;
  min-width:1.4rem;
}
.content ul li{
  position:relative;
  padding-left:2.4rem;
}
.content ul li::before{
  content:"•";
  position:absolute;
  top:1.2rem;
  left:0.7rem;
  width:1rem;
  height:1rem;
  font-size:1.6rem;
  line-height:0;
  font-weight:normal;
}
.content table{
  table-layout:fixed;
  width:100%;
  border-collapse:collapse;
}
.content th{
  text-align:left;
}
.content__section-mt{
  margin-top:1.6rem;
}

.content.content--help h2{
  margin-bottom:1rem;
}
.content.content--help p:not(:last-child){
  margin-bottom:0;
}
.content.content--help hr{
  margin:1.1rem 0 0.8rem;
}
.content.content--page h2{
  margin-bottom:1rem;
}

.testimonials{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(32rem, 1fr));
  gap:1rem;
}
.testimonials .testimonial{
  padding:1.6rem 1.8rem 2rem;
  border:2px solid var(--color-grey-1);
  border-radius:1.4rem;
}
.testimonials + .button--more{
  margin-top:1.6rem;
}

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

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

.subscribe__caption{
  display:flex;
  flex-shrink:0;
  flex-direction:column;
  gap:0.5rem;
  height:4.1rem;
  padding-left:4.4rem;
  background-image:url(../images/icons/at-40w.png);
  background-image:url(../images/icons/at-40w.webp);
  background-position:center left;
  background-repeat:no-repeat;
  background-size:3.4rem;
  color:var(--color-white);
}
.webp .subscribe__caption{
  background-image:-webkit-image-set(url(../images/icons/at-40w.webp) 1x, url(../images/icons/at-80w.webp) 2x);
  background-image:image-set(url(../images/icons/at-40w.webp) 1x, url(../images/icons/at-80w.webp) 2x);
}

.subscribe__title{
  font-size:1.8rem;
  line-height:1.7rem;
  font-weight:700;
}

.subscribe__text{
  font-size:1.4rem;
  line-height:1;
}

.subscribe-form{
  display:flex;
  align-items:center;
  gap:1rem;
}
.subscribe-form__label{
  width:100%;
}
.subscribe-form__input{
  width:100%;
  height:4.8rem;
  padding:0 2rem;
  border:none;
  border-radius:1rem;
  font-size:1.5rem;
  background-color:rgba(255, 255, 255, 0.1);
  color:var(--color-white);
}
.subscribe-form__input:focus-visible::placeholder{
  opacity:0;
}
.subscribe-form__input::placeholder{
  color:rgba(255, 255, 255, 0.75);
  opacity:1;
}
.subscribe-form__button{
  flex-shrink:0;
}
.footer-testimonials{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(30rem, 1fr));
  gap:2rem;
  margin:1.8rem 0 2.2rem;
}

.testimonial{
  display:flex;
  flex-direction:column;
  gap:0.5rem;
}

.testimonial__header{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
}

.testimonial__author{
  font-size:1.6rem;
  line-height:1.5rem;
  font-weight:700;
}

.testimonial__text{
  max-width:99%;
  font-size:1.3rem;
  line-height:1.8rem;
}

.testimonial__rating{
  position:relative;
  top:0.2rem;
}

.rating{
  display:flex;
  gap:0.2rem;
}

.rating__star{
  width:1.6rem;
  height:1.5rem;
  background-image:url(../svg/icons/rating-star.svg);
  background-position:center;
  background-repeat:no-repeat;
}
.footer-delivery-methods{
  width:calc(100% + 1.5rem);
  max-width:calc(100% + 1.5rem);
}
.footer-delivery-methods.drag-nav{
  --height:5rem;
}
.footer-delivery-methods .drag-nav-container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1.9rem;
  padding-right:1.5rem;
}

.footer-delivery-method{
  display:flex;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  width: 75px;
}
.footer-delivery-method svg{
    height:5rem;
}
.footer{
  width:100%;
  max-width:136rem;
  padding:4rem 0 8.8rem;
  border-radius:2rem 2rem 0 0;
  margin:2rem auto 0;
  background-color:var(--color-secondary);
}
.footer .container{
  display:flex;
  flex-direction:column;
  gap:2.8rem;
}

.footer__wrapper{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  gap:2.8rem;
}

.footer__logo{
  width:16.3rem;
  height:3.4rem;
}

.footer-nav{
  flex-grow:1;
  margin-top:-0.5rem;
}
.footer-nav .nav__list{
  flex-direction:column;
  justify-content:center;
  gap:1.3rem;
}
.footer-nav .nav__link{
  --color:var(--color-white);
  --color-hover:var(--color-primary);
  --color-active:var(--color-primary-hover);
  line-height:1;
  font-weight:700;
}

.footer__affiliate-button{
  margin-top:-0.2rem;
  text-transform:uppercase;
}

.footer__copyrights{
  font-size:1.2rem;
  line-height:1.6rem;
  text-align:center;
  color:rgba(255, 255, 255, 0.5);
}

.footer-buttons{
  position:fixed;
  right:0;
  bottom:0;
  left:0;
  z-index:101;
  display:flex;
  justify-content:center;
  align-items:center;
  height:6rem;
  border-radius:2rem 2rem 0 0;
  background-color:var(--color-primary);
}
.footer-buttons__container{
  display:flex;
  width:100%;
  max-width:43rem;
}

.footer-button{
  position:relative;
  display:flex;
  flex:1 0 0;
  flex-direction:column;
  align-items:center;
  border:none;
  font-size:1.3rem;
  line-height:1.2;
  font-weight:700;
  text-decoration:none;
  background-color:transparent;
  color:var(--color-white);
  transition:color var(--transition-medium-cubic);
}
.footer-button:hover, .footer-button:focus-visible{
  color:rgba(255, 255, 255, 0.75);
}
.footer-button .icon{
  width:2.3rem;
  height:2.3rem;
  font-size:2.3rem;
}
.footer-button .button__text{
  position:relative;
  top:0.3rem;
  font-size:inherit;
}
.footer-button--cart::after{
  top:-0.5rem;
  right:3.2rem;
  left:initial;
  min-width:1.6rem;
  height:1.6rem;
  font-size:1rem;
  background-color:var(--color-secondary);
}
.footer-button--cart .icon{
  width:2.1rem;
  height:2.1rem;
  font-size:2.1rem;
}
.footer-button--cart .button__text{
  top:0.5rem;
}

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

/*! Homepage */
.product-cards{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(16rem, 1fr));
  gap:1rem;
  width:100%;
}

.card{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:2px solid var(--color-grey-3);
  border-radius:1.4rem;
  transition:border-color var(--transition-medium-cubic);
}
.card:has(.card__link:hover, .card__button:hover){
  border-color:var(--color-primary);
}
.card:has(.card__link:hover, .card__button:hover) .card__content{
  background-color:var(--color-primary);
}
.card:has(.card__link:hover, .card__button:hover) .card__link{
  --color:var(--color-white);
  --color-hover:var(--color-white);
  --color-active:var(--color-white);
}
.card:has(.card__link:hover, .card__button:hover) .card__ingredient{
  color:rgba(255, 255, 255, 0.5);
}
.card:has(.card__link:hover, .card__button:hover) .card__price{
  color:var(--color-white);
}
.card:has(.card__link:hover, .card__button:hover) .card__button{
  --bg-color:var(--color-secondary);
  --bg-color-hover:var(--color-black);
  --bg-color-active:var(--color-secondary);
}

.card__label{
  position:absolute;
  top:0.8rem;
  right:0.8rem;
  z-index:1;
  display:inline-flex;
  align-items:center;
  min-height:1.8rem;
  padding:0.2rem 0.5rem 0;
  border-radius:0.5rem;
  font-size:1.2rem;
  line-height:1;
  font-weight:700;
  background-color:var(--color-red);
  color:var(--color-white);
}

.card__img{
  position:relative;
  z-index:0;
  align-self:center;
  aspect-ratio:1;
  width:15rem;
  margin-top:-0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card__content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  height:100%;
  padding:0.7rem 0.8rem 0.8rem;
  background-color:var(--color-grey-3);
  transition:background-color var(--transition-medium-cubic);
}

.card__title{
  margin-bottom:0.6rem;
  font-size:2rem;
  line-height:2rem;
}

.card__link{
  --color:var(--color-secondary);
  --color-hover:var(--color-primary);
  --color-active:var(--color-primary-hover);
  display:inline-flex;
  text-decoration:none;
}
.card__link::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.card__ingredient{
  margin-bottom:0.8rem;
  font-size:1.3rem;
  line-height:1;
  color:rgba(38, 45, 56, 0.5);
  transition:color var(--transition-medium-cubic);
}

.card__price{
  margin-bottom:1.2rem;
  font-size:2rem;
  line-height:1.9rem;
  font-weight:700;
  color:var(--color-primary);
  transition:color var(--transition-medium-cubic);
}

.card__button{
  position:relative;
  z-index:1;
  gap:0.5rem;
  padding:0 0.4rem;
  text-transform:uppercase;
}
:root{
  --color-primary-subtler:#8f9aff;
  --color-primary:#616ede;
  --color-primary-hover:#4350c4;
  --color-secondary:#262d38;
  --color-red:#e14c5c;
  --color-green:#68d732;
  --color-grey-1:#f0f1fa;
  --color-grey-2:#ecf4fc;
  --color-grey-3:#f1f1fa;
  --color-text-grey-1:#262d38;
  --color-black:black;
  --color-white:white;
  --html-bg-color:var(--color-white);
  --text-body-color:var(--color-secondary);
  --tab-focus-color:var(--color-primary-subtler);
  --content-link-color:var(--color-primary);
  --content-link-color-hover:var(--color-primary-hover);
  --content-link-color-active:var(--color-primary);
  --shadow-dialog:0 30px 50px 0 rgba(0, 0, 0, 0.75);
  --shadow-dropdown:0 20px 20px -15px rgba(38, 45, 56, 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(41, 56, 67, 0.5);
}

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

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

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

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

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

@media (min-width: 600px){
  br.xs{
    display:none;
  }
  br.md{
    display:none;
  }
  .dialog__title{
    font-size:3rem;
    line-height:2.1rem;
  }
  .dialog__note{
    font-size:1.5rem;
  }
  .dialog-container[data-name=call] .dialog{
    max-width:42.1rem;
    padding:6rem;
  }
  .dialog-container[data-name=call] .dialog__title{
    font-size:2.5rem;
    line-height:2.8rem;
  }
  .form.callback-form .text-field,
  .form.callback-push-form .text-field{
    margin:3rem 0;
  }
  .topbar{
    margin:1.6rem 0 1.9rem;
  }
  .header .container{
    padding:2rem 2rem 6.5rem;
    background-position:center;
    background-size:cover;
  }
  .header-controls{
    grid-template-columns:21rem auto 18rem;
  }
  .header-controls__nav-row{
    grid-column:1/4;
  }
  .header-settings{
    grid-column:2/4;
  }
  .header-auth{
    display:inline-flex;
  }
  .header__logo{
    width:21.4rem;
    height:4.8rem;
  }
  .cart-button{
    display:inline-flex;
    margin-left:auto;
  }
  .header-info{
    gap:3rem;
    margin-top:2.5rem;
  }
  .header-promo{
    max-width:33rem;
  }
  .header-promo__title{
    gap:1rem;
  }
  .header-promo__title .icon{
    font-size:3.3rem;
  }
  .header-promo__title-text{
    font-size:4.8rem;
    line-height:4.4rem;
  }
  .header-promo__text{
    padding-left:4.3rem;
    font-size:1.5rem;
    line-height:2rem;
  }
  .header-items{
    grid-template-columns:23.1rem auto;
    row-gap:3rem;
    column-gap:1.6rem;
    margin-left:4.3rem;
  }
  .header-item__title .icon{
    left:-0.3rem;
  }
  .header-bottom-row{
    gap:3rem;
    margin-top:3rem;
  }
  .header-caption{
    grid-template-columns:4.3rem auto;
    column-gap:0.7rem;
  }
  .header-caption .icon{
    top:0.1rem;
    left:-0.2rem;
    font-size:4.3rem;
  }
  .header-caption__title{
    font-size:1.5rem;
    line-height:1.4rem;
  }
  .header-caption__text{
    top:-0.3rem;
    font-size:1.4rem;
  }
  .drug-index{
    width:calc(100% + 2rem);
    padding:0.3rem 2rem 0;
    margin-top:2.8rem;
  }
  .header--secondary .container{
    padding-bottom:2.4rem;
  }
  .header--secondary .header-info{
    align-items:flex-start;
    gap:2rem;
    margin-top:1.6rem;
  }
  .header--secondary .header-promo{
    max-width:25.4rem;
  }
  .header--secondary .header-promo__title{
    gap:0.4rem;
  }
  .header--secondary .header-promo__title .icon{
    font-size:2.2rem;
  }
  .header--secondary .header-promo__title-text{
    font-size:3rem;
    line-height:3rem;
  }
  .header--secondary .header-promo__text{
    padding-left:2.6rem;
    font-size:1.2rem;
    line-height:1;
  }
  .header--secondary .header-items{
    margin-left:0;
  }
  .header--secondary .header-item{
    font-size:1.2rem;
  }
  .header--secondary .header-bottom-row{
    margin-top:2rem;
  }
  .header--secondary .header-caption{
    column-gap:0.2rem;
  }
  .header--secondary .header-caption .icon{
    font-size:3.8rem;
  }
  .header--secondary .header-caption .header-caption__title{
    font-size:1.3rem;
    line-height:1;
  }
  .header--secondary .header-caption .header-caption__text{
    font-size:1.2rem;
  }
  .header--secondary .drug-index{
    margin-top:1.8rem;
  }
  .promo-item{
    min-height:11.2rem;
    padding-right:2.6rem;
    padding-left:3rem;
  }
  .promo-item__title{
    font-size:3rem;
  }
  .promo-item__img{
    width:17.2rem;
  }
  .subscribe-form__button .icon{
    display:none;
  }
  .footer{
    padding-bottom:2.8rem;
  }
}

@media (min-width: 700px){
  .header .container::after{
    width:26rem;
    height:28.7rem;
    background-position:bottom right -2rem;
  }
  .header-settings{
    gap:2rem;
  }
  .header-lang{
    /* min-width:9.9rem; */
  }
  .header-currency{
    min-width:7.5rem;
  }
  .subscribe{
    flex-direction:row;
    align-items:center;
  }
  .subscribe-form{
    max-width:43.4rem;
  }
  .product-cards{
    grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));
    gap:1.6rem;
  }
  .product-cards.cart {
    grid-template-columns: repeat(auto-fit, minmax(23rem, 1fr));
  }
}

@media (min-width: 830px){
  body{
    --text-body-fz:1.6rem;
    --text-body-lh:2.4rem;
    background-image:url(../images/layout/footer-bg-1440w.jpg);
    background-image:url(../images/layout/footer-bg-1440w.webp);
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:contain;
  }
  .webp body{
    background-image:-webkit-image-set(url(../images/layout/footer-bg-1440w.webp) 1x, url(../images/layout/footer-bg-2880w.webp) 2x);
    background-image:image-set(url(../images/layout/footer-bg-1440w.webp) 1x, url(../images/layout/footer-bg-2880w.webp) 2x);
  }
  h1,
  .h1{
    font-size:4rem;
    line-height:4.8rem;
  }
  h3,
  .h3{
    font-size:1.6rem;
  }
  br.sm{
    display:none;
  }
  .accordion--mobile .accordion-button{
    cursor:default;
    pointer-events:none;
  }
  .accordion--mobile .accordion-panel{
    grid-template-rows:1fr;
  }
  .cat-nav .nav__heading{
    display:none;
  }
  .cat-nav .nav__list{
    width:38rem;
    padding:2rem;
    border-top-left-radius:1.4rem;
    border-bottom-left-radius:1.4rem;
    background-color:var(--color-white);
  }
  .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{
    border-radius:1rem;
  }
  .cat-nav .nav__list > .nav__item > .nav__link .icon{
    top:0;
  }
  .cat-nav .nav__list > .nav__item > .nav__link.is-active{
    --color:var(--color-white);
    --color-hover:var(--color-white);
    --color-active:var(--color-white);
    border-color:transparent;
    background-color:var(--color-secondary);
  }
  .cat-nav .nav__sublist{
    max-height:calc(80vh - 2rem) !important;
    padding:3rem;
  }
  .cat-nav .nav__sublist.is-visible{
    animation:cat-sublist-appear 0.2s cubic-bezier(0.33, 1, 0.68, 1);
  }
  .cat-nav .grid-sublist-4-col{
    align-items:center;
    row-gap:1.5rem;
    padding:2.5rem 3rem;
  }
  .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;
  }
  .form__fieldset{
    flex-direction:row;
  }
  .fieldset-panel{
    flex-direction:column;
  }
  .input-textarea{
    min-height:20rem;
    max-height:36rem;
  }
  .qty-input{
    --height:3.4rem;
    max-width:10.7rem;
  }
  .nav__sublist.is-visible{
    visibility:visible;
    max-height:initial;
    animation:sublist-appear 0.2s cubic-bezier(0.33, 1, 0.68, 1);
  }
  .just-validate-error-label{
    font-size:1.4rem;
  }
  .topbar .container{
    gap:2.9rem;
    padding-left:2rem;
  }
  .header-phones .drag-nav-container{
    gap:2.9rem;
  }
  .header{
    padding:0 2rem;
  }
  .header .container{
    padding:4rem 3rem 8rem 3rem;
    border-radius:6rem;
  }
  .header .container::after{
    bottom:0;
    width:37.5rem;
    height:41.5rem;
    border-bottom-right-radius:6rem;
    background-position:bottom right 0;
  }
  .header-controls{
    grid-template-columns:21rem auto 18.5rem 18rem;
  }
  .header-controls__nav-row{
    grid-column:1/span 2;
  }
  .categories-button{
    z-index:100;
    display:inherit;
  }
  .header-nav .greedy-item{
    height:2.8rem;
  }
  .header-nav-link{
    font-size:1.4rem;
  }
  .header-settings{
    grid-column:3/4;
    grid-row:1;
    /* margin-left:4.2rem; */
  }
  .header-settings .custom-select-opener{
    padding-right:2.1rem;
    padding-left:2.6rem;
  }
  .header-auth{
    font-size:1.3rem;
  }
  .header__logo{
    top:0;
    left:-0.4rem;
    margin-top:0.4rem;
  }
  .search-form{
    grid-column:2/4;
    margin-right:2rem;
    margin-left:1.6rem;
  }
  .cart-button{
    margin-left:0;
  }
  .header-items{
    column-gap:3rem;
  }
  .header-bottom-row{
    gap:2rem;
  }
  .drug-index{
    width:calc(100% - 0.5rem);
    border-radius:1rem;
  }
  .drug-index .drag-nav{
    padding-right:30rem;
  }
  .header--secondary .container{
    padding-bottom:4rem !important;
  }
  .header--secondary .container::after{
    bottom:0;
  }
  .promos{
    margin-top:2rem;
  }
  .promos .container{
    width:calc(100% - 8rem);
    padding:0;
  }
  .promos-payment-methods{
    width:100%;
    max-width:100%;
    margin-left:0;
  }
  .page-wrapper{
    gap:2rem;
    padding:4rem 0;
  }
  .container{
    padding-right:2rem;
    padding-left:2rem;
  }
  .main--aside{
    flex-direction:row;
    align-items:flex-start;
    gap:2rem;
  }
  .main__content{
    gap:1.6rem;
  }
  .main__content .content{
    padding-top:1.8rem;
    padding-bottom:0.1rem;
  }
  .main__aside{
    flex-shrink:0;
    width:21.2rem;
  }
  .main__aside--mobile-first{
    order:initial;
  }
  .main__aside--mobile-hidden{
    display:flex;
  }
  .content h1{
    margin-bottom:2.4rem;
    line-height:3.1rem;
  }
  .content h1 + h2{
    margin-top:-0.2rem;
  }
  .content h2{
    margin-bottom:1rem;
    font-size:2.2rem;
    line-height:2.1rem;
  }
  .content p:not(:last-child){
    margin-bottom:3rem;
  }
  .content ul,
  .content ol{
    margin-bottom:2.4rem;
  }
  .content__section-mt{
    margin-top:3rem;
  }
  .content.content--help h2{
    margin-bottom:0.5rem;
  }
  .content.content--help hr{
    margin:2.1rem 0 1.8rem;
  }
  .content.content--page h1{
    margin-bottom:2.3rem;
    line-height:3.9rem;
  }
  .content.content--page h1 + h2{
    padding-top:0.2rem;
  }
  .content.content--page p:not(:last-child){
    margin-bottom:2.4rem;
  }
  .content.content--about p:not(:last-child){
    margin-bottom:2rem;
  }
  .testimonials{
    gap:1.6rem;
  }
  .mb-1{
    margin-bottom:1rem !important;
  }
  .mb-2{
    margin-bottom:2rem !important;
  }
  .mb-24{
    margin-bottom:2.4rem !important;
  }
  .mb-3{
    margin-bottom:3rem !important;
  }
  .subscribe{
    min-height:12.8rem;
    padding:3rem 4rem;
  }
  .subscribe__caption{
    min-height:4.7rem;
    padding-left:5rem;
    background-position:0 calc(50% + 0.1rem);
    background-size:4rem;
  }
  .subscribe__title{
    font-size:2.2rem;
    line-height:2.1rem;
  }
  .subscribe__text{
    font-size:1.6rem;
  }
  .subscribe-form{
    width:100%;
  }
  .subscribe-form__button{
    min-width:12.4rem;
    text-transform:uppercase;
  }
  .footer-testimonials{
    gap:3.6rem;
    margin:5.8rem 0 6.2rem;
    grid-template-columns:repeat(auto-fit, minmax(40rem, 1fr));
  }
  .testimonial{
    gap:1.5rem;
  }
  .testimonial__author{
    font-size:1.8rem;
    line-height:1.7rem;
  }
  .testimonial__text{
    font-size:1.5rem;
    line-height:2rem;
  }
  .rating__star{
    width:1.8rem;
    height:1.7rem;
  }
  .footer-delivery-methods{
    width:100%;
    max-width:100%;
  }
  .footer-delivery-methods .drag-nav-container{
    padding-right:0;
  }
  .footer__logo{
    width:20.5rem;
    height:4.4rem;
  }
  .footer-nav .nav__list{
    flex-direction:row;
    gap:2rem;
  }
  .footer-buttons{
    display:none;
  }
  .card__img{
    width:17.5rem;
  }
  .card__content{
    padding:1.7rem 1.8rem 1.8rem;
  }
  .card__title{
    margin-bottom:0.6rem;
    font-size:2.4rem;
    line-height:2.4rem;
  }
  .card__ingredient{
    font-size:1.4rem;
  }
  .card__price{
    margin-bottom:1.2rem;
    font-size:2.4rem;
    line-height:2.3rem;
  }
  .card__button{
    gap:1rem;
  }
}

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

@media (min-width: 1100px){
  .search-form{
    grid-column:2;
  }
  .search-form__input{
    font-size:1.5rem;
  }
  .header-info{
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    gap:0;
    padding-right:20rem;
  }
  .header-items{
    margin-left:auto;
    column-gap:1.6rem;
  }
  .header-bottom-row{
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    gap:1rem;
    padding-right:29rem;
  }
  .header--secondary .container::after{
    height:33rem;
    background-position:right bottom -12.5rem;
    background-size:35.1rem;
  }
  .header--secondary .header-info{
    gap:1rem;
    padding-right:21.2rem;
  }
  .header--secondary .header-items{
    display:flex;
    align-items:flex-start;
    max-width:57.9rem;
  }
  .header--secondary .header-item:nth-child(1){
    max-width:9.9rem;
  }
  .header--secondary .header-item:nth-child(2){
    max-width:13.3rem;
  }
  .header--secondary .header-item:nth-child(3){
    max-width:14.9rem;
  }
  .header--secondary .header-item:nth-child(4){
    max-width:10.8rem;
  }
  .header--secondary .header-bottom-row{
    justify-content:space-between;
    width:100%;
    max-width:73.4rem;
    padding-right:0;
    margin-right:auto;
  }
  .promo-items{
    flex-direction:row;
    gap:1rem;
    outline-width:1rem;
  }
  .promo-item{
    flex-basis:calc(50% - 0.5rem);
  }
  .promo-item:last-child{
    padding-right:3rem;
  }
  .promo-item__title{
    top:-1rem;
    margin-bottom:-0.5rem;
  }
  .aside{
    display:block;
  }
}

@media (min-width: 1280px){
  br.lg{
    display:initial;
  }
  .cat-nav{
    width:calc(100% - 16rem);
  }
  .header{
    padding:0 4rem;
  }
  .header .container{
    padding:4rem 7.5rem 8rem 8rem;
  }
  .header-items{
    column-gap:3rem;
  }
  .drug-index .drag-nav{
    padding-right:25rem;
  }
  .header--secondary .container::after{
    height:29rem;
    background-size:35.1rem;
  }
  .page-wrapper{
    gap:3.2rem;
  }
  .container{
    padding-right:4rem;
    padding-left:4rem;
  }
  .main--aside{
    gap:3.2rem;
  }
  .footer-testimonials{
    grid-template-columns:repeat(auto-fit, minmax(27.3rem, 1fr));
  }
  .footer{
    padding:4rem 0;
    border-radius:3rem;
    margin-bottom:2rem;
  }
  .footer__wrapper{
    flex-direction:row;
    gap:2rem;
  }
  .footer-nav .nav__link{
    font-size:1.5rem;
  }
  .footer__affiliate-button{
    margin-top:0;
  }
}

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

@media (max-width: 959.98px){
  .nav__sublist > .nav__item:first-child{
    padding-top:2rem;
  }
}

@media (max-width: 829.98px){
  .cat-nav{
    position:fixed;
    top:0;
    right:0;
    display:flex;
    width:100%;
    max-width:39rem;
    height:100%;
    max-height:initial;
    border-radius:0;
    margin-left:-1.5rem;
    background-color:var(--color-white);
    transform:translateX(100%);
    transition:transform var(--transition-long-cubic);
  }
  .cat-nav.is-visible{
    transform:translateX(0%);
    transition:transform var(--transition-long-cubic);
  }
  .cat-nav .nav-container{
    flex-direction:column;
    padding:2.7rem 2rem 6.8rem;
  }
  .cat-nav .nav__list{
    width:calc(100% + 2rem);
    height:100%;
    max-height:initial;
    padding-right:2rem;
  }
  .cat-nav .nav__list > .nav__item > .nav__link{
    padding:0.8rem 0 1.2rem;
  }
  .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-white);
    transform:translateX(100%);
    transition:transform var(--transition-long-cubic);
  }
  .cat-nav .nav__sublist.is-visible{
    padding-bottom:6.8rem;
    transform:translateX(0%);
  }
  .cat-nav .sublist-4-col{
    width:100%;
  }
  .cat-nav .grid-sublist-4-col{
    display:flex;
    flex-direction:column;
    gap:1.5rem;
    width:100%;
  }
  .main__content:has(+ .main__aside--mobile-first) .main__heading{
    display:none;
  }
}

@media (max-width: 599.98px){
  .dialog{
    --horizontal-margin:0;
    max-width:36rem;
    padding:3rem 2rem;
  }
  .fieldset-panel{
    padding:1.2rem;
  }
  .form-legend{
    top:-1.2rem;
    left:-1.2rem;
    width:calc(100% + 2.4rem);
    min-height:3.9rem;
    padding:1.2rem;
    margin-bottom:-2rem;
    font-size:1.6rem;
    line-height:1.5rem;
  }
  .fieldset--3-col,
  .fieldset--2-col{
    gap:2rem;
  }
  .fieldset--mobile-row{
    flex-direction:row;
  }
  .form-radio{
    gap:0.4rem;
    min-height:3rem;
    padding-top:0;
    padding-left:4rem;
  }
  .form-radio::before{
    top:50%;
    width:3rem;
    height:3rem;
    transform:translateY(-50%);
  }
  .form-radio__title{
    gap:0.5rem;
    margin:auto 0;
    font-size:1.4rem;
    line-height:1;
  }
  .form-radio__title .icon{
    font-size:1.6rem;
  }
  .form-radio__price{
    top:0;
    font-size:1.3rem;
    line-height:1;
  }
  .form__label--checkbox{
    gap:0.4rem;
    min-height:3rem;
    padding-left:4rem;
  }
  .form__label--checkbox::before{
    top:50%;
    width:3rem;
    height:3rem;
    transform:translateY(-50%);
  }
  .form__label-title{
    top:0;
    font-size:1.4rem;
  }
  .header-currency .custom-select-panel{
    --translate-x:10%;
    right:0;
    left:unset;
  }
  .header-item{
    gap:0.8rem;
    font-size:1.2rem;
  }
  .header-item__title{
    gap:0.2rem;
  }
  .header-brands{
    gap:1rem;
    max-width:24.6rem;
  }
  .drug-index__caption{
    display:none;
  }
  .header--secondary .header-items{
    row-gap:2rem;
  }
  .page-wrapper:has(.main__aside){
    padding-top:1rem;
    padding-bottom:1rem;
  }
  .vw-container{
    min-width:32rem;
    width:100%;
    margin-left:initial;
  }
  .content ul li{
    padding-left:1.6rem;
  }
  .content ul li::before{
    top:1rem;
    left:0.2rem;
    font-size:1rem;
  }
  .subscribe-form__button{
    width:4.8rem;
    padding:0;
  }
  .subscribe-form__button .button-text{
    display:none;
  }
  .subscribe-form__button .icon{
    position:relative;
    top:0.2rem;
  }
}

@media (max-width: 389.98px){
  .header-nav .greedy-item{
    padding-right:1.3rem;
  }
  .header-nav .greedy-button{
    margin-left:1.3rem;
  }
  .header-settings .custom-select-opener{
    padding-left:0;
  }
  .header-select-wrapper__icon{
    display:none;
  }
  .header-lang{
    min-width:7.2rem;
  }
  .header-currency{
    min-width:4.8rem;
  }
  .promo-item__info{
    flex-shrink:0;
    max-width:18rem;
  }
}

@media (max-width: 359.98px){
  .dialog-container[data-name=call] .dialog{
    padding:3rem 2rem;
  }
  .dialog-container[data-name=call] .dialog__title{
    font-size: 2rem;
    line-height:2.6rem;
  }
  .header .container::after{
    opacity:0.4;
  }
  .header-nav{
    width:23rem;
  }
  .header-currency .custom-select-panel{
    --translate-x:0%;
  }
  .header-items{
    z-index:1;
    column-gap:0;
  }
  .footer-button .button__text{
    font-size:1.1rem;
  }
}

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

.ac_results {
    border: 1px solid var(--content-link-color);
    border-radius: 10px;
    background-color: Window;
    overflow: hidden;
    text-align: left;

    position: absolute !important;
    z-index: 10000;
    left: unset;
    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: Window;
      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);
}

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

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

.select_header_gift {
    align-items: center;
    background-color: var(--color-white);
    border-radius: 1rem;
    display: flex;
    justify-content: space-between;
    font-size: 1.5rem;
    font-weight: 700;
    height: 4.8rem;
    overflow: hidden;
    padding-left: 2rem;
    padding-right: 2rem;
    position: relative;
    width: 100%;
    max-width: 300px;
    z-index: 2;
    gap: 10px;
}

.select_header_gift:hover {
    cursor: pointer;
}

.select_body_gifts {
    --offset-y: 0.1rem;
    --translate-x: 0%;
    background-color: var(--color-white);
    border-radius: 1rem;
    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;
}

.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 {
    background-color: var(--color-grey-1);
    color: var(--color-black);
}

.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-white);
}
.select_body_gifts::-webkit-scrollbar-thumb{
    width:0.2rem;
    border-radius:2rem;
    background:#d7d7d7;
}
.select_body_gifts::-webkit-scrollbar-track{
    margin-top:2rem;
    margin-bottom:2rem;
}

@media (max-width: 545px) {
    .select_body_gifts {
        max-width: 195px;
    }
}

@media (max-width: 435px) {
    .select_body_gifts {
        max-width: 109px;
    }
}

.popup_gray{
    position: fixed;
    top: 0;
    background-color: rgb(171 171 171 / 60%);
    width: 100%;
    height: 100%;
    z-index: 1001;
  }

  .popup_call{
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    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: var(--color-primary-hover);
  }

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

  .message_sended.hidden{
    display: none;
  }

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

@media (max-width: 360px) {
    .cart-total__price {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
}

.info-panel__row .more {
    text-decoration: underline;
  }

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

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

  .christmas{
    width: 100%;
    cursor: pointer;
    margin: 20px auto 0 auto;
    min-width: 32rem;
    width: 100%;
    max-width: 120rem;
  }

  .christmas img {
    width: 100%;
  }

  .contact_subject{
    display: flex;
    justify-content:space-between;
    align-items:center;
    gap:1rem;
  }

  .contact_subject .select-wrapper{
    max-width:30rem;
    margin-left:auto;
  }

  #new_subject_block {
    display: flex;
    width: 100%;
}

.select_subject {
    width: 100%;
}

.select_header_subject {
    align-items: center;
    background-color: var(--color-white);
    border: var(--border-width) solid var(--border-color);
    border-radius: var(--border-radius);
    display: flex;
    justify-content: space-between;
    font-size: 1.5rem;
    font-weight: 700;
    height: 4.8rem;
    overflow: hidden;
    padding-left: 2rem;
    padding-right: 2rem;
    position: relative;
    width: 100%;
    z-index: 2;
    gap: 10px;
}

.select_header_subject:hover {
    cursor: pointer;
}

  .select_body_subjects {
    --offset-y: 0.1rem;
    --translate-x: 0%;
    background-color: var(--color-white);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-dropdown);
    display: none;
    padding: 1rem 0;
    transform: translate3d(var(--translate-x), var(--offset-y), 0);
    position: absolute;
    width: 100%;
}

.select_subject.is-active .select_body_subjects {
    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_subject {
    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_subject:hover {
    background-color: var(--color-grey-1);
    color: var(--color-black);
}

.select_body_subjects::-webkit-scrollbar{
    width:0.6rem;
}
.select_body_subjects::-webkit-scrollbar-track{
    border-radius:1rem;
    margin-top:0.6rem;
    margin-bottom:0.6rem;
    background-color:var(--color-white);
}
.select_body_subjects::-webkit-scrollbar-thumb{
    width:0.2rem;
    border-radius:2rem;
    background:#d7d7d7;
}
.select_body_subjects::-webkit-scrollbar-track{
    margin-top:2rem;
    margin-bottom:2rem;
}

.cmcmodal{
    animation-name: modalFadeInOut;
    animation-timing-function: ease-in-out;
    animation-duration: 8s;
    animation-direction: alternate;
    /* width: 30%; */
    position: fixed;
    bottom:50%;
    right: 1%;
    padding: 20px;
    background: var(--color-primary);
    box-sizing: border-box;
    border-radius: 15px;
    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;
    /* width: 25%; */
    position: fixed;
    bottom:50%;
    right: 1%;
    padding: 20px;
    background: var(--color-primary);
    box-sizing: border-box;
    border-radius: 15px;
    opacity: 0;
    transition: opacity 2s;
    color: white;
  }

  .modal_cart.hidden {
      display: none;
  }

  /* @media only screen and (max-width: 767px) {

    .cmcmodal {
      width: 100%;
      bottom: 0%;
    }

    .modal_cart {
      width: 100%;
      bottom: 0%;
    }
  } */

  @media only screen and (max-width: 410px) {
    .modal_cart {
        max-width: 280px;
    }
  }

  @keyframes modalFadeInOut {
    0% {
    opacity:0;
  }
  2% {
    opacity:0.1;
  }
  5% {
    opacity:0.2;
  }
  10% {
    opacity:0.5;
  }
  15% {
    opacity:0.7;
  }
  20% {
    opacity:1;
  }
  80% {
    opacity:1;
  }
  85% {
    opacity:0.7;
  }
  90% {
    opacity:0.5;
  }
  95% {
    opacity:0.2;
  }
  98% {
    opacity:0.1;
  }
  100% {
  opacity:0;
  }
  }

  .sitemap_menu{
    display: flex;
    justify-content: center;
    font-weight: 500;
    color: #ffffff;
    transition: color 0.3s ease;
}

.sitemap_menu a{
    color: #ffffff;
}

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