/* ========= Base ========= */
* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  min-height: 100%;
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--ink);
  background: #fff;
}

:root {
  --brand: #666257;
  --ink: #1b1b1b;
  --cream: #f6f4f1;
  --line: rgba(0, 0, 0, .10);
  --whiteLine: rgba(255, 255, 255, .16);
}

a {
  color: inherit;
}

.container {
  max-width: 1040px;
  margin: 0 auto;
  padding: 16px;
}

@media (min-width:640px) {
  .container {
    padding: 20px;
  }
}

/* Prevent scroll when menu open */
body.menu-open {
  overflow: hidden;
  touch-action: none;
}

/* ========= Buttons ========= */
.icon-btn {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .28);
  background: rgba(0, 0, 0, .10);
  color: #fff;
  font-size: 20px;
  border-radius: 10px;
  cursor: pointer;
}

.icon-btn:active {
  transform: scale(.98);
}

.icon-btn--ghost {
  border-color: transparent;
  background: transparent;
  color: #fff;
}

/* dark button (for light headers) */
.icon-btn--dark {
  border: 1px solid rgba(0, 0, 0, .12);
  background: transparent;
  color: var(--ink);
}

/* focus */
.swatch:focus-visible {
  outline: 2px solid rgba(0, 0, 0, .75);
  outline-offset: 2px;
}

.chip:focus-visible {
  outline: 2px solid rgba(0, 0, 0, .35);
  outline-offset: 2px;
}

/* iOS Safari: prevent system link/button tint */
button,
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  /* не обязательно, но помогает не "скруглять по iOS" */
}


/* iOS Safari: убрать системный синий цвет у текста/ссылок */
a, a:visited, a:hover, a:active {
  color: inherit;
  text-decoration: none;
}

/* если это кнопки/ссылки внутри вариантов (часто <button> или <a>) */
.variant-btn, .variant, .variants button, .variants a {
  color: inherit;
  -webkit-text-fill-color: currentColor; /* iOS fix */
}

/* если iOS всё равно “синеет” из-за автодетекта (телефон/почта/адрес) */
a[x-apple-data-detectors],
a[x-apple-data-detectors]:link,
a[x-apple-data-detectors]:visited,
a[x-apple-data-detectors]:hover,
a[x-apple-data-detectors]:active {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  text-decoration: none !important;
}