/* Smart Showroom polish layer — scoped by runtime classes added by smart-showroom-polish.js */

body.ss-edit-mode .ss-bottom-nav {
  display: none !important;
}

/* Editor labels sit outside the content corner so they do not cover text or media. */
body.ss-edit-mode .ss-editor-section-label {
  top: -10px !important;
  left: 14px !important;
  box-shadow: 0 5px 14px rgba(0,0,0,.35);
}

/* Product listing becomes a natural vertical feed. */
.ss-product-list-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}
.ss-product-list-grid > button {
  width: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(112px, 34%) 1fr !important;
  grid-template-rows: auto auto 1fr auto !important;
  column-gap: 14px !important;
  align-items: start !important;
}
.ss-product-list-grid > button > div:first-child {
  grid-row: 1 / span 4 !important;
  width: 100% !important;
  margin: 0 !important;
}
.ss-product-list-grid + .ss-pagination-dots {
  display: none !important;
}

/* Product detail hero: full-width, no card frame. */
.ss-product-detail-hero-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.ss-product-detail-hero {
  width: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  aspect-ratio: 16 / 10 !important;
}
.ss-product-detail-hero img {
  object-fit: contain !important;
  background: rgba(255,255,255,.02);
}

/* USP and feature cards: one complete card per view with full image above copy. */
.ss-one-card-carousel {
  display: flex !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  gap: 14px !important;
  padding-bottom: 8px !important;
  scrollbar-width: none;
}
.ss-one-card-carousel::-webkit-scrollbar { display: none; }
.ss-one-card-carousel > * {
  flex: 0 0 100% !important;
  width: 100% !important;
  scroll-snap-align: center !important;
  transform: none !important;
  opacity: 1 !important;
  filter: none !important;
}
.ss-one-card-carousel img {
  width: 100% !important;
  height: auto !important;
  max-height: 66vh !important;
  object-fit: contain !important;
  background: rgba(255,255,255,.025);
}

/* Consultant section */
#consultant-section .ss-book-button { display: none !important; }
.ss-consultant-editor {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.12);
  display: grid;
  gap: 10px;
}
.ss-consultant-editor label {
  display: grid;
  gap: 5px;
  font-size: 11px;
  color: rgba(255,255,255,.7);
}
.ss-consultant-editor input[type="url"] {
  min-height: 42px;
  border-radius: 11px;
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.06);
  color: #fff;
  padding: 0 12px;
}
.ss-consultant-upload {
  min-height: 42px;
  border-radius: 11px;
  border: 1px dashed rgba(255,255,255,.3);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

@media (min-width: 900px) {
  .ss-product-list-grid > button {
    grid-template-columns: 240px 1fr !important;
  }
  .ss-one-card-carousel > * {
    flex-basis: min(100%, 760px) !important;
  }
}