/* A & A Quality Cleans - Shared Website Styles */

{box-sizing: border-box;margin: 0;padding: 0;}

html {scroll-behavior: smooth;}

body {font-family: Arial, sans-serif;line-height: 1.6;color: #1f2933;background: #f5f9fb;}

/* Navigation */

nav {background: white;padding: 18px 20px;text-align: center;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);position: sticky;top: 0;z-index: 10;}

nav a {margin: 0 12px;color: #1f6f78;text-decoration: none;font-weight: bold;}

nav a {color: #15545b;}

/* Hero area */

header {background:linear-gradient(rgba(18, 52, 59, 0.35), rgba(18, 52, 59, 0.35)),url("images/header-background.png");background-size: cover;background-position: center;padding: 80px 20px;text-align: center;color: white;}

.hero-content {display: flex;align-items: center;justify-content: center;gap: 35px;max-width: 1000px;margin: 0 auto;}

.hero-logo {width: 150px;height: 150px;object-fit: contain;max-width: 35%;border-radius: 50%;background: rgba(255, 255, 255, 0.9);padding: 8px;box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);}

.hero-text {text-align: center;}

header h1 {font-size: 2.6rem;margin-bottom: 14px;letter-spacing: 1px;}

header p {max-width: 760px;margin: 0 auto 25px;font-size: 1.15rem;}

/* Buttons */

.button {display: inline-block;background: #1f6f78;color: white !important;padding: 12px 24px;border-radius: 999px;text-decoration: none;font-weight: bold;transition: background 0.2s ease, transform 0.2s ease;}

.button {background: #15545b;color: white !important;transform: translateY(-1px);}

/* General sections */

section {max-width: 1150px;margin: 0 auto;padding: 50px 20px;}

h2 {color: #12343b;margin-bottom: 18px;font-size: 1.9rem;}

h3 {color: #1f6f78;margin-bottom: 12px;}

p + p {margin-top: 18px;}

/* Homepage service cards */

.services {display: grid;grid-template-columns: repeat(6, 1fr);gap: 20px;margin-top: 24px;}

.card {display: block;grid-column: span 2;background: white;padding: 26px;border-radius: 18px;box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);text-decoration: none;color: inherit;transition: transform 0.2s ease, box-shadow 0.2s ease;}

.card(4) {grid-column: 2 / span 2;}

.card(5) {grid-column: 4 / span 2;}

.card {transform: translateY(-4px);box-shadow: 0 8px 22px rgba(0, 0, 0, 0.10);}

.card h3 {margin-bottom: 10px;color: #1f6f78;font-size: 1.25rem;text-align: center;}

/* Highlight and notice boxes */

.highlight {background: #fff7ed;border-left: 5px solid #d89b5f;padding: 20px;border-radius: 12px;margin-top: 20px;}

.note {background: #fff7ed;border-left: 5px solid #d89b5f;padding: 20px;border-radius: 12px;margin-top: 24px;}

/* Intro, content and call-to-action panels */

.intro,.content,.contact-box,.cta {background: white;padding: 28px;border-radius: 18px;box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);}

.content {padding: 35px;}

.cta {text-align: center;padding: 35px 20px;}

.content h2 {margin-top: 30px;margin-bottom: 15px;}

.content h2 {margin-top: 0;}

/* Service checklist cards */

.checklist-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 20px;margin-top: 22px;}

.checklist-card {background: white;padding: 24px;border-radius: 18px;box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);}

.checklist-card ul {list-style: none;margin: 0;}

.checklist-card li {margin-bottom: 10px;padding-left: 28px;position: relative;}

.checklist-card li::before {content: "✓";position: absolute;left: 0;color: #1f6f78;font-weight: bold;}

/* Standard lists for policy and legal pages */

.content ul {margin-left: 20px;margin-top: 10px;margin-bottom: 20px;}

.content li {margin-bottom: 8px;}

/* Contact area */

.contact-box a,.content a {color: #1f6f78;font-weight: bold;}

.form-notes {max-width: 760px;margin-top: 16px;color: #4b5563;font-size: 0.95rem;line-height: 1.5;}

.form-notes p {margin-bottom: 8px;}

.form-notes a {color: #1f6f78;font-weight: bold;text-decoration: underline;}

.form-notes strong {color: #12343b;}

/* Areas section */

#areas p {margin-bottom: 20px;}

#areas p {margin-bottom: 0;}

/* Footer */

footer {background: #12343b;color: white;text-align: center;padding: 28px 20px;margin-top: 30px;}

footer a {color: #d8edf2;font-weight: bold;}

.footer-links {margin-top: 8px;}

/* Tablet */

@media (max-width: 1000px) {.services {grid-template-columns: repeat(2, 1fr);}

.card,.card(4),.card(5) {grid-column: auto;}

.hero-content {gap: 25px;}

.hero-logo {width: 130px;height: 130px;max-width: none;}}

/* Mobile */

@media (max-width: 600px) {nav a {display: inline-block;margin: 6px 8px;}

header {padding: 60px 20px;}

.hero-content {flex-direction: column;gap: 20px;}

.hero-logo {width: 140px;height: 140px;max-width: 70%;}

header h1 {font-size: 2rem;}

header p {font-size: 1rem;}

.services {grid-template-columns: 1fr;}

.content,.intro,.contact-box,.cta,.checklist-card {padding: 24px;}}

/* FAQ PAGE FIX */

.faq-list {display: flex;flex-direction: column;gap: 20px;}

.faq-item {display: block;width: 100%;background-color: #ffffff;padding: 26px;border-radius: 18px;border: 1px solid rgba(18, 52, 59, 0.06);box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);}

.faq-item h3 {color: #1f6f78;font-size: 1.25rem;margin: 0 0 12px 0;}

.faq-item p {margin: 0;}

.faq-item p + p {margin-top: 14px;}

.faq-item a {color: #1f6f78;font-weight: bold;}/* ===========================TERMS & CONDITIONS PAGE=========================== */

main {max-width: 1150px;margin: 0 auto;}

.terms {background: white;padding: 35px;border-radius: 18px;box-shadow: 0 4px 14px rgba(0,0,0,0.06);}

.terms h3 {color: #12343b;font-size: 1.5rem;margin-top: 35px;margin-bottom: 15px;}

.terms h3 {margin-top: 0;}

.terms p {margin-bottom: 16px;}

.terms ul {margin: 10px 0 20px 22px;}

.terms li {margin-bottom: 8px;}

.download-btn {display: inline-block;margin-top: 20px;background: #1f6f78;color: white !important;text-decoration: none;padding: 12px 22px;border-radius: 999px;font-weight: bold;transition: background 0.2s ease;}

.download-btn {background: #15545b;}

@media (max-width:600px){

.terms{padding:24px;}

}/* ===========================HOLIDAY LET PAGE=========================== */

.availability-note {background: #eef8fa;border-left: 5px solid #1f6f78;padding: 18px 20px;border-radius: 12px;margin-top: 22px;}

.availability-note p {margin: 0;}

.mini-nav {display: flex;flex-wrap: wrap;gap: 10px;margin-top: 22px;}

.mini-nav a {display: inline-block;background: #1f6f78;color: white;padding: 9px 15px;border-radius: 999px;text-decoration: none;font-size: 0.95rem;font-weight: bold;}

.mini-nav a {background: #15545b;color: white;}

.checklist-card h4 {color: #4b5563;font-size: 0.95rem;margin-bottom: 14px;font-weight: bold;}

.checklist-card[id] {scroll-margin-top: 100px;}

@media (max-width: 600px) {.mini-nav {gap: 8px;}

.mini-nav a {padding: 8px 12px;font-size: 0.9rem;}}

/* ===========================DEEP CLEAN PAGE=========================== */

.room-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 20px;margin-top: 22px;}

.room-card {background: white;padding: 26px;border-radius: 18px;box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);}

.room-card h3 {color: #1f6f78;font-size: 1.35rem;margin-bottom: 14px;}

.room-card h4 {color: #12343b;font-size: 1rem;margin-top: 22px;margin-bottom: 12px;}

.room-card h4 {margin-top: 0;}

.room-card ul {list-style: none;margin: 0;padding: 0;}

.room-card li {position: relative;padding-left: 28px;margin-bottom: 10px;}

.room-card li::before {content: "✓";position: absolute;left: 0;color: #1f6f78;font-weight: bold;}

.room-card ul.extras li::before {content: "+";color: #d89b5f;font-size: 1.1rem;}

.room-card .note {margin-top: 24px;}

.room-card[id] {scroll-margin-top: 100px;}

@media (max-width: 800px) {.room-grid {grid-template-columns: 1fr;}}

@media (max-width: 600px) {.room-card {padding: 22px;}}

/* ===========================DEEP CLEAN PAGE=========================== */

.room-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 20px;margin-top: 22px;}

.room-card {background: white;padding: 26px;border-radius: 18px;box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);}

.room-card h3 {color: #1f6f78;font-size: 1.35rem;margin-bottom: 14px;}

.room-card h4 {color: #12343b;font-size: 1rem;margin-top: 22px;margin-bottom: 12px;}

.room-card h4 {margin-top: 0;}

.room-card ul {list-style: none;margin: 0;padding: 0;}

.room-card li {position: relative;padding-left: 28px;margin-bottom: 10px;}

.room-card li::before {content: "✓";position: absolute;left: 0;color: #1f6f78;font-weight: bold;}

.room-card ul.extras li::before {content: "+";color: #d89b5f;font-size: 1.1rem;}

.room-card .note {margin-top: 24px;}

.room-card[id] {scroll-margin-top: 100px;}

@media (max-width: 800px) {.room-grid {grid-template-columns: 1fr;}}

@media (max-width: 600px) {.room-card {padding: 22px;}}

/* ===========================APPLIANCE RESET PAGE=========================== */

.safety-note {background: #eef8fa;border-left: 5px solid #1f6f78;padding: 18px 20px;border-radius: 12px;margin-top: 22px;}

.safety-note p {margin: 0;}

.appliance-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 20px;margin-top: 22px;}

.appliance-card {background: white;padding: 26px;border-radius: 18px;box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);}

.appliance-card h3 {color: #1f6f78;font-size: 1.35rem;margin-bottom: 14px;}

.appliance-card h4 {color: #12343b;font-size: 1rem;margin-top: 22px;margin-bottom: 12px;}

.appliance-card h4 {margin-top: 18px;}

.appliance-card ul {list-style: none;margin: 0;padding: 0;}

.appliance-card li {position: relative;padding-left: 28px;margin-bottom: 10px;}

.appliance-card li::before {content: "✓";position: absolute;left: 0;color: #1f6f78;font-weight: bold;}

.appliance-card .note {margin-top: 24px;}

.appliance-card[id] {scroll-margin-top: 100px;}

@media (max-width: 800px) {.appliance-grid {grid-template-columns: 1fr;}}

@media (max-width: 600px) {.appliance-card {padding: 22px;}}/* ==========================================================INDEX PAGE REFINEMENTS========================================================== */

/* Centre the introductory text */#services > p,#about > p,#areas > p {max-width: 900px;margin-left: auto;margin-right: auto;}

/* Keep all service cards the same height */.services {align-items: stretch;}

.card {height: 100%;text-align: center;}

/* Keep the headings centred */.card h3 {text-align: center;}

/* Centre the contact section */.contact-box {max-width: 900px;margin: 0 auto;}

/* Slightly improve spacing */.contact-box > p {margin-bottom: 18px;}

.contact-box > p {margin-bottom: 8px;}

.contact-box .button {margin-top: 10px;}

.form-notes {margin-top: 20px;}

/* Footer spacing */footer p + p {margin-top: 8px;}

/* Mobile */@media (max-width: 600px) {

.contact-box {
    padding: 24px;
}

.card {
    text-align: center;
}

}

/* ===========================SHARED CONTENT BOXES=========================== */

.intro,.content,.contact-box,.cta {background: #ffffff;padding: 28px;border-radius: 18px;box-shadow: 0 4px 14px rgba(0,0,0,0.06);}

.content {padding: 35px;}

.cta {text-align: center;}