/* Start:/bitrix/components/bitrix/sale.location.selector.search/templates/.default/style.css?17943233536417*/
/* absolute path to images is required to make crm-sale proxy work */

.bx-sls .dropdown-block {
	border: 1px solid #bdbdbd;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 2px #ebebeb;
	box-shadow: inset 0 1px 2px #ebebeb;
	font-size: 14px;
	padding: 0 22px 0 30px;
	position: relative;
	background-color: #fff;
}

.bx-sls .dropdown-block-ui {
	font-size: 14px;
	padding: 0 22px 0 30px;
	position: relative;
	background-color: #fff;
	margin-top: 5px;
}

.bx-sls .dropdown-arrow {
	background: url(/bitrix/components/bitrix/sale.location.selector.search/templates/.default/images/dropdown-errow.png) no-repeat center center;
	height: 100%;
	top: 0;
	right: 0;
	position: absolute;
	width: 22px;
}

.bx-sls .bx-ui-sls-container {
	overflow: hidden;
	min-height:25px;
}

.bx-sls .bx-ui-sls-pane {
	border: 1px solid #bdbdbd;
	border-radius: 2px;
	-webkit-box-shadow: 0 2px 3px #c7c7c7;
	box-shadow: 0 2px 3px #c7c7c7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
	max-height: 200px;
	overflow-y: auto;
	left: 0;
	top: 35px;
	padding: 5px 5px 3px 5px;
	position: absolute;
	width: 100%;
}

.bx-sls .dropdown-active .bx-ui-sls-pane {
	display: block;
}

.bx-sls .bx-ui-sls-variants {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bx-sls .dropdown-item {
	border-radius: 2px;
	padding: 7px 4px 7px 10px;
	margin-bottom: 2px;
}

.bx-sls .dropdown-item:hover {
	background-color: #f1f3f5;
	cursor: pointer;
}

.bx-sls .dropdown-img {
	border: none;
	display: inline-block;
	height: 12px;
	margin: 3px 12px 0 0;
	vertical-align: top;
	width: 16px;
}

.bx-sls .dropdown-item-text {
	/*makeup:color: #212121;*/
	color: #aba8ac;
	display: inline-block;
	/*max-width: 220px;*/ /*silly limitation*/
	vertical-align: top;
}

.bx-sls .dropdown-item-text span{
	color: #25282c;
}

.bx-sls .dropdown-list-title {
	border-bottom: 1px solid #e5e5e5;
	height: 37px;
	line-height: 37px;
	padding-left: 8px;
}

.bx-sls .dropdown-icon {
	background: url(/bitrix/components/bitrix/sale.location.selector.search/templates/.default/images/lens.png) no-repeat center center;
	height: 14px;
	left: 10px;
	position: absolute;
	top: 10px;
	width: 14px;
}

.bx-sls .quick-locations{
	margin-bottom: 5px;
}
.bx-sls .quick-location-tag {
	background-color: #f2f5f8;
	border: 1px solid #cad3dc;
	border-radius: 3px;
	color: #1e55b9;
	display: inline-block;
	font-size: 15px;
	height: 27px;
	line-height: 26px;
	margin: 0 3px;
	padding: 0 14px;
	text-decoration: none;
	margin-bottom: 10px;
}
.bx-sls .quick-location-tag:hover{
	background-color: #fafafa;
}

.bx-sls .dropdown-fade2white{
	width: 46px;
	height: 31px;
	position: absolute;
	top: 2px;
	right: 0;

	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(30%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}

.bx-sls .bx-ui-sls-clear{
	background: url(/bitrix/panel/main/images/bx-admin-sprite-small.png) 6px -3386px no-repeat scroll;
	width: 30px;
	height: 30px;
	cursor: pointer;
	cursor: hand;
	margin-top: 2px;

	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
}
.bx-sls .bx-ui-sls-clear:hover{
	background-position: 6px -3418px;
}

.bx-sls .bx-ui-sls-loader{
	background-image: url(/bitrix/panel/main/images/waiter-white.gif) !important;
	background-repeat: no-repeat !important;
	background-position: right -1px !important;

	width: 30px;
	height: 30px;

	position: absolute;
	top: 3px;
	right: 2px;
	display: none;
}

.bx-sls .bx-ui-sls-go-edit{
	display: none;
}

.bx-sls .bx-ui-sls-pane{
	max-height: 300px;
}

.bx-sls input::-ms-clear {
	display: none;
}

.bx-sls input[type="text"]{
	position: relative;
}

.bx-sls .bx-ui-sls-fake,
.bx-sls .bx-ui-sls-route {
	position: absolute !important;
	top: 0;
	left: 0;

	color: #000 !important;

	opacity: 1 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;

	padding:0 22px 0 0 !important;
	background-position: right 1px;
	background-repeat: no-repeat;

	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	font-size: 14px;
	height: 33px;
	width: 100%;
	outline: none;
	z-index:10;
}
.bx-sls .bx-ui-sls-route{
	color: #aba8ac !important;
	z-index:5;
}

.bx-sls .bx-ui-sls-pane{
	background-color: #fff;
	z-index: 999;
	border: 1px solid #87919c;
}

.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant,
.bx-sls .bx-ui-sls-error{
	padding: 10px 10px;
}
.bx-sls .bx-ui-sls-error{
	color: #ff2222;
	padding-left: 30px;
	position: relative;
}
.bx-sls .bx-ui-sls-error div{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 25px;
	height: 25px;
	background: url(/bitrix/panel/main/images/bx-admin-sprite-small.png) 6px -2895px no-repeat scroll;
}
.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant:hover,
.bx-sls .bx-ui-sls-variant-active{
	background-color: #E0E8EA;
}

.adm-sls-edit-link{
	margin-top: 10px;
}

/* CSS-modes below: admin, public; */
.bx-admin-mode .bx-sls-go-edit{
	margin-left: 10px;
	display: none;
}

.bx-admin-mode .dropdown-block {
	border-color: #87919c #959ea9 #9ea7b1;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3), 0 2px 2px -1px rgba(180, 188, 191, 0.7) inset;
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3), 0 2px 2px -1px rgba(180, 188, 191, 0.7) inset;
	height: 25px;
}

.bx-sls.bx-admin-mode .bx-ui-sls-fake,
.bx-sls.bx-admin-mode .bx-ui-sls-route {
	height: 25px;
}

.bx-admin-mode .dropdown-icon {
	top: 7px;
}

.bx-admin-mode .dropdown-fade2white {
	height: 22px;
}

.bx-admin-mode .dropdown-fade2white {
	right: 1px;
}

.bx-admin-mode .bx-ui-sls-clear {
	background-position: 6px -3389px;
	height: 22px;
}

.bx-admin-mode .bx-ui-sls-clear:hover{
	background-position: 6px -3421px;
}

.bx-admin-mode .bx-ui-sls-loader {
	background-position: right -4px !important;
	height: 21px;
}

.bx-admin-mode .bx-ui-sls-pane {
	top: 27px;
}
/* End */


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


/*Стили шаблона (template) */
:root {
  --color-primary: #1ab4e6;
  --color-opacity-hover: 0.7;
  --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-mid-grey-text: #8e8e93;
  --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;
}

/* Hover от текущего --color-primary (в т.ч. COLOR_PRIMARY из настроек на .sok-order-pl) */
.sok-order-pl,
.sok--modal {
  --color-primary-hover: color-mix(in srgb, var(--color-primary), #fff 30%);
}

.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 {
  /* Shrink-wrap in flex columns (order-block stretches children by default).
     No !important: callers that need full width must not use .w-max. */
  width: max-content;
}

.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;
  transition: color var(--transition);
}

.sok-order-pl .primary-link:hover {
  color: var(--color-primary-hover) !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-disabled-wrap {
  display: block;
  width: 100%;
  cursor: not-allowed;
}

.sok-order-pl .sok__btn-primary:disabled,
.sok-order-pl .sok__btn-primary-disabled-wrap .sok__btn-primary {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}

.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;
  gap: 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;
  row-gap: 20px;
}

.sok-order-pl .form-container .form-container__message {
  margin-bottom: 0;
  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: 0;
}

.sok-order-pl .form-container fieldset {
  margin-bottom: 0;
}

.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 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(/bitrix/templates/.default/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: 8px;
}

.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 .side-panel__info .side-panel__item__top .side-panel__value a {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition);
}

.sok-order-pl .cart-col-side-panel .side-panel-container .side-panel__info .side-panel__item__top .side-panel__value a:hover {
  color: var(--color-primary-hover);
}

.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-mid-grey-text);
  font-size: 14px;
  line-height: 120%;
}

.sok-order-pl .cart-col-side-panel .form-container__nav .main-user-consent-request-announce,
.sok-order-pl .cart-col-side-panel .form-container__nav .main-user-consent-request-announce-link {
  color: var(--color-mid-grey-text);
  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: var(--color-grafite);
}

.sok-order-pl .cart-col-side-panel .sok-order-offer-note,
.sok-order-pl .cart-col-side-panel .sok-order-offer-note .form-container__nav {
  color: var(--color-mid-grey-text);
  font-size: 14px;
  line-height: 120%;
}

.sok-order-pl .cart-col-side-panel .sok-order-offer-note 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: var(--color-grafite);
}

@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,
.sok-order-pl .make-order-profile .make-order-profile-change: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;
  padding: 6px 8px;
  border-radius: var(--border-radius-input, 4px);
}

.sok-order-pl .make-order-profile .input-select .input-select__list .input-select__option--selected {
  background-color: var(--color-light-white, #f5f7fa);
  color: var(--color-calm-gray, #7f7f7f);
  cursor: default;
  pointer-events: none;
}

.sok-order-pl .make-order-profile .input-select .input-select__list .input-select__option--selected:hover {
  color: var(--color-calm-gray, #7f7f7f);
}

.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);
}

@media (max-width: 768px) {
  .sok-order-pl .make-order-profile-actions {
    flex-direction: column;
    align-items: stretch;
    flex-wrap: nowrap;
  }

  .sok-order-pl .make-order-profile-actions .profile-save,
  .sok-order-pl .make-order-profile-actions .profile-cancel {
    width: 100%;
    min-width: 0;
  }

  .sok-order-pl .make-order-profile-actions .profile-remove {
    width: 100%;
    margin-left: 0;
    margin-top: 8px;
  }
}

.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);
  overflow: hidden;
}

.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 var(--color-primary);
  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;
  color: var(--color-primary);
  display: block;
}

.sok-order-pl .ymap-tip svg {
  display: block;
  width: 60px;
  height: 62px;
}

@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 var(--color-primary);
  }

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

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


/* Start:/bitrix/templates/.default/components/bitrix/sale.order.ajax/sok_order_placement/custom.css?1794323369900*/
@charset "UTF-8";

/* :root {
  --color-alery-green: #1565c0;
} */

/* .sok--wrapper .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;
            }
        }  
        .cart-counter-price {
            .cart-price {
                .price {
                    font-size: 16px;
                    text-align: right;
                }
            }
        }
  }
   
}
.sok--wrapper .cart-items-list.compact .cart-item .cart-counter-price .cart-price .price {
  text-align: right;
} */

.sok-order-pl .order-block {
    margin-top: 0;
}

.sok-order-pl .cart-item .cart-image-description .cart-offer-selected {
    display: none;
}

.sok-order-pl ul li:before {
    content: none;
}
/* End */
/* /bitrix/components/bitrix/sale.location.selector.search/templates/.default/style.css?17943233536417 */
/* /bitrix/templates/.default/components/bitrix/sale.order.ajax/sok_order_placement/style.css?179432336993370 */
/* /bitrix/templates/.default/components/bitrix/sale.order.ajax/sok_order_placement/custom.css?1794323369900 */