@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;600;700&display=swap');
:root { --red: #cc1111;--green: #315c3a; --bs-light-rgb: 246, 255, 248;}
body { font-family: 'Inter', sans-serif; padding-bottom: 70px; }
body.no-mobile-nav { padding-bottom: 0; }
.font-display { font-family: 'Playfair Display', serif; }

@font-face {
  font-family: Rawline;
  src: url(/fonts/Rawline/Rawline-Medium.woff2) format("woff2"), url(/fonts/Rawline/Rawline-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Topbar */
.topbar { background: #111; padding: 6px 0; border-bottom: 1px solid #222; }
.topbar-divider { width: 1px; height: 14px; background: rgba(255,255,255,0.2); }
.hover-red:hover { color: var(--red) !important; }

/* Logo */
.logo-icon { width:36px;height:36px;background:var(--red);border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:white;flex-shrink:0; }
.brand-name { font-weight:700;font-size:16px;line-height:1.2; }
.brand-sub { font-size:9px;opacity:.5;letter-spacing:2px;text-transform:uppercase; }

/* Social links topbar */
.social-link { color:rgba(0,0,0,.5);font-size:16px;text-decoration:none;transition:color .2s; }
.social-link:hover { color:var(--red); }

/* Social links navbar */
.social-link-nav { color:rgba(0,0,0,.6);font-size:17px;text-decoration:none;transition:color .2s; }
.social-link-nav:hover { color:var(--green); }

footer{background-color: #c7d4ca;}
footer a, footer p{color: #222;}
/* Social links footer */
.social-footer { width:38px;height:38px;background:#222;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;text-decoration:none;transition:all .2s; }
.social-footer:hover { background:var(--green);color:white; }

/* Cart icon nav */
.cart-icon-btn { color:rgba(0,0,0,.8);font-size:22px;text-decoration:none;display:flex;align-items:center;padding:4px; }
.cart-icon-btn:hover { color:var(--green); }
.cart-badge-nav { position:absolute;top:-4px;right:-6px;background:var(--green);color:white;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px; }

/* Dropdown */
.dropdown-menu-dark { background:#1a1a1a;border:1px solid #333; }
.dropdown-menu-dark .dropdown-item { color:rgba(255,255,255,.75);font-size:14px; }
.dropdown-menu-dark .dropdown-item:hover { background:rgba(204,17,17,.15);color:white; }
.dropdown-menu-dark .dropdown-divider { border-color:#333; }
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: 0;
  border-radius: 0.25rem;
  display: none;
}

.dropdown-submenu:hover .dropdown-menu {
  display: block;
}

.dropdown-menu.show {
  display: block;
}


.search-overlay-wrap {
  position: relative;
  width: 30px;
  height: 30px;
}

/* сама форма — поверх */
.search-box {
  position: absolute;
  top: 0;
  right: 0;

  display: flex;
  align-items: center;

  height: 30px;
  width: 30px;

  border-radius: 999px;
  background: rgba(255,255,255,.6);

  overflow: hidden;
  transition: width 0.3s ease;
  z-index: 1000;
}

/* input скрыт */
.search-input {
  width: 0;
  padding: 0;
  border: 0;
  box-shadow: none !important;
  opacity: 0;
  background: transparent;

  transition: all 0.3s ease;
}

/* кнопка — всегда круг справа */
.search-btn {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;

  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.6);
  color: #212529;

  display: flex;
  align-items: center;
  justify-content: center;
}

/* раскрытие поверх */
.search-box:hover,
.search-box:focus-within,
.search-box.active {
  width: 260px;
  background: #fff;
}

/* поле появляется слева */
.search-box:hover .search-input,
.search-box:focus-within .search-input,
.search-box.active .search-input {
  width: 100%;
  padding: 0 12px;
  opacity: 1;
}
@media (max-width: 768px) {

  .search-overlay-wrap {
    width: 100%;
    height: 30px;
  }

  .search-box {
    position: relative;   /* можно оставить absolute, но relative проще */
    width: 100% !important;
  }

  .search-input {
    width: 100% !important;
    opacity: 1;
    padding: 0 12px;
  }

  /* убираем "сжатое" состояние */
  .search-box:hover,
  .search-box:focus-within,
  .search-box.active {
    width: 100%;
  }
}


/* Hero */
.hero-section { min-height:80vh;background:linear-gradient(to right,#0a0a0a 0%,rgba(0,0,0,.7) 60%,rgba(0,0,0,.3) 100%),url('https://mir-salona.ru/0111newdes/images/ecb2e4ff7_generated_ea915432.png') center/cover no-repeat; }
.text-white-75 { color:rgba(255,255,255,.75)!important; }

/* Advantages */
.adv-icon { width:56px;height:56px;background:rgba(204,17,17,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:24px;color:var(--red); }

/* Category cards */
.cat-card { position:relative;display:block;border-radius:12px;overflow:hidden;aspect-ratio:4/3;text-decoration:none; }
.cat-card img { width:100%;height:100%;object-fit:cover;transition:transform .5s ease; }
.cat-card:hover img { transform:scale(1.05); }
.cat-overlay { position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.1) 60%);display:flex;align-items:flex-end;justify-content:space-between;padding:20px;color:white;font-weight:600;font-size:16px; }
.cat-btn { width:36px;height:36px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s; }
.cat-card:hover .cat-btn { transform:scale(1.1); }


/* Cart page items */
.cart-item { border:1px solid #e5e5e5;border-radius:12px;padding:16px;display:flex;gap:16px;background:white; }
.cart-item img { width:80px;height:80px;object-fit:cover;border-radius:8px;flex-shrink:0; }
.qty-btn { width:30px;height:30px;border:1px solid #ddd;background:white;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1; }
.qty-btn:hover { border-color:var(--red);color:var(--red); }

/* Contacts */
.contact-icon { width:48px;height:48px;background:rgba(204,17,17,.1);color:var(--red);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0; }

/* Footer */
.footer-link {color: #222;text-decoration:none;font-size:14px;display:block;margin-bottom:6px; }
.footer-link:hover { color:var(--green); }

/* Filter buttons */
.filter-btn.active { background:#111!important;color:white!important;border-color:#111!important; }

/* ═══ MOBILE BOTTOM NAV ═══ */
.mobile-bottom-nav {
  position:fixed;bottom:0;left:0;right:0;z-index:1040;
  background:#fff;border-top:1px solid #e5e5e5;
  display:flex;align-items:stretch;
  box-shadow:0 -2px 12px rgba(0,0,0,.08);
  height:62px;
}
.mob-nav-item {
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-decoration:none;color:#555;font-size:10px;gap:3px;position:relative;
  transition:color .2s;
  padding: 6px 2px;
}
.mob-nav-item i { font-size:20px;line-height:1; }
.mob-nav-item span:not(.mob-cart-badge) { font-size:10px; }
.mob-nav-item:hover, .mob-nav-item.active { color:var(--red); }
.mob-nav-wa { color:#25D366; }
.mob-nav-wa:hover { color:#128C4A; }
.mob-nav-tg { color:#2AABEE; }
.mob-nav-tg:hover { color:#1a8ec7; }
.mob-nav-max { color: #8B00FF;}
.mob-nav-max .bi-max::before{
  width: 20px;
  height: 20px;
  filter:invert(77%) sepia(100%) saturate(2024%) hue-rotate(979deg) brightness(100%) contrast(100%);
}

.mob-cart-badge {
  position:absolute;top:4px;right:calc(50% - 18px);
  background:var(--red);color:white;font-size:9px;font-weight:700;
  min-width:16px;height:16px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;padding:0 3px;
}

@media (min-width:992px) {
  body { padding-bottom:0; }
  .mobile-bottom-nav { display:none!important; }
  .topbar { display:block; }
}


.bi-max::before {
  content: ' ';
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAABB0lEQVR42mNgQAP///9nB+JAIJ4JxHuB+DQQrwbiJCDmYcAHgAoCgPjRf9zgIxAn4NJcAMT//hMH+tA1u5GgGQYSYJqZgPgmmuRrII4HYnEgFgbiUCC+gUUNJ8gAVzSJL0CshcWLfEB8HU1tCkiiDU2wG08g+6CpXQASXIUm6ILHAC60sDoBEtyEZoABHgN40dTuBwnORRNUx2NAFJraJSDBEjRBDxya5YD4KZraJJCEJXrAAHEeEE8AYisgNoJa8gZN3Ssg5gYZwAqNOlIAKCBDkZ13lATNf4G4CN1/C5AUgHLfexyabwGxO7YA8gbi5aD0DfWSCBAXAvEiaDrpBgUuEDOjawYAapnILgJi//QAAAAASUVORK5CYII=);
  color: rgba(255, 255, 255, 1);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: invert(83%) sepia(94%) saturate(1485%) hue-rotate(26deg) brightness(100%) contrast(100%);
  transition: color 0.3s ease;
}


.bi-max:hover::before{
  filter: brightness(1);
  transition: color 0.3s ease;
}

footer .bi-max::before, footer.bi-max:hover::before{
  filter: brightness(1)!important;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.article-post__image img, video{max-width: 100%;}
.clients-page .img-fluid {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  width: 100%;
}
.smaller {
  font-size: 0.75rem;
}
.article-post__date{
  position: absolute;
  left: 10px;
  top: 10px;
  color: #fff;
  font-weight: bold;
  background: rgb(119 57 17 / 70%);
  box-shadow: 0 0 9px rgb(119 57 17 / 70%);
  width: 74px;
  text-align: center;
  z-index: 1;
}
article{position: relative}
ol.breadcrumb a{text-decoration: none;color: #333}




.irs {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 2rem;
}

.irs, .irs-line {
  position: relative;
  display: block
}

.irs-line {
  overflow: hidden;
  outline: none !important
}

.irs-line-left, .irs-line-mid, .irs-line-right {
  position: absolute;
  display: block;
  top: 0
}

.irs-line-left {
  left: 0;
  width: 11%
}

.irs-line-mid {
  left: 9%;
  width: 82%
}

.irs-line-right {
  right: 0;
  width: 11%
}

.irs-bar {
  width: 0
}

.irs-bar, .irs-bar-edge {
  position: absolute;
  display: block;
  left: 0
}

.irs-bar-edge {
  top: 0
}

.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0
}

.irs-slider {
  position: absolute;
  display: block;
  cursor: default;
  z-index: 1
}

.irs-slider.type_last {
  z-index: 2
}

.irs-min {
  left: 0
}

.irs-max, .irs-min {
  position: absolute;
  display: block;
  cursor: default
}

.irs-max {
  right: 0
}

.irs-from, .irs-single, .irs-to {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap
}

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px
}

.irs-with-grid .irs-grid {
  display: block
}

.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000
}

.irs-grid-pol.small {
  height: 4px
}

.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000
}

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: transparent;
  z-index: 2
}

.irs-disabled {
  opacity: .4
}

.lt-ie9 .irs-disabled {
  filter: alpha(opacity=40)
}

.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important
}


.irs-with-grid {
  height: 75px
}

.irs-line {
  height: .25rem;
  top: .875rem;
  background: #eee;
  background: linear-gradient(180deg, #ddd -50%, #fff 150%);
  border: 1px solid #ccc;
  border-radius: 16px;
  -moz-border-radius: 16px
}

.irs-line-left, .irs-line-mid, .irs-line-right {
  height: .3125rem
}

.irs-bar {
  height: .25rem;
  top: .875rem;
  border-top: 1px solid #585858;
  border-bottom: 1px solid #585858;
  background: #585858
}

.irs-bar-edge {
  height: 10px;
  top: 33px;
  width: 14px;
  border: 1px solid #428bca;
  border-right: 0;
  background: #428bca;
  background: linear-gradient(0deg, #428bca 0, #7fc3e8);
  border-radius: 16px 0 0 16px;
  -moz-border-radius: 16px 0 0 16px
}

.irs-shadow {
  height: 2px;
  top: 38px;
  background: #000;
  opacity: .3;
  border-radius: 5px;
  -moz-border-radius: 5px
}

.lt-ie9 .irs-shadow {
  filter: alpha(opacity=30)
}

.irs-slider {
  top: .625rem;
  width: .75rem;
  height: .75rem;
  border: 1px solid #315c3a;
  background: #315c3a;
  border-radius: 27px;
  -moz-border-radius: 27px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
  cursor: grab
}

.irs-slider:active {
  cursor: grabbing
}

.irs-max, .irs-min {
  color: #333;
  font-size: 12px;
  line-height: 1.333;
  text-shadow: none;
  top: 0;
  padding: 1px 5px;
  background: rgba(0, 0, 0, .1);
  border-radius: 3px;
  -moz-border-radius: 3px
}

.lt-ie9 .irs-max, .lt-ie9 .irs-min {
  background: #ccc
}

.irs-from, .irs-single, .irs-to {
  color: #fff;
  font-size: 14px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background: #ff0004;
  border-radius: 3px;
  -moz-border-radius: 3px
}

.lt-ie9 .irs-from, .lt-ie9 .irs-single, .lt-ie9 .irs-to {
  background: #999
}

.irs-grid {
  height: 27px
}

.irs-grid-pol {
  opacity: .5;
  background: #428bca
}

.irs-grid-pol.small {
  background: #999
}

.irs-grid-text {
  bottom: 5px;
  color: #99a4ac
}
.slider__inputs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0 -.25rem .25rem
}

.slider__inputs .input-block {
  width: calc(50% - .5rem);
  margin: 0 .25rem
}

.slider__inputs .input-block input {
  width: 100%;
  padding: .25rem
}

.slider__inputs .input-block__label {
  font-size: .75rem
}

.checkbox-container {
  display: block;
  position: relative;
  padding-left: 2rem;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: left;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.checkbox-container .checkbox-container__title {
  font-size: 1rem
}

.checkbox-container .checkbox-container__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  cursor: pointer
}

.checkbox-container .checkbox-container__checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #ccc
}

.checkbox-container .checkbox-container__checkmark:after {
  content: "";
  position: absolute;
  left: .5rem;
  top: .1875rem;
  display: none;
  width: .375rem;
  height: .75rem;
  border: solid #fff;
  border-width: 0 .1875rem .1875rem 0;
  transform: rotate(45deg)
}

.checkbox-container .checkbox-container__input:checked ~ .checkbox-container__checkmark, .checkbox-container:hover .checkbox-container__input ~ .checkbox-container__checkmark {
  background-color: #cc3647
}

.checkbox-container .checkbox-container__input:checked ~ .checkbox-container__checkmark:after {
  display: block
}
.modal-dialog {
  pointer-events: auto;
}
.accordion-link {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
  text-decoration: none;
}
.sort-block{
  border-top: 1px solid #dc3545;
  border-bottom: 1px solid #dc3545;
  margin-bottom: 2em;
}













.jq-checkbox, .jq-radio {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.jq-checkbox input, .jq-radio input {
  position: absolute;
  z-index: -1;
  margin: 0;
  padding: 0;
  opacity: 0
}

.jq-file {
  position: relative;
  display: inline-block;
  overflow: hidden
}

.jq-file input {
  position: absolute;
  top: 0;
  right: 0;
  height: auto;
  margin: 0;
  padding: 0;
  opacity: 0;
  font-size: 100px;
  line-height: 1em
}

.jq-file__name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}


.jq-select-multiple ul {
  overflow-x: hidden
}

.jq-number {
  display: inline-block
}

.jq-number__field input {
  -moz-appearance: textfield;
  text-align: left
}

.jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none
}

.jq-checkbox, .jq-radio {
  vertical-align: -4px;
  width: 16px;
  height: 16px;
  margin: 0 4px 0 0;
  border: 1px solid #c3c3c3;
  background: linear-gradient(#fff, #e6e6e6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05), inset -1px -1px #fff, inset 1px -1px #fff;
  cursor: pointer
}

.jq-checkbox.focused, .jq-radio.focused {
  border: 1px solid #08c
}

.jq-checkbox.disabled, .jq-radio.disabled {
  opacity: .55
}

.jq-checkbox {
  border-radius: 3px
}

.jq-checkbox.checked .jq-checkbox__div {
  width: 8px;
  height: 4px;
  margin: 3px 0 0 3px;
  border-bottom: 2px solid #666;
  border-left: 2px solid #666;
  transform: rotate(-50deg)
}

.jq-radio {
  border-radius: 50%
}

.jq-radio.checked .jq-radio__div {
  width: 10px;
  height: 10px;
  margin: 3px 0 0 3px;
  border-radius: 50%;
  background: #777;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .7)
}

.jq-file {
  width: 270px;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}

.jq-file input {
  cursor: pointer
}

.jq-file__name {
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  padding: 0 80px 0 10px;
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  background: #fff;
  box-shadow: inset 1px 1px #f1f1f1
}

.jq-file__browse, .jq-file__name {
  font: 14px/32px Arial, sans-serif;
  color: #333
}

.jq-file__browse {
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 0 10px;
  border-left: 1px solid #ccc;
  border-radius: 0 4px 4px 0;
  background: linear-gradient(#fff, #e6e6e6);
  box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
  text-shadow: 1px 1px #fff
}

.jq-file:hover .jq-file__browse {
  background: linear-gradient(#f6f6f6, #e6e6e6)
}

.jq-file:active .jq-file__browse {
  background: #f5f5f5;
  box-shadow: inset 1px 1px 3px #ddd
}

.jq-file.focused .jq-file__name {
  border: 1px solid #5794bf
}

.jq-file.disabled, .jq-file.disabled .jq-file__browse, .jq-file.disabled .jq-file__name {
  border-color: #ccc;
  background: #f5f5f5;
  box-shadow: none;
  color: #888
}

.jq-number {
  position: relative;
  vertical-align: middle;
  padding: 0 36px 0 0
}

.jq-number__field {
  width: 100px;
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1)
}

.jq-number__field:hover {
  border-color: #b3b3b3
}

.jq-number__field input {
  box-sizing: border-box;
  width: 100%;
  padding: 8px 9px;
  border: none;
  outline: none;
  background: none;
  font: 14px Arial, sans-serif;
  color: #333
}

.jq-number__spin {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 14px;
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  background: linear-gradient(#fff, #e6e6e6);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-shadow: 1px 1px #fff;
  cursor: pointer
}

.jq-number__spin.minus {
  top: auto;
  bottom: 0
}

.jq-number__spin:hover {
  background: linear-gradient(#f6f6f6, #e6e6e6)
}

.jq-number__spin:active {
  background: #f5f5f5;
  box-shadow: inset 1px 1px 3px #ddd
}

.jq-number__spin:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 11px;
  width: 0;
  height: 0;
  border-bottom: 5px solid #999
}

.jq-number__spin.minus:after, .jq-number__spin:after {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent
}

.jq-number__spin.minus:after {
  top: 5px;
  border-top: 5px solid #999;
  border-bottom: none
}

.jq-number__spin.minus:hover:after {
  border-top-color: #000
}

.jq-number__spin.plus:hover:after {
  border-bottom-color: #000
}

.jq-number.focused .jq-number__field {
  border: 1px solid #5794bf
}

.jq-number.disabled .jq-number__field, .jq-number.disabled .jq-number__spin {
  border-color: #ccc;
  background: #f5f5f5;
  box-shadow: none;
  color: #888
}

.jq-number.disabled .jq-number__spin:after {
  border-bottom-color: #aaa
}

.jq-number.disabled .jq-number__spin.minus:after {
  border-top-color: #aaa
}



.jq-selectbox__search {
margin: 5px
}

.jq-selectbox__search input {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 5px 27px 6px 8px;
border: 1px solid #ccc;
border-radius: 3px;
outline: none;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==") no-repeat 100% 50%;
box-shadow: inset 1px 1px #f1f1f1;
color: #333
}


.jq-select-multiple {
box-sizing: border-box;
padding: 1px;
border: 1px solid #ccc;
border-bottom-color: #b3b3b3;
border-radius: 4px;
background: #fff;
box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
font: 14px/18px Arial, sans-serif;
color: #333;
cursor: default
}

.jq-select-multiple.focused {
border: 1px solid #5794bf
}

.jq-select-multiple.disabled {
border-color: #ccc;
background: #f5f5f5;
box-shadow: none;
color: #888
}

.jq-select-multiple ul {
margin: 0;
padding: 0
}

.jq-select-multiple li {
padding: 3px 9px 4px;
list-style: none
}

.jq-select-multiple li:first-child {
border-radius: 3px 3px 0 0
}

.jq-select-multiple li:last-child {
border-radius: 0 0 3px 3px
}

.jq-select-multiple li.selected {
background: #08c;
color: #fff
}

.jq-select-multiple li.disabled {
color: #aaa
}

.jq-select-multiple li.optgroup {
font-weight: 700
}

.jq-select-multiple li.option {
padding-left: 25px
}

.jq-select-multiple.disabled li.selected, .jq-select-multiple li.selected.disabled {
background: #ccc;
color: #fff
}
.filter-wrap.filterJs{
position: absolute;
background: rgb(255, 255, 255);
border: 1px solid #315c3a;
padding: 2em;
z-index: 110;
display: none;
  margin-top: 4px;
}
.filter{
display: flex;
align-items: center;
}

.index-catalog-card__img-bg,.product-card .img-wrap svg g{-webkit-transition: opacity .2s ease-in-out;transition: opacity .2s ease-in-out;opacity: 0;}
.product-card .img-wrap svg:hover .index-catalog-card__img-bg,
.product-card .img-wrap svg:hover .product-card .img-wrap svg g{opacity: 1}


.contacts__map {
  width: 100%;
  height: 350px;
  margin-bottom: 40px;
  border: 2px solid #68af78;
  border-radius: 20px;
  overflow: hidden;
}
.contacts__data {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.contacts__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.contacts__group h2 {
  margin-bottom: 10px;
}
.contacts__social {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 10px;
}
.contacts__social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.contacts__social ul li {
  margin-right: 10px;
}
.contacts__group a {
  color: #222;
}
.reset-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.reset-link {
  display: inline-block;
  text-decoration: none;
}
.evo-wholesale-form {
  padding: 35px 0 80px;
}

.evo-wholesale-form *,
.evo-wholesale-form *::before,
.evo-wholesale-form *::after {
  box-sizing: border-box;
}

.evo-wholesale-form__wrap {
  overflow: hidden;
  border: 1px solid #ead7bf;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 24px 55px rgba(85, 43, 12, 0.1);
}

/* Левая часть */

.evo-wholesale-form__info {
  position: relative;
  height: 100%;
  min-height: 100%;
  padding: 52px 45px;
  overflow: hidden;
  background:
          radial-gradient(
                  circle at 90% 15%,
                  rgba(255, 255, 255, 0.22) 0,
                  rgba(255, 255, 255, 0) 35%
          ),
          linear-gradient(145deg, #8b4814 0%, #602805 100%);
  color: #fff;
}

.evo-wholesale-form__info::before {
  position: absolute;
  right: -110px;
  bottom: -130px;
  width: 350px;
  height: 350px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  content: "";
}

.evo-wholesale-form__info::after {
  position: absolute;
  right: -40px;
  bottom: -70px;
  width: 210px;
  height: 210px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  content: "";
}

.evo-wholesale-form__label {
  position: relative;
  z-index: 1;
  display: inline-flex;
  margin-bottom: 20px;
  padding: 7px 14px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.08);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.evo-wholesale-form__title {
  position: relative;
  z-index: 1;
  margin: 0 0 20px;
  color: #fff;
  font-size: clamp(32px, 3vw, 46px);
  font-weight: 700;
  line-height: 1.08;
}

.evo-wholesale-form__description {
  position: relative;
  z-index: 1;
  margin: 0 0 30px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 16px;
  line-height: 1.65;
}

.evo-wholesale-form__benefits {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
  list-style: none;
}

.evo-wholesale-form__benefits li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  color: rgba(255, 255, 255, 0.93);
  font-size: 14px;
  line-height: 1.45;
}

.evo-wholesale-form__benefits li + li {
  margin-top: 15px;
}

.evo-wholesale-form__benefits i {
  flex: 0 0 auto;
  margin-top: 2px;
  color: #f5c991;
  font-size: 18px;
}

.evo-wholesale-form__contact {
  position: relative;
  z-index: 1;
  margin-top: 40px;
  padding-top: 25px;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.evo-wholesale-form__contact span {
  display: block;
  margin-bottom: 5px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 12px;
}

.evo-wholesale-form__contact a {
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  text-decoration: none;
}

.evo-wholesale-form__contact a:hover {
  color: #f5c991;
}

/* Правая часть */

.evo-wholesale-form__body {
  height: 100%;
  padding: 50px;
  background:
          linear-gradient(
                  135deg,
                  rgba(253, 247, 238, 0.75),
                  rgba(255, 255, 255, 0.96)
          );
}

.evo-wholesale-form__heading {
  margin-bottom: 28px;
}

.evo-wholesale-form__heading h3 {
  margin: 0 0 7px;
  color: #4c2109;
  font-size: 28px;
  font-weight: 700;
}

.evo-wholesale-form__heading p {
  margin: 0;
  color: #94775d;
  font-size: 13px;
}

/* Поля */

.evo-form-field label {
  display: block;
  margin-bottom: 8px;
  color: #54341d;
  font-size: 13px;
  font-weight: 600;
}

.evo-form-field label span {
  color: #a84816;
}

.evo-form-field__control {
  position: relative;
}

.evo-form-field__control > i {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 16px;
  color: #a67b55;
  font-size: 16px;
  pointer-events: none;
  transform: translateY(-50%);
}

.evo-form-field__control input,
.evo-form-field__control select,
.evo-form-field__control textarea {
  display: block;
  width: 100%;
  border: 1px solid #e5d4c0;
  border-radius: 10px;
  outline: none;
  background: #fff;
  color: #382214;
  font-family: inherit;
  font-size: 14px;
  transition:
          border-color 0.2s ease,
          box-shadow 0.2s ease,
          background-color 0.2s ease;
}

.evo-form-field__control input,
.evo-form-field__control select {
  height: 52px;
  padding: 0 42px;
}

.evo-form-field__control textarea {
  min-height: 130px;
  padding: 15px 16px 15px 42px;
  line-height: 1.5;
  resize: vertical;
}

.evo-form-field__control input::placeholder,
.evo-form-field__control textarea::placeholder {
  color: #b4a18f;
  opacity: 1;
}

.evo-form-field__control input:focus,
.evo-form-field__control select:focus,
.evo-form-field__control textarea:focus {
  border-color: #9b5a23;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(139, 72, 20, 0.09);
}

.evo-form-field__control:focus-within > i {
  color: #7b380c;
}

.evo-form-field__control--select select {
  padding-right: 40px;
  cursor: pointer;
}

.evo-form-field__control--textarea > i {
  top: 17px;
  transform: none;
}

/* Согласие */

.evo-form-agree {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin-top: 4px;
  cursor: pointer;
}

.evo-form-agree input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.evo-form-agree__check {
  display: flex;
  flex: 0 0 21px;
  width: 21px;
  height: 21px;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
  border: 1px solid #d9bea1;
  border-radius: 5px;
  background: #fff;
  color: transparent;
  transition: 0.2s ease;
}

.evo-form-agree input:checked + .evo-form-agree__check {
  border-color: #743309;
  background: #743309;
  color: #fff;
}

.evo-form-agree input:focus-visible + .evo-form-agree__check {
  box-shadow: 0 0 0 3px rgba(139, 72, 20, 0.16);
}

.evo-form-agree__text {
  color: #816b59;
  font-size: 12px;
  line-height: 1.5;
}

.evo-form-agree__text a {
  color: #71330b;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Кнопка */

.evo-wholesale-form__submit {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 7px;
}

.evo-wholesale-form__button {
  display: inline-flex;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  gap: 13px;
  padding: 14px 28px;
  border: 0;
  border-radius: 9px;
  background: linear-gradient(180deg, #874714, #652b07);
  box-shadow: 0 10px 22px rgba(92, 40, 7, 0.18);
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition:
          background 0.2s ease,
          box-shadow 0.2s ease,
          transform 0.2s ease;
}

.evo-wholesale-form__button:hover {
  background: linear-gradient(180deg, #99531a, #713208);
  box-shadow: 0 13px 26px rgba(92, 40, 7, 0.25);
  transform: translateY(-2px);
}

.evo-wholesale-form__button:disabled {
  cursor: not-allowed;
  opacity: 0.65;
  transform: none;
}

.evo-wholesale-form__note {
  color: #9b8069;
  font-size: 12px;
}

/* Ошибки обработчика */

.evo-wholesale-form input.error,
.evo-wholesale-form select.error,
.evo-wholesale-form textarea.error {
  border-color: #bf4d3e;
}

.evo-wholesale-form .error-message,
.evo-wholesale-form .form-error {
  display: block;
  margin-top: 5px;
  color: #ae3f32;
  font-size: 11px;
}

/* Адаптив */

@media (max-width: 991.98px) {
  .evo-wholesale-form__info {
    padding: 40px;
  }

  .evo-wholesale-form__body {
    padding: 40px;
  }
}

@media (max-width: 767.98px) {
  .evo-wholesale-form {
    padding: 20px 0 55px;
  }

  .evo-wholesale-form__wrap {
    border-radius: 15px;
  }

  .evo-wholesale-form__info,
  .evo-wholesale-form__body {
    padding: 30px 22px;
  }

  .evo-wholesale-form__title {
    font-size: 31px;
  }

  .evo-wholesale-form__description {
    font-size: 14px;
  }

  .evo-wholesale-form__heading h3 {
    font-size: 24px;
  }

  .evo-wholesale-form__submit {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  .evo-wholesale-form__button {
    width: 100%;
  }
}
.modal-callback-dialog {
  width: min(100%, 560px);
  max-width: 560px;
}

.modal-callback {
  position: relative;
  overflow: hidden;
  padding: 34px;
  border: 1px solid #ead7bf;
  border-radius: 22px;
  background:
          radial-gradient(
                  circle at 100% 0,
                  rgba(244, 218, 184, 0.45) 0,
                  rgba(244, 218, 184, 0) 36%
          ),
          linear-gradient(145deg, #fffdf9 0%, #fbf2e6 100%);
  box-shadow: 0 28px 70px rgba(70, 31, 7, 0.2);
}

.modal-callback::before {
  position: absolute;
  top: -85px;
  right: -85px;
  width: 210px;
  height: 210px;
  border: 1px solid rgba(126, 61, 13, 0.08);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.modal-callback * {
  box-sizing: border-box;
}

/* Шапка */

.modal-callback__header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 28px;
}

.modal-callback__icon {
  display: flex;
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  align-items: center;
  justify-content: center;
  border: 1px solid #dfbd91;
  border-radius: 15px;
  background: #fff8ee;
  color: #7b370b;
  box-shadow: 0 8px 22px rgba(104, 47, 9, 0.08);
}

.modal-callback__icon svg {
  width: 25px;
  height: 25px;
  fill: currentColor;
}

.modal-callback__heading {
  min-width: 0;
  padding-top: 2px;
}

.modal-callback__title {
  margin: 0 0 8px;
  color: #4d2109;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
}

.modal-callback__subtitle {
  max-width: 410px;
  color: #8e7057;
  font-size: 14px;
  line-height: 1.55;
}

/* Поля */

.modal-callback__fields {
  display: grid;
  gap: 18px;
}

.modal-callback__field {
  margin: 0;
}

.modal-callback__field .form__label {
  display: block;
  margin-bottom: 8px;
  color: #5b3920;
  font-size: 13px;
  font-weight: 600;
}

.modal-callback__input-wrap {
  position: relative;
}

.modal-callback__input-wrap > svg {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 16px;
  width: 18px;
  height: 18px;
  fill: #a67c59;
  pointer-events: none;
  transform: translateY(-50%);
  transition: fill 0.2s ease;
}

.modal-callback__input-wrap:focus-within > svg {
  fill: #743208;
}

.modal-callback__input-wrap .form__input {
  display: block;
  width: 100%;
  height: 54px;
  padding: 0 16px 0 46px;
  border: 1px solid #e2cfb8;
  border-radius: 10px;
  outline: none;
  background: rgba(255, 255, 255, 0.86);
  color: #3d2414;
  font-family: inherit;
  font-size: 14px;
  transition:
          border-color 0.2s ease,
          box-shadow 0.2s ease,
          background-color 0.2s ease;
}

.modal-callback__input-wrap .form__input::placeholder {
  color: #b19b87;
  opacity: 1;
}

.modal-callback__input-wrap .form__input:focus {
  border-color: #96531b;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(126, 61, 13, 0.09);
}

.modal-callback__input-wrap .form__input.error {
  border-color: #bd5143;
  box-shadow: 0 0 0 3px rgba(189, 81, 67, 0.08);
}

/* Согласие */

.modal-callback__agree {
  margin: 20px 0 0;
}

.modal-callback__agree .checkbox-container {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin: 0;
  cursor: pointer;
}

.modal-callback__agree .checkbox-container__input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.modal-callback__agree .checkbox-container__checkmark {
  position: relative;
  display: flex;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
  border: 1px solid #d7b995;
  border-radius: 6px;
  background: #fff;
  transition:
          border-color 0.2s ease,
          background-color 0.2s ease,
          box-shadow 0.2s ease;
}

.modal-callback__agree .checkbox-container__checkmark::after {
  width: 6px;
  height: 11px;
  margin-top: -2px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
  opacity: 0;
  transform: rotate(45deg);
}

.modal-callback__agree
.checkbox-container__input:checked
~ .checkbox-container__checkmark {
  border-color: #743208;
  background: #743208;
}

.modal-callback__agree
.checkbox-container__input:checked
~ .checkbox-container__checkmark::after {
  opacity: 1;
}

.modal-callback__agree
.checkbox-container__input:focus-visible
~ .checkbox-container__checkmark {
  box-shadow: 0 0 0 3px rgba(126, 61, 13, 0.13);
}

.modal-callback__agree .checkbox-container__title {
  color: #806853;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}

.modal-callback__agree .checkbox-container__title a {
  color: #743208;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.modal-callback__agree .checkbox-container__title a:hover {
  color: #4f2005;
}

/* Кнопки */

.modal-callback__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 26px;
}

.modal-callback__button {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 22px;
  border-radius: 9px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition:
          background-color 0.2s ease,
          border-color 0.2s ease,
          box-shadow 0.2s ease,
          color 0.2s ease,
          transform 0.2s ease;
}

.modal-callback__button--secondary {
  border: 1px solid #dfc5a7;
  background: rgba(255, 255, 255, 0.7);
  color: #6f492c;
}

.modal-callback__button--secondary:hover {
  border-color: #b9824e;
  background: #fff;
  color: #4d2109;
}

.modal-callback__button--primary {
  border: 1px solid #672b06;
  background: linear-gradient(180deg, #884814 0%, #642a06 100%);
  box-shadow: 0 10px 22px rgba(94, 40, 6, 0.18);
  color: #fff;
}

.modal-callback__button--primary:hover {
  background: linear-gradient(180deg, #99541a 0%, #733208 100%);
  box-shadow: 0 13px 27px rgba(94, 40, 6, 0.25);
  color: #fff;
  transform: translateY(-2px);
}

.modal-callback__button--primary svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.modal-callback__button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  transform: none;
}

/* Сообщения обработчика */

.modal-callback .form__error,
.modal-callback .error-message,
.modal-callback .form-error {
  display: block;
  margin-top: 6px;
  color: #b84438;
  font-size: 11px;
  line-height: 1.35;
}

.modal-callback .form__success,
.modal-callback .success-message {
  margin-top: 16px;
  padding: 12px 14px;
  border: 1px solid #bfd0ae;
  border-radius: 9px;
  background: #f2f8ed;
  color: #4e6a3a;
  font-size: 13px;
}

/* Fancybox */

.fancybox__content:has(.modal-callback) {
  padding: 0;
  border-radius: 22px;
  background: transparent;
}

.fancybox__content:has(.modal-callback) > .f-button.is-close-btn {
  top: 14px;
  right: 14px;
  width: 38px;
  height: 38px;
  border: 1px solid #e3cdb3;
  border-radius: 50%;
  background: rgba(255, 253, 249, 0.92);
  color: #6f330b;
}

.fancybox__content:has(.modal-callback) > .f-button.is-close-btn:hover {
  background: #6f330b;
  color: #fff;
}

/* Мобильная версия */

@media (max-width: 575.98px) {
  .modal-callback-dialog {
    width: 100%;
    max-width: 100%;
  }

  .modal-callback {
    padding: 26px 20px 22px;
    border-radius: 16px;
  }

  .modal-callback__header {
    gap: 12px;
    margin-bottom: 23px;
    padding-right: 26px;
  }

  .modal-callback__icon {
    flex-basis: 46px;
    width: 46px;
    height: 46px;
    border-radius: 12px;
  }

  .modal-callback__icon svg {
    width: 21px;
    height: 21px;
  }

  .modal-callback__title {
    font-size: 23px;
  }

  .modal-callback__subtitle {
    font-size: 12px;
  }

  .modal-callback__actions {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 10px;
  }

  .modal-callback__button {
    width: 100%;
  }
}
/* =========================================================
   EVOUPAK — модальное окно "Товар добавлен в корзину"
   Подключать после основных стилей сайта и Fancybox.
   ========================================================= */

:root {
  --evo-cart-bg: #fffdf9;
  --evo-cart-surface: #ffffff;
  --evo-cart-cream: #fbf3e8;
  --evo-cart-border: #ead8c4;
  --evo-cart-text: #2e221c;
  --evo-cart-muted: #806f64;
  --evo-cart-brown: #7b3515;
  --evo-cart-brown-dark: #5c250d;
  --evo-cart-accent: #b8642b;
  --evo-cart-success: #4d7d45;
  --evo-cart-shadow: 0 28px 80px rgba(84, 43, 21, .22);
}

/* Оболочка Fancybox */
.fancybox__content:has(.modal-cart-success) {
  padding: 0 !important;
  background: transparent !important;
  border-radius: 26px;
  overflow: visible;
}

.fancybox__slide:has(.modal-cart-success) {
  padding: 24px;
}

.modal-cart-dialog {
  width: min(760px, calc(100vw - 32px));
  max-width: none;
}

.modal-cart-success {
  position: relative;
  overflow: hidden;
  padding: 34px;
  color: var(--evo-cart-text);
  background:
          radial-gradient(circle at 100% 0, rgba(207, 147, 91, .18), transparent 32%),
          linear-gradient(180deg, var(--evo-cart-bg), #fff);
  border: 1px solid rgba(139, 82, 43, .18);
  border-radius: 26px;
  box-shadow: var(--evo-cart-shadow);
}

.modal-cart-success::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 5px;
  background: linear-gradient(90deg, var(--evo-cart-brown-dark), var(--evo-cart-accent), #d69b5e);
}

.modal-cart-success__close {
  position: absolute;
  z-index: 3;
  top: 18px;
  right: 18px;
  display: grid;
  width: 42px;
  height: 42px;
  padding: 0;
  place-items: center;
  color: var(--evo-cart-brown);
  background: rgba(255,255,255,.86);
  border: 1px solid var(--evo-cart-border);
  border-radius: 50%;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.modal-cart-success__close:hover {
  transform: rotate(5deg);
  background: #fff;
  box-shadow: 0 8px 22px rgba(92, 37, 13, .14);
}

.modal-cart-success__close svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.modal-cart-success__header {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 18px;
  align-items: center;
  padding-right: 52px;
  margin-bottom: 24px;
}

.modal-cart-success__icon {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #6d9b5f, var(--evo-cart-success));
  border-radius: 18px;
  box-shadow: 0 12px 28px rgba(77, 125, 69, .24);
}

.modal-cart-success__icon svg {
  width: 30px;
  height: 30px;
  fill: currentColor;
}

.modal-cart-success .modal__title {
  margin: 0 0 5px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(25px, 3.2vw, 34px);
  font-weight: 700;
  line-height: 1.08;
  color: #342219;
}

.modal-cart-success__subtitle {
  max-width: 560px;
  color: var(--evo-cart-muted);
  font-size: 14px;
  line-height: 1.55;
}

/* Карточка добавленного товара */
.modal-cart-success__product {
  margin: 0 0 18px;
  padding: 20px;
  background: rgba(255,255,255,.92);
  border: 1px solid var(--evo-cart-border);
  border-radius: 20px;
  box-shadow: 0 12px 36px rgba(83, 47, 27, .08);
}

.modal-cart-product {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
}

.modal-cart-product__image {
  display: grid;
  overflow: hidden;
  min-height: 150px;
  place-items: center;
  background: linear-gradient(145deg, #fff, var(--evo-cart-cream));
  border: 1px solid #efe1d2;
  border-radius: 16px;
}

.modal-cart-product__image .picture {
  display: block;
  width: 100%;
  height: 100%;
}

.modal-cart-product__image img {
  display: block;
  width: 100%;
  height: 150px;
  object-fit: contain;
  padding: 12px;
}

.modal-cart-product__content {
  min-width: 0;
}

.modal-cart-product__title {
  margin-bottom: 13px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--evo-cart-text);
}

.modal-cart-product__info {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 18px;
  margin-bottom: 15px;
}

.modal-cart-product .info-line {
  display: flex;
  gap: 8px;
  min-width: 0;
  font-size: 13px;
  line-height: 1.4;
}

.modal-cart-product .info-line__name {
  color: var(--evo-cart-muted);
}

.modal-cart-product .info-line__value {
  overflow-wrap: anywhere;
  font-weight: 600;
  color: var(--evo-cart-text);
}

.modal-cart-product__price-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  align-items: flex-end;
}

.modal-cart-product__old-price {
  color: #a58f82;
  font-size: 14px;
  text-decoration: line-through;
}

.modal-cart-product__price .price-title {
  margin-bottom: 2px;
  color: var(--evo-cart-muted);
  font-size: 12px;
}

.modal-cart-product__price .price {
  display: flex;
  align-items: baseline;
  gap: 4px;
  color: var(--evo-cart-brown-dark);
  font-weight: 800;
}

.modal-cart-product__price .price__value {
  font-size: 27px;
  line-height: 1;
}

.modal-cart-product__price .currency-symbol {
  font-size: 18px;
}

.modal-cart-product__price .price-unit {
  color: var(--evo-cart-muted);
  font-size: 13px;
  font-weight: 500;
}

.modal-cart-success .product__empty-price {
  color: var(--evo-cart-brown);
  font-weight: 700;
}

/* Итоги корзины */
.modal-cart-success__summary {
  margin-bottom: 20px;
  padding: 16px 20px;
  background: linear-gradient(135deg, #f8eadc, #fff8ef);
  border: 1px solid var(--evo-cart-border);
  border-radius: 18px;
}

.modal-cart-summary {
  display: grid;
  gap: 10px;
}

.modal-cart-summary__line {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  color: var(--evo-cart-muted);
  font-size: 14px;
}

.modal-cart-summary__line .value {
  color: var(--evo-cart-text);
  font-weight: 700;
}

.modal-cart-summary__line--total {
  padding-top: 10px;
  border-top: 1px dashed #d8bda4;
  color: var(--evo-cart-text);
  font-size: 17px;
  font-weight: 700;
}

.modal-cart-summary__line--total .value {
  color: var(--evo-cart-brown-dark);
  font-size: 22px;
}

/* Кнопки */
.modal-cart-success__buttons {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 12px;
}

.modal-cart-button {
  display: inline-flex;
  min-height: 52px;
  padding: 12px 20px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.modal-cart-button svg {
  width: 21px;
  height: 21px;
  fill: currentColor;
}

.modal-cart-button--secondary {
  color: #fff;
  background: #fff;
  border: 1px solid #dcbfa4;
}

.modal-cart-button--secondary:hover {
  color: var(--evo-cart-brown-dark);
  background: #fff9f3;
  transform: translateY(-1px);
}

.modal-cart-button--primary {
  color: #fff !important;
  background: linear-gradient(135deg, var(--evo-cart-brown), var(--evo-cart-brown-dark));
  border: 1px solid transparent;
  box-shadow: 0 12px 26px rgba(92, 37, 13, .24);
}

.modal-cart-button--primary:hover {
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(92, 37, 13, .30);
}

.modal-cart-button:focus-visible,
.modal-cart-success__close:focus-visible {
  outline: 3px solid rgba(184, 100, 43, .28);
  outline-offset: 3px;
}

/* Не показываем стандартную кнопку Fancybox поверх своей */
.fancybox__content:has(.modal-cart-success) > .f-button.is-close-btn {
  display: none;
}

@media (max-width: 640px) {
  .fancybox__slide:has(.modal-cart-success) {
    padding: 10px;
    align-items: flex-end;
  }

  .modal-cart-dialog {
    width: min(100%, 520px);
  }

  .modal-cart-success {
    padding: 26px 18px 18px;
    border-radius: 24px 24px 16px 16px;
  }

  .modal-cart-success__close {
    top: 14px;
    right: 14px;
    width: 38px;
    height: 38px;
  }

  .modal-cart-success__header {
    grid-template-columns: 48px 1fr;
    gap: 13px;
    padding-right: 38px;
    margin-bottom: 18px;
  }

  .modal-cart-success__icon {
    width: 48px;
    height: 48px;
    border-radius: 15px;
  }

  .modal-cart-success__icon svg {
    width: 25px;
    height: 25px;
  }

  .modal-cart-success .modal__title {
    font-size: 23px;
  }

  .modal-cart-success__subtitle {
    display: none;
  }

  .modal-cart-success__product {
    padding: 14px;
  }

  .modal-cart-product {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
  }

  .modal-cart-product__image {
    min-height: 92px;
  }

  .modal-cart-product__image img {
    height: 92px;
    padding: 8px;
  }

  .modal-cart-product__title {
    margin-bottom: 8px;
    font-size: 15px;
  }

  .modal-cart-product__info {
    grid-template-columns: 1fr;
    gap: 4px;
    margin-bottom: 10px;
  }

  .modal-cart-product .info-line {
    font-size: 12px;
  }

  .modal-cart-product__price .price__value {
    font-size: 22px;
  }

  .modal-cart-success__summary {
    padding: 14px;
  }

  .modal-cart-success__buttons {
    grid-template-columns: 1fr;
  }

  .modal-cart-button--primary {
    order: -1;
  }
}

@media (max-width: 400px) {
  .modal-cart-product {
    grid-template-columns: 78px minmax(0, 1fr);
  }

  .modal-cart-product__image,
  .modal-cart-product__image img {
    min-height: 78px;
    height: 78px;
  }

  .modal-cart-summary__line--total {
    align-items: flex-end;
  }
}

@media (prefers-reduced-motion: reduce) {
  .modal-cart-button,
  .modal-cart-success__close {
    transition: none;
  }
}
/* =========================================================
   EVOUPAK — модальное окно быстрого заказа
   Подключать после основных стилей сайта и Fancybox.
   ========================================================= */

:root {
  --evo-qo-bg: #fffdf9;
  --evo-qo-surface: #ffffff;
  --evo-qo-cream: #fbf3e8;
  --evo-qo-border: #ead8c4;
  --evo-qo-text: #2e221c;
  --evo-qo-muted: #806f64;
  --evo-qo-brown: #7b3515;
  --evo-qo-brown-dark: #5c250d;
  --evo-qo-accent: #b8642b;
  --evo-qo-shadow: 0 28px 80px rgba(84, 43, 21, .22);
}

.fancybox__content:has(.modal-quick-order) {
  padding: 0 !important;
  background: transparent !important;
  border-radius: 28px;
  overflow: visible;
}

.fancybox__slide:has(.modal-quick-order) {
  padding: 24px;
}

.fancybox__content:has(.modal-quick-order) > .f-button.is-close-btn {
  display: none;
}

.modal-quick-dialog {
  width: min(980px, calc(100vw - 32px));
  max-width: none;
}

.modal-quick-order {
  position: relative;
  overflow: hidden;
  padding: 34px;
  color: var(--evo-qo-text);
  background:
          radial-gradient(circle at 100% 0, rgba(207, 147, 91, .18), transparent 32%),
          linear-gradient(180deg, var(--evo-qo-bg), #fff);
  border: 1px solid rgba(139, 82, 43, .18);
  border-radius: 28px;
  box-shadow: var(--evo-qo-shadow);
}

.modal-quick-order::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 5px;
  background: linear-gradient(90deg, var(--evo-qo-brown-dark), var(--evo-qo-accent), #d69b5e);
}

.modal-quick-order__close {
  position: absolute;
  z-index: 4;
  top: 18px;
  right: 18px;
  display: grid;
  width: 42px;
  height: 42px;
  padding: 0;
  place-items: center;
  color: var(--evo-qo-brown);
  background: rgba(255,255,255,.9);
  border: 1px solid var(--evo-qo-border);
  border-radius: 50%;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.modal-quick-order__close:hover {
  transform: rotate(5deg);
  background: #fff;
  box-shadow: 0 8px 22px rgba(92, 37, 13, .14);
}

.modal-quick-order__close svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.modal-quick-order__header {
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding-right: 56px;
  margin-bottom: 26px;
}

.modal-quick-order__icon {
  display: grid;
  width: 60px;
  height: 60px;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, var(--evo-qo-accent), var(--evo-qo-brown));
  border-radius: 18px;
  box-shadow: 0 13px 30px rgba(123, 53, 21, .23);
}

.modal-quick-order__icon svg {
  width: 30px;
  height: 30px;
  fill: currentColor;
}

.modal-quick-order__title {
  margin: 0 0 5px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(27px, 3.2vw, 36px);
  font-weight: 700;
  line-height: 1.08;
  color: #342219;
}

.modal-quick-order__subtitle {
  max-width: 680px;
  color: var(--evo-qo-muted);
  font-size: 14px;
  line-height: 1.55;
}

.modal-quick-order__layout {
  display: grid;
  grid-template-columns: minmax(280px, .8fr) minmax(420px, 1.2fr);
  gap: 22px;
  align-items: stretch;
}

/* Товар */
.modal-quick-order__product,
.modal-quick-order__form-wrap {
  background: rgba(255,255,255,.94);
  border: 1px solid var(--evo-qo-border);
  border-radius: 22px;
  box-shadow: 0 12px 38px rgba(83, 47, 27, .08);
}

.modal-quick-order__product {
  padding: 20px;
}

.modal-quick-product {
  display: grid;
  gap: 18px;
}

.modal-quick-product__image {
  display: grid;
  min-height: 250px;
  place-items: center;
  overflow: hidden;
  background: linear-gradient(145deg, #fff, var(--evo-qo-cream));
  border: 1px solid #efe1d2;
  border-radius: 18px;
}

.modal-quick-product__image .picture {
  display: block;
  width: 100%;
  height: 100%;
}

.modal-quick-product__image img {
  display: block;
  width: 100%;
  height: 250px;
  padding: 18px;
  object-fit: contain;
}

.modal-quick-product__title {
  margin-bottom: 14px;
  font-size: 19px;
  font-weight: 750;
  line-height: 1.35;
  color: var(--evo-qo-text);
}

.modal-quick-product__info {
  display: grid;
  gap: 8px;
  margin-bottom: 16px;
}

.modal-quick-product .info-line {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 7px;
  border-bottom: 1px dashed #e8d8c9;
  font-size: 13px;
}

.modal-quick-product .info-line:last-child {
  border-bottom: 0;
}

.modal-quick-product .info-line__name {
  color: var(--evo-qo-muted);
}

.modal-quick-product .info-line__value {
  max-width: 58%;
  overflow-wrap: anywhere;
  text-align: right;
  font-weight: 700;
  color: var(--evo-qo-text);
}

.modal-quick-product__price-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: flex-end;
}

.modal-quick-product__old-price {
  color: #a58f82;
  font-size: 14px;
  text-decoration: line-through;
}

.modal-quick-product__price .price-title {
  margin-bottom: 2px;
  color: var(--evo-qo-muted);
  font-size: 12px;
}

.modal-quick-product__price .price {
  display: flex;
  align-items: baseline;
  gap: 4px;
  color: var(--evo-qo-brown-dark);
  font-weight: 800;
}

.modal-quick-product__price .price__value {
  font-size: 28px;
  line-height: 1;
}

.modal-quick-product__price .currency-symbol {
  font-size: 18px;
}

.modal-quick-product__price .price-unit {
  color: var(--evo-qo-muted);
  font-size: 13px;
  font-weight: 500;
}

.modal-quick-product .product__empty-price {
  color: var(--evo-qo-brown);
  font-weight: 700;
}

/* Форма */
.modal-quick-order__form-wrap {
  padding: 24px;
}

.modal-quick-form {
  display: grid;
  gap: 18px;
}

.modal-quick-form__intro {
  padding-bottom: 16px;
  border-bottom: 1px solid #efe2d5;
}

.modal-quick-form__title {
  margin-bottom: 4px;
  font-size: 21px;
  font-weight: 750;
  color: var(--evo-qo-text);
}

.modal-quick-form__hint {
  color: var(--evo-qo-muted);
  font-size: 13px;
  line-height: 1.5;
}

.modal-quick-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.modal-quick-form__field {
  margin: 0;
}

.modal-quick-form .form__label {
  display: block;
  margin: 0 0 7px;
  color: #4c362a;
  font-size: 13px;
  font-weight: 700;
}

.modal-quick-form .form__input {
  width: 100%;
  min-height: 50px;
  padding: 12px 14px;
  color: var(--evo-qo-text);
  background: #fffdf9;
  border: 1px solid #ddc6b2;
  border-radius: 13px;
  outline: 0;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.modal-quick-form textarea.form__input {
  min-height: 106px;
  resize: vertical;
}

.modal-quick-form .form__input::placeholder {
  color: #aa978a;
}

.modal-quick-form .form__input:hover {
  border-color: #cda889;
}

.modal-quick-form .form__input:focus {
  background: #fff;
  border-color: var(--evo-qo-accent);
  box-shadow: 0 0 0 4px rgba(184, 100, 43, .12);
}

.modal-quick-form .form__input._error,
.modal-quick-form .form__input.error,
.modal-quick-form .form__input.form-control-error {
  border-color: #b84c3a;
  box-shadow: 0 0 0 4px rgba(184, 76, 58, .10);
}

.modal-quick-form__agree {
  margin: 0;
  padding: 14px;
  background: #fbf4eb;
  border: 1px solid #ead9c6;
  border-radius: 14px;
}

.modal-quick-form .checkbox-container {
  position: relative;
  display: block;
  min-height: 22px;
  margin: 0;
  padding-left: 34px;
  cursor: pointer;
}

.modal-quick-form .checkbox-container__title {
  display: block;
  color: #6f5d52;
  font-size: 12px;
  line-height: 1.5;
}

.modal-quick-form .checkbox-container__title a {
  color: var(--evo-qo-brown);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.modal-quick-form .checkbox-container__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.modal-quick-form .checkbox-container__checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  background: #fff;
  border: 1px solid #cdae92;
  border-radius: 7px;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.modal-quick-form .checkbox-container__checkmark::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 7px;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  opacity: 0;
  transform: rotate(45deg) scale(.7);
  transition: opacity .15s ease, transform .15s ease;
}

.modal-quick-form .checkbox-container__input:checked + .checkbox-container__checkmark {
  background: var(--evo-qo-brown);
  border-color: var(--evo-qo-brown);
}

.modal-quick-form .checkbox-container__input:checked + .checkbox-container__checkmark::after {
  opacity: 1;
  transform: rotate(45deg) scale(1);
}

.modal-quick-form .checkbox-container__input:focus-visible + .checkbox-container__checkmark {
  box-shadow: 0 0 0 4px rgba(184, 100, 43, .15);
}

.modal-quick-form__actions {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  gap: 12px;
  margin: 0;
}

.modal-quick-button {
  display: inline-flex;
  min-height: 52px;
  padding: 12px 18px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.2;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.modal-quick-button svg {
  width: 21px;
  height: 21px;
  fill: currentColor;
}

.modal-quick-button--secondary {
  color: #fff;
  background: #fff;
  border: 1px solid #dcbfa4;
}

.modal-quick-button--secondary:hover {
  color: var(--evo-qo-brown-dark);
  background: #fff9f3;
  transform: translateY(-1px);
}

.modal-quick-button--primary {
  color: #fff;
  background: linear-gradient(135deg, var(--evo-qo-brown), var(--evo-qo-brown-dark));
  border: 1px solid transparent;
  box-shadow: 0 12px 26px rgba(92, 37, 13, .24);
}

.modal-quick-button--primary:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(92, 37, 13, .30);
}

.modal-quick-button:focus-visible,
.modal-quick-order__close:focus-visible {
  outline: 3px solid rgba(184, 100, 43, .28);
  outline-offset: 3px;
}

/* Служебные сообщения существующей формы */
.modal-quick-form .form__message,
.modal-quick-form .form-message,
.modal-quick-form .success,
.modal-quick-form .error {
  padding: 12px 14px;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.45;
}

.modal-quick-form .success {
  color: #315c2d;
  background: #edf7eb;
  border: 1px solid #c8dfc4;
}

.modal-quick-form .error {
  color: #8c3428;
  background: #fff0ed;
  border: 1px solid #edc8c1;
}

@media (max-width: 820px) {
  .modal-quick-order__layout {
    grid-template-columns: 1fr;
  }

  .modal-quick-product {
    grid-template-columns: 150px minmax(0, 1fr);
    align-items: center;
  }

  .modal-quick-product__image {
    min-height: 150px;
  }

  .modal-quick-product__image img {
    height: 150px;
    padding: 12px;
  }
}

@media (max-width: 640px) {
  .fancybox__slide:has(.modal-quick-order) {
    padding: 10px;
    align-items: flex-end;
  }

  .modal-quick-dialog {
    width: min(100%, 540px);
  }

  .modal-quick-order {
    max-height: calc(100vh - 20px);
    padding: 25px 16px 16px;
    overflow-y: auto;
    border-radius: 24px 24px 16px 16px;
  }

  .modal-quick-order__close {
    top: 13px;
    right: 13px;
    width: 38px;
    height: 38px;
  }

  .modal-quick-order__header {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 13px;
    padding-right: 40px;
    margin-bottom: 18px;
  }

  .modal-quick-order__icon {
    width: 48px;
    height: 48px;
    border-radius: 15px;
  }

  .modal-quick-order__icon svg {
    width: 24px;
    height: 24px;
  }

  .modal-quick-order__title {
    font-size: 24px;
  }

  .modal-quick-order__subtitle {
    display: none;
  }

  .modal-quick-order__product,
  .modal-quick-order__form-wrap {
    padding: 14px;
    border-radius: 18px;
  }

  .modal-quick-product {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 13px;
    align-items: start;
  }

  .modal-quick-product__image {
    min-height: 92px;
  }

  .modal-quick-product__image img {
    height: 92px;
    padding: 8px;
  }

  .modal-quick-product__title {
    margin-bottom: 8px;
    font-size: 15px;
  }

  .modal-quick-product .info-line {
    gap: 10px;
    padding-bottom: 5px;
    font-size: 12px;
  }

  .modal-quick-product__info {
    margin-bottom: 10px;
  }

  .modal-quick-product__price .price__value {
    font-size: 22px;
  }

  .modal-quick-form__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .modal-quick-form__actions {
    grid-template-columns: 1fr;
  }

  .modal-quick-button--primary {
    order: -1;
  }
}

@media (max-width: 400px) {
  .modal-quick-product {
    grid-template-columns: 78px minmax(0, 1fr);
  }

  .modal-quick-product__image,
  .modal-quick-product__image img {
    min-height: 78px;
    height: 78px;
  }

  .modal-quick-product .info-line:nth-child(n+3) {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .modal-quick-button,
  .modal-quick-order__close,
  .modal-quick-form .form__input,
  .modal-quick-form .checkbox-container__checkmark {
    transition: none;
  }
}