/* v10: phone-only layout; all desktop rules remain untouched. */
@media (max-width:760px) {
  /* Shared compact header and inner-page introductions. */
  body .header {height:88px!important;padding:5px 16px!important}
  body .header .logo {width:102px!important;height:74px!important;object-fit:contain!important}
  body .header .dots {margin-top:10px!important}
  body .wrap {width:calc(100% - 30px)!important}
  body .hero {padding:7px 0 18px!important}
  body .hero .eyebrow,body .pagehead .eyebrow {font-size:8px!important;letter-spacing:.13em!important}
  body .hero h1 {font-size:clamp(23px,6.5vw,29px)!important;line-height:1.08!important;margin:10px 0 11px!important}
  body .hero .lead {font-size:11px!important;line-height:1.42!important;max-width:310px!important}
  body .slider {min-height:160px!important;margin-top:0!important}
  body .slider .slide {gap:6px!important}
  body .slider .slide img {height:clamp(115px,35vw,165px)!important}
  body .pagehead {padding:10px 0 24px!important}
  body .pagehead h1 {font-size:clamp(25px,7vw,32px)!important;line-height:1.13!important;margin:9px 0 10px!important}
  body .pagehead .lead {font-size:11px!important;line-height:1.5!important}
  body .about {gap:18px!important;padding-bottom:52px!important}
  body .about>img {max-height:none!important}
  body .offer-filters {margin:0 0 25px!important;gap:7px 12px!important}
  /* Offers alternate the position of image and copy. No introductory copy is clipped. */
  body .offer-row,body .offer-row.reverse {display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:11px!important;align-items:start!important;margin-bottom:38px!important}
  body .offer-row>.offer-img {grid-column:1!important;grid-row:1!important;order:0!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}
  body .offer-row>.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-row.reverse>.offer-img {grid-column:2!important;grid-row:1!important;order:0!important}
  body .offer-row.reverse>.offer-copy {grid-column:1!important;grid-row:1!important;order:0!important}
  body .offer-copy .eyebrow {font-size:8px!important;letter-spacing:.08em!important}
  body .offer-copy h2 {font-size:clamp(15px,4.15vw,19px)!important;line-height:1.14!important;margin:4px 0 7px!important;overflow-wrap:break-word!important}
  body .offer-copy>p:not(.price) {display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;font-size:10px!important;line-height:1.35!important;margin:5px 0!important;overflow-wrap:break-word!important}
  body .offer-copy .price {font-size:15px!important;margin:8px 0!important}
  body .offer-copy .details {padding:7px 0!important}
  body .offer-copy .details summary {font-size:8px!important;letter-spacing:0!important;line-height:1.35!important}
  body .offer-copy .details p {font-size:10px!important;line-height:1.4!important;overflow-wrap:break-word!important}
  /* Menu is a single, non-scrolling screen, with flexible central navigation. */
  body.lidija-fullscreen-menu-page {overflow:hidden!important;height:100dvh!important}
  body.lidija-fullscreen-menu-page .menu,body .menu {height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow:hidden!important;padding:10px 12px max(12px,env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important}
  body .menu-top {flex:0 0 auto!important}
  body .menu-top .logo {width:102px!important;height:72px!important;object-fit:contain!important}
  body .menu-top .close {font-size:28px!important;padding:4px!important}
  body .menu nav {flex:1 1 auto!important;min-height:0!important;margin:0!important;padding:4px 0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:clamp(3px,1.5dvh,11px)!important}
  body .menu nav a {font-size:clamp(17px,4.9vw,22px)!important;line-height:1.15!important;padding:4px 0!important;letter-spacing:.08em!important}
  body .menu-foot {flex:0 0 auto!important;margin:0!important;padding:4px 0!important;font-size:clamp(8px,2.2vw,10px)!important;white-space:nowrap!important;line-height:1.2!important;letter-spacing:0!important}
  body .menu-foot a {padding:3px 0!important;letter-spacing:0!important}
}
@media(max-width:360px){
  body .offer-row,body .offer-row.reverse {gap:9px!important;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)!important}
  body .offer-copy h2 {font-size:14px!important}
  body .offer-copy>p:not(.price) {font-size:9.5px!important}
}
@media(max-width:760px) and (max-height:560px){
  body .menu-top .logo {height:54px!important;width:85px!important}
  body .menu nav {gap:0!important}
  body .menu nav a {font-size:16px!important;padding:2px 0!important}
}