/* OBRAZNA collections hub — featured + groups */
.collection-featured{margin-bottom:36px}
.collection-featured__eyebrow{
  font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-mute,#7a746c);margin:0 0 10px;
}
.collection-featured__card{
  display:grid;grid-template-columns:1.4fr 1fr;gap:0;align-items:stretch;
  background:var(--white,#fff);border:1px solid var(--line,#e8e2d8);border-radius:var(--r-lg,14px);
  overflow:hidden;box-shadow:var(--sh-xs,0 1px 2px rgba(0,0,0,.04));color:inherit;text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease;
}
.collection-featured__card:hover{transform:translateY(-3px);box-shadow:var(--sh-md,0 8px 24px rgba(0,0,0,.08));color:inherit}
.collection-featured__media{aspect-ratio:16/10;background:var(--beige,#f3eee6);min-height:220px}
.collection-featured__media img{width:100%;height:100%;object-fit:cover;display:block}
.collection-featured__body{padding:28px 30px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.collection-featured__title{font-family:var(--serif,Georgia,serif);font-weight:500;font-size:clamp(24px,2.6vw,32px);margin:0;color:var(--charcoal,#23252b)}
.collection-featured__desc{margin:0;color:var(--ink-soft,#5c564e);font-size:14px;line-height:1.55;max-width:42ch}
.collection-featured__meta{font-size:13px;font-weight:600;color:var(--ink-mute,#7a746c)}
.collection-group{margin-bottom:40px}
.collection-group__head{margin-bottom:16px}
.collection-group__title{font-family:var(--serif,Georgia,serif);font-weight:500;font-size:clamp(22px,2.4vw,28px);margin:0;color:var(--charcoal,#23252b)}
a.collection-card{color:inherit;text-decoration:none}
a.collection-card:hover{color:inherit}
a.collection-card .product-body h3{margin:0 0 6px;font-size:16px;line-height:1.35}

/* Rooms landing — same card language as collections */
.room-landing-grid{margin-top:4px}

/* Phase 6L.5 — /inspirace/ root: compact 2-col mobile grid (not related-rooms) */
@media (max-width:640px){
  .room-landing-grid--root.product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .room-landing-grid--root .product-card{
    min-width:0;
  }
  .room-landing-grid--root .product-body{
    padding:12px 12px 14px;
    gap:6px;
    display:flex;
    flex-direction:column;
    flex:1;
  }
  .room-landing-grid--root .product-body h3{
    font-size:14px;
    line-height:1.3;
    margin:0 0 4px;
  }
  .room-landing-grid--root .product-body .small{
    font-size:12px;
    line-height:1.4;
    margin:0;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
  }
  .room-landing-grid--root .product-price{
    margin-top:auto;
    font-size:12px;
  }
  .room-landing-grid--root .product-price .from{
    font-size:12px;
  }
}
@media (max-width:359px){
  /* Still 2 cols at 320 if space allows; tighten gap only */
  .room-landing-grid--root.product-grid{gap:10px}
}

/* Phase 6L.3 / 6L.4 — related rooms & collections on detail pages */
.related-rooms,
.related-collections{
  margin-top:48px;
  padding-top:28px;
  border-top:1px solid var(--line,#e8e2d8);
}
.related-rooms__head,
.related-collections__head{margin-bottom:18px}
.related-rooms__head h2,
.related-collections__head h2{
  font-family:var(--serif,Georgia,serif);
  font-weight:500;
  font-size:clamp(22px,2.4vw,28px);
  margin:0;
  color:var(--charcoal,#23252b);
}
.related-rooms__grid,
.related-collections__grid{
  margin-top:0;
}
.related-rooms__card:focus-visible,
.related-collections__card:focus-visible{
  outline:3px solid var(--clay-soft,#F2E0D6);
  outline-offset:3px;
}
@media (min-width:901px){
  .related-rooms__grid.product-grid,
  .related-collections__grid.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:900px) and (min-width:641px){
  .related-rooms__grid.product-grid,
  .related-collections__grid.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){
  .related-rooms,
  .related-collections{margin-top:36px;padding-top:22px}
  .related-rooms__grid.product-grid,
  .related-collections__grid.product-grid{grid-template-columns:1fr 1fr;gap:12px}
}
@media (prefers-reduced-motion:reduce){
  .related-rooms__card:hover,
  .related-collections__card:hover{transform:none}
}

@media (max-width:900px){
  .collection-featured__card{grid-template-columns:1fr}
  .collection-featured__media{min-height:180px}
  .collection-featured__body{padding:20px 22px}
}
@media (max-width:640px){
  .collection-group{margin-bottom:28px}
}