/** Shopify CDN: Minification failed

Line 641:1 Expected "}" to go with "{"

**/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
* {box-sizing: border-box;padding: 0;margin: 0;}
body {font-family: "Montserrat", sans-serif;background: #F9F9F9;font-size: 14px;padding: 0 0 70px;}
::placeholder {font-family: "Montserrat", sans-serif;}
.loader {
    border: 3px solid #f3f3f3;
    border-top: 3px solid #3498db;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    animation: spin 1s linear infinite;
    display: inline-block;
    margin-left: 10px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.content {max-width: 620px;margin: 0 auto;}
#multi-step-form label {
    font-weight: 400;
}
#multi-step-form button {
    letter-spacing: 0;
  text-transform: capitalize;
}
.form_wrapper {background: #fff;padding: 24px;border-radius: 12px;border: 1px solid #88888833}
.form-step {
    display: none;
}
.form-step.active {
    display: block;
}
.form-group {
    margin: 4px 0;
}
label {
    display: block;
}
input, select {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
}
button {
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 14px;
    margin: 40px 0 0;
}
.progress-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.progress-step {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border: 1px solid #9F9F9F;
    border-radius: 12px;
    background: #fff;
    color: #222222;
    position: relative;
}
.progress-step::before {
    position: absolute;
    top: 19px;
    left: 41px;
    width: 100%;
    height: 1px;
    background: #9F9F9F;
    content: '';
}
.progress-step.active::before {background: #222222;}
.progress-step:last-child::before {display: none;}
.progress-step.active {
    background: #222222;
    color: #fff;
    border: 1px solid transparent;
}
.progress-step.completed {
    background: #222222;
    color: #fff;
    font-size: 0;
    position: relative;
}
.progress-step.completed::after {
    content: '';
    background-image: url('/cdn/shop/files/check.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 16px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.radio-group {
    display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 16px;
}
.radio-label {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    width: auto;
    max-width: 100%;
    padding: 12px 8px;
    border: 1px solid #E7E7E7;
    border-radius: 8px;
    transition: border-color 0.3s;
    position: relative;
    color: #374151;
}
.r-dot {position: absolute;top: 8px;right: 8px;display: block;width: 16px;height: 16px;border-radius: 50%;border: 1px solid #D0D5DD;}
.radio-input:checked + .radio-label .r-dot {border: 1px solid #222222;}
.radio-input:checked + .radio-label .r-dot::after {position: absolute;top: 2px;right: 2px;background: #222222;width: 10px;height: 10px;border-radius: 50%;content: '';}
.radio-label:hover {
    border-color: #222222;
}
.radio-label img {
    margin: 0 0 22px;
    width: 132px;
    height: 100px;
    object-fit: contain;
}
.radio-input {
    display: none;
}
.radio-input:checked + .radio-label {
    border-color: #222222;
    background: #fff;
}
/* .selected-bag {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
} */
.selected-bag img {
    object-fit: cover;
}
.custom-select {
    position: relative;
    width: 100%;
}
.custom-select select {
    display: none;
}
.select-selected {
    padding: 12px;
    border: 1px solid #88888833;
    box-shadow: 0px 1px 2px 0px #0000000D;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    height: auto;
    max-height: 44px;
    background: #fff;
    gap: 8px;
    position: relative;
}
/* .select-selected img {
    width: 40px;
    height: 40px;
    object-fit: cover;
} */
.select-items {
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    max-height: 200px;
    overflow-y: auto;
    width: 100%;
    z-index: 10;
    display: none;
}
.select-items div {
    padding: 8px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #88888833;
    cursor: pointer;
    gap: 8px;
}
.select-items div:hover {
    background: #f0f0f0;
}
/* .select-items img {
    width: 40px;
    height: 40px;
    object-fit: cover;
} */
.select-items.show {
    display: block;
}
.phone-group {
    display: flex;
    gap: 10px;
}
.phone-group .iti {
    flex: 1;
}
.iti {width: 100%;}
.iti__country-list {
    z-index: 1001;
}
.iti__selected-flag {
    padding: 0 8px;
}
.iti__flag-container {
    padding: 0;
}

.iti__country {display: flex;align-items: center;gap: 10px;}
.iti__dial-code {font-size: 14px;}
.progress-container {max-width: 280px;margin: 10px auto 20px;}
#step-1 .f_heading {margin: 0 0 8px;text-align: center;}
#step-1 .radio-label {font-size: 20px;}
.f_heading {font-size: 24px;line-height: 120%;margin: 0 0 16px;font-weight: 500;}
.f_heading_m {font-size: 20px;line-height: 100%;margin: 0 0 16px;color: #222222;font-weight: 500;}
.f_sub_heading {color: #777777;}
.custom_header_logo .logo--desktop,
.custom_header_logo img {max-width: 160px !important;}
.form_wrapper hr {margin: 24px 0;border: none;height: 1px;background: #E2E2E2;}
#next-btn {border: none;background: #222222;width: 182px;align-items: center;justify-content: center;color: #fff;border-radius: 10px;padding: 12px 0;}
#submit-btn {border: none;background: #222222;width: auto;align-items: center;justify-content: center;color: #fff;border-radius: 10px;padding: 12px 32px;}
#next-btn svg, #submit-btn svg {margin: 0 0 0 12px;}
#prev-btn svg {margin: 0 12px 0 0;}
#prev-btn {padding: 12px 0;border-radius: 10px;align-items: center;justify-content: center;border: 1px solid #777777;width: 120px;color: #777777;background: transparent;}
.button-container {display: flex;align-items: center;justify-content: space-between;}
#step-2 .f_heading {text-align: center;}
.selected-bag {max-width: 260px;margin: 16px auto 0;}
.selected-bag #selected-bag-name {font-size: 20px;}
/* .selected-bag .radio-label img {margin: 0 0 8px;} */
.selected-bag .radio-label:hover {border: 1px solid #E7E7E7;cursor: auto;}
.order_num label {font-size: 12px;color: #404040;font-weight: 500;}
.order_num input {height: 44px;border: 1px solid #88888833;margin: 4px 0 8px;border-radius: 6px;box-shadow: 0px 1px 2px 0px #0000000D;outline: none;}
.order_num span {font-size: 12px;color: #777777;}
.store_wrapper {background: #E9E9E9;border-radius: 8px;padding: 20px;display: grid;grid-template-columns: 18px 1fr;grid-gap: 8px;margin: 16px 0 0;}
.step_one_text p {font-weight: 700; line-height: 1.25;}
.step_one_text p a {color: #404040; text-decoration: underline;}
.store_i_heading {font-weight: 700;}
.store_i_name {font-size: 12px;color: #404040;font-weight: 500;margin: 4px 0 0;line-height: 20px;}
.select-selected span {color: #6B7280;}
.select-items div {font-size: 12px;}
.store_link a {color: #7F8182;font-size: 12px;font-weight: 700;text-decoration: none;display: flex;align-items: center;line-height: 20px;}
.store_link_a.active {color: #222222;}
.store_link_a.active:hover {color: blue}
.store_link_a.active:hover svg path{stroke: blue}
.store_link_a.active svg path {stroke: #222222}
.selected_arr {position: absolute;top: 14px;right: 14px;z-index: 1;}
.selected_arr img {width: 16px;height: 16px;}
#step-3 .radio-label {padding: 8px 16px 12px;}
#step-3 .radio-label img {margin: 0 0 10px;}
#step-3 .form-group {flex-direction: column;}
.personalization-group span {font-size: 12px;margin: 0 0 6px;line-height: 20px;display: inline-block;}
.form-group-g {display: flex;align-items: center;}
.form-group-i {display: flex;align-items: center;}
.form-group-i label {min-width: 80px;}
.f_subheading {font-size: 16px;color: #777777;font-weight: 400;line-height: 1;}

.personalization-group .form-group-i {
display: flex;
align-items: center;
gap: 8px; 
}

.personalization-group input[type="radio"] {
display: none;
}

.personalization-group .form-group-i label {
position: relative;
padding-left: 24px;
cursor: pointer;
font-size: 12px; 
}

.personalization-group .form-group-i .r-dot {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
border: 2px solid #D0D5DD; 
border-radius: 50%;
background: transparent;
transition: border-color 0.2s ease;
}

.personalization-group input[type="radio"]:checked + label .r-dot {
border-color: #222222; 
}

.personalization-group input[type="radio"]:checked + label .r-dot::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 8px; 
height: 8px;
background: #222222; 
border-radius: 50%;
}
.form-group-i {font-size: 12px;margin: 0 16px 0 0;}
.personalization-input {margin: 24px 0 0;}
.personalization-input label {font-size: 12px;}
.personalization-input label span {color: red;}
.personalization-input input {height: 44px;border: 1px solid #88888833;margin: 4px 0 8px;border-radius: 6px;box-shadow: 0px 1px 2px 0px #0000000D;outline: none;}
.personalization-input span {color: #777777;}
.ship_head {font-size: 16px;line-height: 20px;font-weight: 500;margin: 0 0 16px;}
/* .ship_grid {display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;} */
/* .ship_grid .form-group {width: 278px;display: flex;flex-direction: column;} */
.ship_grid {display: grid;grid-template-columns: repeat(2, 1fr);grid-column-gap: 16px;}
.ship_grid input {height: 44px;border: 1px solid #88888833;margin: 4px 0 8px;border-radius: 6px;box-shadow: 0px 1px 2px 0px #0000000D;outline: none;}
.ship_grid select {height: 44px;border: 1px solid #88888833;margin: 4px 0 8px;border-radius: 6px;box-shadow: 0px 1px 2px 0px #0000000D;outline: none;font-family: "Montserrat", sans-serif;}
.pgroup label {margin: 0 0 4px;}
.ship_grid label span {color: red;}
.ship_grid label {font-size: 12px;}
.iti--separate-dial-code .iti__selected-flag {background: transparent;border-right: 1px solid #D1D5DB}
.ship_check {
    display: flex;
    align-items: center;
    gap: 8px; 
}

.ship_check input[type="checkbox"] {
    display: none; 
}

.ship_check label {
    position: relative;
    padding-left: 28px; 
    cursor: pointer;
}

.ship_check .c-box {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 1px solid #88888833; 
    border-radius: 4px; 
    background: transparent;
    transition: all 0.2s ease;
}

.ship_check input[type="checkbox"]:checked + label .c-box {
    border-color: #222222; 
    background: #222222; 
}

.ship_check input[type="checkbox"]:checked + label .c-box::after {
    content: '';
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 5px; 
    height: 10px; 
    border: 2px solid #ffffff; 
    border-top: none;
    border-left: none; 
}
.ship_check {margin: 24px 0;}
.form-group-last {display: grid;grid-template-columns: 165px 1fr;grid-gap: 16px;}
.th_page {margin: 64px 0 0;}
.th_page .form_wrapper {padding: 0;
overflow: hidden;
display: flex;
width: 100%;
flex-direction: column;}
.th_page_img img {width: 100%;height: 100%;}
.th_page_img {position: relative;}
.th_page_img_like {position: absolute;bottom: -70px;left: 0;right: 0;margin: 0 auto;text-align: center;}
.th_page_img_like img {width: 152px;height: 152px;}
.th_wrap {padding: 96px 0 24px;max-width: 460px;margin: 0 auto;text-align: center;}
.th_btn {margin: 24px 0 0;display: flex;align-items: center;justify-content: center;}
.th_wrap .f_sub_heading {font-size: 16px;}
.th_page .go_ama {background: #222222;border-radius: 10px;color: #fff;text-decoration: none;padding: 12px 24px;vertical-align: middle;display: flex;align-items: center;max-width: 215px;}
.th_page .go_ama svg {margin: 0 0 0 8px;}
.th_page .go_home {padding: 12px;margin: 0 0 0 14px;text-decoration: none;color: #222222;}
.th_slider_wrap {margin: 42px 0 0;}
.th_slider_heading {font-size: 18px;font-weight: 500;margin: 0 0 12px;}
.next_ar svg {transform: rotate(180deg);}
.th_slider {
    margin: 0 -8px 0 0;display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 8px;
}
#step-4 .slick-dots {bottom: -65px;}
#step-4 .slick-prev:before, #step-4 .slick-next:before {color: #000;}
#step-4 .slick-prev, #step-4 .slick-next {top: -20px; margin: 0;}
#step-4 .slick-prev {left: calc(100% - 50px);}
#step-4 .slick-next {right: 0;}
.th_slider_i {padding: 12px 8px;background: #fff;border: 1px solid #E7E7E7;margin: 0 8px 0 0;border-radius: 8px;overflow: hidden;}
.th_slider_i_inf {display: flex;align-items: center;justify-content: space-between; flex-direction: row;}
.th_slider hr {margin: 12px 0 10px;border: none;height: 1px;background: #E2E2E2;}
.th_slider a {color: #374151;text-decoration: none;}
.th_slider_i_name {font-size: 12px;}
.th_slider_i_price {font-size: 12px;font-weight: 600;color: #374151;}
.th_slider_i_img {display: flex; justify-content: center; min-height: 120px;}
.th_slider_i_img img {max-height: 120px; width: auto;}
.next-btn-full-width {width: 100% !important;}
.custom-select {
  position: relative;
}
.select-items.open-up {
  top: auto;
  bottom: 100%;
  margin-bottom: 4px;
}

/* --- Стили для попапа выбора маркетплейса --- */

.gift_modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  display: none;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.gift_modal-overlay.active {
  display: flex;
}

.gift_modal {
  position: relative; /* Добавлено для позиционирования крестика */
  background-color: white;
  border-radius: 12px;
  padding: 24px;
  width: 100%;
  max-width: 450px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.gift_modal-header {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
  color: #333;
}

.gift_modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gift_modal-close:hover {
  opacity: 1;
}
.gift_modal-close::before, .gift_modal-close::after {
  content: ' ';
  position: absolute;
  height: 18px;
  width: 2px;
  background-color: #333;
}
.gift_modal-close::before { transform: rotate(45deg); }
.gift_modal-close::after { transform: rotate(-45deg); }


.gift_marketplace-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.gift_marketplace-item {
  display: flex;
  align-items: center;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.gift_marketplace-item:hover {
  border-color: #9ca3af;
  background-color: #f9fafb;
}

.gift_marketplace-item.selected {
  border-color: #111827;
  background-color: #f3f4f6;
  box-shadow: 0 0 0 1px #111827;
}

.gift_marketplace-item img {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}

.gift_marketplace-item .gift_item-name {
  flex-grow: 1;
  font-weight: 400;
}

.gift_marketplace-item .gift_radio-dot {
  width: 20px;
  height: 20px;
  border: 2px solid #d1d5db;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gift_marketplace-item.selected .gift_radio-dot {
  border-color: #111827;
}

.gift_marketplace-item.selected .gift_radio-dot::after {
  content: '';
  width: 10px;
  height: 10px;
  background-color: #111827;
  border-radius: 50%;
}

.gift_select-trigger {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 100%;
  justify-content: space-between;
}
.gift_select-trigger div {
    display: flex;
    align-items: center;
}

.gift_select-trigger img {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}

@media (max-width: 699px) {
    #step-1 .radio-label {font-size: 14px;}
    .progress-container {margin: 10px auto 20px;max-width: 200px;}
    .progress-step {width: 32px;height: 32px;font-size: 12px;border-radius: 8px;}
    .progress-step::before {top: 15px;left: 30px;}
    .radio-group {grid-template-columns: repeat(2, 1fr);grid-gap: 8px;}
    .radio-label {padding: 8px 20px;}
    .radio-label img {width: 100%;height: 80px;object-fit: contain;}
    #step-1 .f_heading {margin: 0 0 4px;}
    .f_heading {margin: 0 0 12px;font-size: 18px;}
    .form_wrapper {padding: 16px;margin: 0 16px;}
    .f_sub_heading {font-size: 12px;}
    .form_wrapper hr {margin: 16px 0;}
    .gift_select-trigger img {
        width: 18px;
        height: 20px;
        margin-right: 6px;
    }
    #step-2 .radio-label {font-size: 12px;}
    .f_heading_m {font-size: 14px;margin: 0 0 12px;}
    .store_wrapper {margin: 24px 0 0;padding: 12px;}
    .store_i_heading {font-weight: 500; line-height: 1.25;}
    #step-3 .radio-label {font-size: 12px;padding: 8px 10px 12px;}
    .ship_grid {display: flex;flex-direction: column;}
    .iti {width: 100%;}
    .ship_check {margin: 16px 0;font-size: 12px;}
    .th_btn {flex-direction: column;}
    .go_home {margin: 4px 0 0;}
    .th_wrap .f_sub_heading {font-size: 12px;}
    .th_wrap {max-width: 312px;}
    .th_page_img_like img {width: 100px;height: 100px;}
    .th_page_img_like {bottom: -45px;}
    .th_wrap {padding: 60px 0 30px;}
    .th_page {margin: 20px 0 0;}
    .th_slider {margin: 0 0 0 16px; grid-template-columns: repeat(2, 1fr);}
    .th_slider .slick-list {padding: 0 15% 0 0;}
    .th_slider_heading {margin: 0 0 12px 16px;}
    .th_slider .slick-dots {display: flex;align-items: center;justify-content: center;margin: 18px 0 0;}
    .th_slider .slick-dots li {border-radius: 50%;width: 8px;height: 8px;margin: 0 5px;background: #E7E7E7;color: transparent;}
    .th_slider .slick-dots li button {opacity: 0;}
    .th_slider button {margin: 0;}
    .th_slider .slick-dots li.slick-active {background: #222222;}
    .th_slider_i_inf { flex-direction: column;}
    .button-container {position: fixed;bottom: 0;left: 0;width: 100%;box-shadow: 0px -12px 20px 0px #0000001A;background: #F9F9F9;padding: 0 16px;}
    .button-container button {margin: 24px 0;}
    #prev-btn {width: 80px;}
    #prev-btn svg {margin: 0 4px 0 0;}
    .ship_grid select {background: transparent;color: #222222;}
    body {padding: 0 0 120px;}

/* --- Fix for iOS auto-zoom on form input focus --- */
@media (max-width: 767px) {
  .shopify-section--custom-free-gift input[type="text"],
  .shopify-section--custom-free-gift input[type="email"],
  .shopify-section--custom-free-gift input[type="tel"],
  .shopify-section--custom-free-gift select {
    font-size: 16px !important;
  }
}