/* Start:/local/templates/ismart/components/arturgolubev/search.title/new-search/style.css?17411676185913*/
.bg-gray{background:#3c4245;height:52px;padding:0 8px}.search{display:none;position:absolute;top:32px;left:0;width:100%}.search-result{position:absolute;background-color:#3c4245;box-shadow:0px 34px 34px 0px rgba(0,0,0,.4509803922);padding:0 40px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;width:100%;top:84px;left:0}.search-result h4{font-size:18px;color:#fff;margin-top:10px;margin-bottom:10px}.search-result .result--item p a{font-size:14px;color:#fff}.search-result .result--item-end{margin-top:25px;margin-bottom:25px}.search-result .bage_btn{margin-bottom:30px;margin-top:10px}.search-input{width:100%;border:2px solid #b8cad4;border-radius:22px !important;height:44px;padding:10px 40px !important;background:#3c4245 !important;color:#fff;font-size:18px}.search-input:focus{border:2px solid #a2d0d1 !important;box-shadow:none !important}.search-input:focus~.search-clear-button{opacity:1}.search-send-button{position:absolute;top:10px;left:18px;width:24px;height:24px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMjUgOC44NzVDNi4yNSA3LjQyNTI1IDcuNDI1MjUgNi4yNSA4Ljg3NSA2LjI1QzEwLjMyNDcgNi4yNSAxMS41IDcuNDI1MjUgMTEuNSA4Ljg3NUMxMS41IDkuNjAwMDggMTEuMjA3IDEwLjI1NTMgMTAuNzMxMiAxMC43MzEyQzEwLjI1NTMgMTEuMjA3IDkuNjAwMDggMTEuNSA4Ljg3NSAxMS41QzcuNDI1MjUgMTEuNSA2LjI1IDEwLjMyNDcgNi4yNSA4Ljg3NVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMC4yNUM0LjYxNTIyIDAuMjUgMC4yNSA0LjYxNTIyIDAuMjUgMTBDMC4yNSAxNS4zODQ4IDQuNjE1MjIgMTkuNzUgMTAgMTkuNzVDMTUuMzg0OCAxOS43NSAxOS43NSAxNS4zODQ4IDE5Ljc1IDEwQzE5Ljc1IDQuNjE1MjIgMTUuMzg0OCAwLjI1IDEwIDAuMjVaTTguODc1IDQuNzVDNi41OTY4MyA0Ljc1IDQuNzUgNi41OTY4MyA0Ljc1IDguODc1QzQuNzUgMTEuMTUzMiA2LjU5NjgzIDEzIDguODc1IDEzQzkuNzQyOCAxMyAxMC41NDg3IDEyLjczMTUgMTEuMjEzMSAxMi4yNzM3TDEzLjIxOTcgMTQuMjgwM0MxMy41MTI2IDE0LjU3MzIgMTMuOTg3NCAxNC41NzMyIDE0LjI4MDMgMTQuMjgwM0MxNC41NzMyIDEzLjk4NzQgMTQuNTczMiAxMy41MTI2IDE0LjI4MDMgMTMuMjE5N0wxMi4yNzM3IDExLjIxMzFDMTIuNzMxNSAxMC41NDg3IDEzIDkuNzQyOCAxMyA4Ljg3NUMxMyA2LjU5NjgzIDExLjE1MzIgNC43NSA4Ljg3NSA0Ljc1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) center/cover no-repeat !important}.search-send-button:hover{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMjUgOC44NzVDNi4yNSA3LjQyNTI1IDcuNDI1MjUgNi4yNSA4Ljg3NSA2LjI1QzEwLjMyNDcgNi4yNSAxMS41IDcuNDI1MjUgMTEuNSA4Ljg3NUMxMS41IDkuNjAwMDggMTEuMjA3IDEwLjI1NTMgMTAuNzMxMiAxMC43MzEyQzEwLjI1NTMgMTEuMjA3IDkuNjAwMDggMTEuNSA4Ljg3NSAxMS41QzcuNDI1MjUgMTEuNSA2LjI1IDEwLjMyNDcgNi4yNSA4Ljg3NVoiIGZpbGw9IiM5OEMzQzQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAwLjI1QzQuNjE1MjIgMC4yNSAwLjI1IDQuNjE1MjIgMC4yNSAxMEMwLjI1IDE1LjM4NDggNC42MTUyMiAxOS43NSAxMCAxOS43NUMxNS4zODQ4IDE5Ljc1IDE5Ljc1IDE1LjM4NDggMTkuNzUgMTBDMTkuNzUgNC42MTUyMiAxNS4zODQ4IDAuMjUgMTAgMC4yNVpNOC44NzUgNC43NUM2LjU5NjgzIDQuNzUgNC43NSA2LjU5NjgzIDQuNzUgOC44NzVDNC43NSAxMS4xNTMyIDYuNTk2ODMgMTMgOC44NzUgMTNDOS43NDI4IDEzIDEwLjU0ODcgMTIuNzMxNSAxMS4yMTMxIDEyLjI3MzdMMTMuMjE5NyAxNC4yODAzQzEzLjUxMjYgMTQuNTczMiAxMy45ODc0IDE0LjU3MzIgMTQuMjgwMyAxNC4yODAzQzE0LjU3MzIgMTMuOTg3NCAxNC41NzMyIDEzLjUxMjYgMTQuMjgwMyAxMy4yMTk3TDEyLjI3MzcgMTEuMjEzMUMxMi43MzE1IDEwLjU0ODcgMTMgOS43NDI4IDEzIDguODc1QzEzIDYuNTk2ODMgMTEuMTUzMiA0Ljc1IDguODc1IDQuNzVaIiBmaWxsPSIjOThDM0M0Ii8+Cjwvc3ZnPgo=) center/cover no-repeat !important}.search-button-mobile{width:24px;height:24px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMjUgOC44NzVDNi4yNSA3LjQyNTI1IDcuNDI1MjUgNi4yNSA4Ljg3NSA2LjI1QzEwLjMyNDcgNi4yNSAxMS41IDcuNDI1MjUgMTEuNSA4Ljg3NUMxMS41IDkuNjAwMDggMTEuMjA3IDEwLjI1NTMgMTAuNzMxMiAxMC43MzEyQzEwLjI1NTMgMTEuMjA3IDkuNjAwMDggMTEuNSA4Ljg3NSAxMS41QzcuNDI1MjUgMTEuNSA2LjI1IDEwLjMyNDcgNi4yNSA4Ljg3NVoiIGZpbGw9IiM5OEMzQzQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAwLjI1QzQuNjE1MjIgMC4yNSAwLjI1IDQuNjE1MjIgMC4yNSAxMEMwLjI1IDE1LjM4NDggNC42MTUyMiAxOS43NSAxMCAxOS43NUMxNS4zODQ4IDE5Ljc1IDE5Ljc1IDE1LjM4NDggMTkuNzUgMTBDMTkuNzUgNC42MTUyMiAxNS4zODQ4IDAuMjUgMTAgMC4yNVpNOC44NzUgNC43NUM2LjU5NjgzIDQuNzUgNC43NSA2LjU5NjgzIDQuNzUgOC44NzVDNC43NSAxMS4xNTMyIDYuNTk2ODMgMTMgOC44NzUgMTNDOS43NDI4IDEzIDEwLjU0ODcgMTIuNzMxNSAxMS4yMTMxIDEyLjI3MzdMMTMuMjE5NyAxNC4yODAzQzEzLjUxMjYgMTQuNTczMiAxMy45ODc0IDE0LjU3MzIgMTQuMjgwMyAxNC4yODAzQzE0LjU3MzIgMTMuOTg3NCAxNC41NzMyIDEzLjUxMjYgMTQuMjgwMyAxMy4yMTk3TDEyLjI3MzcgMTEuMjEzMUMxMi43MzE1IDEwLjU0ODcgMTMgOS43NDI4IDEzIDguODc1QzEzIDYuNTk2ODMgMTEuMTUzMiA0Ljc1IDguODc1IDQuNzVaIiBmaWxsPSIjOThDM0M0Ii8+Cjwvc3ZnPgo=) center/cover no-repeat !important}.search-clear-button{display:block;cursor:pointer;opacity:0;position:absolute;top:6px;right:14px;width:32px;height:32px;background-color:#6b7280;border-radius:9999px;transition:all .5s ease-in-out}.search-clear-button::after{content:"";transform:rotate(45deg);border:1px solid #d7edf7;display:block;position:absolute;height:16px;top:8px;right:15px}.search-clear-button::before{content:"";border:1px solid #d7edf7;transform:rotate(-45deg);display:block;position:absolute;height:16px;top:8px;right:15px}header .elements_phone span{display:none !important}header .elements{justify-content:end !important}@media(min-width: 768px){.search{max-width:350px;display:block;position:relative;top:0}.search-button-mobile{display:none}.search-clear-button{right:6px}.search-send-button{left:10px}.search-result{top:unset}.bg-gray{height:auto;padding:0}header .elements{justify-content:space-between !important}}@media(min-width: 1024px){.search{max-width:450px}header .elements_phone span{display:block !important}}@media(min-width: 1280px){.search{max-width:700px}}@media(min-width: 1535px){.search{max-width:950px}}

/* End */


/* Start:/local/templates/ismart/styles.css?1742879661218635*/
/*
! tailwindcss v3.3.0 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
    box-sizing: border-box; /* 1 */
    border-width: 0; /* 2 */
    border-style: solid; /* 2 */
    border-color: #e5e7eb; /* 2 */
}

::before,
::after {
    --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
    line-height: 1.5; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -moz-tab-size: 4; /* 3 */
    -o-tab-size: 4;
    tab-size: 4; /* 3 */
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
    font-feature-settings: normal; /* 5 */
    font-variation-settings: normal; /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
    margin: 0; /* 1 */
    line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
    height: 0; /* 1 */
    color: inherit; /* 2 */
    border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
    color: inherit;
    text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
    font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
    text-indent: 0; /* 1 */
    border-color: inherit; /* 2 */
    border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    font-weight: inherit; /* 1 */
    line-height: inherit; /* 1 */
    color: inherit; /* 1 */
    margin: 0; /* 2 */
    padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
    text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button; /* 1 */
    background-color: transparent; /* 2 */
    background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
    outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
    box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
    vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
    display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}

fieldset {
    margin: 0;
    padding: 0;
}

legend {
    padding: 0;
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
    resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1; /* 1 */
    color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
    opacity: 1; /* 1 */
    color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
    cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
    cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block; /* 1 */
    vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
    max-width: 100%;
    height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
    display: none;
}

[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
}

[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #2563eb;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1;
}

input::placeholder,textarea::placeholder {
    color: #6b7280;
    opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
}

::-webkit-date-and-time-value {
    min-height: 1.5em;
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0;
}

select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

[multiple] {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: 0.75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset;
}

[type='checkbox'],[type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    --tw-shadow: 0 0 #0000;
}

[type='checkbox'] {
    border-radius: 0px;
}

[type='radio'] {
    border-radius: 100%;
}

[type='checkbox']:focus,[type='radio']:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

[type='checkbox']:checked,[type='radio']:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

[type='checkbox']:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

[type='radio']:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
    border-color: transparent;
    background-color: currentColor;
}

[type='checkbox']:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor;
}

[type='file'] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit;
}

[type='file']:focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color;
}

*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
}
.container {
    width: 100%;
}
@media (min-width: 400px) {

    .container {
        max-width: 400px;
    }
}
@media (min-width: 640px) {

    .container {
        max-width: 640px;
    }
}
@media (min-width: 768px) {

    .container {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {

    .container {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {

    .container {
        max-width: 1280px;
    }
}
@media (min-width: 1536px) {

    .container {
        max-width: 1536px;
    }
}
.visible {
    visibility: visible;
}
.collapse {
    visibility: collapse;
}
.static {
    position: static;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.sticky {
    position: sticky;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.inline {
    display: inline;
}
.flex {
    display: flex;
}
.grid {
    display: grid;
}
.hidden {
    display: none!important;
}
.h-1 {
    height: 0.25rem;
}
.h-6 {
    height: 1.5rem;
}
.w-6 {
    width: 1.5rem;
}
.grow {
    flex-grow: 1;
}
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resize {
    resize: both;
}
.border {
    border-width: 1px;
}
.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.pb-4 {
    padding-bottom: 1rem;
}
.pb-8 {
    padding-bottom: 2rem;
}
.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
    outline-style: solid;
}
.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.hero-heading {
    margin-bottom: 2.5rem;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.instructions .sub-title {
    margin-bottom: 1.25rem;
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
    padding-bottom: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
}
.instructions .sub-title + p {
    margin-bottom: 0.75rem;
}
.instructions .code {
    display: block;
    width: 100%;
    border-radius: 0.25rem;
    border-width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.instructions .code.pre {
    white-space: pre-wrap;
}
.instructions .code em {
    opacity: 0.75;
}

.social {
    display: block;
    padding-top: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
}
.social a {
    padding: 1rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity));
}
.social a:hover {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}

pre[class*=language-] {
    color: #f8fafc;
    max-width: 42rem;
}

.token.class-name,
.token.function,
.token.selector,
.token.selector .class,
.token.selector.class,
.token.module,
.token.tag {
    color: #f472b6;
}

.token.attr-name,
.token.important,
.token.keyword,
.token.pseudo-class,
.token.rule {
    color: #cbd5e1;
}

.token.attr-value,
.token.class,
.token.property,
.token.string {
    color: #7dd3fc;
}

.token.attr-equals,
.token.punctuation {
    color: #64748b;
}

.token.combinator,
.token.comment,
.token.operator {
    color: #94a3b8;
}

.language-css .token.function,
.token.unit {
    color: #99f6e4;
}

code[class*=language-],
pre[class*=language-] {
    word-wrap: normal;
    -webkit-hyphens: none;
    hyphens: none;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    text-align: left;
    white-space: pre;
    word-break: normal;
    word-spacing: normal;
}

code[class*=language-] ::-moz-selection,
code[class*=language-]::-moz-selection,
pre[class*=language-] ::-moz-selection,
pre[class*=language-]::-moz-selection {
    background: rgba(29, 59, 83, 0.99);
    text-shadow: none;
}

code[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection, pre[class*=language-]::-moz-selection {
    background: rgba(29, 59, 83, 0.99);
    text-shadow: none;
}

code[class*=language-] ::selection,
code[class*=language-]::selection,
pre[class*=language-] ::selection,
pre[class*=language-]::selection {
    background: rgba(29, 59, 83, 0.99);
    text-shadow: none;
}

.token.cdata,
.token.comment,
.token.prolog {
    color: #94a3b8;
    font-style: italic;
}

.token.punctuation {
    color: #c792ea;
}

.token.deleted {
    color: rgba(239, 83, 80, 0.56);
    font-style: italic;
}

.token.keyword,
.token.operator,
.token.tag {
    color: #f472b6;
}

.token.boolean {
    color: #ff5874;
}

.token.number {
    color: #f78c6c;
}

.token.builtin,
.token.char,
.token.constant,
.token.function {
    color: #f472b6;
}

.token.doctype,
.token.selector {
    color: #c792ea;
    font-style: italic;
}

.token.attr-name,
.token.inserted {
    color: #addb67;
    font-style: italic;
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.string,
.token.url {
    color: #7dd3fc;
}

.token.atrule,
.token.attr-value,
.token.class-name {
    color: #ffcb8b;
}

.token.important,
.token.regex,
.token.variable {
    color: #d6deeb;
}

body {
    display: flex;
    height: 100vh;
    flex-direction: column;
    background-color: F8F8F8;
    min-width: 320px;
}
body.noscroll {
    position: fixed;
}
@media (min-width: 768px) {

    body.noscroll {
        position: relative;
    }
}
body .column_container {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
}

header {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 50;
    display: flex;
    height: 4rem;
    align-items: center;
    justify-content: space-between;
    --tw-bg-opacity: 1;
    background-color: rgb(60 66 69 / var(--tw-bg-opacity));
    background-position: bottom;
    padding: 0.5rem;
}

@media (min-width: 768px) {

    header {
        width: 100%;
    }

    @media (min-width: 400px) {

        header {
            max-width: 400px;
        }
    }

    @media (min-width: 640px) {

        header {
            max-width: 640px;
        }
    }

    @media (min-width: 768px) {

        header {
            max-width: 768px;
        }
    }

    @media (min-width: 1024px) {

        header {
            max-width: 1024px;
        }
    }

    @media (min-width: 1280px) {

        header {
            max-width: 1280px;
        }
    }

    @media (min-width: 1536px) {

        header {
            max-width: 1536px;
        }
    }

    header {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1rem;
        margin-bottom: 1rem;
        height: auto;
        border-radius: 0.75rem;
    }
}
header > * {
    margin-right: 0.5rem;
}
header > *:last-child {
    margin-right: 0px;
}
header > *:not(.elements) {
    margin-right: 1rem;
}
header > *:not(.elements):last-child {
    margin-right: 0px;
}
header .logo {
    order: 2;
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    text-align: center;
}
@media (min-width: 768px) {

    header .logo {
        order: 1;
        margin-left: 1rem;
        margin-right: 1rem;
        flex-grow: 0;
    }
}
header .logo .logoLink {
    display: block;
}
header .catalog {
    z-index: 30;
    order: 1;
    display: flex;
    height: 3rem;
    width: 3rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
header .catalog:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(95 105 110 / var(--tw-bg-opacity));
}
header .catalog:active {
    --tw-bg-opacity: 1;
    background-color: rgb(60 66 69 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {

    header .catalog {
        order: 2;
        width: auto;
    }
}
header .catalog svg {
    fill: #3C4245;
}
header .catalog:hover svg {
    fill: #fff;
}
header .catalog span {
    margin-left: 0.5rem;
    display: none;
}
@media (min-width: 768px) {

    header .catalog span {
        display: block;
    }
}
header .catalog:hover span {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
header .elements {
    order: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (min-width: 768px) {

    header .elements {
        flex-grow: 1;
    }
}
header .elements > * {
    margin-right: 0.25rem;
    padding: 0.25rem;
}
header .elements > *:last-child {
    margin-right: 0px;
}
header .elements > *:hover {
    stroke: #C5D9E3;
    --tw-text-opacity: 1;
    color: rgb(197 217 227 / var(--tw-text-opacity));
}
@media (min-width: 768px) {

    header .elements > *:last-child {
        margin-right: 0.25rem;
    }
}
header .elements svg {
    stroke: #95A3AB;
}
header .elements_iichat {
    display: none;
    flex-grow: 1;
    justify-self: start;
}
@media (min-width: 768px) {

    header .elements_iichat {
        display: block;
    }
}
header .elements_phone {
    display: flex;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(131 144 150 / var(--tw-text-opacity));
}
header .elements_phone span {
    margin-left: 0.25rem;
    display: none;
}
@media (min-width: 768px) {

    header .elements_phone span {
        display: block;
    }
}
header .elements_cart {
    position: relative;
    display: flex;
    height: 3rem;
    align-items: center;
    justify-content: space-between;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
header .elements_cart span {
    margin-left: 0.75rem;
    display: none;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    white-space: nowrap;
}
@media (min-width: 768px) {

    header .elements_cart span {
        display: block;
    }
}
header .elements_cart .quantity {
    position: absolute;
    top: 0.25rem;
    left: 1rem;
    margin-right: -0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(172 220 222 / var(--tw-bg-opacity));
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
    min-width: 1rem;
}
header .elements_cart empty {
    display: none;
    margin-left: 0.75rem;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(131 144 150 / var(--tw-text-opacity));
}
header .elements_cart.empty .quantity {
    display: none;
}
header .elements_cart.empty span {
    display: none;
}
header .elements_cart.empty empty {
    display: none;
}
@media (min-width: 768px) {

    header .elements_cart.empty empty {
        display: block;
    }
}
header .dropmenu {
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    z-index: 20;
    height: calc(100vh - 4rem);
    height: calc(100dvh - 4rem);
    overflow-y: scroll;
    --tw-bg-opacity: 1;
    background-color: rgb(60 66 69 / var(--tw-bg-opacity));
    background-position: bottom;
    padding-top: 1rem;
}
@media (min-width: 768px) {

    header .dropmenu {
        margin-top: -0.75rem;
        height: auto;
        overflow-y: auto;
        border-bottom-right-radius: 0.75rem;
        border-bottom-left-radius: 0.75rem;
    }
}
header .dropmenu {
    box-shadow: 0 50px 50px rgba(0, 0, 0, 0.75);
}
header .dropmenu .footerLogo {
    width: 100%;
}
@media (min-width: 400px) {

    header .dropmenu .footerLogo {
        max-width: 400px;
    }
}
@media (min-width: 640px) {

    header .dropmenu .footerLogo {
        max-width: 640px;
    }
}
@media (min-width: 768px) {

    header .dropmenu .footerLogo {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {

    header .dropmenu .footerLogo {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {

    header .dropmenu .footerLogo {
        max-width: 1280px;
    }
}
@media (min-width: 1536px) {

    header .dropmenu .footerLogo {
        max-width: 1536px;
    }
}
header .dropmenu .footerLogo {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2rem;
}
@media (min-width: 768px) {

    header .dropmenu .footerLogo {
        display: none;
    }

    header .dropmenu .bottom_menu:last-child{
        display: none;
    }

    header .dropmenu .navArea{
        display: flex;
    }
}

main {
    width: 100%;
}

@media (min-width: 400px) {

    main {
        max-width: 400px;
    }
}

@media (min-width: 640px) {

    main {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    main {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    main {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    main {
        max-width: 1280px;
    }
}

@media (min-width: 1536px) {

    main {
        max-width: 1536px;
    }
}

main {
    z-index: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5rem;
    min-width: 0px;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 768px) {

    main {
        margin-top: 0px;
    }
}

.leading_area ul.breadcrumb {
    display: flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(78 85 89 / var(--tw-text-opacity));
}
.leading_area ul.breadcrumb li {
    margin-right: 1rem;
}
.leading_area ul.breadcrumb li:first-child a {
    display: flex;
    align-items: center;
}
.leading_area ul.breadcrumb li:first-child a::before {
    --tw-content: "";
    content: var(--tw-content);
    margin-right: 0.5rem;
    display: block;
    height: 1.5rem;
    width: 1.5rem;
    background-image: url("/local/image/back.svg");
    background-size: contain;
}
.leading_area ul.breadcrumb li a:hover {
    --tw-text-opacity: 1;
    color: rgb(142 182 184 / var(--tw-text-opacity));
    text-decoration-line: underline;
}
.leading_area ul.breadcrumb .desc-bread{
    display: none;
}
@media (min-width: 768px){
    .leading_area ul.breadcrumb .desc-bread{
        display: list-item;
    }
    .leading_area ul.breadcrumb .mobile-bread{
        display: none;
    }
}
.leading_area ul.breadcrumb .mobile-bread a {
    display: flex;
    align-items: center;
}
.leading_area ul.breadcrumb .mobile-bread a::before{
    --tw-content: "";
    content: var(--tw-content);
    margin-right: 0.5rem;
    display: block;
    height: 1.5rem;
    width: 1.5rem;
    background-image: url("/local/image/back.svg");
    background-size: contain;
}
.leading_area .title {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    margin-top: 3rem;
    font-size: 3.75rem;
    font-weight: 300;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(95 105 110 / var(--tw-text-opacity));
}
.leading_area .subtitle {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    margin-top: 1rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}
.leading_area .text{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    margin-top: 2rem;
    max-width: 820px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}

footer {
    display: flex;
    width: 100%;
    flex-shrink: 0;
    flex-direction: column;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(131 144 150 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

    footer {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
}
footer .navArea {
    width: 100%;
}
@media (min-width: 400px) {

    footer .navArea {
        max-width: 400px;
    }
}
@media (min-width: 640px) {

    footer .navArea {
        max-width: 640px;
    }
}
@media (min-width: 768px) {

    footer .navArea {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {

    footer .navArea {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {

    footer .navArea {
        max-width: 1280px;
    }
}
@media (min-width: 1536px) {

    footer .navArea {
        max-width: 1536px;
    }
}
footer .navArea {
    margin-left: auto;
    margin-right: auto;
    display: none;
    justify-content: space-between;
    padding: 1rem;
}
@media (min-width: 768px) {

    footer .navArea {
        display: flex;
    }
}
footer .navArea > * {
    width: 25%;
}
footer .navArea .bottom_menu {
    margin-left: 0px;
    margin-right: 0px;
}
footer .navArea .bottom_menu_title {
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}
footer .navArea .bottom_menu a {
    --tw-text-opacity: 1;
    color: rgb(113 124 130 / var(--tw-text-opacity));
}
footer .navArea .bottom_menu a:hover {
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}
footer .navArea .bottom_menu a:active {
    --tw-text-opacity: 1;
    color: rgb(149 163 171 / var(--tw-text-opacity));
}
footer .navArea .footerLogo {
    padding: 0.5rem;
}
footer .bgBottom {
    display: flex;
    width: 100%;
    flex-shrink: 0;
    flex-direction: column;
    --tw-bg-opacity: 1;
    background-color: rgb(60 66 69 / var(--tw-bg-opacity));
    background-position: bottom;
    padding: 1rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(131 144 150 / var(--tw-text-opacity));
}
@media (min-width: 768px) {

    footer .bgBottom {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
}
footer .bgBottom .row {
    display: flex;
    justify-content: space-between;
    --tw-bg-opacity: 1;
    background-color: rgb(60 66 69 / var(--tw-bg-opacity));
    background-position: bottom;
}
@media (min-width: 768px) {

    footer .bgBottom .row {
        align-items: center;
    }

    footer .bgBottom .row > * {
        margin-right: 2rem;
    }
}
footer .bgBottom .socials {
    display: flex;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(60 66 69 / var(--tw-bg-opacity));
    background-position: bottom;
}
footer .bgBottom .socials img {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}
footer .bgBottom .socials span {
    display: none;
}
@media (min-width: 768px) {

    footer .bgBottom .socials span {
        display: block;
    }
}

h2 {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 2.25rem;
}

h1 {
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 2.25rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.intro_text {
    margin-bottom: 1.5rem;
    padding-top: 1.5rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

    .intro_text {
        width: 75%;
    }
}
.intro_text p {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.intro_text ul, .intro_text ol {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    padding-left: 2.5rem;
}
.intro_text ul li, .intro_text ol li {
    position: relative;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}
.intro_text ul li::before {
    position: absolute;
    top: 0.55em;
    left: -1rem;
    height: 0.375rem;
    width: 0.375rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(60 66 69 / var(--tw-bg-opacity));
    background-position: bottom;
    --tw-content: "";
    content: var(--tw-content);
}
.intro_text a {
    --tw-text-opacity: 1;
    color: rgb(113 145 146 / var(--tw-text-opacity));
    text-decoration-line: underline;
}
.intro_text a:hover {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}


h3, .h3 {
    margin-top: 2.5rem;
    margin-bottom: 0px;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
}

.columns {
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    display: block;
}
.columns .subtitle {
    /*margin-top: 1.5rem;*/
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
}

.columns .subtitle.subtitle-adres {
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}
.columns .row {
    display: flex;
    flex-wrap: wrap;
}
.columns .row .col {
    display: block;
    width: 100%;
    flex-grow: 1;
    padding-right: 1.5rem;
}
@media (min-width: 640px) {

    .columns .row .col {
        width: 50%;
        max-width: 50%;
    }
}
@media (min-width: 768px) {

    .columns .row .col {
        width: 25%;
        max-width: 25%;
    }
    .columns .row .col.col-6 {
        width: 50%;
        max-width: 50%;
    }
}


.columns .row .col p.phone,
.columns .row .col a.phone {
    display: block;
    width: max-content;
    border-bottom: 2px solid #A6B7BF4D;
    /*font-family: 300;*/
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 2.25rem;
    margin-bottom: 1rem;
    --tw-text-opacity: 1;
    color: #84A9AA;
}

.columns .row .col a.phone:hover {
    color: #3C4245;
}
.columns .row .col p.email,
.columns .row .col a.email {
    display: block;
    width: max-content;
    border-bottom: 2px solid #A6B7BF4D;
    /*font-family: 300;*/
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 2.25rem;
    margin-bottom: 0.5rem;
    --tw-text-opacity: 1;
    color: #84A9AA;
}
.columns .row .col a.email:hover {
    color: #3C4245;
}
.columns .row .col p.address {
    display: inline-block;
    line-height: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}
.columns .row .col.col-address {
    margin-bottom: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.columns .row .col.col-address img {
    width: 100%;
}
.columns .row .col small {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(113 124 130 / var(--tw-text-opacity));
}
.columns .social {
    margin-top: 0px;
    display: flex;
    justify-content: flex-start;
    padding-top: 0px;
}
.columns .social a {
    margin-right: 0.25rem;
    padding: 0px;
}

.fullcontainer {
    position: relative;
    left: 0px;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-top: auto;
    margin-bottom: auto;
    box-sizing: border-box;
    padding: 0px;
}

@media (min-width: 400px) {

    .fullcontainer {
        left: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }
}

.fullcontainer {
    width: var(--full-width);
}

.top_include {
    display: flex;
    max-width: 100%;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden;
}

@media (min-width: 768px) {

    .top_include {
        flex-wrap: nowrap;
    }
}

.flex-list {
    display: flex;
}

.btn {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    height: 2.25rem;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.btn:active {
    --tw-bg-opacity: 1;
    background-color: rgb(30 64 175 / var(--tw-bg-opacity));
}
.btn.not-available{
    pointer-events: none;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(60 66 69 / var(--tw-border-opacity));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}
@media (min-width: 768px) {

    .btn {
        height: 2.75rem;
        line-height: 1.5rem;
    }
}
.btn.buy, .btn.basket, .btn.not-available {
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.btn.buy svg, .btn.basket svg {
    margin-right: 0.5rem;
}
.btn.basket {
    --tw-bg-opacity: 1;
    background-color: rgb(60 66 69 / var(--tw-bg-opacity));
}
.btn.basket:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(95 105 110 / var(--tw-bg-opacity));
}
.btn_framed {
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity));
}
.btn_framed:hover {
    --tw-border-opacity: 1;
    border-color: rgb(37 99 235 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn_framed:active {
    --tw-border-opacity: 1;
    border-color: rgb(30 64 175 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@font-face {
    font-family: "Noto Sans";
    src: url("/local/fonts/Inter-Black.woff") format("woff"), url("/local/fonts/Inter-Bold.woff") format("woff"), url("/local/fonts/Inter-ExtraBold.woff") format("woff"), url("/local/fonts/Inter-ExtraLight.woff") format("woff"), url("/local/fonts/Inter-Light.woff") format("woff"), url("/local/fonts/Inter-Medium.woff") format("woff"), url("/local/fonts/Inter-Regular.woff") format("woff"), url("/local/fonts/Inter-SemiBold.woff") format("woff"), url("/local/fonts/Inter-Thin.woff") format("woff"), url("/local/fonts/Inter-Black.woff2") format("woff2"), url("/local/fonts/Inter-Bold.woff2") format("woff2"), url("/local/fonts/Inter-ExtraBold.woff2") format("woff2"), url("/local/fonts/Inter-ExtraLight.woff2") format("woff2"), url("/local/fonts/Inter-Light.woff2") format("woff2"), url("/local/fonts/Inter-Medium.woff2") format("woff2"), url("/local/fonts/Inter-Regular.woff2") format("woff2"), url("/local/fonts/Inter-SemiBold.woff2") format("woff2"), url("/local/fonts/Inter-Thin.woff2") format("woff2"), url("/local/fonts/Inter-Black.ttf") format("truetype"), url("/local/fonts/Inter-Bold.ttf") format("truetype"), url("/local/fonts/Inter-ExtraBold.ttf") format("truetype"), url("/local/fonts/Inter-ExtraLight.ttf") format("truetype"), url("/local/fonts/Inter-Light.ttf") format("truetype"), url("/local/fonts/Inter-Medium.ttf") format("truetype"), url("/local/fonts/Inter-Regular.ttf") format("truetype"), url("/local/fonts/Inter-SemiBold.ttf") format("truetype"), url("/local/fonts/Inter-Thin.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
.sectionsList {
    width: 100%;
}
@media (min-width: 400px) {

    .sectionsList {
        max-width: 400px;
    }
}
@media (min-width: 640px) {

    .sectionsList {
        max-width: 640px;
    }
}
@media (min-width: 768px) {

    .sectionsList {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {

    .sectionsList {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {

    .sectionsList {
        max-width: 1280px;
    }
}
@media (min-width: 1536px) {

    .sectionsList {
        max-width: 1536px;
    }
}
.sectionsList {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 1rem;
}
.sectionsList .thumb {
    margin-right: 1rem;
    margin-bottom: 1rem;
    display: flex;
    min-width: -moz-max-content;
    min-width: max-content;
    flex-basis: 0px;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 0.75rem;
}
.sectionsList .thumb img {
    height: 7rem;
    width: 7rem;
    border-radius: 0.5rem;
}
@media (min-width: 1024px) {

    .sectionsList .thumb img {
        height: 8rem;
        width: 8rem;
    }
}
.sectionsList .thumb_name {
    word-break: break-word;
    display: flex;
    width: 7rem;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0.5rem;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {

    .sectionsList .thumb_name {
        width: 8rem;
        word-break: unset;
    }
}

:root {
    --width-base: 300px;
}

.bannerSlider {
    height: calc( var(--width-base)/2 );
    width: var(--width-base);
    margin-bottom: 3rem;
    flex-grow: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden;
    border-radius: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 400px) {
    :root {
        --width-base: 370px;
    }
}

@media (min-width: 640px) {
    :root {
        --width-base: 610px;
    }
}

@media (min-width: 768px) {
    :root {
        --width-base: 430px;
    }

    .bannerSlider {
        margin-top: 3rem;
        margin-bottom: 3rem;
        min-width: var(--width-base);
    }
}

@media (min-width: 1024px) {
    :root {
        --width-base: 475px;
    }
}

@media (min-width: 1280px) {
    :root {
        --width-base: 760px;
    }
}

.bannerSlider .swiper {
    height: 100%;
}
.bannerSlider .swiper .swiper-slide {
    height: 100%;
    width: 100%;
}
.bannerSlider .swiper .swiper-slide a {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 1rem;
    padding-bottom: 2rem;
}
@media (min-width: 1024px) {

    .bannerSlider .swiper .swiper-slide a {
        padding: 2rem;
        padding-bottom: 3rem;
    }
}
.bannerSlider .info {
    display: none;
}
.bannerSlider .info .title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
}
.bannerSlider .info .subtitle {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
}
.bannerSlider picture {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -10;
    height: 100%;
    width: 100%;
}
.bannerSlider picture img {
    position: relative;
    display: block;
    height: auto;
    min-height: 100%;
    width: auto;
    min-width: 100%;
    object-fit: cover;
}
.bannerSlider picture::after {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    content: "";
    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0) 75%, #000000 100%);*/
    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0) 48.6%, #000000 100%);*/
}
.sectionSwiper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 1rem;
}
.sectionSwiper .thumb {
    margin-right: 1rem;
    margin-bottom: 1rem;
    display: flex;
    min-width: -moz-max-content;
    min-width: max-content;
    flex-basis: 0px;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 1rem;
    background-color: transparent;
    padding: 0.75rem;
}
.sectionSwiper .thumb img {
    height: 7rem;
    width: 7rem;
    border-radius: 1.5rem;
}
@media (min-width: 1024px) {

    .sectionSwiper .thumb img {
        height: 8rem;
        width: 8rem;
    }
}
.sectionSwiper .thumb_name {
    word-break: break-word;
    display: flex;
    width: 7rem;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0.5rem;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {

    .sectionSwiper .thumb_name {
        width: 8rem;
        word-break: unset;
    }
}

.sectionSwiper .swiper-button-next, .sectionSwiper .swiper-button-prev {
    position: absolute;
    z-index: 10;
    margin-top: -8rem;
    margin-bottom: -8rem;
    margin-right: -0.75rem;
    height: 16rem;
    width: 2rem;
}

@media (min-width: 640px) {

    .sectionSwiper .swiper-button-next, .sectionSwiper .swiper-button-prev {
        width: 4rem;
    }
}

.sectionSwiper .swiper-button-next, .sectionSwiper .swiper-button-prev {
    background: linear-gradient(270deg, rgb(248, 248, 248) 0%, rgba(248, 248, 248, 0) 100%);
}
.sectionSwiper .swiper-button-next::before, .sectionSwiper .swiper-button-prev::before {
    z-index: 20;
    display: block;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 9999px;
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 640px) {

    .sectionSwiper .swiper-button-next::before, .sectionSwiper .swiper-button-prev::before {
        height: 2.5rem;
        width: 2.5rem;
    }
}
.sectionSwiper .swiper-button-next::before, .sectionSwiper .swiper-button-prev::before {
    content: "";
    background: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}
.sectionSwiper .swiper-button-next::after, .sectionSwiper .swiper-button-prev::after {
    position: absolute;
    top: 50%;
    z-index: 20;
    margin: -0.25rem;
    display: block;
    height: 0.5rem;
    width: 0.5rem;
    background-image: none;
    --tw-text-opacity: 1;
    color: rgb(131 144 150 / var(--tw-text-opacity));
}
@media (min-width: 640px) {

    .sectionSwiper .swiper-button-next::after, .sectionSwiper .swiper-button-prev::after {
        margin: -0.375rem;
        height: 0.75rem;
        width: 0.75rem;
    }
}
.sectionSwiper .swiper-button-next::after, .sectionSwiper .swiper-button-prev::after {
    border: 1px solid;
    border-bottom: none;
    border-left: none;
    content: "";
    left: calc(50% - 0.15rem);
    transform: rotate(45deg);
}

.sectionSwiper .swiper-button-prev {
    margin-right: 0px;
    margin-left: -0.75rem;
    transform: rotate(180deg);
}

.bottom_menu {
    margin: 1rem;
    margin-top: 1.5rem;
}
.bottom_menu nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.bottom_menu_title {
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(172 220 222 / var(--tw-text-opacity));
}
.bottom_menu li {
    margin-bottom: 0.75rem;
    display: block;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(197 217 227 / var(--tw-text-opacity));
}
.bottom_menu li:hover {
    --tw-text-opacity: 1;
    color: rgb(215 237 247 / var(--tw-text-opacity));
}
.bottom_menu li:active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {

    .bottom_menu li {
        margin-bottom: 0px;
    }
}

.bagesList {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.bagesList .swiper-wrapper {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.bagesList .swiper-button-next, .bagesList .swiper-button-prev {
    position: absolute;
    z-index: 10;
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
    margin-right: -0.75rem;
    height: 3rem;
    width: 2rem;
}

@media (min-width: 640px) {

    .bagesList .swiper-button-next, .bagesList .swiper-button-prev {
        width: 4rem;
    }
}

.bagesList .swiper-button-next, .bagesList .swiper-button-prev {
    background: linear-gradient(270deg, rgb(248, 248, 248) 0%, rgba(248, 248, 248, 0) 100%);
}
.bagesList .swiper-button-next::before, .bagesList .swiper-button-prev::before {
    z-index: 20;
    display: block;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 9999px;
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 640px) {

    .bagesList .swiper-button-next::before, .bagesList .swiper-button-prev::before {
        height: 2.5rem;
        width: 2.5rem;
    }
}
.bagesList .swiper-button-next::before, .bagesList .swiper-button-prev::before {
    content: "";
    background: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}
.bagesList .swiper-button-next::after, .bagesList .swiper-button-prev::after {
    position: absolute;
    top: 50%;
    z-index: 20;
    margin: -0.25rem;
    display: block;
    height: 0.5rem;
    width: 0.5rem;
    background-image: none;
    --tw-text-opacity: 1;
    color: rgb(131 144 150 / var(--tw-text-opacity));
}
@media (min-width: 640px) {

    .bagesList .swiper-button-next::after, .bagesList .swiper-button-prev::after {
        margin: -0.375rem;
        height: 0.75rem;
        width: 0.75rem;
    }
}
.bagesList .swiper-button-next::after, .bagesList .swiper-button-prev::after {
    border: 1px solid;
    border-bottom: none;
    border-left: none;
    content: "";
    left: calc(50% - 0.15rem);
    transform: rotate(45deg);
}

.bagesList .swiper-button-prev {
    margin-right: 0px;
    margin-left: -0.75rem;
    transform: rotate(180deg);
}

.bage_btn {
    display: flex !important;
    align-items: center;
    margin-right: 0.5rem;
    max-width: 100%;
    overflow: clip;
    white-space: nowrap;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(172 220 222 / var(--tw-bg-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
}

@media (min-width: 640px){
    .bage_btn {
        font-size: 0.875rem;
    }
}

.bage_btn:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(60 66 69 / var(--tw-bg-opacity));
    background-position: bottom;
    --tw-text-opacity: 1;
    color: rgb(214 254 255 / var(--tw-text-opacity));
}

.bage_btn:active {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.bage_btn.swiper-slide {
    height: auto;
    width: auto;
}
.bage_btn.selected {
    --tw-bg-opacity: 1;
    background-color: rgb(60 66 69 / var(--tw-bg-opacity));
    background-position: bottom;
    --tw-text-opacity: 1;
    color: rgb(214 254 255 / var(--tw-text-opacity));
}
.bage_btn.selected:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(60 66 69 / var(--tw-bg-opacity));
    background-position: bottom;
    --tw-text-opacity: 1;
    color: rgb(214 254 255 / var(--tw-text-opacity));
}
.bage_btn.selected:active {
    --tw-bg-opacity: 1;
    background-color: rgb(60 66 69 / var(--tw-bg-opacity));
    background-position: bottom;
    --tw-text-opacity: 1;
    color: rgb(214 254 255 / var(--tw-text-opacity));
}

.histories {
    margin-bottom: 5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-top-width: 4px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(19 19 19 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(60 66 69 / var(--tw-bg-opacity));
    background-position: bottom;
}
.histories .indicator {
    position: relative;
    margin-top: -0.25rem;
    margin-bottom: 1.25rem;
    height: 0.25rem;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(122 157 158 / var(--tw-bg-opacity));
}
.histories .indicator::after {
    content: "";
    transition: all 0.1s linear;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    display: block;
    height: 100%;
    width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(122 157 158 / var(--tw-bg-opacity));
}
.histories .body {
    margin-bottom: -1.25rem;
}
.histories .body .swiper-wrapper {
    padding-bottom: 2rem;
}
.histories .footer {
    width: 100%;
}
@media (min-width: 400px) {

    .histories .footer {
        max-width: 400px;
    }
}
@media (min-width: 640px) {

    .histories .footer {
        max-width: 640px;
    }
}
@media (min-width: 768px) {

    .histories .footer {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {

    .histories .footer {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {

    .histories .footer {
        max-width: 1280px;
    }
}
@media (min-width: 1536px) {

    .histories .footer {
        max-width: 1536px;
    }
}
.histories .footer {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(131 144 150 / var(--tw-text-opacity));
}
.histories .footer .socials {
    display: flex;
    align-items: center;
}
.histories .footer .socials > * {
    margin-left: 0.5rem;
    text-align: right;
}
.histories .history_item {
    position: relative;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    margin-top: 1.25rem;
    box-sizing: border-box;
    height: 400px;
    width: 227px;
    overflow: hidden;
    border-radius: 1.5rem;
    background-color: transparent;
    padding: 1.5rem;
}
.histories .history_item img{
    transform: scale(1.05);
    transition: all 1s ease-in-out;
}
.histories .history_item:hover img{
    transform: scale(1.1);
}
@media (min-width: 640px) {

    .histories .history_item {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
        height: 500px;
        width: 280px;
    }
}
.histories .history_item {
    box-shadow: 0 1em 1.5em rgba(0, 0, 0, 0.5);
}
.histories .history_item .item_content {
    position: relative;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 20;
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}
.histories .history_item .item_content .title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.histories .history_item .item_content .subtitle {
    margin-top: 1rem;
    margin-bottom: 1rem;
    min-height: 50px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.histories .history_item video, .histories .history_item picture {
    position: absolute;
    z-index: -10;
    margin: -1.5rem;
    height: 400px;
    width: 227px;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (min-width: 640px) {

    .histories .history_item video, .histories .history_item picture {
        height: 500px;
        width: 280px;
    }
}
.histories .history_item .after {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 48.6%, #000000 100%);
}
.histories .swiper-button-next, .histories .swiper-button-prev {
    position: absolute;
    z-index: 10;
    margin-top: -280px;
    margin-bottom: -280px;
    margin-right: -0.75rem;
    display: none;
    height: 100%;
    width: 4rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media (min-width: 640px) {

    .histories .swiper-button-next, .histories .swiper-button-prev {
        display: flex;
        -webkit-user-select: auto;
        -moz-user-select: auto;
        user-select: auto;
    }
}
.histories .swiper-button-next, .histories .swiper-button-prev {
    background: linear-gradient(270deg, rgba(60, 66, 69, 0.63) 0%, rgba(60, 66, 69, 0) 100%);
}
.histories .swiper-button-next::before, .histories .swiper-button-prev::before {
    z-index: 20;
    display: block;
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 9999px;
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    content: "";
    background: rgba(184, 202, 212, 0.5);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}
.histories .swiper-button-next:hover::before, .histories .swiper-button-prev:hover::before {
    --tw-bg-opacity: 1;
    background-color: rgb(78 85 89 / var(--tw-bg-opacity));
}
.histories .swiper-button-next::after, .histories .swiper-button-prev::after {
    position: absolute;
    z-index: 20;
    margin: -0.375rem;
    display: block;
    height: 0.75rem;
    width: 0.75rem;
    --tw-text-opacity: 1;
    color: rgb(215 237 247 / var(--tw-text-opacity));
    background: none;
    border: 1px solid;
    border-bottom: none;
    border-left: none;
    content: "";
    left: calc(50% - 0.15rem);
    top: 50%;
    transform: rotate(45deg);
}
.histories .swiper-button-prev {
    margin-right: 0px;
    margin-left: -0.75rem;
    transform: rotate(180deg);
}

.catalog_top {
    margin-right: -1rem;
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.catalog_top .catalog_item {
    width: 100%;
    padding-bottom: 1rem;
    padding-right: 1rem;
}
@media (min-width: 640px) {

    .catalog_top .catalog_item {
        width: 50%;
    }
}
@media (min-width: 768px) {

    .catalog_top .catalog_item {
        width: 33.333333%;
    }
}
@media (min-width: 1024px) {

    .catalog_top .catalog_item {
        width: 25%;
    }
}
.catalog_top .catalog_item .goods_title, .catalog_top .catalog_item .goods_item {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.catalog_top .catalog_item .goods_item .images {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 15px 0 15px;
    min-height: 340px;
}
.catalog_top .catalog_item .goods_item .images a {
    display: block;
}
.catalog_top .catalog_item .goods_item .ram {
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-bottom: 0px;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
.catalog_top .catalog_item .goods_item .ram .flex-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.catalog_top .catalog_item .goods_item .description {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: space-between;
    min-height: 145px;
    padding: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(19 19 19 / var(--tw-text-opacity));
}
.catalog_top .catalog_item .goods_item .description_name {
    margin-bottom: 1rem;
    /*height: 69px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
}
.catalog_top .catalog_item .goods_item .description_name:hover {
    --tw-text-opacity: 1;
    color: rgb(113 145 146 / var(--tw-text-opacity));
}
.catalog_top .catalog_item .goods_item .description_price {
    font-size: 0.875rem;
    font-weight: 400;
    /*height: 20px;*/
    line-height: 1.25rem;
    display: flex;
    flex-direction: column;
}
.catalog_top .catalog_item .goods_title {
    position: relative;
    z-index: -10;
    min-height: 400px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.catalog_top .catalog_item .goods_title video, .catalog_top .catalog_item .goods_title picture {
    position: absolute;
    bottom: 0px;
    z-index: -10;
    margin: 0px;
    display: block;
    height: 100%;
    width: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 0px;
}
.catalog_top .catalog_item .goods_title video img, .catalog_top .catalog_item .goods_title picture img {
    position: absolute;
    bottom: 0px;
    min-height: 100%;
    width: auto;
    min-width: 100%;
    -o-object-position: center;
    object-position: center;
    object-fit: cover;
}
.catalog_top .catalog_item .goods_title .item_content {
    position: relative;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 20;
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: 1rem;
}
.catalog_top .catalog_item .goods_title .item_content .section {
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(131 144 150 / var(--tw-text-opacity));
}
.catalog_top .catalog_item .goods_title .item_content .title {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
}
.catalog_top .catalog_item .goods_title .item_content .description {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.catalog_top .catalog_top_footer {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
}

.sticky{
    position: fixed;
    top: -100px;
    z-index: 20;
    display: flex;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    opacity: 0;
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition: all 0.5s ease-in-out;
}
.sticky.enabled{
    position: fixed;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
}
@media (min-width: 1024px){
    .sticky.enabled{
        top: 0px;
        opacity: 1;
    }
}
.sticky .wrapper{
    width: 100%;
}
@media (min-width: 400px){
    .sticky .wrapper{
        max-width: 400px;
    }
}
@media (min-width: 640px){
    .sticky .wrapper{
        max-width: 640px;
    }
}
@media (min-width: 768px){
    .sticky .wrapper{
        max-width: 768px;
    }
}
@media (min-width: 1024px){
    .sticky .wrapper{
        max-width: 1024px;
    }
}
@media (min-width: 1280px){
    .sticky .wrapper{
        max-width: 1280px;
    }
}
@media (min-width: 1536px){
    .sticky .wrapper{
        max-width: 1536px;
    }
}
.sticky .wrapper{
    display: flex;
    align-items: center;
    padding: 0.5rem;
}
.sticky .wrapper .design{
    padding: 0.5rem;
}
.sticky .wrapper .ram{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.5rem;
}
.sticky .wrapper .name{
    flex-grow: 1;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
.sticky .wrapper .price{
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
}
.sticky .wrapper .price span{
    -webkit-margin-start: 0.25rem;
    margin-inline-start: 0.25rem;
    --tw-text-opacity: 1;
    color: rgb(131 144 150 / var(--tw-text-opacity));
}
.sticky .wrapper .buttons{
    display: flex;
}
.sticky .wrapper .buttons .btn{
    margin-right: 0px;
    height: 2.5rem;
    padding: 0.75rem;
    font-size: 0.875rem;
    line-height: 1rem;
}

.catalog_detail_base {
    flex-direction: row;
    padding-bottom: 3rem;
}

@media (min-width: 1024px) {

    .catalog_detail_base {
        display: flex;
    }
}

.catalog_detail_base {
    border-bottom: 1px solid #B8CAD4;
}
.catalog_detail_base .detail_media_box {
    display: flex;
    height: 100%;
    max-height: 680px;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1.5rem;
}
@media (min-width: 1024px) {

    .catalog_detail_base .detail_media_box {
        width: 50%;
    }
}
.catalog_detail_base .detail_media_box {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.catalog_detail_base .detail_media_box .images_slider.swiper {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.catalog_detail_base .detail_media_box .images_slider.swiper .swiper-slide {
    width: 30%;
}

@media (min-width: 640px) {
    .catalog_detail_base .detail_media_box .images_slider.swiper .swiper-slide {
        width: 16.666667%;
    }
}

.catalog_detail_base .detail_media_box .images_slider.swiper .swiper-slide a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.catalog_detail_base .detail_media_box .images_slider.swiper .swiper-slide a img {
    height: 3.5rem;
    width: auto;
}
.catalog_detail_base .detail_media_box .images_slider.swiper .swiper-slide.selected {
    border-radius: 0.25rem;
    outline-style: solid;
    outline-width: 2px;
    outline-color: #C5D9E3;
}
.catalog_detail_base .detail_media_box .images_slider.swiper .swiper-slide:hover {
    border-radius: 0.25rem;
    outline-style: solid;
    outline-width: 2px;
    outline-color: #B8CAD4;
}
@media (min-width: 1024px) {

    .catalog_detail_commercial_box {
        width: 50%;
        padding-right: 1rem;
        padding-left: 2.5rem;
    }
}
@media (min-width: 1280px) {

    .catalog_detail_commercial_box {
        padding-left: 5rem;
    }
}
.catalog_detail_commercial_box p {
    margin-top: 2rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}
.catalog_detail_commercial_box .detail_prices .price {
    margin-right: 0.5rem;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
.catalog_detail_commercial_box .detail_prices .price span {
    --tw-text-opacity: 1;
    color: rgb(131 144 150 / var(--tw-text-opacity));
}
.catalog_detail_commercial_box .detail_prices .buttons {
    display: flex;
    max-width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
@media (min-width: 768px) {

    .catalog_detail_commercial_box .detail_prices .buttons {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}
.catalog_detail_commercial_box .detail_prices .buttons .btn {
    margin-left: 0px;
    padding: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
}
.catalog_detail_commercial_box .detail_prices .flex-list {
    flex-direction: column;
    align-items: flex-start;
}
@media (min-width: 768px) {

    .catalog_detail_commercial_box .detail_prices .flex-list {
        flex-direction: row;
        align-items: center;
    }
}
.catalog_detail_commercial_box .detail_design .flex-list {
    margin-bottom: 0;
    margin-top: 1rem;
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
    max-width: 410px;
    gap: 12px;
    flex-wrap: wrap;
}
.catalog_detail_commercial_box .detail_design .btn_design {
    height: 2rem;
    width: 2rem;
    margin: 0;
}
.catalog_detail_commercial_box .detail_design .btn_design:not(.selected)::before{
    position: absolute;
    top: 0px;
    left: 0px;
    margin: -0.25rem;
    display: block;
    height: 2.25rem;
    width: 2.25rem;
    border-radius: 9999px;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(215 237 247 / var(--tw-border-opacity));
    box-sizing: content-box;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    content: "";
}
.catalog_detail_commercial_box .detail_design .btn_design.selected::after, .catalog_detail_commercial_box .detail_design .btn_design:hover::after {
    height: 2.25rem;
    width: 2.25rem;
}
.catalog_detail_commercial_box .detail_ram .flex-list {
    margin-top: 1rem;
    flex-wrap: wrap;
}
.catalog_detail_commercial_box .detail_ram .btn_frammed {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}
.catalog_detail_commercial_box .detail_properties {
    position: relative;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(95 105 110 / var(--tw-text-opacity));
}
.catalog_detail_commercial_box .detail_properties .sentinal {
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #000000;
}
.catalog_detail_commercial_box .detail_properties dl {
    margin-top: 1.5rem;
    display: flex;
    flex-wrap: wrap;
}
.catalog_detail_commercial_box .detail_properties dl dt {
    position: relative;
    margin-bottom: 1rem;
    width: 50%;
    flex-grow: 1;
    overflow: hidden;
    padding-right: 1rem;
}
.catalog_detail_commercial_box .detail_properties dl dt::after {
    position: absolute;
    bottom: 0px;
    -webkit-margin-start: 0.25rem;
    margin-inline-start: 0.25rem;
    overflow: hidden;
    white-space: nowrap;
    --tw-text-opacity: 1;
    color: rgb(184 202 212 / var(--tw-text-opacity));
    --tw-content: "...............................";
    content: var(--tw-content);
    letter-spacing: 5px;
}
.catalog_detail_commercial_box .detail_properties dl dd {
    margin-bottom: 1rem;
    display: flex;
    width: 50%;
    flex-grow: 1;
    flex-direction: column-reverse;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.catalog_detail_description {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 3rem;
}
@media (min-width: 768px) {

    .catalog_detail_description {
        flex-wrap: nowrap;
    }
}
.catalog_detail_description h3 {
    margin-top: 0px;
    width: 100%;
    padding-bottom: 1.5rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
}
@media (min-width: 768px) {

    .catalog_detail_description h3 {
        width: 16.666667%;
    }
}
.catalog_detail_descriptionContent {
    width: 100%;
    font-family: 300;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}
@media (min-width: 768px) {

    .catalog_detail_descriptionContent {
        width: 66.666667%;
    }
}
.catalog_detail_descriptionContent ul {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    padding-left: 2.5rem;
}
.catalog_detail_descriptionContent ul li {
    position: relative;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}
.catalog_detail_descriptionContent ul li::before {
    position: absolute;
    top: 0.55em;
    left: -1rem;
    height: 0.375rem;
    width: 0.375rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(60 66 69 / var(--tw-bg-opacity));
    background-position: bottom;
    --tw-content: "";
    content: var(--tw-content);
}
.catalog_detail_descriptionContent .description_gallery {
    margin-top: 1.5rem;
    margin-bottom: 3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
@media (min-width: 640px) {

    .catalog_detail_descriptionContent .description_gallery {
        flex-wrap: nowrap;
    }
}
.catalog_detail_descriptionContent .description_gallery picture {
    margin-right: 1rem;
    margin-bottom: 1rem;
    width: 100%;
}
@media (min-width: 768px) {

    .catalog_detail_descriptionContent .description_gallery picture {
        width: auto;
    }
}
.catalog_detail_descriptionContent .description_gallery img {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    height: auto;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.catalog_detail_promo {
    --tw-bg-opacity: 1;
    background-color: rgb(60 66 69 / var(--tw-bg-opacity));
    background-position: bottom;
    padding-top: 5rem;
    padding-bottom: 2.5rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(166 183 191 / var(--tw-text-opacity));
}
.catalog_detail_promo .containered {
    width: 100%;
}
@media (min-width: 400px) {

    .catalog_detail_promo .containered {
        max-width: 400px;
    }
}
@media (min-width: 640px) {

    .catalog_detail_promo .containered {
        max-width: 640px;
    }
}
@media (min-width: 768px) {

    .catalog_detail_promo .containered {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {

    .catalog_detail_promo .containered {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {

    .catalog_detail_promo .containered {
        max-width: 1280px;
    }
}
@media (min-width: 1536px) {

    .catalog_detail_promo .containered {
        max-width: 1536px;
    }
}
.catalog_detail_promo .containered {
    margin-left: auto;
    margin-right: auto;
}
.catalog_detail_promo .line {
    margin-bottom: 2.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
@media (min-width: 640px) {

    .catalog_detail_promo .line {
        flex-direction: row;
    }

    .catalog_detail_promo .line:nth-child(even) {
        flex-direction: row-reverse;
    }
}
.catalog_detail_promo .line > * {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
}
@media (min-width: 640px) {

    .catalog_detail_promo .line > * {
        width: 50%;
    }
}
@media (min-width: 768px) {

    .catalog_detail_promo .line > * {
        width: 33.333333%;
    }
}
.catalog_detail_promo .line .photo img {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}
.catalog_detail_promo .line .photo img:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.catalog_detail_promo .line .text h4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.catalog_detail_promo .line .text p {
    width: 66.666667%;
}
.catalog_detail_properties {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 3rem;
    padding-bottom: 2.75rem;
}
@media (min-width: 1024px) {

    .catalog_detail_properties {
        flex-wrap: nowrap;
    }
}
.catalog_detail_properties {
    border-bottom: 1px solid #B8CAD4;
}
.catalog_detail_properties h3, .catalog_detail_properties .h3 {
    margin-top: 0px;
    width: 100%;
    padding-right: 1.5rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
}
@media (min-width: 1024px) {

    .catalog_detail_properties h3, .catalog_detail_properties .h3 {
        width: 16.666667%;
    }
}
.catalog_detail_propertiesContent {
    margin-top: 2rem;
    width: 100%;
}
@media (min-width: 1024px) {

    .catalog_detail_propertiesContent {
        margin-top: auto;
        width: 66.666667%;
    }
}
.catalog_detail_propertiesContent dl {
    display: flex;
    flex-wrap: wrap;
}
.catalog_detail_propertiesContent dl dt {
    margin-bottom: 0.25rem;
    width: 100%;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {

    .catalog_detail_propertiesContent dl dt {
        margin-bottom: 1rem;
        width: 33.333333%;
    }
}
.catalog_detail_propertiesContent dl dd {
    margin-bottom: 1rem;
    width: 100%;
    font-family: 300;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(78 85 89 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {

    .catalog_detail_propertiesContent dl dd {
        width: 66.666667%;
    }
}

.images_slider {
    margin-top: 1.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.images_slider .swiper-wrapper {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.images_slider .swiper-button-next, .images_slider .swiper-button-prev {
    position: absolute;
    z-index: 10;
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
    margin-right: -0.75rem;
    height: 3rem;
    width: 2rem;
}

@media (min-width: 640px) {

    .images_slider .swiper-button-next, .images_slider .swiper-button-prev {
        width: 4rem;
    }
}

.images_slider .swiper-button-next, .images_slider .swiper-button-prev {
    background: linear-gradient(270deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.images_slider .swiper-button-next::before, .images_slider .swiper-button-prev::before {
    z-index: 20;
    display: block;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 9999px;
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 640px) {

    .images_slider .swiper-button-next::before, .images_slider .swiper-button-prev::before {
        height: 2.5rem;
        width: 2.5rem;
    }
}
.images_slider .swiper-button-next::before, .images_slider .swiper-button-prev::before {
    content: "";
    background: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}
.images_slider .swiper-button-next::after, .images_slider .swiper-button-prev::after {
    position: absolute;
    top: 50%;
    z-index: 20;
    margin: -0.25rem;
    display: block;
    height: 0.5rem;
    width: 0.5rem;
    background-image: none;
    --tw-text-opacity: 1;
    color: rgb(131 144 150 / var(--tw-text-opacity));
}
@media (min-width: 640px) {

    .images_slider .swiper-button-next::after, .images_slider .swiper-button-prev::after {
        margin: -0.375rem;
        height: 0.75rem;
        width: 0.75rem;
    }
}
.images_slider .swiper-button-next::after, .images_slider .swiper-button-prev::after {
    border: 1px solid;
    border-bottom: none;
    border-left: none;
    content: "";
    left: calc(50% - 0.15rem);
    transform: rotate(45deg);
}

.images_slider .swiper-button-prev {
    margin-right: 0px;
    margin-left: -0.75rem;
    transform: rotate(180deg);
}

.btn_frammed {
    margin: 0.25rem;
    display: block;
    cursor: pointer;
    border-radius: 0.375rem;
    background-color: transparent;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(166 183 191 / var(--tw-text-opacity));
}

.btn_frammed:hover {
    --tw-border-opacity: 1;
    border-color: rgb(113 124 130 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(113 124 130 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn_frammed:active {
    --tw-border-opacity: 1;
    border-color: rgb(113 124 130 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(113 124 130 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn_frammed {
    border: 2px solid;
}
.btn_frammed__small {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.btn_frammed.selected {
    --tw-border-opacity: 1;
    border-color: rgb(166 183 191 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(166 183 191 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn_frammed.selected:active {
    --tw-border-opacity: 1;
    border-color: rgb(113 124 130 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(113 124 130 / var(--tw-bg-opacity));
}

.design .flex-list {
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    width: 100%;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem;
    flex-wrap: wrap-reverse;
}

.btn_design {
    position: relative;
    margin: 0.375rem;
    margin-bottom: 0px;
    height: 1.25rem;
    width: 1.25rem;
    cursor: pointer;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.btn_design:not(.selected)::before{
    position: absolute;
    top: 0px;
    left: 0px;
    margin: -0.25rem;
    display: block;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 9999px;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(215 237 247 / var(--tw-border-opacity));
    box-sizing: content-box;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    content: "";
}
.btn_design.selected::after, .btn_design:hover::after {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: -0.25rem;
    box-sizing: content-box;
    display: block;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 9999px;
    --tw-text-opacity: 1;
    color: rgb(131 144 150 / var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    border: 2px solid;
    content: "";
}

.main_banner {
    margin-top: 3rem;
    margin-bottom: 3rem;
    font-family: 300;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 300;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(95 105 110 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .main_banner {
        font-size: 3.75rem;
        line-height: 1;
    }
}
.main_banner span {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(162 208 209 / var(--tw-text-opacity));
}

.form{
    padding: 1rem;
}

.form-fast-buy .form-block-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(184 202 212 / var(--tw-border-opacity));
}

@media (min-width: 768px) {

    .form-fast-buy .form-block-content:first-child {
        flex-wrap: nowrap;
    }
}
.form-fast-buy .form-block-image {
    max-width: 100px;
    max-height: 80px;
    overflow: hidden;
}
.form-fast-buy .form-block-text {
    margin-left: 1rem;
    margin-right: 1rem;
    display: flex;
    flex-direction: column;
    text-align: start;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
}
.form-fast-buy .form-block-text-top {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    --tw-text-opacity: 1;
    color: rgb(19 19 19 / var(--tw-text-opacity));
}
.form-fast-buy .form-block-text-color {
    margin-top: 0.5rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.form-fast-buy .form-block-text-color .btn_design {
    margin: 0px;
    cursor: auto;
}
.form-fast-buy .form-block-text-color span {
    margin-left: 1rem;
    cursor: default;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(166 183 191 / var(--tw-bg-opacity));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.form-fast-buy .form-block-text-name {
    padding-right: 1.5rem;
}
.form-fast-buy .form-block-price {
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
}
.form-fast-buy .form-block-input {
    margin-top: 1rem;
    width: 100%;
    text-align: start;
}
@media (min-width: 768px) {
    .form-fast-buy .form-block-input {
        width: calc(50% - 8px);
    }
}
.form-fast-buy .form-block-input label {
    text-align: start;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}
.form-fast-buy .form-block-input input, .form-fast-buy .form-block-input select {
    margin-top: 0.5rem;
    width: 100%;
    border-radius: 9999px;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(184 202 212 / var(--tw-border-opacity));
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}
.form-fast-buy .form-block-input input::-moz-placeholder, .form-fast-buy .form-block-input select::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(184 202 212 / var(--tw-placeholder-opacity));
}
.form-fast-buy .form-block-input input::placeholder, .form-fast-buy .form-block-input select::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(184 202 212 / var(--tw-placeholder-opacity));
}
.form-fast-buy .form-block-input .inp-div {
    position: relative;
}
.form-fast-buy .form-block-input.right .inp-div input {
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}
.form-fast-buy .form-block-input.right .inp-div .icon-form {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 21px;
    width: 21px;
    background: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 10L9.5 13.5L15.5 7.5' stroke='%234E5674' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='10.5' cy='10.5' r='9.5' stroke='%234E5674' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat center/cover;
}
.form-fast-buy .form-block-input.error .inp-div input {
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity));
}
.form-fast-buy .form-block-input.error .inp-div .icon-form {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 21px;
    width: 21px;
    background: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='9.5' stroke='%23FF0000' stroke-width='2'/%3E%3Cpath d='M7 7L14 14' stroke='%23FF0000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M14 7L7 14' stroke='%23FF0000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat center/cover;
}
.form-fast-buy .form-block-close {
    position: absolute;
    right: 0px;
    height: 3rem;
    width: 3rem;
    font-size: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(131 144 150 / var(--tw-text-opacity));
}
.form-fast-buy .form-block-close:hover {
    --tw-text-opacity: 1;
    color: rgb(166 183 191 / var(--tw-text-opacity));
}
.form-fast-buy .form-block-close:active {
    --tw-text-opacity: 1;
    color: rgb(95 105 110 / var(--tw-text-opacity));
}
@media (min-width: 768px) {

    .form-fast-buy .form-block-close {
        position: relative;
    }
}
.form-fast-buy .form-method-payment {
    text-align: start;
}
.form-fast-buy .form-method-payment h3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    color: #111827;
}
.form-fast-buy .form-method-receipt {
    position: relative;
}
.form-fast-buy .form-method-receipt label:hover::before {
    display: block;
    --tw-bg-opacity: 1;
    background-color: rgb(132 169 170 / var(--tw-bg-opacity));
}
.form-fast-buy .form-method-receipt input:not(:checked):active + label::before, .form-fast-buy .form-method-receipt input:checked + label::before {
    display: block;
}
.form-fast-buy .form-method-receipt input:checked:active + label::before, .form-fast-buy .form-method-receipt input:not(:checked) + label::before {
    display: none;
}
.form-fast-buy .form-method-receipt label {
    margin-left: 2rem;
    cursor: pointer;
}
.form-fast-buy .form-method-receipt label::after, .form-fast-buy .form-method-receipt label::before {
    position: absolute;
    border-radius: 9999px;
    content: "";
}
.form-fast-buy .form-method-receipt label::after {
    left: 0px;
    height: 1.5rem;
    width: 1.5rem;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(197 217 227 / var(--tw-border-opacity));
}
.form-fast-buy .form-method-receipt label::before {
    left: 0.25rem;
    top: 0.25rem;
    height: 1rem;
    width: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(113 145 146 / var(--tw-bg-opacity));
}
.form-fast-buy .button-form {
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-left: 4rem;
    padding-right: 4rem;
}
.form-fast-buy p {
    margin: auto;
    max-width: 25rem;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    color: #757B80;
}

.form .h1{
    text-align: start;
    margin-bottom: 1.5rem;
    font-size: 30px;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
}
.form .order-confirm{
    text-align: start;
    margin-bottom: 1.5rem;
    font-size: 18px;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
}
.form p{
    text-align: start;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}
.form .btn{
    margin-top: 24px;
    width: 280px;
}

.swal2-popup {
    position: relative !important;
    border-radius: 12px !important;
    max-width: 720px !important;
    padding: 0 !important;
    width: 100% !important;
}
.swal2-html-container {
    margin: 26px !important;
}

.animate__animated {
    animation-fill-mode: both;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.animate__fadeInDown {
    animation-name: fadeInDown;
    animation-timing-function: ease-out;
    animation-duration: 0.5s;
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, 20%, 0);
    }
}
.animate__fadeOutDown {
    animation-name: fadeOutDown;
    animation-timing-function: ease-in;
    animation-duration: 0.3s;
}

.disabled {
    pointer-events: none;
    cursor: default;
    --tw-bg-opacity: 1;
    background-color: rgb(113 124 130 / var(--tw-bg-opacity));
}

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

.swiper, swiper-container {
    width: 100%;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

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

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

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

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: "next";
}

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

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

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

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-cube {
    overflow: visible;
}

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

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

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

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

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

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

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

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

.swiper-flip {
    overflow: visible;
}

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

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

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

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

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

.swiper-cards {
    overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

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

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

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

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: "next";
}

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

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

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

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-cube {
    overflow: visible;
}

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

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

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

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

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

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

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

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

.swiper-flip {
    overflow: visible;
}

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

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

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

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

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

.swiper-cards {
    overflow: visible;
}

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

.pb-0{
    padding-bottom: 0;
}

.order-form h3{
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
}
.order-form .button-form{
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-left: 4rem;
    padding-right: 4rem;
}
.order-form p{
    max-width: 25rem;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    color: #757B80;
}
.order-block-content{
    display: flex;
    flex-direction: column;
    border-bottom-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(184 202 212 / var(--tw-border-opacity));
}
.order-block-top, .order-block-bottom{
    display: flex;
    max-width: 880px;
    flex-wrap: wrap;
}
.order-block-input{
    margin-top: 1rem;
    width: 100%;
    text-align: start;
}
@media (min-width: 640px){
    .order-block-input{
        margin-right: 20px;
        width: 46%;
    }
}
@media (min-width: 768px){
    .order-block-input{
        width: 31%;
    }
}
.order-block-input label{
    text-align: start;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}
.order-block-input input, .order-block-input select{
    margin-top: 0.5rem;
    width: 100%;
    border-radius: 9999px;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(184 202 212 / var(--tw-border-opacity));
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}
.order-block-input input::-moz-placeholder, .order-block-input select::-moz-placeholder{
    --tw-placeholder-opacity: 1;
    color: rgb(184 202 212 / var(--tw-placeholder-opacity));
}
.order-block-input input::placeholder, .order-block-input select::placeholder{
    --tw-placeholder-opacity: 1;
    color: rgb(184 202 212 / var(--tw-placeholder-opacity));
}
.order-block-input .inp-div{
    position: relative;
}
.order-block-input.right .inp-div input{
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}
.order-block-input.right .inp-div .icon-form{
    position: absolute;
    top: 20px;
    right: 20px;
    height: 21px;
    width: 21px;
    background: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 10L9.5 13.5L15.5 7.5' stroke='%234E5674' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='10.5' cy='10.5' r='9.5' stroke='%234E5674' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat center/cover;
}
.order-block-input.error .inp-div input{
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity));
}
.order-block-input.error .inp-div .icon-form{
    position: absolute;
    top: 20px;
    right: 20px;
    height: 21px;
    width: 21px;
    background: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='9.5' stroke='%23FF0000' stroke-width='2'/%3E%3Cpath d='M7 7L14 14' stroke='%23FF0000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M14 7L7 14' stroke='%23FF0000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat center/cover;
}
.order-block-bottom{
    margin-bottom: 2rem;
}
.order-block-bottom span{
    margin-top: 1rem;
    text-align: start;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}
.order-block-bottom div{
    margin-top: 0.5rem;
    width: 100%;
    border-radius: 1.5rem;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(184 202 212 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1rem;
}
.order-block-bottom div textarea{
    height: 160px;
    width: 100%;
    resize: none;
    overflow-y: auto;
    border-style: none;
    padding: 0px;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}
.order-block-bottom div textarea:focus{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.order-block-bottom div textarea:focus-visible{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.order-block-bottom div textarea {
    scrollbar-width: thin;
    scrollbar-color: #B8CAD4 #5F696E;
}
.order-block-bottom div textarea::-webkit-scrollbar{
    margin-right: 1rem;
    width: 5px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.order-block-bottom div textarea::-webkit-scrollbar-track{
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(184 202 212 / var(--tw-bg-opacity));
}
.order-block-bottom div textarea::-webkit-scrollbar-thumb{
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(95 105 110 / var(--tw-bg-opacity));
}
.order-method-payment{
    text-align: start;
}
.order-method-payment h3{
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    color: #111827;
}
.order-method-receipt{
    position: relative;
}
.order-method-receipt label:hover::before{
    display: block;
    --tw-bg-opacity: 1;
    background-color: rgb(132 169 170 / var(--tw-bg-opacity));
}
.order-method-receipt input:not(:checked):active + label::before, .order-method-receipt input:checked + label::before{
    display: block;
}
.order-method-receipt input:checked:active + label::before, .order-method-receipt input:not(:checked) + label::before{
    display: none;
}
.order-method-receipt label{
    margin-left: 2rem;
    cursor: pointer;
}
.order-method-receipt label::after, .order-method-receipt label::before{
    position: absolute;
    border-radius: 9999px;
    content: "";
}
.order-method-receipt label::after{
    left: 0px;
    top: 0;
    height: 1.5rem;
    width: 1.5rem;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(197 217 227 / var(--tw-border-opacity));
}
.order-method-receipt label::before{
    left: 0.25rem;
    top: 0.25rem;
    height: 1rem;
    width: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(113 145 146 / var(--tw-bg-opacity));
}

.basket .basket_head{
    display: none;
    padding-bottom: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1rem;
}

@media (min-width: 768px){
    .basket .basket_head{
        display: flex;
    }
}
.basket .basket_head_name{
    display: flex;
    width: 50%;
    justify-content: flex-start;
    padding-left: 5rem;
}
.basket .basket_head_price{
    width: 16.666667%;
}
.basket .basket_head_quantity{
    width: 16.666667%;
}
.basket .basket_head_summ{
    width: 16.666667%;
}
.basket .basket_body{
    margin-bottom: 2rem;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.basket .basket_body_line{
    display: flex;
    flex-wrap: wrap;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
@media (min-width: 768px){
    .basket .basket_body_line{
        flex-wrap: nowrap;
    }
}
.basket .basket_body_line {
    border-bottom: 1px solid #f1f1f1;
}
.basket .basket_body_name{
    display: flex;
    flex-grow: 1;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
}
@media (min-width: 768px){
    .basket .basket_body_name{
        width: 50%;
    }
}
.basket .basket_body_name_img{
    display: flex;
    height: 5rem;
    width: 6rem;
    min-width: -moz-max-content;
    min-width: max-content;
    align-items: center;
    justify-content: center;
}
.basket .basket_body_name_img img{
    height: 100%;
    width: auto;
}
.basket .basket_body_name_sku{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.basket .basket_body_name_sku > *{
    margin-right: 0.5rem;
}
.basket .basket_body_name_sku p{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    width: 100%;
}
.basket .basket_body_name_sku .design{
    height: 1rem;
    width: 1rem;
    border-radius: 9999px;
}
.basket .basket_body_name_sku .ram{
    margin-bottom: 0.5rem;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(166 183 191 / var(--tw-bg-opacity));
    padding: 0.25rem;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.basket .basket_body_cols{
    display: flex;
    width: 100%;
    justify-content: flex-end;
}
@media (min-width: 768px){
    .basket .basket_body_cols{
        width: 50%;
        justify-content: normal;
    }
}
.basket .basket_body_price, .basket .basket_body_summ, .basket .basket_body_quantity{
    display: flex;
    white-space: nowrap;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
}
@media (min-width: 768px){
    .basket .basket_body_price, .basket .basket_body_summ, .basket .basket_body_quantity{
        width: 25%;
    }
    .basket .basket_body_action{
        width: 25%;
    }
}
.basket .basket_body .quantity{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
@media (min-width: 768px){
    .basket .basket_body .quantity{
        width: 33.333333%;
        width: auto;
    }
}
.basket .basket_body .quantity > *{
    margin-right: 0.5rem;
    margin-left: 0px;
}
.basket .basket_body .quantity button.btn_frammed.btn_frammed__rounded{
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 9999px;
    --tw-border-opacity: 1;
    border-color: rgb(37 99 235 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity));
}
.basket .basket_body .quantity button.btn_frammed.btn_frammed__rounded.disabled{
    pointer-events: none;
    --tw-border-opacity: 1;
    border-color: rgb(166 183 191 / var(--tw-border-opacity));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(166 183 191 / var(--tw-text-opacity));
}
.basket .basket_body .quantity button.btn_frammed.btn_frammed__rounded:hover{
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
.basket .basket_body .quantity button.btn_frammed.btn_frammed__rounded:active{
    --tw-bg-opacity: 1;
    background-color: rgb(172 220 222 / var(--tw-bg-opacity));
}
.basket .basket_body .quantity input{
    height: 2.5rem;
    width: 50%;
    max-width: 100px;
    border-radius: 9999px;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(166 183 191 / var(--tw-border-opacity));
    text-align: center;
}
.basket .basket_body .quantity input::-webkit-outer-spin-button, .basket .basket_body .quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.basket .basket_body_price, .basket .basket_body_summ{
    margin: 0.25rem;
    padding: 0.25rem;
    background: rgba(197, 217, 227, 0.1);
}
.basket .basket_body_summ{
    display: none;
    font-weight: 400;
}
@media (min-width: 640px){
    .basket .basket_body_summ{
        display: block;
    }
}
.basket .basket_body .action{
    position: relative;
    margin: 0.5rem;
    height: 1rem;
    width: 1rem;
    cursor: pointer;
}
.basket .basket_body .action::before{
    position: absolute;
    left: 0.375rem;
    height: 1rem;
    width: 0px;
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-right-width: 2px;
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-right-color: rgb(166 183 191 / var(--tw-border-opacity));
}
.basket .basket_body .action::after{
    position: absolute;
    left: 0.375rem;
    height: 1rem;
    width: 0px;
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-right-width: 2px;
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-right-color: rgb(166 183 191 / var(--tw-border-opacity));
}
.basket .basket_body .action:hover::before{
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-right-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.basket .basket_body .action:hover::after{
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-right-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.basket .basket_body .basket_footer{
    display: flex;
    justify-content: flex-end;
}
@media (min-width: 768px){
    .basket .basket_body .basket_footer::after{
        content: var(--tw-content);
        width: 8.333333%;
    }
}
@media (min-width: 1024px){
    .basket .basket_body .basket_footer::after{
        content: var(--tw-content);
        width: 16.666667%;
    }
}
.basket .basket_body .basket_footer_price{
    padding: 0.5rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
.basket .basket_body .basket_footer_price::before{
    -webkit-margin-end: 0.25rem;
    margin-inline-end: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1rem;
    --tw-content: "Итого:";
    content: var(--tw-content);
}

.two-columns{
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px){
    .two-columns{
        flex-direction: row;
    }
}
.two-columns .first-column{
    order: 2;
    width: 100%;
}
@media (min-width: 768px){
    .two-columns .first-column{
        order: 1;
        width: 75%;
    }
}
.two-columns .first-column .intro_text{
    width: 100%;
}
.two-columns .first-column .intro_text .subtitle{
    margin-top: 0px;
}
.two-columns .second-column{
    order: 1;
}
@media (min-width: 768px){
    .two-columns .second-column{
        order: 2;
    }
}
.two-columns .second-column .sticky-lol{
    position: sticky;
    top: 1rem;
}
.two-columns .second-column .sticky-lol a{
    margin-bottom: 0.5rem;
    display: block;
}

.tiles{
    margin-top: 2.5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.tiles .tile{
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}
@media (min-width: 640px){
    .tiles .tile{
        width: 50%;
    }
}
@media (min-width: 768px){
    .tiles .tile{
        width: 33.333333%;
    }
}
@media (min-width: 1024px){
    .tiles .tile{
        width: 25%;
    }
}
.tiles .tile h4{
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.75rem;
}
.tiles .tile:nth-child(1){
    --tw-bg-opacity: 1;
    background-color: rgb(214 254 255 / var(--tw-bg-opacity));
}
.tiles .tile:nth-child(2){
    --tw-bg-opacity: 1;
    background-color: rgb(240 223 213 / var(--tw-bg-opacity));
}
.tiles .tile:nth-child(3){
    --tw-bg-opacity: 1;
    background-color: rgb(172 220 222 / var(--tw-bg-opacity));
}
.tiles .tile:nth-child(4){
    --tw-bg-opacity: 1;
    background-color: rgb(255 242 235 / var(--tw-bg-opacity));
}
.tiles .tile:nth-child(5){
    --tw-bg-opacity: 1;
    background-color: rgb(235 217 206 / var(--tw-bg-opacity));
}
.tiles .tile:nth-child(6){
    --tw-bg-opacity: 1;
    background-color: rgb(172 220 222 / var(--tw-bg-opacity));
}

.intro_text{
    margin-bottom: 1.5rem;
    padding-top: 1.5rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}

@media (min-width: 768px){
    .intro_text{
        width: 75%;
    }
}
.intro_text p{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.intro_text ul{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    padding-left: 2.5rem;
}
.intro_text ul li{
    position: relative;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}
.intro_text ul li::before{
    position: absolute;
    top: 0.55em;
    left: -1rem;
    height: 0.375rem;
    width: 0.375rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(60 66 69 / var(--tw-bg-opacity));
    background-position: bottom;
    --tw-content: "";
    content: var(--tw-content);
}
.intro_text a{
    --tw-text-opacity: 1;
    color: rgb(113 145 146 / var(--tw-text-opacity));
    text-decoration-line: underline;
}
.intro_text a:hover{
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

h3{
    margin-top: 2.5rem;
    margin-bottom: 0px;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
}

.columns{
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    display: block;
}
.columns .subtitle{
    /*margin-top: 1.5rem;*/
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
}
.columns .row{
    display: flex;
    flex-wrap: wrap;
}
.columns .row .col{
    display: block;
    width: 100%;
    flex-grow: 1;
    padding-right: 1.5rem;
}
@media (min-width: 640px){
    .columns .row .col{
        width: 50%;
        max-width: 50%;
    }
}
@media (min-width: 768px){
    .columns .row .col{
        width: 25%;
        max-width: 25%;
    }
    .columns .row .col.col-6 {
        width: 50%;
        max-width: 50%;
    }
}
.columns .row .col p.phone{
    font-family: 300;
    font-size: 1.875rem;
    font-weight: 300;
    line-height: 2.25rem;
    --tw-text-opacity: 1;
    color: rgb(113 124 130 / var(--tw-text-opacity));
}
.columns .row .col p.email{
    font-family: 300;
    font-size: 1.875rem;
    font-weight: 300;
    line-height: 2.25rem;
    --tw-text-opacity: 1;
    color: rgb(113 124 130 / var(--tw-text-opacity));
}
.columns .row .col p.address{
    display: inline-block;
    line-height: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(60 66 69 / var(--tw-text-opacity));
}
.columns .row .col small{
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(113 124 130 / var(--tw-text-opacity));
}
.columns .social{
    margin-top: 0px;
    display: flex;
    justify-content: flex-start;
    padding-top: 0px;
}
.columns .social a{
    margin-right: 0.25rem;
    padding: 0px;
}

.theme_logo{
    margin: 2.5rem;
    display: flex;
    justify-content: center;
}

.catalog-header{
    padding-top: 3rem;
    margin-bottom: 1.5rem;
    margin-top: 0;
}

.det_slider .swiper-wrapper .image picture {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.det_slider .swiper-wrapper .image picture img {
    width: auto;
    max-height: 530px;
}

@media (min-width: 320px){
    .detail_media_box {
        min-height: 472px;
    }
    .det_slider .swiper-wrapper .image picture {
        min-height: 320px;
    }
}

@media (min-width: 400px){
    .detail_media_box {
        min-height: 572px;
    }
    .det_slider .swiper-wrapper .image picture {
        min-height: 426.6px;
    }
}

@media (min-width: 640px){
    .detail_media_box {
        min-height: 680px;
    }
    .det_slider .swiper-wrapper .image picture {
        min-height: 530px;
    }
    .form-fast-buy .form-block-text-name {
        min-width: 420px;
    }
}

.col.col-address small a, .spec-link{
    border-bottom: 2px solid #A6B7BF4D;
    color: #84A9AA;
}
.col.col-address small a:hover, .spec-link:hover{
    color: #3C4245;
}

.mt-50{
    margin-top: 50px;
}
/* Сортировка старт */
.block-sort-items {
    margin-top: 1rem;
    position: relative;
    display: none;
}

.block-sort-items.mobile{
    display: block;
}

.block-sort-items .selected-sort {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    border-radius: 22px;
    border: 2px solid transparent;
    padding: 5px 5px 5px 16px;
    transition: all 0.3s ease-in-out;
}

.block-sort-items .selected-sort:hover {
    border: 2px solid #B8CAD4;
}

.block-sort-items .selected-sort .sort {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-right: 16px;
    cursor: default;
}

.block-sort-items .selected-sort .change-sort {
    display: flex;
    width: 30px;
    height: 30px;
    border-radius: 9999px;
    background-color: #FFF;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.block-sort-items .selected-sort .change-sort:hover,
.block-sort-items .selected-sort .change-sort.active:hover {
    background-color: #BFF6F7;
}

.block-sort-items .selected-sort .change-sort::before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #839096;
    border-right: 2px solid #839096;
    transform: rotate(45deg);
    margin-top: -2px;
    transition: all 0.3s ease-in-out;
}

.block-sort-items .selected-sort .change-sort:hover::before,
.block-sort-items .selected-sort .change-sort.active:hover::before {
    border-bottom: 2px solid #3C4245;
    border-right: 2px solid #3C4245;
}

.block-sort-items .selected-sort .change-sort.active {
    background-color: #CBD5E1;
}

.block-sort-items .selected-sort .change-sort.active::before {
    border-bottom: 2px solid #F8F8F8;
    border-right: 2px solid #F8F8F8;
    transform: rotate(-135deg);
    margin-top: 2px;
}

.block-sort-items .other-sort {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: absolute;
    background: #F8F8F8;
    box-shadow: 0px 12px 24px 0px #00000026;
    padding: 8px;
    border-radius: 8px;
    right: 16px;
    z-index: 1000;
}

.block-sort-items .other-sort .sort {
    padding: 8px 12px;
    border-radius: 4px;
    background: #ACDCDE;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #111827;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.block-sort-items .other-sort .sort.active,
.block-sort-items .other-sort .sort:hover {
    background: #3C4245;
    color: #D6FEFF;
}

.block-sort-items .other-sort .sort.active {
    pointer-events: none;
}

@media (min-width: 640px){
    .block-catalog-header {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .block-sort-items.mobile{
        display: none;
    }

    .block-sort-items {
        margin-top: 3rem;
        display: block;
    }
}
/* Сортировка конец */

/* Геолокация старт */
.block-geo {
    position: relative;
    display: flex;
    flex-direction: column;
}

.block-geo .block-geo-top {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: 4px;
}

.block-geo .block-geo-top .block-geo-top-sign {
    width: 30px;
    height: 30px;
    margin-bottom: 4px;
    transition: all 0.3s ease-in-out;
    background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 1.55554C13.7317 1.55812 11.5571 2.46033 9.95313 4.06425C8.34921 5.66817 7.447 7.84281 7.44443 10.1111C7.44443 17.4319 15.2222 22.9609 15.5537 23.1923C15.6845 23.2839 15.8403 23.3331 16 23.3331C16.1597 23.3331 16.3155 23.2839 16.4462 23.1923C16.7778 22.9609 24.5555 17.4319 24.5555 10.1111C24.553 7.84281 23.6507 5.66817 22.0468 4.06425C20.4429 2.46033 18.2683 1.55812 16 1.55554ZM16 6.99998C16.6153 6.99998 17.2168 7.18245 17.7284 7.5243C18.24 7.86615 18.6388 8.35204 18.8743 8.92052C19.1097 9.489 19.1714 10.1145 19.0513 10.718C18.9313 11.3215 18.635 11.8759 18.1999 12.311C17.7648 12.7461 17.2104 13.0424 16.6069 13.1624C16.0034 13.2825 15.3779 13.2209 14.8094 12.9854C14.2409 12.7499 13.755 12.3512 13.4132 11.8395C13.0713 11.3279 12.8889 10.7264 12.8889 10.1111C12.8889 9.28598 13.2166 8.49465 13.8001 7.91121C14.3835 7.32776 15.1749 6.99998 16 6.99998Z' fill='white'/%3E%3Cpath d='M20.2827 26.0607L16 30.3434L11.7173 26.0607' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center/cover no-repeat;
}

.block-geo .block-geo-top .block-geo-top-sign.active {
    height: 34px;
    margin-bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='32' height='36' viewBox='0 0 32 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 1.55554C13.7317 1.55812 11.5571 2.46033 9.95313 4.06425C8.34921 5.66817 7.447 7.84281 7.44443 10.1111C7.44443 17.4319 15.2222 22.9609 15.5537 23.1923C15.6845 23.2839 15.8403 23.3331 16 23.3331C16.1597 23.3331 16.3155 23.2839 16.4462 23.1923C16.7778 22.9609 24.5555 17.4319 24.5555 10.1111C24.553 7.84281 23.6507 5.66817 22.0468 4.06425C20.4429 2.46033 18.2683 1.55812 16 1.55554ZM16 6.99998C16.6153 6.99998 17.2168 7.18245 17.7284 7.5243C18.24 7.86615 18.6388 8.35204 18.8743 8.92052C19.1097 9.489 19.1714 10.1145 19.0513 10.718C18.9313 11.3215 18.635 11.8759 18.1999 12.311C17.7648 12.7461 17.2104 13.0424 16.6069 13.1624C16.0034 13.2825 15.3779 13.2209 14.8094 12.9854C14.2409 12.7499 13.755 12.3512 13.4132 11.8395C13.0713 11.3279 12.8889 10.7264 12.8889 10.1111C12.8889 9.28598 13.2166 8.49465 13.8001 7.91121C14.3835 7.32776 15.1749 6.99998 16 6.99998Z' fill='white'/%3E%3Cpath d='M21.6717 28.6717L16 34.3434L10.3283 28.6717' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center/cover no-repeat;
}

.block-geo .block-geo-top:hover .block-geo-top-sign {
    height: 34px;
    margin-bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='32' height='36' viewBox='0 0 32 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 1.55554C13.7317 1.55812 11.5571 2.46033 9.95313 4.06425C8.34921 5.66817 7.447 7.84281 7.44443 10.1111C7.44443 17.4319 15.2222 22.9609 15.5537 23.1923C15.6845 23.2839 15.8403 23.3331 16 23.3331C16.1597 23.3331 16.3155 23.2839 16.4462 23.1923C16.7778 22.9609 24.5555 17.4319 24.5555 10.1111C24.553 7.84281 23.6507 5.66817 22.0468 4.06425C20.4429 2.46033 18.2683 1.55812 16 1.55554ZM16 6.99998C16.6153 6.99998 17.2168 7.18245 17.7284 7.5243C18.24 7.86615 18.6388 8.35204 18.8743 8.92052C19.1097 9.489 19.1714 10.1145 19.0513 10.718C18.9313 11.3215 18.635 11.8759 18.1999 12.311C17.7648 12.7461 17.2104 13.0424 16.6069 13.1624C16.0034 13.2825 15.3779 13.2209 14.8094 12.9854C14.2409 12.7499 13.755 12.3512 13.4132 11.8395C13.0713 11.3279 12.8889 10.7264 12.8889 10.1111C12.8889 9.28598 13.2166 8.49465 13.8001 7.91121C14.3835 7.32776 15.1749 6.99998 16 6.99998Z' fill='%23C5D9E3'/%3E%3Cpath d='M21.6717 28.6717L16 34.3434L10.3283 28.6717' stroke='%23C5D9E3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center/cover no-repeat;
}

.block-geo .block-geo-top .block-geo-top-city {
    display: none;
    color: #839096;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.block-geo .block-geo-bottom {
    width: 200px;
    display: none;
    position: absolute;
    top: 117%;
    left: -114px;
    box-shadow: 0px 12px 24px 0px #00000026;
    background: #FFF;
    padding: 16px;
    flex-direction: column;
    border-radius: 8px;
    z-index: 10000;
}

.block-geo .block-geo-bottom.show {
    display: flex;
}

.block-geo .block-geo-bottom .block-geo-bottom-text {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: #000;
    margin-bottom: 15px;
}

.block-geo .block-geo-bottom .block-geo-bottom-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.block-geo .block-geo-bottom .block-geo-bottom-flex .block-geo-bottom-city {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    border-radius: 4px;
    background: #ACDCDE;
    color: #111827;
    padding: 8px 12px;
    cursor: pointer;
    text-align: center;
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.block-geo .block-geo-bottom .block-geo-bottom-flex .block-geo-bottom-city:hover,
.block-geo .block-geo-bottom .block-geo-bottom-flex .block-geo-bottom-city.selected {
    background: #3C4245;
    color: #D6FEFF;
}

.block-geo .block-geo-bottom .block-geo-bottom-flex .block-geo-bottom-city.selected {
    pointer-events: none;
}

@media (min-width: 768px){
    header .elements_cart empty {
        display: block;
    }

    .block-geo {
        margin-right: 22px!important;
    }

    .block-geo .block-geo-top .block-geo-top-sign {
        width: 32px;
        height: 32px;
    }

    .block-geo .block-geo-top .block-geo-top-sign.active {
        height: 36px;
    }

    .block-geo .block-geo-top:hover .block-geo-top-sign {
        height: 36px;
    }

    .block-geo .block-geo-top .block-geo-top-city {
        display: block;
    }

    .block-geo .block-geo-bottom {
        left: 0;
    }
}

.small-geo {
    max-width: 300px!important;
}

.alert-geo {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}

.alert-geo .alert-geo-icon {
    width: 64px;
    height: 78px;
    background: url("data:image/svg+xml,%3Csvg width='64' height='78' viewBox='0 0 64 78' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.9999 3.91085C26.2972 3.91732 20.8299 6.18559 16.7974 10.218C12.765 14.2505 10.4967 19.7178 10.4902 25.4205C10.4902 43.826 30.0445 57.7266 30.878 58.3083C31.2068 58.5387 31.5985 58.6622 31.9999 58.6622C32.4014 58.6622 32.7931 58.5387 33.1218 58.3083C33.9553 57.7266 53.5096 43.826 53.5096 25.4205C53.5031 19.7178 51.2349 14.2505 47.2024 10.218C43.17 6.18559 37.7027 3.91732 31.9999 3.91085ZM31.9999 17.5988C33.5469 17.5988 35.0591 18.0576 36.3454 18.917C37.6317 19.7765 38.6342 20.9981 39.2262 22.4273C39.8182 23.8565 39.9731 25.4292 39.6713 26.9465C39.3695 28.4637 38.6246 29.8574 37.5307 30.9513C36.4368 32.0452 35.0431 32.7901 33.5259 33.0919C32.0086 33.3937 30.4359 33.2388 29.0067 32.6468C27.5774 32.0548 26.3559 31.0523 25.4964 29.766C24.6369 28.4798 24.1782 26.9675 24.1782 25.4205C24.1782 23.3461 25.0023 21.3566 26.4691 19.8898C27.936 18.4229 29.9255 17.5988 31.9999 17.5988Z' fill='%23717C82'/%3E%3Cpath d='M43.4714 62.0841L31.9997 73.5557L20.5281 62.0841' stroke='%23717C82' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/cover no-repeat;
}

.alert-geo .alert-geo-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    color: #000;
}

.alert-geo .alert-geo-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.alert-geo .alert-geo-flex .alert-geo-city {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    border-radius: 4px;
    background: #ACDCDE;
    color: #111827;
    padding: 8px 12px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

.alert-geo .alert-geo-flex .alert-geo-city:hover {
    background: #3C4245;
    color: #D6FEFF;
}

.new-geo {
    display: flex;
    align-items: center;
    gap: 4px;
}

.new-geo .icon-geo {
    margin-top: 8px;
    width: 32px;
    height: 32px;
    background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9999 1.55554C13.7316 1.55812 11.557 2.46033 9.95304 4.06425C8.34912 5.66817 7.44691 7.84281 7.44434 10.1111C7.44434 17.4319 15.2221 22.9609 15.5536 23.1923C15.6844 23.2839 15.8402 23.3331 15.9999 23.3331C16.1596 23.3331 16.3154 23.2839 16.4461 23.1923C16.7777 22.9609 24.5554 17.4319 24.5554 10.1111C24.5529 7.84281 23.6507 5.66817 22.0467 4.06425C20.4428 2.46033 18.2682 1.55812 15.9999 1.55554ZM15.9999 6.99998C16.6152 6.99998 17.2167 7.18245 17.7283 7.5243C18.2399 7.86615 18.6387 8.35204 18.8742 8.92052C19.1097 9.489 19.1713 10.1145 19.0512 10.718C18.9312 11.3215 18.6349 11.8759 18.1998 12.311C17.7647 12.7461 17.2103 13.0424 16.6068 13.1624C16.0033 13.2825 15.3778 13.2209 14.8093 12.9854C14.2408 12.7499 13.7549 12.3512 13.4131 11.8395C13.0712 11.3279 12.8888 10.7264 12.8888 10.1111C12.8888 9.28598 13.2166 8.49465 13.8 7.91121C14.3834 7.32776 15.1748 6.99998 15.9999 6.99998Z' fill='%23B8CAD4'/%3E%3Cpath d='M20.2827 26.0608L16 30.3434L11.7173 26.0608' stroke='%23B8CAD4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center/cover no-repeat;
}

.new-geo .input {
    display: flex;
    align-items: center;
    height: 44px;
    margin-top: 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #B8CAD4;
}
/* Геолокация конец */

/* Не в наличии старт */
.not-available {
    filter: grayscale(0.5);
    opacity: 0.5;
}

.not-available-design,
.not-available-design .flex-list {
    opacity: 0.7;
}

.not-available-text {
    color: #A3A3A3!important;
}
/* Не в наличии конец */

/* Ссылка на бренд старт */
.brand-link {
    color: #3B82F6;
    transition: all 0.3s;
}

.brand-link:hover {
    color: #99CCCC;
    border-bottom: 1px solid #99CCCC;
}
/* Ссылка на бренд конец */

/* текст рабочего времени старт */
.work-time-block {
    margin-right: 1rem!important;
    display: flex;
    flex-direction: column;
}
.work-time {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-align: right;
    color: #839096;
    display: none;
}
@media (min-width: 1024px) {
    .work-time {
        display: inline;
    }
}
/* текст рабочего времени конец */

/* блок с уточнением возможности покупки старт */
.block-desc-can-buy {
    padding: 16px;
    border-radius: 4px;
    background: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #717C82;
    max-width: 410px;
    margin-bottom: 16px;
    margin-top: 15px;
}
/* блок с уточнением возможности покупки конец */

/* FILTER STYLE START */
.catalog-with-filter {
    display: flex;
    width: 100%;
    gap: 36px;
    margin: 20px 0;
}
.catalog-with-filter .catalog_block {
    width: 100%;
}
.catalog-with-filter .catalog_block .catalog-filter-button-block .button-show-filter {
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 4px;
    min-width: 24px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.9646 4.49156C21.8177 4.15936 21.5774 3.87698 21.273 3.67876C20.9686 3.48054 20.6132 3.37501 20.2499 3.375H3.74994C3.38675 3.37504 3.03138 3.48055 2.72703 3.67873C2.42267 3.8769 2.18241 4.15921 2.03546 4.49135C1.88851 4.82348 1.84118 5.19114 1.89923 5.54967C1.95727 5.90819 2.11819 6.24214 2.36244 6.51094L2.37369 6.52406L8.62494 13.1953V20.25C8.62489 20.5895 8.71699 20.9226 8.89143 21.2138C9.06586 21.505 9.31608 21.7434 9.61538 21.9035C9.91469 22.0637 10.2519 22.1395 10.5909 22.1231C10.93 22.1066 11.2582 21.9984 11.5406 21.81L14.5406 19.8103C14.7974 19.6389 15.008 19.4068 15.1535 19.1345C15.2991 18.8622 15.3751 18.5581 15.3749 18.2494V13.1953L21.6253 6.52406L21.6365 6.51094C21.8809 6.24228 22.042 5.90843 22.1003 5.54995C22.1585 5.19146 22.1114 4.82378 21.9646 4.49156ZM13.6321 11.7647C13.3057 12.1119 13.1243 12.5707 13.1249 13.0472V18.0487L10.8749 19.5487V13.0472C10.8756 12.5707 10.6942 12.1119 10.3678 11.7647L4.61525 5.625H19.3846L13.6321 11.7647Z' fill='%23719192'/%3E%3C/svg%3E%0A") center/cover no-repeat;
}

.bx-filter {
    pointer-events: none;
    opacity: 0;
    width: 100%;
    position: fixed;
    background: #B6E9EB;
    padding: 52px 20px 20px 20px;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
}
.bx-filter.show-filter {
    pointer-events: auto!important;
    opacity: 1!important;
}
.bx-filter .bx-filter-section {
    background: #F8F8F8;
    border-radius: 24px;
    padding: 10px;
    overflow-y: auto;
    height: 100%;
}
.bx-filter .bx-filter-section .bx-filter-title {
    font-size: 18px;
    color: #111827;
    line-height: 28px;
}
.bx-filter .bx-filter-section .bx-filter-property-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
}
.bx-filter .bx-filter-section .bx-filter-parameters-box-container .bx-filter-parameters-box {
    height: 100%;
    max-height: 160px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #000000;
    font-size: 14px;
    padding-bottom: 8px;
    transition: all 0.3s ease-in-out;
}
.bx-filter .bx-filter-section .bx-filter-parameters-box-container .bx-filter-parameters-box::-webkit-scrollbar {
    width: 5px;
    background-color: #B8CAD4;
}
.bx-filter .bx-filter-section .bx-filter-parameters-box-container .bx-filter-parameters-box::-webkit-scrollbar-thumb {
    background-color: #5F696E;
    border-radius: 3px;
}
.bx-filter .bx-filter-section .bx-filter-parameters-box-container .bx-filter-parameters-box::-webkit-scrollbar-track {
    background-color: #B8CAD4;
    border-radius: 3px;
}
.bx-filter-input-checkbox {
    position: relative;
}
.bx-filter .bx-filter-section .bx-filter-parameters-box-container .bx-filter-parameters-box label {
    cursor: pointer;
    display: flex;
    gap: 12px;
    width: fit-content;
}
.bx-filter .bx-filter-section .bx-filter-parameters-box-container .bx-filter-parameters-box label.disabled {
    background-color: transparent;
    opacity: 0.4;
}
.bx-filter-parameters-box span.bx-filter-param-text {
    margin-top: 2px;
}
.bx-filter .bx-filter-section .bx-filter-parameters-box-container .bx-filter-parameters-box input[type='checkbox'] {
    color: transparent;
    width: 24px;
    height: 24px;
    border: 2px solid #B8CAD4;
    border-radius: 3px;
}
.bx-filter .bx-filter-section .bx-filter-parameters-box-container .bx-filter-parameters-box input[type='checkbox']:focus {
    box-shadow: none;
}
.bx-filter .bx-filter-section .bx-filter-parameters-box-container .bx-filter-parameters-box label:active input[type='checkbox']:checked + .check {
    display: none!important;
}
.bx-filter .bx-filter-section .bx-filter-parameters-box-container .bx-filter-parameters-box label:active input[type='checkbox'] + .check {
    display: block!important;
}
.bx-filter-input-checkbox .check {
    left: 4px;
    top: 7px;
    width: 16px;
    height: 12px;
    position: absolute;
    background: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 2L6.5 9.5L3.5 6.5L2 5' stroke='%23719192' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center/cover no-repeat;
}
.bx-filter .bx-filter-show-more {
    font-size: 14px;
    line-height: 20px;
    padding-top: 8px;
    color: #717C82;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.bx-filter .bx-filter-show-more:hover {
    color: #000000;
}
.bx-filter .bx-filter-section .bx-filter-parameters-box .bx-filter-parameters-box-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    color: #000000;
}
.bx-filter .bx-filter-section .bx-filter-parameters-box .bx-filter-parameters-box-title .show-search-input {
    width: 36px;
    height: 36px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    background: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='18' fill='%23C5D9E3'/%3E%3Cpath d='M27.7959 26.2041L23.3437 21.75C24.6787 20.0104 25.3019 17.8282 25.087 15.6461C24.8722 13.4639 23.8353 11.4452 22.1867 9.99936C20.5382 8.55356 18.4014 7.78898 16.2098 7.8607C14.0183 7.93243 11.9361 8.83509 10.3856 10.3856C8.83509 11.9361 7.93243 14.0183 7.8607 16.2098C7.78898 18.4014 8.55356 20.5382 9.99936 22.1867C11.4452 23.8353 13.4639 24.8722 15.6461 25.087C17.8282 25.3019 20.0104 24.6787 21.75 23.3437L26.2059 27.8006C26.3106 27.9053 26.4348 27.9883 26.5715 28.0449C26.7083 28.1015 26.8548 28.1307 27.0028 28.1307C27.1508 28.1307 27.2973 28.1015 27.4341 28.0449C27.5708 27.9883 27.695 27.9053 27.7997 27.8006C27.9043 27.696 27.9873 27.5717 28.044 27.435C28.1006 27.2983 28.1298 27.1517 28.1298 27.0037C28.1298 26.8557 28.1006 26.7092 28.044 26.5725C27.9873 26.4357 27.9043 26.3115 27.7997 26.2069L27.7959 26.2041ZM10.125 16.5C10.125 15.2391 10.4989 14.0066 11.1994 12.9582C11.8999 11.9099 12.8955 11.0928 14.0604 10.6103C15.2253 10.1278 16.5071 10.0015 17.7437 10.2475C18.9803 10.4935 20.1162 11.1006 21.0078 11.9922C21.8994 12.8837 22.5065 14.0197 22.7525 15.2563C22.9985 16.4929 22.8722 17.7747 22.3897 18.9396C21.9072 20.1045 21.0901 21.1001 20.0418 21.8006C18.9934 22.5011 17.7608 22.875 16.5 22.875C14.8098 22.8733 13.1893 22.201 11.9941 21.0059C10.7989 19.8107 10.1267 18.1902 10.125 16.5Z' fill='%23343330'/%3E%3C/svg%3E%0A") center/cover no-repeat;
}
.bx-filter .bx-filter-section .bx-filter-parameters-box .bx-filter-parameters-box-title .show-search-input:hover {
    background: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='18' fill='%233c4245'/%3E%3Cpath d='M27.7959 26.2041L23.3437 21.75C24.6787 20.0104 25.3019 17.8282 25.087 15.6461C24.8722 13.4639 23.8353 11.4452 22.1867 9.99936C20.5382 8.55356 18.4014 7.78898 16.2098 7.8607C14.0183 7.93243 11.9361 8.83509 10.3856 10.3856C8.83509 11.9361 7.93243 14.0183 7.8607 16.2098C7.78898 18.4014 8.55356 20.5382 9.99936 22.1867C11.4452 23.8353 13.4639 24.8722 15.6461 25.087C17.8282 25.3019 20.0104 24.6787 21.75 23.3437L26.2059 27.8006C26.3106 27.9053 26.4348 27.9883 26.5715 28.0449C26.7083 28.1015 26.8548 28.1307 27.0028 28.1307C27.1508 28.1307 27.2973 28.1015 27.4341 28.0449C27.5708 27.9883 27.695 27.9053 27.7997 27.8006C27.9043 27.696 27.9873 27.5717 28.044 27.435C28.1006 27.2983 28.1298 27.1517 28.1298 27.0037C28.1298 26.8557 28.1006 26.7092 28.044 26.5725C27.9873 26.4357 27.9043 26.3115 27.7997 26.2069L27.7959 26.2041ZM10.125 16.5C10.125 15.2391 10.4989 14.0066 11.1994 12.9582C11.8999 11.9099 12.8955 11.0928 14.0604 10.6103C15.2253 10.1278 16.5071 10.0015 17.7437 10.2475C18.9803 10.4935 20.1162 11.1006 21.0078 11.9922C21.8994 12.8837 22.5065 14.0197 22.7525 15.2563C22.9985 16.4929 22.8722 17.7747 22.3897 18.9396C21.9072 20.1045 21.0901 21.1001 20.0418 21.8006C18.9934 22.5011 17.7608 22.875 16.5 22.875C14.8098 22.8733 13.1893 22.201 11.9941 21.0059C10.7989 19.8107 10.1267 18.1902 10.125 16.5Z' fill='%23d6feff'/%3E%3C/svg%3E%0A") center/cover no-repeat;
}
.bx-filter .bx-filter-section .bx-filter-parameters-box .bx-filter-parameters-box-title .show-search-input.show {
    background: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='18' fill='%23C5D9E3'/%3E%3Cpath d='M21.7959 15.7959L19.5938 18L21.7988 20.2041C22.0101 20.4154 22.1288 20.7021 22.1288 21.0009C22.1288 21.2998 22.0101 21.5865 21.7988 21.7978C21.5874 22.0092 21.3008 22.1279 21.0019 22.1279C20.703 22.1279 20.4163 22.0092 20.205 21.7978L18 19.5938L15.7959 21.7987C15.5846 22.0101 15.298 22.1288 14.9991 22.1288C14.7002 22.1288 14.4135 22.0101 14.2022 21.7987C13.9908 21.5874 13.8721 21.3008 13.8721 21.0019C13.8721 20.703 13.9908 20.4163 14.2022 20.205L16.4063 18L14.2041 15.7959C14.0994 15.6913 14.0164 15.5671 13.9598 15.4303C13.9031 15.2936 13.874 15.1471 13.874 14.9991C13.874 14.7002 13.9927 14.4135 14.2041 14.2022C14.4154 13.9908 14.7021 13.8721 15.0009 13.8721C15.2998 13.8721 15.5865 13.9908 15.7978 14.2022L18 16.4062L20.2041 14.2013C20.4154 13.9899 20.7021 13.8712 21.0009 13.8712C21.2998 13.8712 21.5865 13.9899 21.7978 14.2013C22.0092 14.4126 22.1279 14.6992 22.1279 14.9981C22.1279 15.297 22.0092 15.5837 21.7978 15.795L21.7959 15.7959ZM28.125 18C28.125 20.0025 27.5312 21.9601 26.4186 23.6251C25.3061 25.2902 23.7248 26.5879 21.8747 27.3543C20.0246 28.1206 17.9888 28.3211 16.0247 27.9305C14.0607 27.5398 12.2566 26.5755 10.8405 25.1595C9.42454 23.7435 8.46023 21.9393 8.06955 19.9753C7.67888 18.0112 7.87939 15.9754 8.64572 14.1253C9.41206 12.2752 10.7098 10.6939 12.3749 9.58137C14.0399 8.46882 15.9975 7.875 18 7.875C20.6844 7.87798 23.258 8.94567 25.1562 10.8438C27.0543 12.742 28.122 15.3156 28.125 18ZM25.875 18C25.875 16.4425 25.4131 14.9199 24.5478 13.6249C23.6825 12.3298 22.4526 11.3205 21.0136 10.7244C19.5747 10.1284 17.9913 9.97246 16.4637 10.2763C14.9361 10.5802 13.5329 11.3302 12.4315 12.4315C11.3302 13.5329 10.5802 14.9361 10.2763 16.4637C9.97246 17.9913 10.1284 19.5747 10.7245 21.0136C11.3205 22.4526 12.3299 23.6825 13.6249 24.5478C14.9199 25.4131 16.4425 25.875 18 25.875C20.0879 25.8728 22.0896 25.0424 23.566 23.566C25.0424 22.0896 25.8728 20.0879 25.875 18Z' fill='%23343330'/%3E%3C/svg%3E%0A") center/cover no-repeat;
}
.bx-filter .bx-filter-section .bx-filter-parameters-box .bx-filter-parameters-box-title .show-search-input.show:hover {
    background: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='18' fill='%233c4245'/%3E%3Cpath d='M21.7959 15.7959L19.5938 18L21.7988 20.2041C22.0101 20.4154 22.1288 20.7021 22.1288 21.0009C22.1288 21.2998 22.0101 21.5865 21.7988 21.7978C21.5874 22.0092 21.3008 22.1279 21.0019 22.1279C20.703 22.1279 20.4163 22.0092 20.205 21.7978L18 19.5938L15.7959 21.7987C15.5846 22.0101 15.298 22.1288 14.9991 22.1288C14.7002 22.1288 14.4135 22.0101 14.2022 21.7987C13.9908 21.5874 13.8721 21.3008 13.8721 21.0019C13.8721 20.703 13.9908 20.4163 14.2022 20.205L16.4063 18L14.2041 15.7959C14.0994 15.6913 14.0164 15.5671 13.9598 15.4303C13.9031 15.2936 13.874 15.1471 13.874 14.9991C13.874 14.7002 13.9927 14.4135 14.2041 14.2022C14.4154 13.9908 14.7021 13.8721 15.0009 13.8721C15.2998 13.8721 15.5865 13.9908 15.7978 14.2022L18 16.4062L20.2041 14.2013C20.4154 13.9899 20.7021 13.8712 21.0009 13.8712C21.2998 13.8712 21.5865 13.9899 21.7978 14.2013C22.0092 14.4126 22.1279 14.6992 22.1279 14.9981C22.1279 15.297 22.0092 15.5837 21.7978 15.795L21.7959 15.7959ZM28.125 18C28.125 20.0025 27.5312 21.9601 26.4186 23.6251C25.3061 25.2902 23.7248 26.5879 21.8747 27.3543C20.0246 28.1206 17.9888 28.3211 16.0247 27.9305C14.0607 27.5398 12.2566 26.5755 10.8405 25.1595C9.42454 23.7435 8.46023 21.9393 8.06955 19.9753C7.67888 18.0112 7.87939 15.9754 8.64572 14.1253C9.41206 12.2752 10.7098 10.6939 12.3749 9.58137C14.0399 8.46882 15.9975 7.875 18 7.875C20.6844 7.87798 23.258 8.94567 25.1562 10.8438C27.0543 12.742 28.122 15.3156 28.125 18ZM25.875 18C25.875 16.4425 25.4131 14.9199 24.5478 13.6249C23.6825 12.3298 22.4526 11.3205 21.0136 10.7244C19.5747 10.1284 17.9913 9.97246 16.4637 10.2763C14.9361 10.5802 13.5329 11.3302 12.4315 12.4315C11.3302 13.5329 10.5802 14.9361 10.2763 16.4637C9.97246 17.9913 10.1284 19.5747 10.7245 21.0136C11.3205 22.4526 12.3299 23.6825 13.6249 24.5478C14.9199 25.4131 16.4425 25.875 18 25.875C20.0879 25.8728 22.0896 25.0424 23.566 23.566C25.0424 22.0896 25.8728 20.0879 25.875 18Z' fill='%23d6feff'/%3E%3C/svg%3E%0A") center/cover no-repeat;
}
.bx-filter .filter-search-input {
    margin-top: 8px;
    width: 100%;
    border: 2px solid #B8CAD4;
    border-radius: 22px;
    height: 44px;
    padding: 10px 16px;
    color: #3C4245;
    font-size: 16px;
    font-weight: 600;
}
.bx-filter .filter-search-input::placeholder {
    color: #B8CAD4;
}
.bx-filter .bx-filter-section .bx-filter-parameters-box .bx-filter-block {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}
.bx-filter .bx-filter-section .bx-filter-parameters-box .bx-filter-price-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 12px;
}
.bx-filter .bx-filter-section .bx-filter-parameters-box .bx-filter-price-container .bx-ui-slider-part {
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}
.bx-filter .bx-filter-section .bx-filter-parameters-box .bx-filter-price-container input {
    width: 100%;
    border-radius: 22px;
    border-width: 2px;
    border-style: solid;
    border-color: #B8CAD4;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #3C4245;
    margin: 0 2px;
}
.bx-filter .bx-filter-section .bx-filter-parameters-box .bx-filter-price-container input::placeholder {
    color: #B8CAD4;
}
.bx-filter .bx-filter-section .bx-filter-button-box {
    display: flex;
    justify-content: space-around;
    margin-top: 16px;
}
.bx-filter .bx-filter-section .bx-filter-button-box input {
    cursor: pointer;
}
.bx-filter .bx-filter-section .bx-filter-button-box .btn_framed {
    border-color: #719192;
    color: #719192;
}
.bx-filter .bx-filter-section .bx-filter-button-box .btn_framed:hover {
    background: #719192;
    color: #ffffff;
}
.bx-filter  .bx-filter-parameters-box-design {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.bx-filter  .bx-filter-parameters-box-design label.disabled {
    opacity: 0.4;
}
.bx-filter .design-checkbox .btn_design.selected::before {
    content: "";
    bottom: -5px;
    right: -8px;
    width: 16px;
    height: 16px;
    position: absolute;
    z-index: 100;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='8' fill='%23719192'/%3E%3Cpath d='M12 5.3335L7 10.3335L5 8.3335L4 7.3335' stroke='%23F8F8F8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center/cover no-repeat;
}
.catalog-filter-button-block {
    display: flex;
    width: 100%;
    overflow-x: auto;
    gap: 8px;
}
.catalog-filter-button-block .catalog-filter-button {
    display: flex;
    border-radius: 24px;
    gap: 8px;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    padding: 6px 6px 6px 12px;
    background: #C5D9E3;
    white-space: nowrap;
}
.catalog-filter-button-block .catalog-filter-button .catalog-filter-button-del {
    width: 24px;
    height: 24px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7959 9.79594L13.5938 12L15.7988 14.2041C16.0101 14.4154 16.1288 14.7021 16.1288 15.0009C16.1288 15.2998 16.0101 15.5865 15.7988 15.7978C15.5874 16.0092 15.3008 16.1279 15.0019 16.1279C14.703 16.1279 14.4163 16.0092 14.205 15.7978L12 13.5938L9.79594 15.7987C9.5846 16.0101 9.29795 16.1288 8.99907 16.1288C8.70018 16.1288 8.41354 16.0101 8.20219 15.7987C7.99085 15.5874 7.87212 15.3008 7.87212 15.0019C7.87212 14.703 7.99085 14.4163 8.20219 14.205L10.4063 12L8.20407 9.79594C8.09942 9.69129 8.01641 9.56706 7.95977 9.43033C7.90314 9.2936 7.87399 9.14706 7.87399 8.99906C7.87399 8.70018 7.99272 8.41353 8.20407 8.20219C8.41541 7.99084 8.70206 7.87211 9.00094 7.87211C9.29983 7.87211 9.58647 7.99084 9.79782 8.20219L12 10.4062L14.2041 8.20125C14.4154 7.98991 14.7021 7.87117 15.0009 7.87117C15.2998 7.87117 15.5865 7.98991 15.7978 8.20125C16.0092 8.41259 16.1279 8.69924 16.1279 8.99813C16.1279 9.29701 16.0092 9.58366 15.7978 9.795L15.7959 9.79594ZM22.125 12C22.125 14.0025 21.5312 15.9601 20.4186 17.6251C19.3061 19.2902 17.7248 20.5879 15.8747 21.3543C14.0246 22.1206 11.9888 22.3211 10.0247 21.9305C8.06066 21.5398 6.25656 20.5755 4.84055 19.1595C3.42454 17.7435 2.46023 15.9393 2.06955 13.9753C1.67888 12.0112 1.87939 9.97543 2.64572 8.12533C3.41206 6.27523 4.70981 4.69392 6.37486 3.58137C8.0399 2.46882 9.99747 1.875 12 1.875C14.6844 1.87798 17.258 2.94567 19.1562 4.84383C21.0543 6.74199 22.122 9.3156 22.125 12ZM19.875 12C19.875 10.4425 19.4131 8.91992 18.5478 7.62488C17.6825 6.32985 16.4526 5.32049 15.0136 4.72445C13.5747 4.12841 11.9913 3.97246 10.4637 4.27632C8.93607 4.58017 7.53288 5.3302 6.43154 6.43153C5.3302 7.53287 4.58018 8.93606 4.27632 10.4637C3.97246 11.9913 4.12841 13.5747 4.72445 15.0136C5.32049 16.4526 6.32985 17.6825 7.62489 18.5478C8.91993 19.4131 10.4425 19.875 12 19.875C14.0879 19.8728 16.0896 19.0424 17.566 17.566C19.0424 16.0896 19.8728 14.0879 19.875 12Z' fill='%23719192'/%3E%3C/svg%3E%0A") center/cover no-repeat;
}
.catalog-filter-button-block .catalog-filter-button .catalog-filter-button-del:hover {
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7959 9.79594L13.5938 12L15.7988 14.2041C16.0101 14.4154 16.1288 14.7021 16.1288 15.0009C16.1288 15.2998 16.0101 15.5865 15.7988 15.7978C15.5874 16.0092 15.3008 16.1279 15.0019 16.1279C14.703 16.1279 14.4163 16.0092 14.205 15.7978L12 13.5938L9.79594 15.7987C9.5846 16.0101 9.29795 16.1288 8.99907 16.1288C8.70018 16.1288 8.41354 16.0101 8.20219 15.7987C7.99085 15.5874 7.87212 15.3008 7.87212 15.0019C7.87212 14.703 7.99085 14.4163 8.20219 14.205L10.4063 12L8.20407 9.79594C8.09942 9.69129 8.01641 9.56706 7.95977 9.43033C7.90314 9.2936 7.87399 9.14706 7.87399 8.99906C7.87399 8.70018 7.99272 8.41353 8.20407 8.20219C8.41541 7.99084 8.70206 7.87211 9.00094 7.87211C9.29983 7.87211 9.58647 7.99084 9.79782 8.20219L12 10.4062L14.2041 8.20125C14.4154 7.98991 14.7021 7.87117 15.0009 7.87117C15.2998 7.87117 15.5865 7.98991 15.7978 8.20125C16.0092 8.41259 16.1279 8.69924 16.1279 8.99813C16.1279 9.29701 16.0092 9.58366 15.7978 9.795L15.7959 9.79594ZM22.125 12C22.125 14.0025 21.5312 15.9601 20.4186 17.6251C19.3061 19.2902 17.7248 20.5879 15.8747 21.3543C14.0246 22.1206 11.9888 22.3211 10.0247 21.9305C8.06066 21.5398 6.25656 20.5755 4.84055 19.1595C3.42454 17.7435 2.46023 15.9393 2.06955 13.9753C1.67888 12.0112 1.87939 9.97543 2.64572 8.12533C3.41206 6.27523 4.70981 4.69392 6.37486 3.58137C8.0399 2.46882 9.99747 1.875 12 1.875C14.6844 1.87798 17.258 2.94567 19.1562 4.84383C21.0543 6.74199 22.122 9.3156 22.125 12ZM19.875 12C19.875 10.4425 19.4131 8.91992 18.5478 7.62488C17.6825 6.32985 16.4526 5.32049 15.0136 4.72445C13.5747 4.12841 11.9913 3.97246 10.4637 4.27632C8.93607 4.58017 7.53288 5.3302 6.43154 6.43153C5.3302 7.53287 4.58018 8.93606 4.27632 10.4637C3.97246 11.9913 4.12841 13.5747 4.72445 15.0136C5.32049 16.4526 6.32985 17.6825 7.62489 18.5478C8.91993 19.4131 10.4425 19.875 12 19.875C14.0879 19.8728 16.0896 19.0424 17.566 17.566C19.0424 16.0896 19.8728 14.0879 19.875 12Z' fill='%23000000'/%3E%3C/svg%3E%0A") center/cover no-repeat;
}
.catalog-filter-button-block .catalog-filter-button .btn_design {
    width: 16px;
    height: 16px;
    margin: 0;
}
.catalog-filter-button-block .catalog-filter-button .btn_design.selected::after {
    width: 20px;
    height: 20px;
}
.bx-filter .bx-filter-button-close {
    position: absolute;
    top: 20px;
    right: 16px;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7959 9.79594L13.5938 12L15.7988 14.2041C16.0101 14.4154 16.1288 14.7021 16.1288 15.0009C16.1288 15.2998 16.0101 15.5865 15.7988 15.7978C15.5874 16.0092 15.3008 16.1279 15.0019 16.1279C14.703 16.1279 14.4163 16.0092 14.205 15.7978L12 13.5938L9.79594 15.7987C9.5846 16.0101 9.29795 16.1288 8.99907 16.1288C8.70018 16.1288 8.41354 16.0101 8.20219 15.7987C7.99085 15.5874 7.87212 15.3008 7.87212 15.0019C7.87212 14.703 7.99085 14.4163 8.20219 14.205L10.4063 12L8.20407 9.79594C8.09942 9.69129 8.01641 9.56706 7.95977 9.43033C7.90314 9.2936 7.87399 9.14706 7.87399 8.99906C7.87399 8.70018 7.99272 8.41353 8.20407 8.20219C8.41541 7.99084 8.70206 7.87211 9.00094 7.87211C9.29983 7.87211 9.58647 7.99084 9.79782 8.20219L12 10.4062L14.2041 8.20125C14.4154 7.98991 14.7021 7.87117 15.0009 7.87117C15.2998 7.87117 15.5865 7.98991 15.7978 8.20125C16.0092 8.41259 16.1279 8.69924 16.1279 8.99813C16.1279 9.29701 16.0092 9.58366 15.7978 9.795L15.7959 9.79594ZM22.125 12C22.125 14.0025 21.5312 15.9601 20.4186 17.6251C19.3061 19.2902 17.7248 20.5879 15.8747 21.3543C14.0246 22.1206 11.9888 22.3211 10.0247 21.9305C8.06066 21.5398 6.25656 20.5755 4.84055 19.1595C3.42454 17.7435 2.46023 15.9393 2.06955 13.9753C1.67888 12.0112 1.87939 9.97543 2.64572 8.12533C3.41206 6.27523 4.70981 4.69392 6.37486 3.58137C8.0399 2.46882 9.99747 1.875 12 1.875C14.6844 1.87798 17.258 2.94567 19.1562 4.84383C21.0543 6.74199 22.122 9.3156 22.125 12ZM19.875 12C19.875 10.4425 19.4131 8.91992 18.5478 7.62488C17.6825 6.32985 16.4526 5.32049 15.0136 4.72445C13.5747 4.12841 11.9913 3.97246 10.4637 4.27632C8.93607 4.58017 7.53288 5.3302 6.43154 6.43153C5.3302 7.53287 4.58018 8.93606 4.27632 10.4637C3.97246 11.9913 4.12841 13.5747 4.72445 15.0136C5.32049 16.4526 6.32985 17.6825 7.62489 18.5478C8.91993 19.4131 10.4425 19.875 12 19.875C14.0879 19.8728 16.0896 19.0424 17.566 17.566C19.0424 16.0896 19.8728 14.0879 19.875 12Z' fill='%23719192'/%3E%3C/svg%3E%0A") center/cover no-repeat;
}
.pb-8 {
    padding-bottom: 8px;
}
.bx-filter .bx-filter-parameters-box.line-top {
    border-top: 1px solid #B8CAD4;
    padding-top: 8px;
}
.block-nothing {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px;
    border-radius: 24px;
    border: 2px solid #839096;
    color: #839096;
    gap: 10px;
    max-width: 360px;
    text-align: center;
    margin: auto;
}
@media (min-width: 1024px) {
    .bx-filter .bx-filter-button-close {
        display: none;
    }
    .catalog-with-filter .catalog_block {
        width: calc(73% - 10px);
    }
    .catalog-with-filter .catalog_block .catalog-filter-button-block .button-show-filter {
        display: none;
    }

    .bx-filter {
        pointer-events: auto!important;
        opacity: 1;
        position: relative;
        padding: 0;
        background: transparent;
        width: calc(27% - 10px);
    }
    .bx-filter .bx-filter-section {
        background: transparent;
        border-radius: 0;
    }

    .catalog-with-filter .catalog_top .catalog_item {
        width: 33.333333%;
    }

    .catalog-filter-button-block {
        flex-wrap: wrap;
        overflow: hidden;
    }
}
@media (min-width: 1280px) {
    .catalog-with-filter .catalog_block {
        width: calc(78% - 10px);
    }
    .bx-filter {
        width: calc(22% - 10px);
    }
}
@media (min-width: 1536px) {
    .catalog-with-filter .catalog_block {
        width: calc(80% - 10px);
    }
    .bx-filter {
        width: calc(20% - 10px);
    }
    .catalog-with-filter .catalog_top .catalog_item {
        width: 25%;
    }
}
/* FILTER STYLE END */

/* WATCHER ORDER START */
.watcher-padding {
    padding: 32px 0;
    margin: 0;
}
.watcher-area {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 16px;
    margin-bottom: 24px;
}
.watcher .description {
    font-size: 18px;
    color: #111827;
    margin-bottom: 16px;
}
.watcher .btn {
    width: 100%;
    margin: 32px 0;
}
.watcher .warning {
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: #757B80;
    margin-bottom: 40px;
}
.watcher-block {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.watcher-block-input {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.watcher-block-input label {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: rgb(60 66 69);
}
.watcher-block-input input {
    width: 100%;
    min-width: 280px;
    border-radius: 9999px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(184 202 212);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: rgb(60 66 69);
}
.watcher-block-input input::-moz-placeholder,
.watcher-block-input select::-moz-placeholder{
    color: rgb(184 202 212);
}
.watcher-block-input input::placeholder,
.watcher-block-input select::placeholder{
    color: rgb(184 202 212);
}

.watcher-block-input .inp-div {
    position: relative;
}
.watcher-block-input.right .inp-div input {
    color: rgb(60 66 69);
}
.watcher-block-input.right .inp-div .icon-form {
    position: absolute;
    top: 12px;
    right: 10px;
    height: 21px;
    width: 21px;
    background: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 10L9.5 13.5L15.5 7.5' stroke='%234E5674' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='10.5' cy='10.5' r='9.5' stroke='%234E5674' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat center/cover;
}
.watcher-block-input.error .inp-div input {
    color: rgb(185 28 28);
}
.watcher-block-input.error .inp-div .icon-form {
    position: absolute;
    top: 12px;
    right: 10px;
    height: 21px;
    width: 21px;
    background: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='9.5' stroke='%23FF0000' stroke-width='2'/%3E%3Cpath d='M7 7L14 14' stroke='%23FF0000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M14 7L7 14' stroke='%23FF0000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat center/cover;
}

.watcher .title-order {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
}
.watcher .title-order h3 {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: #111827;
    margin: 0;
}
.watcher .date-order {
    font-size: 14px;
    line-height: 20px;
    color: #717C82;
}
.watcher .status-order:first-child,
.watcher .items-order:first-child {
    font-size: 18px;
    line-height: 18px;
    color: #111827;
}
.watcher .status-order .info,
.watcher .items-order .info {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    box-shadow: 0px 1px 2px 0px #0000000D;
    border-radius: 12px;
}
.watcher .status-order .info {
    margin-bottom: 32px;
    gap: 10px;
    padding: 20px;
}
.watcher .items-order .info {
    padding: 8px 0;
    margin-bottom: 64px;
}
.watcher .items-order .info .head {
    display: flex;
    gap: 20px;
    padding: 8px;
    justify-content: end;
    align-items: center;
    flex-wrap: wrap;
}
.watcher .items-order .info .head .offer {
    flex-grow: 2;
    font-size: 14px;
    line-height: 20px;
    color: #717C82;
}
.watcher .items-order .info .head span {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    color: #4E4E4E;
}
.watcher .items-order .info .head .all {
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    text-align: right;
    color: #000000;
    background-color: rgba(197, 217, 227, 0.1);
    padding: 10px;
    min-width: 170px;
}
.watcher .items-order .info .item {
    padding: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    border-top: 1px solid #F3F4F6;
    width: 100%;
    justify-content: space-between;
}
.watcher .items-order .info .item .top,
.watcher .items-order .info .item .bottom {
    display: flex;
    gap: 16px;
    width: 100%;
}
.watcher .items-order .info .item .top .img img {
    width: 100px;
    height: 80px;
    min-width: 100px;
    min-height: 80px;
    object-fit: contain;
    object-position: center;
}
.watcher .items-order .info .item .top .name {
    margin-bottom: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
}
.watcher .items-order .info .item .top .name:hover {
    color: rgb(113 145 146);
}
.watcher .items-order .info .item .bottom {
    justify-content: space-between;
}
.watcher .items-order .info .item .bottom div {
    max-width: 170px;
    width: 100%;
}
.watcher .items-order .info .item .bottom .gray {
    padding: 10px;
    background-color: #F8F8F8;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
}
.watcher .items-order .info .item .bottom .gray:first-child {
    font-weight: 600;
}
.watcher .items-order .info .item .bottom .white {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #3C4245;
    padding: 10px 0 10px 32px;
}

@media (min-width: 640px) {
    .watcher-block {
        flex-direction: row;
    }
    .watcher .btn {
        max-width: 280px;
    }
    .watcher .warning {
        max-width: 280px;
    }
}
@media (min-width: 768px) {
    .watcher-area {
        justify-content: start;
        margin-bottom: 0;
    }
    .watcher .items-order .info .item {
        flex-wrap: nowrap;
    }
    .watcher .items-order .info .item .bottom {
        justify-content: end;
    }
}
/* WATCHER ORDER END */
/* PUBLIC OFFERS START */
.public-info {
    font-size: 14px;
    color: #717C82;
    margin-top: 15px;
    text-align: left;
}
/* PUBLIC OFFERS END */
/* TAG BUTTON ON CATALOG SECTION LIST START */
.bagesList .tag_btn {
    display: flex;
    width: fit-content;
    gap: 4px;
    padding: 10px 8px;
    border: 2px solid #717C82;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
}
.bagesList .tag_btn:hover {
    border: 2px solid #8EB6B8;
}
.bagesList .tag_btn:active {
    border: 2px solid #3C4245;
}
.bagesList .tag_btn::before {
    content: "";
    width: 18px;
    height: 18px;
    transition: all 0.3s ease-in-out;
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3074 9.36422L10.324 2.38079C10.1938 2.24973 10.0389 2.14582 9.86819 2.07509C9.69752 2.00436 9.51451 1.96822 9.32977 1.96876H2.81251C2.58873 1.96876 2.37412 2.05765 2.21588 2.21588C2.05765 2.37412 1.96876 2.58873 1.96876 2.81251V9.32977C1.96822 9.51451 2.00436 9.69752 2.07509 9.86819C2.14582 10.0389 2.24973 10.1938 2.38079 10.324L9.36422 17.3074C9.62793 17.5711 9.98556 17.7192 10.3584 17.7192C10.7313 17.7192 11.089 17.5711 11.3527 17.3074L17.3074 11.3527C17.5711 11.089 17.7192 10.7313 17.7192 10.3584C17.7192 9.98556 17.5711 9.62793 17.3074 9.36422ZM10.3584 15.9152L3.65626 9.21094V3.65626H9.21094L15.9131 10.3584L10.3584 15.9152ZM7.03126 5.90626C7.03126 6.12876 6.96528 6.34627 6.84166 6.53127C6.71804 6.71628 6.54234 6.86047 6.33677 6.94562C6.13121 7.03077 5.90501 7.05305 5.68678 7.00964C5.46855 6.96623 5.2681 6.85909 5.11076 6.70175C4.95343 6.54442 4.84628 6.34396 4.80287 6.12573C4.75946 5.9075 4.78174 5.6813 4.86689 5.47574C4.95204 5.27017 5.09623 5.09447 5.28124 4.97085C5.46624 4.84724 5.68375 4.78126 5.90626 4.78126C6.20462 4.78126 6.49077 4.89978 6.70175 5.11076C6.91273 5.32174 7.03126 5.60789 7.03126 5.90626Z' fill='%23717C82'/%3E%3C/svg%3E%0A") center/cover no-repeat;
}
.bagesList .tag_btn:hover::before {
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3074 9.36422L10.324 2.38079C10.1938 2.24973 10.0389 2.14582 9.86819 2.07509C9.69752 2.00436 9.51451 1.96822 9.32977 1.96876H2.81251C2.58873 1.96876 2.37412 2.05765 2.21588 2.21588C2.05765 2.37412 1.96876 2.58873 1.96876 2.81251V9.32977C1.96822 9.51451 2.00436 9.69752 2.07509 9.86819C2.14582 10.0389 2.24973 10.1938 2.38079 10.324L9.36422 17.3074C9.62793 17.5711 9.98556 17.7192 10.3584 17.7192C10.7313 17.7192 11.089 17.5711 11.3527 17.3074L17.3074 11.3527C17.5711 11.089 17.7192 10.7313 17.7192 10.3584C17.7192 9.98556 17.5711 9.62793 17.3074 9.36422ZM10.3584 15.9152L3.65626 9.21094V3.65626H9.21094L15.9131 10.3584L10.3584 15.9152ZM7.03126 5.90626C7.03126 6.12876 6.96528 6.34627 6.84166 6.53127C6.71804 6.71628 6.54234 6.86047 6.33677 6.94562C6.13121 7.03077 5.90501 7.05305 5.68678 7.00964C5.46855 6.96623 5.2681 6.85909 5.11076 6.70175C4.95343 6.54442 4.84628 6.34396 4.80287 6.12573C4.75946 5.9075 4.78174 5.6813 4.86689 5.47574C4.95204 5.27017 5.09623 5.09447 5.28124 4.97085C5.46624 4.84724 5.68375 4.78126 5.90626 4.78126C6.20462 4.78126 6.49077 4.89978 6.70175 5.11076C6.91273 5.32174 7.03126 5.60789 7.03126 5.90626Z' fill='%238EB6B8'/%3E%3C/svg%3E%0A") center/cover no-repeat;
}
.bagesList .tag_btn:active::before {
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3074 9.36422L10.324 2.38079C10.1938 2.24973 10.0389 2.14582 9.86819 2.07509C9.69752 2.00436 9.51451 1.96822 9.32977 1.96876H2.81251C2.58873 1.96876 2.37412 2.05765 2.21588 2.21588C2.05765 2.37412 1.96876 2.58873 1.96876 2.81251V9.32977C1.96822 9.51451 2.00436 9.69752 2.07509 9.86819C2.14582 10.0389 2.24973 10.1938 2.38079 10.324L9.36422 17.3074C9.62793 17.5711 9.98556 17.7192 10.3584 17.7192C10.7313 17.7192 11.089 17.5711 11.3527 17.3074L17.3074 11.3527C17.5711 11.089 17.7192 10.7313 17.7192 10.3584C17.7192 9.98556 17.5711 9.62793 17.3074 9.36422ZM10.3584 15.9152L3.65626 9.21094V3.65626H9.21094L15.9131 10.3584L10.3584 15.9152ZM7.03126 5.90626C7.03126 6.12876 6.96528 6.34627 6.84166 6.53127C6.71804 6.71628 6.54234 6.86047 6.33677 6.94562C6.13121 7.03077 5.90501 7.05305 5.68678 7.00964C5.46855 6.96623 5.2681 6.85909 5.11076 6.70175C4.95343 6.54442 4.84628 6.34396 4.80287 6.12573C4.75946 5.9075 4.78174 5.6813 4.86689 5.47574C4.95204 5.27017 5.09623 5.09447 5.28124 4.97085C5.46624 4.84724 5.68375 4.78126 5.90626 4.78126C6.20462 4.78126 6.49077 4.89978 6.70175 5.11076C6.91273 5.32174 7.03126 5.60789 7.03126 5.90626Z' fill='%233C4245'/%3E%3C/svg%3E%0A") center/cover no-repeat;
}
.bagesList .tag_btn span {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #717C82;
    transition: all 0.3s ease-in-out;
}
.bagesList .tag_btn:hover span {
    color: #8EB6B8;
}
.bagesList .tag_btn:active span {
    color: #3C4245;
}
/* TAG BUTTON ON CATALOG SECTION LIST END */
/* End */


/* Start:/local/templates/ismart/template_styles.css?174116761843*/
[x-cloak] {
    display: none !important;
}
/* End */
/* /local/templates/ismart/components/arturgolubev/search.title/new-search/style.css?17411676185913 */
/* /local/templates/ismart/styles.css?1742879661218635 */
/* /local/templates/ismart/template_styles.css?174116761843 */