/* Complete the existing presentation; retain the neutral shared design. */
body[data-completion-presentation]{--ac-header:88px}
@media(max-width:767px){body[data-completion-presentation]{--ac-header:76px}}
html body[data-completion-presentation]:is([data-completion-presentation=marketplace],[data-completion-presentation=prototype],[data-completion-presentation=mobile-service],[data-completion-presentation=services],[data-completion-presentation=about]):is([data-preview-header],:has(.commerce-site-header .rh-call)):not([data-reference-home]) main{padding-top:var(--ac-header)!important}
body[data-completion-presentation=marketplace] .marketplace{padding-top:0!important}
body[data-completion-presentation=prototype] .product-lab{padding-top:48px}
body[data-completion-presentation=mobile-service] .mobile-studio .ms-hero{padding-top:48px;min-height:0}
body[data-completion-presentation=about] .cb-about-hero{padding-top:48px}
body[data-completion-presentation=services] .sv-studio .sv-hero{margin-top:0}
body[data-completion-presentation] :is(.sv-section-head,.ms-hero-description,.pl-intro-aside) a{text-underline-offset:4px}
body[data-completion-presentation] #product-options :is(p,a){font-size:16px;line-height:1.6}
body[data-completion-presentation] #product-options h3{font-size:20px;line-height:1.3}
body[data-completion-presentation] #product-options .acq-kicker{font-size:12px}
/* Keep the contact shortcut stable during normal page scrolling. */
body[data-completion-presentation] .cb-navbar-menu h3{font-size:14px!important;line-height:1.4!important}
body[data-completion-presentation] .cb-navbar-menu a[href^="mailto:"]{display:inline-flex;align-items:center;min-height:44px;font-size:16px!important;line-height:1.5!important;overflow-wrap:anywhere}
body[data-completion-presentation] .cb-whatsapp[data-over-control]{visibility:visible;pointer-events:auto}
body[data-completion-presentation]:has(.cb-navbar.-open) .cb-whatsapp{visibility:hidden;pointer-events:none}
@media(max-width:767px){
 /* The legacy fill layer is fixed only on desktop; its mobile min-height was
    adding 68px of normal flow before main. The actual header strip is sufficient. */
 body[data-completion-presentation] .cb-navbar-fill{display:none!important}
 body[data-completion-presentation=prototype] .product-lab{padding-top:32px}
 body[data-completion-presentation=mobile-service] .mobile-studio .ms-hero{padding-top:32px}
 body[data-completion-presentation=about] .cb-about-hero{padding-top:36px}
 body[data-completion-presentation=prototype] .pl-intro-aside{margin-top:18px}
 body[data-completion-presentation=marketplace] .mk-intro{padding:20px 0 22px}
 body[data-completion-presentation=marketplace] .mk-intro nav{margin-bottom:12px}
 body[data-completion-presentation=marketplace] .mk-layout{padding-top:18px;gap:12px}
 /* Keep search and the existing category disclosure on one row. */
 body[data-completion-presentation=marketplace] .mk-enhanced .mk-filter{display:grid;grid-template-columns:minmax(0,1fr) minmax(116px,.85fr);gap:10px;border:0;border-radius:0;overflow:visible}
 body[data-completion-presentation=marketplace] .mk-enhanced .mk-filter-section{padding:0!important;border:0!important;min-width:0}
 body[data-completion-presentation=marketplace] .mk-enhanced .mk-filter-section>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 body[data-completion-presentation=marketplace] .mk-filter input{font-size:16px;min-height:48px;padding:10px}
 body[data-completion-presentation=marketplace] .mk-category-section{position:relative}
 body[data-completion-presentation=marketplace] .mk-category-toggle{border:1px solid var(--mk-line);border-radius:10px;min-height:48px;padding:8px 10px;gap:5px}
 body[data-completion-presentation=marketplace] .mk-category-toggle>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 body[data-completion-presentation=marketplace] .mk-category-toggle strong{font-size:13px;margin:0;max-width:none;min-width:0;flex:1;overflow-wrap:anywhere}
 body[data-completion-presentation=marketplace] .mk-category-section.is-open .mk-categories{position:absolute;right:0;top:calc(100% + 4px);width:min(284px,calc(100vw - 36px));max-height:55vh;overflow:auto;margin:0;padding:12px;background:var(--mk-bg);border:1px solid var(--mk-line);border-radius:12px;box-shadow:0 10px 24px #0002;z-index:30}
 /* Results count and sort share a compact row; cards stay unchanged. */
 body[data-completion-presentation=marketplace] .mk-results{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 10px;align-items:center}
 body[data-completion-presentation=marketplace] .mk-toolbar{grid-column:2;grid-row:1;border:0;padding:0;gap:0;display:block;min-width:0;max-width:145px}
 body[data-completion-presentation=marketplace] .mk-toolbar>strong{display:none}
 body[data-completion-presentation=marketplace] .mk-count{grid-column:1;grid-row:1;margin:0;font-size:12px;line-height:1.5}
 body[data-completion-presentation=marketplace] .mk-results>:not(.mk-toolbar):not(.mk-count){grid-column:1/-1}
 body[data-completion-presentation=marketplace] .mk-sort-menu summary{gap:6px;padding:8px;min-height:44px;flex-wrap:wrap}
 body[data-completion-presentation=marketplace] .mk-sort-menu summary>strong{font-size:13px}
 body[data-completion-presentation=marketplace] .mk-sort-options{width:min(250px,calc(100vw - 36px))}
 body[data-completion-presentation=marketplace] .mk-sort-options button{white-space:normal;overflow-wrap:anywhere}
 body[data-completion-presentation=marketplace] .mk-toolbar .mk-native-sort{gap:5px;font-size:12px}
 body[data-completion-presentation=marketplace] .mk-toolbar select{width:112px;font-size:13px}
 body[data-completion-presentation=marketplace] .mk-empty[hidden],body[data-completion-presentation=marketplace] #mk-more[hidden]{display:none}
}
/* At tablet widths use the existing menu, rather than silently removing Prototype. */
@media(min-width:768px) and (max-width:1100px){
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-navs{display:none!important}
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-container{padding:22px 24px!important}
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-grid{position:relative;height:44px!important;padding-right:112px!important;display:flex!important;justify-content:space-between!important;align-items:center!important}
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-grid-col.-left{position:static!important;transform:none!important;display:flex!important;align-items:center!important}
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-grid-col.-right{margin-left:auto;display:flex!important;gap:0!important}
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-logo,html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-logo svg{width:112px!important;height:28px!important}
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-logo.-clone{display:none!important}
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle{right:54px!important;top:22px!important;width:44px!important;height:44px!important;transform:translateY(-50%)!important}
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-toggle{display:block!important;position:fixed!important;top:22px!important;right:24px!important;left:auto!important;width:44px!important;height:44px!important;transform:none!important;translate:none!important;mix-blend-mode:normal!important;z-index:270!important;pointer-events:auto!important}
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-toggle .cb-btn_menu{position:absolute!important;inset:0!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;transform:none!important;translate:none!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#171717!important}
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-btn_menu span{position:absolute!important;top:21px!important;left:9px!important;width:24px!important;height:1.5px!important;margin:0!important;background:currentColor!important;opacity:1!important;visibility:visible!important;transform-origin:center!important}
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-btn_menu span:first-child{transform:translateY(-4px)!important}
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-btn_menu span:last-child{transform:translateY(4px)!important}
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-btn_menu[aria-expanded=true] span:first-child{transform:rotate(45deg)!important}
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-btn_menu[aria-expanded=true] span:last-child{transform:rotate(-45deg)!important}
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar.-open .cb-navbar-menu{display:grid!important;padding:112px 40px 40px!important;overflow-y:auto}
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar:not(.-open) .cb-navbar-menu{display:none!important}
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-menu-nav{font-size:32px!important;line-height:1.4!important;min-height:44px}
 html[data-theme=dark] body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-toggle .cb-btn_menu{color:#eee!important}
}

/* Larger text can require a second row; the normal compact header stays intact. */
@media(max-width:1100px){
 html body[data-completion-presentation][data-header-reflow]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-strip{height:auto!important;min-height:76px!important}
 html body[data-completion-presentation][data-header-reflow]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-container{height:auto!important}
 html body[data-completion-presentation][data-header-reflow]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:44px auto!important;gap:10px!important;height:auto!important;padding-right:0!important}
 html body[data-completion-presentation][data-header-reflow]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-grid-col.-left{position:static!important;grid-column:1;grid-row:1;transform:none!important;align-self:center}
 html body[data-completion-presentation][data-header-reflow]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-grid-col.-right{display:contents!important}
 html body[data-completion-presentation][data-header-reflow]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-navs{display:none!important}
 html body[data-completion-presentation][data-header-reflow]:is([data-preview-header],:has(.commerce-site-header .rh-call)) :is(.cb-navbar-actions,.cb-navbar-action){display:block!important;width:100%!important;min-width:0!important;margin:0!important}
 html body[data-completion-presentation][data-header-reflow]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-actions{grid-column:1;grid-row:2}
 html body[data-completion-presentation][data-header-reflow]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .rh-call{width:100%!important;max-width:100%!important;min-height:44px!important;height:auto!important;padding-block:10px!important;line-height:1.35!important;white-space:normal!important;box-sizing:border-box!important}
 html body[data-completion-presentation][data-header-reflow]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .rh-call-label{min-width:0;overflow-wrap:anywhere;white-space:normal}
 html body[data-completion-presentation][data-header-reflow]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar.-open .cb-navbar-menu{padding-top:calc(var(--ac-header) + 24px)!important}
 html body[data-completion-presentation][data-header-reflow]:is([data-preview-header],:has(.commerce-site-header .rh-call)):not([data-reference-home]):not([data-product-api]) main{padding-top:var(--ac-header)!important}
 html body[data-completion-presentation][data-header-reflow]:is([data-preview-header],:has(.commerce-site-header .rh-call))[data-reference-home] .rh-home{padding-top:var(--ac-header)!important}
}
@media(min-width:768px) and (max-width:1100px){
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .rh-call{height:44px!important;min-height:44px!important}
 html body[data-completion-presentation][data-header-reflow]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .rh-call{height:auto!important}
}

/* The legacy menu pseudo hit area extended over the adjacent theme control.
   The actual button already provides a 44px target. */
@media(max-width:1100px){
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-toggle .cb-btn_menu::before{inset:0!important;width:auto!important;height:auto!important;pointer-events:none!important}
}
/* Commerce and marketing use the same compact booking geometry. */
@media(max-width:1100px){
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .rh-call{padding:0!important}
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-toggle,
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-toggle .cb-btn_menu{opacity:1!important;visibility:visible!important;animation:none!important;transition:none!important;transform:none!important;translate:none!important}
}
@media(max-width:359px){
 html body[data-completion-presentation]:is([data-preview-header],:has(.commerce-site-header .rh-call)) .rh-call{font-size:12px!important}
}

/* Commerce owns a real header spacer; do not add the header height twice. */
@media(max-width:767px){
 html body[data-completion-presentation][data-product-api] header.commerce-site-header{height:var(--ac-header)!important}
 html body[data-completion-presentation][data-product-api]:has(.commerce-site-header .rh-call) main{padding-top:40px!important}
}

/* Touch browsers retain :hover after opening Calendly and returning. Keep the
   mobile action readable in every pseudo-state; no reset script is required. */
@media (hover:none), (pointer:coarse), (max-width:1100px){
 html body[data-completion-presentation] .rh-call .rh-call-fill{display:none!important}
 html body[data-completion-presentation] .rh-call .rh-call-label{opacity:1!important;visibility:visible!important;transform:none!important;margin:0 12px!important;transition:none!important;animation:none!important}
 html body[data-completion-presentation] .rh-call:focus-visible{outline:2px solid currentColor;outline-offset:3px}
}
/* Explicitly collapse closed native disclosures in the category and sort trees. */
.marketplace details:not([open])>:not(summary){display:none!important}
@media(max-width:760px){
 .mobile-studio .ms-process{grid-template-columns:minmax(0,1fr)}
 .mobile-studio :is(.ms-process-heading,.ms-steps,.ms-step){min-width:0;overflow-wrap:anywhere}
 .cr-intro-accent{white-space:normal!important;overflow-wrap:anywhere}
}