/* v12: final mobile refinements. Desktop styling intentionally untouched. */
@media (max-width:760px) {
  /* Reviews: broad, centered quote rather than a narrow vertical text column. */
  body .review {padding-left:14px!important;padding-right:14px!important}
  body .lidija-review-grid {width:100%!important;max-width:100%!important;margin-top:16px!important}
  body .lidija-review-card {padding:20px 13px!important;min-height:0!important}
  body .lidija-review-card blockquote,
  body .review .lidija-review-card blockquote {width:100%!important;max-width:none!important;padding:0!important;margin:12px auto 14px!important;font-size:clamp(12px,3.45vw,14px)!important;line-height:1.42!important;text-align:center!important}
  body .lidija-review-card .lidija-review-stars {font-size:15px!important}
  /* Menu: a touch more space between links, while preserving no-scroll behavior. */
  body .menu nav {gap:clamp(15px,3.1dvh,28px)!important}
  body .menu nav a {padding:3px 0!important}
  /* Portfolio: remove inherited negative filter margin that overlaps the heading. */
  body:has(.filters) .pagehead {padding-bottom:15px!important}
  body .filters {margin:0 auto 24px!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;column-gap:4px!important;row-gap:8px!important;align-items:center!important;justify-items:center!important;font-size:clamp(8px,2.3vw,10px)!important;line-height:1.25!important;letter-spacing:.07em!important}
  body .filters .pf {white-space:nowrap!important;padding:6px 0!important;grid-column:span 2!important}
  body .filters .pf:nth-child(4) {grid-column:2 / span 2!important}
  body .filters .pf:nth-child(5) {grid-column:4 / span 2!important}
  /* Offer category links: reduce space between the two rows. */
  body .offer-filters {column-gap:12px!important;row-gap:0!important;margin:0 auto 19px!important;line-height:1.2!important}
  body .offer-filters a {padding:4px 0!important}
  /* Milestone and studio: match the established compact offer typography. */
  body .milestone,body .studio {grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:11px!important;align-items:start!important;margin:18px 0 38px!important;padding:0!important;background:transparent!important}
  body .milestone>div {grid-column:1!important;grid-row:1!important;min-width:0!important}
  body .milestone>img {grid-column:2!important;grid-row:1!important;width:100%!important;height:auto!important;object-fit:contain!important}
  body .studio>img {grid-column:1!important;grid-row:1!important;width:100%!important;height:auto!important;object-fit:contain!important}
  body .studio>div {grid-column:2!important;grid-row:1!important;min-width:0!important}
  body .milestone h2,body .studio 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 .milestone .eyebrow,body .studio .eyebrow {font-size:8px!important;letter-spacing:.08em!important}
  body .milestone p,body .studio p {font-size:10px!important;line-height:1.35!important;margin:5px 0!important;overflow-wrap:break-word!important}
  body .milestone .price,body .studio .price {font-size:15px!important;margin:8px 0!important}
  body .milestone .details,body .studio .details {padding:7px 0!important}
  body .milestone .details summary,body .studio .details summary {font-size:8px!important;letter-spacing:0!important;line-height:1.35!important}
  body .milestone .details p,body .studio .details p {font-size:10px!important;line-height:1.4!important}
  /* Contact: accessible single-column form; scrolling is allowed. */
  body .contact .formgrid {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:15px!important}
  body .contact .field,body .contact .field.full {grid-column:1 / -1!important;min-width:0!important;gap:4px!important}
  body .contact .field label {font-size:10px!important;letter-spacing:.1em!important}
  body .contact input,body .contact select {height:44px!important;min-height:44px!important;font-size:14px!important;padding:8px 2px!important}
  body .contact textarea {height:110px!important;min-height:110px!important;font-size:14px!important;padding:8px 2px!important}
  body .contact .send {min-height:44px!important;margin-top:16px!important}
}
@media (max-width:760px) and (max-height:650px) {
  body .menu nav {gap:clamp(5px,1.5dvh,11px)!important}
}