/* GreenTouch — responsive (vezi handoff.md §12; breakpoint principal 880px) */
@media (max-width:880px){
  .nav,.hdr .desktop-only{display:none!important}
  .hamburger{display:flex}
  .hide-mobile{display:none!important}
}
@media (min-width:881px){
  .only-mobile{display:none!important}
}
/* grile auto-fit — se restrâng natural */
.cols-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.cols-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}
.cols-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(24px,4vw,56px);align-items:center}
.masonry{columns:3 280px;column-gap:14px}
.masonry>*{break-inside:avoid;margin-bottom:14px}
@media (max-width:520px){
  .cols-4,.cols-3{grid-template-columns:1fr 1fr}
  .drawer{width:100vw}
}
@media (max-width:380px){
  .cols-4,.cols-3{grid-template-columns:1fr}
}
img,.ph{max-width:100%}
.section,.container{overflow-wrap:break-word}