/* ===== SONIT 31 · карточка товара: слайдер → лента, липкая покупка, информация ===== */

.s-card,
.s-info,
.s-marquee {
  --s-font: 'GraphikTT', Arial, sans-serif;
  --s-ink: #22201e;
  --s-mute: #8b8b8b;
  --s-line: #e8e8e8;
  --s-sticky-top: 100px;
  --s-pad: 20px;
}

.s-backwrap {
  padding: 0 20px;
  box-sizing: border-box;
  margin-bottom: 12px;
}

.s-back {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--s-font);
  font-size: 14px;
  line-height: 1;
  color: var(--s-mute);
  text-decoration: none;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.s-back:hover { color: var(--s-ink); }
.s-back svg { width: 15px; height: 15px; flex: 0 0 15px; }

/* Сетку карточки трогаем только на десктопе. На мобиле ширины колонок держит
   Tilda: если снять их там, слайдер при инициализации меряет разъехавшийся
   контейнер и выставляет слайдам ширину в десятки тысяч пикселей. */
@media screen and (min-width: 960px) {
  /* в строке лежит ещё и meta микроразметки: он flex-элемент нулевой ширины,
     и gap вокруг него съедал 60px — поэтому зазор задаётся отступом колонки */
  .s-card .s-row {
    display: flex;
    align-items: flex-start;
    gap: 0;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .s-card .t-store__prod-popup__col-left,
  .s-card .t-store__prod-popup__col-right {
    width: auto;
    max-width: none;
    min-width: 0;
    padding: 0;
    margin: 0;
  }

  .s-card .t-store__prod-popup__col-left { flex: 1 1 0; }

  .s-card .t-store__prod-popup__col-right {
    flex: 1 1 0;
    margin-left: 60px;
    position: sticky;
    top: var(--s-sticky-top);
    align-self: flex-start;
  }
}

.s-card .s-off { display: none !important; }

@media screen and (min-width: 960px) {
  .s-card .t-slds,
  .s-card .t-slds__main,
  .s-card .t-slds__container {
    height: auto !important;
    border-radius: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .s-card .t-slds__wrapper,
  .s-card .t-slds__imgwrapper { width: 100% !important; height: auto !important; }

  .s-card .t-slds__imgwrapper {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #fff;
    border-radius: 0 !important;
  }

  .s-card .t-slds__bgimg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background-size: 100% auto !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-radius: 0 !important;
  }

  .s-card .t-slds__items-wrapper {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
    transition: none !important;
    background: none;
    border-radius: 0;
    padding: 0;
  }

  .s-card .t-slds__item {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    opacity: 1 !important;
  }

  .s-card .t-slds__item.s-slide-last { margin-bottom: 0 !important; }

  .s-card .t-slds__arrow_container,
  .s-card .t-slds__thumbsbullet-wrapper,
  .s-card .t-slds__bullet_wrapper,
  .s-card .t-slds__caption { display: none !important; }
}
.s-card .t-store__prod-popup__col-right,
.s-card .t-store__prod-popup__col-right * { font-family: var(--s-font); }

.s-card .t-store__prod-popup__title-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 12px;
}
.s-card .s-titlecol { flex: 1 1 auto; min-width: 0; }

.s-card .js-store-prod-name {
  font-size: 26px;
  line-height: 1.2;
  font-weight: 600;
  color: var(--s-ink);
}

.s-card .t-store__prod-popup__brand { margin-top: 6px; color: var(--s-mute); font-size: 14px; }
.s-card .t-store__prod-popup__sku { margin-top: 4px; color: #b0b0b0; font-size: 12px; }

.s-buyrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 24px;
}

.s-card .s-buyrow .js-store-price-wrapper { margin: 0; }
.s-card .t-store__prod-popup__price { font-size: 25px; font-weight: 700; color: #960018; }
.s-card .t-store__prod-popup__price_old { font-size: 16px; color: #b0b0b0; }

.s-card .s-inst {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  margin: -8px 0 24px;
  padding: 0 12px;
  border-radius: 5px;
  background: rgba(150, 0, 24, .1);
  font-family: var(--s-font);
  font-size: 14px;
  line-height: 1.25;
  color: #22201e;
}
.s-card .s-inst svg {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: #22201e;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform: translateY(-1px);
}
.s-card .s-inst b { font-weight: 700; }
.s-card .s-inst span { font-weight: 600; color: #6b0011; }

.s-card .s-buyrow .t-store__prod-popup__btn-wrapper {
  margin: 0;
  display: flex;
  align-items: stretch;
  gap: 8px;
  flex: 0 0 auto;
}

.s-card .s-buyrow a.t-store__prod-popup__btn {
  margin: 0;
  height: 52px;
  min-width: 210px;
  padding: 0 32px;
  box-sizing: border-box;
  white-space: nowrap;
  border-radius: 35px !important;
  border: 0 !important;
  background-color: #960018 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}
.s-card .s-buyrow a.t-store__prod-popup__btn td,
.s-card .s-buyrow a.t-store__prod-popup__btn span,
.s-card .s-buyrow a.t-store__prod-popup__btn div {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}
.s-card .s-buyrow a.t-store__prod-popup__btn table,
.s-card .s-buyrow a.t-store__prod-popup__btn tbody,
.s-card .s-buyrow a.t-store__prod-popup__btn tr,
.s-card .s-buyrow a.t-store__prod-popup__btn td {
  height: 48px;
  white-space: nowrap;
}

.s-card .s-fav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0;
}
.s-card .s-fav svg { width: 24px; height: 24px; }
@media screen and (min-width: 960px) {
  .s-card .s-fav { margin-top: -2px; }
}

.s-h {
  font-family: var(--s-font);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--s-ink);
  margin-bottom: 10px;
}
.s-h span { font-weight: 400; text-transform: none; letter-spacing: 0; color: var(--s-mute); }

.s-opt { margin-bottom: 24px; }

.s-chips {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 6px;
}

.s-chip {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 38px;
  padding: 0 12px;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  background: #fff;
  font-family: var(--s-font);
  font-size: 14px;
  line-height: 1;
  color: var(--s-ink);
  cursor: pointer;
  user-select: none;
  transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.s-chip:hover { border-color: #9a9a9a; }
.s-chip_on { border-color: var(--s-ink); background: var(--s-ink); color: #fff; }

.s-chips_wide { grid-template-columns: repeat(2, 1fr); }
.s-chips_wide .s-chip {
  justify-content: flex-start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.s-card .js-product-controls-wrapper .t-product__option-variants { display: none !important; }
.s-card .js-product-edition-option > .js-product-edition-option-name { display: none; }

.s-specwrap { margin-top: 24px; }
.s-spec {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
  gap: 8px;
}

.s-spec__i {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 11px 16px;
  border: 1px solid var(--s-line);
  border-radius: 8px;
  background: #fbfbfb;
}

.s-spec__ico {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  color: var(--s-ink);
}
.s-spec__ico svg { width: 100%; height: 100%; display: block; }

.s-spec__k { font-size: 12px; line-height: 1.25; color: #9a9a9a; }
.s-spec__v { font-size: 14px; line-height: 1.3; font-weight: 600; color: var(--s-ink); margin-top: 3px; }

.s-msgwrap { margin-top: 24px; }
.s-msg { display: flex; gap: 8px; }

.s-msg__b {
  flex: 1 1 0;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  border-radius: 5px;
  border: 0;
  background: #999;
  font-family: var(--s-font);
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
  transition: filter .15s ease;
}
.s-msg__b:hover { filter: brightness(1.08); }
.s-msg__b svg { width: 22px; height: 22px; flex: 0 0 22px; fill: #fff; }
.s-msg__b span { white-space: nowrap; color: #fff; }

.s-msg__b_tg { background: #0088cc; }
.s-msg__b_wa { background: #25d366; }
.s-msg__b_viber { background: #7360f2; }

.s-msg__note { margin-top: 10px; font-size: 12px; line-height: 1.4; color: var(--s-mute); }

.s-tochar {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 24px;
  font-family: var(--s-font);
  font-size: 14px;
  color: var(--s-ink);
  text-decoration: none;
  border-bottom: 1px solid #d5d5d5;
  padding-bottom: 2px;
}
.s-tochar:hover { border-bottom-color: var(--s-ink); }

.s-marquee {
  margin: 95px 0 0;
  padding: 20px 0;
  background: #22201e;
  overflow: hidden;
  font-family: var(--s-font);
}

.s-marquee__track {
  display: flex;
  align-items: center;
  width: max-content;
  will-change: transform;
}

.s-marquee__i {
  display: inline-flex;
  align-items: center;
  font-size: 15px;
  line-height: 1.3;
  color: #fff;
  white-space: nowrap;
}
.s-marquee__i::after {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .45);
  flex: 0 0 5px;
  margin: 0 26px;
}



.s-info {
  max-width: 1200px;
  margin: 95px auto 0;
  padding: 0 20px;
  box-sizing: border-box;
  font-family: var(--s-font);
}

.s-info__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 60px;
}
.s-info__text { min-width: 0; }
.s-info__specs { min-width: 0; }

.s-info__text h2,
.s-info__text h3,
.s-info__text h4 { font-size: 16px; font-weight: 600; line-height: 1.35; color: var(--s-ink); margin: 22px 0 8px; }
.s-info__text h2:first-child,
.s-info__text h3:first-child { margin-top: 0; }
.s-info__text p,
.s-info__text li { font-size: 14px; line-height: 1.6; color: #4a4a4a; }
.s-info__text p { margin: 0 0 12px; }
.s-info__text ul { margin: 0 0 12px; padding-left: 20px; }

.s-tbl__r {
  display: flex;
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px solid #ececec;
}
.s-tbl__r:last-child { border-bottom: none; }
.s-tbl__k { flex: 0 0 46%; font-size: 13px; line-height: 1.4; color: #a3a3a3; }
.s-tbl__v { flex: 1 1 auto; font-size: 13px; line-height: 1.4; color: #4a4a4a; }

.s-card .js-store-tabs,
.s-card .t-store__tabs,
.s-card .t-store__prod-popup__col-right > .js-store-prod-text,
#allrecords[data-product-page="y"] .js-store-tabs,
#allrecords[data-product-page="y"] .t-store__tabs,
#allrecords[data-product-page="y"] .t-store__prod-popup__col-right > .js-store-prod-text { display: none !important; }

/* до того как скрипт перестроит карточку, штатный вид не показываем —
   иначе на секунду мигает стандартный дизайн Tilda */
#allrecords .t-store__prod-snippet__container { transition: opacity .2s ease; }
#allrecords[data-product-page="y"]:not(.s-ready) .t-store__prod-snippet__container { opacity: 0; min-height: 160vh; animation: sUnmask 0s linear 6s forwards; }
@keyframes sUnmask { to { opacity: 1; } }

/* --- плашки на фото --- */

.s-badges {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.s-badge {
  display: flex;
  align-items: center;
  height: 34px;
  max-width: 34px;
  border-radius: 17px;
  color: #fff;
  font-family: var(--s-font);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  user-select: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
  transition: max-width .35s ease;
}

.s-badge__i {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s-badge__i svg { width: 17px; height: 17px; display: block; }

.s-badge__l {
  padding-right: 16px;
  opacity: 0;
  transition: opacity .2s ease .08s;
}

.s-badge_on { max-width: 340px; }
.s-badge_on .s-badge__l { opacity: 1; }

.s-badge_c1 { background: #1c1c1c; }
.s-badge_c2 { background: #333; }
.s-badge_c3 { background: #4d4d4d; }
.s-badge_c4 { background: #676767; }
.s-badge_c5 { background: #828282; }

@media (hover: hover) and (pointer: fine) {
  .s-badge:hover { max-width: 340px; }
  .s-badge:hover .s-badge__l { opacity: 1; }
}

@media screen and (max-width: 1199px) {
  .s-card .t-store__prod-popup__col-right { margin-left: 36px; }
}

@media screen and (max-width: 959px) {
  .s-card .s-row { flex-direction: column; }
  .s-card .t-store__prod-popup__col-right { position: static; margin: 22px 0 0; }
  .s-card .js-store-prod-name { font-size: 22px; }
  .s-card .t-store__prod-popup__price { font-size: 22px; }
  .s-buyrow { flex-wrap: wrap; gap: 14px; }
  .s-card .s-buyrow .t-store__prod-popup__btn-wrapper { flex: 1 1 100%; }
  .s-card .s-buyrow .t-store__prod-popup__btn { flex: 1 1 auto; }
  .s-card .s-buyrow .t-store__prod-popup__btn .t-btn { width: 100%; }
  .s-info { margin-top: 40px; }
  .s-info__grid { grid-template-columns: 1fr; gap: 32px; }
  .s-msg { flex-wrap: wrap; }
  .s-msg__b { flex: 1 1 45%; }
  .s-tbl__r { flex-direction: column; gap: 3px; }
  .s-tbl__k { flex: none; }
  .s-marquee__i { font-size: 14px; }
  .s-marquee__i::after { margin: 0 18px; }
  .s-badges { top: 10px; left: 10px; gap: 6px; }
  .s-badge { height: 30px; max-width: 30px; border-radius: 15px; font-size: 12px; }
  .s-badge__i { flex: 0 0 30px; width: 30px; height: 30px; }
  .s-badge__i svg { width: 15px; height: 15px; }
  .s-badge_on { max-width: 300px; }
}

@media screen and (max-width: 479px) {
  .s-spec { grid-template-columns: 1fr; }
  .s-chips { grid-template-columns: repeat(4, 1fr); }
  .s-chips_wide { grid-template-columns: 1fr; }
}

/* --- градиент заголовков не должен попадать в карточку и описание --- */

.s-card h1,
.s-card h2,
.s-card h3,
.s-info h1,
.s-info h2,
.s-info h3 {
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--s-ink) !important;
}

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

@media screen and (max-width: 959px) {
  .s-card,
  .s-info,
  .s-marquee { --s-pad: calc((100vw - 640px) / 2 + 10px); }

  .s-card .t-container { width: 100% !important; max-width: none !important; }

  .s-backwrap { margin-top: 20px; padding: 0 var(--s-pad); }

  .s-card .t-store__prod-popup__info { padding-left: var(--s-pad) !important; padding-right: var(--s-pad) !important; }

  .s-info { padding: 0 var(--s-pad); }

  .s-marquee { margin-top: 40px; }

  .s-card .t-slds__arrow_container { display: none !important; }

  .s-card .t-slds__thumbsbullet-wrapper { padding-left: var(--s-pad); padding-right: var(--s-pad); }

  .s-badges { left: var(--s-pad); }

  .s-dock {
    position: sticky;
    bottom: 0;
    z-index: 10;
    padding: 0 var(--s-pad) 14px;
    padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px));
    box-sizing: border-box;
  }

  .s-dock .t-store__prod-popup__btn-wrapper {
    position: static !important;
    transform: none !important;
    width: 100%;
    margin: 0 !important;
    box-sizing: border-box;
  }

  .s-dock a.t-store__prod-popup__btn {
    margin: 0;
    padding: 0 24px;
    box-sizing: border-box;
    white-space: nowrap;
    font-size: 16px !important;
    font-weight: 600 !important;
  }
  .s-dock a.t-store__prod-popup__btn td,
  .s-dock a.t-store__prod-popup__btn span,
  .s-dock a.t-store__prod-popup__btn div {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
  }
  .s-dock a.t-store__prod-popup__btn table,
  .s-dock a.t-store__prod-popup__btn tbody,
  .s-dock a.t-store__prod-popup__btn tr,
  .s-dock a.t-store__prod-popup__btn td {
    height: 48px;
    white-space: nowrap;
  }

  .s-card .t-store__prod-popup__btn-wrapper-fixed {
    background: none !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .s-card .t-store__prod-popup__btn-wrapper-fixed a.t-store__prod-popup__btn {
    flex: 1 1 auto;
    min-width: 0;
    height: 52px;
    border-radius: 35px !important;
    border: 0 !important;
    background-color: #960018 !important;
    box-shadow: none !important;
    color: #fff !important;
  }

  .s-round {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #960018;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .s-round svg { width: 24px; height: 24px; display: block; }

  .s-card .t-store__prod-popup__title-wrapper .s-fav { display: none; }

  .s-msg { display: flex; gap: 10px; }
  .s-msg__b { flex: 1 1 0; height: 52px; }
  .s-msg__b span { display: none; }
  .s-msg__b svg { width: 26px; height: 26px; flex: 0 0 26px; }
}

@media screen and (max-width: 959px) {
  .s-card .t-store__prod-popup__btn-wrapper-fixed .s-round { display: inline-flex !important; }
  .s-card .s-round svg,
  .s-card .s-round svg path { fill: #fff; stroke: #fff; }
  .s-card .s-round_msg svg path { fill: none; stroke: #fff; }
}

/* --- выбор количества --- */

.s-card .t-store__prod__quantity {
  background: transparent !important;
  border-radius: 35px !important;
  height: 52px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
}

.s-card .t-store__prod__quantity-input {
  background: transparent !important;
  height: 100%;
  font-family: var(--s-font);
  font-size: 15px;
  color: var(--s-ink);
}

.s-card .t-store__prod__quantity__minus-wrapper,
.s-card .t-store__prod__quantity__plus-wrapper {
  background: transparent !important;
  display: inline-flex;
  align-items: center;
}

@media screen and (max-width: 959px) {
  .s-card .t-store__prod__quantity { height: 52px; }
}

/* --- мобильные кнопки покупки --- */

@media screen and (max-width: 959px) {
  .s-card .s-fav.s-round,
  .s-card .s-round {
    width: 52px !important;
    height: 52px !important;
    flex: 0 0 52px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #960018 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    align-self: center;
    margin: 0 !important;
  }

  .s-card .s-round svg {
    width: 24px !important;
    height: 24px !important;
    display: block;
  }
  .s-card .s-fav.s-round svg path { fill: #fff !important; stroke: #fff !important; }
  .s-card .s-round_msg svg path { fill: none !important; stroke: #fff !important; }
}

/* --- степпер: убрать белые кружки у минуса и плюса --- */

.s-card .t-store__prod__quantity span,
.s-card .t-store__prod__quantity__minus-wrapper,
.s-card .t-store__prod__quantity__plus-wrapper {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.s-card .t-store__prod__quantity { margin-right: 8px; }
.s-card .s-buyrow .t-store__prod-popup__btn-wrapper { gap: 8px; }
/* --- значок у заголовка опции --- */

.s-h__ico {
  display: inline-flex;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-right: 7px;
  vertical-align: -4px;
  color: var(--s-ink);
}
.s-h__ico svg { width: 100%; height: 100%; display: block; }

@media screen and (max-width: 639px) {
  .s-card,
  .s-info,
  .s-marquee { --s-pad: 2.0834vw; }
}

@media screen and (max-width: 479px) {
  .s-card,
  .s-info,
  .s-marquee { --s-pad: 3.125vw; }
}

/* ===== SONIT 32 · Карточки каталога ===== */
#allrecords:not([data-product-page="y"]) .t-store__card:not(.sx-on) .t-store__card__wrap_txt-and-btns{
  visibility:hidden;
  animation:sxShow 0s linear 5s forwards;
}
@keyframes sxShow{
  to{visibility:visible}
}
.t-store__card.sx-on{
  display:flex;
  flex-direction:column;
}
.t-store__card.sx-on .t-store__card__imgwrapper{
  position:relative;
  margin-bottom:14px;
}
.t-store__card.sx-on .t-store__card__wrap_txt-and-btns{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
}
.t-store__card.sx-on .t-store__card__textwrapper,
.t-store__card.sx-on .t-store__card__prod-controls-wrapper,
.t-store__card.sx-on .t-store__card__btns-wrapper{
  display:none;
}
.sx-body{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  font-family:Muller,Arial,sans-serif;
  color:#22201e;
  text-align:left;
}
.sx-body,
.sx-body *{
  box-sizing:border-box;
}
.sx-price{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:2px 10px;
  margin:0 0 8px;
}
.sx-price__now{
  font-size:20px;
  font-weight:700;
  line-height:1.2;
  color:#960018;
}
.sx-price__old{
  font-size:14px;
  font-weight:300;
  line-height:1.2;
  color:#8b8b8b;
  text-decoration:line-through;
}
.sx-price__off{
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  color:#960018;
}
.sx-title{
  display:block;
  margin:0 0 4px;
  font-size:17px;
  font-weight:600;
  line-height:1.25;
  color:#22201e;
  text-decoration:none;
}
.sx-spec{
  min-height:1.4em;
  margin:0 0 12px;
  font-size:13px;
  font-weight:300;
  line-height:1.4;
  color:#8b8b8b;
}
.sx-inst{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  margin:0 0 12px;
  padding:0 10px;
  border:0;
  border-radius:5px;
  background:rgba(150,0,24,.1);
  font-size:13px;
  line-height:1.2;
}
.sx-inst svg{
  flex:0 0 18px;
  width:18px;
  height:18px;
  fill:none;
  stroke:#22201e;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  transform:translateY(-1px);
}
.sx-inst b{
  font-weight:700;
}
.sx-inst span{
  font-weight:600;
  color:#6b0011;
}
.sx-szcap{
  margin:0 0 6px;
  font-size:13px;
  font-weight:600;
  line-height:1.3;
  color:#22201e;
}
.sx-sizes{
  display:flex;
  flex-wrap:wrap;
  gap:6px 16px;
  margin:0 0 12px;
}
.sx-size{
  appearance:none;
  margin:0;
  padding:2px 0;
  border:0;
  border-bottom:1px solid transparent;
  border-radius:0;
  background:none;
  font:inherit;
  font-size:13px;
  font-weight:400;
  line-height:1.3;
  color:#8b8b8b;
  cursor:pointer;
}
.sx-size:hover{
  color:#22201e;
}
.sx-size[aria-pressed="true"]{
  font-weight:700;
  color:#22201e;
  border-bottom-color:#22201e;
}
.sx-sizebtn{
  display:none;
}
.sx-bottom{
  margin-top:auto;
}
.sx-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 14px;
  font-size:13px;
  line-height:1.2;
  color:#8b8b8b;
}
.sx-rate{
  display:flex;
  align-items:center;
  gap:12px;
}
.sx-rate span{
  display:flex;
  align-items:center;
  gap:5px;
}
.sx-rate svg{
  width:15px;
  height:15px;
  stroke:#8b8b8b;
  stroke-width:1.6;
  fill:none;
  stroke-linejoin:round;
  transform:translateY(-1px);
}
.sx-rate .sx-star svg{
  fill:#960018;
  stroke:#960018;
}
.sx-cmp{
  appearance:none;
  display:flex;
  align-items:center;
  gap:6px;
  margin:0;
  padding:0;
  border:0;
  background:none;
  font:inherit;
  font-size:13px;
  line-height:1.2;
  color:#8b8b8b;
  cursor:pointer;
}
.sx-cmp svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:#22201e;
  stroke-width:1.6;
  stroke-linecap:round;
  transform:translateY(-1px);
}
.sx-cmp:hover{
  color:#22201e;
}
.sx-cmp[aria-pressed="true"]{
  color:#22201e;
  font-weight:600;
}
.sx-btns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.sx-btns.sx-one{
  grid-template-columns:1fr;
}
.sx-btn{
  appearance:none;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  margin:0;
  padding:0 8px;
  border:1px solid #22201e;
  border-radius:0;
  background:#fff;
  font:inherit;
  font-size:13px;
  font-weight:600;
  line-height:1.2;
  color:#22201e;
  cursor:pointer;
  transition:background-color .2s,color .2s,border-color .2s;
}
a.sx-btn{
  text-decoration:none;
}
a.sx-btn:hover{
  background:#960018;
  border-color:#960018;
  color:#fff;
}
.sx-btn:hover{
  background:#22201e;
  color:#fff;
}
.sx-btn--main{
  background:#22201e;
  color:#fff;
}
.sx-btn--main:hover{
  background:#960018;
  border-color:#960018;
}
.t-store__card.sx-on .s-badges{
  top:5px;
  left:5px;
  z-index:5;
  gap:6px;
}
.t-store__card.sx-on .s-badge{
  height:30px;
  max-width:30px;
  border-radius:15px;
  font-size:12px;
}
.t-store__card.sx-on .s-badge__i{
  flex:0 0 30px;
  width:30px;
  height:30px;
}
.t-store__card.sx-on .s-badge__i svg{
  width:15px;
  height:15px;
}
.sx-modal{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:rgba(0,0,0,.55);
  font-family:Muller,Arial,sans-serif;
  color:#22201e;
}
.sx-modal.sx-open{
  display:flex;
}
.sx-panel{
  position:relative;
  width:100%;
  max-width:640px;
  max-height:calc(100vh - 32px);
  overflow:auto;
  padding:28px;
  background:#fff;
  box-sizing:border-box;
}
.sx-panel,
.sx-panel *{
  box-sizing:border-box;
}
.sx-panel .sx-sizes{
  margin:0 0 8px;
}
.sx-panel{
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.sx-panel::-webkit-scrollbar{
  display:none;
}
.sx-help{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:6px 14px;
  margin-top:16px;
  font-size:13px;
  line-height:1.2;
  color:#8b8b8b;
}
.sx-help a{
  color:#22201e;
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:3px;
}
.sx-help a:hover{
  color:#960018;
}
.sx-panel h3{
  margin:0 28px 18px 0;
  font-size:24px;
  font-weight:600;
  line-height:1.2;
}
.sx-x{
  appearance:none;
  position:absolute;
  top:14px;
  right:14px;
  width:32px;
  height:32px;
  margin:0;
  padding:0;
  border:0;
  background:none;
  cursor:pointer;
}
.sx-x::before,
.sx-x::after{
  content:"";
  position:absolute;
  top:15px;
  left:6px;
  width:20px;
  height:2px;
  background:#22201e;
  transform:rotate(45deg);
}
.sx-x::after{
  transform:rotate(-45deg);
}
.sx-pname{
  margin:0 0 16px;
  font-size:15px;
  font-weight:600;
  line-height:1.3;
}
.sx-grp{
  margin:0 0 16px;
}
.sx-grp__l{
  margin:0 0 10px;
  font-size:15px;
  font-weight:600;
  line-height:1.3;
  color:#22201e;
}
.sx-chips{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.sx-chips .sx-chip:last-child:nth-child(odd){
  grid-column:1/-1;
}
.sx-chip{
  appearance:none;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:44px;
  margin:0;
  padding:6px 10px;
  text-align:center;
  border:1px solid #e8e8e8;
  border-radius:0;
  background:#fff;
  font:inherit;
  font-size:13px;
  font-weight:600;
  line-height:1.2;
  color:#22201e;
  cursor:pointer;
}
.sx-chip:hover{
  border-color:#22201e;
}
.sx-chip[aria-pressed="true"]{
  border-color:#22201e;
  background:#22201e;
  color:#fff;
}
.sx-panel .sx-btn{
  width:100%;
  margin-top:8px;
}
.sx-panel .sx-btn--main{
  background:#960018;
  border-color:#960018;
}
.sx-panel .sx-btn--main:hover{
  background:#22201e;
  border-color:#22201e;
}
.sx-sizegrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.sx-field{
  display:block;
  width:100%;
  height:48px;
  margin:0 0 14px;
  padding:0 14px;
  border:1px solid #e8e8e8;
  border-radius:0;
  background:#fff;
  font:inherit;
  font-size:16px;
  color:#22201e;
  box-sizing:border-box;
}
.sx-field:focus{
  outline:0;
  border-color:#22201e;
}
.sx-agree{
  display:flex;
  gap:10px;
  margin:14px 0 0;
  font-size:12px;
  font-weight:300;
  line-height:1.4;
  color:#8b8b8b;
}
.sx-agree input{
  flex:0 0 18px;
  width:18px;
  height:18px;
  margin:1px 0 0;
}
.sx-agree a{
  color:#22201e;
}
.sx-err{
  margin:8px 0 0;
  font-size:13px;
  color:#960018;
}
.sx-ok{
  font-size:16px;
  line-height:1.5;
}
@media screen and (max-width:639px){
  .t-store__card.sx-on .t-store__card__imgwrapper{
    margin-bottom:10px;
  }
  .t-store__card.sx-on .store__card__wrap_txt-and-opts{
    display:none;
  }
  .t-store__card.sx-on .t-store__card__img{
    transform:translateY(10%);
  }
  .t-store__card.sx-on .s-badges{
    display:none !important;
  }
  .sx-bottom{
    display:contents;
  }
  .sx-price{
    order:1;
  }
  .sx-title{
    order:2;
  }
  .sx-sizebtn{
    order:3;
  }
  .sx-meta{
    order:4;
    margin:auto 0 10px;
  }
  .sx-inst{
    order:5;
    margin:0 0 10px;
  }
  .sx-btns{
    order:6;
  }
  .sx-btns a.sx-btn{
    display:none;
  }
  .sx-price__now{
    font-size:18px;
  }
  .sx-sheet{
    align-items:flex-end;
    padding:0;
  }
  .sx-sheet .sx-panel{
    max-width:none;
    border-radius:14px 14px 0 0;
    padding-bottom:calc(22px + env(safe-area-inset-bottom));
  }
  #allrecords:not([data-product-page="y"]) .t-store__card-list{
    margin-left:-3px;
    margin-right:-3px;
    row-gap:10px !important;
  }
  #allrecords:not([data-product-page="y"]) .t-store__card-list .t-store__card{
    padding-left:5px;
    padding-right:5px;
  }
  .t-store__card.sx-on .t1002__addBtn{
    z-index:3;
    background:transparent;
    transform:translate(12px,-15px);
  }
  .t-store__card.sx-on .t1002__addBtn::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    z-index:-1;
    width:30px;
    height:26px;
    transform:translate(-50%,-50%);
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 25 22'%3E%3Cpath d='M20 6.32647C20 11.4974 10.5 17 10.5 17C10.5 17 1 11.4974 1 6.32647C1 -0.694364 10.5 -0.599555 10.5 5.57947C10.5 -0.599555 20 -0.507124 20 6.32647Z' fill='%23fff' stroke='%23fff' stroke-width='3.4' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  }
  .sx-title{
    margin-bottom:8px;
    font-size:15px;
  }
  .sx-body .sx-spec{
    display:none;
  }
  .sx-chips--long{
    grid-template-columns:1fr;
  }
  .sx-btns{
    grid-template-columns:1fr;
  }
  .sx-inst{
    font-size:12px;
  }
  .sx-inst svg,
  .sx-inst span{
    display:none;
  }
  .sx-body .sx-szcap,
  .sx-body .sx-sizes{
    display:none;
  }
  .sx-sizebtn{
    appearance:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    min-height:40px;
    margin:0 0 12px;
    padding:0 12px;
    border:1px solid #e8e8e8;
    border-radius:0;
    background:#fff;
    font:inherit;
    font-size:13px;
    line-height:1.2;
    color:#22201e;
    cursor:pointer;
  }
  .sx-sizebtn{
    position:relative;
  }
  .sx-sizebtn__l{
    font-weight:300;
    color:#8b8b8b;
  }
  .sx-sizebtn__v{
    margin-left:auto;
    margin-right:8px;
    font-weight:600;
  }
  .sx-sizebtn__i svg{
    display:block;
    width:16px;
    height:16px;
    fill:none;
    stroke:#22201e;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .t-store__card.sx-on .s-badges{
    top:8px;
    left:8px;
    right:44px;
    flex-direction:row;
    flex-wrap:wrap;
    gap:4px;
  }
  .t-store__card.sx-on .s-badge{
    height:26px;
    max-width:26px;
    border-radius:13px;
  }
  .t-store__card.sx-on .s-badge__i{
    flex:0 0 26px;
    width:26px;
    height:26px;
  }
  .t-store__card.sx-on .s-badge__i svg{
    width:13px;
    height:13px;
  }
  .sx-meta{
    flex-wrap:wrap;
    gap:8px 12px;
  }
  .sx-panel{
    padding:22px 18px;
  }
  .sx-panel h3{
    font-size:20px;
  }
}
@media screen and (min-width:640px){
  .t-store__card.sx-on .t1002__addBtn{
    right:-5px;
    top:-4px;
  }
}