/* V35 – mobile-only rebuild. Desktop styles are untouched. */
@media (max-width:700px){
  html,body{margin:0!important;padding:0!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
  *,*:before,*:after{box-sizing:border-box}
  body{font-size:16px!important}
  header{position:relative!important;width:100%!important;min-height:70px!important;z-index:1000!important}
  header .brand{max-width:calc(100% - 70px)!important;display:flex!important;align-items:center!important}
  header .brand img{max-width:52px!important}
  header nav{display:none!important}
  .v35-menu{display:flex!important;position:absolute!important;right:12px!important;top:12px!important;width:46px!important;height:46px!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:12px!important;background:transparent!important;font-size:28px!important;line-height:1!important;cursor:pointer!important;z-index:10001!important}
  .v35-mobile-nav{display:none!important;position:absolute!important;left:12px!important;right:12px!important;top:66px!important;padding:10px!important;flex-direction:column!important;gap:2px!important;border-radius:16px!important;background:#fff!important;box-shadow:0 12px 35px rgba(0,0,0,.16)!important;z-index:10000!important}
  .v35-mobile-nav.open{display:flex!important}
  .v35-mobile-nav a{display:block!important;width:100%!important;min-height:46px!important;padding:11px 14px!important;line-height:24px!important;text-decoration:none!important;pointer-events:auto!important;touch-action:manipulation!important}
  main,.wrap,.container{width:100%!important;max-width:100%!important;min-width:0!important}
  main{overflow:hidden!important}
  img{max-width:100%!important}
  .grid,.cards,.gallery,.portfolio-grid,.book-grid,.book-list{grid-template-columns:1fr!important;width:100%!important}
  .card,.tile,.gallery-item,.book-card{width:100%!important;max-width:100%!important}
  a,button,input,textarea,select{touch-action:manipulation}
}
@media(min-width:701px){.v35-menu,.v35-mobile-nav{display:none!important}}


/* V36 – mobile category thumbnails: show the complete image, no cropping */
@media (max-width:700px){
  .cards .card .placeholder{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }
  .cards .card .placeholder img{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
  }
}