@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-BoldItalic.eot");
  src: local("Inter Bold Italic"), local("Inter-BoldItalic"), url("../fonts/Inter-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-BoldItalic.woff2") format("woff2"), url("../fonts/Inter-BoldItalic.woff") format("woff"), url("../fonts/Inter-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-MediumItalic.eot");
  src: local("Inter Medium Italic"), local("Inter-MediumItalic"), url("../fonts/Inter-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-MediumItalic.woff2") format("woff2"), url("../fonts/Inter-MediumItalic.woff") format("woff"), url("../fonts/Inter-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-ThinItalicBETA.eot");
  src: local("Inter Thin Italic BETA"), local("Inter-ThinItalicBETA"), url("../fonts/Inter-ThinItalicBETA.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-ThinItalicBETA.woff2") format("woff2"), url("../fonts/Inter-ThinItalicBETA.woff") format("woff"), url("../fonts/Inter-ThinItalicBETA.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Regular.eot");
  src: local("Inter Regular"), local("Inter-Regular"), url("../fonts/Inter-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.woff") format("woff"), url("../fonts/Inter-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Black.eot");
  src: local("Inter Black"), local("Inter-Black"), url("../fonts/Inter-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Black.woff2") format("woff2"), url("../fonts/Inter-Black.woff") format("woff"), url("../fonts/Inter-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-BlackItalic.eot");
  src: local("Inter Black Italic"), local("Inter-BlackItalic"), url("../fonts/Inter-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-BlackItalic.woff2") format("woff2"), url("../fonts/Inter-BlackItalic.woff") format("woff"), url("../fonts/Inter-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-LightBETA.eot");
  src: local("Inter Light BETA"), local("Inter-LightBETA"), url("../fonts/Inter-LightBETA.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-LightBETA.woff2") format("woff2"), url("../fonts/Inter-LightBETA.woff") format("woff"), url("../fonts/Inter-LightBETA.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-SemiBold.eot");
  src: local("Inter Semi Bold"), local("Inter-SemiBold"), url("../fonts/Inter-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter-SemiBold.woff") format("woff"), url("../fonts/Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-ExtraBoldItalic.eot");
  src: local("Inter Extra Bold Italic"), local("Inter-ExtraBoldItalic"), url("../fonts/Inter-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Inter-ExtraBoldItalic.woff") format("woff"), url("../fonts/Inter-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Bold.eot");
  src: local("Inter Bold"), local("Inter-Bold"), url("../fonts/Inter-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Bold.woff2") format("woff2"), url("../fonts/Inter-Bold.woff") format("woff"), url("../fonts/Inter-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-ExtraLightItalicBETA.eot");
  src: local("Inter Extra Light Italic BETA"), local("Inter-ExtraLightItalicBETA"), url("../fonts/Inter-ExtraLightItalicBETA.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-ExtraLightItalicBETA.woff2") format("woff2"), url("../fonts/Inter-ExtraLightItalicBETA.woff") format("woff"), url("../fonts/Inter-ExtraLightItalicBETA.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-ExtraLightBETA.eot");
  src: local("Inter Extra Light BETA"), local("Inter-ExtraLightBETA"), url("../fonts/Inter-ExtraLightBETA.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-ExtraLightBETA.woff2") format("woff2"), url("../fonts/Inter-ExtraLightBETA.woff") format("woff"), url("../fonts/Inter-ExtraLightBETA.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-ExtraBold.eot");
  src: local("Inter Extra Bold"), local("Inter-ExtraBold"), url("../fonts/Inter-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-ExtraBold.woff2") format("woff2"), url("../fonts/Inter-ExtraBold.woff") format("woff"), url("../fonts/Inter-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-ThinBETA.eot");
  src: local("Inter Thin BETA"), local("Inter-ThinBETA"), url("../fonts/Inter-ThinBETA.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-ThinBETA.woff2") format("woff2"), url("../fonts/Inter-ThinBETA.woff") format("woff"), url("../fonts/Inter-ThinBETA.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-LightItalicBETA.eot");
  src: local("Inter Light Italic BETA"), local("Inter-LightItalicBETA"), url("../fonts/Inter-LightItalicBETA.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-LightItalicBETA.woff2") format("woff2"), url("../fonts/Inter-LightItalicBETA.woff") format("woff"), url("../fonts/Inter-LightItalicBETA.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Italic.eot");
  src: local("Inter Italic"), local("Inter-Italic"), url("../fonts/Inter-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Italic.woff2") format("woff2"), url("../fonts/Inter-Italic.woff") format("woff"), url("../fonts/Inter-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-SemiBoldItalic.eot");
  src: local("Inter Semi Bold Italic"), local("Inter-SemiBoldItalic"), url("../fonts/Inter-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Inter-SemiBoldItalic.woff") format("woff"), url("../fonts/Inter-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Medium.eot");
  src: local("Inter Medium"), local("Inter-Medium"), url("../fonts/Inter-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Medium.woff2") format("woff2"), url("../fonts/Inter-Medium.woff") format("woff"), url("../fonts/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
/**
    *
    *   Author: Andrey Melnichenko @dev_arm923i
    *   Author URI: https://t.me/dev_arm923i
    * 
**/
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  box-sizing: border-box;
  vertical-align: baseline;
  background: none;
}

:root {
  --global-transition: .25s ease all;
  --color-black: #0B0B0B;
  --color-pink: #E30079;
  --color-pink-dark: #D20071;
  --color-pink-dark2: #7D0042;
  --color-pink-light: #EFD8E5;
  --color-green: #0F9E03;
  --color-green-light: #DDEFD8;
  --color-orange: #F1AE00;
  --color-bg-gray: #ECECEC;
  --color-bg-footer: #2E2E2E;
  --color-border-gray: #9B9B9B;
}

html {
  font-family: "Inter", sans-serif;
  font-size: clamp(0.833vw, 0.833vw, 18px);
  line-height: 1.2;
}
@media screen and (min-width: 1920px) {
  html {
    font-size: 16px;
  }
}
@media screen and (max-width: 900px) {
  html {
    font-size: 16px;
  }
}

*::-webkit-scrollbar {
  width: 1px;
}

*::-webkit-scrollbar-thumb {
  cursor: pointer;
  background-color: var(--color-pink-dark);
}

body {
  color: var(--color-black);
  background: #fff;
  overflow-x: hidden;
}
body::-webkit-scrollbar {
  width: 1rem;
}
body::-webkit-scrollbar-thumb {
  background-color: var(--color-border-gray);
  border-radius: 8px;
}
body._no_scroll {
  overflow: hidden;
}

section {
  position: relative;
}

label {
  user-select: none;
}

input, textarea, button {
  font-family: "Inter", sans-serif;
}

img, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  user-select: none;
  text-decoration: none;
  transition: var(--global-transition);
}

p:not(:last-child) {
  margin-bottom: 1rem;
}

.bg_img img, .bg_img svg, .bg_img video, .bg_img iframe {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

._mob_only {
  display: none !important;
}

@media screen and (max-width: 900px) {
  ._mob_hide {
    display: none !important;
  }
  ._mob_only {
    display: block !important;
  }
}
.container {
  padding: 0 8.125rem;
}
@media screen and (min-width: 1920px) {
  .container {
    width: 1660px;
    margin-inline: auto;
    padding: 0;
  }
}
@media screen and (min-width: 901px) and (max-width: 1350px) {
  .container {
    padding: 0 40px;
  }
}
@media screen and (max-width: 900px) {
  .container {
    padding: 0 10px;
  }
}

.section {
  padding: 3.125rem 0;
}
.section_title {
  user-select: none;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
.section_title._mb {
  margin-bottom: 1.9rem;
}
.section_title._center {
  text-align: center;
}
@media screen and (max-width: 900px) {
  .section {
    padding: 30px 0;
  }
  .section_title {
    font-size: 24px;
  }
  .section_title._mb {
    margin-bottom: 20px;
  }
}

.text_style h1, .text_style h2, .text_style h3, .text_style h4, .text_style h5, .text_style h6 {
  margin-bottom: 1rem;
  font-weight: 600;
}
.text_style h1:not(:first-child), .text_style h2:not(:first-child), .text_style h3:not(:first-child), .text_style h4:not(:first-child), .text_style h5:not(:first-child), .text_style h6:not(:first-child) {
  margin-top: 1rem;
}
.text_style ul, .text_style ol {
  padding-left: 2rem;
  margin-bottom: 1rem;
}
.text_style ul:not(:last-child), .text_style ol:not(:last-child) {
  margin-bottom: 0.5rem;
}
.text_style a {
  color: var(--color-black);
  text-decoration: underline;
}

._toggle_icon {
  position: relative;
}
._toggle_icon input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
}
._toggle_icon label {
  position: relative;
  cursor: pointer;
  display: block;
  padding-left: 2.2rem;
}
._toggle_icon label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: clamp(20px, 1.25rem, 1.25rem);
  height: clamp(12px, 0.625rem, 0.625rem);
  border-radius: 20px;
  background: #fff;
  border: 2px solid var(--color-black);
  transition: var(--global-transition);
}
._toggle_icon label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.25rem;
  transform: translateY(-50%);
  width: clamp(6px, 0.375rem, 0.375rem);
  height: clamp(6px, 0.375rem, 0.375rem);
  border-radius: 50%;
  background: #fff;
  border: 2px solid var(--color-black);
  transition: var(--global-transition);
}
._toggle_icon input:checked + label::before {
  border-color: var(--color-pink);
}
._toggle_icon input:checked + label::after {
  background: var(--color-pink-dark);
  border-color: var(--color-pink);
  transform: translateY(-50%) translateX(0.45rem);
}

.quantity {
  user-select: none;
  border-radius: var(--Spacing-1, 4px);
  border: 1px solid var(--color-border-gray);
  transition: var(--global-transition);
  display: flex;
  align-items: center;
  gap: 0.325rem;
  padding: 0.625rem 1rem;
  width: max-content;
  margin-inline: auto;
}
.quantity input {
  /* cursor: default;
  pointer-events: none; */
  font-size: 1.25rem;
  font-weight: 600;
  width: 2.4rem;
  text-align: center;
}
.quantity input::-webkit-outer-spin-button, .quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.quantity_btn {
  cursor: pointer;
  width: clamp(22px, 1.5rem, 1.5rem);
  display: flex;
  align-items: center;
}
.quantity_btn path, .quantity_btn rect {
  transition: var(--global-transition);
}
@media (hover: hover) {
  .quantity_btn:hover path, .quantity_btn:hover rect {
    fill: var(--color-pink);
  }
}
@media (hover: hover) {
  .quantity:hover {
    border-color: var(--color-pink);
  }
}
@media screen and (max-width: 900px) {
  .quantity {
    gap: 5px;
    padding: 10px;
  }
  .quantity input {
    font-size: 16px;
  }
  .quantity_btn {
    width: 24px;
    align-items: center;
  }
}

.btn_cart {
  user-select: none;
  color: #fff;
  border-radius: 8px;
  border: 1px solid var(--color-pink-dark);
  background-color: var(--color-pink-dark);
  transition: var(--global-transition);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.32px;
  text-align: center;
  padding: 0.8rem 2rem;
}
.btn_cart img, .btn_cart svg {
  display: block;
  width: 2.25rem;
  min-width: 2.25rem;
}
@media screen and (max-width: 900px) {
  .btn_cart {
    padding: 14px 16px;
  }
}
.btn_cart svg path{
  transition: var(--global-transition);
}
@media (hover: hover) {
  .btn_cart:not(._button_in_cart):hover {
    border-color: var(--color-pink-light)!important;
    background-color: var(--color-pink-light)!important;
    color: var(--color-black)!important;
  }
    .btn_cart:not(._button_in_cart):hover svg path[stroke]{
      stroke: var(--color-black);
    }
}
.btn_cart._gray {
  border-color: var(--color-bg-gray);
  background: var(--color-bg-gray);
  color: #5F5F5F;
}
@media (hover: hover) {
  .btn_cart._gray:hover {
    border-color: var(--color-pink-light);
    background-color: var(--color-pink-light);
  }
}
.btn_cart._white {
  color: #5F5F5F;
  border-color: #fff;
  background: #fff;
  font-weight: 700;
}
@media (hover: hover) {
  .btn_cart._white:hover {
    border-color: var(--color-pink-light);
    background-color: var(--color-pink-light);
  }
}

.btn_outline {
  user-select: none;
  border-radius: 8px;
  border: 1px solid var(--color-border-gray);
  transition: var(--global-transition);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.32px;
  text-align: center;
  padding: 0.8rem 2rem;
}
.btn_outline img, .btn_outline svg {
  display: block;
  width: 2.25rem;
  min-width: 2.25rem;
}
@media screen and (max-width: 900px) {
  .btn_outline {
    padding: 14px 16px;
  }
}
@media (hover: hover) {
  .btn_outline:hover {
    border-color: var(--color-pink-dark);
    color: var(--color-pink-dark);
  }
}

.product_stock {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  color: var(--color-green);
}
.product_stock._low {
  color: var(--color-orange);
}
.product_stock._out {
  color: var(--color-pink-dark2);
}
.product_stock span {
  color: var(--color-black);
}
.product_stock img, .product_stock svg {
  width: clamp(16px, 1rem, 1rem);
}
@media screen and (max-width: 900px) {
  .product_stock {
    font-size: 14px;
  }
}

.to_top_btn {
  cursor: pointer;
  position: fixed;
  bottom: 6.25rem;
  right: 2.5rem;
  transition: var(--global-transition);
  opacity: 0;
  visibility: hidden;
  transform: translateY(1rem);
  z-index: 8;
  width: max-content;
}
.to_top_btn._active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.to_top_btn svg {
  width: 4rem;
}
@media screen and (max-width: 900px) {
  .to_top_btn {
    bottom: 24px;
    right: 30px;
  }
  .to_top_btn svg {
    width: 60px;
  }
}

.breadcrumbs {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0;
}
.breadcrumbs li:last-child a, .breadcrumbs li:last-child span {
  color: #5F5F5F;
  font-weight: 600;
}
.breadcrumbs li:not(:last-child) {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.breadcrumbs li:not(:last-child)::after {
  content: " - ";
  display: inline-block;
  color: var(--color-border-gray);
}
.breadcrumbs a, .breadcrumbs span {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  line-height: 1;
}
.breadcrumbs a {
  color: var(--color-border-gray);
}
@media (hover: hover) {
  .breadcrumbs a:hover {
    color: var(--color-pink);
  }
}
@media screen and (max-width: 900px) {

  .breadcrumbs_wrap{
    overflow-y: auto;
    padding-bottom: 2px;
  }
    .breadcrumbs_wrap::-webkit-scrollbar{
      height: 2px;
    }
    .breadcrumbs{
      width: max-content;
    }

  .breadcrumbs a, .breadcrumbs span {
    font-size: 14px;
  }

}




._input {
  position: relative;
  margin-bottom: 1.25rem;
}
  ._input > label {
    display: block;
    color: #5F5F5F;
    font-size: clamp(14px, 1rem, 1rem);
    letter-spacing: 0.32px;

    position: absolute;
    top: 2rem;
    left: 1.5rem;
    transition: .25s ease all;
    z-index: 0;
    pointer-events: none;
  }
  ._input input:not([type=radio], [type=checkbox]),
  ._input textarea {
    font-size: clamp(14px, 1rem, 1rem);
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--color-border-gray);
    padding: 2.6rem 1.5rem 1.1rem;
    letter-spacing: 0.32px;
  }
  ._input input:not([type=radio], [type=checkbox])::placeholder,
  ._input textarea::placeholder {
    opacity: 0;
  }
  ._input input:not([type=radio], [type=checkbox]):focus,
  ._input textarea:focus {
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
  }
  ._input textarea {
    resize: none;
    height: 10rem;
  }

  ._input:has( input:focus ) label,
  ._input:has( input:not(:placeholder-shown) ) label,
  ._input:has( textarea:focus ) label,
  ._input:has( textarea:not(:placeholder-shown) ) label{
    font-size: clamp(11px, .875rem, .875rem);
    top: 1rem;
    color: #9b9b9b;
  }

@media screen and (max-width: 900px) {
  ._input input:not([type=radio], [type=checkbox]),
  ._input textarea {
    font-size: 16px;
  }
  ._input > label {
    font-size: 16px;
  }
  ._input:has( input:focus ) label,
  ._input:has( input:not(:placeholder-shown) ) label{
    font-size: 14px;
  }
}
._input:has(._toggle_pass) input {
  padding-right: 3.5rem;
}
._input ._toggle_pass {
  cursor: pointer;
  position: absolute;
  top: 2rem;
  right: 1.5rem;
  transition: var(--global-transition);
  display: block;
  width: 1.5rem;
}
  ._input ._toggle_pass path {
    transition: var(--global-transition);
  }
  ._input ._toggle_pass._active {
    transform: scale(-1);
    top: 1.75rem;
  }
    ._input ._toggle_pass._active path {
      stroke: var(--color-pink-dark);
    }

._input._error input,
._input._error textarea {
  border-color: var(--color-pink-dark) !important;
}
._input ._text_error {
  font-size: clamp(10px, 0.75rem, 0.75rem);
  color: var(--color-pink-dark) !important;
  padding: 0.4rem 0 0 0.4rem;
}



.arm_alert {
  z-index: 100;
  position: fixed;
  top: 10rem;
  left: 0;
  width: 100%;
  border-radius: 0px 0px 10px 10px;
  background: var(--color-pink-light);
  padding: 1.25rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.4px;
}
.arm_alert_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
}
.arm_alert_wrap > svg:first-child {
  width: clamp(15px, 1.05rem, 1.05rem);
}
.arm_alert_wrap a {
  color: var(--color-black);
  text-decoration: underline;
}
.arm_alert_close {
  cursor: pointer;
  width: clamp(20px, 1.5rem, 1.5rem);
}
.arm_alert_close svg path {
  transition: var(--global-transition);
}
@media (hover: hover) {
  .arm_alert_close:hover path {
    stroke: var(--color-pink-dark2);
  }
}
@media screen and (max-width: 900px) {
  .arm_alert{
    top: 116px;
    font-size: 12px;
  }
  .arm_alert_wrap{
    justify-content: space-between;
  }
  .arm_alert_close {
   width: 24px;
   min-width: 24px;
  }
}

/**
 * Swiper 11.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 26, 2023
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
  overflow: hidden;
}

.swiper-vertical {
  touch-action: pan-x;
  overflow: hidden;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: auto;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: calc(50% - 2rem);
  width: 4rem;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  display: block;
  width: 100%;
}

.swiper-button-prev {
  left: 1.25rem;
}

.swiper-button-next {
  right: 1.25rem;
}

@media screen and (max-width: 900px) {
  .swiper-button-next,
  .swiper-button-prev {
    top: calc(50% - 14px);
    width: 28px;
    min-width: 28px;
    height: 28px;
  }
  .swiper-button-prev {
    left: 10px;
  }
  .swiper-button-next {
    right: 10px;
  }
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
}
.swiper-pagination-bullet {
  cursor: pointer;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ECECEC;
  transition: var(--global-transition);
}
.swiper-pagination-bullet-active, .swiper-pagination-bullet:hover {
  background: var(--color-pink-dark);
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

body:has(#filters._active) .header {
  z-index: 100;
}

.header {
  position: relative;
  background: #f7f7f7;
  padding: clamp(8px, 0.625rem, 0.625rem) 0;
  /* height: 10rem; */
  height: clamp(120px, 10.8rem, 10.8rem);
  z-index: 100;
}
  @media screen and (min-width: 901px) and (max-width: 1300px) {
    .header {
      height: 11rem;
    }
  }

.header_top {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 0.5rem;
}
.header_bottom {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.header_logo {
  width: 25rem;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-black);
}
.header_logo img, .header_logo svg {
  width: 5.625rem;
  /* width: 6rem; */
}
.header_btn {
  position: relative;
  cursor: pointer;
  color: var(--color-black);
  background: var(--color-bg-gray);
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  height: 3.5rem;
  user-select: none;
  transition: var(--global-transition);
}
.header_btn img, .header_btn svg {
  width: 1.5rem;
}
@media (hover: hover) {
  .header_btn:hover {
    background: var(--color-pink-light);
  }
}
.header_btn__toggle {
  cursor: default;
}
.header_btn__toggle, .header_btn__price, .header_btn__specials {
  min-width: 16.25rem;
}
.header_btn__price.header_btn__price_disabled{
  cursor: default;
}
.header_btn__logout {
  margin-left: auto;
  justify-content: center;
  min-width: 11.8rem;
}
.header_btn__wishlist, .header_btn__cart {
  gap: 1.25rem;
  padding: 0.75rem 1rem;
}
.header_btn__wishlist img, .header_btn__wishlist svg, .header_btn__cart img, .header_btn__cart svg {
  width: 1.875rem;
}
.header_btn__cart {
  background: var(--color-pink-light);
}
@media (hover: hover) {
  .header_btn__cart:hover {
    background: var(--color-bg-gray);
  }
}
.header_btn_counter {
  z-index: 1;
  position: absolute;
  top: 0.375rem;
  left: 2.3rem;
  border-radius: 50%;
  background: var(--color-pink-dark);
  color: var(--color-bg-gray);
  font-weight: 600;
  line-height: 1;
  padding: 0.1rem 0.3rem;
}
.header_contacts {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.header_contacts_phones {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.header_contacts_phones a {
  color: var(--color-black);
  font-size: 1.25rem;
  font-weight: 600;
}
.header_contacts_socials {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.header_contacts_socials img, .header_contacts_socials svg {
  width: 2.5rem;
  display: block;
}
.header_catalog_btn {
  user-select: none;
  cursor: pointer;
  color: var(--color-bg-gray);
  background: var(--color-pink-dark2);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 25rem;
  max-width: 100%;
  padding: 0.75rem 1.5rem;
  height: 3.5rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
  transition: var(--global-transition);
}
.header_catalog_btn img, .header_catalog_btn svg {
  width: 1.875rem;
}
@media (hover: hover) {
  .header_catalog_btn:hover {
    background: var(--color-pink-dark);
  }
}
.header_search {
  position: relative;
  flex-grow: 1;
  max-width: 100%;
}
.header_search_form {
  position: relative;
  width: 100%;
}
.header_search_form input {
  display: block;
  background: #fff;
  border-radius: 16px;
  width: 100%;
  height: 3.5rem;
  padding: 1rem 4.5rem 1rem 1.5rem;
  font-size: 1.25rem;
}
.header_search_form button {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
}
.header_search_form button svg {
  display: block;
  width: 2rem;
}
 .mob_menu_btn {
  display: none;
}
.header_catalog_btn_mobile {
  display: none;
}
@media screen and (max-width: 900px) {
  .header {
    padding: 0;
    height: 113px;
    background: #ececec;
  }
  .header .container {
    padding: 0;
  }
  .header_wrap {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 10px;
  }
  .header_top {
    margin: 0;
    gap: 16px;
  }
  .header_logo {
    width: 58px;
    min-width: 58px;
  }
  .header_bottom {
    gap: 16px;
  }
  .header_btn__cart {
    padding: 0;
    background: transparent;
    height: 40px;
  }
  .header_btn__cart .header_btn_counter {
    left: unset;
    right: 2px;
    top: -2px;
    font-size: 12px;
    padding: 3px 6px;
  }
  .header_btn__cart img, .header_btn__cart svg {
    width: 40px;
    min-width: 40px;
  }
  .header_search_form {
    user-select: none;
  }
  .header_search_form input {
    pointer-events: none;
    border-radius: 10px;
    width: 100%;
    height: 40px;
    padding: 8px 40px 8px 12px;
    font-size: 16px;
  }
  .header_search_form button {
    pointer-events: none;
    right: 12px;
  }
  .header_search_form button svg {
    width: 20px;
  }
   .mob_menu_btn {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 16px;
    border: 2px solid #0B0B0B;
    background: #ececec;
    overflow: hidden;
  }
   .mob_menu_btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 23px;
    height: 23px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23" fill="none"><path d="M3.83398 4.79199H15.334" stroke="%230B0B0B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.83398 11.5H19.1673" stroke="%230B0B0B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.83398 18.208H11.5007" stroke="%230B0B0B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    transition: var(--global-transition);
    transform: translate(-50%, -50%);
  }
   .mob_menu_btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 23px;
    height: 23px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23" fill="none"><path d="M9.81866 6.45915C10.6106 7.25109 11.0066 7.64705 11.4987 7.64705C11.9908 7.64705 12.3868 7.2511 13.1787 6.45917L14.8592 4.7787C15.2498 4.3881 15.4451 4.19273 15.6484 4.07542C16.6703 3.4854 17.512 4.07099 18.2197 4.7787C18.9274 5.48642 19.513 6.3281 18.9229 7.35003C18.8056 7.55321 18.6103 7.74852 18.2198 8.13912L16.5395 9.81945C15.7475 10.6114 15.3513 11.0076 15.3513 11.4997C15.3513 11.9918 15.7473 12.3878 16.5393 13.1797L18.2197 14.8602C18.6103 15.2508 18.8056 15.4461 18.9229 15.6493C19.513 16.6712 18.9274 17.5129 18.2197 18.2206C17.5121 18.9284 16.6702 19.5139 15.6484 18.9239C15.4451 18.8067 15.2498 18.6114 14.8592 18.2206L13.1789 16.5404C12.3871 15.7488 11.9907 15.3523 11.4987 15.3523C11.0066 15.3523 10.6102 15.7487 9.81847 16.5404L8.13821 18.2206C7.74757 18.6114 7.55224 18.8067 7.34904 18.9239C6.32719 19.5139 5.48536 18.9284 4.77772 18.2206C4.06996 17.5129 3.48446 16.6712 4.07444 15.6493C4.19176 15.4461 4.38708 15.2508 4.77772 14.8602L6.45817 13.1797C7.25012 12.3878 7.64608 11.9918 7.64608 11.4997C7.64608 11.0076 7.24991 10.6114 6.45797 9.81945L4.77764 8.13912C4.38706 7.74852 4.19175 7.55321 4.07444 7.35003C3.48443 6.3281 4.07001 5.48642 4.77772 4.7787C5.48545 4.07099 6.32712 3.4854 7.34904 4.07542C7.55223 4.19273 7.74761 4.3881 8.1382 4.77869L9.81866 6.45915Z" fill="%230B0B0B"/></svg>');
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%) scale(0.9);
    transition: var(--global-transition);
  }
   .mob_menu_btn._active::before {
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%) scale(0.9);
  }
   .mob_menu_btn._active::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
  }
  .header_catalog_btn_mobile {
    color: #fff;
    border-radius: 0px 0px 14px 14px;
    background: var(--color-pink-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 500;
    height: 46px;
  }
  .header_catalog_btn_mobile img, .header_catalog_btn_mobile svg {
    width: 18px;
  }
  .header_btn:not(.header_btn__cart) {
    border-radius: 10px;
    font-size: 14px;
    padding: 12px 14px;
    height: auto;
    min-width: unset;
  }
  .header_btn:not(.header_btn__cart) img, .header_btn:not(.header_btn__cart) svg {
    width: 24px;
  }
  .header_btn__price_disabled{
    display: none;
  }
  /* .header .header_btn__price {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3;
    width: calc(100% - 144px);
    background: #fff;
    padding: 10px 14px;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
  } */
}

.catalog_menu {
  z-index: 99;
  /* position: absolute; */
  position: fixed;
  top: 10.5rem;
  left: 8.125rem;
  max-height: 0px;
  overflow: hidden;
  transition: var(--global-transition);
  border-radius: 20px;
  background: #F7F7F7;
  box-shadow: 0px 86px 24px 0px rgba(0, 0, 0, 0), 0px 55px 22px 0px rgba(0, 0, 0, 0.01), 0px 31px 19px 0px rgba(0, 0, 0, 0.04), 0px 14px 14px 0px rgba(0, 0, 0, 0.07), 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
}
.catalog_menu._active {
  /* max-height: 2000px; */
  max-height: calc(100dvh - 11rem);
  overflow-y: auto;
}
@media screen and (min-width:901px) {
  .catalog_menu::-webkit-scrollbar {
    width: 0;
  }
  .catalog_menu::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: transparent;
  }
}

.catalog_menu_wrap {
  overflow: hidden;
  transition: var(--global-transition);
  width: 80vw;
  max-width: 25rem;
  padding: 1.5rem 0 1.5rem 1.5rem;
}
@media (hover: hover) {
  .catalog_menu_wrap:has(.catalog_menu_item._has_child:hover) {
    max-width: 40.6rem;
  }
}
.catalog_menu_list {
  position: relative;
  width: 22rem;
}
.catalog_menu_item:first-child .catalog_menu_link {
  padding-top: 0;
}
.catalog_menu_item:last-child .catalog_menu_link {
  padding-bottom: 0;
}
.catalog_menu_item a {
  font-size: 1.1rem;
  color: var(--color-black);
}
@media (hover: hover) {
  .catalog_menu_item._has_child:hover .catalog_menu_submenu {
    opacity: 1;
    visibility: visible;
  }
  .catalog_menu_item:hover .catalog_menu_link {
    color: var(--color-pink-dark);
  }
  .catalog_menu_item:hover .catalog_menu_link > img, .catalog_menu_item:hover .catalog_menu_link > svg {
    transform: translateX(1rem);
  }
  .catalog_menu_item a:hover {
    color: var(--color-pink-dark);
  }
}
.catalog_menu_link {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: space-between;
  font-weight: 600;
  padding: 0.75rem 1.5rem 0.75rem 0;
}
.catalog_menu_link_content {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.catalog_menu_link img, .catalog_menu_link svg {
  width: 1.5rem;
  display: block;
  transition: var(--global-transition);
}
@media screen and (min-width: 901px) and (max-width: 1350px) {
  .catalog_menu {
    left: 40px;
  }
}
@media screen and (min-width: 901px) {
  .catalog_menu_submenu {
    position: absolute;
    top: 0;
    left: 100%;
    width: 15.6rem;
    height: 100%;
    overflow-y: auto;
    transition: var(--global-transition);
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1rem 0 1rem 2.5rem;
  }
}
@media screen and (max-width: 900px) {
  .catalog_menu {
    position: fixed;
    top: 113px;
    left: 0;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    background: #fff;
    height: calc(100dvh - 113px);
  }
  .catalog_menu._active {
    max-height: calc(100dvh - 113px);
  }
  .catalog_menu_wrap {
    overflow-y: auto;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    max-width: 100%;
    background: #F7F7F7;
    border-radius: 20px;
    padding: 30px 20px;
    margin: 10px;
  }
  .catalog_menu_list {
    width: 100%;
  }
  .catalog_menu_item {
    border-radius: 10px;
    transition: var(--global-transition);
  }
  .catalog_menu_item:not(:last-child) {
    margin-bottom: 24px;
  }
  .catalog_menu_item._active {
    background: #fff;
    padding: 16px 10px 6px;
  }
  .catalog_menu_item._active .catalog_menu_link > img {
    transform: rotate(-90deg);
  }
  .catalog_menu_item a {
    font-size: 18px;
  }
  .catalog_menu_link {
    padding: 0;
  }
  .catalog_menu_submenu {
    display: none;
    padding: 20px 10px 10px;
  }
  .catalog_menu_submenu a {
    display: block;
  }
  .catalog_menu_submenu a:not(:last-child) {
    margin-bottom: 24px;
  }
}

body:has(.mobile_menu._opt._active) .header_btn__price {
  opacity: 1;
  visibility: visible;
}

.mobile_menu {
  z-index: 101;
  position: fixed;
  left: 0;
  top: 59px;
  width: 100%;
  max-height: calc(100dvh - 59px);
  background: #f7f7f7;
  padding: 10px 5px;
  opacity: 0;
  visibility: hidden;
  transition: var(--global-transition);
}
.mobile_menu._active {
  opacity: 1;
  visibility: visible;
}
.mobile_menu_wrap {
  max-height: calc(100dvh - 69px);
  overflow-y: auto;
  background: #f7f7f7;
  padding: 10px 5px;
}
.mobile_menu_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px 10px;
  flex-wrap: wrap;
}
.mobile_menu_top .header_btn {
  width: max-content;
  margin: 0;
}
.mobile_menu_top:not(._guest) .header_btn.header_btn__logout{
  flex-grow: 1;
}
.mobile_menu_top._guest{
  align-items: unset;
}
  .mobile_menu_top._guest .header_btn__logout{
    width: calc(40% - .5rem);
  }
  .mobile_menu_top._guest .header_btn__toggle {
    width: calc(60% - .5rem);
  }

.mobile_menu_actions {
  border-top: 1px solid var(--color-border-gray);
  padding: 40px 20px;
  margin-top: 20px;
}
.mobile_menu_btn {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  font-weight: 600;
  color: var(--color-black);
}
.mobile_menu_btn:not(:last-child) {
  margin-bottom: 20px;
}
.mobile_menu_btn ._arrow {
  margin-left: auto;
}
.mobile_menu_btn_ico {
  position: relative;
  border-radius: 16px;
  background: #ECECEC;
  padding: 8px;
}
.mobile_menu_btn_ico img {
  width: 26px;
}
.mobile_menu_btn_counter {
  z-index: 1;
  position: absolute;
  top: 2px;
  right: 2px;
  border-radius: 50%;
  background: var(--color-pink-dark);
  color: var(--color-bg-gray);
  font-size: 12px;
  padding: 3px 6px;
}
.mobile_menu_btn._cart {
  color: var(--color-pink-dark);
}
.mobile_menu_btn._cart .mobile_menu_btn_ico {
  background: var(--color-pink-light);
}
.mobile_menu_links {
  border-top: 1px solid var(--color-border-gray);
  padding: 40px 20px;
}
.mobile_menu_links a {
  display: block;
  border-radius: 10px;
  border: 2px solid #ECECEC;
  background: #FFF;
  font-size: 20px;
  font-weight: 600;
  padding: 10px;
}
.mobile_menu_links a:not(:last-child) {
  margin-bottom: 10px;
}
.mobile_menu_user_links {
  border-top: 1px solid var(--color-border-gray);
  padding: 40px 20px;
}
.mobile_menu_user_links a {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  color: var(--color-black);
}
.mobile_menu_user_links a:not(:last-child) {
  margin-bottom: 20px;
}
.mobile_menu_user_links a ._arrow {
  margin-left: auto;
}
.mobile_menu_navs {
  border-top: 1px solid var(--color-border-gray);
  padding: 40px 20px;
}
.mobile_menu_navs .catalog_menu_item:not(:last-child) {
  margin-bottom: 24px;
}
.mobile_menu_navs .catalog_menu_link img, .mobile_menu_navs .catalog_menu_link svg {
  transform: rotate(90deg);
}
.mobile_menu_navs .catalog_menu_submenu a:not(:last-child) {
  margin-bottom: 16px;
}
.mobile_menu .footer_col_contacts {
  border-top: 1px solid var(--color-border-gray);
  padding: 40px 20px 30px;
  margin: 0;
}
.mobile_menu .footer_info {
  margin-bottom: 0;
}
.mobile_menu .footer_info_item {
  color: var(--color-black);
}
.mobile_menu .footer_phones a {
  color: var(--color-black);
}



.footer {
  background: var(--color-bg-footer);
  color: #fff;
  padding: 3.2rem 0;
}
.footer_title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1.9rem;
}
.footer_menu {
  list-style: none;
  padding: 0;
}
.footer_menu li:not(:last-child) {
  margin-bottom: 1rem;
}
.footer_menu li a {
  color: var(--color-bg-gray);
  font-size: 1.25rem;
  font-weight: 300;
}
@media (hover: hover) {
  .footer_menu li a:hover {
    color: var(--color-pink);
  }
}
.footer_phones {
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 0.6rem, 0.6rem);
  margin-bottom: 1.25rem;
}
.footer_phones a {
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
}
@media (hover: hover) {
  .footer_phones a:hover {
    color: var(--color-pink);
  }
}
.footer_info {
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 0.6rem, 0.6rem);
  margin-bottom: 1.25rem;
}
.footer_info_item {
  color: var(--color-bg-gray);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.footer_info_item img, .footer_info_item svg {
  width: 1.5rem;
}
@media (hover: hover) {
  .footer_info a:hover {
    color: var(--color-pink);
  }
}
.footer_copy {
  color: var(--color-bg-gray);
}
.footer_socials {
  margin-bottom: 1.25rem;
}
.footer_socials a {
  color: var(--color-bg-gray);
  border-radius: 14px;
  width: max-content;
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 1.25rem 0.5rem 0.5rem;
  margin-bottom: 1rem;
}
.footer_socials a._tg {
  background: #32B2E2;
}
.footer_socials a._wa {
  background: #09B148;
}
.footer_socials a._vb {
  background: #81299C;
}
.footer_socials a img, .footer_socials a svg {
  width: 2rem;
}
@media (hover: hover) {
  .footer_socials a:hover {
    padding-right: 2.5rem;
  }
}
.footer_dev {
  font-size: 0.9rem;
}
.footer_dev a {
  color: #fff;
}
@media (hover: hover) {
  .footer_dev a:hover {
    color: var(--color-pink);
  }
}
@media screen and (min-width: 901px) {
  .footer_wrap {
    display: flex;
    gap: 1.25rem;
  }
  .footer_col {
    width: calc((100% - 5rem) / 5);
  }
}
@media screen and (max-width: 900px) {
  .footer {
    padding: 35px 20px;
  }
  .footer_col_menu {
    margin-bottom: 20px;
  }
  .footer_col_contacts {
    margin-top: 50px;
  }
  .footer_title {
    position: relative;
    font-size: 20px;
    margin-bottom: 0;
  }
  .footer_title._contacts {
    margin-bottom: 30px;
  }
  .footer_title:not(._contacts)::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12.4004 19.2V4" stroke="%239B9B9B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 10.4004C22 10.4004 14.635 19.2004 12 19.2004C9.36475 19.2004 2 10.4004 2 10.4004" stroke="%239B9B9B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    transition: var(--global-transition);
  }
  .footer_title._active::before {
    transform: scale(-1);
  }
  .footer_menu {
    display: none;
    padding: 20px 0 10px;
  }
  .footer_menu li:not(:last-child) {
    margin-bottom: 12px;
  }
  .footer_menu li a {
    font-size: 18px;
  }
  .footer_socials {
    margin: 50px 0 0;
  }
  .footer_copy {
    text-align: center;
    margin-top: 50px;
  }
  .footer_dev {
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
  }
}

.overlay {
  cursor: pointer;
  z-index: 98;
  position: fixed;
  width: calc(100% + 100px);
  height: calc(100% + 100px);
  top: -50px;
  left: -50px;
  opacity: 0;
  visibility: hidden;
  transition: var(--global-transition);
  background:rgba(0, 0, 0, 0.2);

}
.overlay._active {
  opacity: 1;
  visibility: visible;
}
body:has(.overlay._active):not(:has(.filters._active)) main.main{
  -webkit-filter: blur(8px);
  -moz-filter: blur(8px);
  -ms-filter: blur(8px);
  filter: blur(8px);
}
body:has(.filters._active) .overlay{
  background:rgba(0, 0, 0, 0.35);
}

.popup {
  z-index: 99;
  position: fixed;
  top: 12rem;
  left: 50%;
  transform: translate(-50%, 0) scale(0.9);
  opacity: 0;
  visibility: hidden;
  transition: var(--global-transition);
  width: 51rem;
  max-width: 100%;
  background: #FFF;
  border: 1px solid var(--color-border-gray);
  border-radius: 30px;
  padding: 2rem;
}
.popup._active {
  transform: translate(-50%, 0) scale(1);
  opacity: 1;
  visibility: visible;
}
.popup_wrap {
  border-radius: 30px;
  max-height: calc(100dvh - 12rem - 50px);
  overflow-y: auto;
  padding: 2rem 6.3rem 3.75rem;
}
.popup_close {
  cursor: pointer;
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 2.25rem;
}
.popup_close path {
  transition: var(--global-transition);
}
@media (hover: hover) {
  .popup_close:hover path {
    stroke: var(--color-pink-dark2);
  }
}
.popup_title {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 2.5rem;
}
.popup_form .btn_cart {
  padding: 1.4rem;
  margin-top: 2.5rem;
}
@media screen and (max-width: 900px) {
  .popup {
    top: 133px;
    left: 10px;
    width: calc(100% - 20px);
    transform: scale(0.9);
    padding: 0;
  }
  .popup._active {
    transform: scale(1);
  }
  .popup_wrap {
    max-height: calc(100dvh - 153px);
    padding: 70px 10px 40px;
  }
  .popup_close {
    top: 20px;
    right: 20px;
    width: 36px;
  }
  .popup_close path {
    transition: var(--global-transition);
  }
}
@media screen and (max-width: 900px) and (hover: hover) {
  .popup_close:hover path {
    stroke: var(--color-pink-dark2);
  }
}
@media screen and (max-width: 900px) {
  .popup_title {
    font-size: 24px;
  }
  .popup_form .btn_cart {
    margin-top: 30px;
  }
}

.rating_field {
  display: flex;
  gap: 0.5rem;
  padding-left: 1.5rem;
}
.rating_field_item {
  cursor: pointer;
  position: relative;
}
.rating_field_item input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.rating_field_item svg path {
  transition: var(--global-transition);
}
.rating_field_item._active svg path {
  fill: #FFC000;
}

.popup_cart {
  z-index: 99;
  position: fixed;
  top: 12rem;
  left: 50%;
  transform: translate(-50%, 0) scale(0.9);
  opacity: 0;
  visibility: hidden;
  transition: var(--global-transition);
  width: 103rem;
  max-width: 100%;
  background: #FFF;
  border: 1px solid var(--color-border-gray);
  border-radius: 30px;
  padding: 1.5rem;
}
.popup_cart._active {
  transform: translate(-50%, 0) scale(1);
  opacity: 1;
  visibility: visible;
}
.popup_cart_wrap {
  border-radius: 30px;
  max-height: calc(100dvh - 12rem - 50px);
  overflow-y: auto;
}
.popup_cart_close {
  background: #fff;
  z-index: 2;
  cursor: pointer;
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 2.25rem;
}
.popup_cart_close path {
  transition: var(--global-transition);
}
@media (hover: hover) {
  .popup_cart_close:hover path {
    stroke: var(--color-pink-dark2);
  }
}
.popup_cart_head {
  border-bottom: 1px solid var(--color-border-gray);
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
  padding-bottom: 1.2rem;
  line-height: 1;
}
.popup_cart_head_count {
  font-size: 1.25rem;
  font-weight: 300;
}
.popup_cart_head_total {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--color-pink-dark);
}
.popup_cart_title {
  font-size: 2.25rem;
  font-weight: 600;
  margin-right: 0.5rem;
}
.popup_cart_bottom {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
}
.popup_cart_continue {
  cursor: pointer;
  border-radius: 8px;
  background: var(--color-pink-light);
  font-weight: 500;
  padding: 1.3rem 2.5rem;
  transition: var(--global-transition);
}
@media (hover:hover){
  .popup_cart_continue:hover{
    background: var(--color-border-gray);
    color: #fff;
  }
}
.popup_cart_total {
  border-radius: 16px;
  background: #FFF;
  padding: 1.25rem;
}
.popup_cart_total_item {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  font-weight: 500;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.popup_cart_total_item div:last-child {
  font-size: 2rem;
  font-weight: 600;
}
.popup_cart_total_count {
  color: var(--color-pink-dark);
  font-size: 1.25rem;
  font-weight: 500;
}
.popup_cart_total .btn_cart {
  margin-top: 1.5rem;
}
.popup_cart_manager {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1.25rem;
}
.popup_cart_manager img, .popup_cart_manager svg {
  width: 3.25rem;
  min-width: 3.25rem;
}
.popup_cart_comment {
  user-select: none;
  border-radius: 16px;
  background: #FFF;
  padding: 1.25rem;
}
.popup_cart_comment_title {
  color: var(--color-border-gray);
  font-size: 1.25rem;
  margin-bottom: 1.9rem;
}
.popup_cart_comment textarea {
  user-select: auto;
  width: 100%;
  resize: none;
  height: 5rem;
}
@media screen and (min-width: 901px) {
  .popup_cart_top {
    padding: 4.3rem 7.25rem;
  }
  .popup_cart_bottom {
    border-radius: 30px;
    background: #F7F7F7;
    padding: 3.125rem 7.25rem;
  }
  .popup_cart_bottom_right {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
  }
  .popup_cart_bottom_col {
    width: 25rem;
    max-width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .popup_cart {
    top: 133px;
    left: 10px;
    width: calc(100% - 20px);
    transform: scale(0.9);
    padding: 30px 0;
  }
  .popup_cart._active {
    transform: scale(1);
  }
  .popup_cart_wrap {
    max-height: calc(100dvh - 213px);
    padding: 20px 10px 0;
    margin-bottom: 5px;
  }
  .popup_cart_head {
    flex-wrap: wrap;
    padding: 0 20px 20px;
  }
  .popup_cart_head_count {
    font-size: 16px;
  }
  .popup_cart_head_total {
    font-size: 20px;
  }
  .popup_cart_title {
    font-size: 32px;
    width: 100%;
  }
  .popup_cart_bottom {
    flex-direction: column-reverse;
    gap: 20px;
    margin-top: 20px;
  }
  .popup_cart_bottom_right {
    border-radius: 30px;
    background: #F7F7F7;
    padding: 10px 10px 16px;
  }
  .popup_cart_continue {
    padding: 23px;
    width: 100%;
    text-align: center;
  }
  .popup_cart ._or {
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    width: 100%;
  }
  .popup_cart_total_item {
    font-size: 20px;
    margin-bottom: 10px;
    flex-direction: column;
    align-items: flex-start;
  }
  .popup_cart_total_item div:last-child {
    font-size: 24px;
  }
  .popup_cart_total_count {
    font-size: 1rem;
  }
  .popup_cart_total .btn_cart {
    font-size: 16px;
  }
  .popup_cart_manager {
    font-size: 14px;
  }
  .popup_cart_manager img, .popup_cart_manager svg {
    width: 36px;
    min-width: 36px;
  }
  .popup_cart_comment {
    background: #F7F7F7;
    margin-top: 24px;
  }
  .popup_cart_comment_title {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .popup_cart_comment_title br {
    display: none;
  }
  .popup_cart_comment textarea {
    height: 48px;
    font-size: 16px;
  }
}

.popup_cart_product {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 1.25rem 0;
  border-bottom: 1px solid var(--color-border-gray);
}
.popup_cart_product_left {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  width: calc(47% - 1.25rem);
}
.popup_cart_product_right {
  display: flex;
  gap: 1.25rem;
  width: calc(53% + 1.25rem);
}
.popup_cart_product_right_col {
  width: calc((100% - 2.5rem) / 3);
  text-align: center;
}
.popup_cart_product_right_title {
  letter-spacing: 0.32px;
  color: var(--color-border-gray);
  margin-bottom: 1.25rem;
}
.popup_cart_product_right .quantity + .popup_cart_product_right_title {
  margin: .875rem 0 0;
}
.popup_cart_product._opt .popup_cart_product_right_col {
  width: calc((100% - 3.75rem) / 4);
}
.popup_cart_product_img {
  width: 7.5rem;
  min-width: 7.5rem;
  height: 7.5rem;
}
.popup_cart_product_img img {
  border-radius: 8px;
}
.popup_cart_product_info {
  width: calc(100% - 8.75rem);
}
.popup_cart_product_title {
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.4px;
  color: var(--color-black);
  margin-bottom: 0.65rem;
}
.popup_cart_product .product_stock {
  margin-bottom: 0.65rem;
}
.popup_cart_product .price_row {
  display: flex;
  align-items: center;
  gap: clamp(8px, 0.5rem, 0.5rem);
}
.popup_cart_product .price_row .product_card_special {
  align-items: center;
}
.popup_cart_product_price {
  font-size: 1.5rem;
  font-weight: 600;
}
.popup_cart_product_total {
  color: var(--color-pink-dark2);
  font-size: 1.5rem;
  font-weight: 600;
}
.popup_cart_product_delete {
  position: absolute;
  top: calc(50% - 1.25rem);
  right: -4rem;
  width: 2.5rem;
  cursor: pointer;
}
.popup_cart_product_delete path {
  transition: var(--global-transition);
}
@media (hover: hover) {
  .popup_cart_product_delete:hover path {
    stroke: var(--color-pink-dark2);
  }
}
@media screen and (min-width: 901px) {
  .popup_cart_product_title {
    height: 1.5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
@media screen and (max-width: 900px) {
  .popup_cart_product {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 20px 0;
  }
  .popup_cart_product_left {
    gap: 10px;
    width: 100%;
    padding-right: 34px;
  }
  .popup_cart_product_right {
    gap: 20px 8px;
    width: 100%;
  }
  .popup_cart_product_right_col {
    width: calc((100% - 16px) / 3);
    text-align: center;
  }
  .popup_cart_product_right_title {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .popup_cart_product_right .quantity + .popup_cart_product_right_title {
    margin: 10px 0 0;
  }
  .popup_cart_product._opt .popup_cart_product_right {
    flex-wrap: wrap;
    justify-content: center;
  }
  .popup_cart_product._opt .popup_cart_product_right_col {
    width: calc(50% - 4px);
  }
  .popup_cart_product_img {
    width: 86px;
    min-width: 86px;
    height: 86px;
  }
  .popup_cart_product_info {
    width: calc(100% - 86px);
  }
  .popup_cart_product_title {
    font-size: 16px;
  }
  .popup_cart_product .product_stock {
    display: none;
  }
  .popup_cart_product .price_row {
    display: none;
  }
  .popup_cart_product_price {
    font-size: 20px;
  }
  .popup_cart_product_total {
    font-size: 20px;
  }
  .popup_cart_product_delete {
    top: 40px;
    right: 0;
    width: 24px;
  }
}

body:has(.main_checkout) .popup_cart {
  top: 85px;
}
body:has(.main_checkout) .popup_cart_wrap {
  max-height: calc(100dvh - 165px);
  padding: 15px 10px 0;
}

.product_list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.product_list .product_card {
  width: calc((100% - 3.75rem) / 4);
}

@media screen and (min-width: 901px) { 
  .product_list_slider .swiper-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
  }
    .product_list_slider .swiper-slide{
      width: calc((100% - 3.75rem) / 4);
    }
}

@media screen and (max-width: 900px) {
  .product_list_slider .swiper-wrapper{
    flex-direction: row;
  }
  .product_list_slider .swiper-pagination {
    position: relative;
    bottom: 0;
    left: 0;
    transform: none;
    z-index: 9;
    margin-top: 24px;
  }
  .product_list {
    gap: 4px;
  }
  .product_list .product_card {
    width: calc(50% - 2px);
  }
}

.product_card {
  user-select: none;
  position: relative;
  z-index: 1;
}
.product_card._disabled .product_card_img {
  opacity: 0.5;
}
.product_card._disabled .product_card_title {
  color: var(--color-border-gray);
}
.product_card_wrap {
  transition: var(--global-transition);
  border-radius: 10px;
  border: 3px solid #F5F5F5;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.25rem;
  min-height: 100%;
}
.product_card_top {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: flex-end;
}
.product_card_labels {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.product_card_wishlist {
  cursor: pointer;
  padding: 0.53rem;
}
.product_card_wishlist svg, .product_card_wishlist img {
  display: block;
  width: 1.63rem;
}
.product_card_wishlist svg path, .product_card_wishlist img path {
  fill: transparent;
  transition: var(--global-transition);
}
.product_card_wishlist._active svg path {
  stroke: var(--color-pink-dark2);
  fill: var(--color-pink-dark);
}
@media (hover: hover) {
  .product_card_wishlist:hover svg path {
    stroke: var(--color-pink-dark);
  }
}
.product_card_img {
  display: block;
  aspect-ratio: 1/1;
}
.product_card_title {
  display: block;
  color: var(--color-black);
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.4px;
  height: 4.4rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (hover: hover) {
  .product_card_title:hover {
    color: var(--color-pink-dark);
  }
}
.hidden_price_btn {
  user-select: none;
  cursor: pointer;
  text-align: center;
  padding: 1.25rem;
  font-weight: 300;
  letter-spacing: 0.32px;
  border-radius: 8px;
  border: 1px solid #9B9B9B;
  margin-top: auto;
  transition: var(--global-transition);
}
@media (hover: hover) {
  .hidden_price_btn:hover {
    border-color: var(--color-pink-light);
    background: var(--color-pink-light);
  }
}
.product_card_attrs {
  transition: var(--global-transition);
  max-height: 0;
  overflow: hidden;
  margin-top: -1rem;
}
.product_card_attr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-weight: 300;
  letter-spacing: 0.32px;
}
.product_card_attr:not(:last-child) {
  margin-bottom: 0.5rem;
}
.product_card_attr ._model {
  color: #9b9b9b;
  font-weight: 500;
}
.product_card_attr div:last-child{
  text-align: right;
}
.product_card_bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  margin-top: auto;
  padding-top: 0.25rem;
}

.product_card_price {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.product_card_price_old {
  position: relative;
  color: #9B9B9B;
  font-size: clamp(13px, 1rem, 1rem);
  font-weight: 300;
  letter-spacing: 0.32px;
  text-decoration-line: strikethrough;
}
.product_card_price_current {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.48px;
}
.product_card_special {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
}
.product_card_special_percent {
  background: var(--color-pink-light);
  color: var(--color-pink-dark);
  border-radius: 4px;
  font-weight: 600;
  letter-spacing: 0.32px;
  padding: 0.5rem 0.25rem;
  line-height: 1;
}
.product_card .btn_cart {
  font-size: 1rem;
  white-space: nowrap;
  padding: 0.5rem 1rem;
  border-color: #9B9B9B;
  background-color: transparent;
  color: var(--color-black);
}

@media screen and (max-width: 900px) {
  .product_card_wrap {
    border-width: 2px;
    display: flex;
    gap: 12px;
    padding: 14px;
    height: 100%;
  }
  .product_card_wishlist {
    padding: 2px;
  }
  .product_card_wishlist svg, .product_card_wishlist img {
    width: 24px;
  }
  .product_card_img {
    aspect-ratio: 14/13;
  }
  .product_card_title {
    font-size: 14px;
  }
  .hidden_price_btn {
    padding: 6px 4px;
    font-size: 12px;
  }
  .product_card_bottom {
    gap: 10px;
    padding-top: 0;
  }
  .product_card_price {
    flex-direction: column-reverse;
    gap: 4px;
  }
  .product_card_price_old {
    font-size: 16px;
  }
  .product_card_price_current {
    font-size: 20px;
  }
  .product_card_special {
    width: max-content;
    flex-direction: column-reverse;
    gap: 0;
  }
  .product_card_special_percent {
    padding: 0;
    background-color: transparent;
    font-size: 10px;
    text-align: right;
  }
  .product_card .btn_cart {
    padding: 8px;
    border-color: var(--color-pink-dark);
    background-color: var(--color-pink-dark);
  }
  .product_card .btn_cart svg {
    width: 24px;
    min-width: 24px;
  }
  .product_card .btn_cart svg path {
    stroke: #fff;
    stroke-width: 3px;
  }
  .product_card .btn_cart span {
    display: none;
  }
}
@media (hover: hover) {
  .product_card._allow_hover:hover {
    z-index: 2;
    transition: none;
  }
  .product_card._allow_hover:hover .product_card_wrap {
    background: #F5F5F5;
    box-shadow: 0px 242px 68px 0px rgba(0, 0, 0, 0), 0px 155px 62px 0px rgba(0, 0, 0, 0.01), 0px 87px 52px 0px rgba(0, 0, 0, 0.05), 0px 39px 39px 0px rgba(0, 0, 0, 0.09), 0px 10px 21px 0px rgba(0, 0, 0, 0.1);
  }
  .product_card._allow_hover:hover .product_card_title {
    padding-bottom: 1px;
  }
  .product_card._allow_hover:hover .product_card_attrs {
    padding-top: 1rem;
    max-height: 12rem;
  }
}

._label {
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  font-weight: 600;
  letter-spacing: 0.32px;
  padding: 0.5rem 0.65rem;
}
._label_sale {
  background: var(--color-pink-light);
  color: var(--color-pink-dark);
  text-transform: uppercase;
}
@media (hover:hover){
  ._label_sale:hover{
    color: var(--color-pink-dark2);
  }
}
._label_new {
  background: var(--color-green-light);
}
._label_promotion {
  background: var(--color-bg-gray);
}
._label img, ._label svg {
  display: block;
  width: clamp(18px, 1.18rem, 1.18rem);
}
@media screen and (max-width: 900px) {
  ._label {
    font-size: 14px;
    padding: 8px 10px;
    height: 33px;
  }
  ._label img, ._label svg {
    width: 18px;
  }
}

.product_thumb {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.product_thumb .bg_img {
  display: block;
  width: 6.25rem;
  min-width: 6.25rem;
  height: 6.25rem;
  border-radius: 8px;
  border: 1px solid var(--color-border-gray);
}
.product_thumb .bg_img img {
  border-radius: 8px;
}
.product_thumb_content {
  flex-grow: 1;
}
.product_thumb_title {
  color: var(--color-black);
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.28px;
  margin-bottom: 0.6rem;
}
@media (hover: hover) {
  .product_thumb_title:hover {
    color: var(--color-pink-dark);
  }
}
.product_thumb .product_stock {
  font-size: 0.75rem;
  margin-bottom: 0.6rem;
}
.product_thumb .product_card_price {
  flex-direction: row;
  align-items: center;
}
.product_thumb .product_card_price .product_card_special {
  align-items: center;
}
.product_thumb .product_card_price .product_card_special_percent {
  font-size: clamp(10px, 0.75rem, 0.75rem);
}
.product_thumb .product_card_price_current {
  font-size: 1rem;
}
.product_thumb .product_card_price_old {
  font-weight: 600;
}
@media screen and (max-width: 900px) {
  .product_thumb .product_stock {
    font-size: 12px;
  }
  .product_thumb .product_stock img, .product_thumb .product_stock svg {
    width: 16px;
  }
  .product_thumb .product_card_price {
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 8px;
  }
  .product_thumb .product_card_special {
    flex-direction: row;
    gap: 4px;
    align-items: flex-start !important;
  }
}

.home_main {
  padding-top: 12px;
}
@media screen and (min-width: 901px) {
  .home_main {
    padding-top: clamp(8px, 0.5rem, 0.5rem);
  }
  .home_main_wrap {
    padding-left: 26.25rem;
  }
}

.home_promotions {
  position: relative;
  margin-bottom: 1.5rem;
}
.home_promotions_item {
  display: block;
  overflow: hidden;
  position: relative;
  aspect-ratio: 1.77/1;
  border-radius: 20px;
}
.home_promotions_item:nth-child(3){
  aspect-ratio: 1.77/0.5;
}
.home_promotions_item .bg_img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
}
.home_promotions_item .bg_img img {
  border-radius: 20px;
  transition: var(--global-transition);
}
.home_promotions_item_content {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.25rem;
}
.home_promotions_item_title {
  color: var(--color-black);
  font-size: 2rem;
  font-weight: 600;
}
.home_promotions_item_counter {
  color: #403D38;
}
@media (hover: hover) {
  .home_promotions_item:hover img {
    transform: scale(1.05);
  }
}
@media screen and (min-width: 901px) {
  /* .home_promotions .swiper-wrapper {
    display: flex;
    gap: 1.25rem;
  }
  .home_promotions .swiper-slide {
    width: calc((100% - 3.75rem) / 4);
  } */
  .home_promotions:not(:has(.swiper-button-lock)) .swiper-container{
    width: calc(100% - 4rem);
    margin-inline: auto;
    border-radius: 20px;
  }
    .home_promotions .swiper-button{
      top: calc( 50% - 1.5rem );
      width: 3rem;
    }
      .home_promotions .swiper-button-prev{
        left: 2px;
      }
      .home_promotions .swiper-button-next{
        right: 2px;
      }
}
@media screen and (max-width: 900px) {
  .home_promotions {
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 30px;
  }
  .home_promotions_item {
    aspect-ratio: 2.22/1;
  }
  .home_promotions_item_content {
    justify-content: flex-start;
    padding: 16px 60px 45px;
  }
  .home_promotions_item_title {
    font-size: 24px;
    margin-bottom: 16px;
  }
  .home_promotions_item_counter {
    font-size: 16px;
  }
  .home_promotions .swiper-pagination-bullet {
    background: var(--color-border-gray);
  }
  .home_promotions .swiper-pagination-bullet-active{
    background: var(--color-pink-dark);
  }
}

@media (hover:hover){
  .home_promotions .swiper-pagination-bullet:hover{
    background: var(--color-pink-dark);
  }
}

.home_benefits {
  display: flex;
  gap: 1.25rem;
}
.home_benefits_item {
  cursor: default;
  border-radius: 16px;
  background: var(--color-bg-gray);
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem;
}
.home_benefits_item img, .home_benefits_item svg {
  width: 5.375rem;
  min-width: 5.375rem;
}
.home_benefits_item_title {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.home_benefits_item_text {
  color: #5F5F5F;
  font-weight: 400;
  font-size: 1.5rem;
}
@media screen and (min-width: 901px) {
  .home_benefits_item {
    width: calc((100% - 2.5rem) / 3);
  }
}
@media screen and (max-width: 900px) {
  .home_benefits {
    flex-direction: column;
    gap: 10px;
  }
  .home_benefits_item {
    gap: 1rem;
    padding: 1.25rem;
  }
  .home_benefits_item img, .home_benefits_item svg {
    width: 60px;
    min-width: 60px;
  }
  .home_benefits_item_title {
    font-size: 24px;
    margin-bottom: 4px;
  }
  .home_benefits_item_text {
    font-size: 20px;
  }
}

.home_slider {
  position: relative;
  margin-bottom: 1.5rem;
}
.home_slider_item {
  position: relative;
  overflow: hidden;
  height: 34.3rem;
  border-radius: 20px;
}
.home_slider_item .bg_img img {
  border-radius: 20px;
}
.home_slider_item_content {
  transition: var(--global-transition);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 2.5rem;
  padding: 2.5rem;
}
.home_slider_item_title {
  font-size: 2.875rem;
  font-weight: 700;
}
.home_slider_item_btn {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 1.25rem 1.5rem;
  color: var(--color-bg-gray);
  font-size: clamp(14px, 1rem, 1rem);
  background: var(--color-pink-dark);
  border-radius: 16px;
  width: max-content;
}
.home_slider_item_btn img, .home_slider_item_btn svg {
  width: 1.5rem;
}
@media (hover:hover){
  .home_slider_item_btn:hover{
    background: var(--color-pink-dark2);
  }
}
@media screen and (min-width: 901px) {
  .home_slider_item._right .home_slider_item_content {
    align-items: flex-end;
  }
  .home_slider_item._right .home_slider_item_title {
    text-align: right;
  }
}
@media screen and (min-width: 901px) {
  .home_slider .swiper-slide-active .home_slider_item:not(._right) .home_slider_item_content {
    padding-left: 6.5rem;
  }
  .home_slider .swiper-slide-next .home_slider_item._right .home_slider_item_content {
    padding-right: 6.5rem;
  }
}
@media screen and (max-width: 900px) {
  .home_slider {
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 30px;
  }
  .home_slider_item {
    height: auto;
    aspect-ratio: 1.23/1;
  }
  .home_slider_item_content {
    justify-content: space-between;
    gap: 1rem;
    padding: 60px 50px;
  }
  .home_slider_item_title {
    font-size: 24px;
  }
  .home_slider_item_btn {
    gap: 10px;
    padding: 10px 20px;
    font-size: 16px;
  }
  .home_slider .swiper-button [stroke-width] {
    stroke-width: 3;
  }
  .home_slider .swiper-pagination-bullet {
    background: var(--color-border-gray);
  }
  .home_slider .swiper-pagination-bullet-active, .home_slider .swiper-pagination-bullet:hover {
    background: var(--color-pink-dark);
  }
}

.home_cats {
  padding-top: 2.5rem;
}
.home_cats_wrap {
  display: flex;
  gap: 1.25rem;
}
.home_cats_col {
  width: calc((100% - 3.75rem) / 4);
}
.home_cats_col:first-child .home_cats_item, .home_cats_col:last-child .home_cats_item {
  height: 37.25rem;
}
.home_cats_item {
  overflow: hidden;
  color: var(--color-black);
  border-radius: 16px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.5rem;
  height: 18rem;
  padding: 1.9rem 1.25rem;
}
.home_cats_item + .home_cats_item {
  margin-top: 1.25rem;
}
.home_cats_item .bg_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home_cats_item .bg_img img {
  transition: var(--global-transition);
  border-radius: 16px;
}
.home_cats_item_title {
  position: relative;
  z-index: 1;
  font-size: 2.25rem;
  font-weight: 600;
}
.home_cats_item_subtitle {
  position: relative;
  z-index: 1;
  font-size: 1.5rem;
  font-weight: 300;
}
@media (hover: hover) {
  .home_cats_item:hover .bg_img img {
    transform: scale(1.05);
  }
}
@media screen and (max-width: 900px) {
  .home_cats {
    padding: 0;
  }
  .home_cats_wrap {
    flex-wrap: wrap;
    gap: 10px;
  }
  .home_cats_col {
    width: calc(50% - 5px);
  }
  .home_cats_col:first-child .home_cats_item, .home_cats_col:last-child .home_cats_item {
    height: 330px;
  }
  .home_cats_col:nth-child(1) {
    order: 2;
  }
  .home_cats_col:nth-child(2) {
    order: 1;
  }
  .home_cats_col:nth-child(3) {
    order: 3;
  }
  .home_cats_col:nth-child(4) {
    order: 4;
  }
  .home_cats_item {
    height: 160px;
    padding: 24px 16px;
  }
  .home_cats_item + .home_cats_item {
    margin-top: 10px;
  }
  .home_cats_item_title {
    font-size: 20px;
  }
  .home_cats_item_subtitle {
    font-size: 14px;
  }
}

.home_products {
  overflow-x: visible;
}

.seo_text {
  padding: 4.4rem 6.25rem;
}
.seo_text_wrap {
  width: 51.2rem;
  max-width: 100%;
  margin-inline: auto;
}
.seo_text_text {
  position: relative;
  transition: var(--global-transition);
  max-height: 16rem;
  overflow: hidden;
  margin-bottom: clamp(10px, 0.6rem, 0.6rem);
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.4rem;
}
.seo_text_text::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  height: 6.6rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
  z-index: 1;
  transition: var(--global-transition);
}
.seo_text_btn {
  cursor: pointer;
  display: block;
  width: 2rem;
  margin-inline: auto;
  transition: var(--global-transition);
}
.seo_text._active .seo_text_text {
  max-height: 9999px;
}
.seo_text._active .seo_text_text::before {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
}
.seo_text._active .seo_text_btn {
  transform: scale(-1);
}
@media screen and (max-width: 900px) {
  .seo_text {
    padding: 10px 10px 60px;
  }
  .seo_text_text {
    max-height: 200px;
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 16px;
  }
  .seo_text_text::before {
    height: 100px;
  }
}

@media screen and (max-width: 900px) {
  .main_category .seo_text {
    padding-top: 30px;
  }
}
.category {
  padding: 1.2rem 0;
}
@media screen and (min-width: 901px) {
  .category_wrap {
    display: flex;
    align-items: flex-start;
    gap: clamp(16px, 1rem, 1rem);
  }
  .category_sidebar {
    width: clamp(280px, 25rem, 25rem);
    min-width: clamp(280px, 25rem, 25rem);
    position: sticky;
    top: 11rem;
    left: 0;
  }
  .category_main {
    /* flex-grow: 1; */
    width: calc(100% - clamp(280px, 25rem, 25rem) - clamp(16px, 1rem, 1rem));
  }
}
.category h1 {
  font-size: clamp(24px, 2rem, 2rem);
  padding: 0.5rem 0 1.25rem 2.5rem;
}
.category .breadcrumbs_wrap {
  margin-bottom: 1.25rem;
}
.category_childs {
  position: relative;
  margin-bottom: 1rem;
}
@media screen and (min-width: 901px) {
  .category_childs .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
  }
  .category_childs .swiper-slide {
    width: calc((100% - 5.2rem) / 9);
  }
}
.category_childs_item {
  height: 100%;
  display: block;
  border-radius: 10px;
  border: 1px solid var(--color-bg-gray);
  padding: 5px 10px;
  color: #000;
  text-align: center;
  overflow-wrap: break-word;
}
.category_childs_item .bg_img {
  aspect-ratio: 1.6/1;
}
@media (hover: hover) {
  .category_childs_item:hover {
    border-color: var(--color-pink-dark2);
  }
}
.category_actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.category_excel {
  user-select: none;
  transition: var(--global-transition);
  border-radius: 16px;
  border: 2px solid var(--color-bg-gray);
  color: #5f5f5f;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  padding: 0.75rem 1.25rem;
}
.category_excel:not(.category_excel__disabled){
  cursor: pointer;
}
.category_excel img, .category_excel svg {
  width: 1.5rem;
}
@media (hover: hover) {
  .category_excel:not(.category_excel__disabled):hover {
    border-color: var(--color-pink-dark2);
  }
}
.category_products {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.category_products .product_card {
  width: calc((100% - 3rem) / 4);
}
@media screen and (max-width: 900px) {
  .category {
    padding: 20px 0;
  }
  .category .h1 {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
  }
  .category_childs {
    padding: 0 32px;
    margin-bottom: 20px;
  }
  .category_childs_item {
    font-size: 12px;
  }
  .category_childs .swiper-button {
    width: 30px;
    min-width: 30px;
    height: 30px;
    padding: 5px;
  }
  .category_childs .swiper-button-prev {
    left: 0;
  }
  .category_childs .swiper-button-next {
    right: 0;
  }
  .category_actions {
    flex-wrap: wrap;
    gap: 20px 10px;
    margin-bottom: 20px;
  }
  .category_actions .sort {
    width: calc(50% - 5px);
  }
  .category_actions ._mob_only:has(.sort) {
    width: calc(50% - 5px);
  }

  .category_actions ._mob_only:has(.sort) .sort {
    width: 100%;
  }
  .category_excel {
    width: 100%;
    justify-content: center;
    font-size: 0.875rem;
    padding: 12px 24px;
  }
  .category_excel img, .category_excel svg {
    width: 24px;
    min-width: 24px;
  }
  .category_products {
    gap: 4px;
  }
  .category_products .product_card {
    width: calc(50% - 2px);
  }
}

@media screen and (min-width: 901px) {

    .category_actions:has(.sort__limits){
      gap: 1rem;
    }
 
      .category_actions:not(._search) .sort__limits{
        margin-right: auto;
      }
}

@media screen and (max-width: 900px) {
  .category_actions:has(.sort__limits) ._mob_only:has(.sort) ,
  .category_actions:has(.sort__limits) .sort {
    width: calc((100% - 20px) / 3);
  }
}



.pagination_wrap {
  user-select: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
  margin-top: 2.5rem;
}
@media screen and (max-width: 900px) {
  .pagination_wrap {
    gap: 30px;
    margin-top: 36px;
  }
  .pagination_wrap .btn_cart {
    width: 100%;
  }
}

.pagination {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 0.5rem;
}
.pagination li a, .pagination li span {
  color: var(--color-black);
  border-radius: 8px;
  border: 2px solid #9B9B9B;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.4rem;
  height: 3.4rem;
  font-size: 0.9rem;
  line-height: 1;
  font-weight: 600;
}
.pagination li svg {
  width: 2.18rem;
}
.pagination li.active a, .pagination li.active span {
  border-color: var(--color-pink-light);
  background: var(--color-pink-light);
}
@media (hover: hover) {
  .pagination li a:hover {
    border-color: var(--color-pink-light);
    background: var(--color-pink-light);
  }
}
@media screen and (max-width: 900px) {
  .pagination li a, .pagination li span {
    width: 42px;
    height: 42px;
    font-size: 14px;
  }
  .pagination li a:has(svg), .pagination li span:has(svg) {
    border-color: transparent;
  }
  .pagination li svg {
    width: 36px;
  }
}

.sort {
  user-select: none;
  position: relative;
  z-index: 2;
  height: 3rem;
}
.sort_wrap {
  height: max-content;
  transition: var(--global-transition);
  border-radius: 16px;
  border: 2px solid var(--color-bg-gray);
  background: #fff;
}
@media (hover: hover) {
  .sort_wrap:hover {
    border-color: var(--color-pink-dark2);
  }
}
.sort_btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  font-size: 0.875rem;
}
.sort_btn_title {
  color: #5f5f5f;
}
.sort_btn img, .sort_btn svg {
  width: 1.5rem;
}
.sort_current {
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sort_current img, .sort_current svg {
  width: 0.75rem;
  transition: var(--global-transition);
}
.sort_list {
  transition: var(--global-transition);
  max-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0 1.25rem;
}
.sort_list a {
  color: var(--color-border-gray);
  font-weight: 600;
  margin-bottom: 1rem;
}
@media (hover: hover) {
  .sort_list a:hover {
    color: var(--color-pink);
  }
}
.sort._active .sort_wrap {
  background: #F7F7F7;
  border-color: var(--color-bg-gray);
}
.sort._active .sort_list {
  max-height: 500px;
}
.sort._active .sort_current img, .sort._active .sort_current svg {
  transform: scale(-1);
}
@media screen and (max-width: 900px) {
  .sort {
    height: 95px;
  }
  .sort_btn {
    align-items: flex-start;
    flex-direction: column;
    padding: 12px 20px;
    font-size: 12px;
  }
  .sort_current {
    width: 100%;
    font-size: 14px;
    justify-content: space-between;
  }
  .sort_current img, .sort_current svg {
    width: 12px;
  }
  .sort_list {
    align-items: flex-start;
    padding: 0 20px;
  }
  .sort_list a {
    font-size: 14px;
  }
  .sort_list a:first-child {
    margin-top: 8px;
  }
  .category_actions:has(.sort__limits) .sort_btn {
    padding: 12px;
  }
}

.filters {
  user-select: none;
  background: #F7F7F7;
  border-radius: 20px;
  padding: 1.75rem 2.5rem;
}
.filters_actions {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.filters_find {
  text-align: center;
}
@media screen and (max-width: 900px) {
  .filters {
    z-index: 99;
    position: fixed;
    top: 123px;
    left: 10px;
    width: calc(100vw - 20px);
    max-height: calc(100dvh - 133px);
    opacity: 0;
    visibility: hidden;
    transition: var(--global-transition);
    padding: 16px 0;
  }
  .filters._active {
    opacity: 1;
    visibility: visible;
  }
  .filters_wrap {
    max-height: calc(100dvh - 165px);
    overflow-y: auto;
    padding: 20px;
  }
  .filters_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 40px;
  }
  .filters_title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.48px;
  }
}

.filter_item {
  margin-bottom: 1.5rem;
}
.filter_item_title {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-size: 1.2rem;
  font-weight: 600;
}
.filter_item_title img, .filter_item_title svg {
  width: 1.5rem;
  transition: var(--global-transition);
}
.filter_item_title._active img, .filter_item_title._active svg {
  transform: scale(-1);
}
.filter_item_list {
  position: relative;
  display: none;
  margin: 1rem 0 0;
  padding-bottom: 0.6rem;
}
.filter_item_list._scroll .filter_item_list_wrap {
  overflow-y: auto;
  max-height: 21rem;
}
.filter_item_list._scroll::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  height: 2.4rem;
  background: linear-gradient(180deg, rgba(247, 247, 247, 0) 0%, #F7F7F7 100%);
  z-index: 1;
  transition: var(--global-transition);
}
.filter_item_list._scroll_end::before {
  opacity: 0;
  visibility: hidden;
}
@media (hover:hover){
  .filter_item_list._scroll:hover::before {
    opacity: 0;
    visibility: hidden;
  }
}
.filter_item_value {
  cursor: pointer;
  position: relative;
  display: block;
  padding-left: 2.2rem;
  font-size: 0.875rem;
}
.filter_item_value.disabled,
.filter_item_value._disabled{
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.filter_item_value:not(:last-child) {
  margin-bottom: 1rem;
}
.filter_item_value input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
}
.filter_item_value div {
  min-height: clamp(20px, 1.35rem, 1.35rem);
  display: flex;
  align-items: center;
}
.filter_item_value::before {
  content: "";
  position: absolute;
  top: calc(50% - clamp(9px, 0.625rem, 0.625rem));
  left: 0;
  width: clamp(18px, 1.25rem, 1.25rem);
  height: clamp(18px, 1.25rem, 1.25rem);
  border: 1px solid var(--color-border-gray);
  background: #fff;
  border-radius: 4px;
  transition: var(--global-transition);
}
.filter_item_value::after {
  content: "";
  position: absolute;
  top: calc(50% - clamp(6px, 0.45rem, 0.45rem));
  left: clamp(4px, 0.2rem, 0.2rem);
  width: clamp(12px, 0.9rem, 0.9rem);
  height: clamp(12px, 0.9rem, 0.9rem);
  transition: var(--global-transition);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" fill="%23fff"/></svg>');
}
.filter_item_value:has(input:checked)::before {
  border-color: var(--color-pink-dark);
  background: var(--color-pink-dark);
}
.filter_item_value:has(input:checked)::after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.product_slider_wrap {
  position: relative;
}
.product_slider .swiper-slide .product_card {
  height: 100%;
}
.product_slider .product_card .btn_cart {
  color: #fff;
  border-color: var(--color-pink-dark);
  background-color: var(--color-pink-dark);
}
.product_slider .product_card .btn_cart svg path {
  stroke: #fff;
}

@media screen and (min-width: 901px) {
  .main_product .product_slider .hidden_price_btn{
    padding: 0.75rem;
    font-size: 0.875rem;
  }
  .main_product .product_slider .product_card_wrap{
    padding: 1rem;
  }
    .main_product .product_slider .product_card_attr{
      gap: 0.5rem;
      font-size: 0.95rem;
    }
    .main_product .product_slider .product_card_attr._ean{
      font-size: 0.8rem;
    }
}

.product_slider .swiper-button {
  width: 3.375rem;
}
.product_slider .swiper-button-prev {
  left: -5rem;
}
.product_slider .swiper-button-next {
  right: -5rem;
}
@media screen and (max-width: 900px) {
  .product_slider .section_title {
    text-align: center;
  }
  .product_slider .swiper-pagination {
    position: relative;
    bottom: unset;
    left: unset;
    transform: none;
    margin-top: 30px;
  }
  .product_slider .swiper-pagination-bullet {
    width: 24px;
    height: 24px;
  }
}

.main_product {
  margin-top: 2rem;
}
@media screen and (max-width: 900px) {
  .main_product {
    margin-top: 20px;
  }
}

.product {
  padding-bottom: 3.125rem;
}
.product_wrap {
  margin-top: 2rem;
}
.product_main_labels {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.product_gallery_top {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.8rem;
  margin-bottom: 2.5rem;
}
.product_gallery_main {
  position: relative;
}
.product_gallery_main .bg_img {
  cursor: zoom-in;
  aspect-ratio: 1.127/1;
}
.product_gallery_thumbs {
  width: 3.375rem;
  min-width: 3.375rem;
  max-height: 26.5rem;
  overflow: hidden;
}
.product_gallery_thumbs .swiper-slide {
  cursor: pointer;
  aspect-ratio: 1/1;
  max-height: 3.375rem;
  height: auto !important;
}
.product_gallery_thumbs .swiper-slide .bg_img {
  width: 3.375rem;
  height: 3.375rem;
  border-radius: 10px;
  border: 2px solid transparent;
  transition: var(--global-transition);
}
.product_gallery_thumbs .swiper-slide .bg_img img {
  border-radius: 10px;
}
@media (hover: hover) {
  .product_gallery_thumbs .swiper-slide .bg_img:hover {
    border-color: var(--color-border-gray);
  }
}
.product_gallery_thumbs .swiper-slide-thumb-active .bg_img {
  border-color: var(--color-border-gray);
}
@media screen and (max-width: 900px) {
  .product_gallery_thumbs {
    display: none;
  }
}
.product_variant {
  margin-top: 3rem;
}
.product_variant_title {
  font-size: 1.25rem;
  text-align: center;
  letter-spacing: 0.4px;
  font-weight: 300;
  margin-bottom: 1.25rem;
}
.product_variant_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.25rem;
}
.product_variant_list .bg_img {
  width: 3.375rem;
  height: 3.375rem;
  border-radius: 10px;
  border: 2px solid var(--color-bg-gray);
  transition: var(--global-transition);
}
.product_variant_list .bg_img img {
  border-radius: 10px;
}
.product_variant_list .bg_img._active {
  border-color: var(--color-border-gray);
}
@media (hover: hover) {
  .product_variant_list .bg_img:hover {
    border-color: var(--color-border-gray);
  }
}
.product_content_top {
  border-bottom: 1px solid var(--color-border-gray);
}
.product h1 {
  color: var(--color-black);
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.64px;
  margin-bottom: 2rem;
}
.product .stock_row {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.product .stock_row > div {
  width: calc(50% - 1rem);
}
.product_attrs {
  margin-top: 2.5rem;
}
.product_attr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: 0.32px;
}
.product_attr:not(:last-child) {
  margin-bottom: 1rem;
}
.product_attr div {
  width: calc(50% - 0.5rem);
}
.product_attr div:last-child {
  color: var(--color-black);
  font-weight: 600;
}
.product_actions {
  border-radius: 16px;
  background: #F7F7F7;
  padding: 1.25rem;
  margin-top: 1.25rem;
}
.product_actions .product_card_price_current {
  font-size: 2rem;
}
.product_actions .quantity_wrap {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
  margin-top: 2rem;
}
.product_actions .quantity_wrap_left {
  padding-top: 10px;
}
.product_actions_total {
  font-size: 1.5rem;
  margin-top: 1.25rem;
  font-weight: 600;
}
.product_actions .btn_cart {
  flex-grow: 1;
}
@media screen and (min-width: 901px) {
  .product_wrap {
    display: flex;
    align-items: flex-start;
    gap: 2.5rem;
  }
  .product_sidebar {
    width: clamp(280px, 25rem, 25rem);
    min-width: clamp(280px, 25rem, 25rem);
  }
  .product_main {
    position: sticky;
    top: 11rem;
    left: 0;
    width: calc(100% - clamp(280px, 25rem, 25rem) - 2.5rem);
    display: flex;
    border-radius: 30px;
    border: 1px solid var(--color-border-gray);
  }
  .product_gallery {
    border-right: 1px solid var(--color-border-gray);
    width: 41.325rem;
    min-width: 41.325rem;
    padding: 1.25rem;
  }
  .product_gallery_wrap {
    display: flex;
    align-items: center;
    gap: 2.25rem;
  }
  .product_gallery_main {
    width: 33.2rem;
  }
  .product_gallery_main .bg_img {
    cursor: zoom-in;
    width: 33.2rem;
    aspect-ratio: 1.127/1;
  }
  .product_content {
    flex-grow: 1;
    padding: 1.25rem;
  }
  .product_content_top {
    padding: 0.5rem 1.25rem 1.25rem;
  }
}
@media screen and (max-width: 900px) {
  .product {
    padding-bottom: 3.125rem;
  }
  .product_wrap {
    margin-top: 20px;
  }
  .product_main {
    width: 100%;
  }
  .product .h1 {
    color: var(--color-black);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .product_gallery {
    margin-top: 20px;
  }
  .product_gallery_top {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 24px;
  }
  .product_gallery .swiper-pagination {
    position: relative;
    bottom: unset;
    left: unset;
    transform: none;
    margin-top: 20px;
  }
  .product_gallery .swiper-pagination-bullet {
    width: 18px;
    height: 17px;
  }
  .product_attrs {
    margin-top: 20px;
    padding-bottom: 20px;
  }
  .product_attr {
    font-size: 16px;
  }
  .product_attr:not(:last-child) {
    margin-bottom: 10px;
  }
  .product_actions .product_card_price {
    flex-direction: column;
    gap: 16px;
  }
  .product_actions .product_card_price_old {
    font-size: 16px;
  }
  .product_actions .product_card_price_current {
    font-size: 2rem;
  }
  .product_actions .product_card_special {
    flex-direction: row;
    gap: 8px;
    align-items: center;
  }
  .product_actions .product_card_special_percent {
    background: var(--color-pink-light);
    font-size: 16px;
    padding: 4px 8px;
  }
  .product_actions .quantity_wrap {
    gap: 24px;
    margin-top: 30px;
  }
  .product_actions_total {
    margin-top: 30px;
  }
  .product_variant {
    border-bottom: 1px solid var(--color-border-gray);
    padding-bottom: 20px;
    margin-top: 30px;
  }
  .product_variant_title {
    font-size: 20px;
    font-weight: 500;
  }
  .product_variant_list {
    gap: 20px;
    padding: 0 20px;
  }
  .product_variant_list .bg_img {
    width: 60px;
    height: 60px;
  }
}

.product_series {
  padding-top: 2rem;
}
.product_series_title {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
.product_series_title img, .product_series_title svg {
  width: 1.5rem;
}
.product_series_list {
  position: relative;
  max-height: 37.5rem;
  transition: var(--global-transition);
  overflow: hidden;
  margin-bottom: 2rem;
}
.product_series_list::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  height: 6.6rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
  z-index: 1;
  transition: var(--global-transition);
}
.product_series_list._active {
  max-height: 20000px;
}
.product_series_list._active::before {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
}
.product_series_list .product_thumb:not(:last-child) {
  margin-bottom: 2rem;
}
.product_series .btn_outline {
  width: max-content;
  margin-inline: auto;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.product_series .btn_outline img, .product_series .btn_outline svg {
  width: 0.875rem;
  min-width: 0.875rem;
  transition: var(--global-transition);
}
.product_series .btn_outline._active img, .product_series .btn_outline._active svg {
  transform: scale(-1);
}
@media screen and (max-width: 900px) {
  .product_series {
    padding-top: 40px;
  }
  .product_series_title {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .product_series_list {
    margin-bottom: 20px;
  }
  .product_series_list::before {
    height: 85px;
  }
  .product_series_list .product_thumb:not(:last-child) {
    margin-bottom: 24px;
  }
  .product_series .btn_outline {
    width: 100%;
    font-size: 16px;
  }
  .product_series .btn_outline img, .product_series .btn_outline svg {
    width: 14px;
    min-width: 14px;
  }
}

.product_rating {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: 0.4px;
}
.product_rating_stars {
  display: flex;
  align-items: center;
  gap: 0;
}
.product_rating_stars img, .product_rating_stars svg {
  width: 1.5rem;
}
@media screen and (max-width: 900px) {
  .product_rating {
    font-size: 16px;
  }
}

.product_reviews_wrap {
  display: flex;
}
.product_reviews_info_img {
  margin-inline: auto;
}
.product_reviews_info_text {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.3;
  text-align: center;
  margin: 3.125rem auto 2rem;
}
.product_reviews_info .btn_cart {
  width: max-content;
  margin-inline: auto;
}
.product_reviews_empty_title {
  font-size: 2.25rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
.product_reviews_empty_text {
  font-weight: 300;
  margin-bottom: 2rem;
  line-height: 1.6;
}
.product_reviews_empty .btn_cart {
  width: max-content;
}
@media screen and (min-width: 901px) {
  .product_reviews_wrap {
    width: 86.25rem;
    max-width: 100%;
    margin-inline: auto;
    border-top: 1px solid var(--color-border-gray);
    border-bottom: 1px solid var(--color-border-gray);
  }
  .product_reviews_content {
    flex-grow: 1;
    padding: 2rem 0 2rem 4.375rem;
  }
  .product_reviews_info {
    border-right: 1px solid var(--color-border-gray);
    padding: 6.25rem 5.625rem 2rem 0;
  }
  .product_reviews_info_img {
    width: 25rem;
    min-width: 25rem;
    max-width: 100%;
  }
  .product_reviews_empty {
    width: 68.75rem;
    max-width: 100%;
    margin-inline: auto;
    display: flex;
    align-items: center;
    gap: 1.25rem;
  }
  .product_reviews_empty_img {
    width: 42.5rem;
    min-width: 42.5rem;
  }
  .product_reviews_empty_text br {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .product_reviews_wrap {
    flex-direction: column-reverse;
  }
  .product_reviews_info {
    margin-top: 70px;
  }
  .product_reviews_info_img {
    width: 290px;
    max-width: 100%;
  }
  .product_reviews_info_text {
    font-size: 16px;
    margin: 16px 0 34px;
  }
  .product_reviews_info .btn_cart {
    width: max-content;
    margin-inline: auto;
  }
  .product_reviews_empty_img {
    width: 290px;
    max-width: 100%;
    margin-inline: auto;
  }
  .product_reviews_empty_title {
    font-size: 20px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .product_reviews_empty_text {
    text-align: center;
  }
  .product_reviews_empty .btn_cart {
    width: max-content;
    margin-inline: auto;
  }
}

.review_item {
  margin-bottom: 3.125rem;
}
.review_item_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.review_item_top_left {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.review_item_name {
  font-weight: 600;
}
.review_item_date {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-weight: 600;
}
.review_item_text {
  position: relative;
  overflow: hidden;
  transition: var(--global-transition);
  max-height: 4.7rem;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: 1.25rem;
}
.review_item_text::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  height: 3.55rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
  z-index: 1;
  transition: var(--global-transition);
}
.review_item_text._active {
  max-height: 2000px;
}
.review_item_text._active::before {
  opacity: 0;
  visibility: hidden;
}
.review_item_more {
  cursor: pointer;
  color: #5F5F5F;
  transition: var(--global-transition);
}
@media (hover: hover) {
  .review_item_more:hover {
    color: var(--color-pink-dark);
  }
}
@media screen and (max-width: 900px) {
  .review_item {
    margin-bottom: 50px;
  }
  .review_item_top {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
  .review_item_top_left {
    width: 100%;
    justify-content: space-between;
    gap: 1rem;
  }
  .review_item_text {
    max-height: 230px;
  }
  .review_item_text::before {
    height: 60px;
  }
}

@media screen and (min-width: 901px) {
  .product_related .swiper-container,
  .product_viewed .swiper-container {
    position: relative;
    overflow: visible;
  }
  .product_related .swiper-container::before,
  .product_viewed .swiper-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: -30rem;
    width: 30rem;
    height: 100%;
    z-index: 2;
    background: #fff;
  }
  .product_related .swiper-container::after,
  .product_viewed .swiper-container::after {
    content: "";
    position: absolute;
    top: 0;
    right: -30rem;
    width: 30rem;
    height: 100%;
    z-index: 2;
    background: #fff;
  }
}
.product_related .btn_cart div, .product_related .btn_cart span,
.main_product .product_viewed .btn_cart div,
.main_product .product_viewed .btn_cart span {
  font-size: 0;
  display: none;
}
.product_related .btn_cart svg path,
.main_product .product_viewed .btn_cart svg path {
  stroke-width: 2px;
}

.header_checkout {
  height: 6rem;
  position: relative;
  background: #f7f7f7;
  padding: clamp(8px, 0.625rem, 0.625rem) 0;
  z-index: 100;
}
.header_checkout_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.header_checkout .mob_menu_btn {
  width: 40px;
  min-width: 40px;
}
@media screen and (min-width: 901px) {
  .header_checkout .mob_menu_btn {
    display: none;
  }
  .header_checkout .header_checkout_toggle {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .header_checkout {
    padding: 0;
    height: 65px;
  }
  .header_checkout_wrap {
    height: 65px;
    gap: 20px;
    justify-content: flex-start;
  }
  .header_checkout .header_checkout_toggle {
    display: flex;
    gap: 6px;
    align-items: center;
    margin-left: auto;
  }
  .header_checkout .header_checkout_toggle svg {
    transition: var(--global-transition);
  }
  .header_checkout .header_checkout_toggle._active svg {
    transform: scale(-1);
  }
  .header_checkout .header_checkout_contacts {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border-radius: 0px 0px 10px 10px;
    background: #F7F7F7;
    box-shadow: 0px 86px 24px 0px rgba(0, 0, 0, 0), 0px 55px 22px 0px rgba(0, 0, 0, 0.01), 0px 31px 19px 0px rgba(0, 0, 0, 0.04), 0px 14px 14px 0px rgba(0, 0, 0, 0.07), 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
    padding: 12px;
  }
  .header_checkout .header_contacts {
    flex-direction: row-reverse;
    justify-content: center;
    gap: 10px;
  }
  .header_checkout .header_contacts_phones {
    gap: 3px;
  }
  .header_checkout .header_contacts a {
    font-size: 14px;
  }
}

@media screen and (min-width: 901px) {
  .checkout_wrap {
    display: flex;
    align-items: flex-start;
    gap: 5rem;
  }
  .checkout_main {
    width: 51rem;
    max-width: 100%;
  }
  .checkout_sidebar {
    width: 33.75rem;
    max-width: 100%;
  }
}
.checkout h1 {
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: 0.8px;
  margin-bottom: 3.75rem;
}
.checkout_block:not(:last-child) {
  margin-bottom: 4.375rem;
}
.checkout_block_title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.4px;
  margin-bottom: 2rem;
}
.checkout_block_title ._num {
  color: #fff;
  background: var(--color-black);
  border-radius: 50%;
  line-height: 1.3;
  aspect-ratio: 1/1;
  width: 1.6rem;
  text-align: center;
}
.checkout_block_title svg {
  cursor: pointer;
  width: 1.5rem;
}
.checkout_block_title svg path {
  transition: var(--global-transition);
}
.checkout_login {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 2rem;
}
.checkout_login_item {
  cursor: pointer;
  transition: var(--global-transition);
  color: var(--color-border-gray);
  border-bottom: 1px solid var(--color-bg-gray);
  font-weight: 500;
  letter-spacing: 0.32px;
  padding: 0.4rem 1rem;
}
.checkout_login_item._active {
  color: var(--color-black);
  border-color: var(--color-black);
}
@media (hover: hover) {
  .checkout_login_item:hover {
    color: var(--color-black);
    border-color: var(--color-black);
  }
}
.checkout_fields {
  display: flex;
  flex-wrap: wrap;
  gap: 0.875rem 1.25rem;
}
.checkout_fields ._input {
  width: calc(50% - 0.625rem);
  margin-bottom: 0;
}
.checkout_comment {
  user-select: none;
  border-radius: 16px;
  border: 1px solid var(--color-border-gray);
  background: #FFF;
  padding: 1.25rem;
  margin-top: 1.25rem;
}
.checkout_comment_title {
  color: var(--color-border-gray);
  margin-bottom: 1rem;
}
.checkout_comment textarea {
  user-select: auto;
  width: 100%;
  resize: none;
  height: 5rem;
}
.checkout_sidebar {
  border-radius: 20px;
  background: #F7F7F7;
  padding: 1.25rem;
}
.checkout_sidebar_head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 2.5rem;
}
.checkout_sidebar_title {
  font-size: 1.5rem;
  font-weight: 700;
}
.checkout_sidebar_open_cart {
  cursor: pointer;
  transition: var(--global-transition);
  border-radius: 8px;
  background: var(--color-bg-gray);
  font-weight: 600;
  letter-spacing: 0.32px;
  padding: 0.75rem 1.1rem;
}
@media (hover: hover) {
  .checkout_sidebar_open_cart:hover {
    background: var(--color-pink-light);
  }
}
.checkout_sidebar .product_thumb {
  margin-bottom: 3rem;
}
.checkout_sidebar .product_thumb .bg_img {
  width: 7.5rem;
  min-width: 7.5rem;
  height: 7.5rem;
  border: none;
}
.checkout_sidebar .product_thumb_title {
  font-size: 1.25rem;
}
.checkout_sidebar .product_thumb .product_stock {
  font-size: 0.875rem;
}
.checkout_sidebar .product_thumb ._quantity {
  font-size: 1.25rem;
  font-weight: 600;
  padding-left: 1rem;
}
.checkout_sidebar .product_thumb ._total {
  color: var(--color-pink-dark2);
  white-space: nowrap;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.48px;
}
.checkout_total {
  border-radius: 16px;
  background: #FFF;
  padding: 1.25rem;
}
.checkout_total_item {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  font-weight: 500;
}
.checkout_total_item._total {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.checkout_total_item._total div:last-child {
  font-size: 2rem;
  font-weight: 600;
}
.checkout_total_item:not(._total) {
  font-size: 1.25rem;
}
.checkout_total_item:not(._total) div:last-child {
  color: #5F5F5F;
}
.checkout_total .btn_cart {
  width: 100%;
  margin-top: 1.5rem;
  font-weight: 700;
}
.checkout_total ._terms {
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: 0.32px;
  margin-top: 1.25rem;
}
.checkout_cart_btn {
  border-radius: 10px;
  border: 1px solid var(--color-border-gray);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  font-size: 20px;
  font-weight: 600;
  color: var(--color-pink-dark);
}
.checkout_cart_btn svg {
  margin-left: auto;
}
.checkout_cart_btn_ico {
  position: relative;
  border-radius: 16px;
  background: var(--color-pink-light);
  padding: 8px;
}
.checkout_cart_btn_ico img {
  width: 26px;
}
.checkout_cart_btn_counter {
  z-index: 1;
  position: absolute;
  top: 2px;
  right: 2px;
  border-radius: 50%;
  background: var(--color-pink-dark);
  color: var(--color-bg-gray);
  font-size: 12px;
  padding: 3px 6px;
}
@media screen and (max-width: 900px) {
  .checkout h1 {
    font-size: 24px;
    margin-bottom: 50px;
    text-align: center;
  }
  .checkout_block:first-child {
    margin-top: 50px;
  }
  .checkout_block:not(:last-child) {
    margin-bottom: 50px;
  }
  .checkout_login {
    gap: 2px;
  }
  .checkout_login_item {
    flex-grow: 1;
    text-align: center;
    font-size: 14px;
    padding: 0.4rem 1rem;
  }
  .checkout_fields {
    gap: 20px;
  }
  .checkout_fields ._input {
    width: 100%;
  }
  .checkout_comment {
    padding: 16px 24px;
  }
  .checkout_comment_title {
    font-size: 16px;
    margin-bottom: 19px;
  }
  .checkout_comment textarea {
    font-size: 16px;
    height: 60px;
  }
  .checkout_sidebar {
    padding: 10px;
    margin-top: 20px;
  }
  .checkout_total {
    padding: 20px 10px;
  }
  .checkout_total_item {
    gap: 10px;
  }
  .checkout_total_item._total {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    font-size: 20px;
  }
  .checkout_total_item._total div:last-child {
    font-size: 24px;
  }
  .checkout_total_item:not(._total) {
    font-size: 16px;
  }
  .checkout_total_item:not(._total) div:last-child {
    font-size: 14px;
  }
  .checkout_total .btn_cart {
    font-size: 16px;
  }
  .checkout_total ._terms {
    text-align: center;
    font-size: 14px;
    margin-top: 20px;
  }
}

.shipping_method_item {
  position: relative;
  transition: var(--global-transition);
  border-radius: 20px;
}
.shipping_method_item:not(:last-child) {
  margin-bottom: 1rem;
}
.shipping_method_item input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.shipping_method_item > label {
  user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 8px;
  border: 1px solid var(--color-border-gray);
  color: #5F5F5F;
  transition: var(--global-transition);
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 1.1rem 3.5rem 1.1rem 1.5rem;
  line-height: 1.3;
}
.shipping_method_item > label img, .shipping_method_item > label svg {
  width: clamp(20px, 1.5rem, 1.5rem);
}
.shipping_method_item > label::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.75rem);
  right: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"><path d="M2.5 12.5C2.5 8.02166 2.5 5.78249 3.89124 4.39124C5.28249 3 7.52166 3 12 3C16.4783 3 18.7175 3 20.1088 4.39124C21.5 5.78249 21.5 8.02166 21.5 12.5C21.5 16.9783 21.5 19.2175 20.1088 20.6088C18.7175 22 16.4783 22 12 22C7.52166 22 5.28249 22 3.89124 20.6088C2.5 19.2175 2.5 16.9783 2.5 12.5Z" stroke="%23D20071" stroke-width="1.5"/><path d="M8 14.25C8 14.25 9.6 15.1625 10.4 16.5C10.4 16.5 12.8 11.25 16 9.5" stroke="%23D20071" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transition: var(--global-transition);
  opacity: 0;
  visibility: hidden;
}
.shipping_method_item_content {
  position: relative;
  display: none;
  padding: 1.25rem 0 0 4.75rem;
}
.shipping_method_item_content::before {
  content: "";
  position: absolute;
  top: 1.25rem;
  left: 2rem;
  width: 2px;
  height: 75%;
  background: #fff;
}
.shipping_method_item_content ._input:last-child {
  margin-bottom: 0;
}
.shipping_method_item_content ._input > input {
  background: #fff;
  border-color: transparent;
  padding-right: 3.5rem;
}
.shipping_method_item_content ._input::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.75rem);
  right: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"><path d="M12.3984 19.7V4.5" stroke="%235F5F5F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 10.9004C22 10.9004 14.635 19.7004 12 19.7004C9.36475 19.7004 2 10.9004 2 10.9004" stroke="%235F5F5F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transition: var(--global-transition);
}
.shipping_method_item_content ._input._visible_addreess::before {
  transform: scale(-1);
}
/* .shipping_method_item_content ._input:has(input:focus)::before {
  transform: scale(-1);
} */
.shipping_method_item:has(input[type=radio]:checked) {
  background: #F7F7F7;
  padding: 0.875rem 0.65rem;
}
.shipping_method_item:has(input[type=radio]:checked) > label {
  border-color: var(--color-pink-dark);
}
.shipping_method_item:has(input[type=radio]:checked) > label::before {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 900px) {
  .shipping_method_item:not(:last-child) {
    margin-bottom: 20px;
  }
  .shipping_method_item > label img, .shipping_method_item > label svg {
    width: clamp(24px, 1.5rem, 1.5rem);
  }
  .shipping_method_item_content {
    padding: 20px 0 0;
  }
  .shipping_method_item_content::before {
    display: none;
  }
}

.success_page {
  padding: 3.5rem 0;
}
.success_page_wrap {
  width: 53rem;
  max-width: 100%;
  margin-inline: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1.25rem;
}
.success_page_icon {
  width: 4.375rem;
}
.success_page h1 {
  font-size: 2.25rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.72px;
}
.success_page_text {
  width: 41rem;
  text-align: center;
  max-width: 100%;
  font-weight: 300;
  line-height: 1.45;
  letter-spacing: 0.32px;
}
.success_page_order {
  max-width: 100%;
  margin-top: 1.25rem;
}
.success_page_order_title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.65rem;
}
.success_page_order_total {
  color: var(--color-pink-dark);
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.64px;
  margin-bottom: 2.5rem;
}
.success_page .product_thumb:last-child {
  margin-bottom: 0;
}
.success_page .product_thumb ._total {
  margin-top: auto;
}
@media screen and (min-width: 901px) {
  .success_page h1 br {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .success_page {
    padding: 30px 10px 60px;
  }
  .success_page_icon {
    width: 4.375rem;
  }
  .success_page h1 {
    font-size: 24px;
  }
  .success_page_text {
    font-size: 14px;
  }
  .success_page_order {
    margin-top: 0;
    background: transparent;
    padding: 0;
  }
  .success_page_order_title {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .success_page_order_total {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .success_page_order_products {
    border-top: 1px solid #ECECEC;
  }
  .success_page .product_thumb {
    border-bottom: 1px solid #ECECEC;
    padding: 20px 0;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
  }
  .success_page .product_thumb .bg_img {
    width: 86px;
    min-width: 86px;
    height: 86px;
  }
  .success_page .product_thumb_content {
    width: calc(100% - 96px);
  }
  .success_page .product_thumb_title {
    font-size: 16px;
  }
  .success_page .product_thumb ._mob_only:has(.popup_cart_product_right) {
    width: 100%;
  }
}

.account {
  padding: 3.5rem 0 10rem;
}
.account h1 {
  font-size: 2.25rem;
  margin-bottom: 2rem;
}
.account_desc {
  font-weight: 300;
  line-height: 1.45;
  letter-spacing: 0.32px;
  margin-bottom: 2rem;
}
.account_nav {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 2.8rem;
}
.account_nav_item {
  color: var(--color-border-gray);
  border-bottom: 1px solid var(--color-bg-gray);
  font-weight: 700;
  font-size: 1.25rem;
  letter-spacing: 0.4px;
  padding: 0.75rem 1rem;
  text-align: center;
}
.account_nav_item._active {
  color: var(--color-pink-dark);
  border-color: var(--color-pink-dark);
}
@media (hover: hover) {
  .account_nav_item:hover {
    color: var(--color-pink-dark);
    border-color: var(--color-pink-dark);
  }
}
.account_info_title {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.48px;
  margin-bottom: 1.25rem;
}
.account_info_form_actions {
  margin-top: 2rem;
}
.account_info_form_actions .btn_cart {
  width: 100%;
  padding: 1.4rem;
}
.account_info_form_actions .btn_cart:not(:last-child) {
  margin-bottom: 0.875rem;
}
@media screen and (min-width: 901px) {
  .account_info {
    display: flex;
    gap: 1.25rem;
  }
  .account_info_col {
    width: 25rem;
    max-width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .account {
    padding: 20px 0 40px;
  }
  .account h1 {
    font-size: 24px;
    margin: 20px 0;
  }
  .account_desc {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .account_desc br {
    display: none;
  }
  .account_nav {
    gap: 20px;
    margin-bottom: 24px;
    overflow-x: auto;
  }
  .account_nav::-webkit-scrollbar{
    height: 0;
  }
  .account_nav_item {
    font-size: 14px;
    padding: 0 0 12px;
  }
  .account_info_col {
    margin-bottom: 40px;
  }
  .account_info_title {
    font-size: 20px;
    margin-bottom: 30px;
    letter-spacing: 0.4px;
  }
  .account_info_form_actions {
    margin-top: 30px;
  }
  .account_info_form_actions .btn_cart {
    font-size: 16px;
  }
  .account_info_form_actions .btn_cart:not(:last-child) {
    margin-bottom: 20px;
  }
}

.account_address_form {
  margin-top: 3rem;
}

.product_list_wishilit {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.product_list_wishilit .product_card {
  width: calc((100% - 5rem) / 5);
}
@media screen and (max-width: 900px) {
  .product_list_wishilit {
    gap: 4px;
  }
  .product_list_wishilit .product_card {
    width: calc(50% - 2px);
  }
}

.order_history {
  margin-bottom: 2rem;
}
.order_history_item {
  position: relative;
  color: var(--color-black);
  border-radius: 8px;
  background: #F7F7F7;
  display: flex;
  gap: 1.25rem;
  padding: 2rem 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0.4px;
}
.order_history_item_date {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  line-height: 1;
  color: var(--color-border-gray);
}
.order_history_item_date img, .order_history_item_date svg {
  width: 1.5rem;
}
.order_history_item_num {
  font-weight: 500;
}
.order_history_item_products {
  font-weight: 700;
}
.order_history_item_status {
  font-weight: 500;
  color: var(--color-orange);
}
.order_history_item_status._complete {
  color: var(--color-green);
}
.order_history_item_status._canceled {
  color: var(--color-border-gray);
}
.order_history_item_ico {
  cursor: pointer;
  transition: var(--global-transition);
  width: clamp(20px, 1.5rem, 1.5rem);
  margin-left: auto;
}
@media (hover: hover) {
  .order_history_item:hover {
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (min-width: 901px) {
  .order_history {
    width: 93rem;
    max-width: 100%;
  }
  .order_history_item {
    align-items: center;
  }
  .order_history_item_date {
    width: calc(28% - 1.25rem);
  }
  .order_history_item_num {
    width: 18%;
  }
  .order_history_item_products {
    width: calc(30% - 1.25rem);
  }
  .order_history_item_status {
    width: 18%;
  }
}
@media screen and (max-width: 900px) {
  .order_history_item {
    flex-direction: column;
    font-size: 16px;
    padding: 30px 24px;
    margin-bottom: 10px;
  }
  .order_history_item_status {
    font-size: 20px;
  }
  .order_history_item_ico {
    position: absolute;
    bottom: 30px;
    right: 24px;
    width: 24px;
    transform: rotate(90deg);
  }
}

.order_detail {
  position: relative;
  padding: 2.5rem;
  margin: 0;
  width: 37.5rem;
}
.order_detail_back {
  position: absolute;
  top: 2rem;
  right: 2rem;
}
.order_detail_back svg {
  width: 2rem;
  display: block;
}
.order_detail_back svg path {
  transition: var(--global-transition);
}
@media (hover: hover) {
  .order_detail_back:hover svg path {
    stroke: var(--color-pink);
  }
}
.order_detail_head {
  margin-bottom: 2.5rem;
}
.order_detail_head_title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.65rem;
}
.order_detail_head_date {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
  color: var(--color-border-gray);
}
.order_detail_head_date img, .order_detail_head_date svg {
  width: 1.5rem;
}
.order_detail .product_thumb:last-child {
  margin-bottom: 0;
}
.order_detail .product_thumb .product_card_price_current {
  font-size: 1.25rem;
}
.order_detail .product_thumb ._quantity {
  margin-left: auto;
}
.order_detail_status {
  font-size: 1.5rem;
  letter-spacing: 0.48px;
  font-weight: 500;
  color: var(--color-orange);
  margin: 1rem 0;
}
.order_detail_status._complete {
  color: var(--color-green);
}
.order_detail_status._canceled {
  color: var(--color-border-gray);
}
@media screen and (max-width: 900px) {
  .order_detail {
    padding: 30px 24px;
    border-radius: 8px;
    background: #F7F7F7;
  }
  .order_detail_back {
    top: 30px;
    right: 24px;
  }
  .order_detail_back svg {
    width: 30px;
  }
  .order_detail_head {
    padding-right: 36px;
    margin-bottom: 24px;
  }
  .order_detail_head_title {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .order_detail_head_date {
    font-size: 16px;
  }
  .order_detail .product_thumb {
    border-bottom: 1px solid #ECECEC;
    padding: 20px 0;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
  }
  .order_detail .product_thumb .bg_img {
    width: 86px;
    min-width: 86px;
    height: 86px;
  }
  .order_detail .product_thumb_content {
    width: calc(100% - 96px);
  }
  .order_detail .product_thumb_title {
    font-size: 16px;
  }
  .order_detail .product_thumb ._mob_only:has(.popup_cart_product_right) {
    width: 100%;
  }
  .order_detail_status {
    font-size: 20px;
    margin-top: 20px;
  }
}

.login {
  padding: 4.5rem 0 8rem;
}
.login_wrap {
  position: relative;
  border-radius: 30px;
  background: #ECECEC;
  padding: 2.5rem 2rem;
  width: 34rem;
  max-width: 100%;
  margin-inline: auto;
}
.login_title {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.48px;
  margin-bottom: 2.5rem;
}
.login_back {
  position: absolute;
  cursor: pointer;
  top: 1.25rem;
  right: 1.25rem;
}
.login_back svg {
  display: block;
  width: 2.25rem;
}
.login_back svg path {
  transition: var(--global-transition);
}
@media (hover: hover) {
  .login_back:hover path {
    stroke: var(--color-pink-dark2);
  }
}
.login ._input {
  margin-bottom: 0.875rem;
}
.login ._input input {
  border-color: #fff;
  background: #fff;
}
.login ._forgot {
  display: block;
  color: var(--color-pink-dark);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.4px;
  text-decoration: underline;
  text-underline-offset: 4px;
  margin: 2rem 1.5rem;
}
@media (hover: hover) {
  .login ._forgot:hover {
    text-decoration: none;
  }
}
.login .btn_cart {
  border-radius: 16px;
  width: 100%;
  padding: 1.4rem;
}
.login ._or {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.48px;
  text-align: center;
  margin: 2.5rem 0 1.25rem;
}
.login ._terms {
  text-align: center;
  font-size: 0.875rem;
  letter-spacing: 0.28px;
  margin-top: 1.25rem;
}
.login._register .btn_cart {
  margin-top: 2.5rem;
}
@media screen and (min-width: 901px) {
  .login_title br {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .login {
    padding: 24px 0;
  }
  .login_wrap {
    padding: 40px 20px;
  }
  .login_title {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.48px;
    margin-bottom: 2.5rem;
  }
  .login ._forgot {
    font-size: 20px;
    text-align: center;
    margin: 30px 0;
  }
  .login .btn_cart {
    padding: 18px;
  }
  .login ._or {
    font-size: 20px;
    margin: 40px 0 20px;
  }
  .login._register .btn_cart {
    margin-top: 40px;
  }
  .login ._terms {
    text-align: center;
    font-size: 0.875rem;
    letter-spacing: 0.28px;
    margin-top: 1.25rem;
  }
}

.account_select {
  user-select: none;
  border-radius: 8px;
  background: #FFF;
  letter-spacing: 0.32px;
  padding: 1.1rem 1.5rem;
  margin-bottom: 0.875rem;
}
.account_select_title {
  cursor: pointer;
  color: #5f5f5f;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.account_select_title svg {
  width: 1.5rem;
  transition: var(--global-transition);
}
.account_select_list {
  overflow: hidden;
  max-height: 0;
  transition: var(--global-transition);
  display: flex;
  gap: 1.25rem;
}
.account_select_list_item {
  cursor: pointer;
  width: calc(50% - 0.625rem);
  transition: var(--global-transition);
  border-radius: 8px;
  background: #F7F7F7;
  color: #5F5F5F;
  text-align: center;
  padding: 1.1rem 1.5rem;
  margin-top: 1.25rem;
}
.account_select_list_item._active {
  background: #ECECEC;
}
@media (hover: hover) {
  .account_select_list_item:hover {
    background: #ECECEC;
  }
}
.account_select_current {
  overflow: hidden;
  max-height: 0;
  color: #5f5f5f;
  padding-top: 0;
}
.account_select._active .account_select_title svg {
  transform: scale(-1);
}
.account_select._active .account_select_list {
  max-height: 400px;
}
.account_select._selected .account_select_title {
  color: #9B9B9B;
  font-size: 0.875rem;
}
.account_select._selected:not(._active) .account_select_current {
  max-height: 50px;
  padding-top: 0.5rem;
}
@media screen and (max-width: 900px) {
  .account_select_list {
    gap: 8px;
  }
  .account_select_list_item {
    width: calc(50% - 4px);
    padding: 12px;
    margin-top: 12px;
  }
}

.main_search h1 {
  padding: 0;
  margin-bottom: 2rem;
}
@media screen and (min-width: 901px) {
  .main_search .filters_actions {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 900px) {
  .main_search h1 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

.search_popup {
  z-index: 9;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 86px 24px 0px rgba(0, 0, 0, 0), 0px 55px 22px 0px rgba(0, 0, 0, 0.01), 0px 31px 19px 0px rgba(0, 0, 0, 0.04), 0px 14px 14px 0px rgba(0, 0, 0, 0.07), 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  transition: var(--global-transition);
  transform: translateY(1rem);
  padding: 1rem 2.5rem;
}
.search_popup._active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.search_popup_container{
  max-height: calc(100dvh - clamp(120px, 10.8rem, 10.8rem) - 2.5rem);
  overflow-y: auto;
  padding: 1.5rem 0;
}

.search_popup_wrap {
  margin-bottom: 2rem;
}
.search_popup_title {
  font-size: 1.1rem;
  font-weight: 600;
}
.search_popup .product_thumb {
  padding: 1.25rem 0;
}
.search_popup .product_thumb:not(:last-child) {
  border-bottom: 1px solid var(--color-bg-gray);
}
.search_popup .product_thumb .bg_img {
  border: none;
}
.search_popup .product_thumb ._accent {
  color: var(--color-pink-dark);
  text-decoration: underline;
}
.search_popup .product_thumb .product_card_special {
  align-items: flex-start;
}
.search_popup .product_thumb .product_card_special_percent {
  padding: 0;
  background: transparent;
}
.search_popup_categories_list {
  margin-top: 1rem;
}
.search_popup_categories a {
  display: block;
  color: var(--color-black);
  font-size: clmap(12px, 0.875rem, 0.875rem);
}
.search_popup_categories a:not(:last-child) {
  margin-bottom: 1rem;
}
@media (hover: hover) {
  .search_popup_categories a:hover {
    color: var(--color-pink);
  }
}
.search_popup .btn_cart {
  width: max-content;
  margin-inline: auto;
}
@media screen and (min-width: 901px) {
  .search_popup_wrap {
    display: flex;
    gap: 1.8rem;
  }
  .search_popup_products {
    width: 20rem;
    min-width: 20rem;
  }
}
@media screen and (max-width: 900px) {
  .search_popup {
    position: fixed;
    left: 0;
    top: 59px;
    padding: 20px 10px;
    background: #f7f7f7;
    max-height: calc(100dvh - 80px);
  }
  .search_popup_container {
    max-height: calc(100dvh - 120px);
    padding: 0 10px;
  }
  .search_popup ._input {
    margin: 20px 0 30px;
  }
  .search_popup ._input input{
    padding: 1.1rem 1.5rem;
  }
  .search_popup_wrap {
    margin-bottom: 40px;
  }
  .search_popup .product_thumb {
    gap: 10px;
  }
  .search_popup .product_thumb .bg_img {
    width: 86px;
    min-width: 86px;
    height: 86px;
  }
  .search_popup .product_thumb ._accent {
    color: var(--color-pink-dark);
    text-decoration: underline;
  }
  .search_popup .product_thumb .product_card_special {
    align-items: flex-start;
  }
  .search_popup .product_thumb .product_card_special_percent {
    padding: 0;
    background: transparent;
  }
  .search_popup_categories {
    margin-top: 10px;
  }
  .search_popup_actions {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #f7f7f7;
    z-index: 2;
    padding-top: 10px;
  }
  .search_popup_actions::before {
    content: "";
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 30px;
    background: linear-gradient(180deg, rgba(247, 247, 247, 0) 0%, #f7f7f7 100%);
  }
  .search_popup .btn_cart {
    font-size: 1rem;
    width: 100%;
    margin-bottom: 20px;
  }
  .search_popup .btn_outline {
    font-size: 1rem;
  }
}