:root {
  --color-bg: #F5F0E6;
  --color-bg-gradient: linear-gradient(120deg, #f5f0e6 0%, #f5f0e6cc 100%);
  --color-accent: #312E81;
  --color-accent-light: #4f46e5;
  --color-shadow: 0 4px 24px 0 rgba(49,46,129,0.06), 0 1.5px 8px 0 rgba(49,46,129,0.04);
  --color-card-bg: rgba(255,255,255,0.82);
  --color-card-gradient: linear-gradient(120deg, #f5f0e6 80%, #e5e1d6 100%);
  --color-border: #312e811a;
  --color-text: #23223a;
  --color-muted: #7a7a92;
  --radius-lg: 24px;
  --radius-md: 16px;
  --radius-sm: 10px;
  --transition: .22s cubic-bezier(.4,0,.2,1);
  --max-width: 1240px;
  --font-main: 'Inter', 'Segoe UI', Arial, sans-serif;
  --font-size: 14px;
  --font-size-lg: 1.5rem;
  --font-size-md: 1.15rem;
  --font-size-sm: 13px;
  --section-space: 56px;
  --section-space-sm: 36px;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background: var(--color-bg-gradient);
  font-family: var(--font-main);
  color: var(--color-text);
  font-size: var(--font-size);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  min-width: 320px;
}

body.smak-body {
  background: var(--color-bg-gradient);
}

.smak-container {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 24px;
}

/* HEADER */
.smak-header {
  background: var(--color-card-gradient);
  box-shadow: var(--color-shadow);
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
  margin-bottom: 32px;
  position: sticky;
  top: 0;
  z-index: 10;
  transition: box-shadow var(--transition), background var(--transition);
}

.smak-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 18px 24px 14px 24px;
}

.smak-logo {
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 10px;
}

.smak-logo__img {
  height: 38px;
  width: 38px;
  border-radius: 50%;
  box-shadow: 0 2px 8px 0 rgba(49,46,129,0.08);
  background: #fff;
  object-fit: cover;
}

.smak-logo__text {
  font-weight: 700;
  font-size: 1.15rem;
  color: var(--color-accent);
  letter-spacing: 0.01em;
}

/* NAV */
.smak-nav__list {
  display: flex;
  gap: 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.smak-nav__link {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  padding: 7px 14px;
  border-radius: var(--radius-sm);
  transition: background var(--transition), color var(--transition);
  position: relative;
}

.smak-nav__link:hover,
.smak-nav__link:focus {
  background: rgba(49,46,129,0.07);
  color: var(--color-accent-light);
}

/* HERO */
.smak-hero {
  padding: var(--section-space) 0 var(--section-space-sm) 0;
  background: var(--color-card-gradient);
  border-radius: var(--radius-lg);
  margin-bottom: var(--section-space);
  box-shadow: var(--color-shadow);
  position: relative;
  overflow: hidden;
}

.smak-hero__grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 56px;
  align-items: center;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 24px;
}

.smak-hero__col {
  min-width: 0;
}

.smak-hero__title {
  font-size: 2.1rem;
  font-weight: 800;
  margin: 0 0 12px 0;
  color: var(--color-accent);
  letter-spacing: -0.01em;
}

.smak-hero__subtitle {
  font-size: 1.08rem;
  color: var(--color-muted);
  margin-bottom: 26px;
  font-weight: 500;
}

.smak-hero__meta {
  margin: 0 0 32px 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.smak-hero__meta-item {
  position: relative;
  padding-left: 18px;
  color: var(--color-text);
  font-size: var(--font-size-sm);
}
.smak-hero__meta-item::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  background: var(--color-accent);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 7px;
  opacity: 0.22;
}

.smak-hero__ctas {
  display: flex;
  gap: 18px;
  margin-top: 6px;
}

.smak-hero__btn {
  display: inline-block;
  font-weight: 600;
  border-radius: var(--radius-md);
  padding: 12px 28px;
  font-size: 1rem;
  transition: background var(--transition), color var(--transition), box-shadow var(--transition), border var(--transition);
  border: none;
  cursor: pointer;
  box-shadow: 0 2px 12px 0 rgba(49,46,129,0.08);
  text-decoration: none;
  outline: none;
}

.smak-btn--primary {
  background: var(--color-accent);
  color: #fff;
  border: 1px solid var(--color-accent);
}
.smak-btn--primary:hover,
.smak-btn--primary:focus {
  background: #fff;
  color: var(--color-accent);
  border-color: var(--color-accent);
}

.smak-btn--ghost {
  background: transparent;
  color: var(--color-accent);
  border: 1px solid var(--color-accent);
}
.smak-btn--ghost:hover,
.smak-btn--ghost:focus {
  background: var(--color-accent);
  color: #fff;
  border-color: var(--color-accent);
}

.smak-hero__card {
  background: var(--color-card-bg);
  border-radius: var(--radius-lg);
  box-shadow: var(--color-shadow);
  padding: 28px 26px 20px 26px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  align-items: center;
  min-width: 0;
  position: relative;
  overflow: hidden;
}

.smak-hero__image {
  width: 220px;
  height: 148px;
  object-fit: cover;
  border-radius: var(--radius-md);
  margin-bottom: 10px;
  box-shadow: 0 2px 12px 0 rgba(49,46,129,0.10);
}

.smak-hero__quick {
  background: rgba(49,46,129,0.06);
  border-radius: var(--radius-sm);
  padding: 14px 18px;
  font-size: var(--font-size-sm);
  color: var(--color-text);
  box-shadow: 0 1.5px 6px 0 rgba(49,46,129,0.04);
}
.smak-hero__quick ul {
  margin: 8px 0 0 0;
  padding: 0;
  list-style: none;
}
.smak-hero__quick li {
  padding-left: 14px;
  position: relative;
  margin-bottom: 3px;
}
.smak-hero__quick li::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--color-accent);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 6px;
  opacity: 0.15;
}

/* WORLD */
.smak-world {
  padding: var(--section-space) 0;
}

.smak-world__layout {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 48px;
  align-items: stretch;
  margin-top: 30px;
}

.smak-world__media {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.smak-world__img {
  width: 100%;
  max-width: 340px;
  max-height: 300px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--color-shadow);
  background: #fff;
}

.smak-world__content {
  background: var(--color-card-bg);
  border-radius: var(--radius-md);
  box-shadow: 0 2px 12px 0 rgba(49,46,129,0.08);
  padding: 26px 30px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}

.smak-world__lead {
  font-size: var(--font-size-md);
  font-weight: 500;
  color: var(--color-accent);
  margin-bottom: 10px;
}

.smak-world__features {
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--color-text);
  font-size: var(--font-size-sm);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.smak-world__features > li {
  position: relative;
  padding-left: 18px;
}
.smak-world__features > li::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  background: var(--color-accent);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 7px;
  opacity: 0.13;
}
.smak-world__features ul {
  margin: 7px 0 0 0;
  padding: 0;
  list-style: none;
}
.smak-world__features ul li {
  padding-left: 14px;
  position: relative;
  margin-bottom: 2px;
}
.smak-world__features ul li::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  background: var(--color-accent);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 6px;
  opacity: 0.10;
}

/* MECHANICS */
.smak-mechanics {
  padding: var(--section-space) 0 var(--section-space-sm) 0;
  background: var(--color-card-gradient);
  border-radius: var(--radius-lg);
  margin-bottom: var(--section-space);
  box-shadow: var(--color-shadow);
}

.smak-mechanics__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 30px;
}

.smak-mechanics__cols {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 40px;
  align-items: flex-start;
}

.smak-mechanics__col {
  background: var(--color-card-bg);
  border-radius: var(--radius-md);
  padding: 26px 24px 18px 24px;
  box-shadow: 0 1.5px 7px 0 rgba(49,46,129,0.05);
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.smak-mechanics__col h3 {
  font-size: 1.07rem;
  font-weight: 600;
  color: var(--color-accent);
  margin: 0 0 10px 0;
}

.smak-mechanics__col ul {
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--color-text);
  font-size: var(--font-size-sm);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.smak-mechanics__col ul li {
  position: relative;
  padding-left: 16px;
}
.smak-mechanics__col ul li::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--color-accent);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 7px;
  opacity: 0.11;
}

.smak-mechanics__block {
  margin-bottom: 16px;
}
.smak-mechanics__block h4 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-accent);
  margin-bottom: 4px;
}
.smak-mechanics__block p,
.smak-mechanics__block ul {
  font-size: var(--font-size-sm);
  color: var(--color-text);
  margin-bottom: 6px;
}
.smak-mechanics__block ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.smak-mechanics__block ul li {
  padding-left: 14px;
  position: relative;
}
.smak-mechanics__block ul li::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  background: var(--color-accent);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 6px;
  opacity: 0.09;
}

.smak-mechanics__visual {
  margin: 40px auto 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.smak-mechanics__image {
  width: 100%;
  max-width: 420px;
  max-height: 300px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: 0 2px 12px 0 rgba(49,46,129,0.09);
  background: #fff;
}

/* RHYTHM */
.smak-rhythm {
  padding: var(--section-space) 0;
}

.smak-rhythm__title {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 30px;
}

.smak-rhythm__content {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 40px;
  align-items: stretch;
}

.smak-rhythm__steps,
.smak-rhythm__why {
  background: var(--color-card-bg);
  border-radius: var(--radius-md);
  box-shadow: 0 1.5px 7px 0 rgba(49,46,129,0.05);
  padding: 26px 24px 18px 24px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.smak-rhythm__steps h3,
.smak-rhythm__why h3 {
  font-size: 1.07rem;
  font-weight: 600;
  color: var(--color-accent);
  margin: 0 0 10px 0;
}

.smak-rhythm__steps ol,
.smak-rhythm__why ul {
  margin: 0;
  padding: 0;
  font-size: var(--font-size-sm);
  color: var(--color-text);
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.smak-rhythm__steps ol li,
.smak-rhythm__why ul li {
  position: relative;
  padding-left: 18px;
}
.smak-rhythm__steps ol li::before {
  content: counter(item) ".";
  counter-increment: item;
  color: var(--color-accent);
  font-weight: 600;
  position: absolute;
  left: 0;
  top: 0;
  font-size: var(--font-size-sm);
  opacity: 0.25;
}
.smak-rhythm__steps ol {
  counter-reset: item;
}
.smak-rhythm__why ul li::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--color-accent);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 7px;
  opacity: 0.10;
}

/* FEATURES */
.smak-features {
  padding: var(--section-space) 0;
  background: var(--color-card-gradient);
  border-radius: var(--radius-lg);
  margin-bottom: var(--section-space);
  box-shadow: var(--color-shadow);
}

.smak-features__title {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 30px;
}

.smak-features__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-bottom: 38px;
}

.smak-features__item {
  background: var(--color-card-bg);
  border-radius: var(--radius-md);
  box-shadow: 0 1.5px 7px 0 rgba(49,46,129,0.05);
  padding: 22px 20px 16px 20px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: box-shadow var(--transition), transform var(--transition);
}
.smak-features__item:hover {
  box-shadow: 0 6px 24px 0 rgba(49,46,129,0.11);
  transform: translateY(-2px) scale(1.012);
}

.smak-features__item h4 {
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--color-accent);
  margin: 0 0 5px 0;
}
.smak-features__item p {
  font-size: var(--font-size-sm);
  color: var(--color-text);
  margin: 0;
}

.smak-features__media {
  display: flex;
  justify-content: center;
  align-items: center;
}
.smak-features__image {
  width: 100%;
  max-width: 350px;
  max-height: 210px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: 0 2px 12px 0 rgba(49,46,129,0.09);
  background: #fff;
}

/* SCREENSHOTS */
.smak-screenshots {
  padding: var(--section-space) 0;
}

.smak-screenshots__title {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 30px;
}

.smak-screenshots__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.smak-screenshots__item {
  background: var(--color-card-bg);
  border-radius: var(--radius-md);
  box-shadow: 0 1.5px 7px 0 rgba(49,46,129,0.05);
  padding: 10px 10px 12px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-width: 0;
  transition: box-shadow var(--transition), transform var(--transition);
}
.smak-screenshots__item:hover {
  box-shadow: 0 6px 24px 0 rgba(49,46,129,0.12);
  transform: translateY(-2px) scale(1.012);
}

.smak-screenshots__img {
  width: 100%;
  max-width: 200px;
  max-height: 120px;
  object-fit: cover;
  border-radius: var(--radius-sm);
  box-shadow: 0 1.5px 7px 0 rgba(49,46,129,0.06);
  background: #fff;
}

.smak-screenshots__item figcaption {
  font-size: var(--font-size-sm);
  color: var(--color-muted);
  margin-top: 4px;
  text-align: center;
}

/* CONTENT */
.smak-content {
  padding: var(--section-space) 0;
}

.smak-content__title {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 26px;
}

.smak-content__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin: 0 0 32px 0;
  padding: 0;
  list-style: none;
}
.smak-content__list li {
  background: var(--color-card-bg);
  border-radius: var(--radius-md);
  box-shadow: 0 1.5px 7px 0 rgba(49,46,129,0.05);
  padding: 18px 20px 14px 20px;
  font-size: var(--font-size-sm);
  color: var(--color-text);
  position: relative;
  padding-left: 28px;
  min-width: 0;
}
.smak-content__list li::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  background: var(--color-accent);
  border-radius: 50%;
  position: absolute;
  left: 12px;
  top: 18px;
  opacity: 0.12;
}

.smak-content__notes {
  background: var(--color-card-bg);
  border-radius: var(--radius-md);
  box-shadow: 0 1.5px 7px 0 rgba(49,46,129,0.05);
  padding: 22px 24px 14px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: var(--font-size-sm);
}
.smak-content__notes h3 {
  font-size: 1.02rem;
  font-weight: 600;
  color: var(--color-accent);
  margin: 0 0 7px 0;
}

/* IMPRESSIONS */
.smak-impressions {
  padding: var(--section-space) 0;
  background: var(--color-card-gradient);
  border-radius: var(--radius-lg);
  margin-bottom: var(--section-space);
  box-shadow: var(--color-shadow);
}

.smak-impressions__title {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 30px;
}

.smak-impressions__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.smak-impressions__grid > div {
  background: var(--color-card-bg);
  border-radius: var(--radius-md);
  box-shadow: 0 1.5px 7px 0 rgba(49,46,129,0.05);
  padding: 22px 20px 14px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.smak-impressions__grid h3 {
  font-size: 1.07rem;
  font-weight: 600;
  color: var(--color-accent);
  margin: 0 0 7px 0;
}
.smak-impressions__grid ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--font-size-sm);
  color: var(--color-text);
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.smak-impressions__grid ul li {
  position: relative;
  padding-left: 14px;
}
.smak-impressions__grid ul li::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--color-accent);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 7px;
  opacity: 0.09;
}

/* COOKIE BANNER */
.smak-cookie {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1001;
  background: rgba(245,240,230,0.98);
  box-shadow: 0 -2px 24px 0 rgba(49,46,129,0.08);
  border-top: 1px solid var(--color-border);
  padding: 0;
  animation: fadeIn .6s;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(32px);}
  to { opacity: 1; transform: none;}
}

.smak-cookie__inner {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 18px 24px 14px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.smak-cookie__actions {
  display: flex;
  gap: 14px;
}

.smak-cookie__btn {
  background: var(--color-accent);
  color: #fff;
  border: 1px solid var(--color-accent);
  border-radius: var(--radius-md);
  padding: 10px 22px;
  font-size: var(--font-size);
  font-weight: 600;
  cursor: pointer;
  transition: background var(--transition), color var(--transition), border var(--transition);
  box-shadow: 0 1.5px 7px 0 rgba(49,46,129,0.08);
}
.smak-cookie__btn:hover,
.smak-cookie__btn:focus {
  background: #fff;
  color: var(--color-accent);
  border-color: var(--color-accent);
}

/* FOOTER */
.smak-footer {
  background: var(--color-card-gradient);
  box-shadow: 0 -2px 24px 0 rgba(49,46,129,0.07);
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  padding: var(--section-space-sm) 0 0 0;
  margin-top: var(--section-space);
}

.smak-footer__cols {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 24px;
}

.smak-footer__col {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: var(--font-size-sm);
  color: var(--color-text);
}

.smak-footer__brand {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: var(--color-accent);
  font-weight: 700;
  font-size: 1.05rem;
}
.smak-footer__brand-img {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  background: #fff;
  object-fit: cover;
}

.smak-footer__col h4 {
  color: var(--color-accent);
  font-size: 1.01rem;
  font-weight: 600;
  margin: 0 0 7px 0;
}
.smak-footer__col ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.smak-footer__col ul li a {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition);
  font-weight: 500;
}
.smak-footer__col ul li a:hover,
.smak-footer__col ul li a:focus {
  color: var(--color-accent-light);
}

.smak-footer__bottom {
  border-top: 1px solid var(--color-border);
  margin-top: 36px;
  padding: 14px 24px 18px 24px;
  text-align: center;
  color: var(--color-muted);
  font-size: var(--font-size-sm);
}

/* RESPONSIVE */
@media (max-width: 1100px) {
  .smak-hero__grid,
  .smak-world__layout,
  .smak-mechanics__cols,
  .smak-rhythm__content,
  .smak-features__grid,
  .smak-impressions__grid,
  .smak-footer__cols,
  .smak-screenshots__grid,
  .smak-content__list {
    grid-template-columns: 1fr 1fr !important;
  }
  .smak-screenshots__grid {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
}

@media (max-width: 800px) {
  .smak-hero__grid,
  .smak-world__layout,
  .smak-mechanics__cols,
  .smak-rhythm__content,
  .smak-features__grid,
  .smak-impressions__grid,
  .smak-footer__cols,
  .smak-screenshots__grid,
  .smak-content__list {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .smak-header__inner {
    flex-direction: column;
    gap: 16px;
    padding: 14px 12px 10px 12px;
  }
  .smak-nav__list {
    gap: 12px;
  }
  .smak-hero__card,
  .smak-world__content,
  .smak-mechanics__col,
  .smak-rhythm__steps,
  .smak-rhythm__why,
  .smak-features__item,
  .smak-impressions__grid > div,
  .smak-content__list li,
  .smak-content__notes,
  .smak-footer__col {
    padding: 16px 12px 12px 12px;
  }
  .smak-mechanics__visual,
  .smak-features__media {
    margin-top: 18px;
  }
}

@media (max-width: 600px) {
  :root {
    --section-space: 32px;
    --section-space-sm: 18px;
  }
  .smak-container {
    padding: 0 8px;
  }
  .smak-header__inner {
    padding: 10px 6px 8px 6px;
  }
  .smak-footer__cols {
    gap: 14px;
    padding: 0 6px;
  }
  .smak-footer__bottom {
    padding: 10px 6px 14px 6px;
  }
  .smak-hero,
  .smak-mechanics,
  .smak-features,
  .smak-impressions {
    border-radius: var(--radius-sm);
    margin-bottom: var(--section-space-sm);
  }
  .smak-world__img,
  .smak-mechanics__image,
  .smak-features__image {
    max-width: 100%;
    max-height: 180px;
  }
  .smak-screenshots__img {
    max-width: 100%;
    max-height: 80px;
  }
}

/* Hide scrollbars for card blocks on mobile if overflowed */
@media (max-width: 600px) {
  .smak-features__grid,
  .smak-impressions__grid,
  .smak-screenshots__grid,
  .smak-content__list {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* Remove number marker for ordered list in rhythm section on mobile */
@media (max-width: 600px) {
  .smak-rhythm__steps ol li::before {
    content: '';
  }
}

/* Misc */
::-webkit-scrollbar {
  width: 8px;
  background: #f5f0e6;
}
::-webkit-scrollbar-thumb {
  background: #e5e1d6;
  border-radius: 8px;
}