/* MDS responsive refinements. Desktop content preserved. */
html,body{max-width:100%;overflow-x:clip}
.mds-header-logo{display:block;position:relative;z-index:2}
.mds-header-logo img{display:block;max-width:none}
@media(max-width:1023px){
 .mds-header .max-w-7xl{position:relative}
 .mds-main-nav:not(.hidden){display:flex;flex-direction:column;align-items:stretch;gap:.4rem;position:absolute;top:100%;left:0;right:0;padding:1rem 1.25rem;background:#fff;box-shadow:0 12px 20px rgba(0,0,0,.12);z-index:40}
 .mds-main-nav a{display:block;width:100%;text-align:left}
 .mds-main-nav a:last-child{text-align:center}
}
@media(min-width:1024px){.mds-main-nav{display:flex!important}}
@media(max-width:639px){
 .mds-footer-menu{display:flex;flex-wrap:wrap;gap:.6rem 1rem}
 .mds-footer-menu li{white-space:nowrap}
 #produk .grid.grid-cols-2 > div{min-width:0}
 #carousel-img-1,#carousel-img-2{max-height:100%;max-width:100%;object-fit:contain}
}