/* JoshTech Roofing Tiles — restrained, brighter visual refresh. Existing page structure and scripts are preserved. */
:root{--jt-red:#b9272f;--jt-red-dark:#941d25;--jt-ink:#22262b;--jt-muted:#626b75;--jt-line:#e6e8eb;--jt-paper:#fff;--jt-soft:#f6f7f8;--jt-shadow:0 8px 26px rgba(24,30,38,.08)}
html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;color:var(--jt-ink);background:#fff;letter-spacing:0;line-height:1.6}h1,h2,h3,h4{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.035em;color:var(--jt-ink)}p{color:var(--jt-muted)}a{transition:color .18s ease,background .18s ease,border-color .18s ease}
.header,.site-header,header.header{background:#fff!important;color:var(--jt-ink)!important;border-bottom:1px solid var(--jt-line);box-shadow:0 2px 12px rgba(25,30,36,.035)}.header a,.site-header a,header.header a,.nav a{color:var(--jt-ink)}.nav a:hover,.mobile-links a:hover{color:var(--jt-red)}
.quote-btn,.gold-btn,.hero .gold-btn,.btn-primary{background:var(--jt-red)!important;color:#fff!important;border:1px solid var(--jt-red)!important;border-radius:4px!important;box-shadow:none!important;font-weight:700;letter-spacing:.01em}.quote-btn:hover,.gold-btn:hover,.hero .gold-btn:hover,.btn-primary:hover{background:var(--jt-red-dark)!important;border-color:var(--jt-red-dark)!important;transform:translateY(-1px)}.outline-btn,.dark-outline{border-radius:4px!important;box-shadow:none!important}
.hero{isolation:isolate;min-height:clamp(520px,67vw,730px);background:#282d32;color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,21,25,.78) 0%,rgba(17,21,25,.57) 48%,rgba(17,21,25,.16) 100%);z-index:0;pointer-events:none}.hero-media{z-index:-1}.hero video{object-fit:cover}.hero-content{position:relative;z-index:1}.hero h1{font-size:clamp(40px,5.4vw,70px);line-height:1.08;letter-spacing:-.045em;color:#fff;font-weight:750}.hero h1 span{color:#f0b7b9}.hero p{color:#f3f4f5;font-size:clamp(16px,1.6vw,19px);max-width:600px;line-height:1.7}.hero-kicker{color:#f5f5f5;font-weight:700;letter-spacing:.02em}.hero .outline-btn{color:#fff;border:1px solid rgba(255,255,255,.8);background:rgba(20,24,28,.16)}.hero .outline-btn:hover{background:#fff;color:var(--jt-ink)}
.section{padding-top:clamp(52px,7vw,88px);padding-bottom:clamp(52px,7vw,88px)}.section.alt,.section.alt-bg{background:var(--jt-soft)}.section-head h2,.about-copy h2,.cac-copy h2{font-size:clamp(30px,3.5vw,43px);line-height:1.15;font-weight:750}.eyebrow{color:var(--jt-red);font-size:13px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.section-head p{max-width:680px;margin-left:auto;margin-right:auto}
.product-card,.live-product,.media-card,.about-photo,.cac-img{border:1px solid var(--jt-line);border-radius:6px!important;box-shadow:var(--jt-shadow);overflow:hidden;background:#fff}.product-card:hover,.live-product:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(24,30,38,.12)}.product-card img,.live-product img{display:block;width:100%;object-fit:cover}.live-product .pic{background:#f3f4f5;overflow:hidden}.live-product .pic img{aspect-ratio:4/3;object-fit:contain;padding:10px}.live-product .body{padding:18px}.live-product h3{font-size:20px;line-height:1.25}.live-price{color:var(--jt-red);font-weight:800}.live-quote{color:var(--jt-red);font-weight:800}.live-product-grid{gap:22px}.badge{box-shadow:none!important}.account-strip{background:#f5f6f7;color:var(--jt-ink)}.account-strip p{color:var(--jt-muted)}.footer{background:#202428;color:#f5f5f5}.footer p,.footer li,.footer a{color:#d4d7da}.footer a:hover{color:#fff}.jt-whatsapp{border-radius:6px!important;box-shadow:0 5px 16px rgba(32,191,91,.2)!important}.preloader{z-index:99999}
@media(max-width:760px){.hero{min-height:590px}.hero:before{background:linear-gradient(90deg,rgba(17,21,25,.78),rgba(17,21,25,.48))}.hero-content{padding-top:75px;padding-bottom:75px}.hero h1{font-size:clamp(38px,10vw,52px)}.section{padding-top:48px;padding-bottom:48px}.live-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.live-product .body{padding:12px}.live-product h3{font-size:17px}.live-product .pic img{aspect-ratio:1/1}.jt-whatsapp{right:12px;bottom:12px}}
@media(max-width:420px){.live-product-grid{grid-template-columns:1fr}.hero-actions{gap:10px}.hero-actions a{width:100%;justify-content:center}}

/* Project gallery, social buttons and trust-building sections */
.jt-socials{gap:9px!important}.jt-socials a{width:31px;height:31px;border:1px solid #555b64;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:.2s;background:rgba(255,255,255,.04)}.jt-socials a:hover{background:#b9272f;border-color:#b9272f;color:#fff;transform:translateY(-2px)}.jt-socials svg{width:16px;height:16px;fill:currentColor;stroke:currentColor;stroke-width:1.5}.jt-socials svg rect,.jt-socials svg circle{fill:none}.jt-socials svg .fill-dot{fill:currentColor;stroke:none}.jt-projects-section{background:#fff}.jt-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.jt-project-card{position:relative;overflow:hidden;border-radius:7px;background:#171b20;min-height:310px;box-shadow:0 12px 35px rgba(15,20,30,.12)}.jt-project-card a{display:block;position:relative;height:100%;min-height:310px}.jt-project-card img{display:block;width:100%;height:100%;min-height:310px;object-fit:cover;transition:transform .4s}.jt-project-card a:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.84))}.jt-project-card:hover img{transform:scale(1.045)}.jt-project-overlay{position:absolute;z-index:1;left:22px;right:22px;bottom:20px;color:#fff;display:flex;flex-direction:column;gap:5px}.jt-project-overlay small{color:#ffc44d;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.07em}.jt-project-overlay strong{font-size:23px;line-height:1.2}.jt-project-overlay em{font-size:13px;font-style:normal;color:#e5e7eb}.jt-centered-action{text-align:center;margin-top:30px}.jt-testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.jt-testimonial{background:#fff;border:1px solid #e5e7eb;border-radius:7px;padding:25px;box-shadow:0 10px 28px rgba(20,26,35,.05)}.jt-stars{color:#d99500;letter-spacing:3px;font-size:18px}.jt-testimonial>p{font-size:16px;color:#343a42;line-height:1.75;min-height:95px}.jt-review-person{display:flex;align-items:center;gap:12px;border-top:1px solid #eceef1;padding-top:16px}.jt-review-avatar{width:40px;height:40px;border-radius:50%;background:#20252c;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.jt-review-person strong,.jt-review-person small{display:block}.jt-review-person small{color:#747c86}.jt-review-note{text-align:center;font-size:12px;margin:18px auto 0;max-width:760px}.jt-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.jt-steps-grid article{background:#fff;border:1px solid #e5e7eb;border-radius:7px;padding:24px}.jt-steps-grid article>span{font-size:30px;font-weight:800;color:#b9272f}.jt-steps-grid h3{font-size:20px;margin:12px 0 8px}.jt-steps-grid p{margin:0;color:#626b75}.project-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-admin-card{overflow:hidden}.project-admin-card>img{width:100%;height:220px;object-fit:cover}.project-admin-card>div{padding:18px}.jt-account-item,.jt-account-panel,.jt-account-card{border-radius:8px!important}.jt-account-item{padding:18px!important;border:1px solid #e7e9ed!important;background:#fff!important;box-shadow:0 6px 22px rgba(15,20,30,.045)}.jt-account-action{border-radius:4px!important}.jt-account-item ul{padding-left:22px}@media(max-width:760px){.jt-project-grid,.jt-testimonial-grid,.jt-steps-grid{grid-template-columns:1fr}.jt-project-card,.jt-project-card a,.jt-project-card img{min-height:260px}.jt-testimonial>p{min-height:0}.project-admin-grid{grid-template-columns:1fr}.jt-socials a{width:30px;height:30px}.jt-account-item{overflow-wrap:anywhere}.jt-account-actions{flex-wrap:wrap}}