.frame-7,
.frame-7 * {
  box-sizing: border-box;
}
.frame-7 {
  height: 104.73599999999999rem;
  position: relative;
}
.frame-7__group-927 {
  position: absolute;
  inset: 0;
}
.frame-7__group-842 {
  width: 192rem;
  height: 104.73599999999999rem;
  position: static;
}
.frame-7__rectangle-119 {
  background: #000000;
  width: 104.73599999999999rem;
  height: 192rem;
  position: absolute;
  left: 0rem;
  top: 104.73599999999999rem;
  transform-origin: 0 0;
  transform: rotate(-90deg) scale(1, 1);
}
.frame-7__div {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Light", sans-serif;
  font-size: 2.002376937866211rem;
  letter-spacing: 0.03em;
  font-weight: 300;
  position: absolute;
  left: 11.471rem;
  top: 12.362rem;
  width: 21.7rem;
  height: 3.012rem;
}
.frame-7__group-847 {
  width: 143.83800000000002rem;
  height: 84.24199999999999rem;
  position: static;
}
.frame-7__rectangle-107 {
  background: #0f0f0f;
  border-radius: 4rem;
  width: 66.3rem;
  height: 20.858rem;
  position: absolute;
  left: 116.8rem;
  top: 48.12rem;
}
.frame-7__rectangle-108 {
  background: #0f0f0f;
  border-radius: 4rem;
  width: 66.3rem;
  height: 20.858rem;
  position: absolute;
  left: 116.8rem;
  top: 14.762rem;
}
.frame-7__ellipse-2 {
  background: #000000;
  border-radius: 50%;
  width: 0.453rem;
  height: 0.505rem;
  position: absolute;
  left: 39.262rem;
  top: 0.736rem;
}
.frame-7__group-855 {
  width: 63.4rem;
  height: 15.281rem;
  position: static;
}
.frame-7__rectangle-106 {
  background: #000000;
  border-radius: 25.7rem;
  width: 63.4rem;
  height: 8.7rem;
  position: absolute;
  left: 118.3rem;
  top: 58.382rem;
}
.frame-7__div2 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 2.65596981048584rem;
  line-height: 2.6559999999999997rem;
  letter-spacing: -0.03em;
  font-weight: 500;
  position: absolute;
  left: 140rem;
  top: 61.17rem;
  width: 19.9rem;
  height: 3.012rem;
}
.frame-7__div3 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.65596981048584rem;
  line-height: 2.6559999999999997rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 122rem;
  top: 51.801rem;
  width: 7.9rem;
  height: 3.012rem;
}
.frame-7___5200-rub {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 2.35596981048584rem;
  line-height: 2.6559999999999997rem;
  letter-spacing: -0.03em;
  font-weight: 500;
  position: absolute;
  left: 166.3rem;
  top: 51.801rem;
  width: 11.6rem;
  height: 3.012rem;
}
.frame-7__vector-88 {
  width: 1.576rem;
  height: 1.0779999999999998rem;
  position: absolute;
  left: 8.9rem;
  top: 13.191999999999998rem;
  overflow: visible;
}
.frame-7__div4 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 4.1389518737792965rem;
  letter-spacing: 0.03em;
  font-weight: 400;
  position: absolute;
  left: 8.9rem;
  top: 17.762rem;
}
.frame-7__group-932 {
  position: absolute;
  inset: 0;
}
.frame-7__group-843 {
  width: 20.56rem;
  height: 20.56rem;
  position: static;
}
.frame-7__rectangle-123 {
  background: #161616;
  border-radius: 0.52rem;
  width: 20.56rem;
  height: 20.56rem;
  position: absolute;
  left: 8.9rem;
  top: 28.349rem;
}
.frame-7__hoodie-chained-black {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.515735054016113rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 34.318rem;
  top: 28.349rem;
}
.frame-7__m {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.515735054016113rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 34.318rem;
  top: 31.819rem;
}
.frame-7__group-856 {
  width: 23.683rem;
  height: 5.465rem;
  position: static;
}
.frame-7__rectangle-234 {
  background: #0f0f0f;
  border-radius: 13.203rem;
  width: 23.683rem;
  height: 5.465rem;
  position: absolute;
  left: 34.318rem;
  top: 43.443rem;
}
.frame-7___2 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 1.8760934829711915rem;
  line-height: 1.8760000000000001rem;
  letter-spacing: -0.03em;
  font-weight: 500;
  position: absolute;
  left: 45.595rem;
  top: 45.265rem;
}
.frame-7__div5 {
  width: 0.873rem;
  height: 0.124rem;
  position: absolute;
  left: 36.4rem;
  top: 46.194rem;
  overflow: visible;
}
.frame-7__div6 {
  width: 0.873rem;
  height: 0.873rem;
  position: absolute;
  left: 54.90599999999999rem;
  top: 45.85rem;
  overflow: visible;
}
.frame-7___2600-rub {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.2265722274780275rem;
  line-height: 2.227rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 34.318rem;
  top: 38.106rem;
}
.frame-7___5200-rub2 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.68923397064209rem;
  line-height: 2.8920000000000003rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 92.074rem;
  top: 44.745rem;
}
.frame-7__rectangle-235 {
  background: #0f0f0f;
  border-radius: 13.203rem;
  width: 5.465rem;
  height: 5.465rem;
  position: absolute;
  left: 98.146rem;
  top: 28.262rem;
}
.frame-7__x {
  border-radius: 0rem;
  width: 0.954rem;
  height: 0.867rem;
  position: absolute;
  left: 100.356rem;
  top: 30.518rem;
  overflow: visible;
}
.frame-7__group-933 {
  position: absolute;
  inset: 0;
}
.frame-7__rectangle-1232 {
  background: #161616;
  border-radius: 0.52rem;
  width: 20.56rem;
  height: 20.56rem;
  position: absolute;
  left: 8.9rem;
  top: 54.114rem;
}
.frame-7__hoodie-chained-black2 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.515735054016113rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 34.318rem;
  top: 54.114rem;
}
.frame-7__m2 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.515735054016113rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 34.318rem;
  top: 57.584rem;
}
.frame-7__rectangle-2342 {
  background: #0f0f0f;
  border-radius: 13.203rem;
  width: 23.683rem;
  height: 5.465rem;
  position: absolute;
  left: 34.318rem;
  top: 69.208rem;
}
.frame-7___1 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 1.8760934829711915rem;
  line-height: 1.8760000000000001rem;
  letter-spacing: -0.03em;
  font-weight: 500;
  position: absolute;
  left: 45.595rem;
  top: 71.03rem;
}
.frame-7__div7 {
  width: 0.873rem;
  height: 0.124rem;
  position: absolute;
  left: 36.4rem;
  top: 71.959rem;
  overflow: visible;
}
.frame-7__div8 {
  width: 0.873rem;
  height: 0.873rem;
  position: absolute;
  left: 54.90599999999999rem;
  top: 71.615rem;
  overflow: visible;
}
.frame-7___2600-rub2 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.2265722274780275rem;
  line-height: 2.227rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 34.318rem;
  top: 63.871rem;
}
.frame-7___2600-rub3 {
  color: #ffffff;
  text-align: right;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.68923397064209rem;
  line-height: 2.8920000000000003rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 91.9rem;
  top: 70.509rem;
}
.frame-7__rectangle-2352 {
  background: #0f0f0f;
  border-radius: 13.203rem;
  width: 5.465rem;
  height: 5.465rem;
  position: absolute;
  left: 98.146rem;
  top: 54.027rem;
}
.frame-7__x2 {
  border-radius: 0rem;
  width: 0.954rem;
  height: 0.867rem;
  position: absolute;
  left: 100.356rem;
  top: 56.282000000000004rem;
  overflow: visible;
}
.frame-7__group-964 {
  position: absolute;
  inset: 0;
}
.frame-7__rectangle-1072 {
  background: #000000;
  border-radius: 25.7rem;
  width: 63.4rem;
  height: 7.8rem;
  position: absolute;
  left: 118.3rem;
  top: 24.162rem;
}
.frame-7__div9 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 2.65596981048584rem;
  line-height: 2.6559999999999997rem;
  letter-spacing: -0.03em;
  font-weight: 500;
  opacity: 0.2;
  position: absolute;
  left: 122rem;
  top: 38.762rem;
}
.frame-7__div10 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.0020000457763674rem;
  line-height: 2.6559999999999997rem;
  letter-spacing: 0.05em;
  font-weight: 400;
  opacity: 0.4;
  position: absolute;
  left: 163.5rem;
  top: 18.362rem;
}
.frame-7__div11 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 2.655999946594238rem;
  line-height: 2.6559999999999997rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 120rem;
  top: 18.162rem;
  width: 23rem;
}

/* Promo input states */
.frame-7__promo-input {
  color: #ffffff;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 2.65596981048584rem;
  line-height: 2.6559999999999997rem;
  letter-spacing: -0.03em;
  padding: 0 3.2rem;
  border: 0.2rem solid transparent;
  outline: none;
}
.frame-7__promo-input::placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.frame-7__promo-input.is-error {
  border-color: #ff4d4f;
}
.frame-7__promo-error {
  color: #ff4d4f;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 2.0020000457763674rem;
  line-height: 2.656rem;
  letter-spacing: -0.03em;
  position: absolute;
  left: 122rem;
  top: 21.6rem;
  width: 59rem;
  opacity: 0;
  transition: opacity 200ms ease;
  pointer-events: none;
}
.frame-7__promo-error.is-visible {
  opacity: 1;
}
.frame-7__promo-activate {
  background: none;
  cursor: pointer;
}

/* Cart controls + checkout hover */
.frame-7__div5,
.frame-7__div6,
.frame-7__div7,
.frame-7__div8,
.frame-7__x,
.frame-7__x2 {
  cursor: pointer;
}
.frame-7__checkout,
.frame-7__div {
  cursor: pointer;
}
.frame-7__rectangle-107,
.frame-7__rectangle-108,
.frame-7__div11,
.frame-7__div9 {
  cursor: pointer;
}
.frame-7__checkout:hover .frame-7__rectangle-106 {
  background: #ffffff;
}
.frame-7__checkout:hover .frame-7__div2 {
  color: #000000;
}