@charset "UTF-8";
/* ===========================
   KITS — CLEAN MINIMAL THEME
   FULL REPLACEMENT (SAFE-SCOPED)
   
   =========================== */
/* ===========================
   0) VARIABLES
   =========================== */
/* line 12, theme.scss */
:root {
  --layout-side-padding: 10px;
  --layout-side-padding-mobile: 10px;
  --semi-color-text: #0a0a0a;
  --control-color: #090909;
  --full-black: #000;
  --old-price: #9c9c9c;
  --border-color-set: #f2f2f2;
  --is-disabled: #d5d5d4;
  --button-hover: #ebeeba;
  --link-hover: #ffaadf;
  --color-accent-text-minor-shade: #ffaadf;
  --gray-label: #6b6b6b; }

/* ===========================
   1) GLOBAL
   =========================== */
/* line 35, theme.scss */
main {
  min-height: calc(100vh - 200px); }

/* line 39, theme.scss */
a {
  transition: all .2s ease;
  text-decoration: none; }

/* line 44, theme.scss */
a:hover {
  color: var(--link-hover); }

/* IMPORTANT: keep shape stable (no “jump” on hover) */
/* line 49, theme.scss */
.button {
  border-radius: 0; }

/* line 53, theme.scss */
.button:hover {
  background: var(--button-hover);
  border-radius: 0; }

/* ===========================
   2) HEADER FIX
   =========================== */
/* line 62, theme.scss */
header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: #fff; }

/* ===========================
   3) PRODUCT TITLES (pink)
   =========================== */
/* line 73, theme.scss */
.product-card__title,
.product-item__title,
.collection-item__title {
  color: #FF54BF; }

/* ===========================
   4) HIDE DISCOUNT BADGES (GLOBAL)
   NOTE: if you want badges on /sale only — tell me your sale URL/class.
   =========================== */
/* line 84, theme.scss */
.product__label,
.product-label,
.product__badges,
.product__badge,
.badge,
.badge-discount,
.sticker,
.sticker-sale,
.label-sale,
.discount-badge,
.sale-badge {
  display: none !important; }

/* ===========================
   5) SALE TITLE STYLE
   =========================== */
/* line 102, theme.scss */
.static-text p,
.sale-intro {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 15px;
  color: #8e8e8e;
  margin: 40px 0 32px 0;
  font-weight: 400; }

/* ===========================
   6) CART — MICRO TRUST (under CTA)
   You still need to add HTML/Liquid for .cart-trust near “ОФОРМИТЬ ЗАКАЗ”
   =========================== */
/* line 118, theme.scss */
.cart-trust {
  font-size: 12px;
  text-align: center;
  margin-top: 8px;
  opacity: 0.70;
  letter-spacing: 0.02em; }

/* Optional: make cart total/CTA feel stable on mobile (depends on theme markup) */
@media (max-width: 767px) {
  /* line 128, theme.scss */
  .cart-footer,
  .cart__footer,
  .cart-bottom,
  .cart__bottom {
    position: sticky;
    bottom: 0;
    background: #fff;
    padding: 12px 16px;
    box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.06);
    z-index: 20; } }
/* ===========================
   7) CHECKOUT MOBILE (A: COS/Toteme) — SAFE SCOPED
   Paste to END of theme.scss (already here)
   =========================== */
@media (max-width: 767px) {
  /* line 147, theme.scss */
  .co-delivery-map,
  .co-map,
  .co-delivery__map,
  .co-delivery-map-wrapper,
  .insales-map {
    max-height: 180px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important; } }
@media (max-width: 767px) and (max-width: 767px) {
  /* line 157, theme.scss */
  body {
    padding-bottom: 88px; } }
@media (max-width: 767px) {
  /* 7.2) rhythm/paddings */
  /* line 161, theme.scss */
  .co-section--checkout_content,
  .checkout-v2-wrapper,
  .co-section--checkout_order {
    padding: 16px !important; }

  /* 7.3) title */
  /* line 168, theme.scss */
  .co-checkout-title.co-title--h1,
  .co-title--h1 {
    margin: 0 0 14px 0 !important;
    font-size: 24px !important;
    line-height: 30px !important;
    text-transform: none !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important; }

  /* fallback step-indicator (CSS-only). If you add real HTML later — remove this. */
  /* line 179, theme.scss */
  .co-checkout-title.co-title--h1:after,
  .co-title--h1:after {
    content: "Контакты • Доставка • Оплата";
    display: block;
    font-size: 12px;
    opacity: .55;
    margin-top: 10px;
    letter-spacing: .06em; }

  /* 7.4) labels */
  /* line 190, theme.scss */
  .co-input-label,
  .co-input-label * {
    font-size: 12px !important;
    letter-spacing: 0.06em !important;
    font-weight: 400 !important;
    opacity: 0.70 !important;
    margin-bottom: 6px !important; }

  /* 7.5) INPUTS — DO NOT TOUCH GLOBAL SITE FORMS
     Apply only inside checkout wrappers */
  /* line 201, theme.scss */
  .co-section--checkout_content input,
  .co-section--checkout_content textarea,
  .co-section--checkout_content select,
  .checkout-v2-wrapper input,
  .checkout-v2-wrapper textarea,
  .checkout-v2-wrapper select,
  .co-input-field,
  .co-textarea-field,
  .co-input,
  .co-textarea {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    outline: none !important; }

  /* bottom line for fields in checkout only */
  /* line 219, theme.scss */
  .co-section--checkout_content input,
  .co-section--checkout_content textarea,
  .checkout-v2-wrapper input,
  .checkout-v2-wrapper textarea,
  .co-input-field,
  .co-textarea-field {
    border-bottom: 1px solid rgba(0, 0, 0, 0.75) !important;
    height: 44px !important;
    padding: 0 !important; }

  /* SELECT — keep arrow + padding, avoid “broken select” on Android/iOS */
  /* line 231, theme.scss */
  .co-section--checkout_content select,
  .checkout-v2-wrapper select {
    border-bottom: 1px solid rgba(0, 0, 0, 0.75) !important;
    height: 44px !important;
    padding: 0 22px 0 0 !important;
    appearance: auto !important;
    -webkit-appearance: menulist !important; }

  /* remove “frames” around field wrappers */
  /* line 241, theme.scss */
  .co-input-wrapper,
  .co-field,
  .co-field {
    box-shadow: none !important;
    border-radius: 0 !important; }

  /* 7.6) radio/checkbox */
  /* line 249, theme.scss */
  .co-radio,
  .co-checkbox {
    accent-color: #111 !important; }

  /* backup if theme uses pseudo-elements */
  /* line 255, theme.scss */
  .co-radio input[type="radio"] + label:before,
  .co-radio input[type="radio"] + .co-radio-label:before,
  .co-checkbox input[type="checkbox"] + label:before,
  .co-checkbox input[type="checkbox"] + .co-checkbox-label:before {
    border: 1px solid rgba(0, 0, 0, 0.35) !important;
    background: transparent !important;
    box-shadow: none !important; }

  /* line 264, theme.scss */
  .co-radio input[type="radio"]:checked + label:before,
  .co-radio input[type="radio"]:checked + .co-radio-label:before {
    border-color: rgba(0, 0, 0, 0.9) !important; }

  /* 7.7) delivery/payment rows */
  /* line 270, theme.scss */
  .co-delivery-method,
  .co-payment-method {
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important; }

  /* line 276, theme.scss */
  .co-delivery-method__title,
  .co-payment-method__title {
    font-size: 16px !important;
    line-height: 22px !important;
    margin: 0 !important;
    font-weight: 400 !important; }

  /* line 284, theme.scss */
  .co-delivery-method__description,
  .co-payment-method__description {
    font-size: 13px !important;
    line-height: 18px !important;
    opacity: 0.65 !important;
    margin-top: 4px !important; }

  /* 7.8) map compact */
  /* line 293, theme.scss */
  .co-delivery-map,
  .co-map,
  .co-delivery__map,
  .co-delivery-map-wrapper,
  .insales-map,
  [class*="map"],
  [id*="map"] {
    max-height: 180px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important; }

  /* 7.9) CTA button */
  /* line 306, theme.scss */
  .co-button,
  .co-modal-button,
  button.co-button,
  button.co-modal-button {
    height: 54px !important;
    margin-top: 14px !important;
    font-size: 12px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    border-radius: 0 !important; }

  /* 7.10) remove huge gaps under fields */
  /* line 319, theme.scss */
  .co-section--checkout_content .co-input,
  .co-section--checkout_content .co-textarea,
  .checkout-v2-wrapper .co-input,
  .checkout-v2-wrapper .co-textarea {
    margin-bottom: 14px !important; }

  /* 7.11) make errors less aggressive (visual only; logic stays) */
  /* line 327, theme.scss */
  .co-input-error,
  .co-error,
  .co-field-error,
  .co-notice--error {
    font-size: 12px !important;
    line-height: 16px !important;
    opacity: 0.75 !important;
    margin-top: 6px !important; }

  /* 7.12) OPTIONAL: sticky submit area (depends on theme structure) */
  /* line 338, theme.scss */
  .co-order-summary,
  .co-order,
  .co-sidebar {
    position: relative !important; }

  /* line 344, theme.scss */
  .co-order-submit,
  .co-order__submit,
  .co-checkout-submit,
  .co-checkout__submit {
    position: sticky;
    bottom: 0;
    background: #fff;
    padding: 12px 0;
    box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.06);
    z-index: 30; } }
/* ===========================
   8) IMPORTANT: “-0 ₽” / “+0 ₽” FIXES
   This is NOT CSS — it must be Liquid/template logic.
   Tell me where you edit cart/checkout templates, and I’ll give exact snippets.
   =========================== */
/* KITS — size table modal (premium override) */
/* line 363, theme.scss */
.micromodal-slide .modal__container,
.micromodal-slide .modal__content,
#modal-table-size .modal__container,
#modal-table-size .modal__content {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; }

/* line 370, theme.scss */
#modal-table-size .modal__container {
  max-width: 560px;
  width: calc(100vw - 32px);
  padding: 16px 16px 18px;
  border-radius: 0;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.14); }

/* line 378, theme.scss */
#modal-table-size .modal__title {
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0 0 10px 0;
  opacity: .75; }

/* line 387, theme.scss */
#modal-table-size table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  line-height: 1.3; }

/* line 394, theme.scss */
#modal-table-size th,
#modal-table-size td {
  padding: 10px 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  text-align: left;
  white-space: nowrap; }

/* line 402, theme.scss */
#modal-table-size th {
  font-weight: 500;
  letter-spacing: .02em; }

/* line 407, theme.scss */
#modal-table-size .modal__close {
  opacity: .6; }

@media (max-width: 767px) {
  /* line 412, theme.scss */
  #modal-table-size .modal__container {
    width: calc(100vw - 20px);
    padding: 14px 12px 16px; }

  /* line 416, theme.scss */
  #modal-table-size table {
    font-size: 12px; }

  /* line 417, theme.scss */
  #modal-table-size th, #modal-table-size td {
    padding: 9px 10px; } }
/* Размеры товара — улучшение читаемости */
/* line 420, theme.scss */
.product-option button,
.product-option .option-value,
.product-option__value {
  border: 1px solid #111;
  background: #fff;
  color: #111;
  opacity: 1; }

/* активный размер */
/* line 430, theme.scss */
.product-option button.is-active,
.product-option .active,
.product-option__value.is-active {
  background: #111;
  color: #fff; }

/* недоступные размеры */
/* line 438, theme.scss */
.product-option button.is-disabled,
.product-option .is-disabled,
.product-option__value.is-disabled {
  border: 1px solid #ddd;
  color: #bbb;
  text-decoration: line-through;
  opacity: 0.7; }

/* hover эффект */
/* line 448, theme.scss */
.product-option button:hover {
  border-color: #000; }

/* FIX: mobile cart drawer width */
@media (max-width: 768px) {
  /* line 453, theme.scss */
  .cart-drawer,
  .cart-sidebar,
  .cart-modal,
  .insales-cart,
  .cart-popup {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 0 !important;
    right: 0 !important; } }