:root{--mbr-navy:#0b2b4b;--mbr-ink:#16364e;--mbr-teal:#087c83;--mbr-gold:#d9a14b;--mbr-sky:#eaf6f8;--mbr-mist:#f5f9fb;--mbr-white:#fff;--mbr-muted:#577187;--mbr-radius:17px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--mbr-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:17px;line-height:1.65}
img{max-width:100%;height:auto}a{color:var(--mbr-teal)}a:focus-visible,button:focus-visible{outline:3px solid var(--mbr-gold);outline-offset:3px}
h1,h2,h3,h4,h5,h6{color:var(--mbr-navy);letter-spacing:-.026em;line-height:1.15;margin:0 0 .55em;font-weight:760}p{margin:0 0 1.2em}h1{font-size:clamp(2.7rem,5.3vw,5.1rem)}h2{font-size:clamp(2rem,3.45vw,3.3rem)}h3{font-size:clamp(1.35rem,2vw,1.9rem)}
.mbr-skip-link{position:absolute;left:-9999px;top:4px;z-index:999;background:#fff;padding:8px 12px}.mbr-skip-link:focus{left:10px}
.mbr-site-header{position:relative;z-index:40;background:rgba(255,255,255,.98);box-shadow:0 1px 0 rgba(12,45,76,.08)}
.mbr-header-inner{max-width:1380px;min-height:87px;padding:12px 28px;margin:0 auto;display:flex;align-items:center;gap:20px}
.mbr-brand{flex:0 0 auto;width:min(24vw,270px)}.mbr-brand a{display:block}.mbr-brand-logo{width:100%;height:auto;max-height:76px;object-fit:contain;object-position:left center;display:block}
.mbr-main-nav{flex:1;min-width:0}.mbr-menu{display:flex;align-items:center;justify-content:flex-end;gap:clamp(10px,1.6vw,25px);list-style:none;padding:0;margin:0}.mbr-menu li{position:relative}.mbr-menu a{text-decoration:none;white-space:nowrap;color:var(--mbr-navy);font-size:14px;font-weight:660}.mbr-menu a:hover{color:var(--mbr-teal)}.mbr-menu .sub-menu{display:none;position:absolute;left:0;top:100%;padding:15px;min-width:195px;box-shadow:0 16px 35px rgba(9,40,65,.13);background:#fff;border-radius:10px;list-style:none}.mbr-menu li:hover>.sub-menu,.mbr-menu li:focus-within>.sub-menu{display:block}.mbr-menu .sub-menu li+li{margin-top:10px}
.mbr-header-cta,.mbr-primary-link{background:var(--mbr-teal);color:#fff!important;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;border-radius:10px;font-size:14px;font-weight:750;min-height:45px;padding:12px 19px;white-space:nowrap;transition:background .2s ease,transform .2s ease}.mbr-header-cta:hover,.mbr-primary-link:hover{background:#075d66;transform:translateY(-1px)}
.mbr-nav-toggle{display:none;border:1px solid #cad9e3;padding:12px;background:#fff;border-radius:10px;cursor:pointer}.mbr-nav-toggle span{height:2px;width:22px;display:block;background:var(--mbr-navy)}.mbr-nav-toggle span+span{margin-top:5px}
.mbr-page-main{min-height:58vh}.mbr-content-shell{width:min(100% - 44px,1220px);margin:0 auto;padding:68px 0 90px}.mbr-page-heading{width:min(100% - 44px,1220px);margin:0 auto;padding:45px 0 10px}.mbr-page-heading h1,.mbr-page-title{font-size:clamp(2.1rem,4vw,3.7rem)}.mbr-page-title{margin:0 0 36px}.entry-content>*{overflow-wrap:break-word}.mbr-not-found{text-align:center}.mbr-blog-shell{max-width:820px}.mbr-post-date{color:var(--mbr-muted);font-size:14px}.mbr-featured-image img{border-radius:16px;width:100%;object-fit:cover}.mbr-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.mbr-post-card{padding:16px;border:1px solid #e1e8ed;border-radius:16px}.mbr-post-card img{aspect-ratio:16/10;object-fit:cover;border-radius:10px}.mbr-post-card h2{font-size:1.2rem;margin-top:15px}.mbr-post-card a{text-decoration:none}.mbr-text-link{font-weight:750}
/* Page section patterns: one source of truth for backend Gutenberg and frontend */
.entry-content .alignfull{margin-inline:0;max-width:none}.mbr-section{padding:clamp(52px,6vw,96px) 24px}.mbr-inner,.entry-content .mbr-inner{width:100%;max-width:1250px!important;margin-inline:auto!important}.mbr-inner>.wp-block-columns{max-width:none!important}.mbr-inner>.wp-block-group{max-width:none!important}.mbr-section .wp-block-columns{gap:clamp(24px,4vw,62px)}.mbr-section .wp-block-column{min-width:0}.mbr-section .wp-block-image img{display:block;width:100%;height:auto}.mbr-eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--mbr-teal);margin:0 0 17px}.mbr-lead{font-size:clamp(18px,1.7vw,22px);line-height:1.7;color:var(--mbr-muted)}
.mbr-section .wp-block-buttons{margin-top:28px;gap:12px}.mbr-section .wp-block-button__link{border-radius:10px;padding:15px 26px;font-weight:750;font-size:15px;background:var(--mbr-teal);color:white!important;text-decoration:none;transition:transform .25s ease,background .25s ease}.mbr-section .wp-block-button__link:hover{background:#075f69;transform:translateY(-2px)}.mbr-section .mbr-btn-outline .wp-block-button__link{background:transparent;border:1.5px solid currentColor;color:var(--mbr-navy)!important}.mbr-section .mbr-btn-outline .wp-block-button__link:hover{background:#f0f8f9}.mbr-hero{background:linear-gradient(127deg,#092541 0%,#124977 76%,#116c8c 100%);color:#fff;padding:clamp(48px,6vw,85px) 24px;overflow:hidden}.mbr-hero h1{color:#fff;font-size:clamp(2.6rem,4.4vw,4.9rem);max-width:780px;overflow-wrap:normal;word-break:normal}.mbr-hero p{color:#e5f5fa}.mbr-hero .mbr-eyebrow{color:#bfe9ee}.mbr-hero .wp-block-button__link{background:#fff;color:#0b2b4b!important}.mbr-hero .mbr-btn-outline .wp-block-button__link{background:transparent;border:1.5px solid rgba(255,255,255,.75);color:white!important}.mbr-hero .mbr-btn-outline .wp-block-button__link:hover{background:rgba(255,255,255,.1)}.mbr-hero-image img{aspect-ratio:4/3;object-fit:cover;border-radius:19px;box-shadow:0 25px 65px rgba(0,10,35,.25)}.mbr-hero .mbr-inner{max-width:1320px!important}
.mbr-section.mbr-soft{background:var(--mbr-mist)}.mbr-section.mbr-blue-soft{background:#eef7f9}.mbr-section.mbr-navy{background:var(--mbr-navy);color:#e6f1f5}.mbr-section.mbr-navy h2,.mbr-section.mbr-navy h3{color:#fff}.mbr-section.mbr-navy p{color:#e4f2f7}.mbr-section.mbr-navy .mbr-eyebrow{color:#83e7ed}
.mbr-section-title{max-width:760px;margin-bottom:38px}.mbr-section-title.mbr-centered{text-align:center;margin-inline:auto}.mbr-section-title p:last-child{margin-bottom:0}
.mbr-feature-card{height:100%;background:#fff;border:1px solid #e4edf2;border-radius:18px;padding:30px;box-shadow:0 12px 34px rgba(18,63,81,.045)}.mbr-feature-card h3{font-size:clamp(1.25rem,1.7vw,1.6rem)}.mbr-feature-card p{color:var(--mbr-muted);font-size:15px}.mbr-feature-card .mbr-eyebrow{color:#d19a35}
.mbr-category-card{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 12px 30px rgba(14,48,77,.1);height:100%}.mbr-category-card img{width:100%;height:215px;object-fit:cover}.mbr-category-card .mbr-category-body{padding:20px 22px 26px}.mbr-category-card h3{margin:0 0 9px;font-size:21px}.mbr-category-card p{font-size:15px;color:var(--mbr-muted);margin:0 0 13px}.mbr-category-card a{font-weight:800;text-decoration:none;color:var(--mbr-teal)}
.mbr-steps .wp-block-column{padding:22px;border-left:3px solid #d9a14b}.mbr-step-number{font-size:14px;font-weight:800;color:var(--mbr-teal)}.mbr-steps h3{font-size:23px}
.mbr-cta{background:linear-gradient(123deg,#0b2b4b,#117288);color:#fff;text-align:center}.mbr-cta .mbr-eyebrow{color:#9debeb}.mbr-cta h2{color:#fff}.mbr-cta .mbr-lead,.mbr-cta p{color:#f4fbff}.mbr-cta .wp-block-buttons{justify-content:center}.mbr-cta .mbr-inner{max-width:850px!important}
.mbr-photo-cover img{height:450px!important;object-fit:cover;border-radius:17px}.mbr-form-panel{background:#fff;border:1px solid #dfebef;border-top:4px solid var(--mbr-teal);border-radius:19px;padding:clamp(22px,3vw,38px);box-shadow:0 17px 48px rgba(8,40,64,.08)}.mbr-form-panel input:not([type=checkbox]):not([type=radio]),.mbr-form-panel select,.mbr-form-panel textarea{width:100%;max-width:100%;min-height:44px;border:1px solid #bdced6;padding:12px;border-radius:9px;background:#fff;font:inherit}.mbr-form-panel textarea{min-height:130px}.mbr-form-panel .rf-submit{border:0;border-radius:9px;padding:13px 22px;background:var(--mbr-teal);color:#fff;font-weight:750;cursor:pointer}

/* Widget footer with first three equal columns and fourth naturally wider */
.mbr-site-footer{background:#082840;color:#d9eaf0;padding:62px 24px 20px}.mbr-footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.6fr);gap:32px}.mbr-footer-col{min-width:0}.mbr-site-footer p{color:#d9eaf0;font-size:14px;line-height:1.65}.mbr-footer-col>a,.mbr-footer-col .menu a{display:block;color:#fff;text-decoration:none;font-size:14px;margin:0 0 12px}.mbr-footer-col a:hover{color:#8be0e2}.mbr-footer-heading{color:#fff;font-size:19px;margin:0 0 20px}.mbr-footer-logo{display:block;background:#fff;border-radius:8px;padding:8px;width:min(100%,245px);height:auto;margin-bottom:20px}.mbr-footer-widget+.mbr-footer-widget{margin-top:24px}.mbr-footer-contact input:not([type=checkbox]),.mbr-footer-contact select,.mbr-footer-contact textarea{width:100%;max-width:100%;border:1px solid #bacbd1;border-radius:6px;padding:9px;min-height:40px;font:inherit;font-size:14px}.mbr-footer-contact label{color:#fff;font-size:14px}.mbr-footer-contact .rf-submit{background:var(--mbr-teal);border:0;border-radius:8px;color:#fff;padding:12px 19px;cursor:pointer}.mbr-footer-button{color:#fff!important;border-radius:8px;background:var(--mbr-teal);padding:10px 14px;text-decoration:none}.mbr-footer-bottom{max-width:1280px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;margin:42px auto 0;border-top:1px solid rgba(255,255,255,.17);padding-top:22px;font-size:12px;color:#afcedb}.mbr-footer-bottom a{color:#d5ecf4;text-decoration:none}
.mbr-back-top{position:fixed;z-index:90;right:22px;bottom:22px;width:49px;height:49px;border:0;border-radius:50%;background:#087c83;color:#fff;box-shadow:0 8px 24px #0b2b4b44;font-size:25px;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s}.mbr-back-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
@media (max-width:1110px){.mbr-header-inner{padding-inline:20px}.mbr-header-cta{display:none}.mbr-menu{gap:13px}.mbr-brand{width:240px}.mbr-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:990px){.mbr-header-inner{min-height:74px;justify-content:space-between;flex-wrap:wrap;gap:12px}.mbr-brand{width:245px;max-width:67vw}.mbr-nav-toggle{display:block}.mbr-main-nav{flex-basis:100%;width:100%;order:3;display:none}.mbr-main-nav.is-open{display:block}.mbr-menu{display:block;padding:10px 0 18px}.mbr-menu li{margin:0}.mbr-menu li a{display:block;padding:11px 5px;white-space:normal;border-top:1px solid #e8eff3}.mbr-menu .sub-menu{position:static;display:block;box-shadow:none;padding:0 0 0 15px;border-radius:0}.mbr-menu .sub-menu li a{font-size:13px}.mbr-header-cta{display:none}.mbr-section .wp-block-columns{gap:28px}}
@media (max-width:781px){.mbr-section{padding:50px 19px}.mbr-hero{padding:54px 19px}.mbr-hero .wp-block-columns,.mbr-section .wp-block-columns{flex-direction:column}.mbr-hero h1{font-size:clamp(2.35rem,9vw,3.5rem);line-height:1.1}.mbr-hero-image img{aspect-ratio:16/10}.mbr-category-card img{height:220px}.mbr-page-heading{padding-top:33px}.mbr-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:580px){body{font-size:16px}.mbr-section h2{font-size:clamp(1.9rem,8vw,2.65rem)}.mbr-section .wp-block-button{width:100%}.mbr-section .wp-block-button__link{display:block;text-align:center;width:100%}.mbr-header-inner{padding:9px 17px}.mbr-brand{width:205px}.mbr-content-shell{width:min(100% - 32px,1220px);padding:40px 0}.mbr-page-heading{width:min(100% - 32px,1220px)}.mbr-footer-inner{grid-template-columns:minmax(0,1fr);gap:35px}.mbr-site-footer{padding:52px 20px 22px}.mbr-post-grid{grid-template-columns:1fr}.mbr-photo-cover img{height:320px!important}.mbr-form-panel{padding:20px 16px}.mbr-footer-bottom{display:block}.mbr-footer-bottom span{display:block;margin-top:7px}.mbr-back-top{width:44px;height:44px;right:16px;bottom:16px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mbr-back-top,.mbr-section .wp-block-button__link,.mbr-header-cta{transition:none}}

/* Progressive visual polish: content remains visible when scripts are disabled. */
.mbr-motion-ready{opacity:0;transform:translateY(18px);transition:opacity .65s ease var(--mbr-delay,0ms),transform .65s cubic-bezier(.2,.75,.25,1) var(--mbr-delay,0ms)}
.mbr-motion-ready.mbr-motion-in{opacity:1;transform:none}
@media (hover:hover) and (pointer:fine){
 .mbr-category-card{transition:transform .28s ease,box-shadow .28s ease}
 .mbr-category-card:hover{transform:translateY(-4px);box-shadow:0 17px 35px rgba(14,48,77,.14)}
 .mbr-category-card img{transition:transform .5s ease}
 .mbr-category-card:hover img{transform:scale(1.035)}
}
@media (prefers-reduced-motion:reduce){
 .mbr-motion-ready{opacity:1!important;transform:none!important;transition:none!important}
 .mbr-category-card,.mbr-category-card img{transition:none!important;transform:none!important}
}

/* Category navigation from existing RoMi Catalogue taxonomy. */
.mbr-category-links { display:flex; gap:.65rem; flex-wrap:wrap; margin:1.4rem 0 1.6rem; }
.mbr-category-link { display:inline-flex; align-items:center; border:1px solid #d2e1e5; background:#f2f8f8; color:#0b344a; text-decoration:none; padding:.65rem .95rem; border-radius:50px; font-weight:600; line-height:1.3; }
.mbr-category-link:hover,.mbr-category-link:focus-visible { background:#dff1ef; color:#0a3137; border-color:#168a88; }
@media(max-width:640px){.mbr-category-links{gap:.45rem}.mbr-category-link{font-size:.88rem;padding:.55rem .75rem}}

/* Branded first footer column with editable description and optional widgets. */
.mbr-footer-col:first-child{min-width:0}
.mbr-footer-brand-link{display:inline-block;max-width:100%;margin-bottom:15px}
.mbr-footer-brand-link .mbr-footer-logo{width:min(100%,245px);margin:0;height:auto}
.mbr-site-footer .mbr-footer-brand-description{max-width:320px;line-height:1.75;color:#dcecf1;margin:0 0 14px}
.mbr-footer-col h2,.mbr-footer-col h3,.mbr-footer-col h4,.mbr-footer-col .widget-title{color:#fff!important}
.mbr-footer-col ul{padding-left:17px;list-style:disc;margin:12px 0}
.mbr-footer-col li{margin:0 0 9px}
.mbr-footer-col li a,.mbr-footer-col .wp-block-archives a{color:#c6ecf0;text-decoration:none}
.mbr-footer-col li a:hover{text-decoration:underline;color:#fff}
.mbr-footer-brand-widgets{margin-top:17px}
.mbr-footer-brand-widgets>:first-child{margin-top:0}

/* WordPress legacy Archives widgets are not appropriate in the brand/about column; leave assignments editable in Widgets. */
.mbr-footer-brand-widgets .widget_archive,
.mbr-footer-brand-widgets .widget_block:has(.wp-block-archives){display:none}


/* Visual experience v1.1.4: reusable Gutenberg page hero and image-first cards. */
.mbr-hero,.mbr-page-intro{position:relative;isolation:isolate}
.mbr-hero>.mbr-inner,.mbr-page-intro>.mbr-inner{position:relative;z-index:1}
.mbr-hero .wp-block-columns{align-items:center;gap:clamp(24px,4vw,76px)}
.mbr-hero h1{font-weight:800;letter-spacing:-.044em;line-height:1.05}
.mbr-hero-image img,.mbr-hero-slides img{border-radius:20px;box-shadow:0 22px 65px rgba(1,17,29,.22)}
.mbr-hero-slides{position:relative!important;display:block!important;width:100%;aspect-ratio:5/4;overflow:hidden;border-radius:21px;margin:0;box-shadow:0 30px 78px rgba(1,17,29,.3)}
.mbr-hero-slides>.wp-block-image,.mbr-hero-slides>figure{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0;visibility:hidden;transition:opacity 1s ease;pointer-events:none}
.mbr-hero-slides>.wp-block-image:first-child,.mbr-hero-slides>figure:first-child{opacity:1;visibility:visible}
.mbr-hero-slides.mbr-carousel-ready>.wp-block-image:first-child:not(.is-active),.mbr-hero-slides.mbr-carousel-ready>figure:first-child:not(.is-active){opacity:0;visibility:hidden}
.mbr-hero-slides>.wp-block-image.is-active,.mbr-hero-slides>figure.is-active{opacity:1!important;visibility:visible!important;z-index:1;pointer-events:auto}
.mbr-hero-slides img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;border-radius:0!important;box-shadow:none!important}
.mbr-carousel-controls{position:absolute;z-index:5;bottom:16px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}
.mbr-carousel-controls button{pointer-events:auto;cursor:pointer;border:1px solid rgba(255,255,255,.55);background:rgba(4,28,48,.72);color:white;backdrop-filter:blur(6px);border-radius:50%;width:40px;height:40px;line-height:1;font-size:29px;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}
.mbr-carousel-controls button:hover{background:var(--mbr-teal);transform:scale(1.05)}
.mbr-carousel-dots{display:flex;gap:7px;justify-content:center;align-items:center;pointer-events:auto}
.mbr-carousel-dots .mbr-carousel-dot{width:9px;height:9px;padding:0;border:1px solid #fff;background:rgba(255,255,255,.5)}
.mbr-carousel-dots .mbr-carousel-dot.is-active{width:25px;border-radius:8px;background:white}
.mbr-page-visual-hero{padding:clamp(40px,6vw,86px) max(20px,calc((100vw - 1300px)/2));background:linear-gradient(120deg,#0c2b4c,#125f79);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);align-items:center;gap:clamp(25px,5vw,70px);overflow:hidden}
.mbr-page-visual-hero h1{color:#fff;font-size:clamp(2.4rem,4.6vw,4.8rem);max-width:850px}.mbr-page-visual-hero p{color:#dff5f9;max-width:650px}
.mbr-page-visual-hero img{display:block;width:100%;height:clamp(260px,33vw,480px);object-fit:cover;border-radius:21px;box-shadow:0 22px 50px rgba(0,0,0,.19)}
.mbr-page-visual-hero .mbr-eyebrow{color:#a0e2e8}
.mbr-listings-hero{background:linear-gradient(125deg,#092541,#125877);color:#fff;padding:clamp(36px,5vw,75px) max(20px,calc((100vw - 1280px)/2));}
.mbr-listings-hero>h1,.mbr-listings-hero .wp-block-heading{color:#fff}
.mbr-listings-hero p{color:#e7f6fa;max-width:850px}
.mbr-listings-hero .mbr-listings-banner{margin:28px 0 0}
.mbr-listings-hero .mbr-listings-banner img{height:clamp(230px,34vw,480px);width:100%;object-fit:cover;border-radius:20px}
.mbr-listings-hero .mbr-card,.mbr-listings-hero .mbr-card p{color:#12334b}
.mbr-blog-page{max-width:1320px!important;margin:0 auto;padding:clamp(40px,6vw,85px) 20px}
.mbr-blog-index .mbr-blog-page>h1{font-size:clamp(2.45rem,4.5vw,4.4rem)}
.mbr-blog-hero-photo{margin:24px 0 48px}
.mbr-blog-hero-photo img{display:block;width:100%;height:clamp(260px,35vw,510px);object-fit:cover;border-radius:20px}
.mbr-blog-index .wp-block-post-template.is-layout-grid{gap:25px!important;align-items:stretch}
.mbr-blog-index .wp-block-post-template>li{overflow:hidden;background:#fff;border-radius:18px;border:1px solid #dce8ee;box-shadow:0 12px 32px rgba(0,27,47,.06);transition:transform .25s ease,box-shadow .25s ease}
.mbr-blog-index .wp-block-post-template>li:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,27,47,.13)}
.mbr-blog-index .wp-block-post-template .wp-block-post-featured-image{margin:0!important}
.mbr-blog-index .wp-block-post-template .wp-block-post-featured-image img{width:100%;height:225px;object-fit:cover}
.mbr-blog-index .wp-block-post-template .wp-block-post-title,.mbr-blog-index .wp-block-post-template .wp-block-post-date,.mbr-blog-index .wp-block-post-template .wp-block-post-excerpt{margin-left:20px;margin-right:20px}
.mbr-blog-index .wp-block-post-template .wp-block-post-title{margin-top:20px;font-size:clamp(1.25rem,1.8vw,1.6rem)}
.mbr-blog-index .wp-block-post-template .wp-block-post-title a{color:var(--mbr-navy);text-decoration:none}
.mbr-blog-index .wp-block-post-template .wp-block-post-title a:hover{color:var(--mbr-teal)}
.mbr-blog-index .wp-block-post-template .wp-block-post-date{font-size:12px;color:#6e8c99}
.mbr-blog-index .wp-block-post-template .wp-block-post-excerpt{font-size:14px;color:var(--mbr-ink);padding-bottom:14px}
.mbr-blog-index .wp-block-post-template .wp-block-post-excerpt__more-link{display:block;font-weight:700;color:var(--mbr-teal);margin-top:8px}
.mbr-blog-index .wp-block-query-pagination{margin-top:45px;justify-content:center;display:flex;gap:18px}
.mbr-single-hero{position:relative;min-height:clamp(390px,52vw,670px);display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;background:#0b2b4b}
.mbr-single-hero-media,.mbr-single-hero-media img,.mbr-single-hero-overlay{position:absolute;inset:0;width:100%;height:100%;margin:0}
.mbr-single-hero-media img{object-fit:cover;object-position:center 42%}
.mbr-single-hero-overlay{background:linear-gradient(0deg,rgba(3,21,36,.9),rgba(4,28,47,.16) 100%);z-index:1}
.mbr-single-hero-inner{width:min(100% - 42px,1180px);margin:0 auto;padding:80px 0 52px;position:relative;z-index:2}
.mbr-single-hero h1{color:#fff;max-width:940px;font-size:clamp(2.6rem,5vw,5.4rem)}
.mbr-single-hero .mbr-eyebrow{color:#b5e6ee}.mbr-single-date,.mbr-single-subtitle{color:#dceff5;max-width:730px}
.mbr-single-prose{max-width:900px}.mbr-single-prose h2{margin-top:42px}.mbr-single-prose img{border-radius:16px}
.mbr-archive-hero{padding:clamp(55px,7vw,120px) max(20px,calc((100vw - 1200px)/2));background:linear-gradient(90deg,rgba(6,32,57,.94),rgba(6,32,57,.6)),url('../images/comino.webp') center/cover;color:#fff}
.mbr-archive-hero h1,.mbr-archive-hero p{color:#fff}.mbr-archive-hero .mbr-eyebrow{color:#b5e6ee}
.mbr-archive-index .mbr-post-card{padding:0;overflow:hidden;box-shadow:0 12px 34px rgba(0,30,53,.07)}.mbr-archive-index .mbr-post-card img{display:block;width:100%;height:225px;object-fit:cover;border-radius:0}
.mbr-archive-index .mbr-post-card-body{padding:20px}.mbr-archive-index .mbr-post-card h2{font-size:1.45rem}
.mbr-archive-index .mbr-card-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mbr-teal);font-weight:800}
.mbr-post-card-image{display:block;overflow:hidden}.mbr-post-card-image img{transition:transform .45s ease}.mbr-post-card:hover .mbr-post-card-image img{transform:scale(1.04)}
@media(max-width:781px){.mbr-hero-slides{aspect-ratio:16/10}.mbr-page-visual-hero{grid-template-columns:1fr;padding:45px 20px;gap:20px}.mbr-page-visual-hero img{height:295px}.mbr-hero h1{font-size:clamp(2.35rem,8vw,4rem)}.mbr-blog-index .wp-block-post-template.is-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mbr-blog-page{padding:38px 18px}.mbr-single-hero{min-height:440px}.mbr-single-hero-inner{padding-bottom:34px}}
@media(max-width:600px){.mbr-blog-index .wp-block-post-template.is-layout-grid{grid-template-columns:1fr}.mbr-hero-slides{aspect-ratio:4/3}.mbr-listings-hero{padding:35px 20px}.mbr-blog-hero-photo img{height:260px}.mbr-single-hero h1{font-size:clamp(2.25rem,9vw,3.3rem)}.mbr-archive-index .mbr-post-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mbr-hero-slides>figure,.mbr-hero-slides>.wp-block-image,.mbr-blog-index .wp-block-post-template>li,.mbr-post-card-image img{transition:none!important}.mbr-blog-index .wp-block-post-template>li:hover{transform:none!important}}

/* Malta Boat Rent — Desktop refinement v1.1.5, 2026-11-09
 * Visual presentation only. Preserves native Gutenberg, primary WP menu,
 * RoMi forms, catalogue listings, mobile styling, carousel and footer widgets.
 */
@media (min-width: 991px) {
  /* A calmer desktop rhythm, matching the polished mobile proportions. */
  .mbr-site-header { background:#fff; box-shadow:0 1px 0 rgba(9,44,69,.08),0 7px 22px rgba(9,44,69,.035); }
  .mbr-header-inner { max-width:1580px; min-height:88px; padding:12px 28px; gap:18px; }
  .mbr-brand { width:205px; }
  .mbr-brand-logo { max-height:64px; }
  .mbr-header-cta { border-radius:12px; font-size:13px; letter-spacing:.005em; min-height:44px; padding:11px 17px; box-shadow:0 7px 18px rgba(8,124,131,.13); }

  /* Keep the real WordPress menu; make it easier to read and click. */
  .mbr-menu a { font-size:13px; font-weight:650; line-height:1.3; }
  .mbr-menu > li > a { border-radius:8px; transition:color .18s ease,background .18s ease; }
  .mbr-menu > li.current-menu-item > a,
  .mbr-menu > li.current_page_item > a { color:var(--mbr-teal); }

  /* Home: avoid showing catalogue filter links as a second site menu. */
  body.home .mbr-category-links,
  body.home .mbr-marketplace > .mbr-filter,
  body.home .mbr-marketplace > .mbr-pages,
  body.home .mbr-pages { display:none!important; }

  /* Two evenly weighted hero columns, tidy type and breathing room. */
  .mbr-hero { padding:clamp(64px,5.5vw,96px) 28px; }
  .mbr-hero > .mbr-inner > .wp-block-columns { display:grid!important; grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr); align-items:center; gap:clamp(36px,5vw,82px); }
  .mbr-hero > .mbr-inner > .wp-block-columns > .wp-block-column { min-width:0; width:100%; margin:0; }
  .mbr-hero h1 { max-width:690px; font-size:clamp(3.1rem,4vw,4.5rem); line-height:1.075; letter-spacing:-.041em; text-wrap:balance; }
  .mbr-hero .mbr-lead { max-width:580px; font-size:clamp(18px,1.4vw,21px); line-height:1.6; }
  .mbr-hero p { max-width:630px; }
  .mbr-hero .wp-block-buttons { gap:13px; margin-top:28px; }
  .mbr-hero .wp-block-button__link { min-height:49px; display:inline-flex; align-items:center; justify-content:center; padding:13px 23px; }
  .mbr-hero-slides { aspect-ratio:1.18; max-height:555px; width:100%; }
  .mbr-hero-image img { aspect-ratio:1.18; max-height:555px; }

  .mbr-section { padding:clamp(66px,6vw,100px) 28px; }
  .mbr-inner, .entry-content .mbr-inner { max-width:1260px!important; }
  .mbr-section .wp-block-columns { gap:clamp(25px,3vw,54px); }
  .mbr-section-title { max-width:780px; margin-bottom:35px; }
  .mbr-section h2 { line-height:1.12; text-wrap:balance; }
  .mbr-section p { line-height:1.7; }
  .mbr-feature-card { border-radius:20px; box-shadow:0 12px 32px rgba(15,50,76,.06); }
  .mbr-category-card { border-radius:19px; border:1px solid #e0ebef; box-shadow:0 12px 33px rgba(13,45,69,.08); }
  .mbr-category-card img { height:235px; }
  .mbr-category-card .mbr-category-body { padding:24px 24px 27px; }
  .mbr-content-shell { max-width:1230px; padding-top:70px; }
  .mbr-post-grid { gap:25px; }
  .mbr-site-footer { padding-top:72px; }
  .mbr-footer-inner { max-width:1320px; gap:clamp(24px,2.5vw,42px); }
}

/* Laptop desktop: intentional, compact menu instead of nine cramped links. */
@media (min-width: 991px) and (max-width: 1449px) {
  .mbr-header-inner { position:relative; min-height:84px; flex-wrap:nowrap; gap:13px; }
  .mbr-brand { width:210px; margin-right:auto; }
  .mbr-header-cta { display:inline-flex!important; order:2; }
  .mbr-nav-toggle { display:block!important; order:3; width:102px; flex:0 0 102px; min-height:46px; position:relative; padding:12px 44px 12px 14px; background:#f7fafb; border:1px solid #d6e3e9; border-radius:12px; }
  .mbr-nav-toggle span { width:19px; }
  .mbr-nav-toggle::after { content:"Menu"; position:absolute; right:12px; top:50%; transform:translateY(-50%); font-size:13px; font-weight:750; color:var(--mbr-navy); }
  .mbr-nav-toggle[aria-expanded="true"] { background:#edf7f8; border-color:#94c6cc; }
  .mbr-main-nav { position:absolute; top:calc(100% - 1px); right:28px; z-index:80; display:none; flex:none; min-width:0; width:min(590px,calc(100vw - 56px)); max-width:calc(100vw - 56px); background:#fff; padding:18px; border:1px solid #e1e9ee; border-radius:0 0 18px 18px; box-shadow:0 25px 60px rgba(9,39,62,.17); }
  .mbr-main-nav.is-open { display:block!important; }
  .mbr-menu { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 10px; justify-content:stretch; }
  .mbr-menu > li { min-width:0; }
  .mbr-menu > li > a { display:flex; align-items:center; white-space:normal; min-height:45px; width:100%; padding:11px 12px; font-size:14px; border-radius:10px; }
  .mbr-menu > li > a:hover, .mbr-menu > li > a:focus-visible { background:#eaf5f7; }
  .mbr-menu .sub-menu { position:static; display:block; box-shadow:none; border-radius:0; padding:0 0 0 12px; min-width:0; }
  .mbr-menu .sub-menu li + li { margin-top:0; }
  .mbr-menu .sub-menu a { display:block; white-space:normal; font-size:12px; padding:6px 0; }
}

/* Wide desktops: show the normal horizontal menu in a neat single row. */
@media (min-width: 1450px) {
  .mbr-header-inner { gap:17px; }
  .mbr-main-nav { flex:1 1 auto; }
  .mbr-menu { gap:clamp(8px,.75vw,13px); }
  .mbr-menu a { font-size:clamp(12px,.83vw,13px); }
  .mbr-menu > li > a { padding:9px 2px; }
}

/* Respect visitor motion preferences on desktop too. */
@media (prefers-reduced-motion: reduce) {
  .mbr-header-cta, .mbr-menu a { transition:none!important; }
}

/* v1.1.6 — Desktop uses the existing accessible burger navigation at all widths.
   The mobile header is unchanged. The real WordPress menu is preserved. */
@media(min-width:991px){
 .mbr-site-header{position:relative;z-index:100;overflow:visible;}
 .mbr-header-inner{position:relative;display:flex;align-items:center;flex-wrap:nowrap;gap:15px;min-height:84px;}
 .mbr-brand{width:clamp(200px,18vw,248px)!important;flex:0 1 auto!important;min-width:170px;margin-right:auto!important;}
 .mbr-brand-logo{max-width:100%;height:auto;object-fit:contain;}
 .mbr-header-cta{display:inline-flex!important;flex:0 0 auto;order:2;white-space:nowrap;}
 .mbr-nav-toggle{display:block!important;flex:0 0 102px!important;order:3;
   position:relative;min-height:46px;width:102px;padding:12px 44px 12px 14px;
   border:1px solid #d6e3e9;border-radius:12px;background:#f7fafb;}
 .mbr-nav-toggle span{width:19px;}
 .mbr-nav-toggle::after{content:'Menu';position:absolute;right:12px;top:50%;transform:translateY(-50%);
   font-size:13px;font-weight:750;color:#0b2b4b;}
 .mbr-nav-toggle[aria-expanded="true"]{background:#edf7f8;border-color:#94c6cc;}
 .mbr-main-nav{display:none!important;position:absolute!important;top:calc(100% - 1px);right:28px;
   z-index:120;flex:none!important;width:min(590px,calc(100vw - 56px));
   min-width:0;max-width:calc(100vw - 56px);padding:18px;
   border:1px solid #e1e9ee;border-radius:0 0 18px 18px;
   background:#fff;box-shadow:0 25px 60px rgba(9,39,62,.17);}
 .mbr-main-nav.is-open{display:block!important;}
 .mbr-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px!important;justify-content:stretch;}
 .mbr-menu>li{min-width:0;}
 .mbr-menu>li>a{display:flex;align-items:center;width:100%;min-height:45px;
   padding:11px 12px!important;white-space:normal;font-size:14px!important;border-radius:10px;}
 .mbr-menu>li>a:hover,.mbr-menu>li>a:focus-visible{background:#eaf5f7;}
 .mbr-menu .sub-menu{position:static;display:block;min-width:0;padding:0 0 0 12px;
   box-shadow:none;border-radius:0;}
 .mbr-menu .sub-menu li+li{margin-top:0;}
 .mbr-menu .sub-menu a{display:block;white-space:normal;font-size:12px;padding:6px 0;}
}
@media(min-width:991px) and (max-width:1100px){
 .mbr-header-inner{padding-inline:18px;}
 .mbr-header-cta{padding-inline:12px;font-size:12px;}
 .mbr-brand{min-width:0;width:clamp(175px,23vw,215px)!important;}
 .mbr-main-nav{right:18px;width:min(590px,calc(100vw - 36px));max-width:calc(100vw - 36px);}
}
@media(min-width:991px) and (max-width:1050px){
 .mbr-menu{grid-template-columns:1fr!important;}
}

/* RoMi Malta Boat Rent v1.1.7 — full-bleed desktop framework.
 * Presentation only. Full-width section backgrounds; aligned 1440px design grids;
 * accessible readable article columns; compact forms; unchanged mobile styling.
 * Works alongside the existing v1.1.6 desktop burger navigation.
 */
@media (min-width: 991px) {
  :root {
    --mbr-layout-wide: 1440px;
    --mbr-layout-gutter: clamp(24px, 3vw, 64px);
  }

  /* Header/footer backgrounds span the viewport; content aligns with page grids. */
  .mbr-header-inner {
    width: 100%;
    max-width: none;
    padding-inline: var(--mbr-layout-gutter);
  }
  .mbr-footer-inner,
  .mbr-footer-bottom {
    width: 100%;
    max-width: var(--mbr-layout-wide);
  }

  /* Gutenberg section surfaces fill the browser width, not a boxed page shell. */
  .mbr-front-page, .mbr-page-main,
  .mbr-front-page > article, .mbr-page-main > article,
  .mbr-front-page > article > .entry-content,
  .mbr-page-main > article > .entry-content {
    width: 100%;
    max-width: none;
  }
  .entry-content > .alignfull,
  .entry-content > .mbr-section,
  .entry-content > .mbr-hero,
  .entry-content > .mbr-page-visual-hero,
  .entry-content > .mbr-listings-hero {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }
  .mbr-section, .mbr-hero, .mbr-cta {
    width: 100%;
    max-width: none;
    padding-inline: var(--mbr-layout-gutter);
  }
  .mbr-inner, .entry-content .mbr-inner,
  .mbr-hero .mbr-inner,
  .mbr-section .mbr-inner {
    width: 100%;
    max-width: var(--mbr-layout-wide) !important;
    margin-inline: auto !important;
  }

  /* Wide Gutenberg blocks are editorially constrained, not arbitrarily boxed. */
  .entry-content .alignwide {
    max-width: var(--mbr-layout-wide);
    margin-inline: auto;
  }
  .mbr-page-heading, .mbr-content-shell {
    width: min(calc(100% - var(--mbr-layout-gutter) - var(--mbr-layout-gutter)), var(--mbr-layout-wide));
    max-width: var(--mbr-layout-wide) !important;
    margin-inline: auto;
  }
  .mbr-page-visual-hero, .mbr-listings-hero {
    width: 100%;
    max-width: none;
    padding-left: max(var(--mbr-layout-gutter), calc((100vw - var(--mbr-layout-wide)) / 2));
    padding-right: max(var(--mbr-layout-gutter), calc((100vw - var(--mbr-layout-wide)) / 2));
  }
  .mbr-archive-hero {
    padding-inline: max(var(--mbr-layout-gutter), calc((100vw - var(--mbr-layout-wide)) / 2));
  }

  /* Blog/index surfaces and product cards use the same wide grid. */
  .mbr-blog-page {
    width: min(calc(100% - var(--mbr-layout-gutter) - var(--mbr-layout-gutter)), var(--mbr-layout-wide));
    max-width: var(--mbr-layout-wide) !important;
    margin-inline: auto;
    padding-inline: 0;
  }
  .mbr-single-hero-inner {
    width: min(calc(100% - var(--mbr-layout-gutter) - var(--mbr-layout-gutter)), var(--mbr-layout-wide));
    max-width: var(--mbr-layout-wide);
  }
  /* Article text stays comfortable to read, even inside a full-width page. */
  .mbr-single-prose,
  .mbr-blog-shell {
    max-width: 860px !important;
  }
  /* A listing can use the wide canvas for its galleries and enquiry blocks. */
  body.single-mbr_listing .mbr-single-prose {
    max-width: var(--mbr-layout-wide) !important;
  }
  body.single-mbr_listing .mbr-single-prose > :is(p,ul,ol,h2,h3,h4,blockquote):not(.alignwide):not(.alignfull) {
    max-width: 860px;
  }

  /* RoMi Catalogue is an independent plugin and sets its own 1320px ceiling. */
  body .mbr-marketplace,
  body .mbr-detail,
  body .mbr-category-inner {
    width: min(calc(100% - var(--mbr-layout-gutter) - var(--mbr-layout-gutter)), var(--mbr-layout-wide));
    max-width: var(--mbr-layout-wide) !important;
    margin-inline: auto;
  }
  body .mbr-marketplace,
  body .mbr-detail {
    padding-inline: 0;
  }
  body .mbr-portal {
    width: min(calc(100% - var(--mbr-layout-gutter) - var(--mbr-layout-gutter)), 1200px);
    max-width: 1200px !important;
    padding-inline: 0;
    margin-inline: auto;
  }
  /* The category hero should remain truly full bleed. */
  body .mbr-category-hero {
    width: 100%;
    max-width: none;
    padding-inline: var(--mbr-layout-gutter);
  }
  body .mbr-category-hero .mbr-category-inner {
    width: 100%;
    max-width: var(--mbr-layout-wide) !important;
    margin-inline: auto;
    padding-inline: 0;
  }

  /* Forms do not need to span a 1440px content grid. */
  .mbr-section .mbr-form-panel {
    width: 100%;
    max-width: 850px;
    margin-inline: auto;
  }
  /* Heading / call-to-action text is intentionally shorter than the grid. */
  .mbr-section-title { max-width: 820px; }
  .mbr-cta .mbr-inner { max-width: 850px !important; }

  /* The new canvas creates room for a four-card catalogue at very wide widths. */
}
@media (min-width: 1370px) {
  body .mbr-marketplace .mbr-grid,
  body .mbr-category-archive .mbr-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}


/* Malta Boat Rent — Supplier account full-width correction (v1.1.8)
   Scope: /supplier-account/ only. Keeps the existing 1440px content grid,
   but makes the page section full bleed and removes the old 850/1200px portal caps.
   Does not alter registration, supplier approval, enquiries, or the mobile menu.
*/
@media (min-width: 991px) {
  body.page-id-257 .mbr-page-main,
  body.page-id-257 .mbr-page-main > article,
  body.page-id-257 .mbr-page-main > article > .entry-content {
    width: 100%;
    max-width: none;
  }
  body.page-id-257 .entry-content > .mbr-supplier-intro {
    --mbr-supplier-wide: 1440px;
    --mbr-supplier-gutter: clamp(24px, 3.5vw, 72px);
    box-sizing: border-box;
    position: relative;
    display: block;
    isolation: isolate;
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding: clamp(54px, 5vw, 88px) var(--mbr-supplier-gutter) clamp(68px, 6vw, 108px) !important;
    background: linear-gradient(to bottom, #0b2b4b 0, #104961 365px, #eef6f8 366px, #f9fbfc 100%);
    overflow: clip;
  }
  /* The text aligns to the same grid as the image and account cards. */
  body.page-id-257 .mbr-supplier-intro > .mbr-kicker,
  body.page-id-257 .mbr-supplier-intro > h1,
  body.page-id-257 .mbr-supplier-intro > p:not(.mbr-kicker) {
    box-sizing: border-box;
    width: 100% !important;
    max-width: var(--mbr-supplier-wide) !important;
    margin-inline: auto !important;
  }
  body.page-id-257 .mbr-supplier-intro > .mbr-kicker {
    color: #b7e7e6 !important;
    margin-bottom: 16px !important;
  }
  body.page-id-257 .mbr-supplier-intro > h1 {
    color: #fff !important;
    max-width: var(--mbr-supplier-wide) !important;
    margin-bottom: 20px !important;
    font-size: clamp(2.8rem, 4.7vw, 4.9rem);
  }
  body.page-id-257 .mbr-supplier-intro > p:not(.mbr-kicker) {
    color: #e1f2f5 !important;
    font-size: clamp(1rem, 1.25vw, 1.16rem);
    line-height: 1.75;
    padding-right: min(34%, 530px);
    margin-bottom: clamp(24px, 3vw, 45px) !important;
  }
  /* Gutenberg's is-layout-constrained would otherwise cap these at 850px. */
  body.page-id-257 .mbr-supplier-intro > .mbr-supplier-banner,
  body.page-id-257 .mbr-supplier-intro > .mbr-portal {
    box-sizing: border-box;
    width: 100% !important;
    max-width: var(--mbr-supplier-wide) !important;
    margin-inline: auto !important;
  }
  body.page-id-257 .mbr-supplier-intro > .mbr-supplier-banner {
    margin-block: 0 !important;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 22px 54px rgba(4, 35, 57, .16);
  }
  body.page-id-257 .mbr-supplier-banner img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: clamp(290px, 29vw, 435px);
    object-fit: cover;
    object-position: center;
    border-radius: 0;
  }
  body.page-id-257 .mbr-supplier-intro > .mbr-portal {
    position: relative;
    z-index: 2;
    padding: 0 !important;
    margin-top: -36px !important;
    margin-bottom: 0 !important;
    background: transparent;
  }
  body.page-id-257 .mbr-portal .mbr-two {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    gap: clamp(22px, 3vw, 42px);
    align-items: stretch;
  }
  body.page-id-257 .mbr-portal .mbr-two > section {
    min-width: 0;
    padding: clamp(26px, 3vw, 45px);
    border: 1px solid #dce7ec;
    border-radius: 21px;
    box-shadow: 0 18px 44px rgba(5, 46, 69, .09);
  }
  body.page-id-257 .mbr-portal .mbr-two > section h2 {
    font-size: clamp(1.45rem, 2vw, 2rem);
    margin-bottom: 18px;
  }
  body.page-id-257 .mbr-portal input:not([type=checkbox]):not([type=file]),
  body.page-id-257 .mbr-portal select,
  body.page-id-257 .mbr-portal textarea {
    min-height: 46px;
    max-width: 100%;
  }
}
/* On tablets, allow a two-card portal to collapse BEFORE labels and inputs get cramped. */
@media (min-width: 681px) and (max-width: 990px) {
  body.page-id-257 .mbr-portal .mbr-two { grid-template-columns: minmax(0,1fr); }
  body.page-id-257 .mbr-supplier-intro > .mbr-portal { max-width: 760px !important; }
}