/* Mobile-only refinements; desktop deliberately unchanged. */
@media (max-width:760px) {
  body .wrap {width:calc(100% - 32px)}
  body .header {height:112px;padding:12px 16px}
  body .header .logo {width:130px;height:86px}
  body .hero {padding:20px 0 38px}
  body .pagehead {padding:18px 0 40px}
  body .pagehead h1,body .hero h1 {font-size:clamp(29px,8vw,36px)}
  body .offer-filters {margin:-15px 0 38px;gap:9px 13px}
  /* Preserve alternating desktop image/text layout in a compact mobile grid. */
  body .offer-row,body .offer-row.reverse {display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:13px!important;align-items:start!important;margin-bottom:58px!important}
  body .offer-row>.offer-img,body .offer-row.reverse>.offer-img {grid-column:1!important;grid-row:1!important;order:0!important;width:100%!important;height:auto!important;aspect-ratio:3/4;object-fit:cover!important;min-width:0}
  body .offer-row>.offer-copy,body .offer-row.reverse>.offer-copy {grid-column:2!important;grid-row:1!important;order:0!important;min-width:0!important;width:100%!important;max-width:none!important}
  body .offer-copy .eyebrow {font-size:9px;letter-spacing:.12em}
  body .offer-copy h2 {font-size:clamp(17px,4.8vw,23px)!important;line-height:1.18;margin:7px 0 9px;overflow-wrap:anywhere}
  body .offer-copy>p:not(.price) {font-size:12px;line-height:1.5;margin:7px 0;color:#57534d;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  body .offer-copy.lidija-details-expanded>p:not(.price) {-webkit-line-clamp:unset;display:block;overflow:visible}
  body .offer-copy .price {font-size:17px!important;margin:10px 0!important}
  body .offer-copy .details {padding:9px 0}
  body .offer-copy .details summary {font-size:9px;letter-spacing:.06em}
  body .offer-copy .details p {font-size:12px;line-height:1.6;overflow-wrap:break-word}
  body .milestone {gap:18px;margin:18px 0 65px;padding:20px}
  body .studio {margin-bottom:70px}
  /* Keep all four navigation links on one line at phone widths. */
  body .footer,body .menu-foot {white-space:nowrap!important;letter-spacing:0!important;font-size:clamp(8px,2.35vw,10px)!important;line-height:1.4!important}
  body .footer {padding:25px 5px 32px!important}
  body .footer a,body .menu-foot a {padding:6px 0!important;letter-spacing:0!important}
  body .menu {padding:18px 10px!important}
  body .menu-foot {padding:0 0 12px!important;margin-top:auto!important}
  body .menu nav a {font-size:clamp(20px,6vw,26px)!important;padding:7px 2px!important}
}
@media (max-width:360px) {
  body .offer-row,body .offer-row.reverse {gap:10px!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important}
  body .offer-copy h2 {font-size:17px!important}
  body .footer,body .menu-foot {font-size:8px!important}
}