@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;
}
@font-face{
  font-family:"Neue Machina";
  src:url(../fonts/neue-machina-bold.woff2) format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:fallback;
}
@font-face{
  font-family:"Neue Machina";
  src:url(../fonts/neue-machina-black.woff2) format("woff2");
  font-weight:900;
  font-style:normal;
  font-display:fallback;
}
:root{
  --font-neue-machina:"Neue Machina", sans-serif;
}

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

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

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

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

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

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

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

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

body{
  --text-body-ff:var(--font-neue-machina);
  --text-body-fz:1.6rem;
  --text-body-lh:2rem;
  overflow-x:hidden;
  display:flex;
  flex-direction:column;
  min-width:32rem;
  min-height:100%;
  height:auto;
  font-family:var(--text-body-ff);
  font-size:var(--text-body-fz);
  line-height:var(--text-body-lh);
  font-weight:400;
  background-image:url(../img/layout/body-bg-768w.jpg);
  background-image:url(../img/layout/body-bg-768w.webp);
  background-repeat:no-repeat;
  background-position:center top;
  background-size:76.8rem;
  color:var(--text-body-color);
  -webkit-font-smoothing:antialiased;
  font-variant-numeric:lining-nums;
}
.webp body{
  background-image:-webkit-image-set(url(../img/layout/body-bg-768w.webp) 1x, url(../img/layout/body-bg-1536w.webp) 2x);
  background-image:image-set(url(../img/layout/body-bg-768w.webp) 1x, url(../img/layout/body-bg-1536w.webp) 2x);
}
body.no-transitions *{
  transition:none !important;
}
body.no-transitions *::before, body.no-transitions *::after{
  transition:none !important;
}
body.is-locked{
  position:fixed;
  top:var(--top-body-offset);
  width:100%;
}

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

.h1{
  font-size:2.8rem;
  line-height:2.8rem;
  font-weight:900;
}

.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;
  color:var(--color);
  transition-property:var(--transition-props-color);
  transition-timing-function:var(--transition-func-cubic);
  transition-duration:var(--transition-duration-short);
}
a:hover, a:focus-visible{
  text-decoration-color:currentColor;
  color:var(--color-hover);
}
a:active{
  color:var(--color-active);
}

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

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

select{
  visibility:hidden;
}

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

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

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

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

progress{
  vertical-align:baseline;
}

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

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

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

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

address{
  font-style:normal;
}

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

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

.hr{
  height:0.1rem;
  margin:2rem 0;
  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{
  border-style:none;
  padding:0;
}

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

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

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

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

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

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

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

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

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

.form-legend{
  margin-bottom:1rem;
  font-size:2.4rem;
  font-weight:500;
}

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

/*! Text fields & textarea */
.form__label{
  display:block;
  order:-1;
  font-size:1.2rem;
  line-height:1;
}

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

.form__text-input{
  width:100%;
  min-height:var(--input-height);
  border:var(--border-width) solid var(--border-color);
  border-radius:var(--border-radius);
  padding:var(--input-padding);
  font-size:2rem;
  font-weight:700;
  background-color:var(--bg-color);
  box-shadow:var(--shadow-primary);
  transition:border-color var(--transition-medium-cubic);
}
.form__text-input:hover{
  border-color:var(--border-color-hover);
}
.form__text-input:focus-visible{
  border-color:var(--border-color-focus);
  outline:none;
}
.form__text-input:focus-visible::placeholder{
  opacity:0;
}
.form__text-input::placeholder{
  color:var(--placeholder-color);
  opacity:1;
}

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

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

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

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

.label-file{
  order:initial;
}

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

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

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

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

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

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

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

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

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

.radio-input-control{
  position:absolute;
  top:50%;
  left:0;
  display:flex;
  justify-content:center;
  align-items:center;
  width:var(--radio-size);
  height:var(--radio-size);
  border:1px solid var(--border-color);
  border-radius:50%;
  background-color:var(--bg-color);
  transform:translateY(-50%);
  transition:border-color var(--transition-medium-cubic);
}
.radio-input-control::before{
  content:"";
  width:var(--check-size);
  height:var(--check-size);
  border-radius:50%;
  background-color:var(--check-color);
  transform:scale(0);
}

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

/*! Quantity input */
.qty-input{
  --height:5rem;
  display:flex;
  flex-shrink:0;
  align-items:center;
  width:100%;
  max-width:10rem;
  border:1px solid var(--color-primary);
  border-radius:1rem;
  padding:0 0.9rem;
}

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

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

.qty-input__minus,
.qty-input__plus{
  position:relative;
  display:flex;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  width:2.4rem;
  height:2.4rem;
  border:none;
  background-color:transparent;
  color:var(--color-primary);
  transition:background-color var(--transition-medium-cubic), color var(--transition-medium-cubic), opacity var(--transition-medium-cubic);
  -webkit-user-select:none;
          user-select:none;
}
.qty-input__minus:hover, .qty-input__minus:focus-visible,
.qty-input__plus:hover,
.qty-input__plus:focus-visible{
  color:var(--color-primary-hover);
}
.qty-input__minus:active,
.qty-input__plus:active{
  opacity:0.6;
}
.qty-input__minus .icon,
.qty-input__plus .icon{
  font-size:2rem;
}

.form{
  --border-width:0.1rem;
  --border-radius:1rem;
  --border-color:var(--color-white);
  --border-color-hover:var(--color-gray-1);
  --border-color-focus:var(--color-gray-1);
  --input-height:5rem;
  --input-padding:0 2rem;
  --placeholder-color:var(--color-gray-3);
  --bg-color:var(--color-white);
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.reset-password-fieldset{
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
}
.reset-password-fieldset .form__field{
  width:initial;
}

/*! 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;
  text-decoration:underline;
  text-decoration-color:var(--td-color);
  text-underline-offset:0.15em;
  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--underline{
  --td-color:currentColor;
  --td-color-hover:transparent;
}
.link--inline{
  display:inline;
}

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

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

/*! Buttons */
.button{
  --border-color:var(--color-primary);
  --border-color-hover:var(--color-primary);
  --bg-color:var(--color-primary);
  --bg-color-hover:var(--color-primary);
  --color:var(--color-white);
  --color-hover:var(--color);
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:1rem;
  min-height:6rem;
  border:0 solid var(--border-color);
  border-radius:2rem;
  padding:1.8rem 3rem 2.2rem;
  font-size:2rem;
  line-height:1;
  font-weight:700;
  text-decoration:none;
  text-align:center;
  background-image:linear-gradient(90deg, var(--gradient-primary-color) 0%, var(--gradient-secondary-color) 100%);
  background-color:var(--bg-color);
  color:var(--color);
  transition-property:transform, opacity, --gradient-secondary-color, var(--transition-props-color);
  transition-timing-function:var(--transition-func-cubic);
  transition-duration:var(--transition-duration-medium);
  cursor:pointer;
}
.button:hover, .button:focus-visible{
  --gradient-secondary-color:var(--color-primary);
  background-color:var(--bg-color-hover);
  color:var(--color-hover);
}
.button:active{
  opacity:0.8;
}
.button .icon{
  flex-shrink:0;
}

.button--sm{
  min-height:5rem;
  border-radius:1.2rem;
  padding:1.6rem 2rem 2rem;
  font-size:1.4rem;
}
.button--sm.button--outlined{
  padding:1.5rem 1.9rem 1.9rem;
}

.button--white{
  --border-color:var(--color-white);
  --border-color-hover:var(--color-white);
  --bg-color:var(--color-white);
  --bg-color-hover:var(--color-white);
  --color:var(--color-black);
  --color-hover:var(--color-primary);
  background-image:none;
}

.button--black{
  --border-color:var(--color-black);
  --border-color-hover:var(--color-white);
  --bg-color:var(--color-black);
  --bg-color-hover:var(--color-white);
  --color:var(--color-white);
  --color-hover:var(--color-primary);
  background-image:none;
}

.button--accent{
  --border-color:var(--color-accent);
  --border-color-hover:var(--color-white);
  --bg-color:var(--color-accent);
  --bg-color-hover:var(--color-white);
  --color:var(--color-white);
  --color-hover:var(--color-primary);
  background-image:none;
}

.button--outlined{
  --border-color:var(--color-primary);
  --border-color-hover:var(--color-primary);
  --bg-color:var(--color-white);
  --bg-color-hover:var(--bg-white);
  --color:var(--color-black);
  --color-hover:var(--color-primary);
  border-width:0.1rem;
  background-image:none;
}
.button--outlined.button--accent{
  --border-color:var(--color-accent);
  --border-color-hover:var(--color-accent);
  --bg-color:transparent;
  --bg-color-hover:transparent;
  --color:var(--color-accent);
  --color-hover:var(--color-white);
  background-image:none;
}

.feed-more-button{
  grid-column:1/-1;
  width:fit-content;
  margin:0 auto;
}

.cart-button{
  min-height:4rem;
  border-radius:1rem;
  padding:0.2rem 2rem 0.2rem;
  font-size:1.4rem;
  line-height:1;
}
.cart-button[data-items]::after{
  content:attr(data-items);
  color:var(--color-primary);
}
.cart-button[data-items="0"]::after{
  display:none;
}
.accordion-item{
  --animation-duration:0.3s;
}
.accordion-item.is-open > .accordion-button .icon{
  transform:rotate(180deg);
}
.accordion-item.is-open > .accordion-panel{
  max-height:unset;
  animation:none;
}
.accordion-item.is-open.is-animating .accordion-panel{
  max-height:var(--accordion-height);
  animation:accordionSlideDown var(--animation-duration);
}

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

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

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

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

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

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

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

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

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

.dialog-wrapper{
  position:relative;
  overflow-y:auto;
  height:100%;
  border-radius:var(--dialog-border-radius);
  padding:2.7rem 1rem 3rem;
}

.dialog__close-button{
  position:absolute;
  top:2rem;
  right:2rem;
  z-index:1;
  aspect-ratio:1/1;
  width:2.4rem;
  margin:0;
  border:none;
  padding:0;
  background-color:transparent;
  color:var(--color-gray-1);
  transition:opacity var(--transition-medium-cubic);
}
.dialog__close-button:hover, .dialog__close-button:focus-visible{
  opacity:0.6;
}
.dialog__close-button .icon{
  font-size:2.4rem;
}

.dialog-header{
  margin-bottom:2.3rem;
}

.dialog-title{
  font-size:2.4rem;
  line-height:2.3rem;
  font-weight:900;
}

.dialog-footer{
  position:fixed;
  right:0;
  bottom:0;
  left:0;
  z-index:100;
  width:100%;
  max-width:48rem;
  min-height:var(--dialog-footer-height);
  margin:0 auto;
  border-radius:2rem 2rem 0 0;
  padding:1rem;
  background-color:var(--color-white);
  box-shadow:0 -10px 10px 0 rgba(0, 0, 0, 0.1);
}

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

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

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

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

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

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

.drawer-overlay.overlay{
  display:none;
}

/*! Dropdown component */
.dropdown{
  --dropdown-offset:10px;
  --dropdown-cross-offset:0;
  --dropdown-alignment-offset:0;
  position:relative;
}
.dropdown[data-dropdown-hover] .dropdown-container{
  margin:calc(var(--dropdown-offset) * -1);
  padding:var(--dropdown-offset);
}

.dropdown-container{
  position:absolute;
  top:0;
  left:0;
  z-index:10;
  display:none;
}
.dropdown-container.is-visible{
  display:flex;
  animation:dropdown-container-appear 0.2s;
}

.dropdown-panel{
  --scrollbar-padding:1rem;
  gap:1.6rem;
  min-width:20rem;
  width:100%;
  max-width:30rem;
  border-radius:2.4rem;
  padding:2rem calc(2rem - var(--scrollbar-padding)) 2rem 2rem;
  background-color:var(--color-white);
  box-shadow:var(--shadow-menu);
}

@keyframes dropdown-container-appear{
  from{
    transform:translateY(1rem);
  }
}
.dropdown-content{
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  width:100%;
  max-height:30rem;
  padding-right:var(--scrollbar-padding);
}
.dropdown-button--select[aria-expanded=true] .dropdown-button__arrow{
  transform:rotate(180deg);
}

.dropdown-button__arrow{
  margin-left:0.5rem;
  transition:transform var(--transition-medium-cubic);
}

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

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

.nav__item[data-dropdown]{
  --dropdown-offset:10px;
  --dropdown-cross-offset:0;
  --dropdown-alignment-offset:0;
}

.nav__link{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
}
.nav__link[data-label]{
  position:relative;
}
.nav__link[data-label]::after{
  content:attr(data-label);
  position:absolute;
  top:-1.6rem;
  right:1.8rem;
  width:fit-content;
  height:fit-content;
  border-radius:0.5rem;
  padding:0.4rem 0.7rem;
  font-size:1rem;
  line-height:0.7rem;
  font-weight:700;
  white-space:nowrap;
  background-color:var(--color-primary);
  color:var(--color-white);
  transform:rotate(5deg);
}
.nav__link .icon{
  margin-left:0.6rem;
  font-size:2.2rem;
  transition:transform var(--transition-medium-cubic);
}

.nav__item:first-child .nav__link[data-label]::after{
  top:-1.2rem;
  right:1.8rem;
}

.sublist-toggler[aria-expanded=true] .icon{
  transform:rotate(180deg);
}
.sublist-toggler:not(.sublist-toggler--level-1){
  overflow:hidden;
  width:100%;
}

.sublist-container{
  --scrollbar-padding:1rem;
  display:grid;
  grid-template-rows:0fr;
  margin:calc(var(--dropdown-offset) * -1);
  padding:var(--dropdown-offset);
  transition:grid-template-rows 0.2s linear;
}

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

.sublist-panel{
  overflow-y:hidden;
}

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

/*! Main navbar component */
.navbar{
  display:flex;
}
.navbar .nav__link{
  --color:var(--color-black);
  --color-hover:var(--color-primary);
  --color-active:var(--color-secondary);
}
.navbar .nav__logo{
  overflow:hidden;
  width:36.1rem;
  height:9.5rem;
  margin:-1rem -2rem;
  -webkit-mask-image:radial-gradient(ellipse, black 50%, transparent 70%);
          mask-image:radial-gradient(ellipse, black 50%, transparent 70%);
  -webkit-mask-size:100% 9rem;
          mask-size:100% 9rem;
  -webkit-mask-position:left 0 top -0.2rem;
          mask-position:left 0 top -0.2rem;
  -webkit-mask-repeat:no-repeat;
          mask-repeat:no-repeat;
  background-image:url(../img/layout/logo-bg-628w.jpg), url(../universe.gif);
  background-repeat:no-repeat;
  background-position:center, top 1.8rem right 3.5rem;
  background-size:cover, 9rem;
  background-blend-mode:multiply;
  transform:translateY(0.4rem);
}
.navbar .nav__logo img{
  width:calc(100% - 4rem);
  transform:translateX(0.5rem);
}

.navbar-toggler{
  display:none;
}
.navbar-close{
  --color:var(--color-gray-1);
  --color-hover:var(--color-gray-1);
  --color-active:var(--color-gray-1);
  position:absolute;
  top:1rem;
  right:1rem;
  color:var(--color-gray-1);
  transition:opacity var(--transition-medium-cubic);
}
.navbar-close:hover, .navbar-close:focus-visible{
  opacity:0.5;
}

/*! Overlay component */
.overlay{
  position:fixed;
  top:0;
  left:0;
  z-index:100;
  visibility:hidden;
  width:100%;
  height:100%;
  background-color:var(--color-overlay-bg);
  opacity:0;
  transition:var(--transition-overlay);
  cursor:pointer;
}

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

.dialog-overlay{
  z-index:101;
}
.custom-scrollbar,
.nav__sublist,
.dropdown-content{
  --track-width:0.5rem;
  --track-vertical-offset:0;
  --track-color:var(--color-gray-1);
  --thumb-width:0.5rem;
  --thumb-color:var(--color-gray-2);
  --thumb-hover-color:var(--color-gray-3);
}
.custom-scrollbar::-webkit-scrollbar,
.nav__sublist::-webkit-scrollbar,
.dropdown-content::-webkit-scrollbar{
  width:var(--track-width);
}
.custom-scrollbar::-webkit-scrollbar-track,
.nav__sublist::-webkit-scrollbar-track,
.dropdown-content::-webkit-scrollbar-track{
  margin-top:var(--track-vertical-offset);
  margin-bottom:var(--track-vertical-offset);
  border-radius:1rem;
  background-color:var(--track-color);
}
.custom-scrollbar::-webkit-scrollbar-thumb,
.nav__sublist::-webkit-scrollbar-thumb,
.dropdown-content::-webkit-scrollbar-thumb{
  width:var(--thumb-width);
  border-radius:1rem;
  background-color:var(--thumb-color);
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover,
.nav__sublist::-webkit-scrollbar-thumb:hover,
.dropdown-content::-webkit-scrollbar-thumb:hover{
  background-color:var(--thumb-hover-color);
}
@-moz-document url-prefix(){
  .custom-scrollbar,
  .nav__sublist,
  .dropdown-content{
    scrollbar-width:thin;
    scrollbar-color:var(--thumb-color) var(--track-color);
  }
}
/*! Swiper.js */
.swiper{
  min-width:0;
  width:100%;
  -webkit-user-select:none;
          user-select:none;
}

.swiper-button-next,
.swiper-button-prev{
  --swiper-navigation-color:var(--color-primary);
  display:flex;
  justify-content:center;
  align-items:center;
  transition:transform var(--transition-medium-cubic);
  outline:0;
  -webkit-user-select:none;
          user-select:none;
}
.swiper-button-next:hover, .swiper-button-next:focus-visible,
.swiper-button-prev:hover,
.swiper-button-prev:focus-visible{
  --swiper-navigation-color:var(--color-black);
}
.swiper-button-next:active,
.swiper-button-prev:active{
  transform:translateY(0.2rem);
}
.swiper-button-next.swiper-button-lock,
.swiper-button-prev.swiper-button-lock{
  display:none;
}

.swiper-button-next:after,
.swiper-button-prev:after{
  --swiper-navigation-size:2.4rem;
  content:"";
  width:100%;
  height:100%;
  -webkit-mask-image:url(../svg/icons/arrow-right.svg);
          mask-image:url(../svg/icons/arrow-right.svg);
  -webkit-mask-repeat:no-repeat;
          mask-repeat:no-repeat;
  -webkit-mask-size:contain;
          mask-size:contain;
  background-color:var(--swiper-navigation-color);
  transition:background-color var(--transition-medium-cubic);
}

.swiper-button-prev:after{
  content:"";
  -webkit-mask-image:url(../svg/icons/arrow-left.svg);
          mask-image:url(../svg/icons/arrow-left.svg);
}

.swiper-controls{
  z-index:1;
  display:flex;
  flex-shrink:0;
  justify-content:space-between;
  align-items:center;
  width:8.8rem;
  height:1.8rem;
  -webkit-user-select:none;
          user-select:none;
}
.swiper-controls .swiper-button-next,
.swiper-controls .swiper-button-prev{
  position:relative;
  top:0.4rem;
  left:0;
  z-index:11;
  width:2.4rem;
  height:1.8rem;
  margin-top:0;
}
.swiper-controls .swiper-button-prev{
  left:0;
}
.swiper-controls .swiper-pagination{
  position:initial;
}

.swiper--reverse{
  transform:rotate(180deg);
}
.swiper--reverse .swiper-slide,
.swiper--reverse .swiper-controls{
  transform:rotate(-180deg);
}
.error-label{
  font-size:1.2rem;
  line-height:1;
  color:var(--color-red);
}

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

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

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

/*! Logo */
.logo{
  display:block;
  flex-shrink:0;
  width:20rem;
  height:5.8rem;
}

/*! Socials */
.socials{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:1rem;
  max-width:20.4rem;
  margin-top:-0.2rem;
}

.social-link{
  position:relative;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:4rem;
  height:4rem;
  border-radius:50%;
  transition:box-shadow var(--transition-long-cubic), opacity var(--transition-medium-cubic);
}
.social-link:hover, .social-link:focus-visible{
  box-shadow:0 0 15px 2px rgba(255, 255, 255, 0.3);
}
.social-link:active{
  opacity:0.8;
}
.social-link .icon{
  font-size:4rem;
}
.select-wrapper{
  position:relative;
}

.custom-select-container{
  flex-grow:1;
  border-radius:1rem;
  font-size:1.4rem;
  -webkit-user-select:none;
          user-select:none;
}
.custom-select-container select{
  width:1rem;
}

.custom-select-opener{
  --border-color:var(--color-light);
  --border-color-hover:var(--color-gray-2);
  --border-color-focus:var(--color-gray-1);
  position:relative;
  z-index:2;
  overflow:hidden;
  display:flex;
  align-items:center;
  width:100%;
  height:5rem;
  border:1px solid var(--border-color);
  border-radius:1rem;
  padding-right:4rem;
  padding-bottom:0.3rem;
  padding-left:1.9rem;
  font-size:1.6rem;
  line-height:normal;
  font-weight:700;
  background-color:var(--color-light);
  color:var(--color-text);
  transition:border-color var(--transition-medium-cubic);
}
.custom-select-opener:hover, .custom-select-opener:focus-visible{
  border-color:var(--color-gray-2);
}
.custom-select-opener span{
  overflow:hidden;
  display:inline-block;
  width:calc(100% - 1rem);
  white-space:nowrap;
  text-overflow:ellipsis;
}

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

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

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

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

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

@keyframes select-panel-appear{
  from{
    opacity:0;
    transform:translate3d(var(--translate-x), calc(var(--offset-y) + 1rem), 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;
  min-height:5rem;
  padding:1rem 2rem;
  font-family:var(--font-songer-grotesque);
  font-size:1.6rem;
  line-height:3rem;
  font-weight:700;
  color:var(--color-black);
  transition:color var(--transition-short-cubic);
}
.custom-select-option:not(:last-child)::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:1px;
  background-color:var(--color-gray-3);
}
.custom-select-option.has-focus{
  background-color:transparent;
  color:var(--color-primary);
}
.custom-select-option.is-selected{
  color:var(--color-primary);
}

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

/*! Tags */
.categories-tags{
  display:flex;
  flex-wrap:wrap;
  column-gap:0;
  row-gap:1rem;
  margin-top:-1rem;
  margin-bottom:2rem;
}

.tag{
  --radius:1rem;
  --border-color:var(--color-primary);
  --bg-color:var(--color-white);
  --color:var(--color-black);
  --color-hover:var(--color-primary);
  --color-active:var(--color-primary);
  position:relative;
  display:inline-flex;
  flex-shrink:0;
  border:1px solid var(--border-color);
  border-radius:var(--radius);
  padding:0.9rem 1.4rem;
  font-size:1.4rem;
  font-weight:700;
  text-decoration:none;
  background-color:var(--bg-color);
  color:var(--color);
  transition:opacity var(--transition-medium-cubic), background-color var(--transition-medium-cubic), color var(--transition-medium-cubic);
}
.tag:hover, .tag:focus-visible{
  --color:var(--color-hover);
}
.tag:active{
  --color:var(--color-active);
  opacity:0.8;
}
.tag.is-active{
  --bg-color:var(--color-primary);
  --color:var(--color-white);
}

.tag__text{
  position:relative;
  z-index:1;
}

.tag--tab{
  --radius:0;
  --bg-color:transparent;
  --color:rgba(0, 0, 0, 0.5);
  --color-hover:var(--color-primary);
  --color-active:var(--color-black);
  border:none;
  border-bottom:2px solid var(--color-white);
  padding:1rem 1.6rem 1.5rem;
  font-size:1.4rem;
  line-height:1.2rem;
  font-weight:700;
}
.tag--tab.is-active{
  --bg-color:transparent;
  --color:var(--color-black);
  border-color:var(--color-primary);
}

.card-tag{
  display:inline-block;
  border-radius:0 0.8rem 0.8rem 0;
  padding:0.5rem 1rem;
  font-size:1.2rem;
  line-height:1.2rem;
  background-color:var(--color-primary);
  color:var(--color-white);
}

/*! Main header rules */
.header{
  z-index:10;
  min-width:32rem;
  padding-top:0.5rem;
  background-repeat:no-repeat;
  background-position:center top;
  background-size:76.8rem;
  transition:box-shadow var(--transition-medium-cubic);
}
.header > .container{
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.header.is-sticky{
  position:fixed;
  top:calc(var(--header-offset, 0px) * -1);
  width:100%;
  background-image:url(../img/layout/body-bg-768w.jpg);
  background-image:url(../img/layout/body-bg-768w.webp);
  box-shadow:var(--shadow-primary);
}
.webp .header.is-sticky{
  background-image:-webkit-image-set(url(../img/layout/body-bg-768w.webp) 1x, url(../img/layout/body-bg-1536w.webp) 2x);
  background-image:image-set(url(../img/layout/body-bg-768w.webp) 1x, url(../img/layout/body-bg-1536w.webp) 2x);
}
.header.is-sticky ~ .page-wrapper{
  margin-top:calc(var(--sticky-header-height, var(--header-height)) + var(--header-offset, 0px));
}

.header[data-sticky-on-top]{
  z-index:101;
}
.header[data-sticky-on-top] .navbar{
  top:0;
}
.header[data-sticky-on-top].is-sticky .navbar{
  top:0;
}

.header__logo.logo{
  width:24rem;
  height:7.8rem;
  margin:-1rem -2rem;
  -webkit-mask-image:radial-gradient(ellipse, black 50%, transparent 70%);
          mask-image:radial-gradient(ellipse, black 50%, transparent 70%);
  -webkit-mask-size:100% 9rem;
          mask-size:100% 9rem;
  -webkit-mask-position:left 0 top -1.7rem;
          mask-position:left 0 top -1.7rem;
  -webkit-mask-repeat:no-repeat;
          mask-repeat:no-repeat;
  background-image:url(../img/layout/logo-bg-628w.jpg), url(../universe.gif);
  background-repeat:no-repeat;
  background-position:center, top 1.9rem right 1.5rem;
  background-size:cover, 6.6rem;
  background-blend-mode:multiply;
  transform:translateX(-1rem) translateY(0.4rem);
}
.header__logo.logo img{
  width:calc(100% - 4rem);
  height:calc(100% - 1rem);
  transform:translateX(2rem) translateY(0.5rem);
}

.lang-switcher{
  width:2.4rem;
  height:2.4rem;
}
.lang-switcher .custom-select-opener{
  width:2.4rem;
  height:2.4rem;
  border:none;
  border-radius:50%;
  padding-right:0;
  padding-left:2rem;
}
.lang-switcher .custom-select-opener span{
  color:transparent;
  opacity:0;
  -webkit-user-select:none;
          user-select:none;
}
.lang-switcher .custom-select-panel{
  --offset-y:0.4rem;
  --translate-x:-50%;
  width:4.6rem;
  border-radius:1rem;
  background-color:var(--color-white);
}
.homepage .lang-switcher .custom-select-panel{
  background-color:var(--color-white);
}
.lang-switcher .custom-select-option{
  min-height:4rem;
  padding:0 0 0 4.2rem;
  background-position:center left 1.1rem;
  color:transparent;
  -webkit-user-select:none;
          user-select:none;
}
.lang-switcher .custom-select-option.has-focus{
  background-color:rgba(240, 71, 200, 0.1);
}
.lang-switcher .custom-select-option:not(:last-child)::after{
  background-color:rgba(240, 71, 200, 0.3);
}
.lang-switcher .custom-select-opener,
.lang-switcher .custom-select-option{
  background-repeat:no-repeat;
  background-size:2.4rem;
}
.lang-switcher .custom-select-opener[data-flag=ru],
.lang-switcher .custom-select-option[data-flag=ru]{
  background-image:url(../svg/icons/flag-ru.svg);
}
.lang-switcher .custom-select-opener[data-flag=en],
.lang-switcher .custom-select-option[data-flag=en]{
  background-image:url(../svg/icons/flag-en.svg);
}
.page-header__wrapper{
  position:relative;
  z-index:0;
  overflow-y:hidden;
  max-width:192rem;
  margin:0.5rem auto 0;
  border-radius:2rem;
  padding:2.5rem 0 3.4rem;
  line-height:normal;
  background-image:url(../img/layout/gradient-section-bg-3-390w.jpg);
  background-image:url(../img/layout/gradient-section-bg-3-390w.webp);
  background-repeat:no-repeat;
  background-position:top left;
  background-size:cover;
  background-color:var(--color-primary);
  color:var(--color-white);
}
.webp .page-header__wrapper{
  background-image:-webkit-image-set(url(../img/layout/gradient-section-bg-3-390w.webp) 1x, url(../img/layout/gradient-section-bg-3-780w.webp) 2x);
  background-image:image-set(url(../img/layout/gradient-section-bg-3-390w.webp) 1x, url(../img/layout/gradient-section-bg-3-780w.webp) 2x);
}
.page-header__wrapper.sb-decor::after{
  right:0;
  bottom:-0.9rem;
  left:initial;
  width:20.1rem;
  opacity:0.5;
}

.page-header__content{
  display:flex;
  flex-direction:column;
  margin-top:1rem;
}

.page-header__content--cart,
.page-header__content:has(.page-header__cart-button){
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:flex-start;
  gap:1.5rem;
  margin-top:1.4rem;
  margin-bottom:-0.4rem;
}

.page-header__label{
  margin-top:1.3rem;
  margin-bottom:-0.3rem;
  font-size:1.6rem;
  line-height:1.5rem;
}

.page-header__title{
  position:relative;
  font-size:3.5rem;
  line-height:3.4rem;
  font-weight:900;
}

.page-header__caption{
  margin-top:1.3rem;
  font-size:1.4rem;
  line-height:1.8rem;
}

.page-header__back-button{
  --color:var(--color-white);
  --color-hover:var(--color-white);
  --color-active:var(--color-white);
  display:inline-flex;
  align-items:center;
  gap:1rem;
  font-size:1.4rem;
  font-weight:700;
}
.page-header__back-button:hover .icon, .page-header__back-button:focus-visible .icon{
  color:var(--color-black);
}
.page-header__back-button .icon{
  font-size:2.4rem;
  transform:translateY(0.2rem);
  transition:color var(--transition-medium-cubic);
}

.page-header__play-button{
  width:fit-content;
  margin-top:2.1rem;
  margin-bottom:-0.4rem;
  padding-top:1.4rem;
  padding-bottom:1.8rem;
}
.page-header__play-button .icon{
  transform:translateY(0.2rem);
}

/*! General layout structure */
.page-wrapper{
  --page-wrapper-offset-top:3rem;
  --page-wrapper-offset-bottom:3rem;
  flex:1 0 auto;
  padding-top:var(--page-wrapper-offset-top);
  padding-bottom:var(--page-wrapper-offset-bottom);
}
.homepage .page-wrapper{
  padding-bottom:0.2rem;
}

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

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

/*! Separated raw html elements rules */
.content{
  --common-gap:2rem;
}
.content h1{
  margin-bottom:1.6rem;
}
.content h2{
  margin-bottom:2.1rem;
  font-size:2.5rem;
  line-height:2.4rem;
  font-weight:900;
}
.content h3{
  margin-bottom:2rem;
  font-size:1.8rem;
  line-height:1.7rem;
  font-weight:700;
}
.content p{
  margin-bottom:var(--common-gap);
}
.content p:only-child, .content p:last-child{
  margin-bottom:0;
}
.content ul,
.content ol{
  display:flex;
  flex-direction:column;
  gap:1rem;
  margin-bottom:var(--common-gap);
}
.content ul:only-child, .content ul:last-child,
.content ol:only-child,
.content ol:last-child{
  margin-bottom:0;
}
.content ol{
  counter-reset:li;
}
.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:0.5rem;
  left:0;
  overflow:hidden;
  width:1.6rem;
  height:1.6rem;
  font-size:5rem;
  line-height:1rem;
  font-weight:normal;
}
.content table{
  table-layout:fixed;
  width:100%;
  border-collapse:collapse;
}
.content th{
  text-align:left;
}
.content picture{
  margin-bottom:var(--common-gap);
}
.content picture:only-child, .content picture:last-child{
  margin-bottom:0;
}
.content picture img{
  border-radius:2rem;
}
.content figure{
  margin-bottom:var(--common-gap);
  font-style:italic;
}
.content figure:only-child, .content figure:last-child{
  margin-bottom:0;
}
.content figure picture{
  margin-bottom:1rem;
}

/*! Main footer rules */
.footer{
  min-width:32rem;
  border-radius:2rem 2rem 0 0;
  background-image:url(../img/layout/dark-section-bg-1536w.jpg);
  background-repeat:no-repeat;
  background-position:top center;
  background-size:cover;
}
.footer .container{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.footer__wrapper{
  position:relative;
  z-index:0;
  overflow:hidden;
  max-width:192rem;
  margin:0 auto;
  padding:2.7rem 0 4rem;
}
.footer__wrapper.sb-decor::after{
  right:0;
  bottom:-2.1rem;
  left:initial;
  opacity:0.1;
}

.footer__container{
  display:flex;
  flex-direction:column;
  align-items:center;
  color:var(--color-white);
}
.footer__nav .nav__list{
  flex-direction:column;
  gap:3.3rem;
}
.footer__nav .nav__item:has(.nav__logo){
  order:-1;
  margin-bottom:-1.9rem;
  transform:translateX(0.3rem);
}
.footer__nav .nav__link{
  --color:var(--color-white);
  --color-hover:var(--color-primary);
  --color-active:var(--color-secondary);
  font-size:1.8rem;
  line-height:normal;
}
.footer__nav .nav__link[data-label]::after{
  right:-0.1rem;
}
.footer__nav .nav__item:first-child .nav__link[data-label]::after{
  right:-1.1rem;
}

.footer__socials{
  margin-top:3rem;
}

.footer__copyright{
  margin-top:3rem;
  font-size:1.4rem;
  line-height:2rem;
  text-align:center;
}

/*! Common section rules */
.section-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
}

.section-heading--white{
  color:var(--color-white);
}
.section-heading--white .swiper-button-prev,
.section-heading--white .swiper-button-next{
  --swiper-navigation-color:var(--color-white);
}
.section-heading--white .swiper-button-prev:hover, .section-heading--white .swiper-button-prev:focus-visible,
.section-heading--white .swiper-button-next:hover,
.section-heading--white .swiper-button-next:focus-visible{
  --swiper-navigation-color:var(--color-black);
}

.section-more-button{
  width:fit-content;
  margin:0 auto;
}
.sb-decor::after{
  content:"";
  position:absolute;
  bottom:-1.7rem;
  left:0;
  z-index:-1;
  aspect-ratio:390/75;
  width:100%;
  max-width:40rem;
  background-image:url(../svg/layout/sb-decor.svg);
  background-repeat:no-repeat;
  background-position:left top;
  background-size:contain;
}
.common-section{
  display:flex;
  flex-direction:column;
  gap:2.5rem;
  margin-top:0;
}

.common-section--top-offset{
  margin-top:3rem;
}

.common-section--platforms{
  gap:1.2rem;
}
.common-section--platforms .platform-link img{
  aspect-ratio:112/60;
  border-radius:1rem;
}

.common-section--lyrics{
  gap:1.1rem;
}

.common-section__title{
  font-size:2.5rem;
  line-height:2.4rem;
  font-weight:900;
}

.common-section__title--sm{
  font-size:2rem;
  line-height:1.9rem;
}

.common-section__socials{
  justify-content:flex-start;
  max-width:19rem;
}

.platforms-wrapper{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:1.2rem;
}
.lyrics-wrapper .content{
  font-size:1.4rem;
  line-height:2rem;
}

.lyrics-wrapper__button{
  margin-top:1.1rem;
  font-size:1.4rem;
  line-height:1;
  font-weight:700;
}

/*! Events */
.event-header{
  display:none;
  gap:1rem;
  margin-bottom:1.7rem;
  padding-left:2rem;
  font-size:1.2rem;
  line-height:1;
}

.event-header__item--date{
  width:21.3%;
}
.event-header__item--city{
  width:12.5%;
}
.event-header__item--place{
  width:14.8%;
}

.event-card{
  display:flex;
  flex-direction:column;
  gap:1rem;
  min-height:19.6rem;
  border-radius:2rem;
  padding:2rem;
  background-color:var(--color-white);
  box-shadow:var(--shadow-primary);
}

.event-card__item{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:0.8rem;
  min-height:1.4rem;
  line-height:1.4rem;
}

.event-card__label{
  flex-grow:1;
  margin-top:-0.2rem;
  font-size:1.2rem;
}

.event-card__text{
  min-width:16.2rem;
  margin-top:-0.4rem;
  font-size:1.4rem;
}

.event-card__button{
  margin-top:auto;
}

/*! Homepage */
.hero{
  display:flex;
  flex-direction:column;
  gap:0.2rem;
  margin-top:calc(var(--page-wrapper-offset-top) * -1 + 0.5rem);
}
.hero-selector{
  order:-1;
}

.hero-selector__container{
  display:grid;
  grid-template-columns:1fr;
  align-items:flex-end;
  gap:0.2rem;
  min-width:0;
  width:100%;
  max-width:192rem;
  margin:0 auto;
}

.hero-selector__swiper-media,
.hero-selector__swiper-merch{
  position:relative;
  border-radius:2rem;
  opacity:0;
  transform:translateY(2rem);
}
.hero-selector__swiper-media.is-animated,
.hero-selector__swiper-merch.is-animated{
  opacity:1;
  transform:translateY(0);
}

.hero-selector__item-link{
  --border-radius:2rem;
  position:relative;
  display:block;
}
.hero-selector__item-link:hover .hero-selector__info, .hero-selector__item-link:focus-visible .hero-selector__info{
  transform:scale(1.15);
}
.hero-selector__item-link:hover .hero-selector__button, .hero-selector__item-link:focus-visible .hero-selector__button{
  --color:var(--color-primary);
}

.hero-selector__item-link--banner:hover .hero-selector__info, .hero-selector__item-link--banner:focus-visible .hero-selector__info{
  transform:scale(1.1);
}
.hero-selector__item-link--banner .hero-selector__info{
  bottom:1.9rem;
  min-height:11rem;
  font-size:1.6rem;
}
.hero-selector__item-link--banner .hero-selector__tag{
  font-size:1.2rem;
}
.hero-selector__item-link--banner .hero-selector__title{
  margin-top:0.8rem;
  font-size:5rem;
}
.hero-selector__item-link--banner .hero-selector__caption{
  margin-top:1rem;
}

.hero-selector__item-link--events{
  opacity:0;
  transform:translateY(2rem);
}
.hero-selector__item-link--events.is-animated{
  opacity:1;
  transform:translateY(0);
}

.hero-selector__cover img{
  border-radius:var(--border-radius);
}

.hero-selector__info{
  position:absolute;
  bottom:2rem;
  left:2rem;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  font-size:1.2rem;
  line-height:normal;
  color:var(--color-white);
  transform-origin:bottom left;
  transition:transform var(--transition-medium-cubic);
}

.hero-selector__info--shadow .hero-selector__title,
.hero-selector__info--shadow .hero-selector__caption{
  text-shadow:0 0.04em 0.2em rgba(0, 0, 0, 0.35);
}

.hero-selector__tag{
  border-radius:0.8rem;
  padding:0.5rem 1rem;
  font-size:1rem;
  line-height:1;
  background-color:var(--color-primary);
  color:var(--color-white);
}

.hero-selector__title{
  margin-top:0.3rem;
  font-size:2.4rem;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
}

.hero-selector__caption{
  margin-top:0.3rem;
}

.hero-selector__button{
  display:none;
  margin-top:2.9rem;
}
.hero-about__wrapper{
  position:relative;
  z-index:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border-radius:2rem;
  padding:3.2rem 0 4rem;
  line-height:2.2rem;
  background-image:url(../img/layout/gray-section-bg-768w.jpg);
  background-image:url(../img/layout/gray-section-bg-768w.webp);
  background-repeat:no-repeat;
  background-position:left top;
  background-size:82.9rem 100%;
}
.webp .hero-about__wrapper{
  background-image:-webkit-image-set(url(../img/layout/gray-section-bg-768w.webp) 1x, url(../img/layout/gray-section-bg-1536w.webp) 2x);
  background-image:image-set(url(../img/layout/gray-section-bg-768w.webp) 1x, url(../img/layout/gray-section-bg-1536w.webp) 2x);
}

.hero-about__container{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2rem;
}

.hero-about__title{
  margin-top:-0.3rem;
  font-size:1.8rem;
  line-height:1.7rem;
  font-weight:700;
}

.hero-about__caption{
  order:-1;
  font-size:2.5rem;
  line-height:normal;
  font-weight:900;
}

.hero-about__button{
  margin-top:0.2rem;
}
.hero-platforms__wrapper{
  position:relative;
  z-index:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  max-width:192rem;
  margin:0 auto;
  border-radius:2rem;
  padding:3.6rem 0 4rem;
  background-image:url(../img/layout/gradient-section-bg-390w.jpg);
  background-image:url(../img/layout/gradient-section-bg-390w.webp);
  background-repeat:no-repeat;
  background-position:left top;
  background-size:100% 100%;
  color:var(--color-white);
}
.webp .hero-platforms__wrapper{
  background-image:-webkit-image-set(url(../img/layout/gradient-section-bg-390w.webp) 1x, url(../img/layout/gradient-section-bg-780w.webp) 2x);
  background-image:image-set(url(../img/layout/gradient-section-bg-390w.webp) 1x, url(../img/layout/gradient-section-bg-780w.webp) 2x);
}
.hero-platforms__wrapper::after{
  bottom:-1.9rem;
  opacity:0.5;
}

.hero-platforms__container{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2.4rem;
}

.hero-platforms__list,
.platforms-list{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:1.2rem;
  width:100%;
}

.hero-platforms__link,
.platforms-list__link{
  overflow:hidden;
  aspect-ratio:112/60;
  width:100%;
  border-radius:1rem;
}

.platform-logo{
  position:relative;
  width:100%;
  height:100%;
  transition:opacity var(--transition-medium-cubic);
}
.platform-logo > *{
  transition:opacity var(--transition-medium-cubic);
}
.platform-logo:hover .platform-logo__img, .platform-logo:focus-visible .platform-logo__img{
  opacity:0;
}
.platform-logo:hover .platform-logo__color-img, .platform-logo:focus-visible .platform-logo__color-img{
  opacity:1;
}
.platform-logo:active{
  opacity:0.8;
}

.platform-logo__color-img{
  position:absolute;
  inset:0;
  opacity:0;
}
.hero + .media-section{
  margin-top:0.2rem;
}

.media-section__wrapper{
  position:relative;
  z-index:0;
  overflow:hidden;
  max-width:192rem;
  margin:0 auto;
  border-radius:2rem;
  padding:3.6rem 0 4rem;
  background-image:url(../img/layout/gray-section-bg-768w.jpg);
  background-image:url(../img/layout/gray-section-bg-768w.webp);
  background-repeat:no-repeat;
  background-position:left top;
  background-size:82.9rem 100%;
}
.webp .media-section__wrapper{
  background-image:-webkit-image-set(url(../img/layout/gray-section-bg-768w.webp) 1x, url(../img/layout/gray-section-bg-1536w.webp) 2x);
  background-image:image-set(url(../img/layout/gray-section-bg-768w.webp) 1x, url(../img/layout/gray-section-bg-1536w.webp) 2x);
}

.media-section__container{
  display:flex;
  flex-direction:column;
  gap:2rem;
}

.media-swiper{
  width:100%;
  max-width:192rem;
  margin-top:0.4rem;
}
.media-swiper .swiper-slide{
  aspect-ratio:1;
  width:22.4rem;
}

.media-card{
  display:flex;
  flex-direction:column;
  transition:opacity var(--transition-medium-cubic);
}
.media-card:hover .media-card__thumb img, .media-card:focus-visible .media-card__thumb img{
  transform:scale(1.1);
}
.media-card:active{
  opacity:0.8;
}

.media-card__thumb{
  overflow:hidden;
  aspect-ratio:1;
  width:100%;
  border-radius:2rem;
}
.media-card__thumb img{
  transition:transform var(--transition-medium-cubic);
}
.media-section + .merch-section{
  margin-top:0.2rem;
}

.merch-section__wrapper{
  position:relative;
  z-index:0;
  overflow:hidden;
  max-width:192rem;
  margin:0 auto;
  border-radius:2rem;
  padding:3.6rem 0 4rem;
  background-image:url(../img/layout/gradient-section-bg-2-390w.jpg);
  background-image:url(../img/layout/gradient-section-bg-2-390w.webp);
  background-repeat:no-repeat;
  background-position:left top;
  background-size:100% 100%;
}
.webp .merch-section__wrapper{
  background-image:-webkit-image-set(url(../img/layout/gradient-section-bg-2-390w.webp) 1x, url(../img/layout/gradient-section-bg-2-780w.webp) 2x);
  background-image:image-set(url(../img/layout/gradient-section-bg-2-390w.webp) 1x, url(../img/layout/gradient-section-bg-2-780w.webp) 2x);
}
.merch-section__wrapper::after{
  right:0;
  left:initial;
  opacity:0.5;
}

.merch-section__container{
  display:flex;
  flex-direction:column;
  gap:2rem;
}

.merch-swiper-wrapper{
  margin-top:0.4rem;
}

.merch-swiper{
  width:100%;
  max-width:192rem;
}
.merch-swiper .swiper-slide{
  width:22.4rem;
  height:auto;
}

.merch-card{
  --color:var(--color-black);
  --color-hover:var(--color-black);
  --color-active:var(--color-black);
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
  border-radius:2rem;
  padding:1rem;
  line-height:normal;
  text-decoration:none;
  background-color:var(--color-white);
  transition:opacity var(--transition-medium-cubic);
}
.merch-card:hover .merch-card__thumb img, .merch-card:focus-visible .merch-card__thumb img{
  transform:scale(1.1);
}
.merch-card:hover .merch-card__title, .merch-card:focus-visible .merch-card__title{
  color:var(--color-primary);
}
.merch-card:hover .merch-card__button::before, .merch-card:focus-visible .merch-card__button::before{
  opacity:0;
}
.merch-card:active{
  opacity:0.8;
}

.merch-card__thumb{
  overflow:hidden;
  flex-shrink:0;
  aspect-ratio:204/238;
  width:100%;
  border-radius:1rem;
}
.merch-card__thumb picture{
  display:initial;
}
.merch-card__thumb img{
  transition:transform var(--transition-medium-cubic);
}

.merch-card__tags{
  position:absolute;
  top:2rem;
  left:0;
  display:flex;
  flex-direction:column;
  gap:0.5rem;
}

.merch-card__content{
  display:flex;
  flex-direction:column;
  height:100%;
  margin-top:0.8rem;
  padding:0 1rem;
}

.merch-card__title{
  margin-block:auto;
  font-size:1.8rem;
  line-height:1.7rem;
  font-weight:900;
  transition:color var(--transition-medium-cubic);
}

.merch-card__description{
  margin-top:0.6rem;
  font-size:1.2rem;
  line-height:1.7rem;
}

.merch-card__button{
  justify-content:space-between;
  width:100%;
  min-height:5rem;
  margin-top:1.1rem;
  border-radius:1rem;
  padding:1.6rem 2rem 1.8rem;
  font-size:1.6rem;
}
.merch-card__button--in-cart{
  --bg-color:var(--color-white);
  --bg-color-hover:var(--color-white);
  --bg-color-active:var(--color-white);
  --color:var(--color-black);
  --color-hover:var(--color-black);
  --color-active:var(--color-black);
  border:0.1rem solid var(--color-primary);
  padding:0.5rem;
}
.merch-card__button--in-cart::before{
  opacity:0;
}
.merch-card__button--in-cart .icon{
  display:none;
}
.merch-section + .events-section{
  margin-top:0.2rem;
}

.events-section__wrapper{
  position:relative;
  z-index:0;
  overflow:hidden;
  max-width:192rem;
  margin:0 auto;
  border-radius:2rem;
  padding:3.6rem 0 4rem;
  background-image:url(../img/layout/gray-section-bg-768w.jpg);
  background-image:url(../img/layout/gray-section-bg-768w.webp);
  background-repeat:no-repeat;
  background-position:left top;
  background-size:71.8rem 100%;
}
.webp .events-section__wrapper{
  background-image:-webkit-image-set(url(../img/layout/gray-section-bg-768w.webp) 1x, url(../img/layout/gray-section-bg-1536w.webp) 2x);
  background-image:image-set(url(../img/layout/gray-section-bg-768w.webp) 1x, url(../img/layout/gray-section-bg-1536w.webp) 2x);
}

.events-section__container{
  display:flex;
  flex-direction:column;
  gap:2rem;
}

.event-swiper-container{
  width:calc(100% + var(--container-padding) * 2);
  margin-top:0.4rem;
  margin-left:calc(var(--container-padding) * -1);
}
.event-swiper .swiper-slide{
  width:30rem;
}
.events-section + .press-section{
  margin-top:0.2rem;
}
.press-section + .promo{
  margin-top:0.2rem;
}
.motion-section{
  opacity:0;
  transform:translateY(8rem);
}

/*! Press section */

.press-section__wrapper{
  position:relative;
  z-index:0;
  overflow:hidden;
  padding:3.6rem 0 4rem;
}
.press-section__wrapper.sb-decor::after{
  display:none;
}

.press-section__container{
  display:flex;
  flex-direction:column;
  gap:2rem;
}

.press-section-feed{
  display:grid;
  grid-template-columns:1fr;
  gap:1.2rem;
  width:fit-content;
  margin:0.4rem auto 0;
}

.press-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:0.8rem;
  border-radius:2rem;
  padding:1rem 1rem 2.2rem;
  background-color:var(--color-white);
  box-shadow:var(--shadow-primary);
}
.press-card:hover .press-card__thumb img, .press-card:focus-visible .press-card__thumb img{
  transform:scale(1.1);
}
.press-card:hover .press-card__link, .press-card:focus-visible .press-card__link{
  --td-color:transparent;
}
.press-card:active{
  opacity:0.8;
}

.press-card__thumb{
  overflow:hidden;
  aspect-ratio:1;
  border-radius:1rem;
}
.press-card__thumb img{
  transition:transform var(--transition-medium-cubic);
}

.press-card__date{
  position:absolute;
  top:1rem;
  left:0;
}

.press-card__content{
  display:flex;
  flex-direction:column;
  gap:1rem;
  padding:0 1rem;
  font-size:1.2rem;
  line-height:1.8rem;
}

.press-card__title{
  font-size:1.8rem;
  line-height:1.7rem;
  font-weight:900;
}

.press-card__text{
  margin-top:-0.4rem;
}

.press-card__link{
  --td-color:var(--color-primary);
  --td-color-hover:transparent;
  margin-top:-0.5rem;
  font-size:1.4rem;
  line-height:1.3rem;
  font-weight:700;
}
.press-card__link::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
}

.press-card--sm{
  display:grid;
  grid-template-columns:10rem 1fr;
  align-items:center;
  gap:2rem;
  border-radius:1rem;
  padding:1.1rem 1rem;
}
.press-card--sm .press-card__thumb{
  border-radius:1rem;
}
.press-card--sm .press-card__content{
  margin-top:-0.5rem;
  padding:0;
}
.press-card--sm .press-card__date{
  position:static;
  padding:0;
  line-height:1.2rem;
  background-color:transparent;
  color:var(--color-gray-2);
}
.press-card--sm .press-card__title{
  font-size:2rem;
  line-height:1.9rem;
}
.press-card--sm .press-card__text{
  display:none;
}
.press-card--sm .press-card__link{
  margin-top:0;
}
.press-section--inner .press-section__wrapper{
  max-width:192rem;
  margin:0 auto;
  border-radius:2rem;
  padding:3.6rem 0 4.1rem;
  background-image:url(../img/layout/gray-section-bg-768w.jpg);
  background-image:url(../img/layout/gray-section-bg-768w.webp);
  background-repeat:no-repeat;
  background-position:left top;
  background-size:cover;
}
.webp .press-section--inner .press-section__wrapper{
  background-image:-webkit-image-set(url(../img/layout/gray-section-bg-768w.webp) 1x, url(../img/layout/gray-section-bg-1536w.webp) 2x);
  background-image:image-set(url(../img/layout/gray-section-bg-768w.webp) 1x, url(../img/layout/gray-section-bg-1536w.webp) 2x);
}
.press-section--inner .press-section__wrapper.sb-decor::after{
  display:block;
}
.press-section--inner:last-child{
  margin-bottom:calc(var(--page-wrapper-offset-bottom) * -1 - 0.1rem);
}

/*! Promo banner section */
.promo__wrapper{
  position:relative;
  z-index:0;
  overflow:hidden;
  display:flex;
  max-width:192rem;
  min-height:46rem;
  margin:0 auto;
  border-radius:2rem;
}

.promo__cover{
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:0;
  transform:scale(1.3);
}
.promo__cover picture{
  display:initial;
}

.promo__container{
  display:grid;
  flex-grow:1;
  justify-content:center;
  align-items:center;
}

.promo__info{
  grid-area:1/1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:2rem;
  max-width:31.6rem;
  margin-top:-0.2rem;
  opacity:0;
  transform:translateY(4rem);
}

.promo__logo{
  aspect-ratio:300/171;
  width:100%;
  max-width:30rem;
}

.promo__content{
  text-align:center;
  color:var(--color-white);
}
.promo__content br{
  display:none;
}

.promo__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:1rem;
  width:100%;
}
.promo__actions .promo__button{
  padding:0.8rem 2rem 1.2rem;
  font-size:1.6rem;
  line-height:1;
}

.promo__button{
  flex-shrink:0;
}

.promo--cartoon .promo__wrapper{
  min-height:32.8rem;
  padding-top:3.5rem;
  padding-bottom:2rem;
}
.promo--cartoon .promo__container{
  --container-padding:2rem;
}
.promo--cartoon .promo__info{
  max-width:38.7rem;
}
.promo--cartoon .promo__logo{
  max-width:25rem;
}
.promo--cartoon .promo__content{
  width:calc(100% + var(--container-padding) * 2);
  font-size:1.6rem;
  line-height:2.1rem;
  text-align:center;
}

.promo__bird{
  position:absolute;
  right:15.7rem;
  bottom:-8rem;
  display:none;
  aspect-ratio:302/180;
  width:24rem;
  background-image:url(../img/layout/bird-302w.png);
  background-image:url(../img/layout/bird-302w.webp);
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  transform:scale(0);
}
.webp .promo__bird{
  background-image:-webkit-image-set(url(../img/layout/bird-302w.webp) 1x, url(../img/layout/bird-604w.webp) 2x);
  background-image:image-set(url(../img/layout/bird-302w.webp) 1x, url(../img/layout/bird-604w.webp) 2x);
}
:root{
  --color-primary:#f047c8;
  --color-secondary:#8951eb;
  --color-accent:#d6a347;
  --color-blue:blue;
  --color-red:#ff0105;
  --color-red-2:#f47577;
  --color-gray-1:#9d9d9d;
  --color-gray-2:#808080;
  --color-gray-3:#e3e3e3;
  --color-gray-4:#9f9f9f;
  --color-light:#f4f4f4;
  --color-black:black;
  --color-white:white;
  --html-bg-color:var(--color-white);
  --text-body-color:var(--color-black);
  --tab-focus-color:var(--color-black);
  --content-link-color:var(--color-blue);
  --content-link-color-hover:var(--color-red);
  --content-link-color-active:var(--color-blue);
  --gradient-primary:linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  --shadow-primary:0 20px 20px 0 rgba(74, 15, 60, 0.05);
  --shadow-dialog:0 20px 20px 0 rgba(74, 15, 60, 0.05);
  --shadow-menu:0 20px 20px 0 rgba(74, 15, 60, 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;
}

@property --gradient-primary-color{
  syntax:"<color>";
  initial-value:#f047c8;
  inherits:false;
}
@property --gradient-secondary-color{
  syntax:"<color>";
  initial-value:#8951eb;
  inherits:false;
}
:root,
::backdrop{
  --color-overlay-bg:rgba(0, 0, 0, 0.2);
  --color-stack-overlay-bg:rgba(0, 0, 0, 0.2);
}

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

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

@media (min-width: 360px){
  .header__logo.logo{
    width:32rem;
    height:7.5rem;
    margin:0 -4rem;
    -webkit-mask-position:left 0 top -0.2rem;
            mask-position:left 0 top -0.2rem;
    background-position:center, top 1.3rem right 3rem;
    background-size:cover, 7.6rem;
  }
  .header__logo.logo img{
    width:calc(100% - 5rem);
    height:100%;
    transform:translateX(2.5rem);
  }
}

@media (min-width: 390px){
  .h1{
    font-size:3.5rem;
    line-height:3.4rem;
  }
  br.md{
    display:none;
  }
  .qty-input{
    max-width:13.7rem;
    padding:0 1.9rem;
  }
  .qty-input__minus .icon,
  .qty-input__plus .icon{
    font-size:2.4rem;
  }
  .button{
    padding:1.8rem 4rem 2.2rem;
  }
  .button--sm{
    padding:1.6rem 2rem 2rem;
  }
  .button--sm.button--outlined{
    padding:1.5rem 1.9rem 1.9rem;
  }
  .cart-button{
    padding:0.2rem 2rem 0.2rem;
  }
  .logo{
    width:27rem;
    height:7.5rem;
  }
  .page-header__play-button{
    padding-top:1.4rem;
    padding-bottom:1.8rem;
  }
  .merch-card__button{
    padding:1.6rem 2rem 1.8rem;
  }
  .merch-card__button--in-cart .icon{
    display:inline-flex;
  }
  .promo__actions .promo__button{
    padding:0.8rem 2rem 1.2rem;
  }
  .promo--cartoon .promo__content br{
    display:initial;
  }
}

@media (min-width: 500px){
  .dialog{
    --horizontal-margin:1rem;
    min-width:initial;
  }
  .page-header__content--cart,
  .page-header__content:has(.page-header__cart-button){
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    gap:1rem;
  }
  .common-section__socials{
    max-width:initial;
  }
}

@media (min-width: 768px){
  body{
    background-size:100%;
  }
  .h1{
    font-size:4rem;
    line-height:3.9rem;
  }
  br.sm{
    display:none;
  }
  .form__fieldset{
    flex-direction:row;
  }
  .reset-password-fieldset{
    justify-content:space-between;
  }
  .dialog-container{
    overflow-y:auto;
  }
  .dialog{
    --horizontal-margin:3rem;
    min-width:initial;
    max-width:87.2rem;
  }
  .dialog-wrapper{
    padding:2.7rem 3rem 3rem;
  }
  .dialog__close-button{
    top:2rem;
    right:2rem;
    color:var(--color-gray-1);
  }
  .dialog-header{
    margin-bottom:2rem;
  }
  .dialog-footer{
    position:static;
    max-width:initial;
    padding:0;
    box-shadow:none;
  }
  .nav__list{
    gap:3rem;
  }
  .nav__link{
    width:100%;
  }
  .sublist-toggler:not(.sublist-toggler--level-1) .icon{
    margin-left:auto;
    transform:rotate(-90deg);
  }
  .sublist-toggler:not(.sublist-toggler--level-1)[aria-expanded=true] .icon{
    transform:rotate(0deg);
  }
  .sublist-container{
    position:absolute;
    top:0;
    left:0;
    z-index:10;
    visibility:hidden;
    transition:none;
  }
  .sublist-container.is-visible{
    visibility:visible;
    animation:sublist-appear 0.2s cubic-bezier(0.33, 1, 0.68, 1);
  }
  .sublist-panel{
    width:max-content;
    max-width:30rem;
    border-radius:2rem;
    padding:2rem calc(2rem - var(--scrollbar-padding)) 2rem 2rem;
    background-color:var(--color-white);
    box-shadow:var(--shadow-menu);
  }
  .error-label{
    font-size:1.4rem;
  }
  .socials{
    gap:2rem;
    max-width:initial;
  }
  .header{
    background-size:100%;
  }
  .page-header__wrapper{
    padding-bottom:3.5rem;
    background-image:url(../img/layout/gradient-section-bg-md-1920w.jpg);
    background-image:url(../img/layout/gradient-section-bg-md-1920w.webp);
  }
  .webp .page-header__wrapper{
    background-image:-webkit-image-set(url(../img/layout/gradient-section-bg-md-1920w.webp) 1x, url(../img/layout/gradient-section-bg-md-3840w.webp) 2x);
    background-image:image-set(url(../img/layout/gradient-section-bg-md-1920w.webp) 1x, url(../img/layout/gradient-section-bg-md-3840w.webp) 2x);
  }
  .page-header__wrapper.sb-decor::after{
    bottom:-2rem;
    width:40rem;
  }
  .page-header__content{
    margin-top:0.9rem;
  }
  .page-header__content--cart,
  .page-header__content:has(.page-header__cart-button){
    margin-top:0.9rem;
    margin-bottom:0;
  }
  .page-header__content--cart .cart-button,
  .page-header__content:has(.page-header__cart-button) .cart-button{
    transform:translateY(0.5rem);
  }
  .page-header__title{
    font-size:4rem;
    line-height:3.9rem;
  }
  .page-header__caption{
    font-size:1.6rem;
    line-height:2rem;
  }
  .page-header__play-button{
    margin-top:2.2rem;
    margin-bottom:-0.5rem;
  }
  .page-wrapper{
    --page-wrapper-offset-top:4rem;
    --page-wrapper-offset-bottom:4rem;
  }
  .container{
    --container-padding:3rem;
  }
  .content h2{
    font-size:3rem;
    line-height:2.9rem;
  }
  .footer__wrapper{
    padding:4.7rem 0 6rem;
  }
  .footer__wrapper.sb-decor::after{
    bottom:-1.7rem;
  }
  .footer__nav .nav__list{
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    column-gap:5rem;
    max-width:44.3rem;
  }
  .footer__nav .nav__item:has(.nav__logo){
    display:flex;
    justify-content:center;
    width:100%;
    margin-bottom:-0.8rem;
  }
  .footer__nav .nav__link[data-label]::after{
    top:-1.2rem;
    right:-1.8rem;
  }
  .footer__nav .nav__item:first-child .nav__link[data-label]::after{
    right:-2.5rem;
  }
  .footer__nav .nav__logo{
    width:26.3rem;
  }
  .footer__socials{
    margin-top:4rem;
  }
  .footer__copyright{
    margin-top:4rem;
  }
  .common-section--platforms .platform-link img{
    aspect-ratio:104/60;
  }
  .common-section__title{
    font-size:3rem;
    line-height:2.9rem;
  }
  .common-section__title--sm{
    font-size:2rem;
    line-height:1.9rem;
  }
  .lyrics-wrapper{
    padding-right:1rem;
  }
  .event-header{
    display:flex;
  }
  .event-card{
    flex-direction:row;
    gap:0.5rem;
    min-height:initial;
    padding:1rem 2rem;
  }
  .event-card__item--date{
    width:22.7%;
  }
  .event-card__item--city{
    width:13.6%;
  }
  .event-card__item--place{
    width:15.9%;
  }
  .event-card__label{
    display:none;
  }
  .event-card__text{
    min-width:initial;
  }
  .event-card__button{
    margin-left:auto;
  }
  .hero-selector__container{
    grid-template-columns:max(58%, 44.6rem) minmax(32rem, auto);
  }
  .hero-selector__swiper-media,
  .hero-selector__swiper-merch{
    grid-row:span 2;
  }
  .hero-selector__swiper-merch{
    grid-column:2;
    grid-row:1;
    border-bottom-left-radius:0;
  }
  .hero-selector__item-link--banner .hero-selector__cover img{
    aspect-ratio:446/328;
  }
  .hero-selector__item-link--banner .hero-selector__info{
    bottom:2.9rem;
    left:3rem;
  }
  .hero-selector__item-link--merch .hero-selector__cover img{
    border-bottom-left-radius:0;
  }
  .hero-selector__item-link--events .hero-selector__cover img{
    border-top-left-radius:0;
  }
  .hero-selector__cover img{
    aspect-ratio:320/163.2;
  }
  .hero-about__wrapper{
    padding:5.1rem 0 6.2rem;
    background-size:cover;
  }
  .hero-about__caption{
    font-size:3rem;
  }
  .hero-platforms__wrapper{
    padding:5.3rem 0 6rem;
    background-image:url(../img/layout/gradient-section-bg-md-1920w.jpg);
    background-image:url(../img/layout/gradient-section-bg-md-1920w.webp);
    background-size:100%;
  }
  .webp .hero-platforms__wrapper{
    background-image:-webkit-image-set(url(../img/layout/gradient-section-bg-md-1920w.webp) 1x, url(../img/layout/gradient-section-bg-md-3840w.webp) 2x);
    background-image:image-set(url(../img/layout/gradient-section-bg-md-1920w.webp) 1x, url(../img/layout/gradient-section-bg-md-3840w.webp) 2x);
  }
  .hero-platforms__wrapper::after{
    right:0;
    left:initial;
  }
  .hero-platforms__container{
    gap:2.5rem;
  }
  .hero-platforms__list,
  .platforms-list{
    display:flex;
    flex-wrap:wrap;
  }
  .hero-platforms__link,
  .platforms-list__link{
    aspect-ratio:13/6;
    max-width:13rem;
  }
  .media-section__wrapper{
    padding:5.6rem 0 6rem;
    background-image:url(../img/layout/gray-section-bg-md-1920w.jpg);
    background-image:url(../img/layout/gray-section-bg-md-1920w.webp);
    background-size:cover;
  }
  .webp .media-section__wrapper{
    background-image:-webkit-image-set(url(../img/layout/gray-section-bg-md-1920w.webp) 1x, url(../img/layout/gray-section-bg-md-3872w.webp) 2x);
    background-image:image-set(url(../img/layout/gray-section-bg-md-1920w.webp) 1x, url(../img/layout/gray-section-bg-md-3872w.webp) 2x);
  }
  .merch-section__wrapper{
    padding:5.6rem 0 6rem;
    background-image:url(../img/layout/gradient-section-bg-2-md-1920w.jpg);
    background-image:url(../img/layout/gradient-section-bg-2-md-1920w.webp);
    background-size:cover;
  }
  .webp .merch-section__wrapper{
    background-image:-webkit-image-set(url(../img/layout/gradient-section-bg-2-md-1920w.webp) 1x, url(../img/layout/gradient-section-bg-2-md-3840w.webp) 2x);
    background-image:image-set(url(../img/layout/gradient-section-bg-2-md-1920w.webp) 1x, url(../img/layout/gradient-section-bg-2-md-3840w.webp) 2x);
  }
  .events-section .swiper-controls{
    display:none;
  }
  .events-section__wrapper{
    padding:5.5rem 0 6rem;
    background-image:url(../img/layout/gray-section-bg-md-1920w.jpg);
    background-image:url(../img/layout/gray-section-bg-md-1920w.webp);
    background-size:cover;
  }
  .webp .events-section__wrapper{
    background-image:-webkit-image-set(url(../img/layout/gray-section-bg-md-1920w.webp) 1x, url(../img/layout/gray-section-bg-md-3872w.webp) 2x);
    background-image:image-set(url(../img/layout/gray-section-bg-md-1920w.webp) 1x, url(../img/layout/gray-section-bg-md-3872w.webp) 2x);
  }
  .event-swiper-container{
    width:100%;
    margin-top:2rem;
    margin-left:0;
  }
  .event-swiper{
    width:initial;
    margin:-3rem;
    padding:3rem;
  }
  .event-swiper .swiper-wrapper{
    flex-direction:column;
    gap:1rem;
  }
  .event-swiper .swiper-slide{
    width:100%;
  }
  .press-section__wrapper{
    padding:5.6rem 0 6rem;
  }
  .press-section-feed{
    grid-template-columns:minmax(22.4rem, 44.2rem) 47.2rem;
    grid-template-rows:repeat(3, 1fr);
  }
  .press-section-feed .press-card:first-child{
    grid-row:1/4;
  }
  .press-section-feed .press-card:not(:first-child){
    grid-column:2;
  }
  .press-section-feed .press-card:nth-child(n+5){
    display:none;
  }
  .press-card__date{
    top:2rem;
  }
  .press-section--inner .press-section__wrapper{
    padding:5.6rem 0 6.1rem;
    background-image:url(../img/layout/gray-section-bg-md-1936w.jpg);
    background-image:url(../img/layout/gray-section-bg-md-1936w.webp);
  }
  .webp .press-section--inner .press-section__wrapper{
    background-image:-webkit-image-set(url(../img/layout/gray-section-bg-md-1936w.webp) 1x, url(../img/layout/gray-section-bg-md-3872w.webp) 2x);
    background-image:image-set(url(../img/layout/gray-section-bg-md-1936w.webp) 1x, url(../img/layout/gray-section-bg-md-3872w.webp) 2x);
  }
  .promo--cartoon .promo__wrapper{
    padding-top:2.1rem;
  }
  .promo--cartoon .promo__container{
    --container-padding:3.1rem;
    justify-content:flex-start;
  }
  .promo--cartoon .promo__content{
    width:initial;
    line-height:2rem;
  }
}

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

@media (min-width: 960px){
  body{
    --text-body-fz:1.8rem;
    --text-body-lh:2.4rem;
    background-image:url(../img/layout/body-bg-md-1920w.jpg);
    background-image:url(../img/layout/body-bg-md-1920w.webp);
  }
  .webp body{
    background-image:-webkit-image-set(url(../img/layout/body-bg-md-1920w.webp) 1x, url(../img/layout/body-bg-md-3840w.webp) 2x);
    background-image:image-set(url(../img/layout/body-bg-md-1920w.webp) 1x, url(../img/layout/body-bg-md-3840w.webp) 2x);
  }
  .h1{
    font-size:8rem;
    font-size:clamp(4rem, 5.7142857143vw, 8rem);
    line-height:96%;
  }
  br.lg{
    display:initial;
  }
  .form__label{
    font-size:1.4rem;
  }
  .qty-input{
    --height:6rem;
    min-width:13.6rem;
    border-radius:2rem;
    padding:0 1.9rem;
  }
  .button--sm{
    padding:1.4rem 3rem 1.8rem;
    font-size:1.8rem;
  }
  .cart-button{
    min-height:6rem;
    border-radius:2rem;
    padding:0.2rem 4rem 0.6rem;
    font-size:2rem;
  }
  .dialog-wrapper{
    padding:3rem 4rem 4rem;
  }
  .dialog-header{
    margin-bottom:1.5rem;
  }
  .dialog-title{
    font-size:3.4rem;
    line-height:4.5rem;
  }
  .drawer.navbar{
    position:static;
    z-index:initial;
    overflow:initial;
    width:100%;
    height:initial;
    background-color:transparent;
    transform:none;
    transition:none;
  }
  .nav__link[data-label]::after{
    top:-1.2rem;
    right:-1rem;
  }
  .nav__item:first-child .nav__link[data-label]::after{
    right:-1rem;
  }
  .navbar .nav-container{
    display:flex;
    justify-content:center;
    width:100%;
    padding-right:4.4rem;
  }
  .navbar .nav__list{
    justify-content:space-between;
    gap:0.5rem;
    width:100%;
    max-width:132rem;
  }
  .navbar .nav__link{
    font-size:1.6rem;
  }
  .navbar .nav__item:has(.nav__logo){
    margin:0 -1.2rem;
  }
  .navbar-close{
    display:none;
  }
  .navbar__socials{
    display:none;
  }
  .swiper-controls{
    width:10.8rem;
    height:2.4rem;
  }
  .swiper-controls .swiper-button-next,
  .swiper-controls .swiper-button-prev{
    top:1rem;
    width:3.4rem;
    height:2.8rem;
  }
  .custom-select-opener{
    height:6rem;
    border-radius:2rem;
    padding-right:5rem;
    padding-left:2.9rem;
    font-size:2rem;
  }
  .icon.select-wrapper__chevron{
    right:3rem;
  }
  .custom-select-panel{
    border-radius:2rem;
  }
  .custom-select-option{
    min-height:6rem;
    font-size:2rem;
    line-height:4rem;
  }
  .tag{
    padding:1.1rem 3rem 1.2rem 3rem;
    font-size:2rem;
    letter-spacing:0.002em;
  }
  .tag--tab{
    font-size:1.8rem;
  }
  .header.is-sticky{
    background-image:url(../img/layout/body-bg-md-1920w.jpg);
    background-image:url(../img/layout/body-bg-md-1920w.webp);
  }
  .webp .header.is-sticky{
    background-image:-webkit-image-set(url(../img/layout/body-bg-md-1920w.webp) 1x, url(../img/layout/body-bg-md-3840w.webp) 2x);
    background-image:image-set(url(../img/layout/body-bg-md-1920w.webp) 1x, url(../img/layout/body-bg-md-3840w.webp) 2x);
  }
  .header__logo.logo{
    display:none;
  }
  .header-lang-switcher{
    position:absolute;
    top:50%;
    right:var(--container-padding);
    transform:translateY(-50%);
  }
  .lang-switcher .custom-select-opener{
    width:2.4rem;
    height:2.4rem;
    padding-left:2.4rem;
  }
  .lang-switcher .custom-select-panel{
    width:5.2rem;
  }
  .lang-switcher .custom-select-option{
    min-height:5rem;
    padding:0 0 0 5.2rem;
    background-position:center left 1.4rem;
  }
  .lang-switcher .custom-select-opener,
  .lang-switcher .custom-select-option{
    background-size:2.4rem;
  }
  .page-header__wrapper{
    margin-top:2rem;
    padding-top:4.4rem;
    padding-bottom:6rem;
  }
  .page-header__title{
    font-size:clamp(4rem, 5vw, 8rem);
    line-height:96%;
  }
  .page-header__back-button{
    font-size:1.6rem;
  }
  .page-wrapper{
    --page-wrapper-offset-top:5rem;
    --page-wrapper-offset-bottom:6rem;
  }
  .footer{
    background-image:url(../img/layout/dark-section-bg-md-3840w.jpg);
  }
  .footer__nav .nav__logo{
    width:32.1rem;
  }
  .sb-decor::after{
    aspect-ratio:947/183;
    bottom:-4.4rem;
    max-width:94.7rem;
  }
  .event-header{
    margin-bottom:1.7rem;
    font-size:1.4rem;
  }
  .event-card{
    padding:2rem;
  }
  .event-card__text{
    font-size:1.8rem;
  }
  .hero{
    gap:0.4rem;
  }
  .hero-selector__container{
    gap:0.4rem;
    grid-template-columns:max(58.1%, 44.6rem) minmax(32rem, auto);
  }
  .hero-selector__item-link--banner .hero-selector__info{
    bottom:5.5rem;
    left:8vw;
    font-size:3rem;
  }
  .hero-selector__item-link--banner .hero-selector__tag{
    border-radius:1.2rem;
    padding:0.9rem 2rem;
    font-size:2rem;
  }
  .hero-selector__item-link--banner .hero-selector__title{
    margin-top:1.6rem;
    font-size:clamp(5rem, 7.1428571429vw, 10rem);
  }
  .hero-selector__item-link--banner .hero-selector__caption{
    margin-top:1.2rem;
  }
  .hero-selector__info{
    bottom:3.4rem;
    left:3.6rem;
    font-size:1.6rem;
  }
  .hero-selector__tag{
    font-size:1.2rem;
  }
  .hero-selector__title{
    margin-top:0.8rem;
    font-size:clamp(3rem, 3.5714285714vw, 5rem);
  }
  .hero-selector__caption{
    margin-top:1rem;
  }
  .hero-about__wrapper{
    background-image:url(../img/layout/gray-section-bg-md-1936w.jpg);
    background-image:url(../img/layout/gray-section-bg-md-1936w.webp);
  }
  .webp .hero-about__wrapper{
    background-image:-webkit-image-set(url(../img/layout/gray-section-bg-md-1936w.webp) 1x, url(../img/layout/gray-section-bg-md-3872w.webp) 2x);
    background-image:image-set(url(../img/layout/gray-section-bg-md-1936w.webp) 1x, url(../img/layout/gray-section-bg-md-3872w.webp) 2x);
  }
  .hero-about__title{
    margin-top:-0.4rem;
    font-size:2.2rem;
    line-height:2.1rem;
  }
  .hero-about__caption{
    font-size:4rem;
  }
  .hero-platforms__link,
  .platforms-list__link{
    aspect-ratio:2/1;
    max-width:20rem;
    border-radius:2rem;
  }
  .hero + .media-section{
    margin-top:0.4rem;
  }
  .media-swiper .swiper-slide{
    width:44.8rem;
  }
  .media-section + .merch-section{
    margin-top:0.4rem;
  }
  .merch-section__wrapper::after{
    bottom:-4.8rem;
  }
  .merch-section + .events-section{
    margin-top:0.4rem;
  }
  .events-section + .press-section{
    margin-top:0.4rem;
  }
  .press-section + .promo{
    margin-top:0.4rem;
  }
  .press-section-feed{
    grid-template-rows:repeat(4, 1fr);
  }
  .press-section-feed .press-card:first-child{
    grid-row:1/5;
  }
  .press-section-feed .press-card:nth-child(n+5){
    display:grid;
  }
  .press-section-feed .press-card:nth-child(n+6){
    display:none;
  }
  .press-card{
    gap:1.7rem;
    border-radius:3rem;
  }
  .press-card__thumb{
    border-radius:2rem;
  }
  .press-card__date{
    top:3rem;
  }
  .press-card__content{
    padding:0 2rem;
    font-size:1.4rem;
    line-height:2rem;
  }
  .press-card__title{
    font-size:2.4rem;
    line-height:2.3rem;
  }
  .press-card__text{
    margin-top:0.2rem;
  }
  .press-card__link{
    margin-top:0;
  }
  .press-card__link{
    font-size:1.6rem;
    line-height:1.4rem;
  }
  .press-card--sm{
    gap:2rem;
    border-radius:1rem;
    padding:1.3rem 4rem 1.3rem 1rem;
  }
  .promo__wrapper{
    aspect-ratio:16/9;
  }
  .promo__content{
    font-size:2.2rem;
    line-height:3rem;
  }
  .promo__content br{
    display:initial;
  }
  .promo__actions .promo__button{
    min-height:6rem;
    border-radius:2rem;
    padding:0.8rem 4rem 1.2rem;
    font-size:2rem;
  }
  .promo--cartoon .promo__info{
    gap:4rem;
    max-width:64.8rem;
    margin-left:5vw;
  }
  .promo--cartoon .promo__logo{
    max-width:40rem;
  }
  .promo--cartoon .promo__content{
    font-size:2.2rem;
    line-height:3rem;
  }
}

@media (min-width: 960px) and (min-width: 1600px){
  .navbar .nav-container{
    padding-right:0;
  }
}

@media (min-width: 1400px){
  .form__field{
    gap:1.2rem;
  }
  .input-textarea{
    min-height:15.2rem;
  }
  .form{
    --input-height:6rem;
    --border-radius:2rem;
  }
  .cart-button .icon{
    transform:translateY(0.2rem);
  }
  .nav__link[data-label]::after{
    right:-2.2rem;
  }
  .nav__item:first-child .nav__link[data-label]::after{
    right:-2.6rem;
  }
  .navbar .nav__link{
    font-size:1.8rem;
  }
  .navbar .nav__logo{
    height:9.8rem;
    background-position:center, top 2rem right 2.6rem;
    transform:translateY(0.7rem);
  }
  .navbar .nav__logo img{
    width:89%;
    transform:translateX(2rem);
    object-fit:initial;
  }
  .logo{
    width:32.1rem;
    height:7.8rem;
  }
  .categories-tags{
    margin-bottom:5rem;
  }
  .tag--tab{
    padding-bottom:2.2rem;
  }
  .header{
    margin-top:2.1rem;
    padding-top:0;
    padding-bottom:0.6rem;
    background-position:center top calc(var(--header-offset) * -1);
  }
  .header > .container{
    max-width:192rem;
  }
  .page-header__wrapper{
    border-radius:6rem;
  }
  .page-header__wrapper.sb-decor::after{
    bottom:-4.8rem;
    width:95rem;
    opacity:0.25;
  }
  .page-header__content{
    margin-top:3.4rem;
  }
  .page-header__content--cart,
  .page-header__content:has(.page-header__cart-button){
    margin-top:3.5rem;
    margin-bottom:-0.1rem;
  }
  .page-header__content--cart .cart-button,
  .page-header__content:has(.page-header__cart-button) .cart-button{
    transform:translateY(1rem);
  }
  .page-header__label{
    margin-top:2.8rem;
    margin-bottom:-0.8rem;
    font-size:2.2rem;
    line-height:2.8rem;
  }
  .page-header__caption{
    margin-top:2.8rem;
    font-size:2.2rem;
    line-height:2.8rem;
  }
  .page-header__play-button{
    margin-top:5.2rem;
    margin-bottom:-1rem;
  }
  .page-wrapper{
    --page-wrapper-offset-bottom:10rem;
  }
  .homepage .page-wrapper{
    padding-bottom:0.4rem;
  }
  .container{
    --container-padding:4rem;
  }
  .content h2{
    margin-bottom:2.2rem;
    font-size:4rem;
    line-height:3.9rem;
  }
  .content h3{
    font-size:2.2rem;
    line-height:2.1rem;
  }
  .footer{
    border-radius:6rem 6rem 0 0;
  }
  .footer__wrapper{
    padding:9.7rem 0 10rem;
  }
  .footer__wrapper.sb-decor::after{
    bottom:-4.7rem;
  }
  .footer__nav{
    width:100%;
  }
  .footer__nav .nav__list{
    justify-content:space-between;
    max-width:initial;
  }
  .footer__nav .nav__item:has(.nav__logo){
    order:initial;
    width:initial;
    margin-bottom:0;
    margin-left:6rem;
    transform:translateX(-2.7rem) translateY(0.8rem);
  }
  .footer__socials{
    margin-top:6.3rem;
  }
  .footer__copyright{
    margin-top:6rem;
  }
  .common-section{
    gap:4.7rem;
  }
  .common-section--top-offset{
    margin-top:5rem;
  }
  .common-section--platforms{
    gap:2.5rem;
  }
  .common-section--platforms .platform-link img{
    aspect-ratio:194/100;
    border-radius:2rem;
  }
  .common-section--lyrics{
    gap:2.3rem;
  }
  .common-section__title{
    font-size:4rem;
    line-height:3.9rem;
  }
  .common-section__socials .social-link{
    width:6rem;
    height:6rem;
  }
  .common-section__socials .icon{
    font-size:6rem;
  }
  .platforms-wrapper{
    gap:2.4rem;
  }
  .lyrics-wrapper{
    padding-right:0;
  }
  .lyrics-wrapper .content{
    --common-gap:2.6rem;
    font-size:1.8rem;
    line-height:2.6rem;
  }
  .lyrics-wrapper__button{
    margin-top:2rem;
    font-size:1.6rem;
    line-height:1.5rem;
  }
  .event-header__item--date{
    width:22.6%;
  }
  .event-header__item--city{
    width:16.7%;
  }
  .event-header__item--place{
    width:18.3%;
  }
  .event-card__item--date{
    width:23.4%;
  }
  .event-card__item--city{
    width:17.3%;
  }
  .event-card__item--place{
    width:18.9%;
  }
  .hero{
    margin-top:calc(var(--page-wrapper-offset-top) * -1 + 2rem);
  }
  .hero-selector__swiper-media,
  .hero-selector__swiper-merch{
    border-radius:6rem;
  }
  .hero-selector__swiper-merch{
    border-bottom-left-radius:0;
  }
  .hero-selector__item-link{
    --border-radius:6rem;
  }
  .hero-selector__info{
    bottom:5.4rem;
    left:5.6rem;
  }
  .hero-selector__button{
    display:inline-flex;
  }
  .hero-about__wrapper{
    border-radius:6rem;
    padding:8.6rem 0 9.9rem;
    font-size:2rem;
    line-height:2.8rem;
  }
  .hero-platforms__wrapper{
    border-radius:6rem;
    padding:9.1rem 0 10rem;
  }
  .hero-platforms__wrapper::after{
    bottom:-4.8rem;
  }
  .hero-platforms__container{
    gap:6.9rem;
  }
  .hero-platforms__list,
  .platforms-list{
    gap:2.4rem;
  }
  .media-section__wrapper{
    border-radius:6rem;
    padding:9.1rem 0 10rem;
  }
  .media-section__container{
    gap:6rem;
  }
  .media-swiper{
    margin-top:0.9rem;
  }
  .media-swiper .swiper-slide{
    width:64.8rem;
  }
  .media-card__thumb{
    border-radius:6rem;
  }
  .merch-section__wrapper{
    border-radius:6rem;
    padding:9.1rem 0 10rem;
  }
  .merch-section__container{
    gap:6rem;
  }
  .merch-swiper-wrapper{
    margin-top:0.9rem;
  }
  .merch-swiper .swiper-slide{
    width:31.2rem;
  }
  .merch-card{
    border-radius:3rem;
  }
  .merch-card__thumb{
    aspect-ratio:292/340;
    border-radius:2rem;
  }
  .merch-card__tags{
    top:3rem;
  }
  .merch-card__content{
    margin-top:1.7rem;
    padding:0 2rem;
  }
  .merch-card__title{
    font-size:2.4rem;
    line-height:2.3rem;
  }
  .merch-card__description{
    margin-top:1.1rem;
    font-size:1.6rem;
    line-height:2rem;
  }
  .merch-card__button{
    min-height:6rem;
    margin-top:2.2rem;
    border-radius:2rem;
    padding:1.6rem 4rem 1.8rem;
    font-size:2rem;
  }
  .events-section__wrapper{
    border-radius:6rem;
    padding:9.1rem 0 10rem;
  }
  .events-section__container{
    gap:6rem;
  }
  .event-swiper-container{
    margin-top:2.2rem;
  }
  .press-section__wrapper{
    padding:9.1rem 0 10rem;
  }
  .press-section__container{
    gap:6rem;
  }
  .press-section-feed{
    gap:2.4rem;
    grid-template-columns:1fr 1fr 1fr;
    margin-top:1rem;
    margin-bottom:-0.1rem;
  }
  .press-section-feed .press-card:first-child, .press-section-feed .press-card:nth-child(2){
    grid-row:1/5;
  }
  .press-section-feed .press-card:first-child{
    grid-column:1;
  }
  .press-section-feed .press-card:nth-child(2){
    grid-column:2;
  }
  .press-section-feed .press-card:nth-child(n+3){
    display:grid;
    grid-column:3;
  }
  .press-section--inner .press-section__wrapper{
    border-radius:6rem;
    padding:9.2rem 0 10.1rem;
  }
  .press-section--inner .h1{
    font-size:6rem;
  }
  .promo__wrapper{
    border-radius:6rem;
  }
  .promo__info{
    gap:4rem;
    max-width:64.8rem;
    margin-top:0;
  }
  .promo__logo{
    aspect-ratio:648/370;
    max-width:64.8rem;
  }
  .promo--cartoon .promo__wrapper{
    aspect-ratio:initial;
    height:82rem;
    padding-top:2rem;
  }
  .promo--cartoon .promo__info{
    margin-left:0.9rem;
  }
  .promo--cartoon .promo__logo{
    max-width:64.8rem;
  }
  .promo__bird{
    display:block;
  }
}

@media (min-width: 1600px){
  .navbar .nav__list{
    justify-content:flex-start;
    gap:5rem;
  }
  .navbar .nav__item:has(.nav__logo){
    margin:0 5.4rem 0 1.2rem;
  }
  .header-lang-switcher{
    right:6rem;
    margin-top:0.2rem;
  }
  .hero-selector__item-link--banner .hero-selector__info{
    left:30rem;
  }
}

@media (min-width: 1920px){
  body{
    overflow-x:hidden;
  }
  .navbar .nav__logo{
    -webkit-mask-image:radial-gradient(ellipse, black 50%, transparent 85%);
            mask-image:radial-gradient(ellipse, black 50%, transparent 85%);
  }
  .hero-about__wrapper{
    width:192rem;
    margin:0 auto;
  }
  .promo__bird{
    right:calc(50% - 80.3rem);
    bottom:-10.8rem;
    width:30.2rem;
  }
}

@media (max-width: 959.98px){
  .navbar-toggler{
    position:relative;
    z-index:101;
    display:block;
    flex-shrink:0;
    order:-1;
    width:5rem;
    height:5rem;
    border:0;
    border-radius:1rem;
    padding:1.3rem;
    background-image:linear-gradient(90deg, var(--gradient-primary-color) 0%, var(--gradient-secondary-color) 100%);
    background-color:transparent;
    transition:--gradient-secondary-color var(--transition-medium-cubic);
  }
  .navbar-toggler:hover, .navbar-toggler:focus-visible{
    --gradient-secondary-color:var(--color-primary);
  }
  .navbar-burger{
    --burger-color:var(--color-white);
    display:block;
    width:1.8rem;
    height:0.2rem;
    background-color:var(--burger-color);
  }
  .navbar-burger::after, .navbar-burger::before{
    content:"";
    position:absolute;
    left:1.3rem;
    width:2.4rem;
    height:0.2rem;
    background-color:var(--burger-color);
    transition:transform var(--transition-long-cubic);
  }
  .navbar-burger::before{
    transform:translateY(-0.7rem);
  }
  .navbar-burger::after{
    width:1.2rem;
    transform:translateY(0.7rem);
  }
  .navbar-toggler[aria-expanded=true] .navbar-burger{
    background-color:transparent;
  }
  .navbar-toggler[aria-expanded=true] .navbar-burger::after, .navbar-toggler[aria-expanded=true] .navbar-burger::before{
    border-radius:0;
  }
  .navbar-toggler[aria-expanded=true] .navbar-burger::before{
    transform:rotate(45deg);
  }
  .navbar-toggler[aria-expanded=true] .navbar-burger::after{
    width:2.4rem;
    transform:rotate(-45deg);
  }
  .navbar{
    background-color:rgba(0, 0, 0, 0.75);
    -webkit-backdrop-filter:blur(40px);
            backdrop-filter:blur(40px);
  }
  .navbar.drawer{
    height:100%;
  }
  .navbar .nav-container{
    display:flex;
    flex-grow:1;
    flex-direction:column;
    align-items:center;
    height:min-content;
    padding-top:0;
  }
  .navbar .nav__list{
    flex-direction:column;
    align-items:initial;
    gap:3.3rem;
    padding:3.4rem 3rem 4.1rem;
  }
  .navbar .nav__sublist{
    overflow-y:hidden;
  }
  .navbar .nav__sublist > .nav__item:first-child{
    padding-top:2rem;
  }
  .navbar .nav__item:has(.nav__logo){
    display:none;
  }
  .navbar .nav__link{
    --color:var(--color-white);
    --color-hover:var(--color-primary);
    --color-active:var(--color-primary);
    justify-content:center;
    width:100%;
    font-size:1.8rem;
    line-height:normal;
    text-align:center;
  }
}

@media (max-width: 959.98px) and (min-width: 768px){
  .navbar .nav__list{
    gap:4.3rem;
    padding:4.4rem 3rem 4.1rem;
  }
}

@media (max-width: 767.98px){
  .dialog--vh-mobile{
    height:calc(100dvh - 6rem);
    margin-top:6rem;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
  }
  .press-section-feed .press-card:nth-child(n+4){
    display:none;
  }
}

@media (max-width: 389.98px){
  .page-header__title--small{
    font-size:3rem;
  }
  .events-section .section-more-button{
    padding:1.8rem 2rem 2.2rem;
    font-size:1.8rem;
  }
  .press-section .section-more-button{
    padding:1.8rem 2rem 2.2rem;
  }
  .promo__actions .promo__button{
    width:100%;
    padding:0.8rem 2rem 1.2rem;
  }
  .promo__button{
    width:100%;
    padding:1.8rem 2rem 2.2rem;
  }
}

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

@media (hover: none){
  .categories-tags{
    overflow-x:auto;
    flex-wrap:nowrap;
    scrollbar-width:none;
  }
}