/* Gathbandhan Guide frontend bridge. Keep all visual overrides in new_design. */
:root{--gg-radius:14px;--gg-shadow:0 8px 28px rgba(0,0,0,.08)}
html,body{max-width:100%;overflow-x:hidden}body{min-width:0!important}
img,video,iframe,canvas,svg{max-width:100%;height:auto}
.container,.container-fluid{max-width:100%}
input,select,textarea,button,.btn{max-width:100%}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=date],select,textarea{min-height:42px}
textarea{height:auto;min-height:110px}
.btn,button,input[type=submit],input[type=button]{border-radius:8px;white-space:normal;touch-action:manipulation}
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}table{max-width:100%}
.gg-responsive-table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.card,.panel,.well,.prof-rhs-help,.hom-top,.wedd-tline{max-width:100%}
.logo img,.ic-logo{max-height:72px;width:auto;object-fit:contain}
select{background-position:right .75rem center}
.modal-dialog{max-width:calc(100vw - 24px);margin-left:auto;margin-right:auto}
@media(max-width:991.98px){
  .container{width:100%!important;padding-left:16px!important;padding-right:16px!important}
  .row{margin-left:-8px;margin-right:-8px}.row>[class*=col-]{padding-left:8px;padding-right:8px}
  .head-top .lhs,.head-top .rhs{width:100%;text-align:center}.head-top ul{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px}
  .hom-nav{width:100%}.hom-nav .bl>ul{flex-wrap:wrap}
  .menu-pop{width:min(92vw,420px)}
}
@media(max-width:767.98px){
  body{font-size:15px}.head-top .rhs li:nth-child(n+3){display:inline-block}
  h1{font-size:clamp(1.8rem,8vw,2.5rem)}h2{font-size:clamp(1.45rem,6vw,2rem)}h3{font-size:clamp(1.2rem,5vw,1.6rem)}
  .btn,button,input[type=submit],input[type=button]{min-height:44px;padding:.65rem 1rem}
  .form-control,select,input,textarea{font-size:16px!important}
  .prof-rhs-help,.card,.panel,.well{border-radius:var(--gg-radius)}
  .modal-dialog{margin:12px auto}
  .footer ul,.foot-supp ul{padding-left:0}
}
@media(max-width:479.98px){
  .container{padding-left:12px!important;padding-right:12px!important}
  .logo img,.ic-logo{max-height:58px}
  .btn-group,.input-group{max-width:100%}
}
