/* Compact catalog: preserve every product and normal ordering. */
#app .home-page main .theme-slide-up {min-height:60px!important;border-radius:10px!important}
#app .home-page main .theme-slide-up > div:first-child {width:42px!important;height:42px!important;margin:8px 6px 8px 8px!important}
#app .home-page main .theme-slide-up > div:nth-child(2) {padding-right:4px!important}
#app .home-page main .theme-slide-up h3 {font-size:13px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere}
#app .home-page main .theme-slide-up > div:nth-child(3) {min-width:0!important;gap:6px!important;padding-right:8px!important}
#app .home-page main .theme-slide-up .theme-price-sm,
#app .home-page main .theme-slide-up > div:nth-child(3) span[class*="font-bold"] {font-size:14px!important}
#app .home-page main > div[class*="space-y-6"] > div {margin-top:12px!important}
#app .home-page main > div[class*="space-y-6"] > div:first-child {margin-top:0!important}
#app .home-page main > div[class*="space-y-6"] > div > div:first-child {margin:4px 2px 6px!important}
#app .home-page main > div[class*="space-y-6"] > div > div[class*="space-y-2"] {display:grid!important;grid-template-columns:minmax(0,1fr);gap:6px!important}
#app .home-page main > div[class*="space-y-6"] > div > div[class*="space-y-2"] > * {margin-top:0!important;margin-bottom:0!important;min-width:0}
#app .home-page main > div.relative.mb-4 {margin-bottom:10px!important}
#app .home-page main > div.relative.mb-4 input {height:38px!important}
@media(min-width:1100px){
#app .home-page > section.relative.z-10.pb-6 > .container {padding-left:24px!important;padding-right:24px!important;max-width:1600px!important}
#app .home-page > section.relative.z-10.pb-6 > .container > div {grid-template-columns:190px minmax(0,1fr)!important;gap:16px!important}
#app .home-page aside[class*="lg:block"] {width:190px!important}
#app .home-page aside[class*="lg:block"] > div {padding:12px!important}
#app .home-page aside[class*="lg:block"] button {font-size:13px!important;min-height:34px!important}
#app .home-page main > div[class*="space-y-6"] > div > div[class*="space-y-2"] {grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
#app .home-page main .theme-slide-up > div:first-child {width:36px!important;height:36px!important}
#app .home-page main .theme-slide-up {min-height:56px!important}
}
/* Card-view fallback keeps the same catalog, with tighter spacing. */
#app .home-page #featured .grid {gap:8px!important}