/* RAM Roof Coatings isolated interior-page styling.
   This file does not affect the homepage because all rules are scoped
   beneath body.premium-interior-page. */
/* FULL SITE PREMIUM RESTYLE */
.premium-interior-page{--ram-navy:#071a34;--ram-red:#c9151e;--ram-light:#f4f6f8;--ram-border:#d9dee5;--ram-text:#1d2d43}
body.premium-interior-page:not(.homepage-exact) .site-header{background:var(--ram-navy);border-bottom:1px solid rgba(255,255,255,.1)}
body.premium-interior-page:not(.homepage-exact) .site-header .brand{background:#fff;border:2px solid var(--ram-red);border-radius:6px;padding:5px 8px}
body.premium-interior-page:not(.homepage-exact) .site-header .brand img{width:115px;height:62px;object-fit:contain;background:#fff}
body.premium-interior-page:not(.homepage-exact) .site-header .brand span{display:none}
body.premium-interior-page:not(.homepage-exact) .main-nav a{color:#fff}
body.premium-interior-page:not(.homepage-exact) .main-nav a:hover{color:#ff545b}
body.premium-interior-page:not(.homepage-exact) .phone-link{color:#fff}
.premium-interior-page .inner-hero{position:relative;min-height:460px;display:flex;align-items:center;background:url("assets/hero-el-paso-flat-roof.jpg") center/cover no-repeat!important;color:var(--ram-navy)!important}
.premium-interior-page .inner-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,26,52,.82) 0%,rgba(7,26,52,.60) 48%,rgba(7,26,52,.18) 78%,rgba(7,26,52,.04) 100%)}
.premium-interior-page .inner-hero>.container{position:relative;z-index:2}
.premium-interior-page .inner-hero h1{color:#fff!important;text-transform:uppercase;letter-spacing:-.04em;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.premium-interior-page .inner-hero p{color:#fff!important;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.premium-interior-page .inner-hero .eyebrow{color:#ff6269!important}
.premium-interior-page .premium-trust-band{background:var(--ram-navy);color:#fff;padding:34px 0}
.premium-interior-page .premium-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.premium-interior-page .premium-trust-grid div{background:#fff;color:var(--ram-navy);border-radius:7px;text-align:center;padding:18px 12px}
.premium-interior-page .premium-trust-grid b{display:block;color:var(--ram-red);font:800 .95rem Montserrat,sans-serif;text-transform:uppercase}
.premium-interior-page .premium-trust-grid span{display:block;font-size:.72rem;margin-top:4px;font-weight:700;text-transform:uppercase}
.premium-interior-page .content-section.alt, .premium-interior-page .section-light, .premium-interior-page .alt{background:var(--ram-light)!important}
.premium-interior-page .promise-card, .premium-interior-page .tool-card, .premium-interior-page .article-grid article, .premium-interior-page .tool, .premium-interior-page .story-card, .premium-interior-page .decision-card, .premium-interior-page .myth-grid article, .premium-interior-page .academy-grid article{border-radius:9px!important;box-shadow:0 10px 30px rgba(0,0,0,.05)!important;border:1px solid var(--ram-border)!important}
.premium-interior-page .promise-card{border-left:5px solid var(--ram-red)!important}
.premium-interior-page .check-grid div{background:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.04)}
.premium-interior-page .cta-band{background:linear-gradient(90deg,var(--ram-red),#9f1016)!important}
.premium-interior-page .section-dark{background:var(--ram-navy)!important}
.premium-interior-page .comparison-table thead th{background:var(--ram-navy)!important}
.premium-interior-page .comparison-table tbody th{color:var(--ram-navy)}
.premium-interior-page .gallery-grid{grid-template-columns:repeat(3,1fr)!important}
.premium-interior-page .gallery-grid figure{background:#fff;border:1px solid var(--ram-border);border-radius:9px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.06)}
.premium-interior-page .gallery-grid figcaption{padding:14px 16px!important;color:var(--ram-navy)}
.premium-interior-page .score-form, .premium-interior-page .score-result-card{border-radius:12px!important;box-shadow:0 18px 45px rgba(0,0,0,.09)!important}
.premium-interior-page .answer{border-radius:6px!important}
.premium-interior-page .answer:hover{border-color:var(--ram-red)!important}
.premium-interior-page footer{background:var(--ram-navy)!important}
@media(max-width:900px){
 body.premium-interior-page:not(.homepage-exact) .site-header{background:var(--ram-navy)}
 body.premium-interior-page:not(.homepage-exact) .main-nav.open{background:var(--ram-navy)}
 .premium-interior-page .inner-hero{min-height:auto;background-position:center}
 .premium-interior-page .inner-hero:before{background:linear-gradient(180deg,rgba(7,26,52,.76) 0%,rgba(7,26,52,.55) 58%,rgba(7,26,52,.28) 100%)}
 .premium-interior-page .premium-trust-grid{grid-template-columns:1fr 1fr}
 .premium-interior-page .gallery-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:650px){
 .premium-interior-page .premium-trust-grid, .premium-interior-page .gallery-grid{grid-template-columns:1fr!important}
}

/* Requested homepage hero image match: Commercial and About only */
.premium-interior-page.commercial-page .inner-hero,
.premium-interior-page.about-page .inner-hero{
  background-image:url("assets/hero-el-paso-flat-roof.jpg")!important;
  background-position:center 34%!important;
  background-size:cover!important;
}

/* Final requested hero-image consistency */
.premium-interior-page.commercial-page .inner-hero,
.premium-interior-page.about-page .inner-hero,
.premium-interior-page.academy-page .inner-hero,
body.premium-interior-page.learning-center-page .inner-hero {
  background-image:url("assets/hero-el-paso-flat-roof.jpg")!important;
  background-position:center 34%!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}