@import url("https://fonts.googleapis.com/css2?family=Great+Vibes&family=Cormorant+Garamond:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap");

/* ===== LUXURY FULL-WIDTH HERO ===== */
.abc-hero-section,
.abc-hero-section *{box-sizing:border-box;}
.abc-hero-section{
  position:relative;
  width:100vw;
  min-height:800px;
  display:flex;
  align-items:center;
  overflow:hidden;
  margin-left:calc(50% - 50vw);
  background:url('https://autobodyautocare.com/wp-content/uploads/2026/08/aranprime-vuH2DqJrrbU-unsplash.avif') center center/cover no-repeat;
  isolation:isolate;
}
.abc-hero-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.55) 42%,rgba(0,0,0,.38) 100%),
    linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,.42) 100%);
  z-index:-1;
}
.abc-hero-container{
  width:100%;
  max-width:1600px;
  margin:0 auto;
  padding:80px 70px;
}
.abc-hero-content{max-width:900px!important;}
.abc-script{
  font-family:'Great Vibes',cursive!important;
  color:#C9A45C;
  font-size:88px;
  line-height:1;
  margin:0;
  padding-bottom:20px!important;
  font-weight:500!important;
  letter-spacing:-.015em;
}
.abc-title{
  font-family:'Cormorant Garamond',serif;
  color:#fff;
  font-weight:400;
  font-size:88px;
  line-height:.95;
  letter-spacing:-.5px;
  margin:0 0 26px;
}
.abc-desc{
  font-family:'Montserrat',sans-serif;
  color:rgba(255,255,255,.92);
  font-size:19px;
  line-height:1.9;
  font-weight:400;
  max-width:760px;
  margin:0 0 42px;
}
.abc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:18px 34px;
  background:#C9A45C;
  color:#fff!important;
  text-decoration:none;
  border-radius:999px;
  font-family:'Montserrat',sans-serif;
  font-size:13px;
  font-weight:400!important;
  letter-spacing:2px;
  text-transform:uppercase;
  transition:.35s ease;
}
.abc-btn:hover{background:#D7B26A;color:#fff!important;transform:translateY(-3px);box-shadow:0 12px 30px rgba(201,164,92,.28);}

/* ===== EXISTING CONTENT: KEEP NARROW ===== */
.abac-ceramic-wrap{max-width:1180px;margin:0 auto;padding:36px 20px;color:#111827;font-family:Montserrat,Arial,Helvetica,sans-serif;}
.abac-ceramic-wrap>*:not(.abc-hero-section){max-width:1180px;}
.abac-ceramic-wrap .abac-ceramic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0;}
.abac-ceramic-wrap .abac-ceramic-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0;}
.abac-ceramic-wrap .abac-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;}
.abac-ceramic-card,.abac-ceramic-step,.abac-ceramic-callout,.abac-ceramic-form{border:1px solid #e5e7eb;border-radius:8px;background:#fff;}
.abac-ceramic-card{padding:20px}.abac-ceramic-step{padding:18px}.abac-ceramic-callout{padding:22px;background:#f9fafb}.abac-ceramic-form{margin-top:30px;padding:28px;background:#f9fafb;}
.abac-ceramic-band{margin:28px 0;padding:24px;border-radius:8px;background:#111827;color:#fff;}
.abac-ceramic-eyebrow{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c9a45c;margin:0 0 12px}
.abac-ceramic-lede{font-size:18px;line-height:1.65;margin:0;color:#374151}
.abac-ceramic-callout h2,.abac-ceramic-card h2,.abac-ceramic-card h3{font-size:20px;margin:0 0 10px;color:#111827}
.abac-ceramic-callout p,.abac-ceramic-card p,.abac-ceramic-card li{font-size:15px;line-height:1.55;color:#4b5563}
.abac-ceramic-card ul{margin:0;padding-left:18px}
.abac-ceramic-band h2{margin:0 0 10px;font-size:26px;color:#fff}.abac-ceramic-band p{margin:0;color:#e5e7eb;line-height:1.6}
.abac-ceramic-step:before{counter-increment:step;content:counter(step);display:inline-grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#c9a45c;color:#fff;font-weight:800;margin-bottom:10px}.abac-ceramic-steps{counter-reset:step}
.abac-ceramic-step h3{font-size:17px;margin:0 0 8px;color:#111827}.abac-ceramic-step p{font-size:14px;line-height:1.55;margin:0;color:#4b5563}
.abac-ceramic-button{display:inline-flex;border-radius:999px;background:#c9a45c;color:#fff;text-decoration:none;padding:12px 18px;font-weight:400}
.abac-ceramic-button:hover{background:#c9a45c;color:#fff}
.abac-ceramic-form h2{margin:0 0 8px;font-size:28px;color:#111827}.abac-ceramic-form p{color:#4b5563}
.abac-field{display:flex;flex-direction:column;gap:7px}.abac-field.abac-full{grid-column:1/-1}.abac-field label{font-weight:700;font-size:14px;color:#1f2937}.abac-field input,.abac-field select,.abac-field textarea{width:100%;border:1px solid #cbd5e1;border-radius:6px;padding:11px 12px;font:inherit;background:#fff;color:#111827}.abac-field textarea{min-height:110px;resize:vertical}
.abac-required{color:#c9a45c}.abac-submit{margin-top:22px;display:inline-flex;border:0;border-radius:999px;background:#c9a45c;color:#fff;padding:13px 20px;font-weight:400;cursor:pointer}.abac-submit:hover{background:#c9a45c}.abac-alert{padding:14px 16px;border-radius:6px;margin:18px 0;font-weight:700}.abac-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.abac-error{background:#fef2f2;color:#c9a45c;border:1px solid #fecaca}.abac-small{font-size:13px;color:#6b7280;margin-top:10px}.abac-honeypot{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.entry-header{display:none!important;}
body.abac-ceramic-service-page .entry-header,body.abac-ceramic-service-page .entry-header .entry-title{display:none!important;}

@media (max-width:1200px){.abc-hero-container{padding:80px 50px}.abc-hero-content{max-width:900px!important}}
@media (max-width:991px){.abc-hero-section{min-height:780px;background-position:70% center}.abc-hero-container{padding:90px 38px 80px}.abc-script{font-size:68px}.abc-title{font-size:68px;line-height:1}.abc-desc{font-size:17px;line-height:1.8}.abac-ceramic-grid,.abac-ceramic-steps{grid-template-columns:1fr 1fr}}
@media (max-width:767px){.abc-hero-section{min-height:100svh;align-items:flex-end;background-position:76% center}.abc-hero-section::before{background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.88) 100%)}.abc-hero-container{padding:90px 22px 40px}.abc-script{font-size:42px;padding-bottom:16px!important}.abc-title{font-size:52px;line-height:.96;margin-bottom:18px}.abc-desc{font-size:15px;line-height:1.75;margin-bottom:28px}.abc-btn{width:100%;padding:16px 22px;font-size:12px;letter-spacing:1.6px}.abac-ceramic-wrap{max-width:1180px;padding:32px 14px}.abac-ceramic-grid,.abac-ceramic-steps,.abac-field-grid{grid-template-columns:1fr}.abac-ceramic-form{padding:22px}}
@media (max-width:430px){.abc-script{font-size:36px}.abc-title{font-size:44px}}
\n\n/* ===== v1.2.3 COMPLETE RESPONSIVE OVERRIDES ===== */
.abac-ceramic-wrap,
.abac-ceramic-wrap *{box-sizing:border-box;}
.abac-ceramic-wrap{width:100%;overflow:visible;}
.abc-hero-section{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}
.abc-hero-container{width:100%;max-width:1600px;margin:0 auto;}
.abac-ceramic-grid,.abac-ceramic-steps,.abac-field-grid{width:100%;}
.abac-ceramic-card,.abac-ceramic-step,.abac-ceramic-band,.abac-ceramic-form{min-width:0;overflow-wrap:anywhere;}
.abac-ceramic-form input,.abac-ceramic-form select,.abac-ceramic-form textarea{max-width:100%;min-width:0;}

@media (max-width:1199px){
  .abc-hero-container{padding:72px 48px;}
  .abc-script{font-size:72px;}
  .abc-title{font-size:72px;}
  .abc-desc{max-width:700px;}
  .abac-ceramic-wrap{padding-left:20px;padding-right:20px;}
}
@media (max-width:991px){
  .abc-hero-section{min-height:700px;background-position:65% center;}
  .abc-hero-container{padding:80px 36px 70px;}
  .abc-hero-content{max-width:100%!important;}
  .abc-script{font-size:60px;}
  .abc-title{font-size:60px;line-height:.98;}
  .abc-desc{font-size:16px;line-height:1.75;max-width:680px;margin-bottom:32px;}
  .abc-btn{padding:16px 28px;}
  .abac-ceramic-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .abac-ceramic-steps{grid-template-columns:repeat(2,minmax(0,1fr));}
  .abac-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:767px){
  .abc-hero-section{width:100vw;min-height:720px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);align-items:flex-end;background-position:68% center;}
  .abc-hero-container{padding:88px 20px 38px;}
  .abc-script{font-size:44px;line-height:1.05;padding-bottom:14px!important;}
  .abc-title{font-size:48px;line-height:.98;letter-spacing:-.3px;margin-bottom:18px;}
  .abc-desc{font-size:15px;line-height:1.7;margin-bottom:26px;}
  .abc-btn{width:100%;max-width:100%;padding:15px 18px;font-size:11px;letter-spacing:1.2px;white-space:normal;text-align:center;}
  .abac-ceramic-wrap{padding:28px 14px;}
  .abac-ceramic-grid,.abac-ceramic-steps,.abac-field-grid{grid-template-columns:1fr;gap:14px;}
  .abac-ceramic-card,.abac-ceramic-step{padding:18px;}
  .abac-ceramic-band{padding:20px;margin:22px 0;}
  .abac-ceramic-band h2{font-size:23px;line-height:1.2;}
  .abac-ceramic-form{padding:20px 16px;margin-top:24px;}
  .abac-ceramic-form h2{font-size:24px;line-height:1.25;}
  .abac-ceramic-form p,.abac-ceramic-lede{font-size:15px;line-height:1.6;}
  .abac-field input,.abac-field select,.abac-field textarea{font-size:16px;}
  .abac-submit{width:100%;justify-content:center;padding:14px 18px;}
}
@media (max-width:480px){
  .abc-hero-section{min-height:680px;background-position:70% center;}
  .abc-hero-container{padding:76px 16px 30px;}
  .abc-script{font-size:38px;}
  .abc-title{font-size:40px;}
  .abc-desc{font-size:14px;line-height:1.65;}
  .abc-btn{font-size:10px;letter-spacing:1px;padding:14px 15px;}
  .abac-ceramic-wrap{padding-left:12px;padding-right:12px;}
  .abac-ceramic-card h2,.abac-ceramic-card h3{font-size:19px;}
  .abac-ceramic-band h2{font-size:21px;}
}
@media (max-width:360px){
  .abc-script{font-size:34px;}
  .abc-title{font-size:36px;}
  .abc-desc{font-size:13px;}
  .abc-btn{font-size:9.5px;letter-spacing:.8px;}
}

/* ==========================================================
   v1.2.5 MOBILE / TABLET LAYOUT FIX
   Keep the luxury hero unchanged; fix all content below it.
   ========================================================== */
.abac-ceramic-wrap .abac-ceramic-grid,
.abac-ceramic-wrap .abac-ceramic-steps,
.abac-ceramic-wrap .abac-field-grid {
  min-width: 0 !important;
  width: 100% !important;
}

.abac-ceramic-wrap .abac-ceramic-card,
.abac-ceramic-wrap .abac-ceramic-step,
.abac-ceramic-wrap .abac-ceramic-callout,
.abac-ceramic-wrap .abac-ceramic-form,
.abac-ceramic-wrap .abac-ceramic-band {
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100%;
  box-sizing: border-box !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.abac-ceramic-wrap .abac-ceramic-card h2,
.abac-ceramic-wrap .abac-ceramic-card h3,
.abac-ceramic-wrap .abac-ceramic-card p,
.abac-ceramic-wrap .abac-ceramic-card li,
.abac-ceramic-wrap .abac-ceramic-step h3,
.abac-ceramic-wrap .abac-ceramic-step p,
.abac-ceramic-wrap .abac-ceramic-step li,
.abac-ceramic-wrap .abac-ceramic-callout h2,
.abac-ceramic-wrap .abac-ceramic-callout p,
.abac-ceramic-wrap .abac-ceramic-band h2,
.abac-ceramic-wrap .abac-ceramic-band p,
.abac-ceramic-wrap .abac-ceramic-lede {
  max-width: 100% !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.abac-ceramic-wrap .abac-ceramic-card ul,
.abac-ceramic-wrap .abac-ceramic-step ul {
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: 22px !important;
  overflow: visible !important;
}

.abac-ceramic-wrap .abac-ceramic-card li,
.abac-ceramic-wrap .abac-ceramic-step li {
  width: auto !important;
  max-width: none !important;
  white-space: normal !important;
}

@media (max-width: 991px) {
  .abac-ceramic-wrap .abac-ceramic-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .abac-ceramic-wrap .abac-ceramic-steps {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .abac-ceramic-wrap .abac-field-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .abac-ceramic-wrap {
    width: 100% !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 28px 16px 36px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* One comfortable column on phones. This overrides the original
     three-column desktop rule and theme/plugin specificity. */
  .abac-ceramic-wrap .abac-ceramic-grid,
  .abac-ceramic-wrap .abac-ceramic-steps,
  .abac-ceramic-wrap .abac-field-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .abac-ceramic-wrap .abac-ceramic-card,
  .abac-ceramic-wrap .abac-ceramic-step {
    grid-column: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px 18px !important;
    margin: 0 !important;
  }

  .abac-ceramic-wrap .abac-ceramic-card h2,
  .abac-ceramic-wrap .abac-ceramic-card h3,
  .abac-ceramic-wrap .abac-ceramic-step h3 {
    font-size: 20px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
  }

  .abac-ceramic-wrap .abac-ceramic-card p,
  .abac-ceramic-wrap .abac-ceramic-card li,
  .abac-ceramic-wrap .abac-ceramic-step p,
  .abac-ceramic-wrap .abac-ceramic-step li {
    font-size: 15px !important;
    line-height: 1.6 !important;
    letter-spacing: normal !important;
  }

  .abac-ceramic-wrap .abac-ceramic-card li,
  .abac-ceramic-wrap .abac-ceramic-step li {
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .abac-ceramic-wrap .abac-ceramic-band,
  .abac-ceramic-wrap .abac-ceramic-callout,
  .abac-ceramic-wrap .abac-ceramic-form {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .abac-ceramic-wrap .abac-ceramic-form {
    padding: 22px 16px !important;
  }

  .abac-ceramic-wrap .abac-field {
    min-width: 0 !important;
    width: 100% !important;
  }

  .abac-ceramic-wrap .abac-field.abac-full {
    grid-column: auto !important;
  }

  .abac-ceramic-wrap .abac-field input,
  .abac-ceramic-wrap .abac-field select,
  .abac-ceramic-wrap .abac-field textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
  }

  .abac-ceramic-wrap .abac-submit,
  .abac-ceramic-wrap .abac-ceramic-button {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 480px) {
  .abac-ceramic-wrap {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .abac-ceramic-wrap .abac-ceramic-grid,
  .abac-ceramic-wrap .abac-ceramic-steps,
  .abac-ceramic-wrap .abac-field-grid {
    gap: 14px !important;
  }

  .abac-ceramic-wrap .abac-ceramic-card,
  .abac-ceramic-wrap .abac-ceramic-step {
    padding: 18px 16px !important;
  }

  .abac-ceramic-wrap .abac-ceramic-card h2,
  .abac-ceramic-wrap .abac-ceramic-card h3,
  .abac-ceramic-wrap .abac-ceramic-step h3 {
    font-size: 19px !important;
  }

  .abac-ceramic-wrap .abac-ceramic-card li,
  .abac-ceramic-wrap .abac-ceramic-step li {
    font-size: 14px !important;
  }
}

/* ==========================================================
   v1.2.6 MOBILE HERO ONLY
   Desktop/tablet hero and all other page sections remain unchanged.
   Mobile layout follows the approved luxury concierge reference.
   ========================================================== */
@media (max-width: 767px) {
  .abc-hero-section {
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 660px !important;
    height: auto !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    align-items: center !important;
    background-position: 72% center !important;
  }

  .abc-hero-section::before {
    background:
      linear-gradient(180deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,.48) 42%, rgba(0,0,0,.88) 100%) !important;
  }

  .abc-hero-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 72px 22px 48px !important;
    margin: 0 !important;
  }

  .abc-hero-content {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 !important;
  }

  .abc-script {
    font-size: clamp(38px, 10vw, 46px) !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 0 14px !important;
    letter-spacing: -.015em !important;
  }

  .abc-title {
    font-size: clamp(40px, 10.5vw, 52px) !important;
    line-height: .98 !important;
    letter-spacing: -.35px !important;
    margin: 0 0 22px !important;
  }

  .abc-desc {
    max-width: 100% !important;
    font-size: 15px !important;
    line-height: 1.72 !important;
    margin: 0 0 30px !important;
  }

  .abc-btn {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 16px 30px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    letter-spacing: 1.5px !important;
    white-space: normal !important;
    text-align: center !important;
  }
}

@media (max-width: 430px) {
  .abc-hero-section {
    min-height: 660px !important;
    background-position: 72% center !important;
  }

  .abc-hero-container {
    padding: 64px 22px 42px !important;
  }

  .abc-script {
    font-size: 40px !important;
    padding-bottom: 14px !important;
  }

  .abc-title {
    font-size: 44px !important;
    line-height: .98 !important;
    margin-bottom: 20px !important;
  }

  .abc-desc {
    font-size: 15px !important;
    line-height: 1.7 !important;
    margin-bottom: 28px !important;
  }

  .abc-btn {
    width: 100% !important;
    padding: 16px 18px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 360px) {
  .abc-hero-container {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .abc-script {
    font-size: 36px !important;
  }

  .abc-title {
    font-size: 38px !important;
  }

  .abc-desc {
    font-size: 14px !important;
  }
}