/* Directory-only layout. The theme's post and category templates are unaffected. */
body.gtgl-page .gtg-page>.gtg-container{max-width:1280px;width:100%;padding-inline:24px}
body.gtgl-page .gtg-page-article.gtg-content-surface{background:transparent;border:0;box-shadow:none;padding:0}
body.gtgl-page .gtg-page-article>.gtg-entry-content,body.gtgl-page .gtg-page-article>.gtg-article-header{max-width:none;width:100%;margin-inline:0}
body.gtgl-page .gtg-page-article>.gtg-article-header{padding:0 0 18px}
body.gtgl-page .gtg-page-article>.gtg-article-header h1{font-size:clamp(28px,3vw,38px);line-height:1.1;margin:10px 0 0}
.gtgl-directory{--gl-line:#dedee3;--gl-ink:#24242a;--gl-red:#bd1637;color:var(--gl-ink);font:14px/1.4 system-ui,sans-serif}
.gtgl-directory *{box-sizing:border-box}
.gtgl-directory .gtgl-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:14px;padding:14px 16px;background:#fff;border:1px solid var(--gl-line);border-radius:8px;margin:0 0 20px}
.gtgl-toolbar label{display:flex;flex-direction:column;gap:5px;font:600 11px/1.4 system-ui}
.gtgl-toolbar input,.gtgl-toolbar select{min-height:40px;font:400 14px/1.4 system-ui;padding:8px 10px;border:1px solid #c8cad0;border-radius:5px;background:#fff;max-width:100%;color:var(--gl-ink)}
.gtgl-toolbar input{width:290px}.gtgl-directory .gtgl-toolbar p{margin:0 0 10px auto;font:12px/1.4 system-ui;color:#686874}
.gtgl-panels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}
.gtgl-directory .gtgl-section{--panel-accent:#bd1637;display:inline-block;vertical-align:top;break-inside:avoid;width:100%;margin:0;background:#fff;border:1px solid var(--gl-line);border-top:3px solid var(--panel-accent);border-radius:9px;padding:0 10px 10px;box-shadow:0 2px 5px #20203005}
.gtgl-section[data-group=stores]{--panel-accent:#34343b}.gtgl-section[data-group=directories]{--panel-accent:#516979}.gtgl-section[data-group=shops]{--panel-accent:#92704b}.gtgl-section[data-group=network]{--panel-accent:#884451}
.gtgl-directory .gtgl-panel-heading{display:flex;align-items:center;gap:8px;padding:14px 2px 12px;margin:0 0 5px;border-bottom:1px solid #e9e9ed}
.gtgl-directory .gtgl-panel-heading h2{font:750 14px/1.3 system-ui;color:var(--gl-ink);letter-spacing:0;margin:0;padding:0;border:0}
.gtgl-group-icon{display:grid;place-items:center;color:var(--panel-accent);font:700 20px/1 system-ui;width:25px;flex:0 0 25px}
.gtgl-group-count{margin-left:auto;border-radius:10px;padding:2px 6px;background:#f3f3f6;color:#74747e;font:600 10px/1.4 system-ui}
.gtgl-directory ol.gtgl-list{list-style:none;display:block;padding:0;margin:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8c8cf transparent}
.gtgl-directory[data-gtgl-enhanced] .gtgl-section.is-collapsed .gtgl-list{max-height:408px;overflow-y:auto}
.gtgl-directory .gtgl-list>li{list-style:none;display:block;margin:0;padding:0;min-width:0}
.gtgl-directory a.gtgl-card{display:flex;align-items:center;gap:7px;padding:8px 3px;min-height:37px;background:transparent;border:0;border-radius:4px;text-decoration:none!important;color:var(--gl-ink);box-shadow:none;font:500 13px/1.35 system-ui}
.gtgl-directory a.gtgl-card:hover{background:#f5f5f8;color:var(--gl-red)}
.gtgl-directory a.gtgl-card:focus-visible{outline:2px solid var(--gl-red);outline-offset:-2px}
.gtgl-number{font:11px/1.3 system-ui;color:#83838d;min-width:16px;text-align:right;font-variant-numeric:tabular-nums}
.gtgl-logo{width:23px;height:23px;flex:0 0 23px;display:grid;place-items:center;overflow:hidden;border-radius:4px;background:#f2f2f6;font:700 12px system-ui;color:#777780}
.gtgl-logo img{width:100%;height:100%;object-fit:contain;margin:0!important;display:block;border:0;border-radius:0}
.gtgl-label{min-width:0;display:block;overflow-wrap:anywhere}
.gtgl-arrow{margin-left:auto;color:#a1a1ac;font-size:12px;flex-shrink:0}
.gtgl-directory .gtgl-expand{display:block;width:100%;background:var(--panel-accent);color:#fff;border:0;border-radius:5px;padding:9px 6px;margin:9px 0 0;font:650 12px/1.4 system-ui;text-align:center;cursor:pointer}
.gtgl-directory .gtgl-expand:hover{filter:brightness(.92)}.gtgl-directory .gtgl-expand:focus-visible{outline:2px solid #222;outline-offset:2px}.gtgl-directory .gtgl-expand span{float:right;margin-right:5px}
.gtgl-directory [hidden]{display:none!important}
@media(max-width:1050px){.gtgl-panels{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.gtgl-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.gtgl-toolbar input{width:230px}}
@media(max-width:500px){body.gtgl-page .gtg-page>.gtg-container{padding-inline:16px}.gtgl-panels{grid-template-columns:1fr}.gtgl-directory .gtgl-toolbar{padding:12px;gap:10px}.gtgl-toolbar label:first-child{flex:1 1 100%}.gtgl-toolbar input{width:100%}.gtgl-toolbar label:nth-child(2){flex:1}.gtgl-toolbar select{width:100%}.gtgl-directory .gtgl-toolbar p{margin:0 0 10px}.gtgl-directory a.gtgl-card{min-height:42px;font-size:14px;padding-block:9px}.gtgl-directory .gtgl-panel-heading h2{font-size:15px}.gtgl-directory[data-gtgl-enhanced] .gtgl-section.is-collapsed .gtgl-list{max-height:420px}}

/* Keep theme/editor typography from adding a second list marker or heading decoration. */
body.gtgl-page #primary .gtgl-directory .gtgl-list,body.gtgl-page #primary .gtgl-directory .gtgl-list>li{list-style:none!important;margin:0;padding:0}
body.gtgl-page #primary .gtgl-directory .gtgl-list>li::marker{content:""}
body.gtgl-page #primary .gtgl-directory .gtgl-panel-heading h2::before,body.gtgl-page #primary .gtgl-directory .gtgl-panel-heading h2::after{display:none;content:none}
body.gtgl-page #primary .gtgl-directory .gtgl-panel-heading h2{border:0;padding:0;margin:0;font:750 14px/1.3 system-ui}