/* KOUNI home editorial additions — scoped, RTL, light/dark, no checkout code. */
:root { --k-home-outline: var(--line, #dedede); }
.kouni-nav-buy,
.desktop-nav .kouni-nav-buy {
  background: var(--action-bg, #111);
  color: var(--action-ink, #fff);
  padding-inline: 19px;
  min-height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  border: 1px solid var(--action-bg, #111);
  text-decoration: none;
  line-height: 1.3;
  white-space: nowrap;
}
.desktop-nav .kouni-nav-buy:hover,
.desktop-nav .kouni-nav-buy:focus-visible {
  background: var(--background, #fff);
  color: var(--text, #111);
  border-color: var(--text, #111);
}
.nav-row { gap: clamp(12px, 2vw, 27px); }
.kouni-home-added { color: var(--text, #111); scroll-margin-top: 180px; }
.kouni-home-added * { box-sizing: border-box; }
.kouni-home-added .kouni-home-inner { max-width: 1230px; margin: auto; }
.kouni-home-added .kouni-home-kicker {
  display: block; font: 500 11px/1.6 'Playfair Display', Georgia, serif;
  direction: ltr; text-align: right; letter-spacing: .2em; color: var(--muted, #666);
  margin: 0 0 25px;
}
.kouni-home-added h2 {
  font-size: clamp(31px, 4vw, 55px); line-height: 1.35;
  font-weight: 500; letter-spacing: -.025em; color: var(--text, #111);
  max-width: 840px; margin: 0;
}
.kouni-home-added h3 { color: var(--text, #111); font-size: clamp(20px, 2.2vw, 28px); font-weight: 500; line-height: 1.45; }
.kouni-home-added p { color: var(--secondary, #333); line-height: 1.95; }
.kouni-story-section { padding: clamp(75px, 9vw, 138px) 0 clamp(70px, 8vw, 115px); background: var(--background, #fff); }
.kouni-story-lead { font-size: clamp(19px, 2.1vw, 26px); max-width: 850px; margin: 23px 0 48px; }
.kouni-benefit-grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--k-home-outline); border-right: 1px solid var(--k-home-outline);
}
.kouni-benefit-grid article { padding: clamp(23px, 3vw, 42px); border-left: 1px solid var(--k-home-outline); border-bottom: 1px solid var(--k-home-outline); }
.kouni-benefit-number { display: block; font: 500 11px/1.5 Georgia, serif; letter-spacing: .1em; color: var(--muted, #666); margin-bottom: 15px; }
.kouni-benefit-grid h3 { margin: 0 0 10px; }
.kouni-benefit-grid p { margin: 0; font-size: clamp(14px, 1.4vw, 17px); }
.kouni-manifesto {
  margin-top: clamp(55px, 7vw, 92px); padding: clamp(34px, 5vw, 68px) 0;
  border-top: 1px solid var(--k-home-outline); border-bottom: 1px solid var(--k-home-outline);
  font-size: clamp(24px, 3.3vw, 44px); line-height: 1.65; font-weight: 500;
  text-align: center; color: var(--text, #111);
}
.kouni-journey-section { background: var(--surface, #f7f7f6); padding: clamp(75px, 9vw, 124px) 0; }
.kouni-journey-layout { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: clamp(35px, 7vw, 110px); }
.kouni-journey-copy { margin: 22px 0 0; font-size: clamp(16px, 1.65vw, 20px); }
.kouni-journey-items { border-top: 1px solid var(--k-home-outline); }
.kouni-journey-items li {
  list-style: none; display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 16px;
  align-items: baseline; border-bottom: 1px solid var(--k-home-outline);
  padding-block: clamp(17px, 2vw, 26px); font-size: clamp(16px, 1.6vw, 21px); line-height: 1.7;
}
.kouni-journey-items { margin: 0; padding: 0; }
.kouni-journey-items span { direction: ltr; font: 500 12px Georgia, serif; color: var(--muted, #666); }
.kouni-offer-section { padding: clamp(75px, 9vw, 125px) 0; background: var(--background, #fff); }
.kouni-offer-layout { display: grid; grid-template-columns: 1.03fr .97fr; gap: clamp(35px, 6vw, 100px); align-items: center; }
.kouni-offer-text { margin-top: 20px; font-size: clamp(16px, 1.55vw, 19px); max-width: 630px; }
.kouni-offer-card { border: 1px solid var(--k-home-outline); padding: clamp(28px, 4vw, 55px); }
.kouni-offer-card .kouni-mini-label { color: var(--muted, #666); font-size: 13px; margin: 0 0 12px; }
.kouni-offer-price { direction: ltr; text-align: right; color: var(--text, #111); font: 500 clamp(53px, 7vw, 88px)/1.1 Georgia, serif; margin: 3px 0 12px; }
.kouni-offer-card .kouni-price-note { font-size: 13px; line-height: 1.8; margin: 0 0 25px; }
.kouni-home-buy {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 52px; width: 100%; padding: 12px 22px;
  background: var(--action-bg, #111); color: var(--action-ink, #fff) !important;
  border: 1px solid var(--action-bg, #111); text-decoration: none;
  font-size: 15px; font-weight: 600; transition: background .2s, color .2s;
}
.kouni-home-buy:hover, .kouni-home-buy:focus-visible { background: var(--background, #fff); color: var(--text, #111) !important; }
.kouni-home-test-note { padding: 15px 0 0; border-top: 1px solid var(--k-home-outline); font-size: 13px !important; margin: 19px 0 0; }
.kouni-gift-caption { margin-top: 22px; border-right: 2px solid var(--text, #111); padding-right: 18px; }
.kouni-gift-caption strong { font-weight: 600; }
.kouni-faq-section { background: var(--surface, #f7f7f6); padding: clamp(75px, 9vw, 125px) 0; }
.kouni-faq-intro { margin-bottom: clamp(30px, 5vw, 60px); }
.kouni-faq { border-top: 1px solid var(--k-home-outline); }
.kouni-faq details { border-bottom: 1px solid var(--k-home-outline); }
.kouni-faq summary {
  display: flex; justify-content: space-between; align-items: center; gap: 20px;
  cursor: pointer; list-style: none; padding: clamp(19px, 2.5vw, 30px) 0;
  font-size: clamp(17px, 1.8vw, 23px); line-height: 1.6; font-weight: 500; color: var(--text, #111);
}
.kouni-faq summary::-webkit-details-marker { display: none; }
.kouni-faq summary::after { content: '+'; flex: 0 0 26px; font: 300 25px/1 Georgia, serif; text-align: center; }
.kouni-faq details[open] summary::after { content: '−'; }
.kouni-faq details > p { max-width: 900px; padding: 0 0 25px; margin: 0; font-size: clamp(15px, 1.55vw, 19px); }
.kouni-faq-cta { max-width: 380px; margin-top: 43px; }
@media (max-width: 1100px) and (min-width: 761px) {
  .nav-row { gap: 12px; }
  .desktop-nav a { font-size: 11px; }
  .desktop-nav .kouni-nav-buy { padding-inline: 12px; }
}
@media (max-width: 760px) {
  .site-header .mobile-menu a.kouni-nav-buy,
  .site-header .mobile-menu a.kouni-nav-buy:last-child {
    display: flex; width: 100%; justify-content: center; text-align: center;
    margin-top: 15px; border: 1px solid var(--action-bg, #111);
    background: var(--action-bg, #111); color: var(--action-ink, #fff); padding: 14px 20px;
  }
  .kouni-home-added { scroll-margin-top: 90px; }
  .kouni-benefit-grid { grid-template-columns: minmax(0,1fr); }
  .kouni-journey-layout, .kouni-offer-layout { grid-template-columns: minmax(0,1fr); gap: 35px; }
  .kouni-story-lead { margin-bottom: 28px; }
  .kouni-offer-card { width: 100%; }
  .kouni-journey-items li { grid-template-columns: 30px minmax(0,1fr); }
  .kouni-home-added .kouni-home-kicker { margin-bottom: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .kouni-home-added a { transition: none !important; }
}

/* KOUNI HOMEPAGE COMPACT PASS / 2026-10-29
   All selectors are BELOW the opening hero. Hero, masthead and menus unchanged.
   Approx. 30% less section height/padding with readable typography on mobile. */
main > .section:not(.hero) { scroll-margin-top: 98px; }
/* First statement — preserve design but remove unnecessary vertical height. */
main .about-feature-container { min-height: 0; padding-block: clamp(40px, 4.8vw, 70px) clamp(22px, 3vw, 37px); }
main .about-feature-heading { gap: clamp(15px, 2.4vw, 30px); }
main .about-feature .about-feature-brand { font-size: clamp(37px, 4.8vw, 60px); }
main .about-feature-statement { font-size: clamp(23px, 2.8vw, 35px); line-height: 1.45; }
main .about-feature-description { font-size: clamp(16px, 1.65vw, 21px); max-width: 730px; line-height: 1.73; margin-block: clamp(27px, 3.2vw, 44px) clamp(21px, 2.6vw, 34px); }
main .about-feature-action { min-height: 53px; font-size: clamp(15px, 1.45vw, 18px); padding-block: 10px; }
main .about-feature-scroll { margin-top: clamp(27px, 3.3vw, 42px); gap: 8px; }
main .about-feature-scroll-rule { height: 34px; }
/* Philosophy / how it works. */
main .how-editorial-inner { min-height: 0; padding-block: clamp(44px, 5vw, 66px) clamp(21px, 2.8vw, 36px); }
main .section.how-editorial .how-editorial-title { font-size: clamp(26px, 3.05vw, 40px); line-height: 1.45; }
main .how-editorial-copy { margin-top: clamp(27px, 3vw, 40px); gap: clamp(18px, 2.1vw, 27px); max-width: 710px; }
main .how-editorial-copy p { font-size: clamp(16px, 1.55vw, 19px); line-height: 1.78; }
main .how-editorial-scroll { margin-top: clamp(24px, 3vw, 40px); }
main .how-editorial-scroll-rule { height: 35px; }
/* Four benefits already present in the editorial homepage. */
main.section, main .section { box-sizing: border-box; }
main .section.experience-editorial-section { padding-block: clamp(38px, 4.2vw, 55px) clamp(22px, 2.8vw, 37px) !important; }
main .experience-editorial-head { margin-bottom: 16px !important; }
main .experience-editorial-head h2 { font-size: clamp(26px, 3.15vw, 41px) !important; }
main .experience-editorial-row { min-height: 125px !important; grid-template-columns: minmax(0, 1fr) 100px !important; }
main .experience-editorial-side { min-height: 125px !important; }
main .experience-editorial-main { padding-block: 15px !important; }
main .experience-editorial-main h3 { font-size: clamp(18px, 1.85vw, 25px) !important; }
main .experience-editorial-main p { font-size: clamp(14px, 1.2vw, 16px) !important; line-height: 1.7 !important; margin-top: 6px !important; }
main .experience-editorial-number { font-size: clamp(42px, 5.7vw, 71px) !important; }
main .experience-editorial-scroll { margin-top: 16px !important; }
main .experience-scroll-line { height: 30px !important; }
/* New benefits / personalized journey / offer / FAQ. */
main .kouni-home-added h2 { font-size: clamp(26px, 3.05vw, 39px); line-height: 1.34; }
main .kouni-home-added h3 { font-size: clamp(18px, 1.75vw, 22px); }
main .kouni-home-added .kouni-home-kicker { margin-bottom: 17px; }
main .kouni-story-section { padding-block: clamp(50px, 6vw, 91px) clamp(48px, 5.5vw, 76px); }
main .kouni-story-lead { font-size: clamp(17px, 1.75vw, 21px); margin-block: 17px 32px; line-height: 1.75; }
main .kouni-benefit-grid article { padding: clamp(17px, 2.1vw, 30px); }
main .kouni-benefit-number { margin-bottom: 10px; }
main .kouni-benefit-grid p { font-size: clamp(14px, 1.2vw, 16px); line-height: 1.7; }
main .kouni-manifesto { margin-top: clamp(36px, 4.7vw, 64px); padding-block: clamp(26px, 3.5vw, 45px); font-size: clamp(22px, 2.5vw, 33px); line-height: 1.55; }
main .kouni-journey-section, main .kouni-offer-section, main .kouni-faq-section { padding-block: clamp(48px, 6vw, 84px); }
main .kouni-journey-layout { gap: clamp(26px, 4.8vw, 77px); }
main .kouni-journey-copy { margin-top: 17px; font-size: clamp(16px, 1.35vw, 18px); line-height: 1.75; }
main .kouni-journey-items li { padding-block: clamp(13px, 1.45vw, 18px); font-size: clamp(15px, 1.3vw, 18px); line-height: 1.6; }
main .kouni-offer-layout { gap: clamp(28px, 4.3vw, 68px); }
main .kouni-offer-text { font-size: clamp(15px, 1.3vw, 17px); line-height: 1.8; }
main .kouni-offer-card { padding: clamp(22px, 3vw, 39px); }
main .kouni-offer-price { font-size: clamp(44px, 5vw, 65px); }
main .kouni-faq-intro { margin-bottom: clamp(22px, 3vw, 42px); }
main .kouni-faq summary { padding-block: clamp(15px, 1.8vw, 21px); font-size: clamp(16px, 1.45vw, 19px); }
main .kouni-faq details > p { padding-bottom: 18px; font-size: clamp(15px, 1.3vw, 17px); line-height: 1.75; }
main .kouni-faq-cta { margin-top: 28px; }
/* Company and contact: compact text sections, without changing footer/menu. */
main .section#company { padding-block: clamp(38px, 4.3vw, 56px); }
main #company .section-heading h2 { font-size: clamp(28px, 3vw, 42px); }
main #company .section-number { margin-bottom: 18px; }
main .section.contact-section { padding-top: clamp(12px, 1.3vw, 18px); padding-bottom: clamp(30px, 3.5vw, 45px); }
main .contact-card { min-height: 0; }
@media (max-width: 760px) {
  main .about-feature-container { padding-block: 40px 24px; }
  main .about-feature-heading { gap: 17px; }
  main .about-feature .about-feature-brand { font-size: clamp(39px, 11.2vw, 52px); padding-bottom: 13px; }
  main .about-feature-statement { font-size: clamp(22px, 6.15vw, 29px); line-height: 1.5; }
  main .about-feature-description { font-size: clamp(15px, 4vw, 17px); line-height: 1.75; margin-block: 24px 20px; }
  main .about-feature-scroll { margin-top: 24px; }
  main .how-editorial-inner { padding-block: 42px 22px; }
  main .section.how-editorial .how-editorial-title { font-size: clamp(25px, 6.5vw, 32px); }
  main .how-editorial-copy { margin-top: 24px; gap: 20px; }
  main .how-editorial-copy p { font-size: clamp(15px, 4vw, 17px); line-height: 1.73; }
  main .how-editorial-scroll { margin-top: 24px; }
  main .section.experience-editorial-section { padding-block: 40px 24px !important; }
  main .experience-editorial-row { min-height: 112px !important; grid-template-columns: minmax(0, 1fr) 62px !important; }
  main .experience-editorial-side { min-height: 112px !important; }
  main .experience-editorial-main { padding: 14px 10px !important; }
  main .experience-editorial-main h3 { font-size: clamp(17px, 4.5vw, 20px) !important; }
  main .experience-editorial-main p { font-size: 13px !important; line-height: 1.55 !important; }
  main .experience-editorial-number { font-size: clamp(30px, 9vw, 39px) !important; }
  main .kouni-home-added { scroll-margin-top: 76px; }
  main .kouni-home-added h2 { font-size: clamp(25px, 6.5vw, 32px); }
  main .kouni-story-section, main .kouni-journey-section, main .kouni-offer-section, main .kouni-faq-section { padding-block: 42px; }
  main .kouni-story-lead { margin-bottom: 24px; }
  main .kouni-manifesto { margin-top: 33px; padding-block: 23px; }
  main .kouni-journey-layout, main .kouni-offer-layout { gap: 25px; }
  main .kouni-faq-cta { margin-top: 23px; }
  main .section#company { padding-block: 42px; }
  main .section.contact-section { padding-bottom: 32px; }
}


/* KOUNI SCROLL CUES / START / 2026-10-31
   Smaller section-to-section cues, shown on scroll, hidden after 4.5 seconds.
   Applies ONLY after the dedicated homepage JS validates the page structure.
   First hero, header, all section content, checkout and Firebase are untouched. */
html.kouni-scroll-ux-ready a.kouni-scroll-ux-cue {
  gap: 5px !important;
  margin-top: clamp(13px, 1.8vw, 24px) !important;
  margin-bottom: 0 !important;
  min-height: 44px;
  width: fit-content;
  max-width: 100%;
  opacity: 0 !important;
  pointer-events: none;
  transition: opacity .28s ease !important;
  text-decoration: none;
}
html.kouni-scroll-ux-ready a.kouni-scroll-ux-cue.kouni-scroll-added {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  grid-column: 1 / -1;
  justify-self: center;
  margin-inline: auto;
  color: var(--text, #171717) !important;
  direction: ltr;
}
html.kouni-scroll-ux-ready a.kouni-scroll-ux-cue :is(.kouni-scroll-line, .about-feature-scroll-rule, .how-editorial-scroll-rule, .experience-scroll-line) {
  height: 21px !important;
  width: 1px !important;
}
html.kouni-scroll-ux-ready a.kouni-scroll-ux-cue :is(.kouni-scroll-word, .about-feature-scroll-text, .how-editorial-scroll-word, .experience-scroll-label) {
  font-size: 9px !important;
  letter-spacing: .3em !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
}
html.kouni-scroll-ux-ready a.kouni-scroll-ux-cue svg {
  height: 13px !important;
  width: 13px !important;
}
html.kouni-scroll-ux-ready a.kouni-scroll-ux-cue .experience-scroll-arrow {
  font-size: 17px !important;
  line-height: 1 !important;
  transform: none !important;
}
html.kouni-scroll-ux-ready.kouni-scroll-ux-active a.kouni-scroll-ux-cue,
html.kouni-scroll-ux-ready a.kouni-scroll-ux-cue:focus-visible {
  opacity: 1 !important;
  pointer-events: auto;
}
html.kouni-scroll-ux-ready a.kouni-scroll-ux-cue:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
  html.kouni-scroll-ux-ready a.kouni-scroll-ux-cue { transition: none !important; }
}
/* KOUNI SCROLL CUES / END / 2026-10-31 */


/* KOUNI BENEFITS / VERTICAL 01-04 / 2026-10-31 */
/* Only the four "THE CHOICE / WARDROBE / HARMONY / SILHOUETTE" points. */
main .kouni-story-section .kouni-benefit-grid {
  display: block;
  width: min(100%, 900px);
  max-width: 100%;
  grid-template-columns: none;
  border-top: 1px solid var(--k-home-outline);
  border-right: 0;
  border-left: 0;
  direction: rtl;
}
main .kouni-story-section .kouni-benefit-grid > article {
  display: block;
  width: 100%;
  min-width: 0;
  padding: clamp(18px, 2.4vw, 29px) 0;
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--k-home-outline);
  background: transparent;
  text-align: right;
}
main .kouni-story-section .kouni-benefit-grid .kouni-benefit-number {
  display: block;
  width: fit-content;
  margin: 0 0 7px;
  font-size: 11px;
  line-height: 1.5;
  direction: ltr;
  unicode-bidi: isolate;
}
main .kouni-story-section .kouni-benefit-grid h3 {
  margin: 0 0 5px;
}
main .kouni-story-section .kouni-benefit-grid p {
  max-width: 780px;
  margin: 0;
}
@media (max-width: 760px) {
  main .kouni-story-section .kouni-benefit-grid > article {
    padding-block: 17px;
  }
}
/* KOUNI BENEFITS / VERTICAL END / 2026-10-31 */