• Page CSS: /* Target your specific template structure - gap fix */ #main.container, .container, .row, .col-xs-12, .com-content-article.item-page { margin-top: 0 !important; padding-top: 0 !important; } body { margin: 0 !important; padding: 0 !important; } .com-content-article.item-page { margin-top: -15px !important; } /* ===== Header ===== */ *{margin:0;padding:0;box-sizing:border-box} html,body{overflow-x:hidden} body{font-family:'Arial',sans-serif;background:#ffffff} :root{ --header-bg: url('/images/flat-lay-cleaning-products-arrangement-1_2560_2560.jpg'); --btn-gray: linear-gradient(135deg,#cbd5e1 0%, #94a3b8 100%); /* strong (CTA section only) */ --btn-gray-light: #f3f4f6; /* very light (everywhere else) */ } .header-section{ position:relative;height:300px;padding:40px 0; background: /* darker overlay */ linear-gradient(rgba(0,0,0,.78), rgba(0,0,0,.78)), var(--header-bg) 50% 12%/cover no-repeat; color:#fff;display:flex;align-items:center;justify-content:center; left:50%;right:50%;width:100vw;margin-left:-50vw;margin-right:-50vw;overflow-x:clip } @supports (width:100svw){.header-section{width:100svw;margin-left:-50svw;margin-right:-50svw}} .header-content{max-width:1200px;margin:0 auto;padding:0 24px;text-align:center} .header-content h1{ color:#fff; /* ~2pt smaller overall + better small-screen wrap */ font-size:clamp(1.375rem,3.8vw,2.375rem); font-weight:900;line-height:1.0;margin-bottom:1.25rem; letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.8);text-transform:uppercase;opacity:1;border-right:none; white-space:pre-line;text-wrap:balance;overflow-wrap:anywhere;hyphens:auto; } .header-content p{ color:#fff;font-size:clamp(.9rem,1.8vw,1.1rem);line-height:1.25;font-weight:300;max-width:750px;margin:0 auto; text-shadow:1px 1px 3px rgba(0,0,0,.8) } .fade-in{animation:fadeIn 1s ease-out forwards} @keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}} .bg-elements{position:absolute;inset:0;pointer-events:none;overflow:hidden} .floating-shape{position:absolute;opacity:.1;animation:float 8s ease-in-out infinite} .shape-1{width:80px;height:80px;background:#f4d03f;border-radius:50%;top:20%;left:8%;animation-delay:-2s} .shape-2{width:60px;height:60px;background:#fff;border-radius:50%;top:70%;right:10%;animation-delay:-4s} .shape-3{width:40px;height:40px;background:#85c1e9;border-radius:50%;top:15%;right:25%;animation-delay:-1s} @keyframes float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.1)}} /* ===== Sections ===== */ .container{max-width:1200px;margin:0 auto;padding:0 28px} .section{padding:56px 0;margin:0} .section--bleed{position:relative;left:50%;right:50%;width:100vw;margin-left:-50vw;margin-right:-50vw;overflow-x:clip} @supports (width:100svw){.section--bleed{width:100svw;margin-left:-50svw;margin-right:-50svw}} @media (max-width:1024px){ .section--bleed .container{padding-left:24px !important;padding-right:24px !important} .header-content{padding:0 24px} } @media (max-width:768px){ .section{padding:44px 0} .section--bleed .container{padding-left:20px !important;padding-right:20px !important} .header-content{padding:0 20px} } @media (max-width:480px){ .section{padding:36px 0} .section--bleed .container{padding-left:16px !important;padding-right:16px !important} .header-content{padding:0 16px} } /* Color scheme */ .section:nth-child(odd){background:linear-gradient(135deg,#000 0%,#173B48 100%);color:#fff} .section:nth-child(even){background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);color:#1e293b} .section--equipment{background:linear-gradient(135deg,#8faa7b 0%,#f1f5f9 100%) !important;color:#1e293b} .section-header{text-align:center;margin-bottom:40px} .section-title{font-size:2.2rem;font-weight:700;margin-bottom:10px} .section:nth-child(odd) .section-title{color:#8faa7b;text-shadow:2px 2px 4px rgba(0,0,0,.3)} .section:nth-child(even) .section-title{color:#173B48} .section-subtitle{font-size:1.5rem;font-weight:600;margin-bottom:16px} .section:nth-child(odd) .section-subtitle{color:#fff} .section:nth-child(even) .section-subtitle{color:#173B48} .section-description{font-size:1.06rem;max-width:800px;margin:0 auto;line-height:1.75} .section:nth-child(odd) .section-description{color:#fff} .section:nth-child(even) .section-description{color:#475569} /* Cards */ .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:36px} .feature-card{background:#fff;border-radius:15px;padding:26px;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:transform .3s, box-shadow .3s} .feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(23,59,72,.3)} /* Default icon style */ .feature-icon{width:60px;height:60px;background:var(--btn-gray-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:24px;color:#fff} /* Enhanced icons in Superior Equipment */ .section--equipment .feature-icon{ width:90px;height:90px;font-size:42px;margin:0 auto 18px; background:linear-gradient(135deg,#e5e9ee 0%,#cbd5e1 100%); border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.15); } .feature-title{font-size:1.15rem;font-weight:700;color:#173B48;margin-bottom:10px} .feature-list{list-style:none} .feature-list li{padding:6px 0 6px 26px;position:relative;line-height:1.6;color:#555} .feature-list li::before{content:'✓';position:absolute;left:0;color:#173B48;font-weight:700;font-size:1.05rem} .section--equipment .feature-title{color:#8faa7b !important} .section--equipment .feature-list li{color:#2f4f40 !important} .products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:36px} .product-category{background:#fff;border-radius:20px;padding:32px;box-shadow:0 15px 35px rgba(23,59,72,.1);transition:all .3s ease} .product-category:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(23,59,72,.2)} .category-title{font-size:1.35rem;font-weight:700;color:#173B48;margin-bottom:14px;display:flex;align-items:center;gap:12px} /* Default category icon */ .category-icon{width:50px;height:50px;background:var(--btn-gray-light);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px} /* UPDATED: Enhanced category icons in Non-Toxic Cleaning Solutions to match equipment style */ .section:nth-child(even) .category-icon, .section:nth-child(even) .product-category .category-icon { width: 90px !important; height: 90px !important; font-size: 42px !important; margin: 0 auto 18px auto !important; background: linear-gradient(135deg,#e5e9ee 0%,#cbd5e1 100%) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #fff !important; box-shadow: 0 6px 16px rgba(0,0,0,.15) !important; } /* Center everything - titles and icons */ .section:nth-child(even) .category-title, .section:nth-child(even) .product-category .category-title { flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 0 !important; margin-bottom: 14px !important; } /* Additional targeting for products grid specifically */ .products-grid .product-category .category-icon { width: 90px !important; height: 90px !important; font-size: 42px !important; margin: 0 auto 18px auto !important; background: linear-gradient(135deg,#e5e9ee 0%,#cbd5e1 100%) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #fff !important; box-shadow: 0 6px 16px rgba(0,0,0,.15) !important; flex-shrink: 0 !important; } .products-grid .product-category .category-title { flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 0 !important; margin-bottom: 14px !important; } /* Center the entire product category content */ .section:nth-child(even) .product-category, .products-grid .product-category { text-align: center !important; } /* But keep the product list items left-aligned */ .section:nth-child(even) .product-list, .section:nth-child(even) .product-list li, .products-grid .product-category .product-list, .products-grid .product-category .product-list li { text-align: left !important; } .product-list{list-style:none} .product-list li{padding:10px 0 10px 30px;position:relative;color:#555;line-height:1.7;font-size:1.02rem} .product-list li::before{content:'🌿';position:absolute;left:0;font-size:1.2rem} @media (max-width:1024px){ .features-grid{grid-template-columns:1fr} .products-grid{grid-template-columns:1fr} } /* Tools */ .tools-section{margin-top:32px} .tools-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center} @media (max-width:768px){.tools-content{grid-template-columns:1fr}} .section--tools .section-description{color:#fff !important} .section--tools .feature-list li{color:#fff !important} .section--tools .feature-list li::before{color:#d6f0da !important} .tools-image{display:flex;justify-content:center;align-items:center} .image-placeholder{width:100%;min-height:300px;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px dashed #173B48;transition:all .3s ease;overflow:hidden} .image-placeholder:hover{background:linear-gradient(135deg,#bfdbfe 0%,#93c5fd 100%);transform:scale(1.02)} .placeholder-icon{font-size:4rem;margin-bottom:12px;opacity:.7} .image-placeholder p{font-size:1.1rem;color:#173B48;font-weight:600} .image-placeholder.has-image{background:none;border:0;padding:0} .image-placeholder img.tools-photo{width:100%;height:100%;object-fit:cover;display:block;border-radius:20px} /* Promise + CTA */ .promise-section{background:linear-gradient(135deg,#000 0%,#173B48 100%) !important;color:#fff !important;position:relative;overflow:hidden;text-align:center} /* SAFE pattern (no data:svg) */ .promise-section::before{ content:""; position:absolute;inset:0;pointer-events:none;opacity:.20; background: radial-gradient(circle at 12.5px 12.5px, rgba(255,255,255,0.12) 1.5px, transparent 1.6px); background-size:25px 25px; } .promise-content{position:relative;z-index:2} .promise-title{font-size:2rem;font-weight:700;margin-bottom:22px;color:#8faa7b !important;text-shadow:2px 2px 4px rgba(0,0,0,.3)} .promise-text{font-size:1.08rem;line-height:1.8;max-width:900px;margin:0 auto 28px;opacity:.95;color:#fff !important} .cta-section{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%) !important} .cta-title{font-size:2rem;font-weight:700;color:#173B48 !important;margin-bottom:14px} .cta-description{font-size:1.08rem;color:#475569 !important;margin-bottom:28px;max-width:700px;line-height:1.7} /* Buttons */ .cta-button{display:inline-block;background:var(--btn-gray-light);color:#173B48;padding:16px 40px;font-size:1.1rem;font-weight:700;text-decoration:none;border-radius:50px;border:1px solid #e2e8f0;transition:all .3s ease;box-shadow:0 6px 16px rgba(0,0,0,.08);text-transform:uppercase;letter-spacing:1px} .cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.12);background:#e8edf3} .cta-section .cta-button{background:var(--btn-gray);color:#fff;border:0;box-shadow:0 10px 30px rgba(0,0,0,.2)} .cta-section .cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,0,0,.3);background:linear-gradient(135deg,#94a3b8 0%, #64748b 100%)} /* Two buttons inline; remove the gap & fuse inner corners */ .cta-section .container{ display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;text-align:center; row-gap:20px;column-gap:0; } .cta-section .cta-title, .cta-section .cta-description{grid-column:1 / -1} .cta-section .container > .cta-button{grid-column:1;justify-self:end;margin:0;border-top-right-radius:0;border-bottom-right-radius:0} .cta-section .container > .contact-info{grid-column:2;justify-self:start;margin-top:0} .cta-section .container > .contact-info .cta-button{margin:0;border-top-left-radius:0;border-bottom-left-radius:0} @media (max-width:768px){ .cta-section .container{grid-template-columns:1fr} .cta-section .container > .cta-button, .cta-section .container > .contact-info{grid-column:1;justify-self:center} .cta-section .container > .contact-info{margin-top:12px} .cta-section .container > .cta-button, .cta-section .container > .contact-info .cta-button{border-radius:50px} /* restore full pills stacked */ } /* ===== ULTRA-TARGETED fix - only hero text ===== */ html, body { overflow-x: hidden !important; margin: 0; padding: 0; } /* Remove template containers but NOT affecting header/footer */ .item-page .mrx, .com-content-article .mrx, .page-content .mrx { overflow-x: visible !important; max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; text-align: initial !important; } /* LASER-FOCUSED hero text centering with absolute maximum specificity */ html body .mrx .mrx-hero .mrx-container .hero-copy, html body .mrx .mrx-hero .mrx-container .hero-copy h1, html body .mrx .mrx-hero .mrx-container .hero-copy p { text-align: center !important; margin-left: auto !important; margin-right: auto !important; display: block !important; width: 100% !important; } /* Force the hero container to center its contents */ html body .mrx .mrx-hero .mrx-container { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; } /* Ensure hero-copy capsule is centered */ html body .mrx .mrx-hero .hero-copy { text-align: center !important; margin: 0 auto !important; display: inline-block !important; } /* Keep other sections centered (these were working) */ .mrx .mrx-band-soft, .mrx .mrx-band-soft .mrx-container, .mrx .mrx-band-soft .mrx-lead, .mrx .mrx-band-soft p { text-align: center !important; } .mrx .mrx-band-teal h2.mrx-white, .mrx .mrx-band-pine h2.mrx-white { text-align: center !important; } .mrx .mrx-cta, .mrx .mrx-cta .mrx-container, .mrx .mrx-cta h2, .mrx .mrx-cta p { text-align: center !important; } .mrx #contact, .mrx #contact .mrx-container, .mrx #contact h2, .mrx #contact .mrx-lead, .mrx #contact p { text-align: center !important; } .mrx .mrx-center, .mrx .mrx-center h2, .mrx .mrx-center p { text-align: center !important; } .mrx .mrx-buttons { display: flex !important; justify-content: center !important; text-align: center !important; } /* Exception for left-aligned sections */ .mrx .mrx-leftalign, .mrx .mrx-leftalign * { text-align: left !important; } /* Exception for service grid content which should be left-aligned within cards */ .mrx .mrx-service-grid .mrx-card, .mrx .mrx-service-grid .mrx-card *, .mrx .mrx-service-grid .mrx-card h3, .mrx .mrx-service-grid .mrx-card p, .mrx .mrx-service-grid .mrx-card ul, .mrx .mrx-service-grid .mrx-card li { text-align: left !important; } /* Exception for FAQ content */ .mrx .mrx-faq .faq-body, .mrx .mrx-faq .faq-body *, .mrx .mrx-faq summary { text-align: left !important; } /* Exception for checklist items */ .mrx .mrx-check, .mrx .mrx-check li { text-align: left !important; } /* ===== Scoped to .mrx to avoid template collisions ===== */ .mrx:where(*){ box-sizing:border-box } .mrx{ inline-size:100%; overflow-x:clip; width: 100%; position: relative; } .mrx img{ max-width:100%; height:auto; display:block } .mrx{ --brand:#2fb673; --ink:#0b2a2e; --bg-1:#0B2A2E; --bg-2:#0D3D46; --bg-3:#0F5C64; --soft:#f5fbf9; --maxw:1140px; --padY:clamp(20px,4vw,44px); --padX:clamp(14px,2.6vw,26px); --radius:18px; --shadow:0 10px 24px rgba(0,0,0,.12); /* HERO IMAGE (absolute path for Joomla) */ --hero-image:url('/images/apchero-vacation-rental-cleaning.jpg'); /* Focal + spacing */ --hero-pos-y:40%; --hero-pad-min:110px; --hero-pad-vw:16vw; --hero-pad-max:220px; /* Hero text capsule tones */ --hero-chip-bg: linear-gradient(180deg, rgba(0,0,0,.32), rgba(0,0,0,.18)); --hero-chip-shadow: 0 8px 26px rgba(0,0,0,.35), 0 2px 8px rgba(0,0,0,.25); } @media (max-width:640px){ .mrx{ --hero-pos-y:46% } } /* ===== Layout ===== */ .mrx .mrx-container{ max-width:var(--maxw); margin:0 auto; padding:0 var(--padX) } .mrx .mrx-section{ padding:var(--padY) 0 } /* ENHANCED full-bleed (stronger method for Joomla) */ .mrx .mrx-fullbleed{ position:relative; width: 100vw !important; left: 50% !important; right: 50% !important; margin-left: -50vw !important; margin-right: -50vw !important; padding-left: 0 !important; padding-right: 0 !important; } /* Ensure container inside full-bleed works */ .mrx .mrx-fullbleed .mrx-container { max-width: var(--maxw); margin: 0 auto; padding: 0 var(--padX); width: 100%; } /* ===== HERO (parallax; iOS fallback) ===== */ .mrx .mrx-hero{ color:#fff; text-align:center; background: var(--hero-image) center var(--hero-pos-y)/cover fixed; padding:clamp(var(--hero-pad-min), var(--hero-pad-vw), var(--hero-pad-max)) 0; } @supports (-webkit-touch-callout:none){ .mrx .mrx-hero{ background: var(--hero-image) center var(--hero-pos-y)/cover no-repeat; } } /* ===== Hero text capsule ===== */ .mrx .hero-copy{ display:inline-block; background: var(--hero-chip-bg); border-radius: 14px; box-shadow: var(--hero-chip-shadow); padding: clamp(14px, 2.4vw, 20px) clamp(16px, 3vw, 28px); backdrop-filter: saturate(110%) blur(0.25px); max-width:min(92vw, 980px); } .mrx .mrx-hero h1{ margin:0; color:#f6fbf9; text-transform:uppercase; text-align:center; letter-spacing:.04em; font-weight:800; line-height:1.08; white-space:normal; text-wrap:balance; font-size:clamp(24px,3.2vw,40px); text-shadow: 0 3px 18px rgba(0,0,0,.65), 0 2px 6px rgba(0,0,0,.45); overflow-wrap:anywhere; word-break:normal; hyphens:auto; -webkit-hyphens:auto; } .mrx .mrx-hero p{ margin:.6rem auto 0; max-width:860px; font-size:clamp(16px,1.6vw,19px); line-height:1.55; color:#ffffff; text-wrap:pretty; text-shadow: 0 2px 12px rgba(0,0,0,.55), 0 1px 4px rgba(0,0,0,.35); overflow-wrap:break-word; hyphens:auto; -webkit-hyphens:auto; } /* ===== Bands & text ===== */ .mrx .mrx-band-teal{ background:linear-gradient(180deg,var(--bg-1),var(--bg-2)); color:#eaf4f5 } .mrx .mrx-band-pine{ background:linear-gradient(180deg,var(--bg-2),var(--bg-3)); color:#eaf4f5 } .mrx .mrx-band-soft{ background:var(--soft); color:var(--ink) } .mrx h2{ margin:0 0 10px; text-align:center; overflow-wrap:anywhere } .mrx .mrx-center{ text-align:center } .mrx .mrx-center h2{ text-align:center } .mrx .mrx-center p{ text-align:center } .mrx .mrx-lead{ text-wrap:pretty; hyphens:auto; -webkit-hyphens:auto; font-size:clamp(18px,1.8vw,19px); line-height:1.55; letter-spacing:-0.005em; color:#1f2937; margin:0 auto; max-width:860px; text-align:center; overflow-wrap:break-word; } .mrx .mrx-white{ color:#fff !important } /* Force center alignment ONLY for sections that should be centered */ .mrx .mrx-band-soft { text-align:center } .mrx .mrx-band-teal h2.mrx-white { text-align:center !important } .mrx .mrx-band-pine h2.mrx-white { text-align:center !important } .mrx .mrx-cta { text-align:center } .mrx #contact { text-align:center } /* ===== Cards + buttons ===== */ .mrx .mrx-card{ background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); padding:clamp(16px,2.8vw,24px); } .mrx .mrx-buttons{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center } .mrx .mrx-btn{ background:var(--brand); color:#fff; text-decoration:none; padding:12px 18px; border-radius:999px; display:inline-block; font-weight:700; line-height:1.1; white-space:nowrap; } /* ===== Split: text left, visual right ===== */ .mrx .mrx-split{ display:grid; gap:clamp(14px,3vw,24px); grid-template-columns:1.05fr .95fr; max-width:1100px; margin:0 auto; align-items:stretch; } @media (max-width:980px){ .mrx .mrx-split{ grid-template-columns:1fr; } } .mrx .mrx-image{ width:100%; aspect-ratio:4/3; height:auto; min-height:clamp(260px,32vw,420px); overflow:hidden; border-radius:var(--radius); background:#e5f6f1; border:2px dashed rgba(15,92,100,.35); display:grid; place-items:center; color:#0F5C64; justify-self:end; } .mrx .mrx-image>img{ width:100%; height:100%; object-fit:cover; object-position:center 45%; display:block } /* ===== Map container ===== */ .mrx .mrx-map{ width:100%; aspect-ratio:4/3; min-height:clamp(260px,32vw,420px); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); background:#e5f6f1; justify-self:end; } .mrx .mrx-map iframe{ width:100%; height:100%; border:0; display:block } /* ===== Left-align block behavior ===== */ .mrx .mrx-leftalign h2{ text-align:left } .mrx .mrx-leftalign .mrx-split{ align-items:stretch; justify-items:stretch } .mrx .mrx-leftalign .text{ text-align:left; justify-self:start; align-self:stretch; display:flex; flex-direction:column; justify-content:center; gap:10px; } .mrx .mrx-leftalign .text h2{ margin:0 0 10px } .mrx .mrx-leftalign .text p, .mrx .mrx-leftalign .text li{ overflow-wrap:break-word; hyphens:auto } .mrx .mrx-leftalign .mrx-image, .mrx .mrx-leftalign .mrx-map{ justify-self:end } @media (max-width:980px){ .mrx .mrx-leftalign .mrx-split{ grid-template-columns:1fr; row-gap:16px } .mrx .mrx-leftalign .text{ align-self:stretch; justify-self:stretch; width:100% } .mrx .mrx-leftalign .mrx-image, .mrx .mrx-leftalign .mrx-map{ justify-self:stretch } } /* ===== Checklists ===== */ .mrx .mrx-check{ list-style:none; padding:0; margin:10px 0 0; max-width:760px } .mrx .mrx-check li{ position:relative; padding-left:28px; margin:8px 0; text-align:left; overflow-wrap:break-word } .mrx .mrx-check li::before{ content:"✓"; position:absolute; left:0; top:0; line-height:1; font-weight:700 } /* ===== Services as boxes (FIXED MOBILE GRID) ===== */ .mrx .mrx-service-grid{ display:grid; gap:16px; grid-template-columns:1fr; /* Mobile first: single column */ max-width:1100px; margin:0 auto; } /* Tablet breakpoint */ @media (min-width:600px){ .mrx .mrx-service-grid{ grid-template-columns:repeat(2, 1fr); } } /* Desktop breakpoint */ @media (min-width:900px){ .mrx .mrx-service-grid{ grid-template-columns:repeat(3, 1fr); } } .mrx .mrx-service-grid .mrx-card{ color:var(--ink) } .mrx .mrx-service-grid .mrx-card *{ color:var(--ink) } .mrx .mrx-service-grid .mrx-card h3{ margin-top:0; font-size:1.14rem; font-weight:800; letter-spacing:.01em; line-height:1.2; overflow-wrap:anywhere; } .mrx .mrx-service-grid .mrx-card p, .mrx .mrx-service-grid .mrx-card ul{ margin:0 0 .8rem 0; line-height:1.6 } .mrx .mrx-service-grid .mrx-card ul{ padding-left:1.1rem } .mrx .mrx-service-grid .mrx-card li{ margin:.35rem 0 } /* ===== FAQ ===== */ .mrx .mrx-faq{ margin-top:12px } .mrx .mrx-faq details{ background:#ffffff; border-radius:12px; box-shadow:var(--shadow); margin:.75rem 0; overflow:hidden } .mrx .mrx-faq summary{ cursor:pointer; list-style:none; padding:1rem 1.1rem; position:relative; font-weight:700; color:#0F5C64; white-space:normal; overflow-wrap:anywhere; } .mrx .mrx-faq summary::-webkit-details-marker{ display:none } .mrx .mrx-faq summary::after{ content:"+"; position:absolute; right:1rem; top:50%; transform:translateY(-50%); font-weight:700 } .mrx .mrx-faq details[open] summary::after{ content:"–" } .mrx .mrx-faq .faq-body{ padding:0 1.1rem 1rem 1.1rem; color:#0B2A2E } /* ===== CTA band — a touch roomier ===== */ .mrx .mrx-cta{ padding: calc(var(--padY) * 1.35) 0; } /* ===== Hover nicety ===== */ @media (hover:hover){ .mrx .mrx-btn:hover{ filter:brightness(1.05) } } /* ===== MOBILE/TABLET TYPO WRAP TUNING ===== */ /* Very small phones */ @media (max-width:380px){ .mrx .mrx-hero h1{ font-size:clamp(22px, 7.2vw, 28px); line-height:1.1 } .mrx .mrx-hero p{ font-size:15px } .mrx .mrx-btn{ padding:11px 14px; font-size:15px } .mrx .mrx-buttons{ flex-direction:column; align-items:center } } /* iPad-ish widths (portrait & landscape) */ @media (min-width:768px) and (max-width:1024px){ .mrx .mrx-hero h1{ font-size:clamp(28px, 3vw, 36px) } .mrx .mrx-hero p{ font-size:clamp(16px,1.4vw,18px) } .mrx .mrx-split{ gap:clamp(16px,2.4vw,22px) } } /* ===== FIX WHITE TEXT VISIBILITY ===== */ /* Fix white text visibility on light backgrounds */ /* Make ALL text dark on even-numbered sections (light backgrounds) */ .section:nth-child(even), .section:nth-child(even) *, .section:nth-child(even) .section-title, .section:nth-child(even) .section-subtitle, .section:nth-child(even) .section-description, .section:nth-child(even) h1, .section:nth-child(even) h2, .section:nth-child(even) h3, .section:nth-child(even) h4, .section:nth-child(even) h5, .section:nth-child(even) h6, .section:nth-child(even) p, .section:nth-child(even) li, .section:nth-child(even) span, .section:nth-child(even) div { color: #173B48 !important; text-shadow: none !important; } /* Equipment section specific (light background) */ .section--equipment, .section--equipment *, .section--equipment h1, .section--equipment h2, .section--equipment h3, .section--equipment h4, .section--equipment h5, .section--equipment h6, .section--equipment p, .section--equipment li, .section--equipment span, .section--equipment div { color: #173B48 !important; text-shadow: none !important; } /* Specifically target white text that appears on light sections */ .section:nth-child(even) .white-text, .section:nth-child(even) .text-white, .section--equipment .white-text, .section--equipment .text-white { color: #173B48 !important; text-shadow: 0 1px 2px rgba(255,255,255,0.8); } /* Alternative: Add dark background behind white text */ .section:nth-child(even) .white-text-bg { background: rgba(0,0,0,0.7); padding: 0.5rem 1rem; border-radius: 8px; color: #ffffff !important; display: inline-block; } /* Make check marks darker green on light backgrounds */ .section:nth-child(even) .feature-list li::before, .section--equipment .feature-list li::before { color: #0f5132 !important; /* Dark green */ } /* Also target MRX system checkmarks */ .section:nth-child(even) .mrx .mrx-check li::before, .section--equipment .mrx .mrx-check li::before { color: #0f5132 !important; /* Dark green */ }

Superior Equipment for Superior Results

Professional HEPA Vacuum Systems

Our investment in high-quality HEPA (High-Efficiency Particulate Air) vacuum systems represents our commitment to thorough cleaning that improves your indoor environment.

🔬

99.97% Filtration Efficiency

  • Captures particles as small as 0.3 microns
  • Prevents allergens from recirculating
  • Superior to conventional vacuum systems
🫁

Healthier Indoor Air

  • Removes dust, pet dander, and microscopic irritants
  • Beneficial for allergy and respiratory sensitivities
  • Creates cleaner breathing environments
📏

Microscopic Precision

  • One inch = 25,000 microns for reference
  • Captures even the smallest contaminants
  • Professional-grade filtration technology

Non-Toxic Cleaning Solutions

Our cleaning professionals arrive equipped with an array of environmentally responsible products carefully selected for their effectiveness and safety

🧴

Eco-Friendly Cleaners

  • Non-toxic floor cleaner and polish for gleaming surfaces
  • Plant-based kitchen degreaser that's food-safe
  • Natural stainless steel polish without chemical fumes
  • Bon Ami scouring powder for gentle abrasive cleaning
  • Non-toxic toilet bowl cleaner that eliminates germs
🌿

Natural Ingredients

  • Essential oils for natural fragrance and antimicrobial properties
  • Hydrogen peroxide for natural whitening and disinfection
  • Vinegar for effective, food-safe surface cleaning
  • Biodegradable dish soap that protects waterways

Professional Tools

Our effectiveness comes not just from what we use, but how we use it

  • Specialized brushes of various sizes, including dedicated tile brushes for grout lines
  • Microfiber cleaning cloths that trap dirt more effectively than conventional materials
  • Reusable bottles and containers to minimize waste
  • And plenty of elbow grease! Our team's attention to detail and commitment to thoroughness ensures no surface is overlooked
Professional cleaning tools

Our Product Promise

We only use products we feel comfortable using in our own homes—products that aren't harmful to our employees, clients, or the planet. Since our founding, we've been committed to using non-toxic alternatives that deliver professional results without compromise.

This commitment extends beyond the products themselves to how we use them. Our team is thoroughly trained in proper application techniques, appropriate dwell times, and safety protocols to ensure maximum effectiveness while maintaining the highest safety standards.

Experience the Difference

The combination of our professional-grade HEPA equipment and carefully selected green cleaning products allows us to deliver exceptional results that protect your health, your home, and our environment. Revolutionizing cleaning in Asheville since 2012!

Get Free Estimate
CALL 828-215-9634