/* GoClick ERP Production Landing - Final responsive system */
:root{--gc-container:1240px;--gc-gutter:clamp(16px,3vw,36px)}
html{scroll-behavior:smooth;overflow-x:hidden}
body{overflow-x:hidden}
img{max-width:100%;height:auto}
.container,.container-fluid{width:100%}

/* Header / navigation */
@media (min-width:992px){
  .navbar{min-height:74px}
  .production-main-nav{flex-wrap:nowrap!important}
  .production-main-nav .goclick-menu-logo{margin-right:26px!important;flex:0 0 auto}
  .production-main-nav .goclick-menu-logo img{height:38px!important;width:auto!important;max-width:180px!important}
}
@media (max-width:1199.98px) and (min-width:992px){
  .production-main-nav .nav-link{margin-right:14px!important;font-size:12.5px!important}
  .production-main-nav .goclick-menu-logo{margin-right:16px!important}
}
@media (max-width:991.98px){
  .navbar{padding-left:0!important;padding-right:0!important;min-height:68px}
  .navbar .navbar-toggler{margin-right:14px!important;border:0!important;padding:8px!important;box-shadow:none!important}
  .navbar-collapse{width:100%;max-height:33vh;overflow:hidden}
  .production-main-nav{
    width:100%!important;margin-top:0!important;padding:10px 18px 14px!important;
    max-height:33vh;overflow-y:auto;overscroll-behavior:contain;
    border-top:1px solid rgba(255,255,255,.14)!important;
    background:rgba(7,26,42,.97)!important;backdrop-filter:blur(12px)
  }
  .production-main-nav .goclick-menu-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;margin:0 0 8px!important;padding:2px 0 10px!important;border-bottom:1px solid rgba(255,255,255,.14)!important}
  .production-main-nav .goclick-menu-logo img{height:34px!important;width:auto!important;max-width:175px!important}
  .production-main-nav .nav-link{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;padding:9px 0!important;margin:0!important;font-size:15px!important;line-height:1.2!important}
  .production-main-nav .nav-link.header-consult-btn{display:flex!important}
}

/* Shared section rhythm */
section,.container-fluid{scroll-margin-top:76px}
.section-heading,.title-center{max-width:100%;overflow-wrap:anywhere}

/* Hero: responsive at every viewport */
#header-carousel{width:100%;overflow:hidden;background:#edf8fb}
#header-carousel .carousel-item{position:relative;min-height:0}
#header-carousel .carousel-item>img{display:block;width:100%;height:auto;min-height:0;object-fit:cover}
#header-carousel .carousel-caption{left:0;right:0;width:100%;padding:clamp(26px,4vw,70px) var(--gc-gutter)}
#header-carousel .carousel-caption .title{max-width:min(100%,980px);margin-inline:auto}
#header-carousel .carousel-caption .title h1{font-size:clamp(36px,4.25vw,64px)!important;line-height:1.06!important;overflow-wrap:anywhere}
#header-carousel .carousel-caption p{max-width:980px;font-size:clamp(15px,1.35vw,20px)!important;line-height:1.65!important;margin-inline:auto}
#header-carousel .carousel-control-prev,#header-carousel .carousel-control-next{width:7%;z-index:5}

@media (max-width:1199.98px) and (min-width:992px){
  #header-carousel .carousel-caption .title h1{font-size:clamp(34px,4.6vw,54px)!important}
  #header-carousel .carousel-caption p{max-width:860px;font-size:16px!important}
}
@media (max-width:991.98px) and (min-width:768px){
  #header-carousel .carousel-item{min-height:520px}
  #header-carousel .carousel-item>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
  #header-carousel .carousel-caption{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:28px!important}
  #header-carousel .carousel-caption .title{max-width:720px!important;padding:20px 22px!important;background:rgba(255,255,255,.9)!important;border:1px solid rgba(207,228,236,.92)!important;border-radius:20px!important}
  #header-carousel .carousel-caption .title h1{font-size:clamp(34px,5.2vw,46px)!important;line-height:1.08!important}
  #header-carousel .carousel-caption p{max-width:720px!important;font-size:16px!important}
}
@media (max-width:767.98px){
  #header-carousel .carousel-inner{overflow:hidden}
  #header-carousel .carousel-item{height:auto!important;min-height:0!important;background:#dcecf1!important;overflow:hidden}
  #header-carousel .carousel-item>img{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;min-height:300px!important;max-height:78vh!important;object-fit:cover!important;object-position:center center!important;filter:saturate(1.02) brightness(.72) contrast(1.01)!important}
  #header-carousel .carousel-caption{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:clamp(22px,5vw,40px) clamp(12px,4vw,22px)!important;background:linear-gradient(180deg,rgba(7,31,47,.10) 0%,rgba(7,31,47,.18) 100%)!important}
  #header-carousel .carousel-caption .title{width:min(92%,520px)!important;max-width:520px!important;margin:0 auto!important;padding:clamp(10px,3vw,18px) clamp(10px,3vw,18px)!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  #header-carousel .carousel-caption .title h5{font-size:clamp(9px,2.5vw,12px)!important;letter-spacing:.17em!important;line-height:1.3!important;margin-bottom:8px!important;text-shadow:0 2px 8px rgba(4,28,42,.65)!important}
  #header-carousel .carousel-caption .title h1,#header-carousel .carousel-caption .title .display-1{font-size:clamp(25px,7.8vw,38px)!important;line-height:1.08!important;letter-spacing:.01em!important;padding-bottom:11px!important;margin:0!important;overflow-wrap:anywhere!important;word-break:normal!important;text-shadow:0 3px 10px rgba(4,28,42,.68)!important}
  #header-carousel .carousel-caption p{max-width:520px!important;width:min(94%,520px)!important;margin:13px auto 16px!important;font-size:clamp(13px,3.8vw,16px)!important;line-height:1.55!important}
  #header-carousel .carousel-caption .btn{min-height:44px!important;padding:0 20px!important;font-size:13px!important;border-radius:999px!important}
  #header-carousel .carousel-control-prev,#header-carousel .carousel-control-next{top:50%!important;transform:translateY(-50%)!important;width:12%!important;height:48px!important}
  #header-carousel .carousel-control-prev-icon,#header-carousel .carousel-control-next-icon{filter:brightness(0) invert(1) drop-shadow(0 2px 5px rgba(0,0,0,.35))!important}
}
@media (max-width:575.98px){
  #header-carousel .carousel-item>img{min-height:360px!important;max-height:470px!important}
  #header-carousel .carousel-caption .title{width:calc(100% - 20px)!important;padding:15px 13px 16px!important;border-radius:16px!important}
  #header-carousel .carousel-caption .title h1{font-size:clamp(24px,7.4vw,32px)!important;line-height:1.07!important}
  #header-carousel .carousel-caption p{font-size:clamp(13px,3.7vw,15px)!important;line-height:1.52!important;margin-top:11px!important}
}
@media (max-width:399.98px){
  #header-carousel .carousel-item>img{min-height:340px!important;max-height:430px!important}
  #header-carousel .carousel-caption{padding:14px 8px!important}
  #header-carousel .carousel-caption .title{width:calc(100% - 12px)!important;padding:13px 10px 14px!important}
  #header-carousel .carousel-caption .title h1{font-size:24px!important;line-height:1.05!important}
  #header-carousel .carousel-caption p{font-size:12.5px!important;line-height:1.48!important;margin:10px auto 13px!important}
  #header-carousel .carousel-caption .btn{min-height:42px!important;font-size:12.5px!important;padding-inline:18px!important}
}

/* Content sections */
@media (max-width:1199.98px){
  .container{max-width:960px!important}
  .erp-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .production-stages{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:991.98px){
  .container{max-width:720px!important}
  .row.g-5{--bs-gutter-y:2.2rem!important}
  .production-pain-bottom{flex-direction:column!important;align-items:flex-start!important;gap:18px!important}
  .production-pain-bottom .btn{width:auto;max-width:100%}
  .erp-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .erp-module-card{min-height:0!important}
  .erp-permission-grid{grid-template-columns:1fr!important}
  .erp-permission-flow{grid-template-columns:1fr!important}
  .erp-permission-flow>i{transform:rotate(90deg)!important;justify-self:center!important}
  .consultation-grid{grid-template-columns:1fr!important}
}
@media (max-width:767.98px){
  .container{max-width:100%!important;padding-left:18px!important;padding-right:18px!important}
  .container-fluid>.container{padding-left:18px!important;padding-right:18px!important}
  .title-center h2,.title-left h2,.title-right h2{font-size:clamp(26px,7.2vw,36px)!important;line-height:1.16!important}
  .production-detail-section,.production-models-wrap,.production-pain-section,.erp-modules-section,.erp-permission-section,.production-outcomes-section{scroll-margin-top:68px}
  .production-stages{grid-template-columns:1fr!important;gap:14px!important}
  .production-stage-card{padding:20px!important}
  .production-stage-card h3{font-size:19px!important}
  .production-configure-panel{flex-direction:column!important}
  .production-models-lead,.production-detail-lead,.erp-modules-lead,.production-pain-lead{font-size:14.5px!important;line-height:1.7!important}
  .erp-module-groups{gap:26px!important}
  .erp-module-group--balanced{padding:18px 16px 20px!important;border-radius:18px!important}
  .erp-module-grid{grid-template-columns:1fr!important;gap:14px!important}
  .erp-module-card{padding:19px 17px!important;border-radius:15px!important}
  .erp-module-card h3{font-size:16px!important}
  .erp-module-card p,.erp-module-card li{font-size:13px!important;line-height:1.55!important}
  .erp-module-category{margin-bottom:14px!important;padding-bottom:12px!important}
  .erp-module-category strong{font-size:12px!important;letter-spacing:.07em!important}
  .erp-permission-panel{padding:18px!important;border-radius:18px!important}
  .erp-permission-flow{gap:8px!important}
  .erp-permission-note span{font-size:12.5px!important}
  .consultation-section{padding:58px 0 64px!important}
  .consultation-info h2{font-size:clamp(31px,8.7vw,40px)!important;line-height:1.12!important}
  .consultation-card{padding:22px 16px!important;border-radius:18px!important}
  .consultation-form .row{--bs-gutter-x:12px!important;--bs-gutter-y:12px!important}
  .consultation-form input,.consultation-form select,.consultation-form .form-control{min-height:48px!important;font-size:14px!important}
}
@media (max-width:575.98px){
  .row>[class*="col-"]{min-width:0}
  .about .row,.container .row{--bs-gutter-x:1rem!important}
  .production-pain-bottom{padding:16px!important;border-radius:15px!important}
  .production-pain-bottom strong{font-size:15px!important;line-height:1.45!important}
  .production-pain-bottom .btn{width:100%!important}
  .production-stage-card p,.production-model-card p{font-size:14px!important}
  .erp-module-card ul{padding-left:1.05rem!important}
  .erp-permission-item{padding:12px!important}
  .erp-permission-item>i{width:36px!important;height:36px!important;flex-basis:36px!important}
}

/* Tables/lists and generic overflow protection */
.table-responsive,.owl-carousel,.owl-stage-outer{max-width:100%;overflow-x:auto}
input,select,textarea,button{max-width:100%;font:inherit}
iframe,video{max-width:100%}

/* Popup */
@media (max-width:575.98px){
  .goclick-success-overlay{padding:14px!important}
  .goclick-success-modal{width:min(100%,420px)!important;padding:24px 18px!important;border-radius:18px!important}
  .goclick-success-modal h3{font-size:23px!important}
  .goclick-success-modal p{font-size:14px!important;line-height:1.6!important}
  .goclick-success-confirm{width:100%!important;min-height:46px!important}
}

/* Footer */
@media (max-width:767.98px){
  .footer{padding-top:40px!important;padding-bottom:32px!important}
  .footer .row{--bs-gutter-y:1.7rem!important}
}

/* Final mobile hero title: transparent, no boxed background */
@media (max-width:767.98px){
  #header-carousel .carousel-caption .title{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
}

/* FINAL OVERRIDE — mobile hero title must be completely transparent */
@media (max-width: 767.98px){
  #header-carousel .carousel-caption,
  #header-carousel .carousel-caption .title,
  #header-carousel .carousel-caption .title .title-center,
  #header-carousel .carousel-caption .title h5,
  #header-carousel .carousel-caption .title h1{
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
  }
  #header-carousel .carousel-caption .title{
    padding: 8px 10px 10px !important;
    margin: 0 auto !important;
    width: min(94vw, 560px) !important;
  }
  #header-carousel .carousel-caption .title h1{
    color:#fff !important;
    text-shadow:0 3px 12px rgba(0,0,0,.72), 0 1px 3px rgba(0,0,0,.5) !important;
    border-bottom:1px solid rgba(255,255,255,.7) !important;
  }
  #header-carousel .carousel-caption .title h5{
    color:#fff !important;
    text-shadow:0 2px 8px rgba(0,0,0,.68) !important;
  }
}
@media (max-width: 575.98px){
  #header-carousel .carousel-caption .title h1{
    font-size:clamp(24px, 7.1vw, 32px) !important;
    line-height:1.08 !important;
    letter-spacing:.005em !important;
  }
}
@media (max-width: 399.98px){
  #header-carousel .carousel-caption .title h1{
    font-size:23px !important;
    line-height:1.06 !important;
  }
  #header-carousel .carousel-caption .title h5{font-size:9px !important}
}