html, body { margin: 0; padding: 0; background: #FAF6F0; }
    * { box-sizing: border-box; }
    input::placeholder, textarea::placeholder { color: #B3A79A; }
    @media (max-width: 1150px) {
      [data-mq~="hide"] { display: none !important; }
      [data-mq~="navgap"] { gap: 14px !important; }
      [data-mq~="navphone"] { padding: 10px 16px !important; font-size: 14px !important; }
    }
    @media (max-width: 820px) {
      [data-mq~="mhide"] { display: none !important; }
      [data-mq~="hide"] { display: none !important; }
      [data-mq~="pad"] { padding-left: 20px !important; padding-right: 20px !important; }
      [data-mq~="grid1"] { grid-template-columns: 1fr !important; gap: 40px !important; }
      [data-mq~="grid2"] { grid-template-columns: repeat(2, 1fr) !important; }
      [data-mq~="chips"] { grid-template-columns: 1fr !important; }
      [data-mq~="stack"] { flex-direction: column !important; }
      [data-mq~="wrap"] { flex-wrap: wrap !important; row-gap: 12px !important; }
      [data-mq~="navpad"] { padding: 12px 16px !important; }
      [data-mq~="navgap"] { gap: 10px !important; }
      [data-mq~="navphone"] { padding: 10px 14px !important; font-size: 13px !important; }
    }

.hov-ink:hover { color: #3D362E; }
.hov-brown:hover { background: #56493A; }
.hov-glass:hover { background: rgba(250,246,240,0.12); }
.hov-bright:hover { filter: brightness(1.05); }
.hov-underline:hover { text-decoration: underline; }

/* Compact EN/CY language dropdown on mobile; tighter nav on small phones */
[data-mq~="monly"] { display: none !important; }
@media (max-width: 820px) {
  [data-mq~="monly"] { display: inline-block !important; }
}
@media (max-width: 480px) {
  nav > a { gap: 10px !important; }
  nav > a > span:first-child { width: 34px !important; height: 34px !important; font-size: 16px !important; padding-top: 6px !important; }
  nav > a > span:last-child > span:first-child { font-size: 18px !important; }
  [data-mq~="navgap"] { gap: 8px !important; }
  [data-mq~="navphone"] { padding: 9px 12px !important; font-size: 12.5px !important; }
  [data-mq~="monly"] { font-size: 13px !important; }
}