@media (max-width: 768px){

/* 1) Stop heavy motion */

{
animation-duration: 0.001s !important;
animation-iteration-count: 1 !important;
transition: none !important;
scroll-behavior: auto !important;
}

/* 2) Disable background “fixed” /
[style="background-attachment: fixed"],
.parallax,
.hero-parallax{
background-attachment: scroll !important;
}

/* 3) Safe viewport height on iOS */
.hero, .section, .panel, .fullvh {
min-height: 100svh !important;
height: auto !important;
}

/* 4) Make media fill width; crop vertically if needed */
img, video {
max-width: 100%;
height: auto;
}
.cover, .order-cover, .hero-cover, .card-cover, .tile-cover, .gallery-item {
position: relative;
width: 100%;
aspect-ratio: 3/4;
overflow: hidden;
border-radius: inherit;
}
.cover img, .order-cover img, .hero-cover img,
.card-cover img, .tile-cover img, .gallery-item img,
.cover video, .hero-cover video {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
}

/* 5) Disable backdrop-filter & heavy shadows /
.glass, .frost, [style="backdrop-filter"]{
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
background: rgba(10,14,28,.6) !important;
}
.huge-shadow, .deep-shadow {
box-shadow: none !important;
}

/* 6) Simplify transforms & filters */
.tilt, .floating, .parallax-item, .zoomed, .shatter, .reel {
transform: none !important;
filter: none !important;
will-change: auto !important;
}

/* 7) Smooth scrolling & prevent X overflow */
html, body {
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
touch-action: pan-y;
}

/* 8) Contain layout paints */
.container, .wrap {
contain: layout paint style;
}

/* 9) Make buttons easier to tap */
button, .btn, input, select, textarea {
min-height: 44px;
}

/* 10) Disable sticky headers if lagging /
.sticky, header[style="position: sticky"] {
position: static !important;
}
}