.desktop-nav a[aria-current="page"] { color: #ead1ad; border-bottom: 2px solid #cb6d4e; }
.carports-hero .hero-inner { padding-block: 62px; }
.carports-hero h1 { font-size: clamp(2.2rem, 4.3vw, 3.75rem); }
.carports-hero .hero-location { flex-wrap: wrap; }
.carports-hero .hero-location a { color: #f0d5b0; text-decoration: none; }
.manufacturer-credit { display: flex; gap: 15px; align-items: center; margin-top: 28px; }
.manufacturer-credit img { width: 96px; height: 58px; object-fit: contain; border-radius: 3px; }
.manufacturer-credit p { color: #c1ccd5; font-size: .72rem; line-height: 1.6; }
.manufacturer-credit strong { font-weight: 700; color: #e4d4bf; }
.carports-jump-nav { background: var(--sand-dark); border-bottom: 1px solid #d4c8b6; }
.carports-jump-nav > div { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-block: 18px; }
.carports-jump-nav a { text-decoration: none; font: 500 .92rem/1.5 var(--heading); color: var(--steel); }
.carports-jump-nav a:hover { color: var(--rust); }
.carport-style-grid .style-card > img { object-fit: cover; }
.carport-style-grid .style-card:first-child > img, .carport-style-grid .style-card:nth-child(2) > img { object-fit: contain; background: #e3ded5; }
.carport-options-section { background: var(--sand); border-block: 1px solid var(--line); }
.roof-options-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 23px; }
.roof-options-grid article { padding: 29px; background: var(--cream); border: 1px solid #ded4c5; border-top: 3px solid var(--rust); border-radius: 5px; }
.roof-options-grid article > span { color: var(--rust); font: 500 .74rem/1.5 var(--heading); letter-spacing: .1em; }
.roof-options-grid h3 { margin-block: 13px; font-size: 1.6rem; }
.roof-options-grid p { color: var(--muted); font-size: .92rem; }
.configuration-layout { display: grid; grid-template-columns: 1fr 1.1fr; gap: 58px; align-items: center; margin-top: 60px; }
.configuration-layout > img { width: 100%; height: 400px; object-fit: cover; border-radius: 7px; }
.configuration-layout h3 { font-size: 1.8rem; }
.configuration-list { list-style: none; margin: 24px 0 0; padding: 0; display: grid; gap: 19px; }
.configuration-list li { border-left: 2px solid #c3a689; padding-left: 16px; }
.configuration-list strong { display: block; font-size: .96rem; }
.configuration-list span { display: block; font-size: .86rem; color: var(--muted); margin-top: 4px; }
.carport-pricing-section { background: var(--steel); color: white; }
.pricing-introduction { display: grid; grid-template-columns: 1fr auto; gap: 45px; align-items: center; margin-bottom: 35px; }
.pricing-introduction h2 { margin-bottom: 19px; }
.pricing-introduction p:not(.eyebrow) { max-width: 670px; color: #c8d1da; }
.pricing-actions { display: flex; flex-direction: column; gap: 13px; }
.pricer-embed-shell { background: #f8f7f4; border: 1px solid #ffffff45; border-radius: 8px; overflow: hidden; }
.pricer-embed-label { display: flex; align-items: center; gap: 10px; background: #314150; color: #f4e8d5; padding: 15px 24px; font: 500 1rem/1.4 var(--heading); }
.pricer-embed-label span { margin-left: auto; color: #c5cfd7; font: 400 .76rem/1.5 var(--body); }
#carport-pricer-frame { display: block; width: 100%; height: 1800px; border: 0; background: #f8f7f4; }
.pricer-context { color: #b9c5cf; font-size: .78rem; margin-top: 21px; max-width: 1000px; }
.catalog-download-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 27px; }
.catalog-download { display: flex; align-items: center; gap: 26px; padding: 28px; border: 1px solid var(--line); border-radius: 7px; background: white; color: var(--steel); text-decoration: none; transition: border-color .2s; }
.catalog-download:hover { border-color: #b79c7d; }
.catalog-download > img { width: 140px; height: 175px; object-fit: contain; background: var(--sand); flex-shrink: 0; }
.catalog-download > span { display: block; }
.catalog-download small { display: block; color: var(--rust); font: 500 .7rem/1.5 var(--heading); letter-spacing: .08em; }
.catalog-download strong { display: block; font: 600 1.55rem/1.3 var(--heading); margin: 10px 0; }
.catalog-download span > span:not(.text-link) { display: block; color: var(--muted); font-size: .87rem; }
.catalog-download .text-link { margin-top: 19px; font-size: .85rem; }
.carport-questions { background: var(--sand); border-block: 1px solid var(--line); }
.carport-contact-inner { display: grid; grid-template-columns: 1fr auto; gap: 55px; align-items: center; }
.carport-contact h2 { margin-bottom: 22px; }
.carport-contact p:not(.eyebrow) { color: var(--muted); max-width: 650px; }
.carport-contact-address { font-size: .88rem; }
.carport-contact-actions { display: flex; flex-direction: column; gap: 14px; }
.carport-contact-actions .text-link { justify-content: center; margin-top: 7px; font-size: .9rem; }
@media (max-width: 1120px) {
  .pricing-introduction { grid-template-columns: 1fr; gap: 25px; }
  .pricing-actions { flex-direction: row; flex-wrap: wrap; }
  .configuration-layout { gap: 36px; }
  .catalog-download { gap: 20px; padding: 23px; }
  .catalog-download > img { width: 110px; }
  .catalog-download strong { font-size: 1.4rem; }
}
@media (max-width: 850px) {
  .carports-hero .hero-inner { padding-block: 42px; }
  .carports-hero h1 { font-size: clamp(2.5rem, 6.2vw, 3.7rem); }
  .carports-jump-nav > div { justify-content: flex-start; gap: 14px 27px; }
  .roof-options-grid { gap: 16px; }
  .roof-options-grid article { padding: 24px 21px; }
  .roof-options-grid h3 { font-size: 1.4rem; }
  .configuration-layout { grid-template-columns: 1fr; }
  .configuration-layout > img { height: 370px; }
  .catalog-download-grid { grid-template-columns: 1fr; }
  .catalog-download { gap: 28px; padding: 28px; }
  .catalog-download > img { width: 150px; }
  .carport-contact-inner { grid-template-columns: 1fr; gap: 30px; }
  .carport-contact-actions { align-items: flex-start; }
}
@media (max-width: 600px) {
  .carports-hero h1 { font-size: clamp(1.9rem, 7.3vw, 2.8rem); }
  .carports-hero .hero-inner { padding-block: 32px; }
  .manufacturer-credit { margin-top: 22px; }
  .carports-jump-nav > div { gap: 13px 23px; padding-block: 16px; }
  .carports-jump-nav a { font-size: .84rem; }
  .roof-options-grid { grid-template-columns: 1fr; }
  .roof-options-grid article { padding: 25px; }
  .roof-options-grid h3 { font-size: 1.55rem; }
  .configuration-layout { margin-top: 35px; gap: 28px; }
  .configuration-layout > img { height: 265px; }
  .configuration-layout h3 { font-size: 1.55rem; }
  .pricing-actions { flex-direction: column; align-items: stretch; }
  .pricing-actions .button { font-size: .8rem; padding-inline: 15px; }
  .pricer-embed-label { padding: 13px 15px; font-size: .88rem; }
  .pricer-embed-label span { display: none; }
  .catalog-download { gap: 20px; padding: 22px; }
  .catalog-download > img { width: 95px; height: 145px; }
  .catalog-download strong { font-size: 1.3rem; }
  .catalog-download small { font-size: .62rem; }
  .catalog-download span > span:not(.text-link), .catalog-download .text-link { font-size: .78rem; }
  .carport-contact-actions { align-items: stretch; }
  .carport-contact-actions .button { font-size: .9rem; }
}