.accordion {
  position: relative;
  width: 100%;
}
.accordion::before {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  background-color: var(--color-gray);
  z-index: -1;
}
.accordion__head,
.accordion__info {
  padding-left: 0;
}
.accordion__head {
  display: flex;
  flex-flow: row nowrap;
  margin-top: 0;
  overflow-x: auto;
}
/* Отключили скролл */
.accordion__head::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.accordion__link {
  padding-top: 1px;
  padding-bottom: 1px;
  border: none;
  color: var(--color-font);
  background-color: transparent;
  cursor: pointer;
}
.accordion__link,
.accordion__table-th {
  white-space: nowrap;
}
.accordion__btn {
  position: absolute;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background-color: var(--color-gray);
  opacity: 0.9;
  cursor: pointer;
  transition: background-color 0.2s;
}
.accordion__btn-left {
  display: none;
  left: 0;
}
.accordion__btn-right {
  display: none;
  right: 0;
}
.accordion__btn-right::before,
.accordion__btn-right::after,
.accordion__btn-left::before,
.accordion__btn-left::after {
  content: "";
  display: block;
  width: 17px;
  height: 3px;
  border-radius: 2px;
  background-color: black;
  transition: background-color 0.2s;
}
.accordion__btn-right::before {
  transform: rotateZ(40deg) translateX(3px) translateY(-7px);
}
.accordion__btn-right::after {
  transform: rotateZ(-40deg) translateX(3px) translateY(7px);
}
.accordion__btn-left::before {
  transform: rotateZ(-40deg) translateX(5px) translateY(0px);
}
.accordion__btn-left::after {
  transform: rotateZ(40deg) translateX(5px) translateY(0px);
}
.accordion__btn-left:hover,
.accordion__btn-left:focus,
.accordion__btn-right:hover,
.accordion__btn-right:focus {
  background-color: var(--color-red);
}
.accordion__btn-right:hover::before,
.accordion__btn-right:focus::before,
.accordion__btn-right:hover::after,
.accordion__btn-right:focus::after,
.accordion__btn-left:hover::before,
.accordion__btn-left:focus::before,
.accordion__btn-left:hover::after,
.accordion__btn-left:focus::after {
  background-color: var(--background-color);
}
.accordion__btn-left:active,
.accordion__btn-right:active {
  opacity: 0.8;
}
.accordion__head-item {
  padding: 2px 20px 8.5px;
  border-bottom: 2px solid transparent;
  transition: border-bottom 0.2s;
}
.accordion__head-item:hover {
  border-bottom: 2px solid;
}
.head-item-active {
  border-bottom: 2px solid;
}
.accordion__link {
  text-transform: uppercase;
}
.accordion__info-item {
  display: none;
  padding-top: 1rem;
}
.info-item-active {
  display: block;
  overflow-x: auto;
}
.accordion__text:first-child {
  margin-top: 0;
}
.accordion__text--img {
  display: block;
  max-width: 8rem;
}
.accordion__table {
  margin-top: -10px;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}
.accordion__table-th {
  padding: 20px;
  background-color: var(--color-light-gray);
}
.accordion__table-th,
.accordion__table-td {
  text-align: center;
  border-top: 1px solid var(--color-gray);
  border-bottom: 1px solid var(--color-gray);
}
.accordion__table-th:first-child,
.accordion__table-td:first-child {
  border-left: 1px solid var(--color-gray);
  border-top-left-radius: var(--border-radius-5px);
  border-bottom-left-radius: var(--border-radius-5px);
}
.accordion__table-th:last-child,
.accordion__table-td:last-child {
  border-right: 1px solid var(--color-gray);
  border-top-right-radius: var(--border-radius-5px);
  border-bottom-right-radius: var(--border-radius-5px);
}
.accordion__table-td {
  padding: 20px 10px;
  transition:
    border-top 0.2s,
    border-bottom 0.2s,
    border-left 0.2s,
    border-right 0.2s;
}
.accordion__table-line:hover .accordion__table-td {
  border-top: 1px solid var(--color-red);
  border-bottom: 1px solid var(--color-red);
}
.accordion__table-line:hover .accordion__table-td:first-child {
  border-left: 1px solid var(--color-red);
}
.accordion__table-line:hover .accordion__table-td:last-child {
  border-right: 1px solid var(--color-red);
}
.accordion__table-td:nth-child(2) {
  text-align: start;
}
/* Увеличивается изображение по клику */
.box-zoom {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0, 0.8);
  overflow-y: auto;
  z-index: 1;
}
.box-zoom__active {
  display: block;
}
.box-zoom__container {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  padding: 10px;
  border-radius: var(--border-radius-5px);
  transform: translate(-50%, -50%);
}
.box-zoom__btn {
  position: absolute;
  top: 10px;
  right: 10px;
  align-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: color 0.2s;
}
.box-zoom__btn::before,
.box-zoom__btn::after {
  content: "";
  display: block;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  width: 2px;
  height: 25px;
  background-color: var(--input-form-border-color);
}
.box-zoom__btn::before {
  transform: rotateZ(-45deg) translate(-1px, 2px);
}
.box-zoom__btn::after {
  transform: rotateZ(45deg) translate(-16px, -16px);
}
.box-zoom__btn:hover::before,
.box-zoom__btn:hover::after {
  background-color: var(--color-font);
}
/* Таблица */
.accordion__table--cart-buttons {
  display: flex;
  flex-flow: row nowrap;
  justify-content: end;
  gap: 1rem;
}
.accordion__table--cart-btn {
  text-wrap: nowrap;
}
.accordion__list {
  list-style-type: disc;
}
.table {
  display: block;
  width: auto;
  border-collapse: collapse;
  overflow: auto;
}
.table-th,
.table-td {
  border: 1px solid var(--color-gray);
}
.position-center {
  text-align: center;
}
.accordion__palette--list {
  display: flex;
  flex-flow: row wrap;
}
.accordion__palette--item {
  padding: 0.5rem;
}
.accordion__palette--title {
  margin-top: 0;
  margin-bottom: 0.6rem;
  text-align: center;
}
.accordion__palette--color {
  display: block;
  width: 6rem;
  height: 4.5rem;
  border-radius: var(--border-radius-5px);
}
/* Добавки, строчный вид */
.accordion__string--list {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.accordion__string--item {
  display: block;
  width: 100%;
  height: 100%;
  border-top: 1px solid var(--color-gray);
  border-bottom: 1px solid var(--color-gray);
  align-content: center;
}
.accordion__string--info-item:first-child {
  align-self: center;
  flex-shrink: 0;
}
.accordion__string--img {
  display: block;
  width: 100%;
}
.accordion__string--title,
.accordion__string--info {
  color: var(--color-font);
}
/* Оттенки красок */
.color-020 {
  background-color: #feff41;
}
.color-021 {
  background-color: #ffe629;
}
.color-022 {
  background-color: #ff6409;
}
.color-026 {
  background-color: #fef83b;
}
.color-031 {
  background-color: #da1916;
}
.color-032 {
  background-color: #ca163c;
}
.color-033 {
  background-color: #ce136b;
}
.color-035 {
  background-color: #ea1f16;
}
.color-036 {
  background-color: #ff2d14;
}
.color-037 {
  background-color: #c0378c;
}
.color-045 {
  background-color: #532a18;
}
.color-055 {
  background-color: #192799;
}
.color-056 {
  background-color: #1e79af;
}
.color-057 {
  background-color: #0844ca;
}
.color-058 {
  background-color: #0328a2;
}
.color-059 {
  background-color: #1c78e4;
}
.color-064 {
  background-color: #52c867;
}
.color-067 {
  background-color: #04764d;
}
.color-068 {
  background-color: #0c666c;
}
.color-122 {
  background-color: #ffdd00;
}
.color-124 {
  background-color: #ffb900;
}
.color-130 {
  background-color: #f03314;
}
.color-132 {
  background-color: #eb0525;
}
.color-136 {
  background-color: #ee0069;
}
.color-150 {
  background-color: #790169;
}
.color-152 {
  background-color: #2f1060;
}
.color-156 {
  background-color: #006eb0;
}
.color-162 {
  background-color: #007e52;
}
.color-182 {
  background-color: #9db6b8;
}
.color-191,
.color-295 {
  background-color: #9fa1a9;
}
.color-192 {
  background-color: #b27f23;
}
.color-193 {
  background-color: #b09e20;
}
.color-195 {
  background-color: #b8b6c1;
}
.color-197,
.color-199 {
  background-color: #adaab9;
}
.color-291 {
  background-color: #91acbc;
}
.color-292 {
  background-color: #b98b44;
}
.color-293 {
  background-color: #c0a632;
}
.color-3107-100 {
  background-color: #9a9a9c;
}
.color-3107-103 {
  background-color: #d1af58;
}
.color-361,
.color-761 {
  background-color: #00cc4c;
}
.color-425,
.color-428,
.color-429 {
  background-color: #ffea02;
}
.color-435,
.color-438,
.color-439 {
  background-color: #fe3a77;
}
.color-455,
.color-458,
.color-459 {
  background-color: #00aeec;
}
.color-520 {
  background-color: #f5bb41;
}
.color-525 {
  background-color: #ffb900;
}
.color-535 {
  background-color: #f03314;
}
.color-536 {
  background-color: #ec3325;
}
.color-552,
.color-555 {
  background-color: #00a0db;
}
.color-565,
.color-568 {
  background-color: #007e52;
}
.color-622 {
  background-color: #ffda00;
}
.color-632 {
  background-color: #ff2713;
}
.color-652 {
  background-color: #274ebe;
}
.color-829 {
  background-color: #fffe00;
}
.color-832 {
  background-color: #e6015f;
}
.color-836 {
  background-color: #ff0000;
}
.color-839 {
  background-color: #ff1d61;
}
.color-850 {
  background-color: #e40bcc;
}
.color-851 {
  background-color: #7a01b7;
}
.color-852 {
  background-color: #1b4294;
}
.color-859 {
  background-color: #00a0db;
}
.color-868 {
  background-color: #00ba9b;
}
.color-920 {
  background-color: #ffff00;
}
.color-922 {
  background-color: #fee600;
}
.color-924 {
  background-color: #ffa301;
}
.color-926 {
  background-color: #ff5908;
}
.color-930 {
  background-color: #ff3a23;
}
.color-932 {
  background-color: #ff2713;
}
.color-934 {
  background-color: #ff2526;
}
.color-936 {
  background-color: #fb106b;
}
.color-940 {
  background-color: #6c3d2d;
}
.color-950 {
  background-color: #411e85;
}
.color-952 {
  background-color: #274ebe;
}
.color-954 {
  background-color: #0060bd;
}
.color-956 {
  background-color: #007dd3;
}
.color-960 {
  background-color: #01ab76;
}
.color-962 {
  background-color: #01a233;
}
.color-070,
.color-170,
.color-171,
.color-172,
.color-270,
.color-3107-vd,
.color-408,
.color-409,
.color-570,
.color-670,
.color-760,
.color-970,
.color-971,
.color-902,
.color-903,
.color-904,
.color-910,
.color-911,
.color-913,
.color-914,
.color-915,
.color-916,
.color-st-00,
.color-st-04,
.color-st-05,
.color-st-06,
.color-st-07,
.color-ms-07,
.color-ms-9000,
.color-ms-9005,
.color-fp-7000,
.color-fp-7005,
.color-fp-7010 {
  background-color: #fafafa;
}
.color-073,
.color-180,
.color-181,
.color-183,
.color-188,
.color-273,
.color-473,
.color-483,
.color-485,
.color-488,
.color-489,
.color-980,
.color-st-33,
.color-ms-8000,
.color-ms-8005,
.color-pc_1135,
.color-pc_1315,
.color-fp_1715,
.color-fp_7190,
.color-pg_2865 {
  background-color: black;
}
.color-s181 {
  background-color: #84a8ba;
}
.color-s182 {
  background-color: #8f9770;
}
.color-s183 {
  background-color: #737a4f;
}
.color-s184 {
  background-color: #807a58;
}
.color-s186 {
  background-color: #7c6858;
}
.color-s190 {
  background-color: #9dbfcf;
}
.color-s191 {
  background-color: #b0bec0;
}
.color-s192 {
  background-color: #7b815c;
}
.color-s193 {
  background-color: #868f5a;
}
.color-s291 {
  background-color: #7fa5b8;
}
.color-s292 {
  background-color: #aaa643;
}
.color-s293 {
  background-color: #a3b352;
}
.color-s-uv191 {
  background-color: #b8d1ce;
}
.color-s-uv192 {
  background-color: #b6af7e;
}
.color-s-uv193 {
  background-color: #c5cb74;
}
.color-s-uv291 {
  background-color: #abc9c7;
}
.color-s-uv293 {
  background-color: #9caa61;
}
.color-s-uv296 {
  background-color: #577983;
}
.color-s-uv297 {
  background-color: #7a8a68;
}
.color-s-uv298 {
  background-color: #907c53;
}
.color-st-08 {
  background-color: #fffc01;
}
.color-st-09 {
  background-color: #ffe401;
}
.color-st-10 {
  background-color: #ffde00;
}
.color-st-11 {
  background-color: #ffd200;
}
.color-st-12 {
  background-color: #ffab0a;
}
.color-st-13 {
  background-color: #ff6d00;
}
.color-st-14 {
  background-color: #bc1908;
}
.color-st-15 {
  background-color: #f03201;
}
.color-st-16 {
  background-color: #ff1e00;
}
.color-st-18 {
  background-color: #fe0000;
}
.color-st-19 {
  background-color: #bc0001;
}
.color-st-20 {
  background-color: #ec008c;
}
.color-st-21 {
  background-color: #8a0c5d;
}
.color-st-22 {
  background-color: #580675;
}
.color-st-23 {
  background-color: #002752;
}
.color-st-24 {
  background-color: #240398;
}
.color-st-24-1 {
  background-color: #1601b4;
}
.color-st-25 {
  background-color: #273c8b;
}
.color-st-26 {
  background-color: #4053a0;
}
.color-st-26-1 {
  background-color: #2c428b;
}
.color-st-27 {
  background-color: #1c4cae;
}
.color-st-28 {
  background-color: #296f9d;
}
.color-st-29 {
  background-color: #10dd1e;
}
.color-st-30 {
  background-color: #0e8716;
}
.color-st-31 {
  background-color: #006112;
}
.color-st-32 {
  background-color: #007712;
}
.color-st-34 {
  background-color: #234d25;
}
.color-st-35 {
  background-color: #1f3e1f;
}
.color-st-36 {
  background-color: #f8b037;
}
.color-st-37 {
  background-color: #8d3b03;
}
.color-st-38 {
  background-color: #54341d;
}
.color-st-40 {
  background-color: #fcff00;
}
.color-st-41 {
  background-color: #ff7000;
}
.color-st-42 {
  background-color: #ff7900;
}
.color-st-43 {
  background-color: #ff5500;
}
.color-st-44 {
  background-color: #ff1e00;
}
.color-st-46 {
  background-color: #ff017e;
}
.color-st-47 {
  background-color: #28f30c;
}
.color-st-50 {
  background-color: #f7035a;
}
.color-st-100 {
  background-color: #dbdbdb;
}
.color-st-101 {
  background-color: #ddc5ab;
}
.color-st-102 {
  background-color: #edd052;
}
.color-st-103 {
  background-color: #caa743;
}
.color-st-104 {
  background-color: #d9b652;
}
.color-st-105 {
  background-color: #db921f;
}
.color-st-106 {
  background-color: #a86142;
}
.color-st-200 {
  background-color: #f3f4e6;
}
.color-st-02299 {
  background-color: #c7c7c7;
}
.color-ms-1000 {
  background-color: #fff324;
}
.color-ms-1005 {
  background-color: #fff000;
}
.color-ms-1010 {
  background-color: #fffc01;
}
.color-ms-1020 {
  background-color: #ffdc2d;
}
.color-ms-1100 {
  background-color: #ffcb32;
}
.color-ms-1105 {
  background-color: #faca05;
}
.color-ms-1200 {
  background-color: #ffb736;
}
.color-ms-1205 {
  background-color: #fbb507;
}
.color-ms-1300 {
  background-color: #feb337;
}
.color-ms-2000 {
  background-color: #f98e3c;
}
.color-ms-2005 {
  background-color: #f48511;
}
.color-ms-2100 {
  background-color: #f98e3c;
}
.color-ms-3000 {
  background-color: #f24841;
}
.color-ms-3005 {
  background-color: #eb1924;
}
.color-ms-3050 {
  background-color: #f45748;
}
.color-ms-3100 {
  background-color: #cf57a0;
}
.color-ms-3105 {
  background-color: #ca068c;
}
.color-ms-3150 {
  background-color: #f24947;
}
.color-ms-3200 {
  background-color: #a53222;
}
.color-ms-3205 {
  background-color: #b01116;
}
.color-ms-3300 {
  background-color: #f655a0;
}
.color-ms-3305 {
  background-color: #eb0089;
}
.color-ms-4000 {
  background-color: #9758a3;
}
.color-ms-4005 {
  background-color: #97148c;
}
.color-ms-4500 {
  background-color: #435ea9;
}
.color-ms-4505 {
  background-color: #283d99;
}
.color-ms-5000 {
  background-color: #3c67b0;
}
.color-ms-5005 {
  background-color: #214fa8;
}
.color-ms-6000 {
  background-color: #00ad5d;
}
.color-ms-6005 {
  background-color: #00a54f;
}
.color-ms-7000,
.color-ms-7005 {
  background-color: #bb7f24;
}
.color-pc_1035 {
  background-color: #f8e000;
}
.color-pc_1040 {
  background-color: #f5c700;
}
.color-pc_1045 {
  background-color: #e8621b;
}
.color-pc_1050 {
  background-color: #e32740;
}
.color-pc_1055 {
  background-color: #d50d31;
}
.color-pc_1060 {
  background-color: #b20032;
}
.color-pc_1065 {
  background-color: #d2027e;
}
.color-pc_1070 {
  background-color: #89034a;
}
.color-pc_1075 {
  background-color: #2a0845;
}
.color-pc_1080 {
  background-color: #0185cf;
}
.color-pc_1085 {
  background-color: #2e3f8f;
}
.color-pc_1090 {
  background-color: #293f88;
}
.color-pc_1095 {
  background-color: #3253a2;
}
.color-pc_1100 {
  background-color: #160f39;
}
.color-pc_1105 {
  background-color: #2b1b64;
}
.color-pc_1110 {
  background-color: #006c89;
}
.color-pc_1115 {
  background-color: #03a540;
}
.color-pc_1120 {
  background-color: #007735;
}
.color-pc_1125 {
  background-color: #015f3a;
}
.color-pc_1130 {
  background-color: #5d201d;
}
.color-pc_1300,
.color-fp_1700 {
  background-color: #faf402;
}
.color-pc_1305,
.color-fp_1705 {
  background-color: #e6007c;
}
.color-pc_1310,
.color-fp_1710 {
  background-color: #01a8ee;
}
.color-pc_1200,
.color-fp_1600 {
  background-color: #e2ea01;
}
.color-pc_1205,
.color-fp_1605 {
  background-color: #f05c21;
}
.color-pc_1210,
.color-fp_1610 {
  background-color: #ff5ba0;
}
.color-pc_1215,
.color-fp_1615 {
  background-color: #68c530;
}
.color-fp_7100 {
  background-color: #ebd215;
}
.color-fp_7110 {
  background-color: #d6aa12;
}
.color-fp_7120 {
  background-color: #d6701f;
}
.color-fp_7130 {
  background-color: #b83028;
}
.color-fp_7140 {
  background-color: #cd342c;
}
.color-fp_7150 {
  background-color: #d83f88;
}
.color-fp_7160 {
  background-color: #6b3470;
}
.color-fp_7170 {
  background-color: #498456;
}
.color-fp_7175 {
  background-color: #5cb6cc;
}
.color-fp_7180 {
  background-color: #5076ab;
}
.color-fp_7195 {
  background-color: #581f15;
}
.color-pg_2800 {
  background-color: #fbe008;
}
.color-pg_2805 {
  background-color: #f3b619;
}
.color-pg_2810 {
  background-color: #f17523;
}
.color-pg_2816 {
  background-color: #d71e4a;
}
.color-pg_2817 {
  background-color: #ee2c3b;
}
.color-pg_2818 {
  background-color: #e91b37;
}
.color-pg_2820 {
  background-color: #d71e44;
}
.color-pg_2825 {
  background-color: #ee0d8e;
}
.color-pg_2830 {
  background-color: #871139;
}
.color-pg_2835 {
  background-color: #552d81;
}
.color-pg_2840 {
  background-color: #337bbf;
}
.color-pg_2845 {
  background-color: #1e4993;
}
.color-pg_2850 {
  background-color: #3886af;
}
.color-pg_2855 {
  background-color: #3d9382;
}
.color-pg_2860 {
  background-color: #55321f;
}
.color-pg_2900,
.color-pg_3000 {
  background-color: #e6e04d;
}
.color-pg_2905,
.color-pg_3005 {
  background-color: #d25462;
}
.color-pg_2910,
.color-pg_3010 {
  background-color: #d25462;
}
.color-pg_2915,
.color-pg_3015 {
  background-color: #ce5376;
}
.color-pg_2920,
.color-pg_3025 {
  background-color: #c75897;
}
.color-pg_2925 {
  background-color: #8cbc5b;
}
.color-pg_4000 {
  background-color: #f7e347;
}
.color-pg_4005 {
  background-color: #d34d50;
}
.color-pg_4010 {
  background-color: #4b7bbc;
}
.color-pg_4015 {
  background-color: #5f5083;
}
.accordion__table--box-color,
.accordion__table--box-img {
  margin: auto;
  width: 3rem;
  height: 3rem;
  border: 1px solid var(--color-gray);
  border-radius: var(--border-radius-5px);
}
/* Тампоны */
.card-pop__tampon-img,
.card-pop__tampon-img--zoom {
  display: block;
}
.card-pop__tampon-img {
  width: 100%;
  height: 100%;
  cursor: zoom-in;
}
.card-pop__tampon-img--zoom {
  width: 100%;
  border-radius: var(--border-radius-5px);
}
/* Отзывы */
.review__list {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.review__rating {
  order: 1;
  flex-shrink: 0;
}
.review__rating h2 {
  margin-top: 0;
}
.review__rating-number {
  font-weight: 600;
  font-size: 2rem;
}
.review__rating-product {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: .5rem;
  align-items: center;
}
.review__rating-star svg {
  width: 2.4rem;
  height: 2.4rem;
  fill: var(--color-red);
  transform: translateY(.1rem);
}
.review__rating-info {
  font-size: .9rem;
}
.review__rating-title {
  font-weight: 600;
}
.review__rating-text {
  font-size: .9rem;
  margin-bottom: 1rem;
}
.review__add,
.link-review__add {
  display: inline-block;
}
.review__rating-link {
  display: block;
  margin-top: 1rem;
  font-size: .8rem;
}
.review__info {
  order: 2;
}
.review__info-item {
  padding: .25rem;
  border: .25rem solid transparent;
  border-radius: var(--border-radius-5px);
}
.review__technical-support {
  border: .25rem solid rgb(255, 248, 235);
  background-color: rgb(255, 248, 235);
}
.review__info-list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 3rem;
  width: 100%;
}
.review__info-head {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: 1rem;
  width: 100%;
}
.review__info-avatar {
  display: block;
  flex-shrink: 0;
  width: 2.7rem;
  height: auto;
}
.review__info-avatar svg {
  width: 100%;
  height: 100%;
  transform: translateY(-.2rem);
}
.review__info-person {
  display: block;
}
.review__info-name {
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: .9rem;
  font-weight: 600;
}
.review__info-rating {
  display: flex;
  flex-direction: row;
  column-gap: .5rem;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
}
.review__info-date {
  font-size: .9rem;
  transform: translateY(-.1rem);
}
.review__info-name-product {
  margin-top: 0;
  margin-bottom: 0;
  font-size: .7rem;
}
.review__advantages,
.review__disadvantages,
.review__comments {
  font-weight: 600;
}
@media (min-width: 0) {
  .accordion::before {
    top: 64.8px;
    right: 12px;
    left: 12px;
  }
  .accordion__btn {
    top: 41.2px;
  }
  .accordion__list {
    padding-left: 20px;
  }
  .table-th,
  .table-td {
    padding: 5px 10px;
  }
  /* Карточки, строчный вид */
  .accordion__string--info-list {
    display: flex;
    flex-direction: column;
    padding-right: 10px;
    padding-left: 10px;
  }
  .accordion__string--info-item:first-child {
    grid-row: span 1;
    width: 90px;
    padding: 0.5rem;
  }
  .accordion__string--title {
    margin-top: 0;
    margin-bottom: 14.14px;
  }
  .accordion__string--info {
    font-size: 0.9rem;
  }
  /* Увеличивается изображение по клику */
  .box-zoom__container {
    width: 100%;
  }
  /* Отзыв */
  .review__list {
    flex-direction: column;
    gap: 3rem;
  }
  .review__rating {
    width: 100%;
  }
  .review__rating-title {
    font-size: 1rem;
  }
  .review__info-rating {
    flex-wrap: wrap;
  }
}
@media (min-width: 399px) {
  /* Карточки, строчный вид */
  .accordion__string--info-list {
    flex-direction: row;
    padding-left: 15px;
    padding-right: 15px;
    gap: 15px;
  }
  .accordion__string--info-item:first-child {
    width: 100px;
    padding: 0.5rem;
  }
  .accordion__string--title {
    margin-top: 14.14px;
  }
  /* Увеличивается изображение по клику */
  .box-zoom__container {
    width: auto;
  }
  /* Тампоны */
  .card-pop__tampon-img--zoom {
    width: 378px;
  }
  /* Отзывы */
  .review__info-rating {
    flex-wrap: nowrap;
  }
}
@media (min-width: 576px) {
  .accordion::before {
    top: 67.4px;
    right: 13.5px;
    left: 13.5px;
  }
  .accordion__btn {
    top: 44px;
  }
  /* Карточки, строчный вид */
  .accordion__string--info-list {
    padding-left: 1rem;
    padding-right: 1rem;
    gap: 2rem;
  }
  .accordion__string--info-item:first-child {
    width: 140px;
  }
  .accordion__string--title {
    margin-top: 16.2px;
    margin-bottom: 16.2px;
  }
}
@media (min-width: 768px) {
  .accordion::before {
    top: 75.5px;
  }
  .accordion__btn {
    top: 52px;
  }
  .accordion__list {
    padding-left: 30px;
  }
  /* Карточки, строчный вид */
  .accordion__string--title {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .accordion__string--info {
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  .accordion::before {
    top: 95px;
    right: 15px;
    left: 15px;
  }
  .accordion__btn {
    top: 73px;
  }
  .table-th,
  .table-td {
    padding: 10px 20px;
  }
  /* Карточки, строчный вид */
  .accordion__string--title {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  /* Тампоны */
  .card-pop__tampon-img--zoom {
    width: auto;
  }
  /* Отзыв */
  .review__list {
    flex-direction: row;
    gap: 4rem;
  }
  .review__rating {
    width: 13rem;
  }
  .review__rating-title {
    font-size: .9rem;
  }
}
@media (min-width: 1200px) {
  /* Отзыв */
  .review__rating {
    width: 14rem;
  }
  .review__rating-title {
    font-size: 1rem;
  }
}
@media (min-width: 1400px) {
  /* Карточки, строчный вид */
  .accordion__string--info-list {
    min-height: 188.4px;
  }
  /* Отзыв */
  .review__rating {
    width: 15rem;
  }
}
@media (min-width: 1600px) {
  /* Отзыв */
  .review__rating {
    width: 20rem;
  }
}
@media (min-width: 1900px) {
}
@media (prefers-color-scheme: dark) {
  .accordion__head-item:hover {
    border-bottom: 2px solid var(--color-red);
  }
  .head-item-active {
    border-bottom: 2px solid var(--color-red);
  }
  .accordion__table-th {
    background-color: var(--color-font-item);
  }
  .accordion__palette--color,
  .accordion__table--box-color {
    opacity: 0.6;
  }
  /* Тампоны */
  .accordion__table--box-img,
  .card-pop__tampon-img--zoom {
    opacity: 1;
  }
  .card-pop__tampon-img--zoom {
    filter: brightness(60%);
  }
  .review__technical-support {
    border: .25rem solid var(--color-font-item);
    background-color: var(--color-font-item);
  }
}