._zcZz72z {
  width: 100vw;
  height: 100vh;
  position: relative;
  z-index: 0;
}

.g1XHGOSr {
  position: fixed;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  pointer-events: none;
  z-index: 9999;

  --cursor-x: -100px;
  --cursor-y: -100px;

  transform: translate3d(var(--cursor-x), var(--cursor-y), 0);
  will-change: transform;
  transition: transform var(--cursor-duration, 0.1s) linear;
}

.T0ecqjDC {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #000000;
  position: relative;

  transform: translate(-50%, -50%) scale(1);
  will-change: transform;
  transition:
    transform 0s ease,
    width 0s ease,
    height 0s ease,
    background-color 0s ease;
}

.caGDnpHS .T0ecqjDC {
  transform: translate(-50%, -50%) scale(1);
}

.VVsl_Cxe .T0ecqjDC,
.tYaRFZy1 .T0ecqjDC {
  width: 24px;
  height: 24px;
  border-radius: 0;
  background-color: transparent;
}

.VVsl_Cxe .T0ecqjDC {
  transform: translate(-50%, -50%);
}

.tYaRFZy1 .T0ecqjDC {
  transform: translate(-50%, -50%);
}

.VVsl_Cxe .T0ecqjDC::before,
.tYaRFZy1 .T0ecqjDC::before {
  content: "<————";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #000000;
  font-size: 16px;
  line-height: 1;
  white-space: nowrap;
  user-select: none;
  pointer-events: none;
}

.tYaRFZy1 .T0ecqjDC::before {
  transform: translate(-50%, -50%) scaleX(-1);
}

.dpsFkxzQ {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.pAFDJJEO {
  height: var(--max-main-box-height);
  width: var(--max-main-box-width);
  margin-top: var(--max-main-box-up-margin);
  margin-inline: auto;
  position: relative;
  z-index: 1;
}

.USvEqpD1 {
  width: 100%;
}

.qLtDg5Ho {
  display: flex;
  justify-content: space-between;
  gap: var(--double-space);
  margin-top: var(--p-gap);
}

.d0_yuiZ7 {
  width: calc(50% - var(--space));
}

.GTvFWsJ0 {
  display: none;
}

.vig7vcgR {
  margin: 0;
}

.H9VRzNnI {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
}

.dLDAhsLX {
  width: 100vw;
  transform: translate3d(0, 0, 0);
  will-change: transform;
}

.cuxz0SFr {
  width: 100vw;
  height: auto;
  display: block;
  user-select: none;
  opacity: 60%;
  transition: opacity var(--duration) ease;
}

.IPrU6aqz .cuxz0SFr {
  opacity: 50%;
}

@media screen and (max-width: 1000px) {
  .pAFDJJEO {
    width: 95%;
    box-sizing: border-box;
    padding-inline: var(--inner-buttons-padding);
    display: flex;
    flex-direction: column;
  }

  .qLtDg5Ho {
    display: none;
  }

  .GTvFWsJ0 {
    display: block;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    margin-top: var(--space);
  }

  .USvEqpD1 {
    margin-left: 11px;
  }
}

.K7fiztwk {
  position: absolute;
  top: var(--inner-buttons-padding);
  left: var(--inner-buttons-padding);
  z-index: 100;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;

  background: transparent;
  border: none;
  cursor: pointer;

  opacity: 0;
  pointer-events: none;
  transition: opacity 200ms ease;
}

.K7fiztwk[data-visible="true"] {
  opacity: 1;
  pointer-events: auto;
}

.FKhTKu71 {
  display: block;
}

.X80CH254 {
  line-height: 1;
}

.K7fiztwk:hover .X80CH254,
.K7fiztwk:focus-visible .X80CH254 {
  text-decoration: underline;
}

.EsuSFrwu {
  width: 26px;
  height: 26px;
  background-image: url(../3e07bcda89e73e3de782.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media (prefers-reduced-motion: reduce) {
  .K7fiztwk {
    transition: none;
  }
}

.F9bLZweS {
  min-width: 0;
}

.Is2CcxPP {
  --scroll-fade-size: 20px;
  --_fade-top: var(--scroll-fade-size);
  --_fade-bottom: var(--scroll-fade-size);

  height: var(--scroll-fade-height);
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;

  position: relative;
  width: 100%;
}

.Is2CcxPP[data-scrollable="true"] {
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0,
    #000 var(--_fade-top),
    #000 calc(100% - var(--_fade-bottom)),
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0,
    #000 var(--_fade-top),
    #000 calc(100% - var(--_fade-bottom)),
    transparent 100%
  );
}

.Is2CcxPP[data-scrollable="false"] {
  -webkit-mask-image: none;
  mask-image: none;
}

.Is2CcxPP[data-scrollable="true"][data-at-top="true"] {
  --_fade-top: 0px;
}

.Is2CcxPP[data-scrollable="true"][data-at-bottom="true"] {
  --_fade-bottom: 0px;
}

.Is2CcxPP::before,
.Is2CcxPP::after {
  content: "";
  position: sticky;
  left: 0;
  right: 0;
  height: var(--scroll-fade-size);
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  transition: opacity 120ms ease;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

.Is2CcxPP::before {
  top: 0;
  margin-top: calc(-1 * var(--scroll-fade-size));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), transparent);
}

.Is2CcxPP::after {
  bottom: 0;
  margin-bottom: calc(-1 * var(--scroll-fade-size));
  background: linear-gradient(to top, rgba(255, 255, 255, 0.9), transparent);
}

.Is2CcxPP[data-scrollable="true"][data-at-top="false"]::before {
  opacity: 1;
}

.Is2CcxPP[data-scrollable="true"][data-at-bottom="false"]::after {
  opacity: 1;
}

.CyggIQHx {
  all: unset;
  box-sizing: border-box;
  display: inline-block;
  padding: calc(var(--space));
  padding-left: 3px;
  padding-top: calc(
    calc(var(--space) / 3) + calc(var(--text-1-text-size) * 2.3)
  );
  position: relative;
  height: calc(var(--text-1-text-size) * 1);
  width: 100%;
}

.CCMaoJUd {
  border-bottom: 1.5px solid black;
  position: relative;
}

.WdyFYLT6 {
  position: absolute;
  color: rgb(0, 0, 0);
  top: calc(calc(var(--space) / 3) + calc(var(--text-1-text-size) * 1.6));
  left: 3px;
  opacity: var(--text-opacity);
  transition: all 400ms ease;
  pointer-events: none;
}

.CyggIQHx:focus + .WdyFYLT6,
.CyggIQHx:not(:placeholder-shown) + .WdyFYLT6 {
  /* лучше + если label сразу после input */
  top: calc(var(--space) / 1.4);
}

.yrmwrsUm {
  all: unset;
  cursor: pointer;
}

.yrmwrsUm:disabled {
  opacity: var(--text-opacity);
}

.yrmwrsUm:disabled:hover {
  opacity: var(--text-opacity);
  text-decoration: none;
}

.yrmwrsUm:hover {
  text-decoration: underline;
}

.pwTqWQGM {
  text-decoration: underline;
}

.jrAJp4mW {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 100;
  inset: 0;
  backdrop-filter: blur(14px);
}

.NKWEU5qn {
  width: 35vw;
}

.wzfislMJ {
  display: flex;
  justify-content: end;
  width: 100%;
  margin-top: calc(var(--space) / 2);
  gap: var(--space);
}

.B6Wju3JI {
  padding: var(--space);
  padding-inline: var(--space-3);
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );

  position: absolute;
  bottom: var(--max-main-box-bottom-margin);
  margin-left: 50vw;
  transform: translateX(-50%);
  transition: 300ms;
  pointer-events: none;
  z-index: 10;
}

.bZk7s6qr {
  opacity: 1;
  transform: translateY(0px) translateX(-50%);
}

.nleuBFBd {
  opacity: 0;
  transform: translateY(10px) translateX(-50%);
}

/* LayerShell.module.css */
.rc4iMXHC {
  position: absolute;
  inset: 0;
  transition: opacity var(--duration) ease;
  will-change: filter, opasity;
}

.Oe__dMet {
  width: 100%;
  height: 100%;
  transition: filter var(--duration) ease;
  filter: blur(0px);
  will-change: filter, opasity;
}

.P8CQ4H7j {
  opacity: 1;
  pointer-events: auto;
}

.K3OVDhQs {
  opacity: 0;
  pointer-events: none;
}

.leV10q2l {
  filter: blur(var(--blur-bg));
  will-change: filter, opasity;
}

.lDsw9wY8 {
  width: 100vw;
  height: 100vh;
  position: absolute;
  background: rgba(255, 255, 255, 0.15);
}

.q2V0G9U1 {
  width: var(--max-main-box-width);
  margin-inline: auto;
  height: 100vh;
  padding-top: var(--max-main-box-up-margin);
  padding-bottom: var(--max-main-box-up-margin);
  overflow: hidden;

  position: relative;
}

.jkCNbhpC {
  animation: P27Yxbbx 220ms ease;
}

@keyframes P27Yxbbx {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.vdwQCxFq {
  width: 100%;
  position: relative;

  display: flex;
  gap: var(--space-3);
}

@media screen and (max-width: 1000px) {
  .q2V0G9U1 {
    overflow: auto;
  }

  .vdwQCxFq {
    flex-direction: column;
    gap: var(--space);
  }
}

.ywnZPIvO {
  width: calc(50% - calc(var(--space-3) / 2));
}

.s3DxdNjK {
  border-bottom: 0;
}

.XSRtKjNU {
  --info-block-right-height: var(--max-main-box-height);
}

@media screen and (max-width: 1000px) {
  .ywnZPIvO {
    width: 100%;
  }

  .XSRtKjNU {
    --info-block-right-height: 30dvh;
    margin-top: var(--space-3);
    height: 30dvh;
  }

  .s3DxdNjK {
    border-bottom: 1.5px solid black;
    padding-bottom: var(--space);
  }
}

.xaxRWN_v {
  height: var(--max-main-box-height);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.ymNZlJ3B {
  width: calc(50% - calc(var(--space-3) / 2));
}

.UzsJ_9qF {
  border-bottom: 0;
}

@media screen and (max-width: 1000px) {
  .ymNZlJ3B {
    width: 100%;
  }

  .xaxRWN_v {
    width: 100%;
  }

  .Ku5qcrhZ {
    --info-block-right-height: 30dvh;
    margin-top: var(--space-3);
    height: 30dvh;
  }

  .UzsJ_9qF {
    border-bottom: 1.5px solid black;
    padding-bottom: var(--space);
  }
}

.S_KSze79 {
  width: calc(50% - calc(var(--space-3) / 2));
}

.SL7UU4F0 {
  border-bottom: 0;
}

.vLG7FTdq {
  --info-block-right-height: var(--max-main-box-height);
}

@media screen and (max-width: 1000px) {
  .S_KSze79 {
    width: 100%;
  }

  .vLG7FTdq {
    --info-block-right-height: 30dvh;
    margin-top: var(--space-3);
    height: 30dvh;
  }

  .SL7UU4F0 {
    border-bottom: 1.5px solid black;
    padding-bottom: var(--space);
  }
}

.IMTa4Lzg {
  width: calc(50% - calc(var(--space-3) / 2));
}

.Vc_RGoGg {
  border-bottom: 0;
}

.JUjdvGPf {
  --info-block-right-height: var(--max-main-box-height);
}

@media screen and (max-width: 1000px) {
  .IMTa4Lzg {
    width: 100%;
  }

  .JUjdvGPf {
    --info-block-right-height: 30dvh;
    margin-top: var(--space-3);
    height: 30dvh;
  }

  .Vc_RGoGg {
    border-bottom: 1.5px solid black;
    padding-bottom: var(--space);
  }
}

.Fiup7qCt {
  width: calc(50% - calc(var(--space-3) / 2));
}

.K3KdcFGk {
  border-bottom: 0;
}

.G_LKpNsL {
  --info-block-right-height: var(--max-main-box-height);
}

@media screen and (max-width: 1000px) {
  .Fiup7qCt {
    width: 100%;
  }

  .G_LKpNsL {
    --info-block-right-height: 30dvh;
    margin-top: var(--space-3);
    height: 30dvh;
  }

  .K3KdcFGk {
    border-bottom: 1.5px solid black;
    padding-bottom: var(--space);
  }
}

.FHMU7Xky {
  position: absolute;
  bottom: var(--inner-buttons-padding);
  left: var(--inner-buttons-padding);
  z-index: 1;
  isolation: isolate;

  width: var(--info-buttons-width);

  display: flex;
  flex-direction: column;
  justify-content: end;
}

.FHMU7Xky > * {
  position: relative;
  z-index: 1;
}

.FHMU7Xky::before,
.FHMU7Xky::after {
  content: "";
  position: absolute;
  inset: 0;
  bottom: -6vh;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms ease;
}

.JE5VP6c3 {
  display: flex;
  flex-direction: column;
  justify-content: end;
  transition:
    opacity 220ms ease,
    transform 220ms ease;
}

.FHMU7Xky::before {
  background: linear-gradient(
    to top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.4) 10%,
    rgba(255, 255, 255, 0) 100%
  );
}

.FHMU7Xky::after {
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  background: linear-gradient(
    to top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.9) 10%,
    rgba(255, 255, 255, 0) 100%
  );
  -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1), transparent);
  mask-image: linear-gradient(to top, rgba(0, 0, 0, 1), transparent);
}

.Q5fcZEPp .JE5VP6c3 {
  position: absolute;
  bottom: calc(100% + calc(var(--space) * 0.3));
  left: 0;
  opacity: 0;
  transform: translateY(6px);
  pointer-events: none;
}

.Q5fcZEPp.XQl37cQB .JE5VP6c3 {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.pw3Ed12K {
  all: unset;
  position: relative;
  z-index: 1;
  cursor: pointer;
  margin-top: 10px;
  line-height: 1;
  user-select: none;
}

.DKpHZxAc {
  z-index: 2;
}

.pw3Ed12K:hover {
  opacity: 0.7;
  text-decoration: underline;
}

@media screen and (max-width: 1000px) {
  .FHMU7Xky {
    left: 0;
    bottom: 0;
    margin-bottom: 5vh;
    width: 100%;
    box-sizing: border-box;
    padding: var(--inner-buttons-padding);
  }

  .Q5fcZEPp.XQl37cQB::before,
  .Q5fcZEPp.XQl37cQB::after,
  .UvFNZ7oF::before,
  .UvFNZ7oF::after {
    opacity: 1;
  }

  .Q5fcZEPp .JE5VP6c3 {
    position: relative;
    bottom: auto;
    left: auto;
    margin-bottom: 0;
    opacity: 0;
    transform: translateY(6px);
    pointer-events: none;
    max-height: 0;
    overflow: hidden;
  }

  .Q5fcZEPp.XQl37cQB .JE5VP6c3 {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    margin-bottom: calc(var(--space) * 0.3);
    max-height: 50vh;
  }
}

.PQoHBS14 {
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.F3EiQWsX {
  width: var(--max-main-box-width);
  margin-inline: auto;
  position: relative;
}

.d9uwj23o {
  height: 100vh;
  padding-top: var(--max-main-box-up-margin);
  padding-bottom: var(--max-main-box-bottom-margin);

  display: flex;
  flex-wrap: wrap;

  justify-content: center;
  gap: var(--space-5);
  row-gap: calc(var(--space-3));
  /* row-gap: var(--space); */
  align-items: center;

  scroll-behavior: smooth;
  overflow: scroll;
}

.VoRyiBIv {
  --card-width: var(--card-width-one);
  cursor: pointer;
}

.LF6dlkCa {
  --card-width: var(--card-width-two);
  cursor: pointer;
}

.TYoCYin5 {
  width: var(--card-width);
  position: relative;
}

.gSU_ZWNq {
  width: 100%;
  height: 100%;
  transform: scale(100%);
  transition: all 500ms;
}

.TYoCYin5:hover .gSU_ZWNq {
  transform: scale(102%);
}

.t9LQMf6c {
  position: absolute;
  top: 0;
  left: 0;
}
._lgI0VNl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: var(--card-width);
}

.wlbvqm1n {
  transform: translateY(8px);
}

.IXhsgqMU {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: calc(var(--bleed) * -1);

  top: 0;

  background: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: var(--bleed);
  padding-right: var(--bleed);
  backdrop-filter: blur(var(--blur-bg));
  z-index: 100;
}

.UM8tfKyu {
  display: none;
}

.afh5X89D {
  width: 100%;
  /* padding-left: var(--bleed);
  padding-right: var(--bleed); */
  display: flex;

  flex-direction: column;
  gap: var(--space-3);
}

.aUhynOEP {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--double-space);
}

.nUIDPfpl {
  grid-column: 1 / 2;
}

.wqGu85JX {
  grid-column: 2 / 3;
  display: flex;
  flex-direction: column;
  gap: var(--space);
}

.yQZviOoM {
  grid-column: 3 / 4;
  display: flex;
  flex-direction: column;
  gap: var(--space);
  position: relative;
}

.tvHHBGuY {
  align-self: flex-end;
}

.BxrLeJdK {
  display: flex;
  gap: var(--space);
}

.gVGb625g {
  display: flex;
  justify-content: space-between;
  gap: var(--space);
}

.NTvYOD44 {
  width: 100%;
}

.w0Zv6WyK {
  transform: translateY(10px);
}

.F5eQukWk {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space);
  width: 100%;
}

.NtiKHGkQ {
  transform: translateY(10px);
}

.WwEeGHDw {
  width: 100vw;
  height: 100vh;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
}

.wVkdndP9 {
  width: var(--max-main-box-width);
  margin-inline: auto;
  height: 100vh;
  padding-top: var(--max-main-box-up-margin);
  padding-bottom: var(--max-main-box-up-margin);
  overflow: auto;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--double-space);
}

.dQo7r4t1 {
  display: flex;
  flex-direction: column;
  gap: var(--space);
  position: relative;
}

@media screen and (max-width: 800px) {
  .wVkdndP9 {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }
}

.WD7BqIYh {
  display: flex;
  justify-content: space-between;
}

.rNmUMgRI {
  opacity: var(--text-opacity);
}

._9A7YUBs {
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
}

.y_oWDIX8 {
  border-bottom: 1.5px black solid;
  width: calc(calc(var(--max-main-box-width) / 3) - var(--space));
}

.gvTu_J3U {
  --_fade-top: var(--card-items-scroll-fade);
  --_fade-bottom: var(--card-items-scroll-fade);

  display: flex;
  flex-direction: column;
  gap: calc(var(--space) / 2);
  padding-top: calc(var(--space) / 3);
  padding-bottom: calc(var(--space) / 3);
  position: relative;
}

.gvTu_J3U[data-scrollable="true"] {
  /* Show ~2 items, hide the rest, and scroll inside */
  max-height: calc(
    (var(--checkout-card-item-img-size) * 2.2) + calc(var(--space) * 1.5)
  );
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;

  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0,
    #000 var(--_fade-top),
    #000 calc(100% - var(--_fade-bottom)),
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0,
    #000 var(--_fade-top),
    #000 calc(100% - var(--_fade-bottom)),
    transparent 100%
  );
}

.gvTu_J3U[data-scrollable="false"] {
  max-height: none;
  overflow: visible;
  overscroll-behavior: auto;
  scrollbar-gutter: auto;
}

.gvTu_J3U[data-show-fades="false"] {
  -webkit-mask-image: none;
  mask-image: none;
}

.gvTu_J3U[data-show-fades="true"][data-at-top="true"] {
  --_fade-top: 0px;
}

.gvTu_J3U[data-show-fades="true"][data-at-bottom="true"] {
  --_fade-bottom: 0px;
}

.gvTu_J3U::before,
.gvTu_J3U::after {
  content: "";
  position: sticky;
  left: 0;
  right: 0;
  height: var(--card-items-scroll-fade);
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  transition: opacity 120ms ease;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

.gvTu_J3U::before {
  top: 0;
  margin-top: calc(-1 * var(--card-items-scroll-fade));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), transparent);
}

.gvTu_J3U::after {
  bottom: 0;
  margin-bottom: calc(-1 * var(--card-items-scroll-fade));
  background: linear-gradient(to top, rgba(255, 255, 255, 0.9), transparent);
}

.gvTu_J3U[data-show-fades="true"][data-at-top="false"]::before {
  opacity: 1;
}

.gvTu_J3U[data-show-fades="true"][data-at-bottom="false"]::after {
  opacity: 1;
}

@media screen and (max-width: 800px) {
  .tMv_E9kb {
    border-bottom: 1.5px black solid;
    width: 100%;
  }
}

.huu3PiOA {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--space) / 2);
  /* background: blue; */
  width: 100%;
  height: var(--checkout-card-item-img-size, auto);
}

._kFrL2ki {
  width: var(--checkout-card-item-img-size, 30%);
  height: var(--checkout-card-item-img-size, auto);
  flex: 0 0 var(--checkout-card-item-img-size, 30%);
}

._kFrL2ki img {
  width: 100%;
  height: 100%;
}

.kv_V3ZZR {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.p09qD2wC {
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex: 1 1 auto;
  min-width: 0;
  margin-top: calc(var(--space) / -2);
}

.qW5TKVbF {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: calc(var(--space) / 2);
  min-width: 0;
}

.gzYMJmLX {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

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

.iveNE7d3 {
  text-align: left;
}

.RAibbWtD {
  display: flex;
  gap: var(--space);
}

.m1mMeOIG {
  cursor: pointer;
}

.m1mMeOIG:hover {
  text-decoration: underline;
}

.Z5P67o8S {
  display: flex;
  flex-direction: column;
  gap: calc(var(--space) * 0.7);
}

.f4DTQUcp {
  all: unset;
  appearance: none;
  box-sizing: border-box;
  display: inline-block;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  min-width: var(--checkbox-size);
  min-height: var(--checkbox-size);
  cursor: pointer;
  flex: 0 0 auto;

  border-radius: 50%;

  background-image: url(../53b676c29d86f1d3bfd8.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 300ms ease;
}

.f4DTQUcp:checked {
  background-image: url(../a96770638a5a2ea3bf98.svg);
  background-color: rgba(0, 0, 0, 0.05);
}

.f4DTQUcp:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  border-radius: 2px;
}

.f4DTQUcp:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.dKxQ6zWH {
  display: flex;
  gap: calc(var(--space) / 2);
}

.TCKzGPTE {
  transform: translateY(-3px);
}

.qFvr5SDb {
  text-decoration: underline dotted 1px;
  cursor: pointer;
}

.bWOBhGXO {
  display: flex;
  width: 100%;
  justify-content: end;
  position: absolute;
  bottom: 0;
}

.n4RsXtOM {
  width: 100vw;
  /* height: 100vh; */
  position: absolute;
  background: rgba(255, 255, 255, 0.15);
}

.SXVw19Re {
  width: var(--max-main-box-width);
  margin-inline: auto;
  height: 100vh;
  padding-top: var(--max-main-box-up-margin);
  padding-bottom: var(--max-main-box-up-margin);
  /* overflow: auto; */
  position: relative;
}

.a0kzSoDm {
  all: unset;
  position: absolute;
  cursor: pointer;
  top: var(--max-main-box-up-margin);
  left: 0;
  z-index: 100;
}

.a0kzSoDm:hover {
  text-decoration: underline;
}

/* ---- */

.t8SaiMxV {
  display: flex;
  justify-content: space-between;
  gap: var(--double-space);
}

.zD4V1B30 {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

.Ysaj2t7N {
  width: 100%;
  position: relative;
  /* height: var(--max-main-box-height); */
}
/* ------- */

.CHkWwP7Q {
  cursor: pointer;
  user-select: none;
}

.KuhThZru {
  overflow: hidden;
  opacity: 0;
  transition:
    opacity 220ms ease,
    transform 220ms ease;
}

.KwuPvuqM {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 60ms;
}

.wLVHzcX1 {
  margin-top: calc(var(--space) * 0.7);
}

.PfbXlvuA {
  position: absolute;
  top: 0;
  right: 0;
}

.wrjk09BR {
  display: none;
}

.Ok8AJeEp {
  display: inline;
}

.PfbXlvuA:hover {
  text-decoration: underline;
  cursor: pointer;
}

.TzDs3V2e {
  text-decoration: underline;
}

.rFS04kRf {
  cursor: pointer;
  user-select: none;
}

.Q2DydNTN {
  display: flex;
  gap: calc(var(--space) * 0.5);
}

.X0lrbeW_ {
  display: flex;
  flex-direction: column;
  gap: calc(var(--space) * 0.8);
}

._WK3A4Uv {
  display: none;
}

.geAgY7CL {
  display: flex;
}

.lc2EVBVR {
  display: inline;
}

.SDZveSCZ {
  /* transform: translateX(var(--bleed)); */
  z-index: 1000;
}

.IlvJh4Zi {
  position: absolute;
  bottom: var(--max-main-box-up-margin);
}

.T3BPEqE4 {
  display: flex;
  gap: var(--space);
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 1000px) {
  .t8SaiMxV {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
    gap: var(--double-space);
  }

  ._WK3A4Uv {
    display: flex;
    position: relative;
    padding-right: 6.5rem;
  }

  .geAgY7CL {
    display: none;
  }

  .wrjk09BR {
    display: inline;
  }

  .Ok8AJeEp {
    display: none;
  }

  .lc2EVBVR {
    display: none;
  }

  .a0kzSoDm {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: calc(var(--space) * 0.8);
  }
}

.iIATcdbw {
  width: 100%;
  /* height: var(--max-main-box-height); */
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wpWsYacc {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  z-index: 2;
}

.ScSDtVbx {
  left: 0;
}

.CzRckTkX {
  right: 0;
}

._IwP8N5J {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 8px;
}

.jMZV3wDA {
  --image-edge-fade: 24px;

  max-width: 100%;
  max-height: var(--max-main-box-height);
  width: auto;
  height: auto;
  display: block;
  transition: opacity 300ms ease;
  position: relative;
  z-index: 1;
}

.fIWCV9XD {
  opacity: 1;
}

.WFROyC5q {
  opacity: 0;
}

@media screen and (max-width: 1000px) {
  .lanIKmvQ {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
    gap: var(--double-space);
  }
}

.mQ7QPnSD {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: calc(var(--bleed) * -1);

  top: 0;

  background: rgba(255, 255, 255, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;

  backdrop-filter: blur(var(--blur-bg));
  z-index: 100;
}

.XHpOYQtS {
  display: none;
}

.ZU2BkE58 {
  display: flex;
  gap: var(--space);
  flex-wrap: wrap;
}

.UrUZp9a6 {
  width: var(--max-main-box-width);
  padding-top: var(--max-main-box-up-margin);
  padding-bottom: var(--max-main-box-up-margin);

  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.qAThcsr4 {
  display: flex;
  gap: var(--space);
}

._k0knSfR {
  width: 15vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

._72DpuATb {
  height: 18vw;
}

.mOnKCuuL {
  width: 15vw;
  height: 18vw;
}

.RZXY9Hy2 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.eLfa6I3I {
  opacity: 0;
  width: 0;
  height: 0;
  visibility: hidden;
}

.WaDsiPSs {
  text-decoration: none;
}

.RZXY9Hy2:hover .WaDsiPSs {
  text-decoration: underline;
}

.xA4sHcQJ {
  all: unset;
  cursor: pointer;
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;

  position: absolute;
  top: var(--inner-buttons-padding);

  left: calc(var(--space) * 0.7);

  z-index: 999;
  transition:
    top var(--duration) ease,
    left var(--duration) ease;
}

.xA4sHcQJ:disabled {
  cursor: default;
}

.YFOSwp_t {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: black;
  flex: 0 0 auto;
}

.dnP3TI0J {
  line-height: 1;
  user-select: none;
  opacity: 0;
  transition: opacity 200ms ease;
  pointer-events: none;
}

.mHlXVpgr {
  opacity: 1;
  pointer-events: auto;
}

.xA4sHcQJ:not(:disabled):hover .mHlXVpgr {
  text-decoration: underline;
}

.BUKfj0qQ {
  top: calc(var(--max-main-box-up-margin) + 2px);
  left: var(--bleed);
}

@media screen and (max-width: 1000px) {
  .xA4sHcQJ {
    /* top: 5dvh; */
  }
}

.pk5mZ5ct {
  width: 100vw;
  height: 100vh;
  position: relative;
}

.pQTFQe89 {
  all: unset;
  cursor: pointer;

  position: fixed;
  top: var(--inner-buttons-padding);
  right: var(--inner-buttons-padding);
  z-index: 100;

  display: flex;
  align-items: center;
}

.pQTFQe89:hover .eOXuQTUg {
  text-decoration: underline;
}

.YT6TlbNd {
  width: 20px;
  height: 20px;
  background-image: url(../93c2b91633e753d0ffc6.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: transform 220ms ease;
  transform: rotate(0deg);
}

.EPwXGRrj .YT6TlbNd {
  transform: rotate(-150deg);
}

.eOXuQTUg {
  line-height: 1;
}

.finqRMCd {
  width: 66px;
  height: 66px;
  position: relative;
}

.YEGM2Yqw {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.puSdLS95 {
  position: absolute;
  inset: 0;
  animation: MlOzvV3F 900ms linear infinite;
}

.PtVmWj2z {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateX(18px);
}

@keyframes MlOzvV3F {
  to {
    transform: rotate(360deg);
  }
}

/* === Modern CSS Reset (20 строк) === */

/* 1. Предсказуемая модель боксов */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* 2. Убираем внешние отступы по умолчанию */
* {
  margin: 0;
  padding: 0;
}

/* 3. Наследуем типографику */
html {
  font-family:
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    sans-serif;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}

/* 4. Убираем стандартное оформление ссылок и списков */
a {
  text-decoration: none;
  color: inherit;
}
ul,
ol {
  list-style: none;
}

/* 5. Ставим картинки отзывчивыми */
img,
picture,
video,
canvas,
svg {
  max-width: 100%;
  display: block;
}

/* 6. Наследуем шрифт форм */
input,
button,
textarea,
select {
  font: inherit;
}

@font-face {
  font-family: "IBM Plex";
  src: url(../1509e8d24f8562f776e4.ttf);
}

:root {
  /* MEASURES */

  --max-width: min(95vw, 2560px);
  --max-main-box-width: min(90vw, 1250px);
  --max-main-box-height: 75vh;
  --max-main-box-up-margin: 11.5vh;
  --max-main-box-bottom-margin: 9vh;

  --bleed: calc(calc(100vw - var(--max-main-box-width))/2);

  --space: clamp(10px, 1.3vw, 20px);
  --double-space: calc(var(--space) * 2);
  --space-3: calc(var(--space) * 3);
  --space-4: calc(var(--space) * 4);
  --space-5: calc(var(--space) * 5);

  --padding: calc(var(--space) * 2);

  --inner-buttons-padding: calc(var(--space) * 0.7);

  /* TYPO */

  --text-color-black: #000000;
  --text-color-black-opacity: rgba(0, 0, 0, 0.6);

  --text-1-text-size: clamp(16px, calc(12.118px + 0.5vw), 18px);

  --text-2-text-size: clamp(24px, calc(12.118px + 0.6vw), 30px);

  --p-gap: clamp(12px, 2vw, 24px);
  --text-line-height: 1.3;

  /* MORE */
  --blur-bg: 15px;

  --text-opacity: 0.4;
  --checkbox-size: 16px;

  /* MOTION */ /* --duration: 1s; */
  --duration: 0.8s;
  --cursor-duration: 0.1s;

  /* SELECTION */
  --selection-color: rgb(255, 255, 255);
  --selection-bg: rgba(145, 145, 145, 0.2);

  --card-width: 17vw;
  --card-width-one: 32vw;
  --card-width-two: 25vw;

  --info-buttons-width: 30vw;
  --checkout-card-item-img-size: clamp(72px, 7vw, 220px);
  /* --checkout-card-item-img-size: 10vw; */

  --checkout-card-item-img-size: clamp(88px, 8.5vw, 150px);
  --card-items-scroll-fade: 20px;
}

@media screen and (min-width: 1500px) {
  :root {
    --max-main-box-width: min(90vw, 1350px);
    --card-width: 17vw;
    --max-main-box-up-margin: 10vh;
  }
}

@media screen and (max-width: 1400px) {
  :root {
    --text-1-text-size: clamp(16px, calc(12.118px + 0.5vw), 17px);
    --max-main-box-width: min(90vw, 1150px);
    --card-width: 17vw;

    --max-main-box-bottom-margin: 7vh;
    --max-main-box-up-margin: 10vh;
  }
}

@media screen and (max-width: 1300px) {
  :root {
    --text-1-text-size: clamp(16px, calc(12.118px + 0.5vw), 17px);
    --max-main-box-width: min(90vw, 1150px);
    --card-width: 18.5vw;
  }
}

@media screen and (max-width: 1200px) {
  :root {
    --text-1-text-size: 16px;
    --max-main-box-width: min(90vw, 1150px);

    --card-width: 25vw;

    --card-width-one: 32vw;
    --card-width-two: 25vw;
  }
}

@media screen and (max-width: 1000px) {
  :root {
    --card-width: 50vw;

    --card-width-one: 75vw;
    --card-width-two: 55vw;
  }
}

html {
  font-size: var(--text-1-text-size);
  scroll-behavior: smooth;
}

body {
  color: var(--text-color-black);
  font-family: "IBM PLex";
  overflow-wrap: break-word;
  line-height: var(--text-line-height);
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

::selection {
  background: var(--selection-bg);
  color: var(--selection-color);
}

::-moz-selection {
  background: var(--selection-bg);
  color: var(--selection-color);
}

input::selection,
textarea::selection {
  background: var(--selection-bg);
  color: var(--selection-color);
}

#root {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

::-webkit-scrollbar {
  display: none;
}

p + p {
  margin-top: var(--p-gap);
}

li {
  display: block;
  display: flex;
  gap: 8px;
}

li::before {
  content: "—";
}