html, body { margin:0; padding:0; background: oklch(0.90 0.008 150); -webkit-font-smoothing: antialiased; }
  * { box-sizing: border-box; }
  a { color: oklch(0.42 0.09 155); text-decoration: none; }
  a:hover { color: oklch(0.30 0.06 155); }
  input, textarea, select, button { font-family: inherit; }
  @keyframes lsdDrawer { from { transform: translateX(100%); } to { transform: none; } }


/* ===== LSD RESPONSIVE FIX: direct x-dc template targets ===== */
.lsd-site-shell{width:100%!important;max-width:none!important}
.lsd-desktop-menu{display:none}
.lsd-case-grid{display:grid!important;grid-template-columns:1fr!important}
.lsd-case-grid>sc-for{display:contents!important}
.lsd-case-grid sc-if{display:contents}
.lsd-case-grid article img{width:100%!important;aspect-ratio:4/3;object-fit:cover!important}
.lsd-product-tabs{scrollbar-width:none}
.lsd-content-section{box-sizing:border-box}
.lsd-main-header{box-sizing:border-box}

@media (max-width:767px){
 .lsd-site-shell{max-width:450px!important;margin:0 auto!important}
 .lsd-desktop-menu{display:none!important}
 .lsd-mobile-menu{display:flex!important}
 .lsd-case-grid{grid-template-columns:1fr!important}
}

@media (min-width:768px) and (max-width:1199px){
 .lsd-site-shell{max-width:none!important}
 .lsd-main-header{height:68px!important;padding-left:32px!important;padding-right:32px!important}
 .lsd-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;padding-left:32px!important;padding-right:32px!important}
 .lsd-product-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;padding-left:32px!important;padding-right:32px!important}
 .lsd-content-section{padding-left:32px!important;padding-right:32px!important}
 #products>div:not(.lsd-product-tabs),#cases>div{box-sizing:border-box}
 #products>div[style*="padding:16px 22px 0"]{padding-left:32px!important;padding-right:32px!important}
 #top>div:first-child{min-height:560px!important;padding-left:48px!important;padding-right:48px!important}
 #top h1{font-size:42px!important}
 #top p{max-width:600px!important;font-size:17px!important}
}

@media (min-width:1200px){
 .lsd-site-shell{max-width:none!important}
 .lsd-main-header{height:76px!important;padding:0 max(48px,calc((100vw - 1440px)/2))!important}
 .lsd-mobile-menu{display:none!important}
 .lsd-desktop-menu{display:flex!important;align-items:center;gap:30px;margin-left:auto}
 .lsd-desktop-menu a{color:oklch(0.30 0.03 150);font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap}
 .lsd-desktop-menu a:hover{color:oklch(0.50 0.12 145)}
 #top>div:first-child{min-height:640px!important;padding:64px max(64px,calc((100vw - 1340px)/2))!important}
 #top h1{font-size:52px!important;line-height:1.18!important}
 #top p{max-width:720px!important;font-size:18px!important}
 #top>div:nth-child(2){padding-left:max(48px,calc((100vw - 1340px)/2))!important;padding-right:max(48px,calc((100vw - 1340px)/2))!important}
 #products>div:not(.lsd-product-tabs){max-width:1340px;margin-left:auto!important;margin-right:auto!important}
 .lsd-product-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:visible!important;max-width:1340px;margin:0 auto!important;padding-left:0!important;padding-right:0!important}
 #products>div[style*="padding:16px 22px 0"]{padding-left:0!important;padding-right:0!important}
 #products article{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start}
 #products article>div:first-child{min-height:100%}
 #products article>div:first-child img{height:100%!important;min-height:420px;object-fit:cover!important}
 .lsd-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;max-width:1340px;margin:0 auto!important;padding-left:0!important;padding-right:0!important}
 #cases>div:first-child,#cases>div:nth-child(2),#cases>div:last-child{max-width:1340px;margin-left:auto!important;margin-right:auto!important}
 .lsd-content-section{max-width:1340px;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
 #location iframe{height:420px!important}
}

@media (min-width:1500px){
 .lsd-case-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}