/* Shared light catalogue canvas; the typography and blue accent follow the homepage. */
.gka-catalog { --catalog-line:#e8e8e3; --catalog-muted:#85857d; padding:0 1.5%; background:#fafafa; min-height:100vh; }
.gka-catalog .gka-topbar { border-bottom:1px solid var(--catalog-line); }
.gka-catalog .gka-topbar nav a[aria-current=page] { color:#171717; font-weight:600; }
.gka-catalog-shell { display:grid; grid-template-columns:228px minmax(0,1fr); gap:30px; }
.gka-catalog-sidebar { position:sticky; top:0; align-self:start; max-height:100vh; overflow-y:auto; padding:27px 22px 30px 0; border-right:1px solid var(--catalog-line); scrollbar-width:thin; }
.admin-bar .gka-catalog-sidebar { top:46px; max-height:calc(100vh - 46px); }
@media(min-width:701px) {
 .gka-catalog-sidebar { height:100dvh; }
 .admin-bar .gka-catalog-sidebar { height:calc(100dvh - 46px); }
}
.gka-catalog-filter-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }
.gka-catalog-filter-heading h2 { display:flex; align-items:center; gap:8px; margin:0; font-size:14px; font-weight:600; }
.gka-catalog-filter-heading svg,.gka-catalog-mobile-toggle svg { width:17px; height:17px; stroke-width:1.5; }
.gka-catalog-reset { padding:0; border:0; background:none; color:#171717; font-size:12px; }
.gka-filter-group { padding:0 0 22px; margin-bottom:22px; border-bottom:1px solid var(--catalog-line); }
.gka-filter-group summary { list-style:none; display:flex; align-items:center; justify-content:space-between; cursor:pointer; color:#898a82; font-size:12px; letter-spacing:.09em; text-transform:uppercase; }
.gka-filter-group summary::-webkit-details-marker { display:none; }
.gka-filter-group summary::after { content:'−'; font-size:15px; color:#aaa; }
.gka-filter-group:not([open]) summary::after { content:'+'; }
.gka-filter-options { display:flex; flex-direction:column; gap:4px; margin-top:13px; }
.gka-filter-options label { display:flex; align-items:center; gap:9px; padding:8px 10px; border-radius:6px; font-size:13px; color:#66675f; cursor:pointer; }
.gka-filter-options label:has(input:checked) { color:#171717; background:#f4f4f4; font-weight:600; }
.gka-filter-options input { width:12px; height:12px; margin:0; accent-color:#171717; }
.gka-filter-pills { display:flex; flex-wrap:wrap; gap:7px; margin-top:15px; }
.gka-filter-pills label { position:relative; cursor:pointer; }
.gka-filter-pills input,.gka-filter-colors input { position:absolute; opacity:0; width:100%; height:100%; inset:0; margin:0; cursor:pointer; }
.gka-filter-pills span { display:block; padding:7px 12px; border:1px solid #deded7; border-radius:20px; color:#88897f; font-size:12px; }
.gka-filter-pills input:checked+span { background:#171717; border-color:#171717; color:#fff; }
.gka-filter-pills input:focus-visible+span,.gka-filter-colors input:focus-visible+span { outline:2px solid #171717; outline-offset:3px; }
.gka-filter-colors { display:flex; flex-wrap:wrap; gap:10px; margin-top:17px; }
.gka-filter-colors label { position:relative; width:21px; height:21px; }
.gka-filter-colors span { display:block; width:100%; height:100%; border-radius:50%; background:var(--swatch); border:2px solid transparent; }
.gka-filter-colors input:checked+span { outline:1px solid #222; outline-offset:3px; }
.gka-catalog-main { min-width:0; padding:24px 0 60px; }
.gka-catalog-breadcrumb { display:flex; gap:9px; color:#9c9d93; font-size:12px; }
.gka-catalog-breadcrumb a:hover { color:#333; }
.gka-catalog-intro { display:flex; align-items:end; justify-content:space-between; gap:20px; margin:27px 0; }
.gka-catalog-intro h1 { margin:8px 0; font-size:clamp(26px,2.2vw,38px); font-weight:500; line-height:1.1; letter-spacing:-1.3px; }
.gka-catalog-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0; border-top:1px solid var(--catalog-line); margin-bottom:9px; }
.gka-catalog-result { margin:0; color:#a2a294; font-size:12px; }
.gka-catalog-result strong { color:#505247; font-weight:500; }
.gka-catalog-tools { display:flex; align-items:center; gap:12px; }
.gka-catalog-view { display:flex; gap:3px; padding:3px; border:1px solid var(--catalog-line); border-radius:7px; }
.gka-catalog-view button { display:grid; place-items:center; width:27px; height:24px; padding:5px; border:0; border-radius:4px; color:#a2a397; background:none; }
.gka-catalog-view button[aria-pressed=true] { color:#171717; background:#f4f4f4; }
.gka-catalog-view svg { width:16px; height:16px; }
.gka-catalog-sort select { padding:8px 28px 8px 10px; border:1px solid var(--catalog-line); border-radius:7px; color:#73766a; background:transparent; font-size:12px; }
.gka-catalog-selected { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 17px; }
.gka-catalog-selected button { border:1px solid #f4f4f4; border-radius:20px; background:#f4f4f4; color:#171717; padding:5px 9px; font-size:12px; }
.gka-catalog-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:24px 14px; }
.gka-catalog-grid.is-compact { grid-template-columns:repeat(auto-fill,minmax(155px,1fr)); gap:20px 12px; }
.gka-resource { min-width:0; }
.gka-resource-preview { width:100%; display:block; padding:0; border:0; border-radius:9px; overflow:hidden; background:#e9e7df; text-align:left; }
.gka-catalog-art { position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; aspect-ratio:4/5; padding:9%; background:var(--art-bg); color:var(--art-ink); container-type:inline-size; transition:transform .35s; }
.gka-resource-preview:hover .gka-catalog-art { transform:scale(1.025); }
.tone-red { --art-bg:#b3292d; --art-ink:#fff4d8; --art-accent:#eec574; }
.tone-cream { --art-bg:#e6dfcf; --art-ink:#383c35; --art-accent:#acb19c; }
.tone-blue { --art-bg:#171717; --art-ink:#fff2d8; --art-accent:#e2da8c; }
.tone-yellow { --art-bg:#efce60; --art-ink:#332e24; --art-accent:#a64d36; }
.tone-green { --art-bg:#244d40; --art-ink:#f2e8d3; --art-accent:#bbcc99; }
.tone-purple { --art-bg:#171717; --art-ink:#faf0d5; --art-accent:#d3d5a4; }
.gka-art-brand { position:relative; z-index:2; font-size:clamp(20px,3.2cqw,30px); letter-spacing:.12em; }
.gka-art-paper { position:relative; z-index:2; display:block; }
.gka-art-paper>strong { display:block; font-size:clamp(20px,16cqw,30px); letter-spacing:-.06em; font-weight:800; line-height:.93; }
.gka-art-paper>span { display:block; margin-top:8cqw; max-width:85%; font-size:clamp(20px,4.7cqw,30px); line-height:1.3; }
.gka-art-bottom { position:relative; z-index:2; font-size:clamp(20px,3cqw,30px); letter-spacing:.1em; }
.gka-art-shape { position:absolute; z-index:0; width:83%; aspect-ratio:1; right:-20%; top:13%; border:1px solid currentColor; border-radius:50%; opacity:.3; }
.art-holiday .gka-art-shape { background:var(--art-accent); border:0; right:-28%; top:7%; opacity:1; }
.art-holiday .gka-art-paper>strong { font-size:clamp(20px,25cqw,30px); }
.art-holiday .gka-art-paper { margin-top:15%; }
.art-geometric .gka-art-shape { width:80%; right:-25%; top:7%; border:0; border-radius:0; background:var(--art-accent); opacity:1; transform:rotate(35deg); }
.art-geometric .gka-art-paper { padding-top:50%; }
.art-workshop .gka-art-shape { width:60%; left:-22%; top:20%; border:15cqw solid var(--art-accent); opacity:1; }
.art-workshop .gka-art-paper>strong { font-size:clamp(20px,18cqw,30px); }
.art-motion .gka-art-shape { border-radius:5%; transform:rotate(-20deg); box-shadow:10px 10px 0 #ffffff15,20px 20px 0 #ffffff10; }
.art-motion::after { content:'▶'; position:absolute; bottom:8%; right:9%; display:grid; place-items:center; width:11cqw; height:11cqw; border:1px solid currentColor; border-radius:50%; font-size:clamp(20px,4cqw,30px); }
.art-editorial .gka-art-paper>strong { font-size:clamp(20px,21cqw,30px); font-weight:500; }
.art-republic .gka-art-paper>strong { font-size:clamp(20px,12cqw,30px); }
.art-republic .gka-art-shape { top:15%; right:-10%; width:90%; border:8cqw double var(--art-accent); }
.art-social .gka-art-shape { border-radius:0 50% 50% 50%; width:70%; right:-25%; top:35%; background:var(--art-accent); border:0; opacity:.85; }
.art-shapes .gka-art-shape { border-radius:45% 20% 40% 0; background:var(--art-accent); opacity:.9; right:-30%; }
.art-mockup { background:linear-gradient(125deg,#d8d0bb,#eeeadf 65%); }
.art-mockup .gka-art-paper { margin:auto -1%; padding:25% 12% 17%; background:#fcfaf5; box-shadow:8px 11px 13px #4f473c20; transform:rotate(-9deg); border-right:3px solid #d3ccbd; }
.art-mockup .gka-art-paper>strong { font-size:clamp(20px,11cqw,30px); font-weight:500; }
.art-mockup .gka-art-paper>span { font-size:clamp(20px,4cqw,30px); }
.art-business .gka-art-paper { padding:17% 9%; margin:auto 0; background:#3c4a40; color:#f0e7d2; transform:rotate(-12deg); box-shadow:8px 15px 20px #423d3330; }
.art-business .gka-art-paper>strong { font-size:clamp(20px,10cqw,30px); }
.art-business .gka-art-paper>span { font-size:clamp(20px,3.6cqw,30px); }
.art-poster .gka-art-shape { width:100%; top:-20%; left:-40%; background:#ffffff60; border:0; opacity:1; }
.gka-resource-open { position:absolute; z-index:3; right:12px; top:12px; display:grid; place-items:center; width:27px; height:27px; border-radius:50%; background:#ffffffd9; color:#333; font-size:16px; opacity:0; transition:opacity .2s; }
.gka-resource-preview:hover .gka-resource-open,.gka-resource-preview:focus-visible .gka-resource-open { opacity:1; }
.gka-resource-meta { display:flex; justify-content:space-between; gap:10px; margin:11px 1px 6px; font-size:12px; color:#9a9d8e; }
.gka-resource-meta>span:first-child { font-weight:600; color:#858674; letter-spacing:.02em; }
.gka-resource h2 { margin:0 1px; font-size:13px; font-weight:500; line-height:1.4; }
.gka-resource-title { padding:0; border:0; background:none; text-align:left; color:inherit; font-size:inherit; font-weight:inherit; }
.gka-resource-title:hover { text-decoration:underline; text-underline-offset:3px; }
.gka-catalog-grid.is-faq { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:16px; max-width:none; }
.gka-faq { border:1px solid var(--catalog-line); border-radius:9px; background:#fff; }
.gka-faq summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:21px 23px; list-style:none; cursor:pointer; font-size:14px; font-weight:500; }
.gka-faq summary::-webkit-details-marker { display:none; }
.gka-faq summary>span { color:#171717; font-size:22px; font-weight:400; }
.gka-faq[open] summary>span { transform:rotate(45deg); }
.gka-faq>div { padding:0 23px 20px; }
.gka-faq>div>span { font-size:12px; color:#171717; text-transform:uppercase; letter-spacing:.07em; }
.gka-faq p { max-width:680px; margin:10px 0 0; font-size:13px; line-height:1.8; color:#85877d; }
.gka-catalog-empty { text-align:center; padding:75px 20px; border:1px dashed #f4f4f4; border-radius:12px; background:#fafafa; }
.gka-empty-symbol { display:block; color:#bdbdbd; font-size:46px; margin-bottom:20px; }
.gka-catalog-empty h2 { margin:0 0 12px; font-size:22px; font-weight:500; letter-spacing:-.6px; }
.gka-catalog-empty p { max-width:430px; margin:0 auto 22px; font-size:13px; color:#929484; line-height:1.7; }
.gka-catalog-empty .gka-catalog-reset { padding:10px 18px; border:1px solid #f4f4f4; border-radius:7px; }
.gka-catalog-mobile-toggle { display:none; }
.gka-catalog-page-content { max-width:960px; font-size:15px; line-height:1.8; margin-bottom:30px; }
.gka-catalog-dialog { position:fixed; width:min(850px,calc(100% - 36px)); max-height:calc(100vh - 50px); overflow:auto; padding:0; border:0; border-radius:14px; color:#232620; background:#fafaf6; }
.gka-catalog-dialog[open] { display:grid; grid-template-columns:1fr 1fr; }
.gka-catalog-dialog::backdrop { background:#161a177a; backdrop-filter:blur(4px); }
.gka-dialog-close { position:absolute; z-index:4; top:12px; right:12px; width:32px; height:32px; display:grid; place-items:center; border:1px solid #ddd; border-radius:50%; background:#fffffff0; color:#333; font-size:22px; }
.gka-dialog-art .gka-catalog-art { min-height:100%; }
.gka-dialog-content { padding:65px 32px 35px; }
.gka-dialog-category { font-size:12px; color:#171717; text-transform:uppercase; letter-spacing:.07em; }
.gka-dialog-content h2 { margin:14px 0 20px; font-size:26px; font-weight:500; line-height:1.2; letter-spacing:-.8px; }
.gka-dialog-content p { font-size:14px; color:#777c70; line-height:1.8; }
.gka-dialog-note { margin-top:30px; padding:15px; border:1px solid #f4f4f4; border-radius:8px; font-size:13px; line-height:1.6; color:#171717; background:#f4f4f4; }
@media(min-width:1600px) { .gka-catalog-shell { grid-template-columns:245px minmax(0,1fr); gap:34px; } .gka-catalog-grid { grid-template-columns:repeat(auto-fill,minmax(205px,1fr)); } }
@media(max-width:1050px) { .gka-catalog-shell { grid-template-columns:190px minmax(0,1fr); gap:22px; } .gka-catalog-sidebar { padding-right:17px; } .gka-catalog-grid { grid-template-columns:repeat(auto-fill,minmax(165px,1fr)); gap:20px 12px; } }
@media(max-width:700px) {
 .gka-catalog { padding:0 14px; }
 .gka-catalog .gka-topbar { min-height:58px; height:auto; padding:15px 0; display:grid; grid-template-columns:auto 1fr auto; gap:14px; }
 .gka-catalog .gka-wordmark { font-size:18px; letter-spacing:-.8px; }
 .gka-catalog .gka-account { grid-column:3; grid-row:1; margin:0; gap:6px; }
 .gka-catalog .gka-account a { width:64px; height:31px; border-radius:7px; font-size:12px; }
 .gka-catalog .gka-topbar nav { grid-column:1 / -1; grid-row:2; justify-content:space-between; gap:18px; font-size:12px; overflow:auto; }
 .gka-catalog .gka-search { grid-column:1 / -1; grid-row:3; margin:0; width:100%; height:35px; padding:0 10px; border-radius:7px; }
 .gka-catalog .gka-search input { font-size:12px; }
 .gka-catalog .gka-search svg { width:15px; height:15px; }
 .gka-catalog-mobile-toggle { display:flex; align-items:center; gap:7px; margin:14px 0 0; padding:8px 12px; border:1px solid var(--catalog-line); border-radius:7px; background:none; font-size:12px; }
 .gka-catalog-shell { grid-template-columns:minmax(0,1fr); gap:0; }
 .gka-catalog-sidebar { display:none; position:static; max-height:none; margin-top:15px; padding:20px; border:1px solid var(--catalog-line); border-radius:10px; }
 .gka-catalog.is-filter-open .gka-catalog-sidebar { display:block; }
 .gka-filter-group { margin-bottom:16px; padding-bottom:16px; }
 .gka-catalog-main { padding-top:19px; }
 .gka-catalog-intro { margin:22px 0; }
 .gka-catalog-intro h1 { font-size:30px; }
 .gka-catalog-grid,.gka-catalog-grid.is-compact { grid-template-columns:repeat(2,minmax(0,1fr)); gap:21px 11px; }
 .gka-catalog-grid.is-compact { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px 8px; }
 .gka-catalog-grid.is-compact .gka-resource h2 { font-size:12px; }
 .gka-resource h2 { font-size:12px; }
 .gka-resource-meta { font-size:8px; }
 .gka-catalog-sort select { max-width:145px; font-size:12px; }
 .gka-catalog-tools { gap:7px; }
 .gka-faq summary { padding:17px; font-size:13px; }
 .gka-faq>div { padding:0 17px 17px; }
 .gka-catalog-dialog[open] { grid-template-columns:1fr; }
 .gka-dialog-art { max-height:350px; overflow:hidden; }
 .gka-dialog-content { padding:28px 24px; }
 .gka-catalog-empty { padding:50px 20px; }
 .gka-catalog-empty h2 { font-size:20px; }
}
@media(prefers-reduced-motion:reduce) { .gka-catalog * { transition:none !important; } }

/* Inner pages keep a plain title without promotional copy. */
.gka-catalog-intro { margin:20px 0; }
.gka-catalog-intro h1 { margin:0; }


/* A quiet, slim scrollbar for the filter panel. */
.gka-catalog-sidebar {
 scrollbar-width: thin;
 scrollbar-color: #dedede transparent;
 scrollbar-gutter: stable;
}
.gka-catalog-sidebar:hover,
.gka-catalog-sidebar:focus-within { scrollbar-color: #bdbdbd transparent; }
@supports selector(::-webkit-scrollbar) {
 .gka-catalog-sidebar { scrollbar-width: auto; scrollbar-color: auto; }
 .gka-catalog-sidebar:hover,
 .gka-catalog-sidebar:focus-within { scrollbar-color: auto; }
 .gka-catalog-sidebar::-webkit-scrollbar { width: 5px; height: 5px; }
 .gka-catalog-sidebar::-webkit-scrollbar-track { background: transparent; margin-block: 12px; }
 .gka-catalog-sidebar::-webkit-scrollbar-thumb { background: #dedede; border-radius: 999px; }
 .gka-catalog-sidebar:hover::-webkit-scrollbar-thumb,
 .gka-catalog-sidebar:focus-within::-webkit-scrollbar-thumb { background: #bdbdbd; }
 .gka-catalog-sidebar::-webkit-scrollbar-thumb:hover { background: #171717; }
 .gka-catalog-sidebar::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
 .gka-catalog-sidebar::-webkit-scrollbar-corner { background: transparent; }
}


/* Curated colour swatches with clear selection and visible colour codes. */
.gka-filter-colors { display:grid; grid-template-columns:repeat(6,24px); gap:12px 10px; padding:3px 1px; }
.gka-filter-colors label { width:24px; height:24px; }
.gka-filter-colors span { border:2px solid #fff; box-shadow:0 0 0 1px #20202013; transition:transform .18s, box-shadow .18s; }
.gka-filter-colors label:hover span { transform:translateY(-2px); box-shadow:0 3px 8px #20202024,0 0 0 1px #20202016; }
.gka-filter-colors input:checked+span { outline:2px solid #171717; outline-offset:3px; }
.gka-filter-colors input:checked+span::after { content:'✓'; display:grid; place-items:center; height:100%; color:#fff; font-size:13px; font-weight:700; line-height:1; }
.gka-filter-colors label:has(input[value="yellow"]) span::after,
.gka-filter-colors label:has(input[value="cream"]) span::after,
.gka-filter-colors label:has(input[value="white"]) span::after { color:#202020; }
.gka-filter-colors label::after { content:attr(data-hex); position:absolute; z-index:5; left:50%; bottom:calc(100% + 9px); transform:translateX(-50%) translateY(3px); padding:5px 7px; border-radius:5px; background:#202020; color:#fff; font-size:12px; font-weight:500; letter-spacing:.03em; line-height:1.2; pointer-events:none; opacity:0; transition:opacity .15s,transform .15s; }
.gka-filter-colors label:nth-child(6n + 1)::after { left:0; transform:translateY(3px); }
.gka-filter-colors label:hover::after,
.gka-filter-colors label:focus-within::after { opacity:1; transform:translateX(-50%) translateY(0); }
.gka-filter-colors label:nth-child(6n + 1):hover::after,
.gka-filter-colors label:nth-child(6n + 1):focus-within::after { transform:translateY(0); }
@media(min-width:701px) and (max-width:1050px) {
 .gka-filter-colors { grid-template-columns:repeat(6,20px); gap:10px 6px; }
 .gka-filter-colors label { width:20px; height:20px; }
}

/* Refined filter typography and tighter, calmer spacing. */
.gka-catalog-sidebar { font-family: Montserrat, Arial, sans-serif; padding-top:24px; }
.gka-catalog-filter-heading { margin-bottom:16px; }
.gka-catalog-filter-heading h2 { gap:9px; font-size:15px; font-weight:600; letter-spacing:-.25px; color:#202020; }
.gka-catalog-filter-heading h2 svg { width:18px; height:18px; color:#171717; }
.gka-catalog-filter-heading .gka-catalog-reset { padding:6px 9px; border-radius:6px; background:#f4f4f4; color:#171717; font-size:12px; transition:background .18s; }
.gka-catalog-filter-heading .gka-catalog-reset:hover { background:#f4f4f4; }
.gka-filter-group { margin:0; padding:8px 0; border-bottom:1px solid #f4f4f4; }
.gka-filter-group summary { min-height:39px; padding:10px 2px; color:#202020; font-size:13px; font-weight:500; letter-spacing:0; text-transform:none; line-height:1.4; }
.gka-filter-group summary:hover { color:#171717; }
.gka-filter-group summary:focus-visible { outline:2px solid #171717; outline-offset:2px; border-radius:5px; }
.gka-filter-group summary::after,
.gka-filter-group:not([open]) summary::after { content:''; width:6px; height:6px; margin-right:4px; border-right:1.5px solid #171717; border-bottom:1.5px solid #171717; transform:rotate(45deg); transition:transform .18s; }
.gka-filter-group[open] summary { color:#202020; }
.gka-filter-group[open] summary::after { transform:rotate(225deg); border-color:#171717; }
.gka-filter-options { gap:2px; margin:4px 0 8px; }
.gka-filter-options label { padding:9px 10px; font-size:13px; color:#171717; }
.gka-filter-pills { margin:5px 0 12px; }
.gka-filter-pills span { border-color:#f4f4f4; color:#171717; }
.gka-filter-colors { grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; margin:7px 0 13px; padding:12px; border:1px solid #f4f4f4; border-radius:10px; background:#fafafa; }
.gka-filter-colors label { width:100%; height:auto; aspect-ratio:1; }
.gka-filter-colors span { border:1px solid #ffffffb3; border-radius:7px; box-shadow:0 1px 2px #20202012; }
.gka-filter-colors label:hover span { transform:translateY(-2px); box-shadow:0 3px 7px #20202025; }
.gka-filter-colors input:checked+span { outline:2px solid #171717; outline-offset:2px; }
@media(min-width:701px) and (max-width:1050px) {
 .gka-filter-colors { gap:7px; padding:9px; }
}

.gka-catalog .gka-catalog-toolbar { border-top:0; padding-top:0; }


/* The tip artwork is a localized PNG, not an HTML/CSS recreation. */
.gka-catalog[data-section="tuyo"] .gka-catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 24px; }
.gka-catalog[data-section="tuyo"] .gka-catalog-grid.is-compact { grid-template-columns:repeat(3,minmax(0,1fr)); }
.gka-tip-card { min-width:0; max-width:none; }
.gka-tip-card .gka-resource-preview { overflow:hidden; border:1px solid #f4f4f4; border-radius:12px; }
.gka-tip-image { display:block; padding:0; aspect-ratio:auto; min-height:0; background:none; }
.gka-tip-image img { display:block; width:100%; height:auto; }
.gka-resource-preview:hover .gka-tip-image { transform:none; }
.gka-tip-card .gka-resource-meta { margin-top:16px; font-size:12px; }
.gka-tip-card h2 { margin-top:8px; font-size:20px; line-height:1.3; letter-spacing:-.45px; font-weight:600; }
.gka-tip-card .gka-resource-title::after { content:' ↗'; color:#171717; }
.gka-catalog-dialog.is-tip[open] { display:block; width:min(900px,calc(100% - 30px)); }
.gka-catalog-dialog.is-tip .gka-dialog-art { max-height:none; overflow:visible; }
.gka-catalog-dialog.is-tip .gka-dialog-content { padding:28px 36px 32px; }
.gka-catalog-dialog.is-tip .gka-dialog-content h2 { margin-top:12px; font-size:27px; }
.gka-tip-source { display:inline-block; margin-top:20px; font-size:12px; color:#171717 !important; text-decoration:underline !important; text-underline-offset:3px; }
@media(max-width:700px) {
 .gka-catalog[data-section="tuyo"] .gka-catalog-grid,
 .gka-catalog[data-section="tuyo"] .gka-catalog-grid.is-compact { grid-template-columns:minmax(0,1fr); gap:28px; }
 .gka-tip-card h2 { font-size:18px; }
 .gka-catalog-dialog.is-tip .gka-dialog-content { padding:24px; }
 .gka-catalog-dialog.is-tip .gka-dialog-content h2 { font-size:23px; }
}

/* English YouTube lessons, with complete landscape covers. */
.gka-catalog[data-section="egitimler"] .gka-catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 24px; }
.gka-catalog[data-section="egitimler"] .gka-catalog-grid.is-compact { grid-template-columns:repeat(4,minmax(0,1fr)); }
.gka-video-card { min-width:0; }
.gka-video-card .gka-resource-preview { display:block; width:100%; border-radius:12px; overflow:hidden; border:1px solid #f4f4f4; }
.gka-video-cover { position:relative; display:block; padding:0; min-height:0; aspect-ratio:16/9; background:#f4f4f4; }
.gka-video-cover img { display:block; width:100%; height:100%; object-fit:cover; }
.gka-video-play { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:54px; height:38px; padding-left:3px; border-radius:11px; background:#202020b3; color:white; font-size:16px; transition:background .2s; }
.gka-resource-preview:hover .gka-video-play { background:#171717; }
.gka-video-language { position:absolute; bottom:10px; right:10px; border-radius:5px; padding:4px 7px; background:#202020c9; color:white; font-size:12px; }
.gka-video-meta { display:flex; justify-content:space-between; gap:12px; margin-top:14px; font-size:12px; color:#171717; line-height:1.4; }
.gka-video-card h2 { margin:7px 0 0; font-size:18px; font-weight:600; line-height:1.35; letter-spacing:-.35px; }
.gka-video-description { margin:8px 0 0; color:#171717; font-size:13px; line-height:1.65; }
.gka-catalog-dialog.is-video[open] { display:block; width:min(1060px,calc(100% - 30px)); }
.gka-catalog-dialog.is-video .gka-dialog-art { aspect-ratio:16/9; max-height:none; background:#202020; }
.gka-catalog-dialog.is-video iframe { display:block; width:100%; height:100%; border:0; }
.gka-catalog-dialog.is-video .gka-dialog-content { padding:28px 34px; }
.gka-video-original { color:#171717; font-size:13px !important; }
.gka-video-external { display:inline-flex; padding:11px 16px; border-radius:8px; background:#171717; color:#fff !important; margin-top:16px; font-size:13px; font-weight:600; }
@media(max-width:1200px) { .gka-catalog[data-section="egitimler"] .gka-catalog-grid,.gka-catalog[data-section="egitimler"] .gka-catalog-grid.is-compact { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .gka-catalog[data-section="egitimler"] .gka-catalog-grid,.gka-catalog[data-section="egitimler"] .gka-catalog-grid.is-compact { grid-template-columns:minmax(0,1fr); gap:26px; } .gka-catalog-dialog.is-video .gka-dialog-content { padding:24px; } }

@media(max-width:700px) { .gka-catalog-grid.is-faq { grid-template-columns:minmax(0,1fr); } }

.gka-catalog[data-section=sss] .gka-catalog-shell { grid-template-columns: minmax(0, 1fr); }
.gka-design-image { padding:0; background:#fafafa; }
.gka-design-image img { display:block; width:100%; height:100%; object-fit:contain; }
.gka-catalog-dialog.is-design { grid-template-columns:minmax(0,1.15fr) minmax(280px,1fr); }
.gka-catalog-dialog.is-design .gka-dialog-art { background:#fafafa; display:flex; align-items:center; justify-content:center; }
.gka-catalog-dialog.is-design .gka-design-image { width:100%; min-height:0; aspect-ratio:auto; }
.gka-catalog-dialog.is-design .gka-design-image img { max-height:80vh; height:auto; object-fit:contain; }
.gka-design-download { margin-top:30px; }
.gka-design-specs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:22px; }
.gka-design-specs span { padding:7px 10px; border:1px solid #f4f4f4; border-radius:6px; font-size:13px; color:#171717; }
.gka-dialog-content .gka-download-button { display:flex; align-items:center; justify-content:center; gap:10px; padding:16px 20px; border-radius:10px; background:#171717; color:#fff; font:600 15px Montserrat,Arial,sans-serif; text-decoration:none; transition:background .2s; }
.gka-dialog-content .gka-download-button:hover { background:#171717; }
.gka-download-button:focus-visible { outline:3px solid #bdbdbd; outline-offset:3px; }
.gka-design-download small { display:block; margin-top:11px; text-align:center; color:#171717; font-size:13px; }
@media(max-width:700px) { .gka-catalog-dialog.is-design { grid-template-columns:1fr; } .gka-catalog-dialog.is-design .gka-design-image img { max-height:48vh; } }

.gka-material-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.gka-material-gallery img{display:block;width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;border-radius:8px;align-self:start}@media(max-width:500px){.gka-material-gallery{grid-template-columns:1fr}}

/* Consistent material thumbnails, independent of source image proportions. */
.gka-catalog[data-section=materyaller] .gka-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:26px 20px;align-items:start}.gka-catalog[data-section=materyaller] .gka-catalog-grid.is-compact{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:22px 16px}.gka-catalog[data-section=materyaller] .gka-catalog-grid .gka-resource-preview{aspect-ratio:4/3;border-radius:10px;background:#e8e8e8}.gka-catalog[data-section=materyaller] .gka-catalog-grid .gka-design-image{display:block;width:100%;height:100%;aspect-ratio:4/3;padding:0;background:#e8e8e8;container-type:normal}.gka-catalog[data-section=materyaller] .gka-catalog-grid .gka-design-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.gka-catalog[data-section=materyaller] .gka-resource h2{line-height:1.5;margin-top:7px}.gka-catalog[data-section=materyaller] .gka-resource-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left}@media(max-width:700px){.gka-catalog[data-section=materyaller] .gka-catalog-grid,.gka-catalog[data-section=materyaller] .gka-catalog-grid.is-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}}

.gka-catalog[data-section=materyaller] .gka-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 12px}.gka-catalog[data-section=materyaller] .gka-catalog-grid.is-compact{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 12px}@media(max-width:1250px){.gka-catalog[data-section=materyaller] .gka-catalog-grid,.gka-catalog[data-section=materyaller] .gka-catalog-grid.is-compact{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.gka-catalog[data-section=materyaller] .gka-catalog-grid,.gka-catalog[data-section=materyaller] .gka-catalog-grid.is-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}

.gka-material-thumbnail{display:block;min-width:0;margin:0;padding:0;border:2px solid transparent;border-radius:9px;background:none;cursor:pointer;overflow:hidden}.gka-material-thumbnail[aria-pressed=true]{border-color:#171717}.gka-material-thumbnail:focus-visible{outline:2px solid #888;outline-offset:3px}.gka-material-gallery .gka-material-thumbnail img{border-radius:6px}

.gka-catalog[data-section=materyaller] .gka-catalog-grid .gka-design-image .gka-material-hover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease;pointer-events:none}.gka-catalog[data-section=materyaller] .gka-resource-preview:focus-visible .gka-material-hover-image{opacity:1}@media(hover:hover) and (pointer:fine){.gka-catalog[data-section=materyaller] .gka-resource-preview:hover .gka-material-hover-image{opacity:1}}@media(prefers-reduced-motion:reduce){.gka-catalog[data-section=materyaller] .gka-catalog-grid .gka-design-image .gka-material-hover-image{transition:none}}

.gka-catalog[data-section="materyaller"] .gka-filter-options label:has(input:disabled) { color:#b4b4b4; cursor:default; background:transparent; font-weight:400; }
.gka-catalog[data-section="materyaller"] .gka-filter-options input:disabled { opacity:.35; cursor:default; }

.gka-catalog-filters label:has(input:disabled) { opacity:.4; cursor:default; pointer-events:none; }

.gka-catalog-sort select[hidden] { display:none; }
.gka-sort-picker { position:relative; font-size:13px; }
.gka-sort-picker summary { display:flex; align-items:center; gap:20px; list-style:none; cursor:pointer; padding:10px 13px; border:1px solid var(--catalog-line); border-radius:9px; background:var(--catalog-card,#fff); color:inherit; }
.gka-sort-picker summary::-webkit-details-marker { display:none; }
.gka-sort-picker summary::after { content:''; width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); margin-top:-3px; }
.gka-sort-menu { position:absolute; top:calc(100% + 7px); right:0; z-index:30; min-width:180px; padding:5px; border:1px solid var(--catalog-line); border-radius:11px; background:var(--catalog-card,#fff); box-shadow:0 8px 24px #00000012; }
.gka-sort-menu button { display:block; width:100%; text-align:left; font:inherit; color:inherit; background:transparent; border:0; border-radius:6px; padding:10px; cursor:pointer; }
.gka-sort-menu button:hover,.gka-sort-menu button[aria-pressed="true"] { background:#f2f2f2; color:#171717; }
.gka-sort-picker summary:focus-visible,.gka-sort-menu button:focus-visible { outline:2px solid #b8b8b8; outline-offset:2px; }

/* Larger galleries belong beneath the main preview, separate from the details. */
.gka-catalog-dialog.is-design.has-gallery-below .gka-dialog-art { display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; min-width:0; max-height:none; overflow:visible; }
.gka-catalog-dialog.has-gallery-below .gka-dialog-art > .gka-catalog-art { flex:none; }
.gka-catalog-dialog.has-gallery-below .gka-dialog-art .gka-material-gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(80px,1fr)); gap:9px; margin:0; padding:14px; }
.gka-catalog-dialog.has-gallery-below .gka-material-thumbnail { width:100%; }
.gka-catalog-dialog.has-gallery-below .gka-dialog-art .gka-material-thumbnail img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; max-height:none; }

.gka-detail-page{max-width:1300px;margin:40px auto;padding:0 24px;display:grid;grid-template-columns:1.4fr 1fr;gap:48px;line-height:1.7}.gka-detail-visual img{display:block;width:100%;height:auto;border-radius:12px;margin-bottom:16px}.gka-detail-page h1{font-size:30px;line-height:1.25}.gka-detail-page dt{color:#888}.gka-detail-page dd{margin:0 0 12px}.gka-detail-permalink{font-size:12px;color:#777}@media(max-width:700px){.gka-detail-page{grid-template-columns:1fr;gap:24px}}

.gka-detail-shell *, .gka-detail-shell *::before, .gka-detail-shell *::after { box-sizing: border-box; }
.gka-detail-shell .gka-detail-page { width:100%; max-width:1320px; margin:32px auto; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); align-items:start; }
.gka-detail-page>div { min-width:0; }
.gka-detail-page>div:last-child { position:sticky;top:24px;padding:24px;background:#fff;border:1px solid #eee;border-radius:16px; }
.gka-detail-page p { overflow-wrap:anywhere; color:#626262; }
.gka-detail-page a { text-decoration:none; }
.gka-detail-page .gka-download-button { display:flex;justify-content:center;align-items:center;padding:14px 20px;border-radius:8px;background:#000;color:#fff; }
.gka-detail-page .gka-detail-visual img { max-width:100%; object-fit:contain; }
@media(max-width:700px){.gka-detail-shell .gka-detail-page {grid-template-columns:minmax(0,1fr);padding:0;margin:20px auto;}.gka-detail-page>div:last-child{position:static;}}

.gka-detail-page .gka-download-button:hover, .gka-detail-page .gka-download-button:focus-visible { background:#222; color:#fff; }

.gka-detail-stage{background:#f1f1f1;border-radius:14px;overflow:hidden}.gka-detail-stage img{width:100%;height:auto;max-height:72vh;margin:0!important;object-fit:contain}
.gka-detail-thumbnails{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.gka-detail-thumbnails button{width:140px;height:110px;padding:3px;background:white;border:2px solid transparent;border-radius:8px;cursor:pointer}.gka-detail-thumbnails button[aria-pressed=true]{border-color:#171717}.gka-detail-thumbnails button img{width:100%;height:100%;object-fit:cover!important;margin:0!important;border-radius:4px!important}
.gka-detail-page h2{font-size:15px;margin:26px 0 12px}.gka-detail-palette{display:flex;gap:8px;flex-wrap:wrap}.gka-detail-palette .gka-palette-color{border:0;background:none;padding:0;color:inherit}.gka-detail-palette span{display:block;width:48px;height:38px;border-radius:7px;background:var(--swatch);border:1px solid #0001}.gka-detail-palette small{font-size:10px}.gka-color-status{font-size:12px;min-height:18px;margin:4px 0}
.gka-detail-page dl{display:grid;grid-template-columns:1fr 1fr;font-size:13px;gap:10px;border-top:1px solid #eee;padding-top:16px}.gka-detail-page dd{text-align:right;margin:0}
.gka-detail-related{max-width:1320px;margin:40px auto;padding:0 24px}.gka-detail-related>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.gka-detail-related a{color:inherit;text-decoration:none;min-width:0}.gka-detail-related img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.gka-detail-related h2{font-size:22px}.gka-detail-related h3{font-size:14px;line-height:1.5}@media(max-width:700px){.gka-detail-related>div{grid-template-columns:repeat(2,minmax(0,1fr))}.gka-detail-related{padding:0}}

.gka-detail-actions{display:flex;gap:10px;align-items:center;margin-top:20px;font-size:13px}.gka-detail-actions .gka-favorite{position:static;flex:none}.gka-detail-actions>button[data-share-detail]{margin-left:auto;background:#f1f1f1;color:inherit;border:0;border-radius:20px;padding:10px 16px;cursor:pointer}.gka-share-status{font-size:12px}

@media(max-width:700px){.gka-detail-thumbnails button{width:calc((100% - 20px)/3);height:auto;aspect-ratio:14/11;}}

/* Detail information hierarchy and uploader identity. */
.gka-detail-page .gka-detail-info{padding:28px 30px;border:0;border-radius:12px;background:#fff;box-shadow:0 6px 30px #17171705}
.gka-detail-back{display:inline-block;font-size:12px;color:#777;margin-bottom:22px}
.gka-detail-author{display:flex;align-items:center;gap:12px;padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid #ededed;color:#171717}
.gka-detail-author img{width:48px;height:48px;object-fit:cover;border-radius:50%;flex:none}
.gka-detail-author strong,.gka-detail-author small{display:block}.gka-detail-author strong{font-size:14px;font-weight:600}.gka-detail-author small{font-size:12px;color:#8a8a8a;margin-top:2px}
.gka-detail-author .gka-detail-profile-link{margin-left:auto;font-size:11px;border:1px solid #eee;padding:7px 10px;border-radius:20px;white-space:nowrap}
.gka-detail-page .gka-detail-category{display:inline-block;font-size:11px;color:#6b6b6b;background:#f4f4f4;padding:4px 10px;border-radius:5px;margin:0 0 10px}
.gka-detail-info h1{font-size:26px;font-weight:600;letter-spacing:-.6px;margin:0 0 14px;line-height:1.3}
.gka-detail-info>p:not([class]){font-size:13px;line-height:1.85;margin:0 0 22px;color:#777}
.gka-detail-info h2{font-size:13px;font-weight:600;margin:24px 0 12px}
.gka-detail-palette{gap:10px}.gka-detail-palette span{width:42px;height:36px;border-radius:6px}.gka-detail-palette small{display:block;font-size:9px;color:#888;margin-top:4px}
.gka-detail-page .gka-detail-info dl{font-size:12px;gap:0;margin:0 0 24px;padding:0;border-top:0}.gka-detail-info dt,.gka-detail-info dd{padding:10px 0;border-bottom:1px solid #f1f1f1;line-height:1.5}.gka-detail-info dt{color:#929292}.gka-detail-info dd{color:#333}
.gka-detail-page .gka-download-button{font-size:13px;font-weight:600;border-radius:8px;min-height:48px}
.gka-detail-actions{padding-top:16px;border-top:1px solid #f1f1f1}.gka-detail-actions .gka-favorite{opacity:1;box-shadow:none;border:1px solid #e9e9e9;width:34px;height:34px}.gka-detail-actions>span{font-size:11px;color:#777}.gka-share-status:empty{display:none}
@media(max-width:700px){.gka-detail-page .gka-detail-info{padding:22px 18px}.gka-detail-info h1{font-size:23px}.gka-detail-author .gka-detail-profile-link{font-size:10px;padding:6px 8px}}

body.gka-detail-body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;margin:0}
body.gka-detail-body>.gka-detail-shell{flex:1 0 auto}
body.gka-detail-body>.gka-site-footer{margin-top:auto;flex-shrink:0}
.gka-detail-info .gka-detail-back{display:block;width:fit-content}

.gka-popup-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;margin-top:18px;border-top:1px solid #e9e9e9;font-size:12px}.gka-popup-actions>a{color:inherit;text-decoration:none}.gka-popup-favorite{display:flex;align-items:center;gap:8px}.gka-popup-favorite .gka-favorite{position:static;opacity:1;box-shadow:none;width:34px;height:34px;flex:none}.gka-popup-favorite span{font-size:11px;color:#777}