/* SWISS KRONO prototype — extends the approved manufacturer page system. */
.swiss-krono-page {
  --sk-red: #d13239;
  --sk-red-hot: #ef121d;
  --sk-red-text: #bd1e27;
  --sk-black: #171719;
  --sk-warm: #f5f2ed;
}

.swiss-krono-page .hero__image > img { object-position: 58% 51%; }
.swiss-krono-page .hero__image::before {
  background:
    linear-gradient(90deg, rgba(5, 5, 6, .98) 0%, rgba(5, 5, 6, .88) 28%, rgba(5, 5, 6, .38) 57%, rgba(5, 5, 6, .08) 100%),
    linear-gradient(0deg, rgba(5, 5, 6, .58) 0%, transparent 48%);
}
.swiss-krono-page .hero__copy { max-width: 780px; }
.swiss-krono-page .hero__copy h1 { max-width: 770px; font-size: clamp(2.65rem, 4.5vw, 5rem); }
.swiss-krono-page .hero__copy h1 span { color: #fff; text-shadow: 0 0 26px rgba(209, 50, 57, .28); }
.swiss-krono-page .hero__brand-row { align-items: center; gap: 24px; }
.swiss-krono-page .swiss-krono-logo,
.swiss-krono-page .swiss-krono-closing__brand {
  display: inline-flex;
  width: clamp(190px, 15vw, 252px);
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 11px 32px rgba(0,0,0,.3);
}
.swiss-krono-page .swiss-krono-logo img,
.swiss-krono-page .swiss-krono-closing__brand img { display: block; width: 100%; height: auto; }

.swiss-krono-page .brand-switch {
  display: grid;
  margin: 0 0 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  padding: 7px;
  border: 1px solid rgba(30, 28, 27, .12);
  border-radius: 24px;
  background: linear-gradient(180deg, #eeece9, #f7f5f2);
  box-shadow: inset 0 1px 2px rgba(28,24,22,.055), 0 15px 36px rgba(28,24,22,.07);
}
.swiss-krono-page .brand-switch__tab {
  position: relative;
  display: grid;
  min-height: 112px;
  padding: 22px 82px 21px 31px;
  align-content: center;
  gap: 4px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 17px;
  background: rgba(255,255,255,.82);
  color: #1d1b1b;
  text-align: left;
  cursor: pointer;
  transition: color 200ms ease, background 200ms ease, border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}
.swiss-krono-page .brand-switch__tab::before {
  position: absolute;
  inset: 10px auto 10px -1px;
  width: 5px;
  border-radius: 0 5px 5px 0;
  background: var(--sk-red-hot);
  box-shadow: 0 0 7px rgba(239,18,29,.9), 9px 0 24px rgba(209,50,57,.58);
  content: "";
  opacity: .35;
  transition: opacity 200ms ease, box-shadow 200ms ease;
}
.swiss-krono-page .brand-switch__tab::after {
  position: absolute;
  top: 50%;
  right: 27px;
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid rgba(29,27,27,.15);
  border-radius: 50%;
  color: var(--sk-red);
  content: "→";
  font-size: 1rem;
  transform: translateY(-50%);
}
.swiss-krono-page .brand-switch__tab > span,
.swiss-krono-page .brand-switch__tab strong,
.swiss-krono-page .brand-switch__tab small { position: relative; z-index: 1; display: block; }
.swiss-krono-page .brand-switch__tab > span { color: var(--sk-red-text); font-size: .59rem; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.swiss-krono-page .brand-switch__tab strong { font-size: clamp(1.35rem, 2vw, 1.85rem); letter-spacing: .08em; }
.swiss-krono-page .brand-switch__tab small { color: #756e69; font-size: .69rem; }
.swiss-krono-page .brand-switch__tab:hover,
.swiss-krono-page .brand-switch__tab:focus-visible { border-color: rgba(209,50,57,.2); box-shadow: 0 12px 25px rgba(28,24,22,.1); transform: translateY(-1px); }
.swiss-krono-page .brand-switch__tab:focus-visible { outline: 2px solid rgba(209,50,57,.58); outline-offset: 2px; }
.swiss-krono-page .brand-switch__tab.is-active {
  border-color: rgba(255,255,255,.06);
  background: linear-gradient(112deg, #292526 0%, #1a1819 58%, #111 100%);
  color: #fff;
  box-shadow: 0 18px 34px -14px rgba(13,11,12,.72), inset 0 1px 0 rgba(255,255,255,.08), inset -60px 0 80px rgba(209,50,57,.06);
  transform: translateY(-2px);
}
.swiss-krono-page .brand-switch__tab.is-active::before { opacity: 1; box-shadow: 0 0 9px rgba(239,18,29,1), 13px 0 32px rgba(209,50,57,.74); }
.swiss-krono-page .brand-switch__tab.is-active::after {
  border-color: rgba(255,255,255,.14);
  background: radial-gradient(circle at 42% 36%, #ff3a42, #d10f18 62%, #8e0710);
  color: #fff;
  content: "✓";
  font-size: .85rem;
  font-weight: 850;
  box-shadow: 0 0 0 5px rgba(209,50,57,.12), 0 9px 24px rgba(0,0,0,.42), 0 0 22px rgba(209,50,57,.28);
}
.swiss-krono-page .brand-switch__tab.is-active > span { color: #ff646a; }
.swiss-krono-page .brand-switch__tab.is-active small { color: #c8c1be; }

.swiss-krono-page .brand-panel[hidden],
.swiss-krono-page .picker-brand[hidden] { display: none !important; }
.swiss-krono-page .swiss-krono-selector { min-height: 640px; }
.swiss-krono-page .swiss-krono-selector .collection-panel { align-items: stretch; padding-top: 20px; padding-bottom: 20px; }
.swiss-krono-page .swiss-krono-selector .collection-panel__desktop,
.swiss-krono-page .swiss-krono-selector .brand-panel { height: 100%; }
.swiss-krono-page .collection-panel__group > p strong { color: #e2dad3; }
.swiss-krono-page .collection-panel__group > p strong::before { background: var(--sk-red-hot); box-shadow: 0 0 12px rgba(239,18,29,.9); }
.swiss-krono-page .collection-tab.is-active { background: radial-gradient(ellipse 155% 84% at 0 50%, rgba(239,18,29,.3) 0%, rgba(209,50,57,.12) 43%, rgba(209,50,57,0) 77%); }
.swiss-krono-page .decor-gallery { min-height: 640px; background: linear-gradient(135deg,#d2bb95,#8e7050); }
.swiss-krono-page .decor-gallery > picture > img { object-position: center; }
.swiss-krono-page .technical-whisper span::before { content: "✓"; }
.swiss-krono-page .decor-directory__collection li { display: grid; gap: 3px; }
.swiss-krono-page .decor-directory__collection li strong { color: #282425; font-size: .82rem; }
.swiss-krono-page .decor-directory__collection li small { color: #6d6560; font-size: .67rem; }

.swiss-krono-page .swiss-krono-advantages { margin-top: 62px; padding: 58px 0 8px; border-top: 1px solid rgba(32,30,30,.14); color: var(--text); }
.swiss-krono-page .swiss-krono-advantages__header { display: grid; margin-bottom: 38px; grid-template-columns: minmax(0,1fr) minmax(300px,.52fr); align-items: end; gap: 70px; }
.swiss-krono-page .swiss-krono-advantages__header span { display: block; margin-bottom: 12px; color: var(--sk-red-text); font-size: .62rem; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.swiss-krono-page .swiss-krono-advantages__header h3 { max-width: 760px; margin: 0; color: var(--text); font-size: clamp(2rem,3.1vw,3.15rem); font-weight: 800; letter-spacing: -.055em; line-height: 1; }
.swiss-krono-page .swiss-krono-advantages__header > p { margin: 0 0 3px; color: #746d68; font-size: .78rem; line-height: 1.7; }
.swiss-krono-page .swiss-krono-advantages__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid rgba(32,30,30,.12); border-bottom: 1px solid rgba(32,30,30,.12); }
.swiss-krono-page .swiss-krono-advantage { position: relative; min-height: 295px; padding: 34px 28px 29px; }
.swiss-krono-page .swiss-krono-advantage + .swiss-krono-advantage { border-left: 1px solid rgba(32,30,30,.12); }
.swiss-krono-page .swiss-krono-advantage:first-child { padding-left: 0; }
.swiss-krono-page .swiss-krono-advantage:last-child { padding-right: 0; }
.swiss-krono-page .swiss-krono-advantage > small { display: block; margin-bottom: 24px; color: var(--sk-red-text); font-size: .59rem; font-weight: 850; letter-spacing: .14em; }
.swiss-krono-page .swiss-krono-advantage h4 { max-width: 300px; margin: 0 0 13px; color: var(--text); font-size: clamp(1.12rem,1.4vw,1.36rem); font-weight: 790; letter-spacing: -.04em; line-height: 1.12; }
.swiss-krono-page .swiss-krono-advantage p { margin: 0 0 16px; color: #655e59; font-size: .72rem; line-height: 1.65; }
.swiss-krono-page .swiss-krono-advantage em { display: block; color: #716964; font-size: .61rem; font-style: normal; line-height: 1.55; }

.swiss-krono-page .brand-seo-grid { display: grid; margin-top: 32px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.swiss-krono-page .brand-seo-card { position: relative; min-height: 232px; padding: 34px 36px; overflow: hidden; border: 1px solid rgba(31,29,28,.11); border-radius: 22px; background: #fff; box-shadow: 0 18px 38px rgba(28,24,22,.065); }
.swiss-krono-page .brand-seo-card::after { position: absolute; top: -80px; right: -62px; width: 230px; height: 230px; border-radius: 50%; background: radial-gradient(circle,rgba(209,50,57,.11),transparent 68%); content: ""; pointer-events: none; }
.swiss-krono-page .brand-seo-card > span { display: block; margin-bottom: 14px; color: var(--sk-red-text); font-size: .61rem; font-weight: 850; letter-spacing: .14em; }
.swiss-krono-page .brand-seo-card h3 { margin: 0 0 10px; color: #1f1d1d; font-size: clamp(1.35rem,1.8vw,1.75rem); letter-spacing: -.04em; }
.swiss-krono-page .brand-seo-card p { max-width: 510px; margin: 0 0 24px; color: #746d68; font-size: .8rem; line-height: 1.65; }
.swiss-krono-page .brand-seo-card button { display: inline-flex; padding: 0 0 4px; align-items: center; gap: 12px; border: 0; border-bottom: 1px solid rgba(31,29,28,.2); background: none; color: #1f1d1d; font: inherit; font-size: .72rem; font-weight: 780; cursor: pointer; }
.swiss-krono-page .brand-seo-card button i { color: var(--sk-red); font-style: normal; transition: transform 180ms ease; }
.swiss-krono-page .brand-seo-card button:hover i,
.swiss-krono-page .brand-seo-card button:focus-visible i { transform: translateY(-4px); }

.swiss-krono-page .showroom-spotlight .showroom-stage__main img { object-position: center 42%; }
.swiss-krono-page .showroom-stage__credit { position: absolute; right: 24px; bottom: 22px; z-index: 4; color: rgba(255,255,255,.74); font-size: .58rem; text-shadow: 0 2px 10px #000; }
.swiss-krono-page .swiss-krono-closing .closing__background > img { object-position: 61% 50%; }
.swiss-krono-page .swiss-krono-closing .closing__background::after { background: linear-gradient(90deg,rgba(7,7,8,.98) 0%,rgba(7,7,8,.82) 39%,rgba(7,7,8,.25) 72%,rgba(7,7,8,.13) 100%), linear-gradient(0deg,rgba(7,7,8,.48),transparent 55%); }
.swiss-krono-page .swiss-krono-closing__brand { width: 230px; margin-bottom: 30px; }

@media (min-width: 761px) and (max-width: 1100px) {
  .swiss-krono-page .swiss-krono-advantages__header { grid-template-columns: minmax(0,1fr) minmax(250px,.7fr); gap: 40px; }
  .swiss-krono-page .swiss-krono-advantages__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .swiss-krono-page .swiss-krono-advantage { min-height: 250px; padding: 30px; }
  .swiss-krono-page .swiss-krono-advantage:nth-child(odd) { padding-left: 0; border-left: 0; }
  .swiss-krono-page .swiss-krono-advantage:nth-child(even) { padding-right: 0; }
  .swiss-krono-page .swiss-krono-advantage:nth-child(n+3) { border-top: 1px solid rgba(32,30,30,.12); }
}

@media (max-width: 1000px) {
  .swiss-krono-page .swiss-krono-selector,
  .swiss-krono-page .decor-gallery { min-height: 520px; }
  .swiss-krono-page .brand-switch__tab { min-height: 104px; }
}

@media (max-width: 760px) {
  .swiss-krono-page .hero__image > img { object-position: 58% center; }
  .swiss-krono-page .hero__image::before { background: linear-gradient(180deg,rgba(5,5,6,.97) 0%,rgba(5,5,6,.76) 58%,rgba(5,5,6,.3) 100%); }
  .swiss-krono-page .hero__copy h1 { font-size: clamp(2.05rem,10.3vw,3.2rem); line-height: .98; }
  .swiss-krono-page .hero__brand-row { display: grid; gap: 16px; }
  .swiss-krono-page .swiss-krono-logo { width: 188px; padding: 7px 10px; }
  .swiss-krono-page .brand-switch { margin-bottom: 13px; border-radius: 18px; }
  .swiss-krono-page .brand-switch__tab { min-height: 92px; padding: 17px 45px 16px 18px; }
  .swiss-krono-page .brand-switch__tab::after { right: 13px; width: 29px; height: 29px; font-size: .78rem; }
  .swiss-krono-page .brand-switch__tab > span { font-size: .49rem; }
  .swiss-krono-page .brand-switch__tab strong { font-size: .92rem; line-height: 1.12; letter-spacing: .04em; }
  .swiss-krono-page .brand-switch__tab small { display: none; }
  .swiss-krono-page .swiss-krono-selector,
  .swiss-krono-page .decor-gallery { min-height: 0; }
  .swiss-krono-page .collection-picker__group > p { border-left: 3px solid var(--sk-red-hot); background: #151517; color: #fff; }
  .swiss-krono-page .collection-picker__group > p strong { color: #fff; }
  .swiss-krono-page .swiss-krono-advantages { margin-top: 45px; padding: 43px 0 3px; }
  .swiss-krono-page .swiss-krono-advantages__header { margin-bottom: 29px; grid-template-columns: 1fr; gap: 15px; }
  .swiss-krono-page .swiss-krono-advantages__header h3 { max-width: 340px; font-size: clamp(2rem,9vw,2.6rem); line-height: 1.02; }
  .swiss-krono-page .swiss-krono-advantages__header > p { font-size: .73rem; }
  .swiss-krono-page .swiss-krono-advantages__grid { grid-template-columns: 1fr; }
  .swiss-krono-page .swiss-krono-advantage { min-height: 0; padding: 27px 0 26px; }
  .swiss-krono-page .swiss-krono-advantage + .swiss-krono-advantage { border-top: 1px solid rgba(32,30,30,.12); border-left: 0; }
  .swiss-krono-page .swiss-krono-advantage h4 { max-width: 340px; font-size: 1.3rem; }
  .swiss-krono-page .swiss-krono-advantage p { max-width: 360px; font-size: .74rem; }
  .swiss-krono-page .brand-seo-grid { margin-top: 25px; grid-template-columns: 1fr; gap: 13px; }
  .swiss-krono-page .brand-seo-card { min-height: 0; padding: 27px 24px; border-radius: 19px; }
  .swiss-krono-page .brand-seo-card p { font-size: .75rem; }
  .swiss-krono-page .showroom-stage__credit { right: 17px; bottom: 14px; font-size: .52rem; }
  .swiss-krono-page .swiss-krono-closing__brand { width: 192px; margin-bottom: 25px; }
  .swiss-krono-page .swiss-krono-closing .closing__background > img { object-position: 58% center; }
}

@media (max-width: 390px) {
  .swiss-krono-page .brand-switch__tab { padding-left: 14px; }
  .swiss-krono-page .brand-switch__tab strong { font-size: .82rem; }
  .swiss-krono-page .brand-switch__tab::after { right: 10px; width: 26px; height: 26px; }
}

@media (prefers-reduced-motion: reduce) {
  .swiss-krono-page .brand-switch__tab,
  .swiss-krono-page .brand-seo-card button i { transition: none; }
}