/* CC Waterproofing v3 — CC Shoppe-aligned compact design system */
:root{--cc3-navy:#06385c;--cc3-navy2:#0a4d78;--cc3-orange:#ff6a2b;--cc3-orange2:#f25518;--cc3-text:#18364d;--cc3-muted:#6d7e8c;--cc3-line:#dce5eb;--cc3-soft:#f5f8fa;--cc3-bg:#f7f9fb;--cc3-shadow:0 6px 18px rgba(7,50,80,.07)}
html{font-size:14px}body{background:var(--cc3-bg)!important;color:var(--cc3-text)!important;font-family:Arial,Helvetica,sans-serif!important}.container{width:min(1180px,calc(100% - 32px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
/* Header follows CC Shoppe proportions */
.utility .container{min-height:25px!important}.utility .container>div:first-child{font-size:8px!important;letter-spacing:.45px!important}.utility-links a{font-size:8px!important;min-height:21px!important;padding:2px 7px!important}
header.top .nav{min-height:58px!important;gap:14px!important}header.top .brand-logo{width:174px!important}.service-brand{padding-left:11px!important}.service-brand small{font-size:7px!important;margin-bottom:2px!important}.service-brand strong{font-size:11px!important}header.top .primary-nav>a{min-height:34px!important;padding:7px 9px!important;border-radius:5px!important;font-size:10px!important;font-weight:700!important}.admin-nav-wrap{background:#fff!important;border-top:0!important;border-bottom:1px solid var(--cc3-line)!important}.admin-nav{min-height:39px!important;justify-content:flex-start!important}.admin-nav-label{background:var(--cc3-navy)!important;border-radius:3px!important;font-size:8px!important}.admin-nav a{font-size:9px!important;color:#36556d!important;min-height:29px!important}.admin-nav a:hover{background:#eef5f8!important;color:var(--cc3-navy)!important}
/* Generic components */
main.container{padding-top:20px!important;padding-bottom:28px!important}.card,.panel,.stat,.kpi,.tile,.service-card,.vendor-card{border:1px solid var(--cc3-line)!important;border-radius:6px!important;box-shadow:none!important;background:#fff!important}.card:hover,.service-card:hover,.vendor-card:hover{border-color:#b8cbd8!important;box-shadow:var(--cc3-shadow)!important}
.btn,.button,button[type=submit],input[type=submit],.uc-btn,.cc-btn,.cc-mini-btn{border-radius:4px!important;min-height:36px!important;padding:0 14px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:11px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;transform:none!important}.btn.orange,.uc-btn-primary,.cc-btn-primary{background:var(--cc3-orange)!important;border-color:var(--cc3-orange)!important;color:#fff!important}.btn.orange:hover,.uc-btn-primary:hover,.cc-btn-primary:hover{background:var(--cc3-orange2)!important;border-color:var(--cc3-orange2)!important}.btn:not(.orange):not(.danger),.uc-btn-outline{background:#fff!important;border:1px solid var(--cc3-navy)!important;color:var(--cc3-navy)!important}.btn:not(.orange):not(.danger):hover,.uc-btn-outline:hover{background:var(--cc3-navy)!important;color:#fff!important}.btn.danger{background:#c83e35!important;border-color:#c83e35!important;color:#fff!important}
input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid #ccd9e2!important;border-radius:4px!important;box-shadow:none!important;font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important}input:not([type=checkbox]):not([type=radio]),select{min-height:38px!important}textarea{min-height:90px!important}input:focus,select:focus,textarea:focus{border-color:#4d86aa!important;box-shadow:0 0 0 2px rgba(10,77,120,.09)!important;outline:0!important}
table{font-size:12px!important}th{background:#f0f5f8!important;color:#294b63!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.35px!important}td,th{padding:9px 10px!important}
/* Homepage: remove oversized engineering-poster treatment and match marketplace density */
.uc{font-family:Arial,Helvetica,sans-serif!important}.uc-wrap{max-width:1180px!important}.uc-section{padding:34px 0!important}.uc-hero{padding:22px 0 34px!important}.uc-hero:before{top:-22px!important;background-size:30px 30px!important}.uc-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;gap:34px!important}.uc-eyebrow{margin-bottom:9px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:9px!important;font-weight:700!important;color:var(--cc3-orange)!important}.uc-hero h1{margin-bottom:10px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:40px!important;line-height:1.05!important;letter-spacing:-1.1px!important;text-transform:none!important}.uc-hero h1 span{color:var(--cc3-orange)!important}.uc-hero-lead{margin-bottom:16px!important;max-width:610px!important;font-size:13px!important;line-height:1.55!important}.uc-cat-box h2{font-family:Arial,Helvetica,sans-serif!important;font-size:9px!important}.uc-cat-grid{gap:6px!important}.uc-cat{min-height:48px!important;padding:7px 9px!important;border-radius:4px!important;font-size:11px!important}.uc-cat i{width:30px!important;height:30px!important}.uc-cat svg{width:17px!important;height:17px!important}.uc-hero-actions{gap:8px!important;margin-top:14px!important}.uc-stats{margin-top:20px!important}.uc-stat{padding:12px 18px 0 0!important;margin-right:18px!important}.uc-stat b{font-family:Arial,Helvetica,sans-serif!important;font-size:23px!important}.uc-stat span{font-family:Arial,Helvetica,sans-serif!important;font-size:9px!important}.uc-hero-visual{padding:0 0 40px 28px!important}.uc-hero-visual>img{height:340px!important;border-radius:6px!important;box-shadow:0 12px 30px rgba(11,42,66,.13)!important}.tx-layers{width:285px!important;padding:13px!important}.tx-layers-title,.tx-layers li{font-size:9px!important}.uc-head{margin-bottom:18px!important}.uc-head h2{padding-top:10px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:24px!important;letter-spacing:-.3px!important;text-transform:none!important}.uc-head h2:before{width:34px!important;height:3px!important}.uc-head p{font-size:12px!important}.uc-link{font-size:10px!important}.uc-rail{grid-auto-columns:calc((100% - 45px)/4)!important;gap:15px!important}.uc-svc{border-radius:6px!important}.uc-svc b{margin:10px 12px 0!important;font-size:13px!important}.uc-svc small{margin:4px 12px 0!important;font-size:11px!important}.uc-svc-code,.uc-svc-more{font-family:Arial,Helvetica,sans-serif!important;font-size:9px!important}.uc-svc-more{margin:10px 12px 0!important;padding:9px 0 10px!important}.uc-promos{gap:14px!important}.uc-promo{min-height:170px!important;padding:20px!important;border-radius:6px!important}.uc-promo h3{font-family:Arial,Helvetica,sans-serif!important;font-size:19px!important;text-transform:none!important}.uc-promo p{font-size:12px!important}.uc-promo-btn{height:34px!important;font-size:11px!important}.uc-step b{font-size:13px!important}.uc-step span{font-size:11px!important}.uc-step-num{width:36px!important;height:36px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:11px!important}.uc-step:after{left:44px!important;top:18px!important}.uc-pro{padding:14px!important;border-radius:6px!important}.uc-pro-av{width:42px!important;height:42px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important}
/* Admin: CC Shoppe-like compact dashboard */
.cc-admin-home{background:var(--cc3-bg)!important;padding:24px 0 44px!important;font-family:Arial,Helvetica,sans-serif!important}.cc-admin-home .wrap{max-width:1180px!important;padding:0!important}.cc-admin-home .hero{padding:20px 22px!important;border:1px solid var(--cc3-line)!important;border-left:4px solid var(--cc3-orange)!important;border-radius:6px!important;background:#fff!important;background-image:none!important}.cc-admin-home .eyebrow{font-family:Arial,Helvetica,sans-serif!important;font-size:9px!important;color:var(--cc3-orange)!important}.cc-admin-home h1{margin:8px 0 5px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:28px!important;line-height:1.08!important;letter-spacing:-.6px!important;text-transform:none!important}.cc-admin-home .hero p{font-size:12px!important;line-height:1.5!important}.cc-admin-home .admin-mark{width:58px!important;height:58px!important;border-radius:5px!important;background:var(--cc3-navy)!important;font-family:Arial,Helvetica,sans-serif!important;font-size:9px!important}.cc-admin-home .kpis{margin:14px 0 22px!important;border-radius:6px!important;gap:0!important;background:#fff!important}.cc-admin-home .kpi{padding:13px 16px!important;border-right:1px solid var(--cc3-line)!important}.cc-admin-home .kpi:last-child{border-right:0!important}.cc-admin-home .kpi span{font-family:Arial,Helvetica,sans-serif!important;font-size:9px!important}.cc-admin-home .kpi b{margin-top:5px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:25px!important}.cc-admin-home .kpi small{margin-top:3px!important;font-size:10px!important}.cc-admin-home .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.cc-admin-home .card{min-height:190px!important;padding:17px!important;border-radius:6px!important}.cc-admin-home .card:before{width:34px!important;height:3px!important}.cc-admin-home .card h2{font-family:Arial,Helvetica,sans-serif!important;font-size:17px!important;line-height:1.2!important;letter-spacing:-.2px!important;text-transform:none!important}.cc-admin-home .card p{margin:7px 0 14px!important;font-size:12px!important;line-height:1.5!important}.cc-admin-home .card .btn{min-height:34px!important;padding:0 12px!important;font-size:10px!important}.cc-admin-home .card .btn.orange{background:var(--cc3-orange)!important;border-color:var(--cc3-orange)!important}.cc-admin-home .card .btn:not(.orange){background:var(--cc3-navy)!important;border-color:var(--cc3-navy)!important;color:#fff!important}.cc-admin-home .card .btn:not(.orange):hover{background:var(--cc3-navy2)!important}
/* Footer less dominant, like CC Shoppe */
.cc-footer-modern{margin-top:36px!important;border-top-width:2px!important;background:#07385a!important;background-image:none!important}.cc-footer-main{grid-template-columns:1.1fr 1.5fr 1fr!important;gap:26px!important;padding-top:28px!important;padding-bottom:26px!important}.cc-footer-brand strong{font-family:Arial,Helvetica,sans-serif!important;font-size:17px!important;text-transform:none!important}.cc-footer-brand strong:before{width:29px!important;height:29px!important;font-size:11px!important}.cc-footer-brand span,.cc-footer-links a{font-size:11px!important}.cc-footer-copy{font-family:Arial,Helvetica,sans-serif!important;font-size:9px!important}.cc-contact-float a{width:44px!important;height:44px!important;border-radius:6px!important;background-size:21px!important}
@media(max-width:980px){.container{width:min(100% - 24px,1180px)!important}.uc-hero-grid{grid-template-columns:1fr!important}.uc-hero-visual{max-width:620px!important}.uc-rail{grid-auto-columns:calc((100% - 30px)/3)!important}.cc-admin-home .wrap{padding:0 12px!important}.cc-admin-home .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){html{font-size:13px}.container{width:calc(100% - 20px)!important}.utility .container>div:first-child{display:none!important}.utility .container{justify-content:flex-end!important}header.top .nav{min-height:55px!important}header.top .brand-logo{width:158px!important}.uc-section{padding:27px 0!important}.uc-hero h1{font-size:31px!important}.uc-cat-grid{grid-template-columns:1fr 1fr!important}.uc-hero-visual{padding-left:0!important}.uc-hero-visual>img{height:260px!important}.tx-layers{position:relative!important;width:100%!important;margin-top:-28px!important}.uc-rail{grid-auto-columns:78%!important}.uc-promos,.uc-pros{grid-template-columns:1fr!important}.uc-steps{grid-template-columns:1fr!important;gap:14px!important}.uc-step:after{display:none!important}.cc-admin-home{padding-top:14px!important}.cc-admin-home .hero{padding:16px!important}.cc-admin-home h1{font-size:23px!important}.cc-admin-home .kpis{grid-template-columns:1fr 1fr!important}.cc-admin-home .grid{grid-template-columns:1fr!important}.cc-admin-home .card{min-height:0!important}.cc-admin-home .card .btn{width:100%!important}.cc-footer-main{grid-template-columns:1fr!important}}

/* V4 refinements: mobile utility bar hidden, cleaner app header */
@media(max-width:720px){
  .utility{display:none!important}
  header.top .nav{min-height:62px!important}
  .mobile-nav-toggle.open{top:11px!important}
}

/* V6 homepage mobile conflict fixes */
@media(max-width:760px){
  .cc-home-v4{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .cc-home-v4 .uc-wrap{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important}
  .cc-home-v4 .uc-hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
  .cc-home-v4 .uc-hero-grid>div{min-width:0!important;width:100%!important}
  .cc-home-v4 .uc-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cc-home-v4 .uc-cat{min-width:0!important;width:100%!important}
  .cc-home-v4 .uc-stats{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .cc-home-v4 .uc-hero-visual{width:100%!important;max-width:100%!important;padding:0!important}
  .cc-home-v4 .uc-hero-visual>img{width:100%!important;max-width:100%!important;height:230px!important;object-fit:cover!important}
  .cc-home-v4 .tx-layers{position:relative!important;inset:auto!important;width:calc(100% - 24px)!important;max-width:none!important;margin:-28px 12px 0!important;box-sizing:border-box!important}

  /* Important: reset desktop carousel/grid flow that caused overlapping promo cards. */
  .cc-home-v4 .uc-promos{display:grid!important;grid-auto-flow:row!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-columns:auto!important;gap:12px!important;width:100%!important;overflow:visible!important;scroll-snap-type:none!important}
  .cc-home-v4 .uc-promo,.cc-home-v4 .uc-promo:last-child{grid-column:auto!important;grid-row:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:170px!important;padding:20px!important;scroll-snap-align:none!important;box-sizing:border-box!important}
  .cc-home-v4 .uc-promo h3{max-width:calc(100% - 34px)!important;font-size:20px!important;line-height:1.15!important}
  .cc-home-v4 .uc-promo p{max-width:100%!important;font-size:12px!important}
  .cc-home-v4 .uc-promo-btn{height:34px!important;padding:0 12px!important;font-size:10px!important}

  .cc-home-v4 .uc-steps{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  .cc-home-v4 .uc-step{min-width:0!important;width:100%!important}
  .cc-home-v4 .uc-pros{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:10px!important}
  .cc-home-v4 .uc-pro{min-width:0!important;width:100%!important;box-sizing:border-box!important}
  .cc-home-v4 .uc-tax{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  .cc-home-v4 .uc-tax-card{min-width:0!important;width:100%!important;box-sizing:border-box!important}
  .cc-home-v4 .uc-join{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  .cc-home-v4 .uc-join-copy,.cc-home-v4 .uc-join-img{min-width:0!important;width:100%!important;box-sizing:border-box!important}
}
@media(max-width:480px){
  .cc-home-v4 .uc-hero h1{font-size:28px!important;line-height:1.08!important;letter-spacing:-.6px!important}
  .cc-home-v4 .uc-cat-grid{gap:6px!important}
  .cc-home-v4 .uc-cat{padding:7px!important;font-size:10px!important}
  .cc-home-v4 .uc-stats{gap:8px!important}
  .cc-home-v4 .uc-stat{margin:0!important;padding:10px 4px 0 0!important}
  .cc-home-v4 .uc-stat b{font-size:21px!important}
  .cc-home-v4 .uc-stat span{font-size:9px!important;line-height:1.25!important}
  .cc-home-v4 .uc-rail{grid-auto-columns:84%!important;gap:10px!important}
  .cc-home-v4 .uc-head{align-items:flex-end!important;gap:10px!important}
  .cc-home-v4 .uc-head h2{font-size:21px!important}
  .cc-home-v4 .uc-section{padding:24px 0!important}
}