:root{--page-title-display:none;}/* Start custom CSS *//* ==== Mobile fixes (Brianna, Oct 27): tablet and phone only. Start ==== */
/* Hero pills ("these need to be side by side", "They should all be the same size"): an even 2 × 2 grid of equal pills
   until all four fit on one line (768px). Every pill is the same height; "Porcelain Breeze Block" wraps inside its pill. */
@media (max-width:767px){
body.elementor-page-1194 .elementor [data-id="408530bf"]{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:8px;}
body.elementor-page-1194 .elementor [data-id="408530bf"] > *{justify-content:center;min-width:0;min-height:56px;padding:6px 12px;text-align:center;}
body.elementor-page-1194 .elementor [data-id="408530bf"] > * > :last-child{line-height:1.2;text-wrap:balance;}
}
/* mobile audit (page-1194-glass-block.css) */
/* 1. Inspiration: drop the wrapper's own side padding so chips, rail and arrows line up with the heading */
@media (max-width:1024px){
body.elementor-page-1194 .elementor [data-id="6de2d5ab"]{padding-inline:0;}
}
/* 1b. Inspiration room chips: even grid so every filter shows (Brianna, Oct 28: "how are they supposed to see all the filtering if it runs off the page?"). 4 x 2 on phones and tablets */
@media (max-width:1024px){
body.elementor-page-1194 .elementor [data-id="288005a4"]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:8px;}
body.elementor-page-1194 .elementor [data-id="288005a4"] > *{justify-content:center;min-width:0;padding:6px;text-align:center;}
body.elementor-page-1194 .elementor [data-id="288005a4"] .chip-tab-label{line-height:1.2;white-space:normal;}
}
@media (max-width:640px){body.elementor-page-1194 .elementor [data-id="288005a4"] .chip-tab-label{font-size:12.5px;}}

/* 2. Process steps: number badge beside the title, tighter padding */
@media (max-width:640px){
body.elementor-page-1194 .elementor [data-id="6b4d53bc"] > .step-card{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:center;padding:18px;}
body.elementor-page-1194 .elementor [data-id="6b4d53bc"] > .step-card > .step-num-teal{width:36px;height:36px;margin:0;font-size:18px;}
body.elementor-page-1194 .elementor [data-id="6b4d53bc"] > .step-card > .card-title-sm{margin:0;}
body.elementor-page-1194 .elementor [data-id="6b4d53bc"] > .step-card > .card-text-sm{grid-column:1 / -1;margin-block-start:10px;}
}

/* 3. Notes under the steps: regular-weight text, only the label bold; same padding on both */
@media (max-width:640px){
body.elementor-page-1194 .elementor :is([data-id="4fa6e1a4"],[data-id="49dbd98c"]){padding:12px 16px;}
body.elementor-page-1194 .elementor :is([data-id="ec04ec6"],[data-id="4d8dce0d"]){font-weight:500;}
body.elementor-page-1194 .elementor :is([data-id="ec04ec6"],[data-id="4d8dce0d"]) b{font-weight:800;}
body.elementor-page-1194 .elementor [data-id="49dbd98c"]{align-items:flex-start;}
body.elementor-page-1194 .elementor [data-id="7879bc59"]{margin-block-start:5px;}
}

/* 4. Porcelain Breeze Block panel (Brianna, Oct 28: "side by side in smaller capsules (but the same size for all three)", and the
   two buttons "side by side as well"): three equal pills in one row, icon over a two-line label (icons level across the row);
   the buttons share a row, same width and height, the longer label wrapping inside its button */
@media (max-width:640px){
body.elementor-page-1194 .elementor [data-id="3ccc53bb"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:6px;}
body.elementor-page-1194 .elementor [data-id="3ccc53bb"] > .pill-chip{flex-direction:column;justify-content:flex-start;gap:5px;height:auto;min-width:0;padding:11px 6px 10px;border-radius:20px;text-align:center;}
body.elementor-page-1194 .elementor [data-id="3ccc53bb"] > .pill-chip > :last-child{font-size:12px;line-height:1.25;text-wrap:balance;}
body.elementor-page-1194 .elementor [data-id="77d60054"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
body.elementor-page-1194 .elementor [data-id="77d60054"] > .e-button-base{display:flex;align-items:center;justify-content:center;height:auto;min-height:48px;padding:8px 10px;line-height:1.2;text-align:center;text-wrap:balance;}
}

/* 5. Panels: less padding inside the page gutter */
@media (max-width:1024px){
body.elementor-page-1194 .elementor .panel-surface{padding:20px;}
}
@media (max-width:640px){
body.elementor-page-1194 .elementor .panel-surface{padding:14px;}
}

/* 6. Brick rail cards: left-aligned like the pattern/paver cards, titles clamped to 2 lines */
@media (max-width:1024px){
body.elementor-page-1194 .elementor [data-id="ff87c72"] .pattern-card-body{align-items:flex-start;text-align:left;}
body.elementor-page-1194 .elementor [data-id="ff87c72"] .pattern-card-name,
body.elementor-page-1194 .elementor [data-id="ff87c72"] .pattern-card-body > p{text-align:left;line-height:1.4;}
body.elementor-page-1194 .elementor [data-id="ff87c72"] .pattern-card-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
}

/* 7. Catalog strip text 16px; small text links get a 44px tap area */
@media (max-width:1024px){
body.elementor-page-1194 .elementor :is([data-id="22577b2d"],[data-id="2ec85f97"],[data-id="6c944b94"]){font-size:16px;line-height:1.5;}
body.elementor-page-1194 .elementor :is([data-id="59d52d76"],[data-id="7eb7b9d2"]){font-size:16px;line-height:1.3;}
body.elementor-page-1194 .elementor :is(.insp-link-teal,.pattern-card-link,[data-id="6c944b94"]) a.e-paragraph-link-base{padding-block:13px;}
}
/* ==== Mobile fixes: end ==== *//* End custom CSS */