/* ============================================================
   RESPONSIVE — breakpoint-i:
   desktop ≥1200px | tablet 768–1199px | mobile <768px
   ============================================================ */

/* ---------- tablet i manje (<1200px) ---------- */
@media (max-width:1199px){
  .main-nav{display:none}
  .nav-toggle{display:flex}

  /* kolekcije: 2 kolone, treća kartica preko cele širine (namerno, bez rupa) */
  .collections-grid{grid-template-columns:1fr 1fr;gap:1.6rem}
  .collections-grid .collection-card:nth-child(3){grid-column:1 / -1}
  .collections-grid .collection-card:nth-child(3) .frame{aspect-ratio:16/9}

  /* proizvodi: 2 kolone, peta kartica široka preko cele širine */
  .products-grid{grid-template-columns:1fr 1fr;gap:1.4rem}
  .product-card,.product-card:nth-child(n+4){grid-column:auto}
  .product-card:nth-child(n+4) .frame{aspect-ratio:3/4}
  /* 7 kartica u 2 kolone: poslednja (neparna) ide preko cele širine */
  .product-card:nth-child(7){grid-column:1 / -1}
  .product-card:nth-child(7) .frame{aspect-ratio:16/9}

  /* hero */
  .hero-grid{grid-template-columns:1fr;gap:2.6rem;min-height:0}
  .hero{padding-top:calc(var(--header-h) + 1.6rem)}
  .hero-copy{order:2;text-align:center}
  .hero-copy .lead{margin-inline:auto}
  .hero-btns{justify-content:center}
  .hero-media{order:1;max-width:420px;margin:0 auto;width:100%}
  .hero-badge{left:-.6rem;bottom:1.6rem}

  /* layouti */
  .split,.album-wrap,.contact-wrap,.product-detail{grid-template-columns:1fr;gap:2.8rem}
  .product-detail .frame{position:static;max-width:520px;margin:0 auto;width:100%}
  .order-steps{grid-template-columns:repeat(2, 1fr) !important}
  .steps-4{grid-template-columns:1fr 1fr}
  .gallery{columns:2}
  .related-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}

/* ---------- mobile (<768px) ---------- */
@media (max-width:767px){
  section{padding:4.5rem 0}

  .collections-grid{grid-template-columns:1fr}
  .collections-grid .collection-card:nth-child(3){grid-column:auto}
  .collections-grid .collection-card:nth-child(3) .frame{aspect-ratio:4/5}
  .other-designs{grid-template-columns:1fr}

  .products-grid{grid-template-columns:1fr}
  .product-card:nth-child(7){grid-column:auto}
  .product-card .frame,.product-card:nth-child(7) .frame{aspect-ratio:3/4}

  .order-steps{grid-template-columns:repeat(1, 1fr) !important}
  .steps{grid-template-columns:1fr}
  .design-gallery{grid-template-columns:1fr}
  .related-grid{grid-template-columns:repeat(2,1fr)}

  .form{padding:1.8rem 1.3rem}
  .form-row,.check-grid{grid-template-columns:1fr}

  .footer-grid{grid-template-columns:1fr;gap:2.2rem}
  .footer-bottom{flex-direction:column;text-align:center}

  .gallery{columns:2;column-gap:.7rem}
  .gallery-item{margin-bottom:.7rem}
  /* mobilni: 2 kolone, automatski redovi, bez span-ova (bez rupa); prikaži i 7. sliku za paran broj */
  .custom-collage{grid-template-columns:repeat(2,1fr);grid-template-rows:none;grid-auto-rows:120px;gap:.7rem;grid-template-areas:none}
  .custom-collage .c{grid-area:auto !important}
  .custom-collage .c7{display:block}
  .hero-badge{padding:.7rem 1rem}
  .hero-btns{flex-direction:column;align-items:stretch;max-width:320px;margin:1.4rem auto 0}
  .hero-btns .btn{width:100%}
}

/* ---------- pristupačnost: smanjene animacije ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}
  .reveal{opacity:1;transform:none}
}