/*! Sofastil Berlin – helle Fotoübersichten.
 * Der Dateiname bleibt für bestehende Integrationen erhalten.
 * data-ss-photo-gallery steuert nur das Layout der sechs Möbelgalerien.
 * Farben, Kopf, Fuß und Bedienelemente verwenden das ursprüngliche Designsystem.
 */

/* ===== 3. Vorhandene Einleitung vor den Fotos; Fragen bleiben darunter ===== */
html[data-ss-photo-gallery] body > main[data-template-2027] { display: flex; flex-direction: column; }
html[data-ss-photo-gallery] main :is(.abschnitt--kalk, section:has(> .catalogue-grid)) { background: transparent; padding-block-start: .25rem; }
/* Überschrift „Die Modelle“ nur für Suchmaschinen/Screenreader */
html[data-ss-photo-gallery] main .abschnitt--kalk > :is(:is(h2,:where([data-seo-heading="h2"],[data-seo-caption="h2"])), [data-seo-heading="h2"]),
html[data-ss-photo-gallery] main section:has(> .catalogue-grid) > :is(:is(h2,:where([data-seo-heading="h2"],[data-seo-caption="h2"])), [data-seo-heading="h2"]) {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}
/* Knopf „Alle Ansichten“ entfällt – weitere Perspektiven gibt es in der Großansicht */
html[data-ss-photo-gallery] main a.knopf[data-photo-gallery-ref]:not(.studio-photo-link) { display: none !important; }

/* ===== 4. Raster: 2 Spalten, ganze Fotos, keine Rahmen, keine Herzen auf den Kacheln ===== */
html[data-ss-photo-gallery] main .catalogue-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  width: 100%;
  max-width: 1240px;
  margin-inline: auto;
}
html[data-ss-photo-gallery] main .catalogue-grid > figure { margin: 0; min-width: 0; background: transparent; border: 0; box-shadow: none; }
html[data-ss-photo-gallery] main .catalogue-grid .favorite-photo-shell { position: relative; display: block; width: 100%; min-width: 0; }
html[data-ss-photo-gallery] main .catalogue-grid .studio-photo-link {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  outline-offset: 3px;
  -webkit-tap-highlight-color: transparent;
}
html[data-ss-photo-gallery] main .catalogue-grid .studio-photo-link img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: none;
}

/* Owner-approved photo-only overview. The shared grid handles new uploads
   automatically; every image keeps its natural proportions at all widths. */
html[data-ss-photo-gallery] main .catalogue-grid > figure { align-self: start; }
html[data-ss-photo-gallery]:not([data-ss-classic-gallery]) main .catalogue-grid figcaption,
html[data-ss-classic-gallery] main .catalogue-grid > figure:not([data-ss-category-cover]) figcaption { display: none; }
html[data-ss-classic-gallery] main .catalogue-grid > figure[data-ss-category-cover][data-category-link="classic-model"] figcaption { display: block; }
/* Owner selection 2, 29 October 2026: make the existing Classic category
   visibly navigable. These rules do not apply to product photographs. */
html[data-ss-classic-gallery] main [data-category-link="classic-model"] .classic-category-title {
  display: block;
  width: fit-content;
  max-width: 100%;
  min-height: 44px;
  color: inherit;
  text-decoration: none;
  line-height: 1.4;
}
html[data-ss-classic-gallery] main [data-category-link="classic-model"] .classic-category-action {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: .8rem 1.1rem;
  border: 1px solid #1f1d1a4d;
  border-radius: 999px;
  background: #ffffff59;
  color: #1f1d1a;
  -webkit-text-fill-color: currentColor;
  box-shadow: inset 0 1px 0 #ffffffd9, inset 0 -1px 0 #1f1d1a0d;
  font: inherit;
  line-height: 1.4;
  text-decoration: none;
  overflow-wrap: anywhere;
}
html[data-ss-classic-gallery] main [data-category-link="classic-model"] .classic-category-action span { min-width: 0; }
html[data-ss-classic-gallery] main [data-category-link="classic-model"] .classic-category-action svg { flex: none; }
html[data-ss-classic-gallery] main [data-category-link="classic-model"] .classic-category-action:hover { border-color: currentColor; }
html[data-ss-classic-gallery] main [data-category-link="classic-model"] :is(.classic-category-title,.classic-category-action):focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
html:lang(ar)[data-ss-classic-gallery] main [data-category-link="classic-model"] .classic-category-action svg { transform: rotate(180deg); }
html[data-ss-photo-gallery] main .catalogue-grid > figure[data-ss-image-missing] { display: none; }

[data-seo-heading]{display:block}
.kitchen-planner-heading{padding-bottom:0}