@charset "UTF-8";

/* src/styles.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}
:root {
  --kota-bg: #f5f2ed;
  --kota-accent: #e85d2b;
  --kota-text: #1a1a1a;
  --kota-muted: #666666;
  --kota-white: #ffffff;
  --kota-card: #f9f8f6;
  --kota-border: #e8e4de;
  --kota-footer: #1a1a1a;
  --kota-font-serif:
    "DM Serif Display",
    Georgia,
    serif;
  --kota-font-sans:
    "Inter",
    system-ui,
    sans-serif;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  font-family: var(--kota-font-sans);
  font-size: 16px;
  color: var(--kota-text);
  background: var(--kota-bg);
  -webkit-font-smoothing: antialiased;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  font: inherit;
  cursor: pointer;
  border: none;
  background: none;
}
.kota-container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 24px;
}
@media (min-width: 768px) {
  .kota-container {
    padding: 0 40px;
  }
}
@media (min-width: 1024px) {
  .kota-container {
    padding: 0 60px;
  }
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@keyframes kota-enter-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes kota-enter-rise {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
app-home,
app-catalog,
app-cart,
app-checkout,
app-orders,
app-login,
app-register,
app-search,
app-order-detail,
app-product-detail,
app-terms {
  display: block;
  animation: kota-enter-fade 0.42s ease-out both;
}
@keyframes kota-enter-shift {
  from {
    transform: translateY(8px);
  }
  to {
    transform: translateY(0);
  }
}
.kota-enter-stagger > * {
  animation: kota-enter-shift 0.4s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.kota-enter-stagger > *:nth-child(1) {
  animation-delay: 0s;
}
.kota-enter-stagger > *:nth-child(2) {
  animation-delay: 0.035s;
}
.kota-enter-stagger > *:nth-child(3) {
  animation-delay: 0.07s;
}
.kota-enter-stagger > *:nth-child(4) {
  animation-delay: 0.105s;
}
.kota-enter-stagger > *:nth-child(5) {
  animation-delay: 0.14s;
}
.kota-enter-stagger > *:nth-child(6) {
  animation-delay: 0.175s;
}
.kota-enter-stagger > *:nth-child(7) {
  animation-delay: 0.21s;
}
.kota-enter-stagger > *:nth-child(8) {
  animation-delay: 0.245s;
}
.kota-enter-stagger > *:nth-child(9) {
  animation-delay: 0.28s;
}
.kota-enter-stagger > *:nth-child(10) {
  animation-delay: 0.315s;
}
.kota-enter-stagger > *:nth-child(11) {
  animation-delay: 0.35s;
}
.kota-enter-stagger > *:nth-child(12) {
  animation-delay: 0.385s;
}
.kota-enter-stagger > *:nth-child(13) {
  animation-delay: 0.42s;
}
.kota-enter-stagger > *:nth-child(14) {
  animation-delay: 0.455s;
}
.kota-enter-stagger > *:nth-child(15) {
  animation-delay: 0.49s;
}
.kota-enter-stagger > *:nth-child(16) {
  animation-delay: 0.525s;
}
.kota-enter-stagger > *:nth-child(17) {
  animation-delay: 0.56s;
}
.kota-enter-stagger > *:nth-child(18) {
  animation-delay: 0.595s;
}
.kota-enter-stagger > *:nth-child(19) {
  animation-delay: 0.63s;
}
.kota-enter-stagger > *:nth-child(20) {
  animation-delay: 0.665s;
}
.kota-enter-seq > * {
  animation: kota-enter-shift 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.kota-enter-seq > *:nth-child(1) {
  animation-delay: 0s;
}
.kota-enter-seq > *:nth-child(2) {
  animation-delay: 0.08s;
}
.kota-enter-seq > *:nth-child(3) {
  animation-delay: 0.16s;
}
.kota-enter-seq > *:nth-child(4) {
  animation-delay: 0.24s;
}
.kota-enter-seq > *:nth-child(5) {
  animation-delay: 0.32s;
}
.kota-enter-seq > *:nth-child(6) {
  animation-delay: 0.4s;
}
.kota-enter-seq > *:nth-child(7) {
  animation-delay: 0.48s;
}
.kota-enter-seq > *:nth-child(8) {
  animation-delay: 0.56s;
}
.kota-enter-seq > *:nth-child(9) {
  animation-delay: 0.64s;
}
.kota-enter-seq > *:nth-child(10) {
  animation-delay: 0.72s;
}
.kota-enter-seq > *:nth-child(11) {
  animation-delay: 0.8s;
}
.kota-enter-seq > *:nth-child(12) {
  animation-delay: 0.88s;
}
@media (prefers-reduced-motion: reduce) {
  app-home,
  app-catalog,
  app-cart,
  app-checkout,
  app-orders,
  app-login,
  app-register,
  app-search,
  app-order-detail,
  app-product-detail,
  app-terms,
  .kota-enter-stagger > *,
  .kota-enter-seq > * {
    animation: none !important;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */