/* MIKE: Oct 28, 2026 mobile cards. Phones only (767px and narrower). Long sections become silver
   cards with a faded bottom and a brushed-silver Read more button. Desktop is untouched. Without JS, all text shows.
   To undo: remove the mobile-cards.css and mobile-cards.js lines from BathroomRenovations.html. */
.mc-toggle{display:none}
@media (max-width:767px){
  .mc-card{position:relative;border:1px solid #B9BCBF;border-radius:16px;padding:16px 16px 0;margin:0 0 20px;box-sizing:border-box;
    background:linear-gradient(180deg,#FBF8F2 0%,#F4F0E8 100%);box-shadow:0 1px 0 #fff inset,0 2px 8px rgba(43,43,43,.08)}
  .mc-card .mc-body{position:relative;overflow:hidden;transition:max-height .35s ease}
  .mc-card.mc-collapsed .mc-body{max-height:340px}
  .mc-card.mc-collapsed .mc-body::after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;pointer-events:none;
    background:linear-gradient(to bottom,rgba(244,240,232,0),#F4F0E8 92%)}
  .mc-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin:10px 0 14px;padding:0 18px;
    border:1px solid #8E9296;border-radius:999px;cursor:pointer;color:#2B2B2B;
    font:700 17px/1.2 Lato,"MT Lato",Arial,sans-serif;letter-spacing:.04em;
    background:linear-gradient(180deg,#F7F8F9 0%,#DADDE0 45%,#C4C8CC 55%,#E9EBED 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(0,0,0,.08),0 1px 3px rgba(43,43,43,.18);
    text-shadow:0 1px 0 rgba(255,255,255,.7);-webkit-tap-highlight-color:transparent}
  .mc-toggle:hover{background:linear-gradient(180deg,#FFFFFF 0%,#E3E5E8 45%,#CDD1D4 55%,#F0F1F3 100%)}
  .mc-toggle:active{background:linear-gradient(180deg,#C9CDD1 0%,#DFE2E5 100%)}
  .mc-toggle:focus{outline:none}
  .mc-toggle:focus-visible{outline:3px solid #2B2B2B;outline-offset:3px}
  .mc-toggle .mc-arrow{transition:transform .25s}
  .mc-toggle[aria-expanded="true"] .mc-arrow{transform:rotate(180deg)}
  .mc-toggle[hidden]{display:none}
}
@media (prefers-reduced-motion:reduce){.mc-card .mc-body,.mc-toggle .mc-arrow{transition:none}}