/* v9: mobile-only adjustments. Desktop (>=761px) is unchanged. */
@media (max-width:760px) {
  /* Match the proportions of the reference iPhone view. */
  body .header {height:142px!important;padding:14px 22px!important}
  body .header .logo {width:145px!important;height:98px!important}
  body .hero {padding:30px 0 48px!important}
  body .hero h1 {font-size:clamp(32px,8.7vw,39px)!important;line-height:1.12!important}
  body .hero .lead {font-size:13px!important;line-height:1.65!important}
  body .triptych {gap:8px!important;min-height:0!important}
  body .triptych img {height:clamp(135px,39vw,210px)!important}
  body .pagehead h1 {font-size:clamp(32px,9vw,40px)!important}
  /* Fullscreen menu: smaller than the oversized Local preview, with generous breathing room. */
  body .menu {padding:22px 16px 34px!important;min-height:100dvh!important}
  body .menu-top {flex:0 0 auto!important}
  body .menu-top .logo {width:145px!important;height:102px!important}
  body .menu-top .close {font-size:36px!important;line-height:1!important;padding:6px!important}
  body .menu nav {margin:auto!important;padding:28px 0!important;width:100%!important}
  body .menu nav a {font-size:clamp(23px,6.3vw,27px)!important;line-height:1.3!important;padding:12px 0!important;letter-spacing:.105em!important}
  body .menu-foot {margin-top:0!important;margin-bottom:0!important;padding:8px 0 14px!important;font-size:clamp(8px,2.35vw,10px)!important;white-space:nowrap!important;letter-spacing:0!important}
  body .menu-foot a {padding:5px 1px!important;letter-spacing:.05em!important}
  /* Offers: image left and compact copy right, as on desktop. */
  body .offer-row,body .offer-row.reverse {display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:12px!important;align-items:start!important;margin-bottom:52px!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!important;object-fit:cover!important;min-width:0!important}
  body .offer-row>.offer-copy,body .offer-row.reverse>.offer-copy {grid-column:2!important;grid-row:1!important;order:0!important;width:100%!important;min-width:0!important;max-width:none!important}
  body .offer-copy .eyebrow {font-size:8px!important;letter-spacing:.1em!important}
  body .offer-copy h2 {font-size:clamp(16px,4.5vw,21px)!important;line-height:1.2!important;margin:6px 0 9px!important;overflow-wrap:break-word!important}
  body .offer-copy>p:not(.price) {font-size:11px!important;line-height:1.45!important;margin:6px 0!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important}
  body .offer-copy.lidija-details-expanded>p:not(.price) {display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important}
  body .offer-copy .price {font-size:16px!important;margin:10px 0!important}
  body .offer-copy .details {padding:9px 0!important}
  body .offer-copy .details summary {font-size:9px!important;letter-spacing:.035em!important;cursor:pointer!important}
  body .offer-copy .details[open] summary {margin-bottom:8px!important}
  body .offer-copy .details p {font-size:11px!important;line-height:1.5!important;overflow-wrap:anywhere!important}
}
@media(max-width:360px){
  body .offer-row,body .offer-row.reverse {grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:10px!important}
  body .offer-copy h2 {font-size:16px!important}
  body .menu nav a {font-size:22px!important}
}