/* Screenshot-driven mobile fix. The original demo is desktop-first; these rules override it. */
#menu-toggle{display:none;background:#0f3d32;color:white;border:0;padding:10px 14px;border-radius:9px;font-size:13px}
.app-shell{align-items:start;min-height:0}
main#app{align-self:start;min-height:0;padding-top:25px!important}
.hero{min-height:0;margin-top:0;align-items:center}
.product-garment{width:80%;height:90%;max-height:170px;color:#a7c7b7;filter:drop-shadow(0 7px 8px #23493733)}
.product-symbol{font-size:60px;color:#477c65}
.hero-art{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}
.hero-star{font-size:100px;color:#d4af68;filter:drop-shadow(0 0 23px #e7bc6570)}
.art-caption{font-size:10px;letter-spacing:.24em;color:#f6e9c9}
.church-heading h1{color:#fff}
.sidebar{align-self:stretch}
.sidebar button{min-height:40px}
.card .photo{display:flex;align-items:center;justify-content:center}
@media(max-width:1150px){
 header nav{display:none!important}
 .app-shell{display:block!important;min-height:0!important}
 #menu-toggle{display:block}
 .sidebar{display:none!important;position:fixed;z-index:21;top:67px;right:12px;left:auto;width:min(300px,calc(100vw - 24px));max-height:calc(100dvh - 85px);overflow:auto;flex-direction:column!important;background:#f9faf6;border:1px solid #d9e7df;box-shadow:0 15px 45px #123b3030;border-radius:14px;padding:14px}
 .sidebar.mobile-open{display:flex!important}
 .sidebar .side-heading,.sidebar .side-note{display:block!important}
 main#app{padding:18px 18px 50px!important;width:100%;margin:0 auto}
 .hero{margin-top:0!important}
}
@media(max-width:650px){
 header{gap:8px;padding:9px 14px!important;min-height:66px;flex-wrap:nowrap}
 .brand strong{font-size:17px!important}
 .brand small{font-size:8px!important}
 .lamp{width:36px;height:36px;font-size:20px}
 .demo{display:none!important}
 main#app{padding:16px 13px 45px!important}
 .hero{display:grid;grid-template-columns:1fr!important;gap:15px;padding:26px 22px!important;border-radius:18px}
 .hero h1{font-size:35px;line-height:1.14}
 .hero-art{min-height:110px;height:110px;font-size:65px}
 .hero-star{font-size:75px}
 .art-caption{font-size:8px}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px}
 .card{padding:12px!important;min-width:0}
 .card .photo{height:130px!important;font-size:42px}
 .card h3{font-size:15px}
 .card .price{font-size:18px}
 .card button{font-size:11px;padding:9px 7px;max-width:100%}
 .two,.kpis{grid-template-columns:1fr!important}
 .church-heading{padding:18px;gap:12px}
 .church-heading h1{font-size:24px}
 .church-heading .cross{font-size:32px}
 .row{align-items:flex-start}
}
@media(max-width:365px){.cards{grid-template-columns:1fr!important}.card .photo{height:160px!important}}