/* OLIO — clean commerce system */
:root {
  --olio-brand: #6f2c83;
  --olio-brand-deep: #4e1f5c;
  --olio-gold: #c99a37;
  --olio-text: #231d27;
  --olio-muted: #726b75;
  --olio-line: #eee8f0;
  --olio-soft: #faf8fb;
  --olio-radius: 16px;
}

html { scroll-behavior: smooth; }

body {
  color: var(--olio-text);
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

.container { max-width: 1280px; }

.s-block {
  margin-top: clamp(2.5rem, 5vw, 4.5rem);
}

.s-block__title { margin-bottom: 1.4rem; }

.s-block__title h2 {
  color: var(--olio-text);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.3;
}

.s-block__title p {
  color: var(--olio-muted);
  line-height: 1.8;
}

header {
  position: relative;
  z-index: 30;
  box-shadow: 0 4px 20px rgba(47, 29, 51, .07);
}

salla-product-card,
.s-product-card-entry {
  display: block;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--olio-line) !important;
  border-radius: var(--olio-radius) !important;
  background: #fff;
  box-shadow: 0 3px 14px rgba(48, 29, 53, .05);
  transition: transform .22s ease, box-shadow .22s ease;
}

salla-product-card:hover,
.s-product-card-entry:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(65, 32, 73, .10);
}

.s-product-card-content-title a {
  color: var(--olio-text) !important;
  font-weight: 700;
  line-height: 1.55;
}

.s-product-card-price {
  color: var(--olio-brand) !important;
  font-weight: 800;
}

button,
.s-button-btn,
.s-button-element {
  border-radius: 11px;
}

.s-button-primary,
.s-button-btn.s-button-primary {
  background: var(--olio-brand) !important;
  border-color: var(--olio-brand) !important;
}

.s-button-primary:hover,
.s-button-btn.s-button-primary:hover {
  background: var(--olio-brand-deep) !important;
  border-color: var(--olio-brand-deep) !important;
}

.swiper,
.banner-entry,
.swiper-slide img {
  border-radius: var(--olio-radius);
}

button:focus-visible,
a:focus-visible,
input:focus-visible {
  outline: 3px solid rgba(201, 154, 55, .55);
  outline-offset: 3px;
}

@media (max-width: 767px) {
  .container { padding-inline: 1rem; }
  .s-block { margin-top: 2.25rem; }
  .s-block__title { margin-bottom: 1rem; }
  .s-block__title h2 { font-size: 1.35rem !important; }
  salla-product-card:hover,
  .s-product-card-entry:hover { transform: none; }
  .swiper,
  .banner-entry,
  .swiper-slide img { border-radius: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}