:root {
  --cinora-color-background: var(--wp--preset--color--cream);
  --cinora-color-surface: var(--wp--preset--color--soft-cream);
  --cinora-color-accent: var(--wp--preset--color--caramel);
  --cinora-color-surface-warm: var(--wp--preset--color--warm-beige);
  --cinora-color-ink: var(--wp--preset--color--chocolate);
  --cinora-focus-ring: 0 0 0 0.2rem var(--cinora-color-background), 0 0 0 0.4rem var(--cinora-color-ink);
  --cinora-radius-small: 0.75rem;
  --cinora-radius-pill: 999px;
  --cinora-container: 75rem;
  --cinora-gutter: clamp(1rem, 4vw, 2.5rem);
  --cinora-transition: 180ms ease;
}

.site-header__order { display: inline-flex; min-height: 2.55rem; flex: 0 0 auto; align-items: center; gap: 0.5rem; padding: 0.25rem 0.35rem 0.25rem 0.85rem; border: 1px solid color-mix(in srgb, var(--cinora-color-ink) 22%, transparent); border-radius: 999px; color: var(--cinora-color-ink); font-size: 0.72rem; font-weight: 750; text-decoration: none; white-space: nowrap; }
.site-header__order:hover { background: #efdfca; }
.site-header__order-count { display: grid; min-width: 1.85rem; height: 1.85rem; place-items: center; padding: 0 0.3rem; border-radius: 50%; background: var(--cinora-color-ink); color: #fff9f0; font-size: 0.7rem; }
.site-footer__navigation { display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; }
@media (max-width: 70rem) { .site-header__order-label { display: none; } .site-header__order { padding: 0.22rem; } }
@media (max-width: 47.99rem) { .site-header__order { min-height: 2rem; padding: 0.1rem; } .site-header__order-count { min-width: 1.7rem; height: 1.7rem; } }
@media (max-width: 22rem) { .site-header .site-brand__wordmark { width: 5.7rem; } .site-header__order { min-height: 1.6rem; } .site-header__order-count { min-width: 1.45rem; height: 1.45rem; } }

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  background: var(--cinora-color-background);
  color: var(--cinora-color-ink);
  font-size: 100%;
}

body {
  min-height: 100vh;
  margin: 0;
  background: var(--cinora-color-background);
  color: var(--cinora-color-ink);
  direction: ltr;
  font-family: var(--wp--preset--font-family--sans);
  line-height: 1.6;
  text-align: left;
  text-rendering: optimizeLegibility;
}

img,
svg {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
}

a:hover {
  text-decoration-thickness: 0.14em;
}

:focus-visible {
  border-radius: 0.2rem;
  outline: 0;
  box-shadow: var(--cinora-focus-ring);
}

.site-container {
  width: min(100% - (2 * var(--cinora-gutter)), var(--cinora-container));
  margin-inline: auto;
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.screen-reader-text:focus {
  z-index: 100000;
  top: 1rem;
  left: 1rem;
  width: auto;
  height: auto;
  padding: 0.75rem 1rem;
  clip: auto;
  background: var(--cinora-color-ink);
  color: var(--cinora-color-background);
  font-weight: 700;
  white-space: normal;
}

.site-header {
  position: relative;
  z-index: 10;
  border-bottom: 1px solid color-mix(in srgb, var(--cinora-color-ink) 16%, transparent);
  background: color-mix(in srgb, var(--cinora-color-background) 94%, transparent);
}

.site-header__inner {
  display: flex;
  min-height: 5rem;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

.site-brand {
  display: inline-flex;
  flex: 0 0 auto;
  color: var(--cinora-color-ink);
  text-decoration: none;
}

.site-brand__wordmark {
  display: block;
  width: clamp(8.75rem, 28vw, 11rem);
  aspect-ratio: 1064 / 270;
  background: currentColor;
  -webkit-mask: url("../images/brand/cinora-wordmark-web.svg") center / contain no-repeat;
  mask: url("../images/brand/cinora-wordmark-web.svg") center / contain no-repeat;
}

.primary-navigation__list {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 2vw, 2rem);
  padding: 0;
  margin: 0;
  list-style: none;
}

.primary-navigation a {
  font-size: 0.9375rem;
  font-weight: 650;
  text-decoration: none;
}

.site-main {
  min-height: calc(100vh - 10rem);
}

.foundation-preview {
  display: grid;
  min-height: calc(100vh - 10rem);
  place-items: center;
  padding-block: clamp(4rem, 12vw, 9rem);
  background:
    radial-gradient(circle at 85% 15%, color-mix(in srgb, var(--cinora-color-accent) 26%, transparent), transparent 34rem),
    var(--cinora-color-background);
}

.foundation-preview__inner {
  max-width: 52rem;
}

.eyebrow {
  margin: 0 0 1rem;
  color: var(--cinora-color-ink);
  font-size: 0.8125rem;
  font-weight: 750;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.foundation-preview h1 {
  max-width: 11ch;
  margin: 0;
  font-family: var(--wp--preset--font-family--display);
  font-size: var(--wp--preset--font-size--display);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.98;
}

.foundation-preview__lead {
  max-width: 38rem;
  margin: 1.5rem 0 0;
  font-size: var(--wp--preset--font-size--lead);
}

.site-footer {
  border-top: 1px solid color-mix(in srgb, var(--cinora-color-ink) 16%, transparent);
  background: var(--cinora-color-surface);
}

.site-footer__inner {
  display: flex;
  min-height: 5rem;
  align-items: center;
}

.site-footer p {
  margin: 0;
  font-size: 0.875rem;
}

@media (max-width: 47.99rem) {
  .primary-navigation {
    display: none;
  }
}

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

/* Homepage */
.site-header__action {
  display: inline-flex;
  min-height: 2.8rem;
  align-items: center;
  justify-content: center;
  padding: 0.55rem 1.15rem;
  border: 1px solid var(--cinora-color-ink);
  border-radius: var(--cinora-radius-pill);
  background: var(--cinora-color-ink);
  color: var(--cinora-color-background);
  font-size: 0.86rem;
  font-weight: 700;
  text-decoration: none;
  transition: background-color var(--cinora-transition), color var(--cinora-transition), transform var(--cinora-transition);
}

.site-header__action:hover { transform: translateY(-1px); background: transparent; color: var(--cinora-color-ink); }
.site-header__menu-toggle { display: none; }
.social-links { display: flex; flex: 0 0 auto; align-items: center; gap: 0.35rem; }
.social-links__link { display: grid; width: 2.15rem; height: 2.15rem; place-items: center; border: 1px solid color-mix(in srgb, currentColor 20%, transparent); border-radius: 50%; color: var(--cinora-color-ink); transition: color var(--cinora-transition), background-color var(--cinora-transition), transform var(--cinora-transition); }
.social-links__link:hover { transform: translateY(-2px); background: var(--cinora-color-ink); color: var(--cinora-color-background); }
.social-links__link svg { width: 1rem; height: 1rem; fill: currentColor; }
.social-links__link--instagram svg { fill: none; stroke: currentColor; stroke-width: 1.8; }
.social-links__link--instagram svg path { fill: none; }
.social-links__link--whatsapp { color: #3d8059; }
.site-header__menu-icon { display: grid; width: 1.2rem; gap: 0.23rem; }
.site-header__menu-icon i { display: block; width: 100%; height: 1.5px; border-radius: 2px; background: currentColor; transition: transform var(--cinora-transition), opacity var(--cinora-transition); }
.site-header__menu-toggle[aria-expanded="true"] .site-header__menu-icon i:first-child { transform: translateY(0.34rem) rotate(45deg); }
.site-header__menu-toggle[aria-expanded="true"] .site-header__menu-icon i:nth-child(2) { opacity: 0; }
.site-header__menu-toggle[aria-expanded="true"] .site-header__menu-icon i:last-child { transform: translateY(-0.34rem) rotate(-45deg); }
.primary-navigation { display: flex; align-items: center; gap: clamp(1rem, 2vw, 2rem); }
.primary-navigation a:hover { color: var(--cinora-color-accent); }
.primary-navigation__products { display: none; }
.section-space { padding-block: clamp(4.75rem, 9vw, 8.25rem); }

.home-hero { position: relative; min-height: clamp(40rem, calc(100svh - 5rem), 54rem); overflow: hidden; isolation: isolate; background: var(--cinora-color-ink); color: var(--cinora-color-background); }
.home-hero__carousel { position: absolute; inset: 0; overflow: hidden; background: var(--cinora-color-ink); }
.home-hero__slide { position: absolute; inset: 0; display: flex; align-items: center; visibility: hidden; opacity: 0; transition: opacity 850ms ease, visibility 850ms; }
.home-hero__slide.is-active { z-index: 1; visibility: visible; opacity: 1; }
.home-hero__slide-image, .home-hero__slide-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.home-hero__slide-image { object-fit: cover; object-position: center 52%; }
.home-hero__slide:nth-of-type(2) .home-hero__slide-image { object-position: center 56%; }
.home-hero__slide-shade { background: linear-gradient(90deg, rgb(49 29 20 / 91%) 0%, rgb(55 33 23 / 78%) 31%, rgb(55 33 23 / 48%) 54%, rgb(55 33 23 / 8%) 100%), linear-gradient(0deg, rgb(39 23 16 / 32%), transparent 38%); }
.home-hero__slide-inner { position: relative; z-index: 1; display: flex; align-items: center; min-height: inherit; padding-block: clamp(7rem, 12vh, 10rem) 9rem; }
.home-hero__copy { width: min(100%, 43rem); }
.eyebrow__dot { display: inline-block; width: 0.5rem; height: 0.5rem; margin-inline-end: 0.45rem; border-radius: 50%; background: var(--cinora-color-accent); vertical-align: 0.06em; }

.home-hero h1,
.home-hero h2,
.section-heading h2,
.order-section h2 {
  margin: 0;
  font-family: var(--wp--preset--font-family--display);
  font-size: clamp(3.5rem, 7.2vw, 7rem);
  font-weight: 400;
  letter-spacing: -0.055em;
  line-height: 0.96;
}

.home-hero h1, .home-hero h2 { color: var(--cinora-color-background); }

.home-hero h1 em,
.home-hero h2 em,
.section-heading h2 em,
.order-section h2 em { color: var(--cinora-color-accent); font-weight: 400; }
.home-hero .eyebrow { margin-bottom: 1.35rem; color: var(--wp--preset--color--warm-beige); }
.home-hero h1 em, .home-hero h2 em { color: var(--wp--preset--color--warm-beige); }
.home-hero__lead { max-width: 34rem; margin: 1.4rem 0 0; color: color-mix(in srgb, var(--cinora-color-background) 88%, transparent); font-size: clamp(1.05rem, 1.45vw, 1.22rem); line-height: 1.75; }
.home-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem; margin-top: 2rem; }

.button {
  display: inline-flex;
  min-height: 3.25rem;
  align-items: center;
  justify-content: center;
  gap: 1.1rem;
  padding: 0.7rem 1.35rem;
  border: 1px solid var(--cinora-color-ink);
  border-radius: var(--cinora-radius-pill);
  font-size: 0.95rem;
  font-weight: 700;
  text-decoration: none;
  transition: background-color var(--cinora-transition), color var(--cinora-transition), transform var(--cinora-transition);
}

.button--primary { border-color: var(--cinora-color-background); background: var(--cinora-color-background); color: var(--cinora-color-ink); }
.button--primary:hover { transform: translateY(-2px); background: transparent; color: var(--cinora-color-background); }
.home-hero .text-link { color: var(--cinora-color-background); font-size: 0.93rem; font-weight: 700; text-decoration: none; }
.home-hero .text-link span { margin-inline-start: 0.35rem; color: var(--wp--preset--color--warm-beige); }
.home-hero__disclaimer { margin: 1.15rem 0 0; color: color-mix(in srgb, var(--cinora-color-background) 72%, transparent); font-size: 0.72rem; }
.home-hero__carousel-controls { position: absolute; z-index: 3; right: max(var(--cinora-gutter), calc((100vw - var(--cinora-container)) / 2)); bottom: 1.4rem; display: flex; align-items: center; justify-content: space-between; gap: 0.35rem; width: max-content; max-width: calc(100% - 2rem); padding: 0.3rem; border: 1px solid rgb(255 250 240 / 60%); border-radius: var(--cinora-radius-pill); background: rgb(255 250 240 / 94%); box-shadow: 0 0.35rem 1.3rem rgb(48 30 18 / 20%); }
.home-hero__carousel-controls button { display: grid; width: 2.65rem; min-width: 2.65rem; height: 2.65rem; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--cinora-color-ink); cursor: pointer; font: inherit; font-size: 1.05rem; }
.home-hero__carousel-controls button:hover, .home-hero__carousel-controls button[aria-pressed="true"] { background: var(--cinora-color-ink); color: var(--cinora-color-background); }
.home-hero__carousel-toggle[hidden] { display: none; }
.home-hero__carousel-picks { display: flex; align-items: center; gap: 0.15rem; }
.home-hero__carousel-picks button { width: 2rem; min-width: 2rem; height: 2rem; font-size: 0.68rem; font-weight: 750; }
.home-hero__carousel-picks button[aria-pressed="true"] { background: var(--cinora-color-ink); color: var(--cinora-color-background); }
.home-hero__schedule { position: absolute; z-index: 3; bottom: 2.1rem; left: 50%; display: flex; width: min(calc(100% - (2 * var(--cinora-gutter))), var(--cinora-container)); align-items: center; gap: 0.7rem; margin: 0; color: color-mix(in srgb, var(--cinora-color-background) 84%, transparent); font-size: 0.75rem; transform: translateX(-50%); }
.home-hero__schedule span { display: grid; width: 2.3rem; height: 2.3rem; flex: 0 0 auto; place-items: center; border: 1px solid rgb(255 250 240 / 55%); border-radius: 50%; color: var(--cinora-color-background); font-family: var(--wp--preset--font-family--display); font-size: 1rem; }
.home-hero__schedule i { color: var(--wp--preset--color--warm-beige); font-style: normal; }

.home-products { background: var(--cinora-color-surface); }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2.4rem; }
.section-heading .eyebrow { margin-bottom: 0.85rem; }
.section-heading h2, .order-section h2 { font-size: clamp(2.75rem, 5vw, 4.65rem); }
.section-heading__aside { max-width: 19rem; margin: 0 0 0.15rem; color: color-mix(in srgb, var(--cinora-color-ink) 76%, transparent); font-size: 0.9rem; }
.product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(1rem, 2.1vw, 1.75rem); align-items: start; }
.product-card { min-width: 0; }
.product-card--brownie { margin-top: 2.25rem; }
.product-card--cookies { margin-top: 4.5rem; }
.product-card__image { position: relative; aspect-ratio: 0.86; overflow: hidden; margin: 0; border-radius: 8rem 8rem 0.9rem 0.9rem; background: var(--cinora-color-surface-warm); }
.product-card--brownie .product-card__image { border-radius: 8rem 0.9rem 8rem 0.9rem; }
.product-card--cookies .product-card__image { border-radius: 0.9rem 8rem 0.9rem 8rem; }
.product-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms cubic-bezier(.2,.7,.2,1); }
.product-card:hover .product-card__image img { transform: scale(1.035); }
.product-card__caption { padding-top: 1rem; }
.product-card__number { display: block; margin-bottom: 0.35rem; color: var(--cinora-color-accent); font-size: 0.62rem; font-weight: 750; letter-spacing: 0.12em; }
.product-card__title-row { display: flex; align-items: center; justify-content: space-between; gap: 0.7rem; }
.product-card__title-row h3 { margin: 0; font-family: var(--wp--preset--font-family--display); font-size: clamp(1.45rem, 2vw, 2rem); font-weight: 400; line-height: 1.08; }
.product-card__action { display: grid; width: 2.55rem; height: 2.55rem; flex: 0 0 auto; place-items: center; border-radius: 50%; background: var(--cinora-color-accent); color: var(--cinora-color-ink); font-size: 1.1rem; text-decoration: none; transition: background-color var(--cinora-transition), color var(--cinora-transition), transform var(--cinora-transition); }
.product-card__action:hover { transform: translateX(0.15rem); background: var(--cinora-color-ink); color: var(--cinora-color-background); }
.product-card__action:focus-visible { box-shadow: var(--cinora-focus-ring); }
.product-card__caption p { margin: 0.35rem 0 0; color: color-mix(in srgb, var(--cinora-color-ink) 76%, transparent); font-size: 0.85rem; }
.concept-disclaimer { margin: 2rem 0 0; color: color-mix(in srgb, var(--cinora-color-ink) 68%, transparent); font-size: 0.76rem; text-align: center; }

.order-section { position: relative; overflow: hidden; background: var(--cinora-color-ink); color: var(--cinora-color-background); }
.order-section__grid { display: grid; grid-template-columns: 0.88fr 1.12fr; column-gap: clamp(3rem, 8vw, 8rem); row-gap: 1.5rem; }
.order-section .eyebrow { color: var(--cinora-color-accent); }
.order-section h2, .order-steps h3 { color: var(--cinora-color-background); }
.order-section h2 em { color: var(--wp--preset--color--warm-beige); }
.order-section__intro > p:last-child { max-width: 27rem; margin: 1.4rem 0 0; color: color-mix(in srgb, var(--cinora-color-background) 75%, transparent); font-size: 0.95rem; }
.order-steps { padding: 0; margin: 0; list-style: none; }
.order-steps li { display: grid; grid-template-columns: 2.4rem 1fr 2.4rem; align-items: start; gap: 1.15rem; padding-block: 1.25rem; border-bottom: 1px solid color-mix(in srgb, var(--cinora-color-background) 24%, transparent); }
.order-steps li:first-child { padding-top: 0; }
.order-steps__index { padding-top: 0.35rem; color: var(--wp--preset--color--warm-beige); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; }
.order-steps h3 { margin: 0; font-family: var(--wp--preset--font-family--display); font-size: 1.45rem; font-weight: 400; }
.order-steps p { margin: 0.35rem 0 0; color: color-mix(in srgb, var(--cinora-color-background) 74%, transparent); font-size: 0.85rem; }
.order-steps__icon { color: var(--wp--preset--color--warm-beige); font-size: 1.35rem; text-align: right; }
.order-status { grid-column: 2; margin: 0; color: var(--wp--preset--color--warm-beige); font-size: 0.78rem; font-weight: 650; }

.home-closing { padding-block: clamp(3rem, 7vw, 5.5rem); background: var(--cinora-color-background); text-align: center; }
.home-closing__ornament { color: var(--cinora-color-accent); font-size: 1.5rem; }
.home-closing p { margin: 0.75rem 0 1.5rem; font-family: var(--wp--preset--font-family--display); font-size: clamp(1.65rem, 3.5vw, 2.5rem); }
.home-closing .site-brand__wordmark { width: clamp(9rem, 22vw, 13rem); margin-inline: auto; }

@media (max-width: 47.99rem) {
  .primary-navigation { display: none; }
  .site-header__inner { position: relative; min-height: 4.5rem; gap: 0.45rem; }
  .site-header .social-links { gap: 0.2rem; }
  .site-header .social-links__link { width: 1.8rem; height: 1.8rem; }
  .site-header .social-links__link svg { width: 0.9rem; height: 0.9rem; }
  body.home .site-header { position: absolute; inset: 0 0 auto; border: 0; background: linear-gradient(180deg, rgb(255 250 240 / 94%), rgb(255 250 240 / 72%) 62%, transparent); }
  .site-header__action { display: none; }
  .site-header__menu-toggle { display: grid; width: 3rem; height: 3rem; flex: 0 0 auto; place-items: center; padding: 0; border: 0; border-radius: 50%; background: var(--cinora-color-ink); color: var(--cinora-color-background); cursor: pointer; transition: transform var(--cinora-transition), background-color var(--cinora-transition); }
  .site-header__menu-toggle:hover { transform: rotate(-5deg); background: var(--cinora-color-accent); color: var(--cinora-color-ink); }
  .site-header .primary-navigation { position: absolute; top: calc(100% - 0.15rem); right: var(--cinora-gutter); left: var(--cinora-gutter); display: none; align-items: stretch; gap: 0; padding: 0.5rem 1rem; border: 1px solid color-mix(in srgb, var(--cinora-color-ink) 14%, transparent); border-radius: 1.25rem; background: var(--cinora-color-surface); box-shadow: 0 1rem 2rem rgb(48 30 18 / 14%); }
  .site-header.is-menu-open .primary-navigation { display: flex; flex-direction: column; }
  .primary-navigation > a, .primary-navigation__list a { display: block; padding: 0.85rem 0.25rem; border-bottom: 1px solid color-mix(in srgb, var(--cinora-color-ink) 13%, transparent); }
  .primary-navigation > a:last-child, .primary-navigation__list li:last-child a { border-bottom: 0; }
  .home-hero { min-height: max(43rem, 100svh); }
  .home-hero__slide { align-items: flex-end; }
  .home-hero__slide-inner { min-height: max(43rem, 100svh); align-items: flex-end; padding-top: 8rem; padding-bottom: 10rem; }
  .home-hero__slide-shade { background: linear-gradient(90deg, rgb(49 29 20 / 82%) 0%, rgb(55 33 23 / 60%) 48%, rgb(55 33 23 / 12%) 100%), linear-gradient(0deg, rgb(39 23 16 / 88%) 0%, rgb(39 23 16 / 58%) 38%, transparent 77%); }
  .home-hero__slide-image { object-position: 62% center; }
  .home-hero h1, .home-hero h2 { max-width: 10ch; font-size: clamp(3rem, 11.8vw, 4.45rem); }
  .home-hero__lead { max-width: 27rem; margin-top: 1.1rem; font-size: 0.98rem; line-height: 1.55; }
  .home-hero__actions { gap: 0.85rem; margin-top: 1.4rem; }
  .home-hero__actions .button { min-height: 3.35rem; padding-inline: 1.25rem; }
  .home-hero__carousel-controls { right: var(--cinora-gutter); bottom: 1.15rem; gap: 0.08rem; padding: 0.2rem; }
  .home-hero__carousel-controls button { width: 2.25rem; min-width: 2.25rem; height: 2.25rem; }
  .home-hero__carousel-picks button { width: 1.7rem; min-width: 1.7rem; height: 1.7rem; }
  .home-hero__schedule { bottom: 5.25rem; gap: 0.55rem; font-size: 0.65rem; line-height: 1.35; }
  .home-hero__schedule span { width: 2rem; height: 2rem; }
  .home-hero__schedule i { display: none; }
  .section-heading { align-items: start; flex-direction: column; gap: 0.9rem; margin-bottom: 1.6rem; }
  .section-heading__aside { max-width: 27rem; }
  .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(0.55rem, 2.5vw, 0.9rem); }
  .home-products .product-grid > .product-card { order: var(--mobile-card-order, 0); }
  .product-card--brownie, .product-card--cookies { margin-top: 0; }
  .product-card__image { aspect-ratio: 0.78; border: 0; }
  .product-card__caption { padding-top: 0.65rem; }
  .product-card__number { min-height: 2.1em; font-size: 0.52rem; letter-spacing: 0.08em; }
  .product-card__title-row { align-items: flex-start; gap: 0.2rem; }
  .product-card__title-row h3 { font-size: clamp(1rem, 4.5vw, 1.35rem); line-height: 1.05; }
  .product-card__action { width: 1.9rem; height: 1.9rem; font-size: 0.85rem; }
  .product-card__caption p { font-size: 0.68rem; line-height: 1.4; }
  .order-section__grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .order-status { grid-column: 1; }
  .site-footer__inner { min-height: 4.5rem; flex-wrap: wrap; justify-content: center; gap: 0.6rem 1.25rem; padding-block: 1rem; }
}

@media (max-width: 22rem) {
  .home-hero h1, .home-hero h2 { font-size: 2.85rem; }
  .site-header .site-brand__wordmark { width: 6.4rem; }
  .site-header .social-links { gap: 0.1rem; }
  .site-header .social-links__link { width: 1.55rem; height: 1.55rem; }
  .site-header .social-links__link svg { width: 0.8rem; height: 0.8rem; }
  .site-header__menu-toggle { width: 2.65rem; height: 2.65rem; }
}

/* Keep the brand bar visible while scrolling, without covering page content. */
.site-header,
body.home .site-header {
  position: sticky;
  inset-block-start: 0;
  inset-inline: 0;
  z-index: 1000;
  border-bottom: 1px solid color-mix(in srgb, var(--cinora-color-ink) 12%, transparent);
  background: color-mix(in srgb, var(--cinora-color-background) 97%, transparent);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

html { scroll-padding-top: 5.0625rem; }

@media (max-width: 47.99rem) {
  html { scroll-padding-top: 4.5625rem; }
}

/* Occasions, product details and social proof */
.occasion-section { margin-inline: clamp(0.5rem, 1.5vw, 1.25rem); overflow: hidden; border-radius: clamp(1.5rem, 4vw, 3rem); background: var(--cinora-color-ink); color: var(--cinora-color-background); }
.occasion-section .eyebrow { color: var(--wp--preset--color--warm-beige); }
.occasion-section .section-heading h2 { color: var(--cinora-color-background); }
.occasion-section .section-heading h2 em { color: var(--wp--preset--color--warm-beige); }
.occasion-section .section-heading__aside { color: color-mix(in srgb, var(--cinora-color-background) 76%, transparent); }
.occasion-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 3.2vw, 2.75rem); }
.occasion-card { position: relative; display: flex; min-width: 0; flex-direction: column; align-items: flex-start; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--cinora-color-background); }
.occasion-card__index { position: relative; z-index: 1; min-height: 2rem; color: var(--wp--preset--color--warm-beige); font-size: 0.65rem; font-weight: 750; letter-spacing: 0.11em; }
.occasion-card__image { position: relative; width: 100%; aspect-ratio: 0.98; overflow: hidden; margin: 0 0 1.15rem; border: 1px solid color-mix(in srgb, var(--wp--preset--color--warm-beige) 52%, transparent); border-radius: 48% 48% 1rem 1rem; background: var(--cinora-color-surface-warm); }
.occasion-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 700ms cubic-bezier(.2,.7,.2,1); }
.occasion-card:hover .occasion-card__image img { transform: scale(1.055); }
.occasion-card h3 { position: relative; z-index: 1; min-height: 2.15em; margin: 0 0 0.55rem; color: var(--cinora-color-background); font-family: var(--wp--preset--font-family--display); font-size: clamp(1.55rem, 2.15vw, 2.1rem); font-weight: 400; line-height: 1.08; }
.occasion-card a { display: inline-flex; min-height: 2.8rem; align-items: center; gap: 0.65rem; margin-top: auto; padding: 0.55rem 1rem; border: 1px solid transparent; border-radius: var(--cinora-radius-pill); background: var(--cinora-color-background); color: var(--cinora-color-ink); font-size: 0.78rem; font-weight: 750; text-decoration: none; transition: background-color var(--cinora-transition), color var(--cinora-transition), transform var(--cinora-transition); }
.occasion-card a:hover { transform: translateY(-2px); background: var(--wp--preset--color--warm-beige); }
.occasion-card a span { color: var(--cinora-color-accent); }
.occasion-card a:focus-visible { box-shadow: 0 0 0 0.2rem var(--cinora-color-ink), 0 0 0 0.4rem var(--cinora-color-background); }


.details-section { background: var(--cinora-color-surface); }
.details-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.details-card { min-height: 13rem; padding: 1.45rem; border: 1px solid color-mix(in srgb, var(--cinora-color-ink) 15%, transparent); border-radius: var(--cinora-radius-small); background: color-mix(in srgb, var(--cinora-color-background) 72%, transparent); }
.details-card__mark { display: inline-block; margin-bottom: 1.5rem; color: var(--cinora-color-accent); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.12em; }
.details-card h3 { margin: 0; font-family: var(--wp--preset--font-family--display); font-size: 1.55rem; font-weight: 400; }
.details-card p { max-width: 23rem; margin: 0.55rem 0 0; color: color-mix(in srgb, var(--cinora-color-ink) 78%, transparent); font-size: 0.86rem; }

.faq-section { background: var(--cinora-color-background); }
.faq-section__grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(2rem, 8vw, 7rem); }
.faq-section__grid > div:first-child > p:last-child { max-width: 25rem; margin: 1.25rem 0 0; color: color-mix(in srgb, var(--cinora-color-ink) 75%, transparent); font-size: 0.9rem; }
.faq-list details { border-bottom: 1px solid color-mix(in srgb, var(--cinora-color-ink) 20%, transparent); }
.faq-list details:first-child { border-top: 1px solid color-mix(in srgb, var(--cinora-color-ink) 20%, transparent); }
.faq-list summary { display: flex; min-height: 4.3rem; align-items: center; justify-content: space-between; gap: 1rem; cursor: pointer; font-family: var(--wp--preset--font-family--display); font-size: clamp(1.12rem, 1.7vw, 1.4rem); list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { color: var(--cinora-color-accent); font-family: var(--wp--preset--font-family--sans); font-size: 1.35rem; transition: transform var(--cinora-transition); }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { max-width: 42rem; margin: -0.15rem 2.5rem 1.25rem 0; color: color-mix(in srgb, var(--cinora-color-ink) 78%, transparent); font-size: 0.88rem; }

.testimonial-section { background: var(--cinora-color-surface-warm); }
.testimonial-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.testimonial-card { min-height: 13.5rem; padding: 1.5rem; border: 1px solid color-mix(in srgb, var(--cinora-color-ink) 16%, transparent); border-radius: var(--cinora-radius-small); background: var(--cinora-color-background); }
.testimonial-card__ornament { color: var(--cinora-color-accent); font-size: 1.2rem; }
.testimonial-card blockquote { margin: 1.1rem 0 1.4rem; font-family: var(--wp--preset--font-family--display); font-size: 1.25rem; line-height: 1.35; }
.testimonial-card p { margin: 0; font-size: 0.77rem; font-weight: 750; }
.testimonial-card p span { color: color-mix(in srgb, var(--cinora-color-ink) 68%, transparent); font-weight: 500; }

.has-scroll-reveal [data-reveal] { opacity: 0; transform: translate3d(0, 1.25rem, 0); transition: opacity 650ms cubic-bezier(.2,.7,.2,1), transform 650ms cubic-bezier(.2,.7,.2,1); transition-delay: var(--reveal-delay, 0ms); }
.has-scroll-reveal [data-reveal].is-visible { opacity: 1; transform: translate3d(0, 0, 0); }

@media (max-width: 60rem) {
  .occasion-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 47.99rem) {
  .occasion-section.section-space { padding-block: 3.5rem; }
  .occasion-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.65rem; }
  .details-grid, .testimonial-grid { grid-template-columns: 1fr; }
  .occasion-card { min-height: 0; }
  .occasion-card__index { min-height: 2.5rem; font-size: 0.48rem; letter-spacing: 0.06em; }
  .occasion-card__image { aspect-ratio: 0.7; margin-bottom: 0.75rem; }
  .occasion-card h3 { min-height: 2.3em; margin-bottom: 0.35rem; font-size: clamp(0.95rem, 4vw, 1.25rem); }
  .occasion-card a { width: 100%; min-height: 2.4rem; justify-content: center; gap: 0.25rem; padding: 0.35rem 0.3rem; font-size: 0.68rem; }
  .details-card { min-height: auto; }
  .details-card__mark { margin-bottom: 0.85rem; }
  .faq-section__grid { grid-template-columns: 1fr; gap: 2rem; }
  .testimonial-card { min-height: 11.5rem; }
}

@media (prefers-reduced-motion: reduce) {
  .has-scroll-reveal [data-reveal] { opacity: 1; transform: none; transition: none; }
  .home-hero__slide { transition: none; }
  .occasion-card__image img { transition: none; }
  .occasion-card:hover .occasion-card__image img { transform: none; }
}

/* Figma direction: editorial product cards and swipeable moments. */
.home-products { background: #fff9f0; }
.home-products .section-heading { margin-bottom: clamp(1.6rem, 3vw, 2.6rem); }
.home-products .eyebrow::after,
.occasion-section .eyebrow::after { content: ""; display: block; width: 1.8rem; height: 2px; margin-top: 0.5rem; background: var(--cinora-color-accent); }
.home-products .section-heading h2 { max-width: 17ch; font-size: clamp(2.7rem, 5vw, 4.6rem); line-height: 0.98; }
.home-products .section-heading h2 em { color: var(--cinora-color-accent); }
.section-heading__intro { max-width: 33rem; margin: 0.7rem 0 0; color: color-mix(in srgb, var(--cinora-color-ink) 79%, transparent); font-size: clamp(0.88rem, 1.35vw, 1rem); }
.home-products .product-grid { gap: clamp(0.75rem, 1.65vw, 1.5rem); align-items: stretch; }
.home-products .product-card { overflow: hidden; margin: 0; padding: 0 0 0.9rem; border: 1px solid color-mix(in srgb, var(--cinora-color-ink) 7%, transparent); border-radius: 1.4rem; background: #f5ecdd; }
.home-products .product-card__image,
.home-products .product-card--brownie .product-card__image,
.home-products .product-card--cookies .product-card__image { aspect-ratio: 282 / 195; border-radius: 1.6rem 1.6rem 0.75rem 0.75rem; }
.home-products .product-card__image img { object-fit: cover; }
.home-products .product-card__caption { padding: 0.85rem 1rem 0; }
.home-products .product-card__number { color: #8e633f; font-size: 0.62rem; }
.home-products .product-card__title-row h3 { font-size: clamp(1.65rem, 2.25vw, 2.2rem); }
.home-products .product-card__action { width: 2.3rem; height: 2.3rem; color: #fff9f0; }
.home-products .product-card__caption p { font-size: 0.85rem; }
.home-products .product-card--seasonal { border-color: rgb(150 98 30 / 38%); background: linear-gradient(155deg, #f6e5b5, #e8bc68); box-shadow: inset 0 0 0 1px rgb(255 246 216 / 44%); }
.home-products .product-card--seasonal .product-card__image { border-radius: 1.6rem 1.6rem 0.75rem 0.75rem; }
.home-products .product-card--seasonal .product-card__number { color: #72431e; }
.home-products .product-card--seasonal .product-card__action { background: #6b3d20; }
.rail-hint { display: none; }
.concept-disclaimer { margin-top: 1rem; font-size: 0.7rem; text-align: left; }
.rail-pagination { display: none; }

.occasion-section { position: relative; margin: 0; border-radius: 0; background: #2e160f; }
.occasion-section::before { content: ""; position: absolute; top: -7rem; right: -5rem; width: 17rem; height: 17rem; border-radius: 50%; background: #47261b; pointer-events: none; }
.occasion-section .occasion-layout { display: grid; grid-template-columns: minmax(16rem, 0.65fr) minmax(0, 1.35fr); gap: clamp(2rem, 4vw, 5rem); align-items: center; }
.occasion-section .section-heading { display: block; margin: 0; }
.occasion-section .section-heading h2 { max-width: 12ch; font-size: clamp(2.8rem, 4vw, 4.3rem); line-height: 1; }
.occasion-section .section-heading h2 em { font-style: normal; color: #fff8eb; }
.occasion-section .section-heading__intro { max-width: 22rem; margin-top: 1.25rem; color: #e7cab0; }
.occasion-section .occasion-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(0.7rem, 1.3vw, 1.25rem); }
.occasion-section .occasion-card { overflow: hidden; padding: 0 0 1.2rem; border-radius: 5.5rem 5.5rem 1.25rem 1.25rem; background: #47261b; }
.occasion-section .occasion-card--celebration { background: #3b1b14; }
.occasion-section .occasion-card--opening { background: #4e2b1d; }
.occasion-section .occasion-card__image { aspect-ratio: 250 / 350; margin: 0 0 1rem; border: 0; border-radius: 5.5rem 5.5rem 1rem 1rem; }
.occasion-section .occasion-card__image img { object-fit: cover; }
.occasion-section .occasion-card__index { min-height: 0; padding-inline: 1rem; color: #e4a65b; font-size: 0.57rem; }
.occasion-section .occasion-card h3 { min-height: 0; margin: 0.35rem 0 0.2rem; padding-inline: 1rem; font-size: clamp(1.45rem, 1.9vw, 2rem); }
.occasion-section .occasion-card a { min-height: 0; gap: 0.3rem; margin: 0.65rem 1rem 0; padding: 0; border: 0; border-radius: 0; background: none; color: #fff8eb; font-size: 0.75rem; }
.occasion-section .occasion-card a:hover { background: none; color: #e4a65b; }
.occasion-section .occasion-card a span { color: #e4a65b; }

.craft-section { background: #f8efe1; }
.craft-section__inner { max-width: 75rem; }
.craft-section h2 { max-width: 16ch; margin: 0.65rem 0 0; font-family: var(--wp--preset--font-family--display); font-size: clamp(2.7rem, 5vw, 4.8rem); font-weight: 400; letter-spacing: -0.055em; line-height: 1; }
.craft-section__lead { max-width: 40rem; margin: 0.9rem 0 1.65rem; color: #7a6253; font-size: clamp(1rem, 1.6vw, 1.2rem); }
.craft-section__note { display: flex; align-items: baseline; gap: 1rem 2rem; max-width: 55rem; padding-top: 1.1rem; border-top: 1px solid #dccab4; font-size: 0.86rem; }
.craft-section__note strong { font-weight: 650; }
.craft-section__note span { color: #816b5b; }

.order-section { background: #efdfca; color: var(--cinora-color-ink); }
.order-section__grid { grid-template-columns: 0.9fr 1.1fr; }
.order-section .eyebrow { color: var(--cinora-color-ink); }
.order-section h2, .order-steps h3 { color: var(--cinora-color-ink); }
.order-section h2 em { color: var(--cinora-color-ink); font-style: normal; }
.order-section__intro > p:last-child { color: #715e51; }
.order-steps li { grid-template-columns: 3.2rem 1fr; align-items: center; gap: 1.1rem; min-height: 5.7rem; border: 0; }
.order-steps__index { display: grid; width: 2.7rem; height: 2.7rem; place-items: center; padding: 0; border-radius: 50%; background: #fff9f0; color: #b57740; font-size: 0.68rem; }
.order-steps h3 { font-size: clamp(1.25rem, 1.7vw, 1.65rem); }
.order-steps p { color: #715e51; }
.order-section__end { grid-column: 2; display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }
.button--dark { border-color: #4b2a1e; background: #4b2a1e; color: #fff9f0; }
.button--dark:hover { transform: translateY(-2px); background: #6c402a; color: #fff9f0; }
.order-status { grid-column: auto; color: #715e51; }

.testimonial-section { background: #fff9f0; }
.testimonial-section .section-heading { margin-bottom: 1.25rem; }
.testimonial-section .section-heading h2 { max-width: 18ch; font-size: clamp(2.7rem, 4.7vw, 4.5rem); }
.testimonial-card { max-width: 43rem; min-height: 0; padding: clamp(1.3rem, 3vw, 2.5rem); border: 0; border-radius: 1.5rem; background: #f6eddd; }
.testimonial-card__ornament { font-family: var(--wp--preset--font-family--display); font-size: 4rem; line-height: 0.6; }
.testimonial-card blockquote { max-width: 29rem; margin: 1.5rem 0 1.75rem; font-size: clamp(1.5rem, 2.2vw, 2.1rem); font-style: italic; }
.testimonial-card p { color: #8d7663; font-size: 0.62rem; letter-spacing: 0.08em; }

.faq-section { background: #f8efe1; }
.faq-section h2 { font-size: clamp(2.7rem, 4.7vw, 4.5rem); }
.faq-section h2 em { color: var(--cinora-color-ink); font-style: normal; }
.faq-list details:first-child { border-top: 0; }
.faq-list summary { min-height: 5.2rem; font-family: var(--wp--preset--font-family--sans); font-size: clamp(0.95rem, 1.35vw, 1.15rem); }
.faq-list summary span { display: grid; width: 2.25rem; height: 2.25rem; flex: 0 0 auto; place-items: center; border-radius: 50%; background: #fff9f0; color: #bb7f42; font-size: 1.25rem; }
.faq-section__note { grid-column: 2; margin: 1rem 0 0; color: #8d7663; font-size: 0.72rem; }

.home-closing { padding-block: clamp(3.5rem, 6vw, 6rem); background: #2e160f; color: #fff9f0; text-align: left; }
.home-closing strong { display: block; font-family: var(--wp--preset--font-family--display); font-size: clamp(3.25rem, 6vw, 5.5rem); font-weight: 400; letter-spacing: -0.065em; line-height: 1; }
.home-closing p { margin: 0.35rem 0 2rem; color: #e2c8af; font-size: clamp(1.1rem, 1.8vw, 1.6rem); font-style: italic; }
.home-closing nav[aria-label="Alt menü"] { display: flex; flex-wrap: wrap; gap: 1rem 2.5rem; padding-block: 1.65rem; border-top: 1px solid #6d4938; }
.home-closing nav[aria-label="Alt menü"] a { font-size: 0.92rem; text-decoration: none; }
.home-closing nav[aria-label="Alt menü"] a:hover { color: #e4a65b; }
.home-closing__location { display: block; margin-top: 1.75rem; color: #e4a65b; font-size: 0.7rem; letter-spacing: 0.12em; }
.site-footer { border-top: 0; background: #2e160f; color: #e2c8af; }
.site-footer__inner { min-height: 3rem; justify-content: space-between; padding-bottom: 1.5rem; }
.site-footer p, .site-footer a { font-size: 0.72rem; }

.home-closing__contact { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 2rem; padding-block: 1.35rem; border-bottom: 1px solid #6d4938; }
.home-closing__contact > a { display: inline-flex; align-items: center; gap: 0.65rem; font-size: 0.9rem; text-decoration: none; }
.home-closing__contact > a svg { width: 1.2rem; height: 1.2rem; fill: #e4a65b; }
.home-closing__contact > a small { color: #c5a690; font-size: 0.67rem; }
.social-links--footer .social-links__link { border-color: #6d4938; color: #fff9f0; }
.social-links--footer .social-links__link:hover { background: #e4a65b; color: #2e160f; }

@media (max-width: 47.99rem) {
  @keyframes cinora-product-rail-nudge {
    0%, 100% { transform: translateX(0); }
    42% { transform: translateX(-18px); }
  }

  .home-products.section-space { padding-block: 3.2rem 1.1rem; }
  .home-products .section-heading { margin-bottom: 1.85rem; }
  .home-products .section-heading h2 { font-size: clamp(2.15rem, 9.5vw, 2.8rem); }
  .home-products .product-grid,
  .occasion-section .occasion-grid,
  .testimonial-grid { display: flex; width: calc(100% + (2 * var(--cinora-gutter))); gap: 0.85rem; overflow-x: auto; overflow-y: hidden; margin-inline: calc(-1 * var(--cinora-gutter)); padding: 0 var(--cinora-gutter) 0.6rem; scroll-snap-type: x mandatory; scroll-padding-inline: var(--cinora-gutter); overscroll-behavior-inline: contain; scrollbar-width: none; }
  .home-products .product-grid::-webkit-scrollbar,
  .occasion-section .occasion-grid::-webkit-scrollbar,
  .testimonial-grid::-webkit-scrollbar { display: none; }
  .home-products .product-card { flex: 0 0 min(72vw, 282px); scroll-snap-align: start; }
  .home-products .product-grid.is-nudge-hint { animation: cinora-product-rail-nudge 650ms ease-in-out 1; }
  .home-products .product-card__caption { padding-inline: 0.85rem; }
  .home-products .product-card__number { min-height: 0; font-size: 0.57rem; }
  .home-products .product-card__title-row h3 { font-size: 1.65rem; }
  .home-products .product-card__action { width: 2rem; height: 2rem; }
  .home-products .product-card__caption p { font-size: 0.76rem; }
  .rail-pagination { display: flex; min-height: 2rem; align-items: center; justify-content: center; gap: 0.55rem; margin-top: 0.2rem; }
  .rail-pagination button { display: grid; width: 1.45rem; height: 1.45rem; place-items: center; padding: 0; border: 0; background: transparent; cursor: pointer; }
  .rail-pagination button::before { width: 0.48rem; height: 0.48rem; border-radius: 50%; background: #cbb8a4; content: ""; transition: transform 180ms ease, background-color 180ms ease; }
  .rail-pagination button[aria-current="true"]::before { transform: scale(1.32); background: #70452f; }
  .rail-hint { display: block; margin: 0.7rem 0 0; font-size: 0.73rem; font-weight: 650; }
  .rail-hint span { margin-inline-start: 0.25rem; color: var(--cinora-color-accent); }
  .concept-disclaimer { margin-top: 0.6rem; }
  .occasion-section.section-space { margin-inline: 0; padding-block: 1.9rem 2rem; border-radius: 0; }
  .occasion-section .occasion-layout { display: block; }
  .occasion-section .section-heading { margin-bottom: 1.75rem; }
  .occasion-section .section-heading h2 { max-width: 11ch; font-size: clamp(2.2rem, 9.5vw, 2.9rem); }
  .occasion-section .section-heading__intro { margin-top: 0.65rem; font-size: 0.82rem; }
  .occasion-section .occasion-card { flex: 0 0 min(56vw, 216px); min-height: 0; border-radius: 4.5rem 4.5rem 1.1rem 1.1rem; scroll-snap-align: start; }
  .occasion-section .rail-pagination button::before { background: #9e7455; }
  .occasion-section .rail-pagination button[aria-current="true"]::before { background: #f3c785; }
  .occasion-section .occasion-card__image { aspect-ratio: 1; margin-bottom: 0.75rem; border-radius: 4.5rem 4.5rem 0.8rem 0.8rem; }
  .occasion-section .occasion-card__image img { object-fit: fill; }
  .occasion-section .occasion-card__index { min-height: 0; padding-inline: 0.8rem; font-size: 0.51rem; letter-spacing: 0.08em; }
  .occasion-section .occasion-card h3 { min-height: 0; margin: 0.25rem 0 0; padding-inline: 0.8rem; font-size: 1.5rem; }
  .occasion-section .occasion-card a { width: auto; min-height: 0; justify-content: flex-start; margin: 0.45rem 0.8rem 0; padding: 0; font-size: 0.67rem; }
  .occasion-hint { color: #e7cab0; }
  .craft-section.section-space { padding-block: 3.25rem 2rem; }
  .craft-section h2 { font-size: 2.5rem; }
  .craft-section__lead { margin-block: 0.45rem 1rem; font-size: 0.92rem; }
  .craft-section__note { display: block; font-size: 0.75rem; }
  .craft-section__note span { display: block; margin-top: 0.15rem; }
  .order-section.section-space { padding-block: 2.5rem 3.25rem; }
  .order-section__grid { display: block; }
  .order-section h2 { max-width: 12ch; font-size: 2.55rem; }
  .order-section__intro > p:last-child { margin-top: 0.55rem; }
  .order-steps { margin-block: 1rem 2rem; }
  .order-steps li { min-height: 6.25rem; padding-block: 0.8rem; }
  .order-steps h3 { font-size: 1.2rem; }
  .order-steps p { font-size: 0.75rem; }
  .order-section__end { display: block; }
  .order-section__end .button { width: min(100%, 18rem); justify-content: space-between; }
  .order-status { margin-top: 0.8rem; }
  .testimonial-section.section-space { padding-block: 3.2rem; }
  .testimonial-section .section-heading h2 { font-size: 2.45rem; }
  .testimonial-grid { margin-top: 1rem; }
  .testimonial-card { flex: 0 0 min(84vw, 22rem); min-height: 16rem; padding: 1.3rem; scroll-snap-align: start; }
  .testimonial-card blockquote { font-size: 1.35rem; }
  .faq-section.section-space { padding-block: 3.2rem; }
  .faq-section h2 { font-size: 2.5rem; }
  .faq-section__grid { display: block; }
  .faq-list { margin-top: 1rem; }
  .faq-list summary { min-height: 4.5rem; font-size: 0.88rem; }
  .faq-section__note { margin-top: 1.3rem; }
  .home-closing { padding-block: 3rem 1rem; }
  .home-closing strong { font-size: 3.7rem; }
  .home-closing p { margin-bottom: 1.3rem; font-size: 1.2rem; }
  .home-closing nav[aria-label="Alt menü"] { display: flex; flex-direction: column; gap: 0.75rem; }
  .home-closing__contact { align-items: flex-start; flex-direction: column; }
  .home-closing__contact > a { flex-wrap: wrap; }
  .home-closing__contact > a small { flex-basis: 100%; margin-inline-start: 1.85rem; }
  .home-closing__location { margin-top: 1.3rem; }
  .site-footer__inner { justify-content: space-between; padding-block: 1rem 1.3rem; }
}

/* Shared responsive header: editorial desktop row, compact single-row mobile. */
.site-header,
body.home .site-header {
  position: sticky;
  inset-block-start: 0;
  z-index: 1000;
  border-bottom: 1px solid color-mix(in srgb, var(--cinora-color-ink) 13%, transparent);
  background: color-mix(in srgb, var(--cinora-color-background) 98%, transparent);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.site-header__inner {
  position: relative;
  min-height: 5.25rem;
  gap: clamp(0.8rem, 1.8vw, 1.65rem);
}

.site-brand__wordmark { width: clamp(9rem, 15vw, 11rem); }

.primary-navigation {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  justify-content: center;
  gap: clamp(1.15rem, 2.8vw, 2.6rem);
  margin-inline: auto;
  white-space: nowrap;
}

.primary-navigation > a {
  color: var(--cinora-color-ink);
  font-size: 0.94rem;
  font-weight: 650;
  text-decoration: none;
  transition: color var(--cinora-transition);
}

.primary-navigation > a:hover { color: var(--cinora-color-accent); }
.social-links--mobile-menu { display: none; }
.site-header .social-links--header { gap: 0.45rem; }
.site-header .social-links--header .social-links__link { width: 2.45rem; height: 2.45rem; }
.site-header .social-links--header .social-links__link svg { width: 1.08rem; height: 1.08rem; }

.site-header__order {
  min-height: 3.25rem;
  gap: 0.62rem;
  padding: 0.3rem 0.45rem 0.3rem 1.05rem;
  border: 0;
  background: var(--cinora-color-ink);
  color: var(--cinora-color-background);
  font-size: 0.88rem;
  transition: transform var(--cinora-transition), background-color var(--cinora-transition);
}

.site-header__order:hover { transform: translateY(-1px); background: #57331f; color: var(--cinora-color-background); }
.site-header__order-icon { width: 1.35rem; height: 1.35rem; font-size: 1.35rem; }
.site-header__order-count { min-width: 2rem; height: 2rem; background: var(--cinora-color-accent); color: var(--cinora-color-ink); font-size: 0.78rem; }
.site-header__menu-toggle { display: none; }

@media (max-width: 76rem) {
  .site-header__inner { min-height: 4.5rem; gap: 0.55rem; }
  .site-brand__wordmark { width: clamp(7.35rem, 29vw, 9rem); }

  .site-header .social-links--header {
    display: flex;
    flex: 0 0 auto;
    gap: 0;
    margin-inline-start: auto;
  }

  .site-header .social-links--header .social-links__link:not(.social-links__link--whatsapp) { display: none; }
  .site-header .social-links--header .social-links__link--whatsapp { width: 2.5rem; height: 2.5rem; }
  .site-header .social-links--header .social-links__link--whatsapp svg { width: 1.15rem; height: 1.15rem; }

  .site-header__order {
    position: relative;
    display: inline-flex;
    width: 2.85rem;
    min-width: 2.85rem;
    min-height: 2.85rem;
    justify-content: center;
    gap: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
  }

  .site-header__order-label { display: none; }
  .site-header__order-icon { width: 1.3rem; height: 1.3rem; font-size: 1.3rem; }
  .site-header__order-count { position: absolute; inset-block-start: -0.12rem; inset-inline-end: -0.12rem; min-width: 1.2rem; height: 1.2rem; padding: 0 0.18rem; font-size: 0.64rem; }

  .site-header__menu-toggle {
    display: grid;
    width: 2.85rem;
    height: 2.85rem;
    flex: 0 0 auto;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--cinora-color-ink);
    color: var(--cinora-color-background);
    cursor: pointer;
    transition: background-color var(--cinora-transition), color var(--cinora-transition);
  }

  .site-header__menu-toggle:hover { background: var(--cinora-color-accent); color: var(--cinora-color-ink); }

  .site-header .primary-navigation {
    position: absolute;
    inset-block-start: calc(100% + 0.35rem);
    inset-inline: 0;
    display: none;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    padding: 0.55rem 1rem;
    margin: 0;
    border: 1px solid color-mix(in srgb, var(--cinora-color-ink) 14%, transparent);
    border-radius: 1.15rem;
    background: var(--cinora-color-surface);
    box-shadow: 0 1rem 2rem rgb(48 30 18 / 14%);
    white-space: normal;
  }

  .site-header.is-menu-open .primary-navigation { display: flex; flex-direction: column; }
  .site-header .primary-navigation > a { display: block; padding: 0.8rem 0.15rem; border-bottom: 1px solid color-mix(in srgb, var(--cinora-color-ink) 12%, transparent); }
  .site-header .social-links--mobile-menu { display: flex; gap: 0.55rem; padding-top: 0.8rem; margin-top: 0.35rem; border-top: 1px solid color-mix(in srgb, var(--cinora-color-ink) 13%, transparent); }
  .site-header .social-links--mobile-menu .social-links__link { width: 2.5rem; height: 2.5rem; }
}

/* Clear, grouped footer navigation shared across the site. */
.site-footer { padding-block: 2rem 1.1rem; background: #2e160f; color: #e2c8af; }
.site-footer__inner { display: block; min-height: 0; padding-bottom: 0; }
.site-footer__directory { display: grid; grid-template-columns: minmax(9rem, 0.8fr) minmax(10rem, 0.85fr) minmax(20rem, 1.7fr); gap: clamp(1.5rem, 4vw, 4rem); }
.site-footer__group h2 { margin: 0 0 0.75rem; color: #e4a65b; font-size: 0.65rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; }
.site-footer__navigation { display: grid; gap: 0.4rem 1.25rem; }
.site-footer__navigation a { width: fit-content; color: #e2c8af; font-size: 0.78rem; line-height: 1.45; text-decoration: none; text-underline-offset: 0.2em; }
.site-footer__navigation a:hover { color: #fff9f0; text-decoration: underline; }
.site-footer__navigation--legal { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.site-footer__bottom { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: 1rem; margin-top: 1.5rem; border-top: 1px solid #6d4938; }
.site-footer__bottom p, .site-footer__bottom a { color: #e2c8af; font-size: 0.72rem; }
.site-footer__bottom a { text-underline-offset: 0.2em; }
.site-footer__drafts { margin-top: 1rem; color: #e2c8af; }
.site-footer__drafts summary { display: inline-flex; min-height: 2.2rem; align-items: center; gap: 0.45rem; padding: 0.35rem 0.65rem; border: 1px solid #6d4938; border-radius: 999px; cursor: pointer; font-size: 0.74rem; list-style: none; }
.site-footer__drafts summary::-webkit-details-marker { display: none; }
.site-footer__drafts summary span { color: #e4a65b; }
.site-footer__drafts-list { display: grid; width: fit-content; min-width: 14rem; gap: 0.35rem; padding: 0.6rem; margin-top: 0.5rem; border: 1px solid #6d4938; border-radius: 0.8rem; }
.site-footer__drafts-list a { color: #e2c8af; font-size: 0.78rem; }

@media (max-width: 64rem) {
  .site-footer__directory { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.6rem 2rem; }
  .site-footer__group--legal { grid-column: 1 / -1; }
}

@media (max-width: 47.99rem) {
  .site-footer__directory { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 1rem; }
  .site-footer__group--legal { grid-column: 1 / -1; }
  .site-footer__navigation--legal { gap: 0.5rem 1rem; }
  .site-footer__bottom { align-items: flex-start; flex-direction: column; gap: 0.45rem; padding-top: 0.85rem; margin-top: 1.1rem; }
  .site-footer__bottom p { font-size: 0.7rem; }
}

@media (max-width: 22rem) {
  .site-header__inner { gap: 0.3rem; }
  .site-brand__wordmark { width: 6.5rem; }
  .site-header .social-links--header .social-links__link--whatsapp { width: 2.25rem; height: 2.25rem; }
  .site-header__order { width: 2.5rem; min-width: 2.5rem; min-height: 2.5rem; }
  .site-header__menu-toggle { width: 2.55rem; height: 2.55rem; }
}
.bulk-invite { padding-block: clamp(1.6rem, 3.2vw, 2.8rem); background: var(--cinora-color-background); }
.bulk-invite__inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1.15rem 2.5rem; padding: clamp(1.5rem, 3.2vw, 2.7rem) clamp(1.4rem, 4vw, 3.8rem) 1rem; border-radius: 1rem; background: color-mix(in srgb, var(--cinora-color-accent) 78%, var(--cinora-color-ink)); color: var(--cinora-color-background); }
.bulk-invite__copy { max-width: 53rem; }
.bulk-invite .eyebrow { margin: 0 0 0.55rem; color: color-mix(in srgb, var(--cinora-color-background) 82%, var(--cinora-color-accent)); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.15em; }
.bulk-invite h2 { max-width: 15ch; margin: 0; color: var(--cinora-color-background); font-family: var(--wp--preset--font-family--display); font-size: clamp(2rem, 3.6vw, 3.15rem); font-weight: 400; letter-spacing: -0.035em; line-height: 1.05; }
.bulk-invite__copy > p:last-child { max-width: 42rem; margin: 0.7rem 0 0; color: color-mix(in srgb, var(--cinora-color-background) 90%, transparent); font-size: 0.94rem; line-height: 1.55; }
.bulk-invite__link { display: inline-flex; min-width: 16rem; min-height: 3.6rem; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.8rem 1.3rem; border: 1px solid color-mix(in srgb, var(--cinora-color-background) 24%, transparent); border-radius: var(--cinora-radius-pill); background: var(--cinora-color-ink); color: var(--cinora-color-background); font-size: 0.86rem; font-weight: 750; text-decoration: none; transition: transform var(--cinora-transition), background-color var(--cinora-transition), border-color var(--cinora-transition); }
.bulk-invite__link span { color: var(--cinora-color-accent); font-size: 1.15rem; }
.bulk-invite__link:hover { transform: translateY(-2px); border-color: var(--cinora-color-ink); background: var(--cinora-color-background); color: var(--cinora-color-ink); }
.bulk-invite__link:hover span { color: var(--cinora-color-ink); }
.bulk-invite__link:focus-visible { outline: none; box-shadow: var(--cinora-focus-ring); }
.bulk-invite__audience { grid-column: 1 / -1; margin: 0; padding-top: 0.85rem; border-top: 1px solid color-mix(in srgb, var(--cinora-color-background) 28%, transparent); color: color-mix(in srgb, var(--cinora-color-background) 88%, transparent); font-size: 0.74rem; letter-spacing: 0.035em; }
.bulk-invite__audience span { padding-inline: 0.45rem; color: var(--cinora-color-background); opacity: 0.68; }
@media (max-width: 47.99rem) {
  .bulk-invite { padding-block: 1.2rem; }
  .bulk-invite__inner { grid-template-columns: minmax(0, 1fr); gap: 1rem; padding: 1.4rem 1.15rem 0.9rem; border-radius: 0.85rem; }
  .bulk-invite h2 { max-width: 13ch; font-size: clamp(2rem, 9vw, 2.65rem); }
  .bulk-invite__copy > p:last-child { margin-top: 0.55rem; font-size: 0.88rem; }
  .bulk-invite__link { width: 100%; min-width: 0; min-height: 3.35rem; }
  .bulk-invite__audience { line-height: 1.8; }
  .bulk-invite__audience span { padding-inline: 0.2rem; }
}
@media (prefers-reduced-motion: reduce) { .bulk-invite__link { transition: none; } }

/* Main navigation contact action: one high-contrast WhatsApp destination. */
.header-whatsapp-button { display: inline-flex; min-height: 2.65rem; flex: 0 0 auto; align-items: center; justify-content: center; gap: 0.48rem; padding: 0.4rem 0.95rem; border: 1px solid #168b55; border-radius: 999px; background: #168b55; color: #fff; font-size: 0.86rem; font-weight: 800; line-height: 1; text-decoration: none; white-space: nowrap; transition: transform var(--cinora-transition), background-color var(--cinora-transition), box-shadow var(--cinora-transition); }
.header-whatsapp-button svg { width: 1.15rem; height: 1.15rem; flex: 0 0 auto; fill: currentColor; }
.header-whatsapp-button:hover { transform: translateY(-1px); background: #107247; color: #fff; box-shadow: 0 0.35rem 0.85rem rgb(22 139 85 / 22%); }
.header-whatsapp-button:focus-visible { outline: 3px solid #7ac59e; outline-offset: 3px; }
.site-header .social-links--header { display: none !important; }
.site-header .social-links--mobile-menu { display: none !important; }
@media (max-width: 76rem) {
  .header-whatsapp-button { min-height: 2.55rem; gap: 0.35rem; padding-inline: 0.72rem; font-size: 0.78rem; }
  .site-header .primary-navigation { margin-inline: 0; }
}
@media (max-width: 22rem) {
  .header-whatsapp-button { min-height: 2.2rem; gap: 0.22rem; padding-inline: 0.46rem; font-size: 0.68rem; }
  .header-whatsapp-button svg { width: 0.96rem; height: 0.96rem; }
}

/* Seasonal limited-time concept product: gold identity, separate from core catalog. */
.seasonal-feature { padding-block: clamp(1.3rem, 2.6vw, 2.3rem); background: #f4e5c5; }
.seasonal-feature__inner { display: grid; min-height: 17rem; grid-template-columns: minmax(0, 0.88fr) minmax(20rem, 1.12fr); align-items: center; gap: clamp(1.4rem, 4vw, 3.8rem); padding: clamp(1.25rem, 3.3vw, 2.7rem); border: 1px solid rgb(128 86 34 / 18%); border-radius: 1.3rem; background: linear-gradient(120deg, #f0d49c 0%, #dfb16c 51%, #f6e7c7 100%); box-shadow: 0 0.7rem 2.2rem rgb(87 55 26 / 8%); }
.seasonal-feature__copy .eyebrow { margin: 0 0 0.55rem; color: #744421; font-size: 0.67rem; font-weight: 850; letter-spacing: 0.16em; }
.seasonal-feature__copy h2 { margin: 0; color: #492919; font-family: var(--wp--preset--font-family--display); font-size: clamp(2.4rem, 4.4vw, 4.1rem); font-weight: 400; letter-spacing: -0.055em; line-height: 0.98; }
.seasonal-feature__copy h2 em { color: #9c5b20; font-weight: 400; }
.seasonal-feature__copy > p:not(.eyebrow) { max-width: 34rem; margin: 0.65rem 0 0; color: #583923; font-size: 0.9rem; line-height: 1.6; }
.seasonal-feature__button { display: inline-flex; min-height: 3rem; align-items: center; gap: 1rem; padding: 0.65rem 1.1rem; margin-top: 1rem; border-radius: 999px; background: #482719; color: #fff9f0; font-size: 0.8rem; font-weight: 800; text-decoration: none; transition: transform var(--cinora-transition), background-color var(--cinora-transition); }
.seasonal-feature__button:hover { transform: translateY(-2px); background: #684127; color: #fff9f0; }
.seasonal-feature__button:focus-visible { outline: 3px solid #fff9f0; outline-offset: 3px; }
.seasonal-feature__art { position: relative; min-width: 0; margin: 0; }
.seasonal-feature__art img { display: block; width: 100%; height: clamp(13rem, 24vw, 18rem); object-fit: cover; object-position: 76% 54%; border-radius: 0.8rem; }
.seasonal-feature__art figcaption { margin-top: 0.25rem; color: #684f37; font-size: 0.62rem; text-align: right; }
@media (max-width: 47.99rem) {
  .seasonal-feature { padding-block: 1rem; }
  .seasonal-feature__inner { min-height: 0; grid-template-columns: 1fr; gap: 0.3rem; padding: 1.2rem 1.05rem 0.8rem; border-radius: 0.95rem; }
  .seasonal-feature__copy h2 { font-size: clamp(2.35rem, 11vw, 3.2rem); }
  .seasonal-feature__copy > p:not(.eyebrow) { font-size: 0.83rem; }
  .seasonal-feature__button { min-height: 2.8rem; margin-top: 0.75rem; }
  .seasonal-feature__art img { height: 9rem; object-position: 76% 54%; }
  .seasonal-feature__art figcaption { font-size: 0.54rem; }
}
@media (prefers-reduced-motion: reduce) { .header-whatsapp-button, .seasonal-feature__button { transition: none; } }