/* ThePujaSeva clean mobile/home UI layer, 2026-11-11 */
html,body{width:100%;max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
.tps-top{min-height:36px;height:auto;display:flex;align-items:center;justify-content:center;padding:4px 8px;line-height:1.35;white-space:normal;overflow:visible;text-align:center;background:#C0392B;color:#fff;font-size:12px;font-weight:700}
.tps-header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.tps-head{display:flex;align-items:center;gap:8px;min-height:68px;background:#fff}
.tps-brand{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto;text-decoration:none;color:#1A202C!important;visibility:visible;opacity:1}
.tps-brand img{height:38px;width:auto;max-width:44px;object-fit:contain;display:block}
.tps-brand span{display:flex;flex-direction:column;min-width:0;font-weight:700;color:#1A202C!important;font-size:16px;line-height:1.1;visibility:visible;opacity:1}
.tps-brand small{display:block;font-size:10px;color:#718096!important;font-weight:400;line-height:1.2;visibility:visible;opacity:1}
.tps-search{flex:1 1 280px;min-width:160px}
.tps-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;white-space:nowrap}
.tps-head-login,.tps-login{display:inline-flex;align-items:center;justify-content:center;min-height:40px;background:#0C831F;color:#fff!important;padding:8px 16px;border:1px solid #075b16;border-radius:8px;text-decoration:none;visibility:visible;opacity:1;white-space:nowrap}
.tps-menu-toggle{display:none;width:44px;height:44px;min-width:44px;max-width:44px;min-height:44px;max-height:44px;flex:0 0 44px;margin-left:4px;padding:0;border:0;border-radius:8px;background:#0C831F;color:#fff;font-size:22px;line-height:1;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;touch-action:manipulation}
#mobile-menu{position:fixed;top:0;right:0;width:min(80%,300px);height:100dvh;display:none;flex-direction:column;gap:12px;overflow-y:auto;padding:20px;background:#1A202C;z-index:999999;pointer-events:auto;box-shadow:-12px 0 30px rgba(0,0,0,.35)}
#mobile-menu.is-open{display:flex}
#mobile-menu a{display:block;flex:0 0 auto;min-height:44px;padding:12px;color:#fff!important;background:#2D3748;border:1px solid #4A5568;border-radius:8px;text-decoration:none;font-size:15px;line-height:1.3;pointer-events:auto;cursor:pointer}
#mobile-menu a:hover,#mobile-menu a:active{background:#0C831F;color:#fff!important}
.tps-service,.tps-catalog-card,.tps-feature,.tps-step,.tps-panel,.tps-place{max-width:100%;min-width:0;margin-bottom:16px;overflow-wrap:anywhere}
.tps-service-image{width:100%;height:112px;margin-bottom:12px;border-radius:18px 18px 10px 10px;background-position:center;background-size:cover;background-repeat:no-repeat;font-size:0}
@media(max-width:1050px){
 .tps-top{font-size:11px}
 .tps-head{min-height:60px;padding:8px 10px;flex-wrap:nowrap}
 .tps-search{display:none}
 .tps-menu-toggle{display:inline-flex}
 .tps-head-actions{gap:6px}
 .tps-head-login,.tps-login{min-height:38px;padding:8px 12px;font-size:13px}
 .tps-brand{flex:1 1 auto}
 .tps-brand img{height:36px}
 .tps-brand span{font-size:15px}
 #mobile-menu{display:none}
 #mobile-menu.is-open{display:flex}
}