/* One system across every page: page titles, heroes, list panels, account layout. Loaded last. */

/* Page titles: 40px desktop, 32px phone. Exceptions: profile names and the sign-up step titles. */
@media(min-width:761px){
 #main h1:not(.pf-name):not(.dir-phone-title):not(.directory-bar-title h1):not(.g02-head h1):not(.jn h1):not(.jn-card h1){font:800 40px/1.1 var(--font-display)!important;letter-spacing:-1.2px!important}
 #main .g02-head h1{font:800 24px/30px var(--font-display)!important;letter-spacing:-.4px!important}
}
@media(max-width:760px){
 #main h1:not(.pf-name):not(.dir-phone-title):not(.directory-bar-title h1):not(.g02-head h1):not(.jn h1):not(.jn-card h1){font:800 32px/1.12 var(--font-display)!important;letter-spacing:-1px!important}
 #main :is(.pf-name,.g02-head h1){font:800 28px/1.15 var(--font-display)!important;letter-spacing:-.7px!important}
}

/* One eyebrow */
.acct-eyebrow,.g06-eyebrow,.g03-head .eyebrow,.g03-eyebrow{margin:0 0 8px;font:600 12px/1.4 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--gm-sky-text)}

/* Search results: same hero band as the lists */
.search-page.has-query{padding-top:0}
.search-hero{margin:-18px calc(var(--gut)*-1) 0;padding:72px var(--gut) 54px;background:var(--gm-mist)}
.search-hero>*{max-width:1064px;margin-left:auto;margin-right:auto}
.search-hero h1{margin-bottom:30px!important}
.search-hero .search-console{background:#fff;box-shadow:0 18px 40px -10px rgba(8,26,46,.16);border:0}
.search-page .agent-panel{margin-top:32px}
@media(max-width:760px){
 .search-hero{margin:0 -20px;padding:18px 20px 10px;background:#fff}
 .search-hero h1{margin-bottom:16px!important}
 .search-hero .search-console{background:var(--gm-mist);box-shadow:none}
 .search-page .agent-panel{margin-top:12px}
}

/* List panels hold cards as well as tables */
@media(min-width:761px){
 #main .dir-panel>.company-grid,#main .dir-panel>.product-grid{max-width:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 #main .dir-panel>.company-grid>*,#main .dir-panel>.product-grid>*{background:#fff;border:0;border-radius:16px;box-shadow:none}
}
@media(min-width:761px) and (max-width:1100px){#main .dir-panel>.company-grid,#main .dir-panel>.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.products-page .empty-page{background:none}

/* Home search button: the same round button */
.hs-submit.icon-submit{flex:none;display:grid;place-items:center;width:40px;height:40px;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:var(--gm-navy);color:#fff;cursor:pointer}
.hs-submit.icon-submit .icon{display:block;width:18px;height:18px;color:inherit;stroke:currentColor}
.hs-submit.icon-submit:disabled{opacity:1;background:var(--gm-mist-2);color:var(--gm-sub);cursor:default}

/* Account: one navigation, one column of content */
@media(min-width:761px){
 .acct-layout{grid-template-columns:200px minmax(0,1fr);gap:48px;padding-top:32px}
 .acct-main .g03,.acct-main .g05-page,.acct-main .g06-partner,.acct-main .g06{max-width:none;margin:0;padding:0}
 .acct-main .g05-page{display:block}
 .acct-main .g03-card-grid{grid-template-columns:minmax(0,1fr) 340px;gap:32px}
 .acct-main .g03-card-side{margin-top:0;padding:24px}
 .acct-main .g03-head{margin-bottom:24px}
}
.acct-nav .acct-group+.acct-group{margin-top:0}
.g03-dash-link{margin-top:14px;display:flex;justify-content:center}

/* Account tables: same line header as every other table */
.g05-table{overflow:visible}
.g05-table th,.g05-table th:first-child,.g05-table th:last-child{padding:12px 14px;background:transparent;border-radius:0;border-bottom:1px solid var(--gm-line);font:600 13px/20px var(--font-ui);letter-spacing:0;text-transform:none;color:var(--gm-navy)}
.g05-table td{padding:14px}
.g05-table td strong{font-size:15px}
.g05-table td.actions{white-space:normal}
.g05-table td.actions .btn{margin:2px 0 2px 4px}

/* Admin: the count once */
.admin-count~.admin-count{display:none}

/* Profiles */
.g02-cta{align-self:start;height:auto!important;min-height:0!important}
.g02-item .profile-logo.mono{background:var(--mono);color:#fff;border:0}
.g02-item .profile-logo.mono .profile-logo-initials{color:#fff}
@media(min-width:761px){.g02-company .g02-cols{margin-top:16px}.acct-layout{grid-template-columns:216px minmax(0,1fr)}}
.products-page{max-width:none}
.products-page .product-grid .btn{white-space:nowrap}

/* Loading placeholder */
.skeleton{display:grid;gap:14px;max-width:1064px;margin:32px auto;padding:0}
.sk{display:block;border-radius:14px;background:linear-gradient(90deg,var(--gm-mist) 25%,#fafbfc 45%,var(--gm-mist) 65%);background-size:300% 100%}
.sk-title{width:56%;height:40px}.sk-search{height:60px;border-radius:999px;margin-bottom:12px}.sk-row{height:64px}
@media(prefers-reduced-motion:no-preference){.sk{animation:sk 1.3s linear infinite}@keyframes sk{from{background-position:100% 0}to{background-position:0 0}}}

/* ---------- Phones ---------- */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
a,button,summary,label,[data-action],[data-href]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media(max-width:760px){
 body{overscroll-behavior-y:none}
 /* No zoom on focus: 16px in every field, also in sheets */
 input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}

 /* Tap targets */
 #main :is(a.btn,button.btn,.g02-btn,.category-chip,.filter-select,.partner-check,.mode-chip,.jn-btn),#modal .btn{min-height:44px}
 #main .btn-ghost{min-height:44px;display:inline-flex;align-items:center}
 .g03-print,.g03-icon-btn,#main .icon-btn,.password-eye,.jn-back,.g03-seg button{min-width:44px;min-height:44px}
 .switch{position:relative}.switch::after{content:"";position:absolute;inset:-10px -4px}
 #main :is(.home-link,.cl-link,.g03-help,.g03-includes-link,.g03-profile-link,.g02-hero-link){display:inline-flex;align-items:center;min-height:44px}
 .gm-nav .brand{display:flex;align-items:center;min-height:44px}
 .tabs-line.group-tabs+*{margin-top:4px}

 /* Touch feedback */
 :is(.btn,.g02-btn,.category-chip,.filter-select,.partner-check,.sector-tile,.cr-call,.hs-submit,.discovery-submit,.menu-btn,.px-btn,.jn-btn){transition:transform .1s ease,opacity .1s ease}
 :is(.btn,.g02-btn,.category-chip,.filter-select,.partner-check,.sector-tile,.cr-call,.hs-submit,.discovery-submit,.menu-btn,.px-btn,.jn-btn):active{transform:scale(.97);opacity:.85}
 :is(.cr-main,.company-row,.g02-item,.offer-row,.tb-areas a):active{background:var(--gm-mist)}

 /* Scrolling chip rows run edge to edge */
 .filter-bar,.tabs-line.group-tabs,.admin-tabs,.g06-admin .tabs-line{margin-left:-20px!important;margin-right:-20px!important;padding-left:20px!important;padding-right:20px!important;scroll-padding:0 20px;scrollbar-width:none;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;max-width:none}
 .filter-bar::-webkit-scrollbar,.tabs-line.group-tabs::-webkit-scrollbar,.category-nav::-webkit-scrollbar,.filter-selects::-webkit-scrollbar{display:none}
 .filter-bar>*,.filter-bar .filter-selects,.filter-bar .category-nav{flex:none}
 .filter-bar .filter-selects{display:flex;gap:8px;overflow:visible}
 .filter-bar .category-nav{display:flex;gap:8px;overflow:visible}

 /* Account sections: one row of pills */
 .tabs-line.group-tabs{display:flex;gap:6px;margin-top:10px;margin-bottom:14px;background:none;border-radius:0;padding-top:0;padding-bottom:0}
 .tabs-line.group-tabs .btn{flex:none;min-height:40px;padding:0 16px;border-radius:999px;background:var(--gm-mist);color:var(--gm-navy);font:600 14px/1 var(--font-ui);white-space:nowrap;box-shadow:none}
 .tabs-line.group-tabs .btn.active{background:var(--gm-navy);color:#fff;box-shadow:none}

 /* One bottom action bar */
 .g02-bar,.g05-action,.g06-sticky,.scan-sticky{left:0;right:0;bottom:0;padding:10px 20px calc(10px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--gm-line)}
 :is(.g02-bar,.g05-action) :is(.btn,.g02-btn){min-height:50px;height:50px;font-size:16px}
 body:has(:is(.g02-bar,.g05-action)) #main{padding-bottom:88px}
 body:has(#main :is(input,textarea):focus) :is(.g02-bar,.g05-action){display:none}
 .g03-sticky{position:static!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;margin-top:12px}
 .g03-sticky .btn{width:100%}

 /* Sheets: full width, scrolling content, buttons always reachable */
 #modal{width:100%!important;max-width:100%!important;min-width:0!important;left:0;right:0;margin:auto 0 0!important;border-radius:24px 24px 0 0!important;max-height:92dvh!important;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 #modal #modal-body{padding-left:20px!important;padding-right:20px!important;padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}
 #modal #modal-body:has(form .form-actions){padding-bottom:0!important}
 #modal form .form-actions{position:sticky;bottom:0;z-index:2;display:flex;justify-content:stretch;gap:10px;margin:18px -20px 0!important;padding:12px 20px calc(12px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.97);border-top:1px solid var(--gm-line)}
 #modal .form-actions .btn{flex:1;min-height:50px;padding:0 12px}
 #modal .form-actions .btn:not(.btn-primary){flex:0 0 auto;padding:0 18px}
 #modal .modal-head{position:sticky;top:0;z-index:3;background:#fff;touch-action:none}

 /* Filter and mode menus become sheets */
 #mode-menu.brand-menu{position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;max-width:none!important;max-height:72dvh;overflow-y:auto;overscroll-behavior:contain;padding:18px 12px calc(14px + env(safe-area-inset-bottom));border:0;border-radius:24px 24px 0 0;box-shadow:0 0 0 100vmax rgba(15,33,51,.5);z-index:60}
 #mode-menu.brand-menu::before{content:"";display:block;width:40px;height:4px;margin:-6px auto 12px;border-radius:2px;background:var(--gm-mist-2)}
 #mode-menu.brand-menu button{min-height:50px;font-size:16px}

 /* Phone menu rows */
 .tab-bar{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .tab-bar .menu-account.signed-in>:is(a,button){display:flex;align-items:center;min-height:48px;padding-top:0;padding-bottom:0}
 .tab-bar .tb-areas a{min-height:60px}
 .tab-bar .menu-account.signed-in{gap:0;padding-bottom:calc(8px + env(safe-area-inset-bottom))}

 /* Metric tiles: values line up across a row */
 .g03-metric-label{min-height:2.7em}
 .g06-partner .metric>:first-child{min-height:2.7em}
 .g03-metrics{align-items:stretch}

 /* Dashboard card: smaller, so the page below is reachable */
 .g03-stage-dash .g03-card{width:190px!important}

 /* Screen-reader title for the scan screen */
 .g06-scan .g06-head{display:block!important;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

 /* Partners page: shorter card stage */
 .px-scan{height:320px!important}
 .px-flip{width:140px!important}
 .px-scan .px-flip .gm-member-card{--w:140px!important}
 .px-c1,.px-c3{left:calc(50% - 92px)!important}.px-c2,.px-c4{right:calc(50% - 92px)!important}
 .px-c1,.px-c2{top:8px!important}.px-c3,.px-c4{bottom:48px!important}
 .px-line-scan{left:calc(50% - 82px)!important;right:calc(50% - 82px)!important}
 .px-stick{left:calc(50% + 40px)!important;top:14px!important}
 .px-ok{bottom:6px!important}
 .px-scan::before{width:300px!important;height:320px!important}

 /* Account tables become rows */
 .g05-products-table thead,.g05-team-table thead{display:none}
 .g05-products-table{overflow:visible}
 .g05-products-table :is(table,tbody,tr,td){display:block;width:100%;min-width:0!important}
 .g05-products-table tr{padding:14px 0;border-bottom:1px solid var(--gm-line)}
 .g05-products-table td{padding:2px 0!important;border:0!important}
 .g05-products-table td.g05-muted,.g05-products-table td.g05-price{display:inline-block;width:auto;margin-right:10px}
 .g05-products-table td.actions{display:flex;gap:8px;margin-top:10px;text-align:left}
 .g05-table td.actions .btn{margin:0;flex:0 0 auto}

 /* Admin */
 .g06-admin .admin-row-actions .btn,.g06-admin .row-actions .btn{min-height:44px}
}
@media(max-width:360px){
 #main h1:not(.pf-name):not(.dir-phone-title):not(.directory-bar-title h1):not(.g02-head h1):not(.jn h1):not(.jn-card h1){font-size:28px!important}
}
@media(max-width:760px){
 .g06-admin-nav{align-self:stretch;width:auto;max-width:none;margin:0 -20px 16px!important;padding:0 20px!important}
 .g06-admin-nav a{min-height:44px;display:inline-flex;align-items:center}
 .g06-admin-main{max-width:100%;min-width:0;width:100%}
 .g06-admin :is(.tabs-line,.category-nav,.admin-filters,.g06-chips){max-width:none;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
}
@media(max-width:760px){
 #modal #modal-body{overflow:visible!important}
 .g06-sticky{padding-left:20px!important;padding-right:20px!important}
 .g06-admin-overview .page-intro{order:0}
 .g06-admin-overview .g06-admin-nav{order:-1}
 #main .back-link,#main .g02-back{min-height:44px;display:flex;align-items:center}
 #main .g03-profile-link{min-height:44px}
}
.g06-admin .page-intro .eyebrow{margin:0 0 8px;font:600 12px/1.4 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--gm-sky-text)}

/* ---------- One spacing scale ---------- */
:root{--sp-page:40px;--sp-head:24px;--sp-sub:10px;--sp-title:16px;--sp-section:56px;--sp-gap:16px;--sp-foot:72px;--sp-card:24px;--sp-tile:20px;--r-tile:20px}
@media(max-width:760px){:root{--sp-page:16px;--sp-head:20px;--sp-sub:6px;--sp-title:14px;--sp-section:40px;--sp-gap:10px;--sp-foot:48px;--sp-card:20px;--sp-tile:16px}}

/* Content runs edge to edge with the header and footer */
.g02{max-width:none}
.directory-page .discovery-hero>*,.search-hero>*{max-width:none!important}
@media(min-width:761px){
 #main .dir-panel{width:100%!important}
 .cl-band{padding-left:var(--gut);padding-right:var(--gut)}
 .cl-wrap{max-width:none}
 .cl-narrow{max-width:760px;margin-left:0}
 .cl-start{width:100%;max-width:calc(100vw - 2*var(--gut))}
}

/* Page tops */
@media(min-width:761px){
 .acct-layout{padding-top:calc(var(--sp-page) - 18px)}
 .g06-admin{padding-top:calc(var(--sp-page) - 18px)}
 .g02-back{margin:calc(var(--sp-page) - 26px) 0 var(--sp-head)}
 .jt{padding-top:calc(var(--sp-page) - 18px)}
 .g03-auth{align-items:flex-start!important;padding-top:calc(var(--sp-page) + 22px)!important}
 .jn{margin-top:calc(var(--sp-page) - 18px);padding-top:var(--sp-page)}
 .directory-page .discovery-hero,.search-hero{padding-top:64px;padding-bottom:48px}
}
@media(max-width:760px){
 .directory-page .discovery-hero,.search-hero{margin-top:0!important;padding-top:var(--sp-page)!important;padding-bottom:12px!important}
 .search-page{padding-top:0!important}
 .g02-back{margin:0 0 12px}
 .jt{padding:var(--sp-page) 0 0}
 .jn{min-height:0;margin:0;padding:var(--sp-page) 0 0;background:none;border-radius:0}
 .jn-card{width:100%;min-height:0;padding:0;background:none;box-shadow:none;border-radius:0}
 .g03-auth{padding:var(--sp-page) 0 0!important;min-height:0}
 .acct-layout{padding-top:0}
}

/* Page heading to content */
.g03-head,.g05-head,.g06-head,.g05-promotions .g05-head{margin-bottom:var(--sp-head)}
.g06-admin .page-intro{padding-bottom:var(--sp-head)}
.g03-head p,.g05-head p,.g06-head p,.g06-admin .page-intro p{margin-top:var(--sp-sub);font-size:16px;line-height:1.5}
.g06-admin .page-intro h1{margin-top:0}
.search-hero h1,.directory-page .discovery-hero .discovery-title{margin-bottom:24px!important}
@media(max-width:760px){
 .g03-head p,.g05-head p,.g06-head p,.g06-admin .page-intro p{font-size:15px}
 .search-hero h1,.directory-page .discovery-hero .discovery-title{margin-bottom:16px!important}
}

/* Section title to content */
.g03-section,.home-head,.px-sec-head,#main .section-line{margin-bottom:var(--sp-title)}
.g03-section p,#main .section-line p{margin-top:4px}
.g05-h2{margin-bottom:var(--sp-title)}
.g02-panel h2{margin-bottom:var(--sp-title)}
.cl-offers,.cl-faqs{margin-top:var(--sp-title)}
.cl-steps{margin-top:var(--sp-head)}

/* Space between sections */
.home-block,.px-sec,.g02-related{margin-top:var(--sp-section)}
.search-results-block{margin-bottom:var(--sp-head)}
.search-results-block:last-child{margin-bottom:0}
.acct-main .g03-section{margin-top:var(--sp-section)}
.acct-main .g03-head+.g03-section,.acct-main .g03-card-main>.g03-section:first-child{margin-top:0}
@media(min-width:761px){.acct-main .g03-metrics+.g03-section{margin-top:var(--sp-head)}}

/* Cards and tiles */
.g03-metrics,.g06-metrics,.g06-admin .admin-metrics,.g03-panels{gap:var(--sp-gap)}
.g03-metric,.g06-partner .metric,.g06-admin .metric{padding:var(--sp-tile);border-radius:var(--r-tile)}
.g03-panel,.g05-setting,.g02-panel:not(.team-panel){padding:var(--sp-card);border-radius:24px}
@media(max-width:760px){.g02-panel,.g02-panel:not(.team-panel){padding:0;border-radius:0}}
.g05-settings{display:grid;gap:var(--sp-gap)}
.empty-page,.search-page .empty-page{padding:48px 24px;border-radius:24px;margin-top:0}
.empty-page h2,.empty-page h1{margin-bottom:8px}
.empty-art{margin-bottom:20px}
.empty-page p{margin-bottom:0}
.empty-page p+*{margin-top:20px}
.cl-sample{padding:var(--sp-tile)}
@media(max-width:760px){.cl-sample{margin:0}.empty-page,.search-page .empty-page{padding:40px 20px}}

/* Above the footer */
.app-main #main{padding-bottom:0}
#footer{margin-top:var(--sp-foot)!important}
body:has(.cl) #footer{margin-top:0!important}
body.signed-in #main{padding-bottom:var(--sp-foot)}
.g02,.jt,.g03-auth,.px-page{padding-bottom:0!important}
.g02-related{padding-bottom:0}
@media(max-width:760px){
 body:has(:is(.g02-bar,.g05-action)) #main{padding-bottom:88px!important}
 body:has(:is(.g02-bar,.g05-action)):not(.signed-in) #footer{margin-bottom:0}
}
.g03-auth{min-height:0!important}
.jn{min-height:0;padding-bottom:var(--sp-page)}
@media(min-width:761px){#main .g02-company .g02-cols{margin-top:var(--sp-gap)!important}}

/* Views and likes */
.like-btn{display:grid;place-items:center;flex:none;padding:0;border:0;border-radius:50%;background:#fff;color:var(--gm-faint);box-shadow:0 1px 3px rgba(15,33,51,.14);cursor:pointer}
.like-btn .icon,.like-pill .icon{fill:none;stroke:currentColor;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}
.like-pill{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:none;height:32px;min-width:32px;padding:0 9px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--gm-faint);font:600 12.5px/1 var(--font-ui);font-variant-numeric:tabular-nums;cursor:pointer;transition:background .12s,color .12s}
.like-pill .icon{width:16px;height:16px}
.like-n:empty{display:none}
.like-pill:hover,.like-btn:hover{color:#E5534B}
.like-pill:hover{background:#FDF0EF}
.like-pill[aria-pressed=true],.like-btn[aria-pressed=true]{color:#D9443C}
.like-pill[aria-pressed=true] .icon,.like-btn[aria-pressed=true] .icon{fill:#F28B85;stroke:#D9443C;transform:scale(1.08)}
.like-pill[aria-pressed=true]{background:#FDF0EF}
.like-pill:active .icon,.like-btn:active .icon{transform:scale(.85)}
:is(.like-pill,.like-btn):focus-visible{outline:3px solid var(--gm-sky);outline-offset:2px}
/* Labelled version on the company page */
.like-pill-label{height:36px;padding:0 14px;gap:7px;background:#fff;color:var(--gm-navy);font-size:13.5px;box-shadow:inset 0 0 0 1px var(--gm-line)}
.like-pill-label .like-n{padding-left:7px;border-left:1px solid var(--gm-line);color:var(--gm-sub)}
.like-pill-label[aria-pressed=true]{box-shadow:inset 0 0 0 1px #F5C6C2}
.like-pill-label[aria-pressed=true] .like-n{border-left-color:#F5C6C2;color:inherit}
.like-on{display:none}.like-pill[aria-pressed=true] .like-on{display:inline}.like-pill[aria-pressed=true] .like-off{display:none}
/* Views read as part of the information, not as an extra row of icons */
.co-stats{font:400 13px/1.3 var(--font-ui);color:var(--gm-sub)}
.co-stats:empty{display:none}
.co-stats-views:not(:empty)::before{content:" · "}
.co-social{display:flex;align-items:center;gap:10px;margin-top:14px}
.co-social .co-stats-views::before{content:none}
.cr-text>.co-stats{display:block;margin-top:2px;font-size:12.5px;color:var(--gm-faint)}
.cr-text>.co-stats:empty{display:none}
/* Tables: a quiet like column */
#main .company-table :is(th,td):last-child.ct-like,#main .company-table td.ct-like{width:64px;padding-left:0;padding-right:10px;text-align:right}
#main .company-table th.ct-like-head{width:64px}
#main .company-table td.ct-like{overflow:visible}
/* Cards: the whole sheet is the link, the heart sits above it */
.lc-card{position:relative}
.lc-sheet{position:relative}
.lc-link{position:absolute;inset:0;z-index:1;border-radius:inherit}
.lc-card .like-btn{position:absolute;right:10px;top:10px;z-index:2;width:32px;height:32px}
.lc-card .like-btn .icon{width:16px;height:16px}
.lc-head{padding-right:30px}
.lc-card>.lc-sheet>.co-stats{display:block;margin-top:12px;padding-top:12px;width:100%;border-top:1px solid var(--gm-line);font-size:12.5px}
.lc-card>.lc-sheet>.co-stats:empty{display:none}
.lc-card:has(.lc-link:focus-visible) .lc-sheet{outline:3px solid var(--gm-sky);outline-offset:3px}
@media(max-width:760px){.like-pill-label{height:44px;padding:0 16px;font-size:15px}.like-pill-label .icon{width:18px;height:18px}.co-social .co-stats{font-size:14px}}
.co-stats{white-space:nowrap}
.co-social{flex-wrap:wrap}
/* Home cards: same height in a row, counts on the bottom edge */
@media(min-width:761px){
 .lc-card{align-items:stretch}
 .lc-sheet{height:100%;max-height:none;box-sizing:border-box}
 .lc-card>.lc-sheet>.co-stats{margin-top:auto}
 .lc-info{margin-bottom:12px}
}
#main .company-table th:last-child:has(.sr-only) .sr-only{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none;white-space:nowrap}
#main .company-table th:last-child:has(.sr-only){text-align:right;padding-right:14px}
@media(min-width:761px){.cl-hero h1{max-width:600px}}

/* ---------- Phones use the desktop design, sized for the screen ---------- */
@media(max-width:760px){
/* Company page and footer components, shared with desktop */
  #main .discovery-hero h1,#main .g02 h1:not(.g02-hero h1):not(.pf-name){font-size:40px;line-height:44px;letter-spacing:-1.2px}
  .pf{display:grid;grid-template-columns:340px minmax(0,1fr);border:1px solid var(--gm-line);border-radius:24px;overflow:hidden;background:#fff;margin:8px 0 48px}
  .pf-side{padding:32px;background:var(--gm-mist);border-right:1px solid var(--gm-line);display:flex;flex-direction:column;align-items:flex-start}
  .pf-side .pf-logo{--size:72px;width:72px;height:72px;position:relative;top:auto;left:auto;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--gm-line);margin-bottom:18px}
  .pf-side .pf-logo img{padding:6px}
  .pf-pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:#fff;font:600 12px/1 var(--font-ui);color:var(--gm-sub)}
  .pf-pill.ok{background:var(--gm-green-bg);color:var(--gm-green)}
  #main .pf-name{margin:10px 0 0;font:800 24px/30px var(--font-display);letter-spacing:-.4px;color:var(--gm-navy)}
  .pf-sub{margin:6px 0 0;font:400 13.5px/20px var(--font-ui);color:var(--gm-sub)}
  .pf-acts{display:grid;gap:8px;width:100%;margin-top:20px}
  .pf-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:999px;background:#fff;border:1px solid var(--gm-line);font:600 13.5px/1 var(--font-ui);color:var(--gm-navy);text-decoration:none;transition:border-color .15s}
  .pf-btn:hover{border-color:var(--gm-navy)}
  .pf-btn .icon{width:16px;height:16px}
  .pf-btn.pf-primary{background:var(--gm-navy);border-color:var(--gm-navy);color:#fff}
  .pf-btn.pf-primary:hover{background:var(--gm-deep)}
  .pf-contacts{width:100%;margin-top:20px}
  .pf-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #E1E6EC}
  .pf-row .icon{width:16px;height:16px;color:var(--gm-faint)}
  .pf-row small{display:block;margin-bottom:4px;font:500 11.5px/1 var(--font-ui);color:var(--gm-faint)}
  .pf-row span{display:block;font:400 13.5px/18px var(--font-ui);color:var(--gm-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pf-row span a{color:inherit;text-decoration:none}.pf-row span a:hover{text-decoration:underline}
  .pf-row .ct-copy{opacity:1}
  .pf-manage{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
  .pf-main{padding:32px 40px}
  #main .pf-title{margin:0 0 16px;font:700 15px/20px var(--font-ui);letter-spacing:0;color:var(--gm-navy)}
  .pf-kv{display:grid;grid-template-columns:160px minmax(0,1fr);row-gap:14px;column-gap:16px;margin:0;font:400 14px/20px var(--font-ui)}
  .pf-kv dt{color:var(--gm-sub)}.pf-kv dd{margin:0;color:var(--gm-ink)}
  .pf-ok{color:var(--gm-green);font-weight:600}
  .pf-link{padding:0;border:0;background:none;font:600 14px/20px var(--font-ui);color:var(--gm-sky-text);cursor:pointer}.pf-link:hover{text-decoration:underline}
  #main .g02 .pf-name{font:800 24px/30px var(--font-display);letter-spacing:-.4px;max-width:none}
  #main .g02 .pf-title{font:700 15px/20px var(--font-ui);letter-spacing:0}
  .pf-side .pf-logo.mono{background:var(--mono)}
  #main .g02 .pf-title2{margin-top:32px}
  .pf-count{font:500 13px/1 var(--font-ui);color:var(--gm-faint)}
  .pf-team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .pf-person{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--gm-line);text-decoration:none;min-width:0;transition:border-color .15s}
  .pf-person:hover{border-color:var(--gm-navy)}
  .pf-person>span:first-child,.pf-person .g02-mono{flex:none;width:36px;height:36px;border-radius:9px;font-size:12px}
  .pf-person b{display:block;font:600 13.5px/18px var(--font-ui);color:var(--gm-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pf-person small{display:block;font:400 12.5px/16px var(--font-ui);color:var(--gm-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pf-person>span:last-child{min-width:0}
.pf-side .pf-logo+.pf-name{margin-top:0}
  .pf-products{display:grid;gap:8px}
  .pf-prod{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--gm-line);border-radius:14px}
  .pf-prod-ico,.pf-empty-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--gm-mist);color:var(--gm-navy)}
  .pf-prod-ico .icon,.pf-empty-ico .icon{width:18px;height:18px}
  .pf-prod-body{min-width:0}.pf-prod-body b{display:block;font:600 14px/20px var(--font-ui);color:var(--gm-navy)}
  .pf-prod-body small{display:block;font:400 13px/18px var(--font-ui);color:var(--gm-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pf-prod-price{display:flex;align-items:center;gap:10px;white-space:nowrap}
  .pf-prod-price strong{font:700 15px/1 var(--font-display);color:var(--gm-navy)}.pf-prod-price s{font:400 12.5px/1 var(--font-ui);color:var(--gm-sub)}
  .pf-prod-price .sol-ticket{font-size:12px;padding:4px 7px}
  .pf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:260px;padding:32px;border:1.5px dashed #D5DCE4;border-radius:18px;background:#FBFCFD}
  .pf-empty-ico{width:48px;height:48px;border-radius:14px;margin-bottom:6px}
  .pf-empty b{font:700 15px/20px var(--font-ui);color:var(--gm-navy)}
  .pf-empty p{margin:0;max-width:340px;font:400 13.5px/20px var(--font-ui);color:var(--gm-sub)}
  .pf-empty-cta{width:auto!important;padding:0 18px;margin-top:10px;cursor:pointer;font-family:inherit}
.pf-btn:disabled,.pf-btn:disabled:hover{opacity:.4;cursor:not-allowed;font-family:inherit}
  .pf-empty{position:relative;display:block;min-height:0;padding:0;border:0;background:none;text-align:left}
  .pf-ghosts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;filter:saturate(.75);opacity:.55;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.5) 70%,rgba(0,0,0,.15) 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.5) 70%,rgba(0,0,0,.15) 100%)}
  .pf-ghost{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--gm-line);border-radius:16px;background:#fff}
  .pf-ghost-art{display:grid;place-items:center;height:110px;border-radius:12px;background:var(--gm-mist)}
  .pf-ghost-art img{height:84px;mix-blend-mode:multiply}
  .pf-ghost i{display:block;border-radius:6px;background:#E6EBF0}
  .pf-ghost-l1{height:12px;width:78%}.pf-ghost-l2{height:10px;width:52%}
  .pf-ghost-foot{display:flex;align-items:center;gap:8px;margin-top:4px}
  .pf-ghost .pf-ghost-pct{background:var(--gm-sol)!important;color:var(--gm-sol-ink);font:800 11px/1 var(--font-display);font-style:normal;padding:5px 7px;border-radius:6px}
  .pf-ghost-price{height:12px;width:64px}
  .pf-empty-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-38%);width:min(440px,90%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:24px 28px;border-radius:20px;background:#fff;box-shadow:0 1px 2px rgba(15,33,51,.06),0 24px 48px -20px rgba(15,33,51,.35)}
  .pf-empty-kicker{font:600 11.5px/1 var(--font-ui);letter-spacing:1.4px;text-transform:uppercase;color:var(--gm-sky)}
  .pf-empty-card b{font:800 20px/26px var(--font-display);letter-spacing:-.3px;color:var(--gm-navy)}
  .pf-empty-card p{margin:0;max-width:360px;font:400 13.5px/20px var(--font-ui);color:var(--gm-sub)}
  .pf-empty-card .pf-empty-cta{margin-top:10px;height:42px;padding:0 20px}
  .gf{position:relative}
  .gf-top{display:flex;justify-content:space-between;gap:64px}
  .gf-lead{max-width:420px}
  .gf-lead p{margin:0;font:600 24px/1.3 var(--font-display);letter-spacing:-.3px;color:var(--gm-navy)}
  .gf-acts{display:flex;gap:10px;margin-top:24px}
  .gf-acts .btn{min-height:44px;padding:0 20px;font-size:14px}
  .gf-cols{display:flex;gap:72px}
  .gf-col h3{margin:0 0 12px;font:600 12.5px/20px var(--font-ui);color:var(--gm-navy)}
  .gf-col ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
  .gf-col a,.gf-col button{padding:0;border:0;background:none;font:400 13.5px/20px var(--font-ui);color:var(--gm-sub);text-decoration:none;cursor:pointer;text-align:left}
  .gf-col a:hover,.gf-col button:hover{color:var(--gm-navy)}
  .gf-bar{display:flex;justify-content:space-between;align-items:center;margin-top:56px;padding:20px 0;border-top:1px solid var(--gm-line)}
  .gf-bar small{font:400 13px/1 var(--font-ui);color:var(--gm-sub)}
  .gf-bar-r{display:flex;align-items:center;gap:20px}
  .gf-ipeme{display:inline-flex;align-items:center;gap:10px;font:400 13px/1 var(--font-ui);color:var(--gm-sub)}
  .gf-ipeme b{display:grid;place-items:center;width:56px;height:30px;border-radius:7px;background:#fff}
  .gf-ipeme img{width:46px;height:24px;object-fit:contain}
  .gf-lang{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:#fff}
  .gf-lang a{padding:6px 11px;border-radius:999px;font:600 12px/1 var(--font-ui);color:var(--gm-sub);text-decoration:none}
  .gf-lang a[aria-current]{background:var(--gm-navy);color:#fff}
  .gf-mark{display:block;width:100%;height:auto;margin:8px 0 -3.4%;opacity:.07;pointer-events:none;user-select:none}

 .g02-company .g02-cover,.g02-company .g02-head{display:none}
 .pf{display:block;margin:0;border-radius:24px}
 .pf-side{padding:20px;border-right:0;border-bottom:1px solid var(--gm-line)}
 .pf-main{padding:20px}
 #main .pf-name{margin:12px 0 0}
 .pf-side .co-social{margin-top:12px}
 .pf-side .contact-actions{margin:16px 0 0}
 .pf-acts{margin-top:0}
 .pf-products,.pf-team{grid-template-columns:minmax(0,1fr)}
 .pf-ghosts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pf-ghost:nth-child(3){display:none}
 .pf-empty-card{position:static;transform:none;width:auto;margin-top:12px}
 .g02-company .g02-cols{margin-top:var(--sp-gap)}
 .g02-company .g02-panel:not(.team-panel){padding:20px;border:1px solid var(--gm-line);border-radius:24px}
 .g02-company .team-panel{display:none}

 /* Footer */
 #footer{padding:40px 20px 0;background:var(--gm-mist);overflow:hidden}
 .gm-footer{display:none!important}
 .gf.wide-only,.gf{display:block!important}
 .gf-top{display:block}
 .gf-lead p{font-size:20px}
 .gf-acts{flex-wrap:wrap;margin-top:18px}
 .gf-acts .btn{min-height:44px}
 .gf-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;margin-top:32px}
 .gf-col a,.gf-col button{display:inline-block;padding:6px 0}
 .gf-col ul{gap:2px}
 .gf-bar{margin-top:28px}
 .gf-lang a{padding:10px 14px}

 /* Home */
 .home-hero{margin:-56px -20px 0;padding:88px 20px 44px;background:linear-gradient(180deg,#fff 0%,#DCEEF7 100%);border-radius:0 0 16px 16px;text-align:center}
 .home-hero-inner{align-items:center;gap:14px}
 .home-hero .hero-search{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px 6px;width:100%;height:auto;padding:8px;border-radius:26px;background:#fff;box-shadow:0 18px 40px -10px rgba(8,26,46,.16);margin-top:8px!important}
 .home-hero .hs-query{grid-column:1;min-width:0;height:40px;padding-left:10px;background:none}
 .home-hero .hs-submit{grid-column:2;grid-row:1}
 .home-hero .hs-province{grid-column:1/-1;display:flex!important;height:44px;padding:0 12px;border-left:0;border-top:1px solid var(--gm-line);text-align:left}
 .home-hero .hs-province select{flex:1;width:auto}
 .home-popular{justify-content:center;gap:6px}
 .home-popular>span{flex-basis:100%}
 .home-popular .gm-chip-sm{min-height:36px;display:inline-flex;align-items:center;background:#fff}
 .home-sectors .home-head{display:flex}
 .sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
 .sector-tile{align-items:flex-start!important;gap:10px;padding:16px!important;border-radius:16px!important;text-align:left}
 .sector-tile strong{font-size:14px;line-height:1.25}
 .sector-tile small{display:block;font-size:12.5px}
 .sector-tile:nth-child(n+7){display:none}
 .sector-grid.expanded .sector-tile,.sector-grid.all .sector-tile{display:flex}
 .home-link .icon{display:inline-block}
 .lc-shelf{position:relative;margin:0}
 .lc-next{display:none}
 .lc-track{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;padding:0;border-radius:24px;background:var(--gm-mist);scrollbar-width:none}
 .lc-card{min-height:0;padding:20px 8px 20px 16px;border-radius:0;background:none;align-items:stretch;scroll-snap-align:center}
 .lc-card:last-child{padding-right:16px}
 .lc-sheet{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:18px;border-radius:14px;background:#fff;box-shadow:0 2px 4px rgba(15,33,51,.06),0 14px 28px -16px rgba(15,33,51,.3)}
 .lc-head{display:flex;align-items:center;gap:12px;width:100%;padding-bottom:12px;border-bottom:1px solid var(--gm-line)}
 .lc-info{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px;width:100%}
 .lc-info li{display:flex;align-items:center;gap:8px;min-width:0;font:400 13.5px/1.3 var(--font-ui);color:var(--gm-sub)}
 .lc-info li span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .lc-info .icon{flex:none;width:15px;height:15px}
 .lc-card .lc-logo{--size:44px;width:44px;height:44px;border-radius:12px}
 .lc-name{font:600 15px/1.25 var(--font-ui);color:var(--gm-navy)}
 .lc-card>.lc-sheet>.co-stats{display:block;margin-top:12px;padding-top:12px;width:100%;border-top:1px solid var(--gm-line);font-size:12.5px}
 .lc-card .like-btn{width:36px;height:36px;right:8px;top:8px}
 .prov-list{display:block}
 .prov-list a{min-height:48px;align-items:center;padding:0}

 /* List pages: same grey hero, thin panel and white card */
 .directory-page .discovery-hero,.search-hero{margin-left:-20px!important;margin-right:-20px!important;padding:24px 20px!important;background:var(--gm-mist)!important}
 .directory-page .discovery-search,.search-hero .search-console{height:60px;background:#fff!important;box-shadow:0 18px 40px -10px rgba(8,26,46,.16)!important}
 #main .dir-panel{display:flex;flex-direction:column;margin:16px 0 0;padding:2px 6px 6px;border-radius:24px;background:var(--gm-mist)}
 #main .dir-panel>.dir-phone-head{order:-1;margin:0;padding:12px 10px 8px}
 #main .dir-panel>.filter-bar{margin:0 -6px 8px!important;padding:0 12px!important}
 #main .dir-panel>.company-list,#main .search-results-block>.company-list{padding:0 12px;border-radius:16px;background:#fff}
 #main .dir-panel>.company-list>:last-child,#main .search-results-block>.company-list>:last-child{border-bottom:0}
 #main .dir-panel>.agent-more{margin:12px 0 8px;padding:0;background:none}
 #main .dir-panel .agent-more .btn,#main .search-results-block>.agent-more .btn{background:#fff}
 #main .dir-panel>.empty-page{background:#fff}
 #main .club-note{margin:12px 8px 8px}
 #main .search-results-block{margin:0 0 16px;padding:2px 6px 6px;border-radius:24px;background:var(--gm-mist)}
 #main .search-results-block>.search-results-head{margin:0;padding:10px 10px 10px}
 #main .search-results-block>.agent-more{margin:12px 0 8px;padding:0}
 .search-page .agent-panel{margin-top:16px}
 .like-pill{min-width:40px;height:40px;padding:0 6px}
 .cr-text small .co-stats-views::before{content:" · "}
 .company-row{gap:4px}
 .cr-main{gap:10px;min-height:68px}
}
@media(max-width:760px){
 .ct-copy{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--gm-faint);cursor:pointer}
 .ct-copy svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .pf-side .contact-actions,.pf-acts .contact-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%}
 .pf-acts>.narrow-only{width:100%}
 .contact-action{min-width:0;font-size:12px}
 .contact-action>span{border-radius:50%!important;background:#fff!important}
 .sector-tile strong{text-align:left}
 .home-head{flex-wrap:wrap;gap:4px 12px}
 .home-head h2{white-space:nowrap}
 .cr-text>.co-stats-views::before{content:none}
 .cr-text>.co-stats{display:block;margin-top:2px;font-size:12.5px;color:var(--gm-faint)}
 .cr-text>.co-stats:empty{display:none}
 .g02-company:has(.pf-empty-cta) .g02-claim{display:none}
}
@media(min-width:761px){.pf-tel{pointer-events:none;color:inherit;text-decoration:none}}

/* List bar: a long filtered title takes its own line and the filters stay inside the panel */
@media(min-width:761px){
 #main .dir-panel>.directory-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px}
 #main .dir-panel>.directory-bar>.directory-bar-title{flex:0 1 auto;min-width:0}
 #main .dir-panel>.directory-bar>.directory-bar-filters{display:flex;flex:0 1 auto;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;min-width:0;max-width:100%}
 #main .dir-panel>.directory-bar .filter-selects{flex-wrap:wrap;min-width:0}
 #main .dir-panel>.directory-bar .filter-select{max-width:100%}
 #main .dir-panel>.directory-bar .filter-select>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #main .dir-panel>.directory-bar h1{overflow-wrap:anywhere}
}
@media(min-width:761px){
 #main .dir-panel>.directory-bar>.directory-bar-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;max-width:100%}
 #main .dir-panel>.directory-bar>.directory-bar-title h1{min-width:0;max-width:100%;white-space:normal}
 #main .dir-panel>.directory-bar>.directory-bar-title p{white-space:nowrap}
}
@media(max-width:760px){
 .g02-bar>*{min-width:0;flex:1 1 0}
 .g02-bar .g02-btn{padding-left:10px;padding-right:10px}
 .g02-bar .g02-btn span{overflow:hidden;text-overflow:ellipsis}
 .card-promo{overflow:hidden}
 .card-promo .cp-stage{max-width:100%}
}

/* Tablets: the account menu becomes a row on top, so the content keeps its width */
@media(min-width:761px) and (max-width:1040px){
 .acct-layout{display:block;padding-top:16px}
 .acct-nav{position:static;display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;margin-bottom:24px;padding-bottom:6px;scrollbar-width:none}
 .acct-group{display:flex;flex:none;gap:2px}
 .acct-label{display:none}
 .acct-nav a{flex:none;min-height:38px;padding:0 12px;white-space:nowrap}
 .acct-main .g03-card-grid{grid-template-columns:minmax(0,1fr)}
}
.acct-main,.acct-main .g05-main,.acct-main .g06-partner{min-width:0;max-width:100%}

/* Breadcrumbs: one component everywhere. Desktop shows the trail, phones a back link to the parent. */
.crumbs{margin:0 0 20px;font:400 13px/1.4 var(--font-ui);color:var(--gm-sub)}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:2px 0;margin:0;padding:0;list-style:none}
.crumbs li{display:inline-flex;align-items:center;min-width:0}
.crumbs li+li::before{content:"";flex:none;width:6px;height:6px;margin:0 9px 0 7px;border-top:1.5px solid var(--gm-faint);border-right:1.5px solid var(--gm-faint);transform:rotate(45deg)}
.crumbs a{color:var(--gm-sub);text-decoration:none;white-space:nowrap}
.crumbs a:hover{color:var(--gm-navy);text-decoration:underline}
.crumbs a:focus-visible{outline:2px solid var(--gm-sky);outline-offset:2px;border-radius:3px}
.crumbs [aria-current] span{display:block;max-width:44ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--gm-navy);font-weight:600}
.g02>.crumbs{margin-top:calc(var(--sp-page) - 30px)}
.jt>.crumbs{margin-bottom:24px}
.cl-crumbs{padding:14px var(--gut) 14px;background:#fff}.cl-crumbs .crumbs{margin:0}
.px-crumbs .crumbs{margin:0}
@media(max-width:760px){
 .crumbs{margin:0 0 10px;font-size:15px}
 .crumbs li{display:none}
 .crumbs li.crumb-parent{display:flex}
 .crumbs a{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:var(--gm-navy);font-weight:500}
 .crumbs a::before{content:"";flex:none;width:8px;height:8px;margin-left:3px;border-left:2px solid var(--gm-navy);border-bottom:2px solid var(--gm-navy);transform:rotate(45deg)}
 .g02>.crumbs{margin-top:0}
 .cl-crumbs{padding:4px 20px}
 .search-hero .crumbs,.directory-page .discovery-hero .crumbs{margin:-8px 0 6px}
}

@media(min-width:761px){.jn-crumbs{padding-top:calc(var(--sp-page) - 18px)}.jn-crumbs .crumbs{margin:0 0 -8px}}
.px-copy>.crumbs{margin-bottom:18px}
@media(max-width:760px){.crumbs li+li::before{content:none}.crumbs .crumb-parent a{gap:10px}}