/* K. Hutton homepage — section backgrounds, brand tints, Dolly layout rhythm */

:root {
  --khutton-surface-white: #fff;
  --khutton-surface-soft: #f8f4fa;
  --khutton-surface-lilac: #f0e8f6;
  --khutton-surface-band: #f3ebf8;
  --khutton-surface-band-alt: #ebe2f2;
}

.khutton-site.page-home {
  background: var(--khutton-surface-white);
}

.khutton-site.page-home .page-main {
  background: var(--khutton-surface-white);
}

/* Alternating section bands */
.khutton-site.page-home .section-about {
  background: var(--khutton-surface-white);
}

.khutton-site.page-home .section-shop-categories {
  background: var(--khutton-surface-soft);
}

.khutton-site.page-home .section-services {
  background: linear-gradient(180deg, #faf7fb 0%, #f3ebf8 100%);
}

.khutton-site.page-home .section-new-arrivals:not(.section-news-and-posts) > .uk-background-muted {
  background: var(--khutton-surface-band);
}

.khutton-site.page-home .section-info {
  background: var(--khutton-surface-white);
}

.khutton-site.page-home .section-instagram {
  background: var(--khutton-surface-lilac);
}

.khutton-site.page-home .section-reviews {
  background: var(--khutton-surface-soft);
}

.khutton-site.page-home .section-news-and-posts > .uk-background-muted {
  background: var(--khutton-surface-band-alt);
}

.khutton-site.page-home .section-slider {
  background: transparent;
}
.khutton-site .section-about__media::before {
  background-color: #ece0f3;
}

.khutton-site .section-shop-categories__title,
.khutton-site .section-shop-categories__text {
  color: var(--khutton-ink);
}

.khutton-site .shop-categories-unit__link:hover,
.khutton-site .shop-categories-unit__link:hover .shop-categories-unit__title {
  color: var(--khutton-magenta);
}

.khutton-site .shop-categories-unit__link::after {
  background-color: var(--khutton-ink);
}

.khutton-site .section-info .slider-info .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--khutton-magenta);
  border-color: var(--khutton-magenta);
}

.khutton-site .section-instagram .section-title .uk-icon {
  color: #c9b0d8;
}

/* Newsletter — hero photo fixed while scrolling, centered form */
.khutton-site.page-home .section-newsletter {
  padding: clamp(72px, 11vh, 112px) 24px;
  background-color: #2a1810;
  background-image:
    linear-gradient(135deg, rgba(26, 16, 36, 0.72), rgba(61, 8, 102, 0.58)),
    url("../img/home-hero.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.khutton-site .section-newsletter__form {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 560px;
  min-height: 0;
  margin: 0 auto;
  padding: 0;
  background: none;
}

.khutton-site .section-newsletter__title {
  margin-bottom: 28px;
  width: 100%;
  text-align: center;
}

.khutton-site .section-newsletter__title span {
  margin-bottom: 14px;
  color: rgba(255, 255, 255, 0.88);
}

.khutton-site .section-newsletter__title h3 {
  color: #fff;
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.15;
}

.khutton-site .section-newsletter__form form {
  width: 100%;
  max-width: 550px;
}

.khutton-site .section-newsletter__form form input[type="text"],
.khutton-site .section-newsletter__form form input[type="email"],
.khutton-site .section-newsletter__form form .uk-button {
  height: 58px;
  line-height: 58px;
}

.khutton-site .section-newsletter__form form input[type="email"] {
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin-bottom: 10px;
  padding: 0 20px;
  border: 2px solid #fff;
  background-color: transparent;
  color: #fff;
  font-size: 18px;
  text-align: center;
}

.khutton-site .section-newsletter__form form input[type="email"]::placeholder {
  color: rgba(255, 255, 255, 0.72);
  text-align: center;
}

.khutton-site .section-newsletter__img {
  display: none;
}

/* Instagram gallery */
.khutton-site .section-instagram .uk-container-large {
  padding-top: 52px;
  padding-bottom: 36px;
}

.khutton-site .section-instagram .section-title {
  margin-bottom: 32px;
}

.khutton-site .instagram-item a {
  display: block;
  overflow: hidden;
  border-radius: 4px;
}

.khutton-site .instagram-item img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.khutton-site .instagram-item a:hover img {
  transform: scale(1.03);
}

.khutton-site .instagram-item.instagram-item-3 img {
  max-height: 480px;
}

.khutton-site .instagram-item.instagram-item-1,
.khutton-site .instagram-item.instagram-item-2,
.khutton-site .instagram-item.instagram-item-4,
.khutton-site .instagram-item.instagram-item-5 {
  margin-bottom: 14px;
}

.khutton-site .section-reviews .uk-section-large {
  padding-top: 50px;
  padding-bottom: 50px;
}

.khutton-site .section-reviews__title {
  color: var(--khutton-ink);
}

.khutton-site .section-reviews__title::after {
  background-color: var(--khutton-ink);
}

@media (max-width: 959px) {
  .khutton-site.page-home .section-newsletter {
    background-attachment: scroll;
    padding: 56px 20px;
  }

  .khutton-site .instagram-item.instagram-item-3 img {
    max-height: 360px;
  }
}