/* Start:/local/templates/berkut/components/bitrix/sale.order.ajax/sok_order_placement/style.css?178885539490658*/
@charset "UTF-8";


/*Стили шаблона (template) */
:root {
  --color-primary: #1ab4e6;
  --color-opacity-hover: #1a9de6;
  --color-primary-hover: #1a9de6;
  --color-primary-light: #e8f7fc;
  --color-light-blue: #d9edf7;
  --color-alery-green-bg: #e6f4ea;
  --color-alery-green: #2e7d32;
  --color-alery-blue-bg: #e8f1fa;
  --color-alery-blue: #1565c0;
  --color-alery-orange-bg: #fff8e1;
  --color-alery-orange: #ef6c00;
  --color-alery-red-bg: #fdecea;
  --color-alery-red: #b71c1c;
  --color-neutral-50: #f8fafc;
  --color-neutral-200: #e2e8f0;
  --color-neutral-400: #94a3b8;
  --color-neutral-600: #475569;
  --color-neutral-800: #1e293b;
  --color-grafite: #323232;
  --color-grafite-60: rgba(50, 50, 50, 0.6);
  --color-light-white: rgba(154, 178, 201, 0.1);
  --color-light-stroke: rgba(154, 178, 201, 0.3);
  --color-light-border: rgba(154, 178, 201, 0.6);
  --color-full-black: #000000;
  --color-full-white: #ffffff;
  --color-light-gray: #9ab2c9;
  --color-gray: rgba(0, 0, 0, 0.5);
  --color-calm-gray: #7f7f7f;
  --color-gray-80: rgba(0, 0, 0, 0.8);
  --color-green-positive: #059669;
  --color-main: #3c893f;
  --color-red-error: #e31e25;
  --shadow-dropdown: 0px 4px 17.8px 0px rgba(120, 167, 193, 0.25);
  --shadow-1: 0px 10px 30px 0px rgba(92, 122, 132, 0.1);
  --transition: 0.3s;
}

body.sok--fixed {
  width: auto;
  overflow: hidden;
  overscroll-behavior-y: none;
}

.sok-order-pl *,
.sok-order-pl :after,
.sok-order-pl :before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased !important;
  -webkit-tap-highlight-color: transparent;
  outline: 0 !important;
}

.sok-order-pl body,
.sok-order-pl html {
  margin: 0;
  padding: 0;
}

.sok-order-pl li,
.sok-order-pl ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sok-order-pl button {
  border: none;
  font-family: inherit;
}

.sok-order-pl {
  width: 100%;
  max-width: 1540px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.sok-order-pl a {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  text-decoration: none;
}

.sok-order-pl img {
  max-width: 100%;
}

.sok-order-pl h1 {
  font-size: 36px;
}

.sok-order-pl h2 {
  font-size: 32px;
  margin-bottom: 20px;
}

.sok-order-pl h3 {
  font-size: 24px;
  margin-bottom: 20px;
}

.sok-order-pl h4 {
  font-size: 20px;
  margin-bottom: 20px;
}

.sok-order-pl h5 {
  font-size: 16px;
  margin-bottom: 20px;
}

.sok-order-pl p {
  line-height: 140%;
  margin-bottom: 20px;
}

.sok-order-pl ._h2 {
  margin: 0;
}

.sok-order-pl ._h3 {
  margin: 0;
}

.sok-order-pl ._h5 {
  margin: 0;
}

.sok-order-pl ._p {
  margin: 0;
}

.sok-order-pl ul,
.sok-order-pl ol {
  padding-left: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}

.sok-order-pl ul ul,
.sok-order-pl ul ol,
.sok-order-pl ol ul,
.sok-order-pl ol ol {
  padding-left: 0;
}

.sok-order-pl ul li,
.sok-order-pl ol li {
  list-style: auto;
  line-height: 140%;
}

.sok-order-pl ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}

.sok-order-pl ul li {
  list-style: disc;
}

.sok-order-pl ul li::marker {
  color: inherit;
}

.sok-order-pl ol[type="1"] {
  margin-top: 10px;
  counter-reset: item;
  padding-left: 0;
}

.sok-order-pl ol[type="1"] li {
  display: block;
}

.sok-order-pl ol[type="1"] li:last-child ul {
  margin-bottom: 0;
}

.sok-order-pl ol[type="1"] li ul {
  margin-top: 10px;
}

.sok-order-pl ol[type="1"] li::before {
  content: counters(item, ".") ". ";
  counter-increment: item;
}

.sok-order-pl ul[type="3"] {
  gap: 20px;
  list-style-type: none;
  padding-left: 0;
}

.sok-order-pl ul[type="3"] li {
  display: grid;
  grid-template-columns: 24px auto;
  gap: 10px;
}

.sok-order-pl ul[type="3"] li::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11.0026 16L18.0737 8.92893L16.6595 7.51472L11.0026 13.1716L8.17421 10.3431L6.75999 11.7574L11.0026 16Z' fill='%23E31E25'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  display: inline-block;
}

.sok-order-pl ul[type="2"] li {
  list-style: none;
  display: flex;
}

.sok-order-pl ul[type="2"] li::before {
  position: relative;
  content: "";
  background-color: var(--color-primary);
  border-radius: 100%;
  min-width: 12px;
  min-height: 12px;
  max-width: 12px;
  max-height: 12px;
  margin: 4px 6px;
  display: inline-block;
}

.sok-order-pl ul[type="1"] {
  padding-left: 0;
}

.sok-order-pl ul[type="1"] li {
  display: block;
}

.sok-order-pl ul[type="1"] li::before {
  content: "— " !important;
  counter-increment: none;
}

.sok-order-pl ul[type="0"] {
  padding-left: 0;
}

.sok-order-pl ul[type="0"] li {
  display: block;
}

.sok-order-pl ul[type="0"] li::before {
  content: "" !important;
  counter-increment: none;
}

.sok-order-pl li[type="0"]::before {
  content: "" !important;
  counter-increment: none;
}

.sok-order-pl h1,
.sok-order-pl h2,
.sok-order-pl h3,
.sok-order-pl h4,
.sok-order-pl h5 {
  font-weight: 500;
  color: var(--color-grafite);
}

.sok-order-pl .w-max,
.popup-window .w-max {
  width: max-content !important;
}

.sok-order-pl .h-max {
  height: max-content !important;
}

.sok-order-pl .w-100,
.popup-window .w-100 {
  width: 100% !important;
}

.sok-order-pl .page-top {
  margin-bottom: 24px;
}

.sok-order-pl .detail-text {
  margin-bottom: -20px;
}

.sok-order-pl .order-block {
  display: flex;
  flex-direction: column;
  border-radius: var(--border-radius-block-outer);
  padding: 24px !important;
  border: 1px solid var(--color-light-stroke);
  background-color: var(--blocks-background);
}

.sok-order-pl .favorite-btn {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M12.7503 0.0170898C15.2817 0.0170898 17.3337 2.10042 17.3337 5.01709C17.3337 10.8504 11.0837 14.1838 9.00033 15.4338C6.91699 14.1838 0.666992 10.8504 0.666992 5.01709C0.666992 2.10042 2.75033 0.0170898 5.25033 0.0170898C6.8003 0.0170898 8.16699 0.850423 9.00033 1.68376C9.83366 0.850423 11.2003 0.0170898 12.7503 0.0170898ZM9.77858 13.0203C10.5132 12.5575 11.1753 12.0967 11.7961 11.6028C14.2784 9.62792 15.667 7.47001 15.667 5.01709C15.667 3.05106 14.3862 1.68376 12.7503 1.68376C11.8537 1.68376 10.8831 2.15801 10.1788 2.86226L9.00033 4.04078L7.82183 2.86226C7.11756 2.15801 6.14691 1.68376 5.25033 1.68376C3.63288 1.68376 2.33366 3.06417 2.33366 5.01709C2.33366 7.47001 3.72222 9.62792 6.20461 11.6028C6.82533 12.0967 7.48741 12.5575 8.22208 13.0203C8.47083 13.177 8.71791 13.3278 9.00033 13.4964C9.28274 13.3278 9.52983 13.177 9.77858 13.0203Z' fill='%23475569'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  width: 32px;
  height: 32px;
  padding: 10px;
  position: relative;
  bottom: 0;
  display: flex;
  cursor: pointer;
  z-index: 1;
  border-radius: 100%;
  transition: all var(--transition);
}

.sok-order-pl .favorite-btn:hover {
  background-color: var(--color-primary) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M12.7503 0.5C15.2817 0.5 17.3337 2.58333 17.3337 5.5C17.3337 11.3333 11.0837 14.6667 9.00033 15.9167C6.91699 14.6667 0.666992 11.3333 0.666992 5.5C0.666992 2.58333 2.75033 0.5 5.25033 0.5C6.8003 0.5 8.16699 1.33333 9.00033 2.16667C9.83366 1.33333 11.2003 0.5 12.7503 0.5ZM9.77858 13.5032C10.5132 13.0404 11.1753 12.5796 11.7961 12.0858C14.2784 10.1108 15.667 7.95292 15.667 5.5C15.667 3.53397 14.3862 2.16667 12.7503 2.16667C11.8537 2.16667 10.8831 2.64092 10.1788 3.34517L9.00033 4.52369L7.82183 3.34517C7.11756 2.64092 6.14691 2.16667 5.25033 2.16667C3.63288 2.16667 2.33366 3.54708 2.33366 5.5C2.33366 7.95292 3.72222 10.1108 6.20461 12.0858C6.82533 12.5796 7.48741 13.0404 8.22208 13.5032C8.47083 13.6599 8.71791 13.8107 9.00033 13.9793C9.28274 13.8107 9.52983 13.6599 9.77858 13.5032Z' fill='white'/%3E%3C/svg%3E");
}

.sok-order-pl .favorite-btn._active {
  background-color: var(--color-primary) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M12.7503 0.5C15.2817 0.5 17.3337 2.58333 17.3337 5.5C17.3337 11.3333 11.0837 14.6667 9.00033 15.9167C6.91699 14.6667 0.666992 11.3333 0.666992 5.5C0.666992 2.58333 2.75033 0.5 5.25033 0.5C6.8003 0.5 8.16699 1.33333 9.00033 2.16667C9.83366 1.33333 11.2003 0.5 12.7503 0.5ZM9.77858 13.5032C10.5132 13.0404 11.1753 12.5796 11.7961 12.0858C14.2784 10.1108 15.667 7.95292 15.667 5.5C15.667 3.53397 14.3862 2.16667 12.7503 2.16667C11.8537 2.16667 10.8831 2.64092 10.1788 3.34517L9.00033 4.52369L7.82183 3.34517C7.11756 2.64092 6.14691 2.16667 5.25033 2.16667C3.63288 2.16667 2.33366 3.54708 2.33366 5.5C2.33366 7.95292 3.72222 10.1108 6.20461 12.0858C6.82533 12.5796 7.48741 13.0404 8.22208 13.5032C8.47083 13.6599 8.71791 13.8107 9.00033 13.9793C9.28274 13.8107 9.52983 13.6599 9.77858 13.5032Z' fill='white'/%3E%3C/svg%3E");
}

.sok-order-pl .grid-list--count {
  --items-count: 1;
  grid-template-columns: repeat(var(--items-count), 1fr);
}

.sok-order-pl .grid-list--count-5-desktop {
  --items-count: 5;
}

.sok-order-pl .grid-list--count-4-desktop {
  --items-count: 4;
}

.sok-order-pl .grid-list--count-3-desktop {
  --items-count: 3;
}

.sok-order-pl .grid-list--count-2-desktop {
  --items-count: 2;
}

.sok-order-pl .grid-list--count-1-desktop {
  --items-count: 1;
}

.sok-order-pl .overflow-visible {
  overflow: visible;
}

.sok-order-pl .hover-link:hover {
  color: var(--color-primary) !important;
}

.sok-order-pl .hover-link:hover svg path {
  fill: var(--color-primary) !important;
}

.sok-order-pl .primary-link {
  color: var(--color-primary) !important;
  text-decoration: none !important;
}

.sok-order-pl .primary-link svg path {
  fill: var(--color-primary) !important;
}

.sok-order-pl .gap--6 {
  gap: 6px !important;
}

.sok-order-pl .gap--8 {
  gap: 8px;
}

.sok-order-pl .gap--12 {
  gap: 12px !important;
}

.sok-order-pl .gap--16 {
  gap: 16px;
}

.sok-order-pl .gap--20 {
  gap: 20px;
}

.sok-order-pl .gap--24 {
  gap: 24px;
}

.sok-order-pl .gap--30 {
  gap: 30px;
}

.sok-order-pl .gap--32 {
  gap: 32px;
}

.sok-order-pl .gap--40 {
  gap: 40px;
}

.sok-order-pl .mt--0 {
  margin-top: 0px !important;
}

.sok-order-pl .mt--2 {
  margin-top: 2px !important;
}

.sok-order-pl .mt--4 {
  margin-top: 4px !important;
}

.sok-order-pl .mt--6 {
  margin-top: 6px !important;
}

.sok-order-pl .mt--8 {
  margin-top: 8px !important;
}

.sok-order-pl .mt--10 {
  margin-top: 10px !important;
}

.sok-order-pl .mt--12 {
  margin-top: 12px !important;
}

.sok-order-pl .mt--14 {
  margin-top: 14px !important;
}

.sok-order-pl .mt--16 {
  margin-top: 16px !important;
}

.sok-order-pl .mt--20 {
  margin-top: 20px !important;
}

.sok-order-pl .mt--24 {
  margin-top: 24px !important;
}

.sok-order-pl .mt--30 {
  margin-top: 30px !important;
}

.sok-order-pl .mt--40 {
  margin-top: 40px !important;
}

.sok-order-pl .mb--0 {
  margin-bottom: 0px !important;
}

.sok-order-pl .mb--2 {
  margin-bottom: 2px !important;
}

.sok-order-pl .mb--4 {
  margin-bottom: 4px !important;
}

.sok-order-pl .mb--6 {
  margin-bottom: 8px !important;
}

.sok-order-pl .mb--8 {
  margin-bottom: 8px !important;
}

.sok-order-pl .mb--10 {
  margin-bottom: 10px !important;
}

.sok-order-pl .mb--12 {
  margin-bottom: 12px !important;
}

.sok-order-pl .mb--14 {
  margin-bottom: 14px !important;
}

.sok-order-pl .mb--16 {
  margin-bottom: 16px !important;
}

.sok-order-pl .mb--20,
.popup-window .mb--20 {
  margin-bottom: 20px !important;
}

.sok-order-pl .mb--24 {
  margin-bottom: 24px !important;
}

.sok-order-pl .mb--30 {
  margin-bottom: 30px !important;
}

.sok-order-pl .mb--40 {
  margin-bottom: 40px !important;
}

.sok-order-pl .mb--60 {
  margin-bottom: 60px !important;
}


.sok-order-pl .mr--auto {
  margin-right: auto !important;
}

.sok-order-pl .ml--auto {
  margin-left: auto !important;
}

.sok-order-pl .p--20 {
  padding: 20px;
}

.sok-order-pl .pr--16 {
  padding-right: 16px !important;
}

.sok-order-pl .pl--0 {
  padding-left: 0 !important;
}

.sok-order-pl .pl--16 {
  padding-left: 16px !important;
}

.sok-order-pl .pr--20 {
  padding-right: 20px !important;
}

.sok-order-pl .pl--20 {
  padding-left: 20px !important;
}

.sok-order-pl .pt--20 {
  padding-top: 20px !important;
}

.sok-order-pl .pb--0 {
  padding-bottom: 0px !important;
}

.sok-order-pl .pb--2 {
  padding-bottom: 2px !important;
}

.sok-order-pl .pb--4 {
  padding-bottom: 4px !important;
}

.sok-order-pl .pb--6 {
  padding-bottom: 6px !important;
}

.sok-order-pl .pb--8 {
  padding-bottom: 8px !important;
}

.sok-order-pl .pb--10 {
  padding-bottom: 10px !important;
}

.sok-order-pl .pb--20 {
  padding-bottom: 20px !important;
}

.sok-order-pl .text--12 {
  font-size: 12px;
}

.sok-order-pl .text--14 {
  font-size: 14px;
}

.sok-order-pl .text--16 {
  font-size: 16px;
}

.sok-order-pl .text--20 {
  font-size: 20px;
}

.sok-order-pl .text--24 {
  font-size: 24px;
}

.sok-order-pl .text-link {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  color: var(--color-primary);
  cursor: pointer;
}

.sok-order-pl .fw--400 {
  font-weight: 400;
}

.sok-order-pl .fw--500 {
  font-weight: 500;
}

.sok-order-pl .color-neutral-600 {
  color: var(--color-neutral-600);
}

.sok-order-pl .color-grafite {
  color: var(--color-grafite);
}

.sok-order-pl .color-gray {
  color: var(--color-gray);
}

.sok-order-pl .color-gray-80 {
  color: var(--color-gray-80);
}

.sok-order-pl .color-calm-gray {
  color: var(--color-calm-gray);
}

.sok-order-pl .color-primary {
  color: var(--color-primary);
}

.sok-order-pl .--disabled {
  pointer-events: none !important;
}

.sok-order-pl .d--flex {
  display: flex;
}

.sok-order-pl .flex-wrap-nowrap {
  flex-wrap: nowrap !important;
}

.sok-order-pl .d--flex__row {
  display: flex;
  flex-direction: row !important;
}

.sok-order-pl .flex--wrap {
  flex-wrap: wrap;
}

.sok-order-pl .d--flex__col {
  display: flex;
  flex-direction: column;
}

.sok-order-pl .align-items--start {
  align-items: flex-start !important;
}

.sok-order-pl .align-items--center {
  align-items: center !important;
}

.sok-order-pl .align-items--end {
  align-items: end !important;
}

.sok-order-pl .justify-content--space-between {
  justify-content: space-between;
}

.sok-order-pl .justify-content--end {
  justify-content: end;
}

.sok-order-pl .d--grid--2-fr {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
}

.sok-order-pl .flex--1 {
  flex: 1;
}

.sok-order-pl .whitespace--nowrap {
  white-space: nowrap;
}

.sok-order-pl .dropzone-wrapper {
  padding: 24px;
  position: relative;
  border-radius: 8px;
  border: 1px dashed var(--color-primary);
  background: var(--color-neutral-50);
  border-radius: 25px;
}

.sok-order-pl .dropzone-wrapper .dropzone-content .dropzone-text-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}

.sok-order-pl .dropzone-wrapper .dropzone-content .dropzone-text-container .dropzone-text-title {
  font-size: 14px;
  color: var(--color-grafite);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.sok-order-pl .dropzone-wrapper .dropzone-content .dropzone-text-container .dropzone-text {
  color: var(--color-primary-dark-gray, #858585);
  font-size: 14px;
  font-weight: 200;
}

.sok-order-pl .dropzone-wrapper input {
  position: absolute;
  outline: none !important;
  cursor: pointer;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.sok-order-pl .preview-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sok-order-pl .preview-container .preview-item {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 14px;
}

.sok-order-pl .preview-container .preview-item .preview-title-content {
  display: flex;
  gap: 4px;
  align-items: center;
}

.sok-order-pl .preview-container .preview-item .preview-title-content .preview-title {
  color: var(--color-neutral-800);
}

.sok-order-pl .preview-container .preview-item .preview-content {
  display: flex;
  gap: 12px;
  align-items: center;
}

.sok-order-pl .preview-container .preview-item .preview-content .preview-size {
  color: var(--color-light-gray);
}

.sok-order-pl .preview-container .preview-item .preview-content .preview-close {
  display: flex;
  cursor: pointer;
}

.sok-order-pl .preview-container .preview-item .preview-content .preview-close svg path {
  transition: all var(--transition);
}

.sok-order-pl .preview-container .preview-item .preview-content .preview-close:hover svg path {
  fill: var(--color-main);
}

.sok-order-pl .input-text {
  border-radius: var(--border-radius-input);
  border: 1px solid var(--color-light-stroke);
  background-color: var(--color-full-white);
  padding: 11px 20px;
  font-weight: 400;
  font-size: 14px;
  width: 100%;
  color: var(--color-grafite);
  display: flex;
  gap: 8px;
  align-items: center;
  height: 42px;
}

.sok-order-pl .input-text:focus {
  border: 1px solid var(--color-grafite);
  color: var(--color-grafite);
}

.sok-order-pl .input-text::placeholder {
  color: var(--color-light-gray);
}

.sok-order-pl .input-text input {
  color: inherit;
  border: none;
  display: flex;
  width: 100%;
  height: 100%;
  background: transparent;
}

.sok-order-pl .input-text input:focus {
  color: var(--color-grafite);
}

.sok-order-pl .input-text input::placeholder {
  color: var(--color-light-gray);
}

.sok-order-pl .input-text input[type="password"]::-ms-reveal,
.sok-order-pl .input-text input[type="password"]::-ms-clear {
  display: none;
}

.sok-order-pl .input-text[type="password"]::-ms-reveal,
.sok-order-pl .input-text[type="password"]::-ms-clear {
  display: none;
}

.sok-order-pl .input-textarea {
  border-radius: 25px;
  border: 1px solid var(--color-light-stroke);
  background-color: var(--color-full-white);
  padding: 16px;
  width: 100%;
  max-height: 200px;
  min-height: 97px;
  resize: none;
  color: var(--color-grafite);
  display: flex;
  gap: 8px;
}

.sok-order-pl .input-textarea:focus {
  border: 1px solid var(--color-grafite);
  color: var(--color-grafite);
}

.sok-order-pl .input-textarea textarea {
  border: none;
  display: flex;
  width: 100%;
  height: 100%;
  background: transparent;
  max-height: 200px;
  min-height: 97px;
  resize: none;
  color: var(--color-grafite);
}

.sok-order-pl .input-textarea textarea:focus {
  border: 1px solid var(--color-grafite);
  color: var(--color-grafite);
}

/* Текстовое поле, расширяющееся при фокусе */
.sok-order-pl .input-textarea-expand {
  min-height: 42px;
  height: 42px;
  resize: none;
  overflow-y: hidden;
  display: block;
  transition: min-height 0.2s ease, height 0.2s ease;
  box-sizing: border-box;
}
.sok-order-pl .input-textarea-expand:focus {
  min-height: 120px;
  height: 120px;
  overflow-y: auto;
}

.sok-order-pl .input-error {
  border: 1px solid var(--color-red-error) !important;
}

.sok-order-pl .text-error {
  color: var(--color-red-error);
  font-size: 14px;
  line-height: 120%;
  align-items: center;
  margin: 0 !important;
  user-select: none;
}

/* .sok-order-pl .text-error::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.99935 18.3333C5.39697 18.3333 1.66602 14.6023 1.66602 9.99996C1.66602 5.39758 5.39697 1.66663 9.99935 1.66663C14.6017 1.66663 18.3327 5.39758 18.3327 9.99996C18.3327 14.6023 14.6017 18.3333 9.99935 18.3333ZM9.99935 16.6666C13.6813 16.6666 16.666 13.6819 16.666 9.99996C16.666 6.31806 13.6813 3.33329 9.99935 3.33329C6.31745 3.33329 3.33268 6.31806 3.33268 9.99996C3.33268 13.6819 6.31745 16.6666 9.99935 16.6666ZM9.16602 12.5H10.8327V14.1666H9.16602V12.5ZM9.16602 5.83329H10.8327V10.8333H9.16602V5.83329Z' fill='%23DC2626'/%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
  min-width: 20px;
  position: relative;
} */

.text-error.__hide {
  display: none;
}

.sok-order-pl .text-info {
  color: var(--color-neutral-600);
  font-size: 12px;
  line-height: 140%;
}

.sok-order-pl .input-checkbox {
  position: relative;
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
}

.sok-order-pl .input-checkbox input {
  display: none;
}

.sok-order-pl .input-checkbox input:checked+.checkboxLabel .checkboxIcon {
  background-color: var(--color-primary);
  border: none;
}

.sok-order-pl .input-checkbox input:checked+.checkboxLabel .checkboxIcon::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6.66697 10.1138L12.7952 3.9856L13.738 4.9284L6.66697 11.9994L2.42432 7.75685L3.36712 6.81405L6.66697 10.1138Z' fill='white'/%3E%3C/svg%3E");
  position: initial;
}

.sok-order-pl .input-checkbox .checkboxLabel {
  display: flex;
  cursor: pointer;
  height: max-content;
  align-self: flex-start;
}

.sok-order-pl .input-checkbox .checkboxIcon {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid var(--color-neutral-400);
  position: relative;
  margin-right: 8px;
}

.sok-order-pl .input-checkbox:hover .checkboxIcon {
  border: 1px solid var(--color-neutral-600);
}

.sok-order-pl .input-checkbox-toggle {
  position: relative;
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  height: max-content;
}

.sok-order-pl .input-checkbox-toggle .input-toggle {
  position: relative;
  display: inline-block;
  align-self: flex-start;
  min-width: 48px;
  min-height: 24px;
  height: 24px;
  margin: 0;
  vertical-align: top;
  background: var(--color-neutral-200);
  border: 1px solid var(--color-neutral-400);
  border-radius: 30px;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all var(--transition);
}

.sok-order-pl .input-checkbox-toggle .input-toggle::after {
  transition: all var(--transition);
  content: "";
  display: inline-block;
  position: absolute;
  border: 1px solid var(--color-neutral-400);
  left: 4px;
  top: 3px;
  width: 17px;
  height: 17px;
  background-color: var(--color-full-white);
  border-radius: 50%;
  transform: translateX(0);
}

.sok-order-pl .input-checkbox-toggle .input-toggle:checked {
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
}

.sok-order-pl .input-checkbox-toggle .input-toggle:checked::after {
  transform: translateX(calc(100% + 5px));
  border: 1px solid var(--color-primary);
}

.sok-order-pl .input-radio {
  position: relative;
  display: inline-flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
}

.sok-order-pl .input-radio input {
  display: none;
}

.sok-order-pl .input-radio input:checked+.radioLabel .radioIcon {
  border: 1px solid var(--color-primary);
}

.sok-order-pl .input-radio input:checked+.radioLabel .radioIcon::before {
  content: "";
  background-color: var(--color-primary);
  width: 12px;
  height: 12px;
  border-radius: 100%;
}

.sok-order-pl .input-radio .radioLabel {
  display: inline-flex;
  cursor: pointer;
  height: max-content;
  align-self: flex-start;
}

.sok-order-pl .input-radio .radioIcon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid var(--color-neutral-400);
  margin-right: 8px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sok-order-pl .input-radio:hover .radioIcon {
  border: 1px solid var(--color-neutral-600);
}

.sok-order-pl .input-select {
  margin-bottom: 20px;
}

.sok-order-pl .input-select .input-select__content {
  justify-content: space-between;
  width: 100%;
  line-height: normal;
}

.sok-order-pl .input-select .input-select__list {
  width: 100% !important;
  top: 0 !important;
  border-radius: var(--border-radius-input) !important;
}

.sok-order-pl .input-select .input-select__content.sok__btn-light-white:hover {
  color: var(--color-neutral-600);
  background: var(--color-light-white);
}

.sok-order-pl .input-select .input-select__content.sok__btn-light-white:hover svg path {
  fill: currentColor;
}

.sok-order-pl .input-select .input-select__content.sok__btn-light-white .input-select__current {
  color: var(--color-neutral-600);
  font-size: 14px;
}

.sok-order-pl .input-select .input-select__content.input-text {
  color: var(--color-grafite);
}

.sok-order-pl .page-container .page__sidebar {
  display: none;
}

.sok-order-pl .content__grid {
  display: grid;
  grid-template-columns: 360px auto;
  gap: 30px;
}

.sok-order-pl .content__grid .page__sidebar {
  display: block;
}

.sok-order-pl .wide__content {
  max-width: 100%;
}

.sok-order-pl .narrow__content {
  max-width: 1120px;
  margin: 0 auto;
}

.sok-order-pl .wrapper-light-white {
  background-color: var(--color-light-white);
  border-radius: 20px;
}

.sok-order-pl .wrapper-border-24 {
  border-radius: var(--border-radius-block-outer);
  border: 1px solid var(--color-light-stroke);
  background-color: var(--color-full-white);
  padding: 24px;
  place-items: flex-start;
}

.sok-order-pl .wrapper-shadow-16 {
  border-radius: 30px;
  padding: 16px;
  background-color: var(--color-full-white);
  box-shadow: var(--shadow-1);
}

.sok-order-pl .wrapper-shadow-16 svg {
  min-width: max-content;
  min-height: max-content;
}

.sok-order-pl .wrapper-shadow-30 {
  border-radius: 30px;
  padding: 30px;
  background-color: var(--color-full-white);
  box-shadow: var(--shadow-1);
}

.sok-order-pl .wrapper-shadow-30._blue,
.sok-order-pl .wrapper-shadow-16._blue {
  background-color: var(--color-primary);
  color: var(--color-full-white);
}

.sok-order-pl .img-wrapper {
  display: flex;
}

.sok-order-pl .img-wrapper.center {
  justify-content: center;
}

.sok-order-pl .img-wrapper.end {
  justify-content: end;
}

.sok-order-pl .max-h-0 {
  max-height: 0;
}

.sok-order-pl .sok__btn-primary,
.popup-window .sok__btn-primary,
.sok--modal .sok__btn-primary {
  border-radius: var(--border-radius-button);
  font-size: 14px;
  line-height: normal;
  cursor: pointer;
  padding: 0px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
  height: 42px;
  font-weight: 400;
  user-select: none;
  transition: all var(--transition);
  background: var(--color-primary);
  color: var(--color-full-white);
  margin: 0;
  box-shadow: none;
  border: 1px solid transparent;
  pointer-events: all;
}

.sok-order-pl .sok__btn-primary span,
.popup-window .sok__btn-primary span {
  pointer-events: none;
}

.sok-order-pl .sok__btn-primary svg,
.popup-window .sok__btn-primary svg {
  pointer-events: none;
}

.sok-order-pl .sok__btn-primary svg path,
.popup-window .sok__btn-primary svg path {
  fill: var(--color-full-white);
}

.sok-order-pl .sok__btn-primary:hover,
.popup-window .sok__btn-primary:hover {
  opacity: var(--color-opacity-hover);
}

.sok-order-pl .sok__btn-primary._active,
.popup-window .sok__btn-primary._active {
  border: 1px solid var(--color-primary);
  background: var(--color-full-white);
  color: var(--color-primary);
}

.sok-order-pl .sok__btn-primary._active svg path .popup-window .sok__btn-primary._active svg path {
  fill: var(--color-primary);
}

.sok-order-pl .sok__btn-primary._active:hover,
.popup-window .sok__btn-primary._active:hover {
  background: var(--color-primary);
  color: var(--color-full-white);
}

.sok-order-pl .sok__btn-primary._active:hover svg path,
.popup-window .sok__btn-primary._active:hover svg path {
  fill: var(--color-full-white);
}

.sok-order-pl .sok__btn-primary--invert,
.popup-window .sok__btn-primary--invert,
.sok--modal .sok__btn-primary--invert {
  border-radius: var(--border-radius-button);
  font-size: 14px;
  line-height: normal;
  cursor: pointer;
  padding: 0px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
  height: 42px;
  font-weight: 400;
  user-select: none;
  transition: all var(--transition);
  border: 1px solid var(--color-primary);
  background: var(--color-full-white);
  color: var(--color-primary);
  margin: 0;
  box-shadow: none;
}

.sok-order-pl .sok__btn-primary--invert svg path,
.popup-window .sok__btn-primary--invert svg path {
  fill: var(--color-primary);
}

.sok-order-pl .sok__btn-primary--invert:hover,
.popup-window .sok__btn-primary--invert:hover {
  background: var(--color-primary);
  color: var(--color-full-white);
}

.sok-order-pl .sok__btn-primary--invert:hover svg path,
.popup-window .sok__btn-primary--invert:hover svg path {
  fill: var(--color-full-white);
}

.sok-order-pl .sok__btn-opacity {
  border-radius: var(--border-radius-button);
  font-size: 14px;
  line-height: normal;
  cursor: pointer;
  padding: 0px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
  height: 42px;
  font-weight: 400;
  user-select: none;
  transition: all var(--transition);
  color: var(--color-grafite);
}

.sok-order-pl .sok__btn-opacity:hover {
  background: var(--color-light-white);
  color: var(--color-grafite);
}

.sok-order-pl .sok__btn-opacity._disabled {
  color: var(--color-light-gray);
}

.sok-order-pl .sok__btn-opacity._disabled svg path {
  fill: var(--color-light-gray);
}

.sok-order-pl .sok__btn-select {
  border-radius: var(--border-radius-button);
  font-size: 14px;
  line-height: normal;
  cursor: pointer;
  padding: 0px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
  height: 42px;
  font-weight: 400;
  user-select: none;
  transition: all var(--transition);
  color: var(--color-neutral-600);
  border: 2px solid var(--color-light-white);
}

.sok-order-pl .sok__btn-select:hover {
  background: var(--color-primary);
  color: var(--color-full-white);
  border: 2px solid transparent;
}

.sok-order-pl .sok__btn-select._active {
  background: var(--color-primary);
  color: var(--color-full-white);
}

.sok-order-pl .sok__btn-select._active::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.82208 10.0006L4.69727 14.1253L5.87577 15.3038L10.0006 11.1791L14.1253 15.3038L15.3038 14.1253L11.1791 10.0006L15.3038 5.87577L14.1253 4.69727L10.0006 8.82208L5.87577 4.69727L4.69727 5.87577L8.82208 10.0006Z' fill='white' fill-opacity='0.5'/%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
  position: relative;
}

.sok-order-pl .sok__btn-select-light-gray {
  border-radius: var(--border-radius-button);
  font-size: 14px;
  line-height: normal;
  cursor: pointer;
  padding: 0px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
  height: 42px;
  font-weight: 400;
  user-select: none;
  transition: all var(--transition);
  color: var(--color-neutral-600);
  border: 2px solid var(--color-light-white);
  background: var(--color-full-white);
}

.sok-order-pl .sok__btn-select-light-gray:hover {
  background: var(--color-light-white);
  border: 2px solid transparent;
}

.sok-order-pl .sok__btn-select-light-gray[disabled] {
  color: var(--color-light-gray);
  cursor: auto;
  pointer-events: none;
}

.sok-order-pl .sok__btn-select-light-gray._active {
  background: var(--color-light-white);
  color: var(--color-full-white);
  border: 2px solid transparent;
}

.sok-order-pl .sok__btn-select-primary-light {
  border-radius: var(--border-radius-button);
  font-size: 14px;
  line-height: normal;
  cursor: pointer;
  padding: 0px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
  height: 42px;
  font-weight: 400;
  user-select: none;
  transition: all var(--transition);
  background-color: var(--color-full-white);
  border: 2px solid var(--color-light-white);
}

.sok-order-pl .sok__btn-select-primary-light:hover {
  background-color: var(--color-primary-light);
  border: 2px solid transparent;
}

.sok-order-pl .sok__btn-select-primary-light._active {
  background-color: var(--color-primary-light);
  border: 2px solid transparent;
}

.sok-order-pl .sok__btn-light-white {
  border-radius: var(--border-radius-button);
  font-size: 14px;
  line-height: normal;
  cursor: pointer;
  padding: 0px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
  height: 42px;
  font-weight: 400;
  user-select: none;
  transition: all var(--transition);
  border: none;
  background: var(--color-light-white);
}

.sok-order-pl .sok__btn-light-white svg path {
  transition: all var(--transition);
}

.sok-order-pl .sok__btn-light-white:hover {
  color: var(--color-full-white);
  background: var(--color-primary);
}

.sok-order-pl .sok__btn-light-white:hover svg path {
  fill: var(--color-full-white);
}

.sok-order-pl .sok__btn-darkgray {
  border-radius: var(--border-radius-button);
  font-size: 14px;
  line-height: normal;
  cursor: pointer;
  padding: 0px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
  height: 42px;
  font-weight: 400;
  user-select: none;
  transition: all var(--transition);
  border: none;
  background-color: var(--color-grafite);
  color: var(--color-full-white);
  transition-property: all, background-color;
  transition-duration: var(--transition), 0s;
}

.sok-order-pl .sok__btn-darkgray svg path {
  fill: var(--color-full-white);
}

.sok-order-pl .sok__btn-darkgray:hover {
  background: linear-gradient(133deg,
      var(--color-neutral-600) 11.45%,
      rgba(100, 117, 141, 0.75) 49.83%,
      #54647c 76.12%);
}

.sok-order-pl .sok__btn--sm {
  padding: 0 16px;
  height: 36px !important;
  font-size: 13px;
  gap: 8px;
}

.sok-order-pl .sok__btn--m {
  padding: 0 24px;
  height: 40px !important;
}

.sok-order-pl .sok__btn--lg {
  height: 50px !important;
}

.sok-order-pl .mobile--show {
  display: none;
  pointer-events: none;
}

.sok-order-pl .form-container {
  display: flex;
  flex-direction: column;
  margin-bottom: -20px;
}

.sok-order-pl .form-container .password-hide {
  display: none;
}

.sok-order-pl .form-container .fields-cols-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 20px;
}

.sok-order-pl .form-container .form-container__message {
  margin-bottom: 20px;
  font-size: 14px;
  color: var(--color-neutral-400);
}

.sok-order-pl .form-container .form-container__message a {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.sok-order-pl .form-container .form-container__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.sok-order-pl .form-container .form-container__nav .form-container__check {
  align-items: center;
  color: var(--color-neutral-600);
  font-size: 14px;
}

.sok-order-pl .form-container .form-container__link {
  font-size: 14px;
  color: var(--color-neutral-600);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.sok-order-pl .form-container .form-container__buttons,
.sok--modal .form-container .form-container__buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sok-order-pl .form-container .form-container__buttons.__row,
.sok--modal .form-container .form-container__buttons.__row {
  flex-direction: row;
  align-items: center;
}

.sok-order-pl .form-container .form-container__text__confirm {
  color: var(--color-light-gray);
  font-size: 12px;
  line-height: 140%;
}

.sok-order-pl .form-container .form-container__text__confirm a {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.sok-order-pl .form-container .sok__btn-primary,
.sok-order-pl .form-container .sok__btn-primary--invert,
.sok-order-pl .form-container .sok__btn-opacity,
.sok-order-pl .form-container .sok__btn-darkgray {
  height: 42px;
}

.sok-order-pl .form-container .input-text.h--40 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.sok-order-pl .form-container._hide {
  display: none;
}

.sok-order-pl .text__confirm {
  color: var(--color-light-gray);
  font-size: 14px;
  line-height: 140%;
  text-align: center;
}

.sok-order-pl .text__confirm a {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.sok-order-pl .password_field {
  position: relative;
}

.sok-order-pl .password_field .toggle-password {
  position: absolute;
  top: 0;
  bottom: 0;
  cursor: pointer;
  right: 0px;
  width: 55px;
}

.sok-order-pl .password_field .toggle-password::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.78573 15.6516L6.17586 15.2201L6.83208 12.7711C5.84116 12.4061 4.93067 11.8748 4.13446 11.2111L2.34002 13.0056L1.16151 11.8271L2.95596 10.0326C1.96334 8.8419 1.26695 7.39553 0.97998 5.8068L2.62005 5.50861C3.25257 9.01048 6.31626 11.6667 10.0003 11.6667C13.6844 11.6667 16.7482 9.01048 17.3807 5.50861L19.0207 5.8068C18.7337 7.39553 18.0373 8.8419 17.0447 10.0326L18.8392 11.8271L17.6607 13.0056L15.8662 11.2111C15.07 11.8748 14.1595 12.4061 13.1686 12.7711L13.8248 15.2201L12.215 15.6516L11.5585 13.2015C11.0521 13.2882 10.5315 13.3334 10.0003 13.3334C9.46925 13.3334 8.94858 13.2882 8.44225 13.2015L7.78573 15.6516Z' fill='%23475569'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  width: 55px;
  position: absolute;
  top: 0;
  bottom: 0;
}

.sok-order-pl .password_field .toggle-password.password-show::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10.0004 2.5C14.4938 2.5 18.2322 5.73313 19.0159 10C18.2322 14.2668 14.4938 17.5 10.0004 17.5C5.50693 17.5 1.76862 14.2668 0.984863 10C1.76862 5.73313 5.50693 2.5 10.0004 2.5ZM10.0004 15.8333C13.5301 15.8333 16.5504 13.3767 17.3149 10C16.5504 6.62336 13.5301 4.16667 10.0004 4.16667C6.47066 4.16667 3.45035 6.62336 2.68581 10C3.45035 13.3767 6.47066 15.8333 10.0004 15.8333ZM10.0004 13.75C7.92931 13.75 6.25038 12.0711 6.25038 10C6.25038 7.92893 7.92931 6.25 10.0004 6.25C12.0714 6.25 13.7504 7.92893 13.7504 10C13.7504 12.0711 12.0714 13.75 10.0004 13.75ZM10.0004 12.0833C11.151 12.0833 12.0837 11.1506 12.0837 10C12.0837 8.84942 11.151 7.91667 10.0004 7.91667C8.84983 7.91667 7.91705 8.84942 7.91705 10C7.91705 11.1506 8.84983 12.0833 10.0004 12.0833Z' fill='%23475569'/%3E%3C/svg%3E");
}

.sok-order-pl .close_field {
  position: relative;
}

.sok-order-pl .close_field .close-text {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 55px;
  pointer-events: none;
  display: none;
  justify-content: center;
}

.sok-order-pl .close_field .close-text::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.00047 7.05767L11.3003 3.75781L12.2431 4.70062L8.94327 8.00047L12.2431 11.3003L11.3003 12.2431L8.00047 8.94327L4.70062 12.2431L3.75781 11.3003L7.05767 8.00047L3.75781 4.70062L4.70062 3.75781L8.00047 7.05767Z' fill='%23475569'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  place-self: center;
  visibility: hidden;
  pointer-events: none;
}

.sok-order-pl .close_field._fill .close-text {
  display: flex;
  pointer-events: all;
  cursor: pointer;
}

.sok-order-pl .close_field._fill .close-text::after {
  visibility: visible;
}

.sok-order-pl .sale-search-field .input-text {
  padding: 12px;
}

.sok-order-pl .phone-confirm-field {
  position: relative;
}

.sok-order-pl .phone-confirm-field .text-confirm {
  position: absolute;
  cursor: pointer;
  right: 0px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  color: var(--color-primary);
  font-size: 14px;
  padding-right: 20px;
}

.sok-order-pl .phone-confirm-field .text-confirm.hide {
  display: none;
}

.sok-order-pl .change-email-field {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}

.sok-order-pl .change-email-field .text-change {
  position: relative;
  top: 0;
  bottom: 0;
  cursor: pointer;
  right: 0px;
  font-size: 14px;
  color: var(--color-neutral-800);
  display: flex;
  align-items: center;
}

.sok-order-pl .form-container.gap--20 {
  gap: 0;
}

.sok-order-pl .form-container.gap--20 .form-container__nav {
  margin-bottom: 20px;
}

.sok-order-pl .form-container.gap--20 .form-container__buttons {
  /* margin-bottom: 20px; */
}

.sok-order-pl .form-container.gap--20 .form-container__text__confirm {
  margin-bottom: 20px;
}

.sok-order-pl .form-container.gap--20 .input-select {
  margin-bottom: 20px;
}

.sok-order-pl .form-container.gap--20 fieldset {
  margin-bottom: 20px;
}

.sok-order-pl fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 20px;
}

.sok-order-pl fieldset label {
  color: var(--color-grafite);
  font-size: 16px;
}

.sok-order-pl fieldset .input-select {
  margin-bottom: 0px !important;
}

.sok-order-pl .required-field label::before {
  content: "*";
  color: var(--color-main);
  margin-right: 4px;
}

.sok-order-pl .select-options-fields {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  align-items: flex-start;
}

.sok-order-pl .select-options-fields .select-option-field {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: var(--border-radius-block-inner);
  border: 1px solid var(--color-light-stroke);
  flex: 1;
  align-items: flex-start;
  height: 100%;
}

.sok-order-pl .select-options-fields .select-option-field .option-field-top {
  display: flex;
  gap: 12px;
}

.sok-order-pl .ratio-list {
  display: flex;
  flex-direction: column;
}

.sok-order-pl .ratio-list .ratio-list-item {
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-bottom: 1px solid var(--color-light-stroke);
  flex: 1;
  align-items: flex-start;
}

.sok-order-pl .ratio-list .ratio-list-item:last-child {
  border-bottom: none;
}

.sok-order-pl .ratio-list .ratio-list-item .ratio-item-top {
  display: flex;
  gap: 12px;
}

.sok-order-pl .tab-item-content {
  display: none;
}

.sok-order-pl .tab-item-content._active {
  display: inline-block;
}

.sok-order-pl .text-info-result {
  position: relative;
  display: flex;
  gap: 24px;
}

.sok-order-pl .text-info-result a {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.sok-order-pl .text-info-result.icon-checked-success-svg {
  gap: 10px;
}

.sok-order-pl .text-info-result.icon-checked-success-svg svg {
  min-width: 34px;
  min-height: 34px;
  max-width: 34px;
  max-height: 34px;
}

.sok-order-pl .text-info-result.icon-checked-success::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M24 44C12.9543 44 4 35.0456 4 24C4 12.9543 12.9543 4 24 4C35.0456 4 44 12.9543 44 24C44 35.0456 35.0456 44 24 44ZM22.0052 32L36.1474 17.8579L33.319 15.0294L22.0052 26.3432L16.3484 20.6862L13.52 23.5148L22.0052 32Z' fill='%231AB4E6'/%3E%3C/svg%3E");
  min-width: 48px;
  min-height: 48px;
  max-width: 48px;
  max-height: 48px;
  display: inline-block;
}

.sok-order-pl .text-info-result.icon-checked-success-green::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M20.0002 36.6673C10.7954 36.6673 3.3335 29.2053 3.3335 20.0007C3.3335 10.7959 10.7954 3.33398 20.0002 3.33398C29.2048 3.33398 36.6668 10.7959 36.6668 20.0007C36.6668 29.2053 29.2048 36.6673 20.0002 36.6673ZM18.3378 26.6673L30.123 14.8822L27.766 12.5252L18.3378 21.9533L13.6238 17.2392L11.2668 19.5963L18.3378 26.6673Z' fill='%2321BA4C' fill-opacity='0.83'/%3E%3C/svg%3E");
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  display: inline-block;
}

.sok-order-pl .text-info-result.icon-search::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11 2C15.968 2 20 6.032 20 11C20 15.968 15.968 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2ZM11 18C14.8675 18 18 14.8675 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18ZM19.4853 18.0711L22.3137 20.8995L20.8995 22.3137L18.0711 19.4853L19.4853 18.0711Z' fill='%23475569'/%3E%3C/svg%3E");
  min-width: 24px;
  min-height: 24px;
  max-width: 24px;
  max-height: 24px;
  display: inline-block;
}

.sok-order-pl .product-counter {
  width: 160px;
  padding: 0px 24px;
  height: 42px;
  user-select: none;
}

.sok-order-pl .product-counter input {
  text-align: center;
}

.sok-order-pl .product-counter input[type="number"]::-webkit-inner-spin-button,
.sok-order-pl .product-counter input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.sok-order-pl .product-counter input[type="number"] {
  -moz-appearance: textfield;
}

.sok-order-pl .product-counter input[type="number"]::-ms-clear {
  display: none;
}

.sok-order-pl .product-counter .product-counter__controls {
  display: flex;
  flex-direction: column;
  margin: 3px 0px;
}

.sok-order-pl .product-counter .product-counter__controls .product-counter__control {
  display: flex;
  cursor: pointer;
  background-color: var(--color-full-white);
}

.sok-order-pl .product-counter .product-counter__controls .product-counter__control.product--disabled {
  cursor: auto;
  pointer-events: none;
}

.sok-order-pl .product-counter .product-counter__controls .product-counter__control.product--disabled svg path {
  fill: var(--color-neutral-400);
}

.sok-order-pl .product-counter._hide {
  display: none;
  pointer-events: none;
}

.sok-order-pl .product-counter.type-2 {
  width: 120px;
  padding: 0px 9px;
  height: 36px;
}

.sok-order-pl .product-counter.type-2 .product-counter__controls {
  flex-direction: row;
}

.sok-order-pl .w-600-container {
  margin: 0 auto;
  max-width: 600px;
  padding: 24px 0;
}

.sok-order-pl section.main {
  padding-top: 40px;
  padding-bottom: 40px;
}

.sok-order-pl section.big-section {
  padding-top: 60px;
  padding-bottom: 60px;
}

.sok-order-pl section.detail-section {
  margin-bottom: 40px;
}

.sok-order-pl section.page-section {
  margin-bottom: 60px;
}

.sok-order-pl .bg-light-white {
  background-color: var(--color-light-white);
}

.sok-order-pl .bg-banner-blue {
  background-image: url(/local/templates/berkut/components/bitrix/sale.order.ajax/sok_order_placement/img/banner-bg.png);
}

.sok-order-pl .payment--template {
  width: 100%;
}

.payment--template a {
  color: var(--color-primary) !important;
  text-decoration: none !important;
}

.sok-order-pl .payment--template .mb--4 {
  font-size: 14px;
  color: var(--color-grafite);
}

.sok-order-pl .payment--template b,
.sok-order-pl .payment--template strong {
  font-weight: normal;
}

.sok-order-pl .payment--template input {
  margin-bottom: 20px;
}

.sok-order-pl .payment--template .btn-success {
  border-radius: var(--border-radius-button);
  font-size: 14px;
  line-height: normal;
  cursor: pointer;
  padding: 0px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
  height: 42px;
  font-weight: 400;
  user-select: none;
  transition: all var(--transition);
  background: var(--color-primary);
  color: var(--color-full-white);
  border: 1px solid transparent;
  pointer-events: all;
}

.sok-order-pl .payment--template .btn-success span {
  pointer-events: none;
}

.sok-order-pl .payment--template .btn-success svg {
  pointer-events: none;
}

.sok-order-pl .payment--template .btn-success svg path {
  fill: var(--color-full-white);
}

.sok-order-pl .payment--template .btn-success:hover {
  opacity: var(--color-opacity-hover);
}

.sok-order-pl .payment--template .alert {
  color: var(--color-neutral-600);
  font-size: 14px;
  padding: 20px;
  width: 100%;
  border: none;
}

.sok-order-pl .payment--template .alert b,
.sok-order-pl .payment--template .alert strong {
  font-weight: bolder;
}

.sok-order-pl .payment--template .alert-info {
  background-color: var(--color-light-blue);
}

.sok-order-pl section.section__row {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

.sok-order-pl section.section__row .section-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sok-order-pl section.section__row .section-top .section__title {
  display: flex;
  align-items: center;
  gap: 16px;
}

.sok-order-pl section.section__row .section-top .section__title .section__title__text {
  transition: all var(--transition);
}

.sok-order-pl section.section__row .section-top .section__title .section__icon {
  display: flex;
  background-color: var(--color-full-white);
  border-radius: 100%;
  transition: all var(--transition);
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.07);
}

.sok-order-pl section.section__row .section-top a.section__title:hover .section__title__text {
  color: var(--color-primary);
}

.sok-order-pl section.section__row .section-top a.section__title:hover .section__icon {
  background-color: var(--color-primary);
}

.sok-order-pl section.section__row .section-top a.section__title:hover .section__icon svg path {
  fill: var(--color-full-white);
}

.sok-order-pl section.section__row .section-top .section__buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.sok-order-pl section.section__row .section-top .section__buttons .section__button {
  border-radius: var(--border-radius-button);
  font-size: 14px;
  line-height: normal;
  cursor: pointer;
  padding: 0px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
  height: 42px;
  font-weight: 400;
  user-select: none;
  transition: all var(--transition);
  border: none;
  background: var(--color-light-white);
  color: var(--color-neutral-600);
}

.sok-order-pl section.section__row .section-top .section__buttons .section__button:hover {
  background: var(--color-primary-light);
  color: var(--color-primary-hover);
}

.sok-order-pl section.section__row .section-top .section__buttons .section__button._active {
  background: var(--color-primary-light);
  color: var(--color-primary-hover);
}

.sok-order-pl section.section__row .section-top.top-white .section__title .section__title__text {
  color: var(--color-full-white);
}

.sok-order-pl section.section__row .section-top.top-white .section__title .section__icon {
  background-color: var(--color-full-white);
}

.sok-order-pl section.section__row .section-top.top-white .section__title .section__icon svg path {
  fill: var(--color-neutral-600);
}

.sok-order-pl section.section__row .section-top.top-white .section__title:hover .section__title__text {
  color: var(--color-grafite);
}

.sok-order-pl section.section__row .section-top.top-white .section__title:hover .section__icon {
  background-color: var(--color-grafite);
}

.sok-order-pl section.section__row .section-top.top-white .section__title:hover .section__icon svg path {
  fill: var(--color-full-white);
}

.sok-order-pl .container-404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 100px;
}

.sok-order-pl .container-404 .imgage-404 {
  padding-top: 100px;
  padding-bottom: 50px;
}

@media (max-width: 1600px) {
  .sok-order-pl .container-swiper {
    padding-right: 0 !important;
  }
}

@media (max-width: 1280px) {
  .sok-order-pl .content__grid {
    grid-template-columns: 300px auto;
  }

  .sok-order-pl .grid-list--count-5-laptop {
    --items-count: 5;
  }

  .sok-order-pl .grid-list--count-4-laptop {
    --items-count: 4;
  }

  .sok-order-pl .grid-list--count-3-laptop {
    --items-count: 3;
  }

  .sok-order-pl .grid-list--count-2-laptop {
    --items-count: 2;
  }

  .sok-order-pl .grid-list--count-1-laptop {
    --items-count: 1;
  }
}

@media (max-width: 992px) {
  .sok-order-pl .page-menu-container .accordion-click {
    display: none;
  }

  .sok-order-pl .text--24 {
    font-size: 16px;
  }

  .sok-order-pl .text--20 {
    font-size: 16px;
  }

  .sok-order-pl .page__sidebar {
    display: none !important;
  }

  .sok-order-pl .content__grid {
    grid-template-columns: auto;
  }

  .sok-order-pl .grid-list--count-5-tablet {
    --items-count: 5;
  }

  .sok-order-pl .grid-list--count-4-tablet {
    --items-count: 4;
  }

  .sok-order-pl .grid-list--count-3-tablet {
    --items-count: 3;
  }

  .sok-order-pl .grid-list--count-2-tablet {
    --items-count: 2;
  }

  .sok-order-pl .grid-list--count-1-tablet {
    --items-count: 1;
  }

  .sok-order-pl section.big-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .sok-order-pl section.page-section {
    margin-bottom: 40px;
  }

  .sok-order-pl section.section__row .section-top {
    flex-direction: column;
    align-items: baseline;
    gap: 24px;
  }

  .sok-order-pl .container-404 {
    padding-bottom: 60px;
  }
}

@media only screen and (max-device-width: 768px) and (orientation: portrait) {
  .sok-order-pl .mobile--show {
    display: flex;
    pointer-events: all;
  }
}

@media (max-width: 768px) {
  .sok-order-pl .gap--40.gap--media {
    gap: 20px;
  }

  .sok-order-pl .gap--24.gap--media {
    gap: 12px;
  }

  .sok-order-pl .gap--20.gap--media {
    gap: 8px;
  }

  .sok-order-pl .mb--60.margin--media {
    margin-bottom: 30px !important;
  }

  .sok-order-pl .mb--40.margin--media {
    margin-bottom: 24px !important;
  }

  .sok-order-pl .text--24 {
    font-size: 14px;
  }

  .sok-order-pl .text--20 {
    font-size: 14px;
  }

  .sok-order-pl .text--16 {
    font-size: 14px;
  }

  .sok-order-pl .wrapper-border-24 {
    padding: 20px;
  }

  .sok-order-pl .wrapper-shadow-30 {
    padding: 20px;
  }

  .sok-order-pl .d--flex__row {
    flex-wrap: wrap;
    gap: 12px;
  }

  .sok-order-pl .d--grid--2-fr {
    grid-template-columns: auto;
  }

  .sok-order-pl .media-col {
    flex-direction: column !important;
  }

  .sok-order-pl .grid-list--count-5-mobile {
    --items-count: 5;
  }

  .sok-order-pl .grid-list--count-4-mobile {
    --items-count: 4;
  }

  .sok-order-pl .grid-list--count-3-mobile {
    --items-count: 3;
  }

  .sok-order-pl .grid-list--count-2-mobile {
    --items-count: 2;
  }

  .sok-order-pl .grid-list--count-1-mobile {
    --items-count: 1;
  }

  .sok-order-pl .sok__btn-primary,
  .sok-order-pl .sok__btn-primary--invert,
  .sok-order-pl .sok__btn-opacity,
  .sok-order-pl .sok__btn-darkgray,
  .sok-order-pl .sok__btn-light-white {
    width: 100%;
  }

  .sok-order-pl section.big-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .sok-order-pl section.page-section {
    margin-bottom: 20px;
  }

  .sok-order-pl section.section__row {
    row-gap: 12px;
  }

  .sok-order-pl section.section__row .section-top {
    gap: 16px;
  }

  .sok-order-pl section.section__row .section-top .section__title .section__icon svg {
    max-width: 28px;
    max-height: 28px;
  }

  .sok-order-pl .select-options-fields {
    grid-template-columns: repeat(1, 1fr);
  }

  .sok-order-pl .form-container .fields-cols-2 {
    grid-template-columns: repeat(1, 1fr);
  }

  .sok-order-pl .form-container .form-container__buttons.__row {
    flex-direction: column;
    align-items: baseline;
  }

  .sok-order-pl .container-404 {
    padding-bottom: 20px;
  }

  .sok-order-pl .container-404 .imgage-404 {
    padding-top: 50px;
    padding-bottom: 30px;
  }

  .sok-order-pl .container-404 .imgage-404 svg {
    width: 100%;
    height: max-content;
  }
}

@media (max-width: 480px) {
  .sok-order-pl .grid-list--count-5-mini {
    --items-count: 5;
  }

  .sok-order-pl .grid-list--count-4-mini {
    --items-count: 4;
  }

  .sok-order-pl .grid-list--count-3-mini {
    --items-count: 3;
  }

  .sok-order-pl .grid-list--count-2-mini {
    --items-count: 2;
  }

  .sok-order-pl .grid-list--count-1-mini {
    --items-count: 1;
  }
}

/*Стили шапки (header) */
/*Стили шапки (header) END */
/*Стили футера (footer) */
/* Стили футера (footer) END */
.sok-order-pl .dropdown {
  position: relative;
}

.sok-order-pl .dropdown .dropdown_show {
  padding: 6px 12px 6px 20px;
  display: flex;
  gap: 2px;
  align-items: center;
  cursor: pointer;
  color: var(--color-grafite-60);
}

.sok-order-pl .dropdown .dropdown_show svg {
  transition: all var(--transition);
}

.sok-order-pl .dropdown .dropdown_content {
  position: absolute;
  z-index: 1000;
  background: var(--color-full-white);
  box-shadow: var(--shadow-dropdown);
  padding: 20px;
  flex-direction: column;
  row-gap: 12px;
  width: 170px;
  display: none;
  border-radius: 20px;
  color: var(--color-neutral-600);
  font-size: 14px;
}

.sok-order-pl .dropdown .dropdown_content:hover {
  display: flex;
}

.sok-order-pl .dropdown:hover .dropdown_show svg.rotate {
  transform: rotate(180deg);
}

.sok-order-pl .dropdown:hover .dropdown_show {
  color: var(--color-primary) !important;
}

.sok-order-pl .dropdown._active .dropdown_content {
  display: flex;
}

.sok-order-pl .dropdown-click {
  position: relative;
  cursor: pointer;
  display: flex;
  user-select: none;
}

.sok-order-pl .dropdown-click .dropdown-click__show {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  width: max-content;
}

.sok-order-pl .dropdown-click .dropdown-click__show svg {
  transition: all var(--transition);
}

.sok-order-pl .dropdown-click .dropdown-click__content {
  display: flex;
  visibility: hidden;
  position: absolute;
  z-index: 100;
  border-radius: var(--border-radius-input);
  background: var(--color-full-white);
  box-shadow: var(--shadow-dropdown);
  padding: 16px;
  flex-direction: column;
  row-gap: 12px;
  width: 215px;
  min-width: max-content;
  top: 100%;
  cursor: auto;
}

.sok-order-pl .dropdown-click .dropdown-click__content li {
  font-size: 14px;
  width: 100%;
  font-weight: 400;
  line-height: 140%;
  list-style: none;
  cursor: pointer;
  color: var(--color-neutral-600);
}

.sok-order-pl .dropdown-click .dropdown-click__content li svg path {
  fill: var(--color-neutral-600);
}

.sok-order-pl .dropdown-click .dropdown-click__content li:hover {
  color: var(--color-primary);
}

.sok-order-pl .dropdown-click .dropdown-click__content li:hover svg path {
  fill: var(--color-primary);
}

.sok-order-pl .dropdown-click._active .dropdown-click__show svg.rotate {
  transform: rotate(180deg);
}

.sok-order-pl .dropdown-click._active .dropdown-click__content {
  visibility: visible;
}

.sok-order-pl .accordion-click {
  position: relative;
  display: flex;
  flex-direction: column;
}

.sok-order-pl .accordion-click .accordion-click__show {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all var(--transition);
  justify-content: space-between;
  margin-bottom: 0 !important;
}

.sok-order-pl .accordion-click .accordion-click__show .accordion-click__top {
  display: flex;
  align-items: center;
  gap: 12px;
}

.sok-order-pl .accordion-click .accordion-click__show .accordion-click__top svg {
  transition: all var(--transition);
}

.sok-order-pl .accordion-click .accordion-click__content {
  overflow: hidden;
  max-height: 0;
  transition: all var(--transition);
  min-height: 0;
}

.sok-order-pl .accordion-click._active .accordion-click__show .accordion-click__top svg {
  transform: rotate(180deg);
}

.sok-order-pl .accordion-click._active .accordion-click__content {
  max-height: 100%;
  min-height: -webkit-max-content;
  min-height: -moz-max-content;
  min-height: max-content;
}

.sok-order-pl .cart-item {
  background-color: var(--color-full-white);
  width: 100%;
  display: flex;
  position: relative;
  padding: 20px 0;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-light-stroke);
}

.sok-order-pl .cart-item .input-checkbox {
  height: max-content;
  position: absolute;
  z-index: 1;
}

.sok-order-pl .cart-item .input-checkbox .checkboxIcon {
  margin-right: 6px;
}

.sok-order-pl .cart-item .catalog-detail__main-offers .sok__btn-select-primary-light {
  height: 36px;
  color: var(--color-neutral-600);
  font-size: 14px;
  text-transform: uppercase;
}

.sok-order-pl .cart-item .cart-image-description {
  display: flex;
  gap: 20px;
  margin-left: 28px;
}

.sok-order-pl .cart-item .cart-image-description .cart-image {
  max-width: 120px;
  height: max-content;
  max-height: 120px;
  display: flex;
  justify-content: center;
  min-height: 120px;
  min-width: 120px;
  align-items: center;
  border-radius: 20px;
}

.sok-order-pl .cart-item .cart-image-description .cart-image img {
  padding: 10px;
  max-width: 100%;
  height: 100%;
  max-height: 120px;
  mix-blend-mode: darken;
}

.sok-order-pl .cart-item .cart-image-description .cart-description {
  display: flex;
  flex-direction: column;
}

.sok-order-pl .cart-item .cart-image-description .cart-description .cart-message-text {
  font-size: 14px;
  line-height: 140%;
}

.sok-order-pl .cart-item .cart-image-description .cart-description .message-error {
  color: var(--color-alery-red);
}

.sok-order-pl .cart-item .cart-image-description .cart-description .message-warning {
  color: var(--color-alery-orange);
}

.sok-order-pl .cart-item .cart-image-description .cart-description .cart-title {
  font-size: 20px;
  color: var(--color-full-black);
}

.sok-order-pl .cart-item .cart__buttons {
  display: flex;
  align-items: center;
  gap: 16px;
}

.sok-order-pl .cart-item .cart__buttons .cart__button {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0;
  width: 16px;
  height: 36px;
  border-radius: 0;
}

.sok-order-pl .cart-item .cart__buttons .cart__button svg {
  width: 16px;
  height: 16px;
}

.sok-order-pl .cart-item .cart__buttons .cart__button.remove-btn:hover svg path {
  transition: fill var(--transition);
  fill: var(--color-primary);
}

.sok-order-pl .cart-item .cart__buttons .favorite-btn {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cg clip-path='url(%23clip0_3011_25571)'%3E%3Cpath d='M12.7498 0.5C15.2812 0.5 17.3332 2.58333 17.3332 5.5C17.3332 11.3333 11.0832 14.6667 8.99984 15.9167C6.9165 14.6667 0.666504 11.3333 0.666504 5.5C0.666504 2.58333 2.74984 0.5 5.24984 0.5C6.79981 0.5 8.1665 1.33333 8.99984 2.16667C9.83317 1.33333 11.1998 0.5 12.7498 0.5ZM9.77809 13.5032C10.5128 13.0404 11.1748 12.5796 11.7956 12.0858C14.2779 10.1108 15.6665 7.95292 15.6665 5.5C15.6665 3.53397 14.3857 2.16667 12.7498 2.16667C11.8533 2.16667 10.8826 2.64092 10.1783 3.34517L8.99984 4.52369L7.82134 3.34517C7.11707 2.64092 6.14642 2.16667 5.24984 2.16667C3.63239 2.16667 2.33317 3.54708 2.33317 5.5C2.33317 7.95292 3.72173 10.1108 6.20412 12.0858C6.82484 12.5796 7.48692 13.0404 8.22159 13.5032C8.47034 13.6599 8.71742 13.8107 8.99984 13.9793C9.28225 13.8107 9.52934 13.6599 9.77809 13.5032Z' fill='%2394A3B8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3011_25571'%3E%3Crect width='18' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.sok-order-pl .cart-item .cart__buttons .favorite-btn:hover {
  background-color: var(--color-full-white) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M12.75 0.5C15.2813 0.5 17.3333 2.58333 17.3333 5.5C17.3333 11.3333 11.0833 14.6667 8.99999 15.9167C6.91666 14.6667 0.666656 11.3333 0.666656 5.5C0.666656 2.58333 2.74999 0.5 5.24999 0.5C6.79997 0.5 8.16666 1.33333 8.99999 2.16667C9.83332 1.33333 11.2 0.5 12.75 0.5Z' fill='%231AB4E6'/%3E%3C/svg%3E");
}

.sok-order-pl .cart-item .cart__buttons .favorite-btn._active {
  background-color: var(--color-full-white) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M12.75 0.5C15.2813 0.5 17.3333 2.58333 17.3333 5.5C17.3333 11.3333 11.0833 14.6667 8.99999 15.9167C6.91666 14.6667 0.666656 11.3333 0.666656 5.5C0.666656 2.58333 2.74999 0.5 5.24999 0.5C6.79997 0.5 8.16666 1.33333 8.99999 2.16667C9.83332 1.33333 11.2 0.5 12.75 0.5Z' fill='%231AB4E6'/%3E%3C/svg%3E") !important;
}

.sok-order-pl .cart-item .cart__buttons .cart-btn:hover svg path {
  transition: all var(--transition);
  fill: var(--color-red-error);
}

.sok-order-pl .cart-item .cart-image-description .cart-offer-selected {
  font-size: 14px;
  color: var(--color-gray);
}

.sok-order-pl .cart-item .cart-counter-price {
  display: flex;
  gap: 60px;
  justify-content: end;
  /* max-width: 280px;
  width: 100%; */
  height: max-content;
  /* margin-right: 6px; */
}

.sok-order-pl .cart-item .cart-counter-price .cart__buttons {
  align-items: baseline;
  gap:16px;
}

.sok-order-pl .cart-item .cart-counter-price .cart-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 120px;
  height: max-content;
  flex: 1;
}

.sok-order-pl .cart-item .cart-counter-price .cart-price .price {
  color: var(--color-grafite);
  font-size: 16px;
}

.sok-order-pl .cart-item .cart-counter-price .cart-price .old-price {
  color: var(--color-gray);
  font-size: 16px;
  line-height: 140%;
}

.sok-order-pl .cart-item .cart-counter-price .cart-counter-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex: 1;
  width: 120px;
}

.sok-order-pl .cart-item .cart-counter-price .cart-counter-container .cart-per-price-text {
  color: var(--color-gray);
  text-align: center;
  font-size: 13px;
}

.sok-order-pl .cart-item .cart-close {
  position: absolute;
  top: 0;
  right: 0;
  margin: 20px;
  cursor: pointer;
  display: flex;
  transition: all var(--transition);
}

.sok-order-pl .cart-item .cart-close:hover svg {
  fill: var(--color-primary);
}

.cart-item.cart-item-not-available .cart-image-description {
  margin-left: 0;
}

.sok-order-pl .cart-item.cart-item-not-available .cart-image-description .cart-image {
  opacity: 0.36;
}

.sok-order-pl .cart-item.cart-item-not-available .product-counter {
  pointer-events: none;
}

.sok-order-pl .cart-item.cart-item-remove {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  gap: 10px;
  font-weight: 300;
  padding: 20px 0;
}

.sok-order-pl .cart-item.cart-item-remove .cart-remove-info .cart-item-name {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--color-full-black);
}

.sok-order-pl .cart-item.cart-item-remove .cart-remove-info .cart-item-message {
  line-height: 140%;
  cursor: pointer;
}

.sok-order-pl .cart-item.cart-item-remove .cart-save-close {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}

.sok-order-pl .cart-item.cart-item-remove .cart-save-close .cart-save {
  color: var(--color-primary);
  cursor: pointer;
  font-weight: 400;
}

.sok-order-pl .cart-item.cart-item-remove .cart-save-close .cart-close {
  position: relative;
  margin: 0;
}

@media (max-width: 480px) {
  .sok-order-pl .cart-item {
    flex-direction: column;
  }

  .sok-order-pl .cart-item .cart-image-description {
    margin-right: 20px;
    margin-bottom: 10px;
  }

  .sok-order-pl .cart-item .cart-counter-price {
    max-width: 100%;
  }

  .sok-order-pl .cart-item .cart-counter-price .cart-counter-container {
    flex: 0;
  }
}

@media (max-width: 992px) {
  .sok-order-pl .cart-item .cart-image-description {
    margin-left: 0;
  }

  .sok-order-pl .cart-item .cart-image-description .cart-image {
    max-width: 80px;
    max-height: 80px;
    min-height: 80px;
    min-width: 80px;
  }

  .sok-order-pl .cart-item .cart-image-description .cart-image img {
    max-height: 80px;
  }

  .sok-order-pl .cart-item .cart-image-description .cart-description .cart-title {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .sok-order-pl .cart-item {
    padding: 10px 0;
  }

  .sok-order-pl .cart-item .cart-image-description {
    gap: 10px;
    border-radius: 10px;
  }

  .sok-order-pl .cart-item .cart-counter-price .cart-price {
    font-size: 16px;
  }

  .sok-order-pl .cart-item.cart-item-remove {
    flex-direction: column;
  }
}

.sok-order-pl .cart-section-container .cart-alert {
  font-size: 14px;
  padding: 16px 20px 16px 56px;
  width: 100%;
  border-radius: 4px;
  position: relative;
}

.sok-order-pl .cart-section-container .cart-alert::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 12px;
  min-width: 24px;
  min-height: 24px;
  max-width: 24px;
  max-height: 24px;
  display: block;
}

.sok-order-pl .cart-section-container .alert--success {
  background-color: var(--color-alery-green-bg);
  color: var(--color-alery-green);
}

.sok-order-pl .cart-section-container .alert--success::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_3641_1641)'%3E%3Cpath d='M12.0001 23.7638C5.50259 23.7638 0.235352 18.4965 0.235352 11.9991C0.235352 5.50161 5.50259 0.234375 12.0001 0.234375C18.4975 0.234375 23.7648 5.50161 23.7648 11.9991C23.7648 18.4965 18.4975 23.7638 12.0001 23.7638ZM10.8266 16.705L19.1456 8.38606L17.4818 6.72228L10.8266 13.3774L7.49913 10.0498L5.83534 11.7137L10.8266 16.705Z' fill='%2381C784'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3641_1641'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); 
  /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.99935 18.3333C5.39697 18.3333 1.66602 14.6023 1.66602 9.99996C1.66602 5.39758 5.39697 1.66663 9.99935 1.66663C14.6017 1.66663 18.3327 5.39758 18.3327 9.99996C18.3327 14.6023 14.6017 18.3333 9.99935 18.3333ZM9.99935 16.6666C13.6813 16.6666 16.666 13.6819 16.666 9.99996C16.666 6.31806 13.6813 3.33329 9.99935 3.33329C6.31745 3.33329 3.33268 6.31806 3.33268 9.99996C3.33268 13.6819 6.31745 16.6666 9.99935 16.6666ZM9.16602 12.5H10.8327V14.1666H9.16602V12.5ZM9.16602 5.83329H10.8327V10.8333H9.16602V5.83329Z' fill='%23DC2626'/%3E%3C/svg%3E"); */
}

.sok-order-pl .cart-section-container .alert--info {
  background-color: var(--color-alery-blue-bg);
  color: var(--color-alery-blue);
}

.sok-order-pl .cart-section-container .alert--info::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_3641_3001)'%3E%3Cpath d='M12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24ZM12 21.6C17.302 21.6 21.6 17.302 21.6 12C21.6 6.69806 17.302 2.4 12 2.4C6.69806 2.4 2.4 6.69806 2.4 12C2.4 17.302 6.69806 21.6 12 21.6ZM10.8 6H13.2V8.4H10.8V6ZM10.8 10.8H13.2V18H10.8V10.8Z' fill='%2390CAF9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3641_3001'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.sok-order-pl .cart-section-container .alert--warning {
  background-color: var(--color-alery-orange-bg);
  color: var(--color-alery-orange);
}

.sok-order-pl .cart-section-container .alert--warning::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_3641_1644)'%3E%3Cpath d='M12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24ZM12 21.6C17.302 21.6 21.6 17.302 21.6 12C21.6 6.69806 17.302 2.4 12 2.4C6.69806 2.4 2.4 6.69806 2.4 12C2.4 17.302 6.69806 21.6 12 21.6ZM10.8 6H13.2V8.4H10.8V6ZM10.8 10.8H13.2V18H10.8V10.8Z' fill='%23FFCC80'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3641_1644'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.sok-order-pl .cart-section-container .alert--error {
  position: relative;
  background-color: var(--color-alery-red-bg);
  color: var(--color-alery-red);
}

.sok-order-pl .cart-section-container .alert--error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_3641_26342)'%3E%3Cpath d='M12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24ZM12 21.6C17.302 21.6 21.6 17.302 21.6 12C21.6 6.69806 17.302 2.4 12 2.4C6.69806 2.4 2.4 6.69806 2.4 12C2.4 17.302 6.69806 21.6 12 21.6ZM10.8 15.6H13.2V18H10.8V15.6ZM10.8 6H13.2V13.2H10.8V6Z' fill='%23EF9A9A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3641_26342'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.sok-order-pl .cart-container .cart-cols {
  display: flex;
  gap: 20px;
}

.sok-order-pl .cart-col-items {
  width: 100%;
}

.sok-order-pl .cart-col-items .cart-items {
  display: flex;
  flex-direction: column;
  padding: 0px;
  border: none;
}

.sok-order-pl .cart-col-items .cart-items .col-items-title {
  line-height: 140%;
}

.sok-order-pl .cart-col-items .cart-items .col-items-top {
  padding-bottom: 14px;
  width: max-content;
}

.sok-order-pl .cart-col-items .cart-items .col-items-top .input-checkbox {
  color: var(--color-neutral-600);
}

.sok-order-pl .cart-col-items .cart-items .cart-item:first-child {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.sok-order-pl .cart-col-items .cart-items .cart-item:last-child {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom: none;
  padding-bottom: 0;
}

.sok-order-pl .cart-col-items .cart-items-remove-text {
  color: var(--color-neutral-600);
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0.16px;
  width: max-content;
  cursor: pointer;
}

.sok-order-pl .cart-col-items .cart-items.accordion-click .accordion-click__show {
  margin-bottom: 0px !important;
}

.sok-order-pl .cart-col-items .cart-items.accordion-click .accordion-click__show .accordion-click__top {
  justify-content: space-between;
}

.sok-order-pl .cart-col-items .cart-items.accordion-click .accordion-click__content {
  transition: all var(--transition);
  min-height: 0;
  max-height: 0;
}

.sok-order-pl .cart-col-items .cart-items.accordion-click._active .accordion-click__show {
  margin-bottom: 20px !important;
}

.sok-order-pl .cart-col-side-panel {
  width: 100%;
  max-width: 360px;
  position: sticky;
  top: var(--sok-side-panel-sticky-top, 0px);
  height: max-content;
}

.sok-order-pl .cart-col-side-panel .side-panel-container {
  border-radius: var(--border-radius-block-outer);
  background: var(--color-full-white);
  padding: 20px;
  box-shadow: var(--shadow-1);
}

.sok-order-pl .cart-col-side-panel .side-panel-container .side-panel__top {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  font-size: 16px;
  color: var(--color-grafite);
}

.sok-order-pl .cart-col-side-panel .side-panel-container .side-panel__info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sok-order-pl .cart-col-side-panel .side-panel-container .side-panel__info .side-panel__item {
  display: flex;
  justify-content: space-between;
  color: var(--color-neutral-600);
  font-size: 14px;
  line-height: 140%;
  gap: 10px;
  position: relative;
  overflow: hidden;

}

.sok-order-pl .cart-col-side-panel .side-panel-container .side-panel__info .side-panel__item .side-panel__text {
  white-space: nowrap;
}

.sok-order-pl .cart-col-side-panel .side-panel-container .side-panel__info .side-panel__item .side-panel__text::after {
  margin-left: 10px;
  color: var(--color-light-stroke);
  position: absolute;
  top: 0;
  bottom: 0;
  content: " ................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................";
  width: 100%;
  pointer-events: none;
}

.sok-order-pl .cart-col-side-panel .side-panel-container .side-panel__info .side-panel__item .side-panel__value {
  text-align: end;
  z-index: 1;
  background-color: var(--color-full-white);
  padding-left: 10px;
  font-size: 16px;
}

.sok-order-pl .cart-col-side-panel .side-panel-container .side-panel__info .side-panel__item .side-panel__value.textvalue {
  font-size: 14px;
}

.cart-col-side-panel .side-panel-container .side-panel__info .side-panel__item__top {
  display: flex;
  color: var(--color-neutral-600);
  font-size: 14px;
  /*line-height: 140%; */
  gap: 10px;
}

.cart-col-side-panel .side-panel-container .side-panel__info .side-panel__item__top .side-panel__value {
  color: var(--color-full-black);
}

.sok-order-pl .cart-col-side-panel .side-panel-container .text-coupon-success {
  color: var(--color-green-positive);
  font-size: 12px;
}

.sok-order-pl .cart-col-side-panel .side-panel-container .text-coupon-remove {
  cursor: pointer;
  margin-left: 10px;
  color: var(--color-neutral-400);
}

.sok-order-pl .cart-col-side-panel .side-panel-container .text-coupon-remove:hover {
  color: var(--color-primary);
}

.sok-order-pl .cart-col-side-panel .side-panel-container b {
  font-weight: 500;
}

.sok-order-pl .cart-col-side-panel .side-panel-container .text-coupon-error {
  font-size: 12px;
  color: var(--color-red-error);
}

.sok-order-pl .cart-col-side-panel .text__confirm {
  padding: 0 20px;
}

.sok-order-pl .cart-col-side-panel .form-container__nav {
  padding: 0 20px;
  margin-bottom: 10px;
  flex-direction: column;
  align-items: baseline;
  margin-top: 0px;
}

.sok-order-pl .cart-col-side-panel .form-container__nav .input-checkbox input:checked+.checkboxLabel .checkboxIcon {
  border: none;
}

.sok-order-pl .cart-col-side-panel .form-container__nav .input-checkbox:hover .checkboxIcon {
  border: 1px solid var(--color-light-gray);
}

.sok-order-pl .cart-col-side-panel .form-container__nav .form-container__check {
  color: var(--color-light-gray);
  font-size: 14px;
  line-height: 120%;
}

.sok-order-pl .cart-col-side-panel .form-container__nav .form-container__link,
.sok-order-pl .cart-col-side-panel .form-container__nav a {
  font-size: 14px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  color: inherit;
}

@media (max-width: 992px) {
  .sok-order-pl .cart-container .cart-cols {
    flex-direction: column;
  }

  .sok-order-pl .cart-col-side-panel {
    max-width: 100%;
  }
}

.sok-order-pl .make-order-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.sok-order-pl .make-order-tabs .make-order-tab {
  border-radius: var(--border-radius-button);
  font-size: 14px;
  line-height: normal;
  cursor: pointer;
  padding: 0px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
  height: 42px;
  font-weight: 400;
  user-select: none;
  transition: all var(--transition);
  background-color: var(--color-light-white);
}

.sok-order-pl .make-order-tabs .make-order-tab .radioLabel {
  align-self: center;
}

.sok-order-pl .make-order-profile {
  padding: 20px 0;
  position: relative;
  border-radius: var(--border-radius-block-inner);
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 800px;
  align-items: center;
  justify-content: flex-start;
}

.sok-order-pl .make-order-profile .order-profile__edit {
  appearance: none;
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  font: inherit;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: var(--color-primary);
  cursor: pointer;
  white-space: nowrap;
  transition: color var(--transition);
}

.sok-order-pl .make-order-profile .order-profile__edit:hover {
  color: var(--color-primary-hover);
}

.sok-order-pl .make-order-profile .make-order-profile-buttons {
  display: flex;
  align-items: center;
  gap: 12px;
}

.sok-order-pl .make-order-profile .make-order-profile-buttons .make-order-profile-button {
  display: flex;
  cursor: pointer;
}

.sok-order-pl .make-order-profile .make-order-profile-buttons .make-order-profile-button svg path {
  transition: all var(--transition);
}

.sok-order-pl .make-order-profile .make-order-profile-buttons .make-order-profile-button:hover svg path {
  fill: var(--color-primary);
}

.sok-order-pl .make-order-profile .input-select {
  margin-bottom: 0;
  min-width: 204px;
  max-width: 100%;
}

.sok-order-pl .make-order-profile .input-select .input-select__content {
  width: 100%;
}

.sok-order-pl .make-order-profile .input-select.input-select--readonly .input-select__content,
.sok-order-pl .make-order-profile .input-select.--disabled .input-select__content {
  background-color: var(--color-light-white, #f5f7fa);
  color: var(--color-calm-gray, #7f7f7f);
  cursor: default;
  border-color: var(--color-light-stroke);
}

.sok-order-pl .make-order-profile .input-select.input-select--readonly .input-select__current,
.sok-order-pl .make-order-profile .input-select.--disabled .input-select__current {
  color: var(--color-calm-gray, #7f7f7f);
}

.sok-order-pl .make-order-profile .input-select .input-select__current {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sok-order-pl .make-order-profile .input-select .input-select__list .input-select__option {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-line;
}

.sok-order-pl .make-order-profile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.sok-order-pl .make-order-profile-actions .profile-save,
.sok-order-pl .make-order-profile-actions .profile-cancel {
  min-width: 120px;
}

.sok-order-pl .make-order-profile-actions .profile-remove {
  margin-left: auto;
  color: var(--color-grafite);
}

.sok-order-pl .make-order-profile-actions .profile-remove:hover {
  color: var(--color-full-white);
}

.sok-order-pl .order-description-field {
  margin-top: 20px;
}

.sok-order-pl .order-profile-comment {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--color-light-stroke);
}

.sok-order-pl .make-order-profile-add {
  border-radius: var(--border-radius-button);
  font-size: 14px;
  line-height: normal;
  cursor: pointer;
  padding: 0px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
  height: 42px;
  font-weight: 400;
  user-select: none;
  transition: all var(--transition);
  height: 32px;
  background-color: var(--color-light-white);
  padding: 0 16px;
  color: var(--color-primary);
}

.sok-order-pl .make-order-address {
  display: flex;
  max-height: 600px;
  border: 1px solid var(--color-light-stroke);
  border-radius: var(--border-radius-block-inner);
}

.sok-order-pl .make-order-address.make-order-address--no-map {
  max-height: none;
}

.sok-order-pl .make-order-address .make-order-address-content {
  padding: 20px;
  padding-right: 0px;
  flex: 1;
}

.sok-order-pl .make-order-address.make-order-address--no-map .make-order-address-content {
  padding-right: 20px;
}

.sok-order-pl .make-order-address .make-order-address-list {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  max-height: 500px;
  padding-right: 10px;
}

.sok-order-pl .make-order-address .make-order-address-map .map-container .map {
  height: 600px;
}

@media (max-width: 1280px) {
  .sok-order-pl .make-order-address {
    flex-direction: column-reverse;
    max-height: 100%;
  }

  .sok-order-pl .make-order-address .make-order-address-content {
    padding-right: 20px;
  }

  .sok-order-pl .make-order-address .make-order-address-list {
    max-height: 550px;
  }

  .sok-order-pl .make-order-address-map .map-container .map .ymaps3x0--map-container {
    border-radius: 0px;
    border-top-left-radius: var(--border-radius-block-inner) !important;
    border-top-right-radius: var(--border-radius-block-inner) !important;
  }
}

@media (max-width: 480px) {
  .sok-order-pl .make-order-tabs {
    flex-direction: column;
  }

  .sok-order-pl .make-order-tabs .make-order-tab {
    justify-content: flex-start;
  }

  .sok-order-pl .make-order-profile .input-select {
    width: 100%;
  }

  .sok-order-pl .make-order-profile .input-select .input-select__content {
    width: 100%;
  }
}

.sok-order-pl .cart-items-list.compact {
  .cart-item {
    padding: 12px 0;
    .cart-image {
        width: 60px;
        height: 60px;
        min-width: 60px;
        min-height: 60px;
      }
      .cart-description {
            .cart-title {
                font-size: 16px;
            }
        }  
        
  }
   
}
.sok-order-pl .cart-items-list.compact .cart-item .cart-counter-price .cart-price .price {
  height: 36px;
  display: flex;
  align-items: center;
  text-align: right;
} 

/*КАРТА ЯНДЕКС*/
.sok-order-pl .make-order-address-map {
  flex: 1;
}

.sok-order-pl .make-order-address-map .map-container {
  height: 100%;
}

.sok-order-pl .make-order-address-map .map-container .map {
  height: 100%;
  min-height: 500px;
}

.sok-order-pl .make-order-address-map .map-container .map .ymaps3x0--map-container {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.sok-order-pl .y-map {
  width: 100%;
  height: 500px;
  max-width: 100%;
  display: grid;

  .ymaps3x0--map-container {
    border-radius: var(--border-radius-block-inner);
  }
}

.sok-order-pl .marker-container {
  display: flex;
  gap: 30px;
  position: relative;
  top: -24px;
}

.sok-order-pl .marker-tip-container {
  padding: 16px;
  padding-bottom: 40px;
  box-shadow: 0px 2px 2px 1px rgba(30, 41, 59, 0.04),
    0px 2px 8px -1px rgba(30, 41, 59, 0.12);
  min-height: 160px;
  position: absolute;
  right: -115px;
  left: auto;
  top: 50px;
  background-color: var(--color-full-white);
  max-width: 330px;
  width: 330px;
  z-index: 101;
  border-radius: 10px;
  opacity: 1;
  transition: all var(--transition);
}

.sok-order-pl .marker-tip-container .tip_close {
  position: absolute;
  right: 0;
  top: 0;
  margin: 20px;
  cursor: pointer;
}

.sok-order-pl .marker-tip-container .marker-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: start;
}

.sok-order-pl .marker-tip-container .marker-content .marker-title {
  font-size: 14px;
  font-weight: 400;
}

.sok-order-pl .marker-tip-container .marker-content .marker-text-item {
  display: flex;
  flex-direction: column;
  gap: 3px;
  text-align: start;
}

.sok-order-pl .marker-tip-container .marker-content .marker-text-item .marker-text-item-title {
  font-size: 12px;
  font-weight: 400;
}

.sok-order-pl .marker-tip-container .marker-content .marker-text-item .marker-text-item-text {
  color: var(--color-gray);
  font-size: 12px;
  font-weight: 300;
}

.sok-order-pl .marker-tip-container .marker-content .marker-text-item .marker-text-item-text p {
  margin: 0;
}

.sok-order-pl .marker-tip-container._hide {
  opacity: 0;
  pointer-events: none;
}

.sok-order-pl .marker-tip-container._modal {
  max-width: max-content;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  bottom: 0;
  top: auto;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  height: max-content;
}

.sok-order-pl .ymap-circle {
  background-color: var(--color-white);
  border-radius: 100%;
  border: 10px solid #5b7fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  width: 64px;
  height: 64px;
  position: relative;
  left: -32px;
  top: -64px;
  cursor: pointer;
}

.sok-order-pl .ymap-tip {
  width: 60px;
  height: 60px;
  position: relative;
  left: -30px;
  top: -30px;
  cursor: pointer;
  max-width: max-content !important;
}

@media (max-width: 768px) {
  .sok-order-pl .marker-tip-container {
    top: 0;
    max-width: 70vw;
    left: calc(-27vw - 24px);
  }

  .sok-order-pl .ymap-circle {
    width: 32px;
    height: 32px;
    left: -16px;
    top: -32px;
    font-size: 16px;
    border: 5px solid #5b7fff;
  }

  .sok-order-pl .y-map {
    height: 400px;
  }
}

/*КАРТА ЯНДЕКС END*/
/* End */


/* Start:/local/templates/berkut/components/bitrix/sale.order.ajax/sok_order_placement/custom.css?178901441034885*/
/* Berk ut: гасим chrome модуля sok_order_placement, оставляем sok_order-* */

.sok-order-pl {
  --color-primary: var(--color-accent, #ff5900);
  --color-opacity-hover: 0.85;
  --border-radius-block-outer: 20px;
  --border-radius-block-inner: 10px;
  --border-radius-input: 8px;
  --border-radius-button: 8px;
  --blocks-background: transparent;
  --color-light-stroke: transparent;
}

/* ---- Layout: одна колонка ---- */
.sok-order-pl .cart-cols,
.sok-order-pl .sok_order-cols,
.sok-order-pl .cart-container .cart-cols {
  display: block !important;
  width: 100%;
  gap: 0;
}

.sok-order-pl .cart-col-items,
.sok-order-pl .sok_order-main {
  width: 100% !important;
  max-width: none;
}

.sok-order-pl .cart-col-side-panel:not(.sok_order-footer-panel) {
  display: none !important;
}

/* cart-section-container = sok__container: не трогаем padding/max-width */
.sok-order-pl .cart-container {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

.sok-order-pl .sok_order {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.sok-order-pl .sok_order-form {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

/* ---- Убираем обводки/карточки модуля ---- */
.sok-order-pl .order-block,
.sok-order-pl .wrapper-border-24,
.sok-order-pl .side-panel-container {
  border: 0 !important;
}

.sok-order-pl .wrapper-border-24,
.sok-order-pl .side-panel-container {
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* Список товаров: только панель, без stroke модуля */
.sok-order-pl .sok_order-items.order-block {
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

/* Checkout-секции: тень/фон из order.css, без stroke/padding модуля */
.sok-order-pl .sok_order-delivery.order-block,
.sok-order-pl .sok_order-payment.order-block {
  margin-bottom: 0 !important;
  padding: 20px !important;
  background: var(--color-white) !important;
  border-radius: 20px !important;
  box-shadow: var(--sok-shadow-new-200) !important;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.sok-order-pl .sok_order-buyer.order-block {
  margin-bottom: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.sok-order-pl .order-block.mb--40 {
  margin-bottom: 0;
}

.sok-order-pl .col-items-title {
  display: none !important;
}

/* Корзина: панель как во вёрстке (shadow, без stroke) */
.sok-order-pl .sok_order-items {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.sok-order-pl .sok_order-items__panel.cart-items,
.sok-order-pl .cart-col-items .cart-items {
  background: var(--color-white);
  border-radius: 20px;
  box-shadow: var(--sok-shadow-new-200);
  border: 0 !important;
  padding: 0 20px !important;
}

/* Скрываем multi-select */
.sok-order-pl .sok_order-items__select-all,
.sok-order-pl .sok_order-item__check,
.sok-order-pl .cart-col-items .cart-items .col-items-top {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ---- Строка товара: сброс flex модуля, сетка Berk ut ---- */
.sok-order-pl .cart-items-list,
.sok-order-pl .cart-items-list.compact {
  display: flex;
  flex-direction: column;
}

.sok-order-pl .sok_order-slot.cart-item,
.sok-order-pl .cart-item.sok_order-slot,
.sok-order-pl .cart-items-list.compact .cart-item.sok_order-slot {
  display: block !important;
  justify-content: initial !important;
  width: 100%;
  margin: 0;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  position: relative;
}

.sok-order-pl .sok_order-item {
  box-sizing: border-box;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) 138px auto auto;
  grid-template-areas: "image meta total tools counter";
  align-items: start;
  column-gap: 0;
  border-bottom: 1px solid rgba(154, 178, 201, 0.3);
  padding: 20px 0;
  background: transparent;
}

.sok-order-pl .sok_order-slot:last-child .sok_order-item,
.sok-order-pl .sok_order-slot:last-child .sok_order-item-removed {
  border-bottom: none;
}

.sok-order-pl .sok_order-item__footer,
.sok-order-pl .sok_order-item__buy {
  display: contents !important;
}

.sok-order-pl .sok_order-item__image,
.sok-order-pl .sok_order-item__image.cart-image {
  grid-area: image;
  box-sizing: border-box;
  display: block !important;
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  height: 120px !important;
  min-height: 120px !important;
  max-height: 120px !important;
  margin: 0 20px 0 0 !important;
  padding: 10px !important;
  border-radius: 20px !important;
  overflow: hidden;
  background: rgba(154, 178, 201, 0.1) !important;
}

.sok-order-pl .sok_order-item__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sok-order-pl .sok_order-item__meta {
  grid-area: meta;
  min-width: 0;
  padding-right: 20px;
  margin: 0 !important;
}

.sok-order-pl .sok_order-item__title {
  display: block;
  margin: 0;
  padding-bottom: 8px;
  color: #000;
  font-size: 16px !important;
  font-weight: 500;
  line-height: normal;
  text-decoration: none;
}

.sok-order-pl .sok_order-item__total,
.sok-order-pl .sok_order-item__total.cart-price {
  grid-area: total;
  box-sizing: border-box;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 138px;
  min-width: 138px;
  height: 40px;
  padding: 0 20px 0 0 !important;
  margin: 0 !important;
  text-align: left;
  white-space: nowrap;
  color: #323232 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

.sok-order-pl .sok_order-item__total .price,
.sok-order-pl .sok_order-item__total span,
.sok-order-pl .sok_order-item__total * {
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #323232 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

.sok-order-pl .sok_order-item__tools {
  grid-area: tools;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 16px;
  height: 40px;
  padding-right: 20px;
  margin: 0 !important;
}

.sok-order-pl .sok_order-item__fav.sok_btn-action {
  display: inline-flex !important;
  flex-shrink: 0;
  width: 26px !important;
  min-width: 26px !important;
  height: 24px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.sok-order-pl .sok_order-item__counter-block,
.sok-order-pl .sok_order-item__counter-block.cart-counter-container {
  grid-area: counter;
  display: flex !important;
  flex-direction: column !important;
  align-items: center;
  gap: 8px;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sok-order-pl .sok_order-item__unit {
  color: #7f7f7f;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-align: right;
  white-space: nowrap;
}

.sok-order-pl .sok_order-item__unit .price,
.sok-order-pl .sok_order-item__unit * {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

.sok-order-pl .cart__buttons,
.sok-order-pl .sok_order-item__buy.cart__buttons {
  display: contents !important;
}

/* Счётчик: вид sok_qty (сброс module .product-counter / .type-2) */
.sok-order-pl .sok_order-item__qty.product-counter,
.sok-order-pl .sok_order-item__qty.product-counter.type-2,
.sok-order-pl .sok_order-item__qty.sok_qty {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  max-width: none !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.sok-order-pl .sok_order-item__qty .product-counter__controls {
  display: contents !important;
}

.sok-order-pl .sok_order-item__qty .sok_qty__btn,
.sok-order-pl .sok_order-item__qty .product-counter__control.sok_qty__btn {
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--color-border-light) !important;
  border-radius: 30px !important;
  background: var(--color-white) !important;
  box-shadow: none !important;
  color: var(--color-text-primary) !important;
  cursor: pointer;
}

.sok-order-pl .sok_order-item__qty .sok_qty__btn:hover,
.sok-order-pl .sok_order-item__qty .sok_qty__btn:focus-visible,
.sok-order-pl .sok_order-item__qty:hover .sok_qty__btn,
.sok-order-pl .sok_order-item__qty:focus-within .sok_qty__btn {
  border-color: var(--color-accent) !important;
  color: var(--color-accent) !important;
}

.sok-order-pl .sok_order-item__qty .sok_qty__btn svg,
.sok-order-pl .sok_order-item__qty .product-counter__control svg {
  display: none !important;
}

.sok-order-pl .sok_order-item__qty .sok_qty__btn::before {
  content: "" !important;
  display: block !important;
  width: 16px;
  height: 16px;
  background: currentColor;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
}

.sok-order-pl .sok_order-item__qty .sok_qty__btn_minus::before {
  -webkit-mask-image: url("/local/templates/berkut/components/bitrix/sale.order.ajax/sok_order_placement/../../../../img/icons/buttons/icon-minus.svg");
  mask-image: url("/local/templates/berkut/components/bitrix/sale.order.ajax/sok_order_placement/../../../../img/icons/buttons/icon-minus.svg");
}

.sok-order-pl .sok_order-item__qty .sok_qty__btn_plus::before {
  -webkit-mask-image: url("/local/templates/berkut/components/bitrix/sale.order.ajax/sok_order_placement/../../../../img/icons/buttons/icon-plus.svg");
  mask-image: url("/local/templates/berkut/components/bitrix/sale.order.ajax/sok_order_placement/../../../../img/icons/buttons/icon-plus.svg");
}

.sok-order-pl .sok_order-item__qty .sok_qty__value,
.sok-order-pl .sok_order-item__qty input.sok_qty__value {
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 60px !important;
  min-width: 60px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 2px !important;
  border: 1px solid var(--color-border-light) !important;
  border-radius: 10px !important;
  background: var(--color-white) !important;
  color: var(--color-text-primary) !important;
  font-family: var(--font-family-base);
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  appearance: textfield;
  -moz-appearance: textfield;
}

.sok-order-pl .sok_order-item__qty:hover .sok_qty__value,
.sok-order-pl .sok_order-item__qty:focus-within .sok_qty__value {
  border-color: var(--color-accent) !important;
}

.sok-order-pl .sok_order-item__remove,
.sok-order-pl .sok_order-item__remove.remove-btn,
.sok-order-pl .cart__button.remove-btn.sok_order-item__remove {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

.sok-order-pl .sok_order-item__remove svg {
  display: none !important;
}

/* Soft-delete строка */
.sok-order-pl .cart-item.cart-item-remove.sok_order-slot {
  display: block !important;
  padding: 20px 0 !important;
  border-bottom: 1px solid rgba(154, 178, 201, 0.3) !important;
}

.sok-order-pl .sok_order-item-removed {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}

.sok-order-pl .sok_order-item-removed__text {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding-right: 20px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}

.sok-order-pl .sok_order-item-removed__name {
  font-weight: 500;
}

.sok-order-pl .sok_order-item-removed__actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0;
}

.sok-order-pl .sok_order-item-removed__restore,
.sok-order-pl .sok_order-item-removed__close,
.sok-order-pl .cart-save,
.sok-order-pl .cart-close {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer;
}

.sok-order-pl .sok_order-item-removed__restore,
.sok-order-pl .cart-item-remove .cart-save {
  min-width: 138px;
  padding: 0 0 0 20px !important;
  color: var(--color-accent, #ff5900) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  text-align: right;
}

.sok-order-pl .sok_order-item-removed__close,
.sok-order-pl .cart-item-remove .cart-close {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0 !important;
}

/* ---- Checkout blocks ---- */
.sok-order-pl .sok_order-checkout-panels {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sok-order-pl .sok_order-delivery,
.sok-order-pl .sok_order-payment,
.sok-order-pl .sok_order-buyer {
  margin: 0 !important;
}

/* Option cards: сетка + равная высота как в order.css */
.sok-order-pl .sok_order-delivery__options,
.sok-order-pl .sok_order-payment__options,
.sok-order-pl .select-options-fields {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px !important;
  align-items: stretch !important;
}

.sok-order-pl .sok_order-option-card.select-option-field,
.sok-order-pl .select-options-fields .sok_order-option-card,
.sok-order-pl .sok_order-delivery__options .sok_order-option-card,
.sok-order-pl .sok_order-payment__options .sok_order-option-card {
  position: relative;
  box-sizing: border-box;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  align-self: stretch !important;
  gap: 15px !important;
  height: 100% !important;
  min-height: 100%;
  margin: 0 !important;
  padding: 20px !important;
  border: 1px solid var(--color-border-light) !important;
  border-radius: 10px !important;
  background: var(--color-white) !important;
  box-shadow: none !important;
}

.sok-order-pl .sok_order-option-card > input[type="radio"],
.sok-order-pl .sok_order-option-card > .input-radio {
  position: absolute !important;
  left: 0;
  top: 0;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none;
  appearance: none !important;
  display: block !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0);
}

.sok-order-pl .sok_order-option-card._active {
  border-color: var(--color-accent) !important;
  box-shadow: var(--sok-shadow-new-200) !important;
}

.sok-order-pl .sok_order-option-card .option-field-top {
  display: none !important;
}

.sok-order-pl .sok_order-option-card__radio,
.sok-order-pl .sok_order-option-card .radioLabel {
  display: inline-flex !important;
  flex-shrink: 0;
  align-items: center;
  align-self: flex-start;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
}

.sok-order-pl .sok_order-option-card .radioIcon {
  box-sizing: border-box;
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  border: 1px solid var(--color-light-gray) !important;
  border-radius: 50% !important;
  background: var(--color-white) !important;
  cursor: pointer;
}

.sok-order-pl .sok_order-option-card .radioIcon::before,
.sok-order-pl .sok_order-option-card .radioIcon::after {
  content: none !important;
  display: none !important;
  background-image: none !important;
}

/* Как в order.css / Figma: оранжевый круг + белая точка 8px */
.sok-order-pl .sok_order-option-card > .input-radio:checked + .radioLabel .radioIcon,
.sok-order-pl .sok_order-option-card > input[type="radio"]:checked + .radioLabel .radioIcon {
  background-color: var(--color-accent) !important;
  border: none !important;
}

.sok-order-pl .sok_order-option-card > .input-radio:checked + .radioLabel .radioIcon::after,
.sok-order-pl .sok_order-option-card > input[type="radio"]:checked + .radioLabel .radioIcon::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  margin: 0;
  padding: 0 !important;
  border-radius: 50%;
  background: var(--color-white) !important;
  background-image: none !important;
  transform: translate(-50%, -50%);
}

.sok-order-pl .sok_order-option-card__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
}

.sok-order-pl .sok_order-option-card__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  color: var(--color-text-primary);
}

/* Описание только после Vue (_active) — не по :checked, иначе мелькает до перерисовки */
.sok-order-pl .sok_order-delivery__options .sok_order-option-card__desc,
.sok-order-pl .sok_order-payment__options .sok_order-option-card__desc {
  display: none;
}

.sok-order-pl .sok_order-delivery__options .sok_order-option-card._active .sok_order-option-card__desc,
.sok-order-pl .sok_order-payment__options .sok_order-option-card._active .sok_order-option-card__desc {
  display: block;
}

/* ТК: допуслуги-перевозчики */
.sok-order-pl .sok_order-delivery__subblock {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 0;
}

.sok-order-pl .sok_order-delivery__sub-title {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: var(--color-text-primary);
}

.sok-order-pl .sok_order-carriers {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 0;
}

.sok-order-pl .sok_order-carrier-option {
  display: flex !important;
  align-items: center;
  gap: 10px;
  margin: 0;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  color: var(--color-text-primary);
}

.sok-order-pl .sok_order-carrier-option > .input-radio {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  pointer-events: none;
}

.sok-order-pl .sok_order-carrier-option__radio {
  flex-shrink: 0;
}

.sok-order-pl .sok_order-carrier-option .radioIcon {
  position: relative;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 1px solid var(--color-light-gray);
  border-radius: 50%;
  background: var(--color-white);
}

/* Только :checked — без ._active, иначе до AJAX «выбраны оба» */
.sok-order-pl .sok_order-carrier-option .input-radio:checked + .radioLabel .radioIcon {
  background-color: var(--color-accent);
  border: none;
}

.sok-order-pl .sok_order-carrier-option .input-radio:checked + .radioLabel .radioIcon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-white);
  transform: translate(-50%, -50%);
}

/* Адрес самовывоза — как в order.css */
.sok-order-pl .sok_order-delivery__subblock[data-order-delivery-pickup] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sok-order-pl .sok_order-pickup-address {
  margin: 0;
  padding: 0;
  color: var(--color-text-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  white-space: pre-line;
}

/* Старый блок карты/списка складов модуля не используем */
.sok-order-pl .make-order-address {
  display: none !important;
}

/* Person type toggle — как sok_order-customer-toggle в order.css */
.sok-order-pl .sok_order-customer-toggle.make-order-tabs {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px !important;
  width: 100%;
  max-width: 1020px;
  margin: 60px auto 20px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.sok-order-pl .sok_order-customer-toggle .sok_order-customer-toggle__btn.make-order-tab,
.sok-order-pl .sok_order-customer-toggle__btn {
  box-sizing: border-box;
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 12px 24px !important;
  border: 1px solid var(--color-light-gray) !important;
  border-radius: 8px !important;
  background: var(--color-white) !important;
  box-shadow: none !important;
  color: var(--color-text-primary) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  text-align: center;
  cursor: pointer;
  user-select: none;
  transition: border-color var(--transition), color var(--transition);
}

.sok-order-pl .sok_order-customer-toggle .sok_order-customer-toggle__btn.make-order-tab._active,
.sok-order-pl .sok_order-customer-toggle .sok_order-customer-toggle__btn.make-order-tab:has(input:checked),
.sok-order-pl .sok_order-customer-toggle__btn._active {
  border-color: var(--color-accent) !important;
  color: var(--color-accent) !important;
  background: var(--color-white) !important;
}

.sok-order-pl .sok_order-customer-toggle__btn input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  opacity: 0;
  pointer-events: none;
}

.sok-order-pl .sok_order-customer-toggle__btn .radioLabel,
.sok-order-pl .sok_order-customer-toggle__btn .checkboxLabel,
.sok-order-pl .sok_order-customer-toggle__btn .radioIcon,
.sok-order-pl .sok_order-customer-toggle__btn .checkboxIcon {
  display: none !important;
}

.sok-order-pl .sok_order-customer-toggle__label {
  display: inline;
  color: inherit;
  font: inherit;
}

/* Buyer fields */
.sok-order-pl .sok_order-buyer.order-block {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.sok-order-pl .sok_order-buyer .sok_order-section__title {
  display: none !important;
}

.sok-order-pl .sok_order-buyer-card,
.sok-order-pl .form-container.sok_order-buyer-card {
  box-sizing: border-box;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto !important;
  padding: 20px !important;
  border: 1px solid rgba(148, 163, 184, 0.15) !important;
  border-radius: 16px !important;
  background: var(--color-white) !important;
  box-shadow: var(--sok-shadow-new-200) !important;
}

.sok-order-pl .sok_order-buyer-card__title {
  margin: 0 0 20px !important;
  padding: 0;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1.25;
  color: var(--color-text-primary) !important;
}

.sok-order-pl .sok_order-buyer-card .fields-cols-2,
.sok-order-pl .sok_order-buyer-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sok-order-pl .sok_order-buyer-grid .sok_order-field,
.sok-order-pl .sok_order-buyer-grid fieldset.sok_order-field {
  display: flex !important;
  flex-direction: column;
  gap: 8px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  min-width: 0;
}

.sok-order-pl .sok_order-buyer-grid .sok_order-field--full {
  grid-column: 1 / -1;
}

.sok-order-pl .sok_order-buyer-grid .sok_order-field-label,
.sok-order-pl .sok_order-buyer-grid .sok_order-field > label {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  color: var(--color-text-primary) !important;
}

.sok-order-pl .sok_order-buyer-grid .input-text,
.sok-order-pl .sok_order-buyer-grid .sok_order-input {
  box-sizing: border-box;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 1px solid var(--color-border-light) !important;
  border-radius: 8px !important;
  background: var(--color-bg-white) !important;
  box-shadow: none !important;
  color: var(--color-text-primary) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
}

.sok-order-pl .sok_order-buyer-grid .input-text:focus,
.sok-order-pl .sok_order-buyer-grid .sok_order-input:focus {
  outline: none;
  border-color: var(--color-accent) !important;
  color: var(--color-text-primary) !important;
}

.sok-order-pl .sok_order-buyer-grid .input-textarea,
.sok-order-pl .sok_order-buyer-grid .sok_order-textarea {
  box-sizing: border-box;
  width: 100% !important;
  min-height: 144px !important;
  margin: 0 !important;
  padding: 12px 10px !important;
  border: 1px solid var(--color-border-light) !important;
  border-radius: 8px !important;
  background: var(--color-bg-white) !important;
  box-shadow: none !important;
  color: var(--color-text-primary) !important;
  font-family: inherit;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  resize: vertical;
}

.sok-order-pl .sok_order-buyer-grid .input-textarea:focus,
.sok-order-pl .sok_order-buyer-grid .sok_order-textarea:focus {
  outline: none;
  border-color: var(--color-accent) !important;
}

.sok-order-pl .sok_order-buyer-grid .input-text::placeholder,
.sok-order-pl .sok_order-buyer-grid .sok_order-textarea::placeholder {
  color: var(--color-gray);
  opacity: 1;
}

/* Обязательные поля: * как в Figma/order — accent, не red/main модуля */
.sok-order-pl .required-field > label::before,
.sok-order-pl .required-field .sok_order-field-label::before {
  content: "*" !important;
  color: var(--color-accent) !important;
  margin-right: 2px;
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
}

.sok-order-pl .order-description-field {
  display: none !important;
}

/* Footer: totals + submit */
.sok-order-pl .sok_order-footer-panel {
  display: block !important;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding-top: 0 !important;
  position: static !important;
  top: auto !important;
}

.sok-order-pl .cart-col-side-panel.sok_order-footer-panel {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.sok-order-pl .sok_order-side-panel,
.sok-order-pl .sok_order-footer-panel .side-panel-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  position: static !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

.sok-order-pl .sok_order-totals {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  border: 0 !important;
}

.sok-order-pl .sok_order-totals .side-panel__item,
.sok-order-pl .sok_order-totals .side-panel__top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
}

.sok-order-pl .sok_order-totals .side-panel__item::after,
.sok-order-pl .sok_order-totals .side-panel__text::after {
  display: none !important;
  content: none !important;
}

.sok-order-pl .sok_order-form__submit {
  width: 100%;
  max-width: 1020px;
}

.sok-order-pl .sok_order-form__agreement {
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.sok-order-pl .sok_order-form__agreement-label {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
}

.sok-order-pl .sok_order-empty-section {
  padding: 0;
  border: 0 !important;
  background: transparent !important;
}

.sok-order-pl .sok_order-empty__hint {
  margin: 8px 0 0;
  color: var(--color-gray);
  text-align: center;
}

.sok-order-pl .cart-alert {
  margin-bottom: 12px;
  padding: 12px 16px;
  border-radius: 10px;
  border: 0 !important;
}

.sok-order-pl .cart-alert.alert--error {
  background: rgba(220, 38, 38, 0.08);
  color: var(--color-error);
}

.sok-order-pl .cart-alert.alert--warning {
  background: rgba(255, 89, 0, 0.08);
  color: var(--color-accent-dark);
}

.sok-order-pl .cart-alert.alert--success {
  background: rgba(64, 158, 5, 0.08);
  color: var(--color-success);
}

/* Комментарий к заказу — без карточки модуля */
.sok-order-pl .sok_order-field,
.sok-order-pl fieldset.sok_order-field {
  border: 0 !important;
  margin-top: 16px;
}

/* Адрес доставки — как .sok_order-address-field в order.css */
.sok-order-pl .sok_order-delivery-address {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  border: 0;
}

.sok-order-pl .sok_order-delivery .sok_order-delivery-address {
  margin-top: 0;
}

.sok-order-pl .sok_order-field-label {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  color: var(--color-text-primary);
}

.sok-order-pl .sok_order-address-field {
  display: flex !important;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
  width: 100%;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid var(--color-border-light) !important;
  border-radius: 8px !important;
  background: var(--color-bg-white) !important;
  box-shadow: none !important;
}

.sok-order-pl .sok_order-address-field > img {
  flex-shrink: 0;
  display: block;
  width: 16px;
  height: 16px;
}

.sok-order-pl .sok_order-address-field__input,
.sok-order-pl .sok_order-address-field input.location-input,
.sok-order-pl .sok_order-address-field input.sok_order-address-field__input {
  flex: 1 1 auto;
  width: 100% !important;
  min-width: 0;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  color: var(--color-text-primary) !important;
}

.sok-order-pl .sok_order-address-field__input::placeholder,
.sok-order-pl .sok_order-address-field input::placeholder {
  color: var(--color-gray);
  opacity: 1;
}

.sok-order-pl .sok_order-address-suggest {
  position: absolute;
  z-index: 20;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  margin: 0;
  padding: 8px 0;
  list-style: none;
  background: var(--color-white);
  border: 1px solid var(--color-border-light);
  border-radius: 8px;
  box-shadow: var(--sok-shadow-new-200);
  max-height: 240px;
  overflow: auto;
}

.sok-order-pl .sok_order-address-suggest .input-select__option {
  padding: 10px 12px;
  cursor: pointer;
}

.sok-order-pl .sok_order-address-suggest .input-select__option:hover {
  background: var(--color-bg-white);
}

@media (max-width: 1199px) {
  .sok-order-pl .sok_order-item {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    grid-template-areas:
      "image meta total counter"
      "image tools . .";
    padding: 16px 0;
  }

  .sok-order-pl .sok_order-item__tools {
    justify-content: flex-start;
    height: auto;
    padding-top: 8px;
    padding-right: 0;
  }

  .sok-order-pl .sok_order-item__total {
    width: auto;
    min-width: 100px;
    height: auto;
    min-height: 40px;
    align-items: center;
    justify-content: flex-end !important;
    padding-right: 20px !important;
    font-size: 16px !important;
    text-align: right;
  }

  .sok-order-pl .sok_order-item__total .price,
  .sok-order-pl .sok_order-item__total span,
  .sok-order-pl .sok_order-item__total * {
    font-size: 16px !important;
  }

  .sok-order-pl .sok_order-item__counter-block {
    gap: 2px;
  }

  .sok-order-pl .sok_order-item__unit {
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
  }

  .sok-order-pl .sok_order-customer-toggle.make-order-tabs {
    margin-top: 40px !important;
  }
}

@media (max-width: 767px) {
  .sok-order-pl .sok_order {
    gap: 32px;
  }

  .sok-order-pl .sok_order-items__panel.cart-items {
    padding: 0 12px !important;
  }

  .sok-order-pl .sok_order-item {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
      "image meta"
      "footer footer";
    gap: 10px;
    row-gap: 10px;
    padding: 11px 0;
  }

  .sok-order-pl .sok_order-item__footer {
    display: flex !important;
    grid-area: footer;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
  }

  .sok-order-pl .sok_order-item__buy,
  .sok-order-pl .sok_order-item__buy.cart__buttons {
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
    flex-shrink: 0;
  }

  .sok-order-pl .sok_order-item__image,
  .sok-order-pl .sok_order-item__image.cart-image {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important;
    margin-right: 10px !important;
    padding: 0 !important;
    border-radius: 10px !important;
  }

  .sok-order-pl .sok_order-item__total {
    width: auto;
    min-width: 0;
    min-height: 36px;
    height: auto;
    justify-content: flex-start !important;
    text-align: left;
    padding: 4px 0 0 !important;
    font-size: 16px !important;
  }

  .sok-order-pl .sok_order-item__tools {
    height: 36px;
    justify-content: flex-start;
    padding: 4px 0 0;
    padding-right: 0;
  }

  .sok-order-pl .sok_order-buyer-card .fields-cols-2,
  .sok-order-pl .sok_order-buyer-grid {
    grid-template-columns: 1fr !important;
  }

  .sok-order-pl .sok_order-buyer-card__title {
    font-size: 20px !important;
  }

  .sok-order-pl .select-options-fields,
  .sok-order-pl .sok_order-delivery__options,
  .sok-order-pl .sok_order-payment__options {
    grid-template-columns: 1fr !important;
  }

  .sok-order-pl .sok_order-customer-toggle.make-order-tabs {
    flex-direction: column;
    margin-top: 24px !important;
    margin-bottom: 12px !important;
  }
}

/* End */
/* /local/templates/berkut/components/bitrix/sale.order.ajax/sok_order_placement/style.css?178885539490658 */
/* /local/templates/berkut/components/bitrix/sale.order.ajax/sok_order_placement/custom.css?178901441034885 */