/* Classic consumer of the shared opt-in. Existing copy, media and light theme. */
.qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights [data-format-highlights] { display: flex; flex-direction: column; gap: 24px; margin: 0; }
.qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights .qp-format-galleries__media {
  display: flex; gap: 24px; width: 100%; min-width: 0; overflow-x: auto;
  scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none;
}
.qp-classic-highlights .qp-format-galleries__media::-webkit-scrollbar { display: none; }
.qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights [data-format-panel] {
  display: grid; grid-template-columns: 38% minmax(0,1fr); grid-template-rows: 1fr;
  flex: 0 0 100%; height: 680px; min-width: 0; position: relative; padding: 0;
  box-sizing: border-box; overflow: hidden; scroll-snap-align: start;
  border-radius: var(--qp-radius-frame); color: #283044;
}
.qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights .qp-mixup-highlight__copy { grid-row: 1; padding: 40px 72px 40px 32px; min-width: 0; align-self: center; }
.qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights .qp-mixup-highlight__copy h3 { margin: 0 0 20px; font-size: 28px; line-height: 1.15; overflow-wrap: anywhere; }
.qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights .qp-mixup-highlight__copy p { margin: 0; font-size: 16px; line-height: 1.6; color: #475269; }
.qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights .qp-format-gallery__track { grid-column: 2; grid-row: 1; width: 100%; height: 680px; --mini-slide-height: 680px; border-radius: 0; flex-direction: row; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; }
.qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights .qp-format-gallery__item { height: 100%; min-height: 100%; scroll-snap-align: start; }
.qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights .qp-format-gallery__item > img,
.qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights .qp-format-gallery__film,
.qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights .qp-format-gallery__film :is(.qp-mixup-video-frame,video) {
  width: 100%; height: 100%; max-height: none; aspect-ratio: auto; object-fit: contain; border-radius: 0; box-shadow: none;
}
.qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights .qp-format-gallery__film .qp-mixup-video-frame::after { content: none; }
.qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights .qp-format-gallery__navigation { position: absolute; z-index: 2; left: 69%; top: auto; bottom: 24px; transform: translateX(-50%); margin: 0; flex-direction: row; }
.qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights .qp-format-gallery__dots { flex-direction: row; gap: 10px; width: auto; padding: 10px 6px; }
.qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights .qp-format-gallery__dot[data-current="true"] { opacity: 1; background: #283044; }
.qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights .qp-format-gallery__dot-marker { display: none; }
.qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights [data-format-status] { position: absolute; width: 1px; height: 1px; min-width: 0; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights .qp-mini-carousel__controls { order: 2; margin: 0; max-width: 100%; }
.qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights .qp-mini-carousel__bar { flex-direction: row; width: auto; max-width: 100%; overflow-x: auto; padding: 4px; }
.qp-page .qp-product-family[data-product="klassika"] #formats .qp-classic-highlights .qp-mini-carousel__bar button { width: auto; flex: 0 0 auto; min-height: 48px; padding: 12px 16px; white-space: nowrap; }
.qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights :is(.qp-mini-explorer__detail,.qp-mini-explorer__mark,[data-format-caption]) { display: none; }
@media (max-width: 900px) {
  .qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights [data-format-panel] { height: auto; grid-template-columns: minmax(0,1fr); grid-template-rows: auto 390px; }
  .qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights .qp-mixup-highlight__copy { padding: 28px 24px; align-self: start; }
  .qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights .qp-mixup-highlight__copy h3 { font-size: 24px; }
  .qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights .qp-format-gallery__track { grid-column: 1; grid-row: 2; height: 390px; --mini-slide-height: 390px; }
  .qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights .qp-format-gallery__navigation { left: 50%; top: auto; bottom: 12px; transform: translateX(-50%); }
}
@media (forced-colors: active) {
  .qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights [data-format-panel] { background: Canvas; color: CanvasText; border: 1px solid CanvasText; }
  .qp-page .qp-product-family[data-product="klassika"] .qp-classic-highlights .qp-mixup-highlight__copy p { color: CanvasText; }
}

/* The current Classic port uses MixUp's outer carousel, with horizontal
   examples inside every card. Keep its navigation on the same axis. */
.qp-page .qp-read-page--mixup-seo[data-product="klassika"] .qp-format-gallery__navigation { flex-direction: row; }
.qp-page .qp-read-page--mixup-seo[data-product="klassika"] .qp-format-gallery__navigation button::before { content: none; }
.qp-page .qp-read-page--mixup-seo[data-product="klassika"] .qp-format-gallery__navigation button span {
  display: block; width: 8px; height: 8px; font-size: 0;
  border-top: 2px solid currentColor; border-right: 2px solid currentColor;
  transform: rotate(-135deg);
}
.qp-page .qp-read-page--mixup-seo[data-product="klassika"] .qp-format-gallery__navigation [data-format-next] span { transform: rotate(45deg); }
.qp-page .qp-read-page--mixup-seo[data-product="klassika"] [data-format-status] {
  position: absolute; width: 1px; height: 1px; min-width: 0; padding: 0;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
.qp-page .qp-read-page--mixup-seo[data-product="klassika"] .qp-format-gallery__dots {
  flex-direction: row; width: auto; height: 44px; padding: 0 10px;
}
.qp-page .qp-read-page--mixup-seo[data-product="klassika"] .qp-format-gallery__dot-marker {
  top: calc(50% - 2.5px); left: 10px; width: 16px; height: 5px;
  transform: translateX(calc(var(--format-dot-index, 0) * var(--format-dot-step) - 5.5px));
}
.qp-page .qp-read-page--mixup-seo[data-product="klassika"] #benefits > .wrap { padding: 0; border-radius: 0; background: transparent; }
.qp-page .qp-read-page--mixup-seo[data-product="klassika"] :is(#classic-summary-title,#classic-details-title) { max-width: none; margin: 0 0 24px; font-size: clamp(28px,3.4vw,44px); font-weight: 680; line-height: 1.12; }
.qp-classic-summary__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin: 0; }
.qp-classic-summary__grid > div { padding: 24px; border-radius: 24px; background: #f5f5f7; color: #283044; text-align: center; }
.qp-classic-summary__grid dt { display: flex; flex-direction: column; align-items: center; gap: 12px; font-size: 19px; font-weight: 680; line-height: 1.25; }
.qp-classic-summary__grid svg { width: 32px; height: 32px; }
.qp-classic-summary__grid dd { margin: 12px 0 0; color: #475269; font-size: 16px; line-height: 1.5; }
.qp-classic-details__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.qp-page .qp-read-page--mixup-seo[data-product="klassika"] .qp-classic-details header { display: block; padding: 28px; margin: 0 0 24px; border-radius: 24px; background: #f5f5f7; }
.qp-classic-details header p { margin: 0; }
.qp-classic-details__bubble { min-width: 0; padding: 28px; border-radius: 24px; background: #f5f5f7; color: #283044; }
.qp-classic-details__bubble h3 { margin: 0 0 16px; font-size: 24px; font-weight: 680; line-height: 1.2; }
.qp-classic-details__bubble p { margin: 0 0 24px; color: #475269; font-size: 16px; line-height: 1.6; }
.qp-classic-details__bubble picture { display: block; }
.qp-classic-details__bubble img { display: block; width: 100%; height: auto; max-height: 360px; object-fit: contain; border-radius: 20px; }
.qp-classic-details__items { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin: 24px 0 0; }
.qp-classic-details__items dt { margin-bottom: 8px; font-weight: 680; }
.qp-classic-details__items dd { margin: 0; color: #475269; font-size: 16px; line-height: 1.6; }
@media (forced-colors: active) {
  .qp-classic-summary__grid > div, .qp-classic-details__bubble { color: CanvasText; background: Canvas; border: 1px solid CanvasText; }
  .qp-classic-summary__grid dd, .qp-classic-details__bubble p, .qp-classic-details__items dd { color: CanvasText; }
}
@media (max-width: 940px) {
  .qp-classic-summary__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .qp-classic-details__grid { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 540px) {
  .qp-classic-summary__grid { grid-template-columns: minmax(0,1fr); }
  .qp-classic-details__bubble { padding: 24px; }
  .qp-classic-details__items { grid-template-columns: minmax(0,1fr); }
}