.frame-416,
.frame-416 * {
  box-sizing: border-box;
}
.frame-416 {
  background: #ffffff;
  height: 805px;
  position: relative;
  overflow: hidden;
}
.frame-416__catalog-grid-4-2 {
  width: 1136px;
  height: 600px;
  position: absolute;
  left: 153px;
  top: 192px;
}
.frame-416__frame-33 {
  width: 272px;
  height: 290px;
  position: absolute;
  left: 864px;
  top: 310px;
}
.frame-416__div {
  position: absolute;
  inset: 0;
}
.frame-416__rectangle-36737 {
  background: #f6f6f7;
  border-radius: 5px;
  width: 272px;
  height: 290px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-510 {
  width: 202px;
  height: 135px;
  position: absolute;
  left: 28px;
  top: 111px;
}
.frame-416___1-1 {
  width: 202px;
  height: 135px;
  position: absolute;
  left: 0px;
  top: 0px;
  object-fit: cover;
  aspect-ratio: 202/135;
}
.frame-416__frame-509 {
  width: 137px;
  height: 29px;
  position: absolute;
  left: 125px;
  top: 249px;
}
.frame-416__div2 {
  color: #8c8f96;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 137px;
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div-2-span {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
}
.div-2-span2 {
  font-family: "Inter-Regular", sans-serif;
}
.frame-416__frame-508 {
  width: 73px;
  height: 28px;
  position: absolute;
  left: 81px;
  top: 56px;
}
.frame-416__frame-514 {
  width: 73px;
  height: 7px;
  position: absolute;
  left: 0px;
  top: 21px;
}
.frame-416__div3 {
  color: #a8c7b9;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 73px;
  height: 7px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-416__frame-513 {
  width: 40px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416___220 {
  color: #a8c7b9;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.09em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-507 {
  width: 0px;
  height: 27px;
  position: absolute;
  left: 71px;
  top: 57px;
  overflow: visible;
}
.frame-416__frame-506 {
  width: 37px;
  height: 28px;
  position: absolute;
  left: 21px;
  top: 56px;
}
.frame-416__frame-512 {
  width: 30px;
  height: 7px;
  position: absolute;
  left: 5px;
  top: 21px;
}
.frame-416__div4 {
  color: #a8c7b9;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 7px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-416__frame-511 {
  width: 37px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416___156 {
  color: #a8c7b9;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.09em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-505 {
  width: 242px;
  height: 24px;
  position: absolute;
  left: 20px;
  top: 20px;
}
.frame-416__div5 {
  color: #8c8f96;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.03em;
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 242px;
  height: 24px;
}
.frame-416__frame-34 {
  width: 272px;
  height: 290px;
  position: absolute;
  left: 576px;
  top: 310px;
}
.frame-416__rectangle-36736 {
  background: #f6f6f7;
  border-radius: 5px;
  width: 272px;
  height: 290px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-504 {
  width: 167px;
  height: 148px;
  position: absolute;
  left: 7px;
  top: 124px;
}
.frame-416___1 {
  width: 167px;
  height: 148px;
  position: absolute;
  left: 0px;
  top: 0px;
  object-fit: cover;
  aspect-ratio: 167/148;
}
.frame-416__frame-503 {
  width: 137px;
  height: 29px;
  position: absolute;
  left: 128px;
  top: 249px;
}
.div-2-span {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
}
.div-2-span2 {
  font-family: "Inter-Regular", sans-serif;
}
.frame-416__frame-500 {
  width: 73px;
  height: 28px;
  position: absolute;
  left: 63px;
  top: 56px;
}
.frame-416__frame-502 {
  width: 73px;
  height: 7px;
  position: absolute;
  left: 0px;
  top: 21px;
}
.frame-416__frame-501 {
  width: 27px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416___22 {
  color: #a8c7b9;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.09em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-499 {
  width: 0px;
  height: 27px;
  position: absolute;
  left: 53px;
  top: 57px;
  overflow: visible;
}
.frame-416__frame-496 {
  width: 30px;
  height: 28px;
  position: absolute;
  left: 14px;
  top: 56px;
}
.frame-416__frame-498 {
  width: 30px;
  height: 7px;
  position: absolute;
  left: 0px;
  top: 21px;
}
.frame-416__frame-497 {
  width: 26px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416___75 {
  color: #a8c7b9;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.09em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-495 {
  width: 231px;
  height: 29px;
  position: absolute;
  left: 15px;
  top: 20px;
}
.frame-416__div6 {
  color: #8c8f96;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.03em;
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 231px;
  height: 29px;
}
.frame-416__frame-29 {
  width: 272px;
  height: 290px;
  position: absolute;
  left: 288px;
  top: 310px;
}
.frame-416__rectangle-36735 {
  background: #f6f6f7;
  border-radius: 5px;
  width: 272px;
  height: 290px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-494 {
  width: 174px;
  height: 171px;
  position: absolute;
  left: 85px;
  top: 82px;
}
.frame-416___12 {
  width: 174px;
  height: 171px;
  position: absolute;
  left: 174px;
  top: 0px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
  object-fit: cover;
  aspect-ratio: 174/171;
}
.frame-416__frame-493 {
  width: 205px;
  height: 29px;
  position: absolute;
  left: 18px;
  top: 247px;
}
.frame-416__div7 {
  color: #8c8f96;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 205px;
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div-7-span {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
}
.div-7-span2 {
  font-family: "Inter-Regular", sans-serif;
}
.frame-416__frame-490 {
  width: 73px;
  height: 28px;
  position: absolute;
  left: 22px;
  top: 138px;
}
.frame-416__frame-492 {
  width: 73px;
  height: 7px;
  position: absolute;
  left: 0px;
  top: 21px;
}
.frame-416__frame-491 {
  width: 24px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416___122 {
  color: #a8c7b9;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.09em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-489 {
  width: 27px;
  height: 0px;
  position: absolute;
  left: 23px;
  top: 133px;
  overflow: visible;
}
.frame-416__frame-486 {
  width: 30px;
  height: 28px;
  position: absolute;
  left: 22px;
  top: 97px;
}
.frame-416__frame-488 {
  width: 30px;
  height: 7px;
  position: absolute;
  left: 0px;
  top: 21px;
}
.frame-416__frame-487 {
  width: 15px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416___5 {
  color: #a8c7b9;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.09em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-485 {
  width: 242px;
  height: 62px;
  position: absolute;
  left: 18px;
  top: 20px;
}
.frame-416__div8 {
  color: #8c8f96;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 24px;
  line-height: 20px;
  letter-spacing: -0.03em;
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 242px;
  height: 62px;
}
.frame-416__frame-32 {
  width: 272px;
  height: 290px;
  position: absolute;
  left: 0px;
  top: 310px;
}
.frame-416__rectangle-36734 {
  background: #f6f6f7;
  border-radius: 5px;
  width: 272px;
  height: 290px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-483 {
  width: 137px;
  height: 29px;
  position: absolute;
  left: 126px;
  top: 243px;
}
.div-2-span {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
}
.div-2-span2 {
  font-family: "Inter-Regular", sans-serif;
}
.frame-416__frame-479 {
  width: 73px;
  height: 28px;
  position: absolute;
  left: 175px;
  top: 84px;
}
.frame-416__frame-481 {
  width: 73px;
  height: 7px;
  position: absolute;
  left: 0px;
  top: 21px;
}
.frame-416__frame-480 {
  width: 26px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416___74 {
  color: #a8c7b9;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.09em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-482 {
  width: 0px;
  height: 27px;
  position: absolute;
  left: 165px;
  top: 85px;
  overflow: visible;
}
.frame-416__frame-476 {
  width: 30px;
  height: 28px;
  position: absolute;
  left: 126px;
  top: 84px;
}
.frame-416__frame-478 {
  width: 30px;
  height: 7px;
  position: absolute;
  left: 0px;
  top: 21px;
}
.frame-416__frame-477 {
  width: 28px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416___99 {
  color: #a8c7b9;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.09em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-484 {
  width: 93px;
  height: 212px;
  position: absolute;
  left: 21px;
  top: 67px;
}
.frame-416___13 {
  width: 93px;
  height: 212px;
  position: absolute;
  left: 0px;
  top: 0px;
  object-fit: cover;
  aspect-ratio: 93/212;
}
.frame-416__frame-475 {
  width: 250px;
  height: 47px;
  position: absolute;
  left: 16px;
  top: 20px;
}
.frame-416__div9 {
  color: #8c8f96;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.03em;
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 250px;
  height: 47px;
}
.frame-416__frame-30 {
  width: 272px;
  height: 290px;
  position: absolute;
  left: 864px;
  top: 0px;
}
.frame-416__rectangle-36733 {
  background: #f6f6f7;
  border-radius: 5px;
  width: 272px;
  height: 290px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-474 {
  width: 155px;
  height: 203px;
  position: absolute;
  left: 4px;
  top: 87px;
}
.frame-416___1-12 {
  width: 155px;
  height: 203px;
  position: absolute;
  left: 0px;
  top: 0px;
  object-fit: cover;
  aspect-ratio: 155/203;
}
.frame-416__frame-473 {
  width: 91px;
  height: 29px;
  position: absolute;
  left: 166px;
  top: 239px;
}
.frame-416__div10 {
  color: #8c8f96;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 91px;
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div-10-span {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
}
.div-10-span2 {
  font-family: "Inter-Regular", sans-serif;
}
.frame-416__frame-467 {
  width: 73px;
  height: 28px;
  position: absolute;
  left: 166px;
  top: 191px;
}
.frame-416__frame-472 {
  width: 73px;
  height: 7px;
  position: absolute;
  left: 0px;
  top: 21px;
}
.frame-416__frame-471 {
  width: 37px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416___155 {
  color: #a8c7b9;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.09em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-468 {
  width: 27px;
  height: 0px;
  position: absolute;
  left: 167px;
  top: 186px;
  overflow: visible;
}
.frame-416__frame-466 {
  width: 30px;
  height: 28px;
  position: absolute;
  left: 166px;
  top: 150px;
}
.frame-416__frame-470 {
  width: 30px;
  height: 7px;
  position: absolute;
  left: 0px;
  top: 21px;
}
.frame-416__frame-469 {
  width: 28px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416___85 {
  color: #a8c7b9;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.09em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-465 {
  width: 222px;
  height: 18px;
  position: absolute;
  left: 18px;
  top: 20px;
}
.frame-416__div11 {
  color: #8c8f96;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.03em;
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 222px;
  height: 18px;
}
.frame-416__frame-31 {
  width: 272px;
  height: 290px;
  position: absolute;
  left: 576px;
  top: 0px;
}
.frame-416__rectangle-36732 {
  background: #f6f6f7;
  border-radius: 5px;
  width: 272px;
  height: 290px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-455 {
  width: 126px;
  height: 29px;
  position: absolute;
  left: 125px;
  top: 243px;
}
.frame-416__div12 {
  color: #8c8f96;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 126px;
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div-12-span {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
}
.div-12-span2 {
  font-family: "Inter-Regular", sans-serif;
}
.frame-416__frame-463 {
  width: 151px;
  height: 200px;
  position: absolute;
  left: 15px;
  top: 73px;
}
.frame-416___14 {
  width: 151px;
  height: 200px;
  position: absolute;
  left: 151px;
  top: 0px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
  object-fit: cover;
  aspect-ratio: 151/200;
}
.frame-416__frame-460 {
  width: 73px;
  height: 28px;
  position: absolute;
  left: 174px;
  top: 201px;
}
.frame-416__frame-462 {
  width: 73px;
  height: 7px;
  position: absolute;
  left: 0px;
  top: 21px;
}
.frame-416__frame-461 {
  width: 28px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416___55 {
  color: #a8c7b9;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.09em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-457 {
  width: 0px;
  height: 27px;
  position: absolute;
  left: 164px;
  top: 202px;
  overflow: visible;
}
.frame-416__frame-456 {
  width: 30px;
  height: 28px;
  position: absolute;
  left: 125px;
  top: 201px;
}
.frame-416__frame-459 {
  width: 30px;
  height: 7px;
  position: absolute;
  left: 0px;
  top: 21px;
}
.frame-416__frame-458 {
  width: 25px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416___142 {
  color: #a8c7b9;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.09em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-464 {
  width: 241px;
  height: 45px;
  position: absolute;
  left: 15px;
  top: 20px;
}
.frame-416__div13 {
  color: #8c8f96;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.03em;
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 241px;
  height: 45px;
}
.frame-416__frame-28 {
  width: 272px;
  height: 290px;
  position: absolute;
  left: 288px;
  top: 0px;
}
.frame-416__rectangle-36731 {
  background: #f6f6f7;
  border-radius: 5px;
  width: 272px;
  height: 290px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-448 {
  width: 103px;
  height: 222px;
  position: absolute;
  left: 16px;
  top: 56px;
}
.frame-416___15 {
  width: 103px;
  height: 222px;
  position: absolute;
  left: 0px;
  top: 0px;
  object-fit: cover;
  aspect-ratio: 103/222;
}
.frame-416__frame-441 {
  width: 137px;
  height: 29px;
  position: absolute;
  left: 129px;
  top: 244px;
}
.div-2-span {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
}
.div-2-span2 {
  font-family: "Inter-Regular", sans-serif;
}
.frame-416__frame-442 {
  width: 73px;
  height: 28px;
  position: absolute;
  left: 178px;
  top: 201px;
}
.frame-416__frame-446 {
  width: 73px;
  height: 7px;
  position: absolute;
  left: 0px;
  top: 21px;
}
.frame-416__frame-447 {
  width: 40px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416___858 {
  color: #a8c7b9;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.09em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-450 {
  width: 0px;
  height: 27px;
  position: absolute;
  left: 168px;
  top: 202px;
  overflow: visible;
}
.frame-416__frame-443 {
  width: 30px;
  height: 28px;
  position: absolute;
  left: 129px;
  top: 201px;
}
.frame-416__frame-444 {
  width: 30px;
  height: 7px;
  position: absolute;
  left: 0px;
  top: 21px;
}
.frame-416__frame-445 {
  width: 29px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416___94 {
  color: #a8c7b9;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.09em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-449 {
  width: 242px;
  height: 29px;
  position: absolute;
  left: 23px;
  top: 20px;
}
.frame-416__div14 {
  color: #8c8f96;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.03em;
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 242px;
  height: 29px;
}
.frame-416__frame-27 {
  width: 272px;
  height: 290px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__rectangle-13 {
  background: #0fc998;
  border-radius: 5px;
  width: 272px;
  height: 290px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-439 {
  width: 87px;
  height: 193px;
  position: absolute;
  left: 21px;
  top: 81px;
}
.frame-416___16 {
  width: 87px;
  height: 193px;
  position: absolute;
  left: 0px;
  top: 0px;
  object-fit: cover;
  aspect-ratio: 87/193;
}
.frame-416__frame-435 {
  width: 137px;
  height: 29px;
  position: absolute;
  left: 118px;
  top: 244px;
}
.frame-416__div15 {
  color: #ffffff;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 137px;
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div-15-span {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
}
.div-15-span2 {
  font-family: "Inter-Regular", sans-serif;
}
.frame-416__frame-436 {
  width: 73px;
  height: 28px;
  position: absolute;
  left: 167px;
  top: 201px;
}
.frame-416__frame-454 {
  width: 73px;
  height: 7px;
  position: absolute;
  left: 0px;
  top: 21px;
}
.frame-416__div16 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 73px;
  height: 7px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-416__frame-453 {
  width: 37px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416___1562 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.09em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-438 {
  width: 0px;
  height: 27px;
  position: absolute;
  left: 157px;
  top: 202px;
  overflow: visible;
}
.frame-416__frame-437 {
  width: 30px;
  height: 28px;
  position: absolute;
  left: 118px;
  top: 201px;
}
.frame-416__frame-451 {
  width: 30px;
  height: 7px;
  position: absolute;
  left: 0px;
  top: 21px;
}
.frame-416__div17 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 7px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-416__frame-452 {
  width: 24px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416___162 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.09em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-440 {
  width: 204px;
  height: 52px;
  position: absolute;
  left: 16px;
  top: 20px;
}
.frame-416__div18 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.03em;
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 204px;
  height: 52px;
}
.frame-416__catalog-grid-2 {
  width: 1136px;
  height: 159px;
  position: absolute;
  left: 153px;
  top: 13px;
}
.frame-416__frame-26 {
  width: 560px;
  height: 150px;
  position: absolute;
  left: 576px;
  top: 0px;
}
.frame-416__group-673 {
  width: 560px;
  height: 150px;
  position: static;
}
.frame-416__div19 {
  background: #f6f6f7;
  border-radius: 5px;
  width: 560px;
  height: 150px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416___1-13 {
  width: 330.96px;
  height: 117px;
  position: absolute;
  left: 541.96px;
  top: 22px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
  object-fit: cover;
  aspect-ratio: 330.96/117;
}
.frame-416__frame-426 {
  width: 73px;
  height: 28px;
  position: absolute;
  left: 71px;
  top: 78px;
}
.frame-416__frame-428 {
  width: 216px;
  height: 13px;
  position: absolute;
  left: -49px;
  top: 42px;
}
.frame-416__div20 {
  color: #949494;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 10px;
  line-height: 24px;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 216px;
  height: 13px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div-20-span {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
}
.div-20-span2 {
  font-family: "Inter-Regular", sans-serif;
}
.frame-416__frame-434 {
  width: 15px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416___9 {
  color: #a8c7b9;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.09em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-433 {
  width: 73px;
  height: 7px;
  position: absolute;
  left: 0px;
  top: 21px;
}
.frame-416__frame-429 {
  width: 0px;
  height: 27px;
  position: absolute;
  left: 61px;
  top: 79px;
  overflow: visible;
}
.frame-416__frame-427 {
  width: 30px;
  height: 28px;
  position: absolute;
  left: 22px;
  top: 78px;
}
.frame-416__frame-432 {
  width: 21px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416___11 {
  color: #a8c7b9;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.09em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-431 {
  width: 30px;
  height: 7px;
  position: absolute;
  left: 0px;
  top: 21px;
}
.frame-416__frame-430 {
  width: 218px;
  height: 58px;
  position: absolute;
  left: 19px;
  top: 17px;
}
.frame-416__div21 {
  color: #8c8f96;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 24px;
  line-height: 21px;
  letter-spacing: -0.03em;
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 218px;
  height: 58px;
}
.frame-416__frame-25 {
  width: 560px;
  height: 151px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-425 {
  width: 244px;
  height: 142px;
  position: absolute;
  left: 266px;
  top: 9px;
}
.frame-416___1-14 {
  width: 244px;
  height: 142px;
  position: absolute;
  left: 0px;
  top: 0px;
  object-fit: cover;
  aspect-ratio: 244/142;
}
.frame-416__frame-4 {
  width: 216px;
  height: 13px;
  position: absolute;
  left: 21px;
  top: 121px;
}
.frame-416__frame-424 {
  width: 216px;
  height: 13px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.div-20-span {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
}
.div-20-span2 {
  font-family: "Inter-Regular", sans-serif;
}
.frame-416__frame-3 {
  width: 77px;
  height: 28px;
  position: absolute;
  left: 21px;
  top: 81px;
}
.frame-416__frame-421 {
  width: 73px;
  height: 28px;
  position: absolute;
  left: 49px;
  top: 0px;
}
.frame-416__frame-423 {
  width: 73px;
  height: 7px;
  position: absolute;
  left: 0px;
  top: 21px;
}
.frame-416__frame-422 {
  width: 28px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416___45 {
  color: #a8c7b9;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.09em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-420 {
  width: 0px;
  height: 27px;
  position: absolute;
  left: 39px;
  top: 1px;
  overflow: visible;
}
.frame-416__frame-417 {
  width: 30px;
  height: 28px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__frame-419 {
  width: 30px;
  height: 7px;
  position: absolute;
  left: 0px;
  top: 21px;
}
.frame-416__frame-418 {
  width: 28px;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416___20 {
  color: #a8c7b9;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 18px;
  letter-spacing: -0.09em;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-416__title {
  width: 120px;
  height: 23px;
  position: absolute;
  left: 21px;
  top: 15px;
}
.frame-416__div22 {
  color: #8c8f96;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 24px;
  letter-spacing: -0.03em;
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 120px;
  height: 23px;
}

/* Interactive overrides for catalog cards */
.frame-416 a {
  display: block;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.frame-416__div19,
.frame-416 [class^="frame-416__rectangle-"] {
  transition: background-color 0.25s ease;
}

.frame-416 [class^="frame-416__div"]:not(.frame-416__div19),
.frame-416 [class^="frame-416___"] {
  transition: color 0.25s ease;
}

/* Normalize "Клапаны регулирующие" card to default colors */
.frame-416__frame-27 .frame-416__rectangle-13 {
  background: #f6f6f7;
}

.frame-416__frame-27 .frame-416__div18,
.frame-416__frame-27 .frame-416__div15,
.frame-416__frame-27 .frame-416__div16,
.frame-416__frame-27 .frame-416__div17 {
  color: #8c8f96;
}

.frame-416__frame-27 .frame-416___1562,
.frame-416__frame-27 .frame-416___162 {
  color: #a8c7b9;
}

/* Hover state matches previous green emphasis */
.frame-416 a:hover .frame-416__div19,
.frame-416 a:hover [class^="frame-416__rectangle-"] {
  background-color: #0fc998;
}

.frame-416 a:hover [class^="frame-416__div"]:not(.frame-416__div19),
.frame-416 a:hover [class^="frame-416___"] {
  color: #ffffff;
}

/* Vertical separators between metrics */
.frame-416__frame-507,
.frame-416__frame-499,
.frame-416__frame-482,
.frame-416__frame-468,
.frame-416__frame-457,
.frame-416__frame-450,
.frame-416__frame-438,
.frame-416__frame-429,
.frame-416__frame-420 {
  width: 2px;
  height: 27px;
  background-color: #a8c7b9;
  display: block;
  transition: background-color 0.25s ease;
}

.frame-416 a:hover .frame-416__frame-507,
.frame-416 a:hover .frame-416__frame-499,
.frame-416 a:hover .frame-416__frame-482,
.frame-416 a:hover .frame-416__frame-468,
.frame-416 a:hover .frame-416__frame-457,
.frame-416 a:hover .frame-416__frame-450,
.frame-416 a:hover .frame-416__frame-438,
.frame-416 a:hover .frame-416__frame-429,
.frame-416 a:hover .frame-416__frame-420 {
  background-color: #ffffff;
}

/* Horizontal separator above "155" in shut card */
.frame-416__frame-30 .frame-416__frame-471::before {
  content: '';
  position: absolute;
  left: 0;
  top: -8px;
  width: 37px;
  height: 2px;
  background-color: #a8c7b9;
  transition: background-color 0.25s ease;
}

.frame-416__frame-30:hover .frame-416__frame-471::before {
  background-color: #ffffff;
}

/* Remove vertical separator for shut card */
.frame-416__frame-30 .frame-416__frame-468 {
  display: none;
}

/* Horizontal separator above "12" in safety-block card */
.frame-416__frame-29 .frame-416__frame-491::before {
  content: '';
  position: absolute;
  left: 0;
  top: -8px;
  width: 24px;
  height: 2px;
  background-color: #a8c7b9;
  transition: background-color 0.25s ease;
}

.frame-416__frame-29:hover .frame-416__frame-491::before {
  background-color: #ffffff;
}

.frame-416__frame-29 .frame-416__frame-489 {
  display: none;
}