/* Self-contained Enquire slide-in panel for the blue bathroom-mode pages
   (about, projects hub, bathroom-renovation-<town>). Mirrors the cream homepage
   panel but with hardcoded values + its own fonts so it needs no cream tokens. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Jost:wght@300;400;500&display=swap');
body.no-scroll{overflow:hidden}
.enq-overlay{position:fixed;inset:0;background:rgba(40,34,28,.4);z-index:9985;opacity:0;transition:opacity .35s ease}
.enq-overlay.open{opacity:1}
.enq-panel{position:fixed;top:0;right:0;height:100%;width:min(600px,94vw);background:#fff;z-index:9990;transform:translateX(100%);transition:transform .45s cubic-bezier(.22,1,.36,1);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:88px 56px 56px;font-family:'Jost','Helvetica Neue',Arial,sans-serif}
.enq-panel.open{transform:none}
.enq-close{position:absolute;top:24px;right:30px;background:none;border:0;font-size:30px;font-weight:300;line-height:1;color:#413C38;cursor:pointer;padding:4px}
.enq-panel:focus,.enq-close:focus{outline:none}
.enq-close:focus-visible{outline:2px solid #413C38;outline-offset:3px}
.enq-panel .enq-intro{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:22px;line-height:1.5;color:#413C38;margin:0 0 22px}
.enq-panel .enq-blocks{display:flex;flex-direction:column;gap:22px;margin-bottom:28px}
.enq-panel .enq-lbl{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:#8C8579;margin-bottom:6px}
.enq-panel .enq-block a{font-family:'Jost',sans-serif;font-size:15px;letter-spacing:.02em;color:#413C38;text-decoration:none;transition:color .3s ease}
.enq-panel .enq-block a:hover{color:#8C8579}
.enq-panel .enq-or{font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;font-style:italic;letter-spacing:.01em;color:#413C38;border-top:1px solid #E6E0D5;padding-top:30px;margin:0 0 22px}
.enq-panel .enq-form{display:flex;flex-direction:column;gap:18px}
.enq-panel .ef-row{display:flex;flex-direction:column;gap:7px}
.enq-panel .ef-row label{font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8C8579}
.enq-panel .ef-row .opt{letter-spacing:.02em;text-transform:none;color:#8C8579}
.enq-panel .enq-form input,.enq-panel .enq-form textarea{-webkit-appearance:none;appearance:none;font-family:'Jost',sans-serif;font-size:15px;color:#413C38;background:#fff;border:1px solid #E6E0D5;border-radius:0;padding:13px 14px;width:100%}
.enq-panel .enq-form select{-webkit-appearance:none;appearance:none;font-family:'Jost',sans-serif;font-size:15px;color:#413C38;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23413C38' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid #D0CABE;border-radius:6px;padding:12px 42px 12px 14px;width:100%;line-height:1.2}
.enq-panel .enq-form select:has(option[value=""]:checked){color:#746B5F}
.enq-panel .enq-form textarea{resize:vertical;min-height:84px}
.enq-panel .enq-form input:focus,.enq-panel .enq-form select:focus,.enq-panel .enq-form textarea:focus{outline:none;border-color:#413C38}
.enq-panel .enq-form .btn{margin-top:6px;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;background:#413C38;color:#fff;border:0;font-family:'Jost',sans-serif;font-size:13px;letter-spacing:.18em;text-transform:uppercase;padding:15px 34px;cursor:pointer;transition:background .3s ease}
.enq-panel .enq-form .btn:hover{background:#2b2723}
.enq-panel .enq-form .btn i{display:none}
@media (max-width:700px){.enq-panel{width:100%;padding:72px 22px 40px}.enq-panel .enq-intro{font-size:20px}.enq-panel .enq-or{font-size:clamp(15px,4.7vw,20px)}}