/* Shared catalogue style, loaded after the existing theme and customizer styles. */
body.gg-design { --gg-bg:#080808; --gg-panel:#181818; --gg-line:#303030; --gg-text:#ededed; --gg-muted:#b3b3b3; --gg-accent:#c91842; background:var(--gg-bg)!important; color:var(--gg-text); }
body.gg-design #page { background:var(--gg-bg)!important; }
.gg-design .gg-header, body.gg-design #masthead { display:block!important; background:#141414!important; visibility:visible!important; }
.gg-design .gg-brand-row, .gg-design .gg-nav-inner { max-width:1540px; margin:auto; padding:0 24px; }
.gg-design .gg-brand-row { display:flex; gap:48px; align-items:center; min-height:100px; }
.gg-design .gg-logo { flex:0 0 auto; max-width:35%; }
.gg-design .gg-logo a { color:var(--gg-text); font-size:clamp(24px,3vw,38px); font-weight:800; text-decoration:none; letter-spacing:-1.4px; }
.gg-design .gg-logo img { display:block; width:auto; max-width:min(280px,100%); max-height:64px; object-fit:contain; }
.gg-design .gg-search { display:flex; width:100%; max-width:610px; min-width:0; margin:0; }
.gg-design .gg-search input[type=search] { height:46px; width:100%; min-width:0; border:1px solid #373737!important; border-right:0!important; background:#242424!important; color:#fff!important; border-radius:4px 0 0 4px; padding:0 16px; font-size:16px; box-shadow:none!important; }
.gg-design .gg-search button { display:grid; place-items:center; width:52px; flex-shrink:0; padding:0; border:0; background:var(--gg-accent); color:white; border-radius:0 4px 4px 0; }
.gg-design .gg-navigation { background:#222; border-block:1px solid var(--gg-line); }
.gg-design .gg-menu { list-style:none; display:flex; flex-wrap:wrap; gap:0; margin:0; padding:0; }
.gg-design .gg-menu li { position:relative; list-style:none; margin:0; }
.gg-design .gg-menu a { display:inline-flex; align-items:center; min-height:48px; padding:0 22px; color:#eee; font-size:14px; font-weight:600; text-decoration:none; }
.gg-design .gg-menu > .current-menu-item > a, .gg-design .gg-menu a:hover { background:var(--gg-accent); color:white; }
.gg-design .gg-menu ul { display:none; position:absolute; z-index:25; top:100%; left:0; min-width:210px; padding:0; margin:0; background:#242424; border:1px solid var(--gg-line); }
.gg-design .gg-menu ul ul { left:100%; top:0; }
.gg-design .gg-submenu-open > ul { display:block; }
html:not(.gg-js) .gg-design .gg-menu li:focus-within > ul, html:not(.gg-js) .gg-design .gg-menu li:hover > ul { display:block; }
.gg-design .gg-submenu-toggle { min-height:44px; min-width:44px; border:0; padding:0; color:#eee; background:transparent; }
.gg-design .gg-menu-toggle { display:none; }
.gg-design .gg-header-ad { max-width:1540px; margin:auto; overflow:auto; padding:12px 24px; }
.gg-design .gg-skip { position:absolute; top:-100px; left:16px; z-index:100000; padding:12px 18px; background:white; color:black; }
.gg-design .gg-skip:focus { top:8px; }
.gg-design a:focus-visible, .gg-design button:focus-visible, .gg-design input:focus-visible { outline:3px solid #ff6c91!important; outline-offset:3px; }
body.gg-design .site-content.row { width:100%; max-width:1540px; margin:auto; padding:28px 24px 40px; box-sizing:border-box; }
.gg-design .gg-catalogue, .gg-design .gg-catalogue #main { width:100%; min-width:0; margin:0; float:none; }
.gg-design .gg-section-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:0 0 20px; padding:0; border:0; }
.gg-design .gg-section-heading h1, .gg-design .gg-section-heading h2 { margin:0; padding:0; color:#eee; font-size:24px; line-height:1.25; font-weight:700; letter-spacing:-.5px; }
.gg-design .gg-sorts { display:flex; flex-wrap:wrap; gap:4px; }
.gg-design .gg-sorts a { min-height:44px; display:flex; align-items:center; padding:0 14px; color:var(--gg-muted); background:#202020; font-size:13px; text-decoration:none; border-radius:3px; }
.gg-design .gg-sorts a[aria-current], .gg-design .gg-sorts a:hover { background:var(--gg-accent); color:#fff; }
body.gg-design .videos-list { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px 12px; width:100%!important; margin:0!important; height:auto; }
body.gg-design .videos-list > .thumb-block { width:auto!important; max-width:none!important; float:none!important; padding:0!important; margin:0!important; min-width:0; background:transparent!important; }
.gg-design .thumb-block .post-thumbnail { aspect-ratio:16/9; height:auto!important; padding:0!important; overflow:hidden; background:#202020; border-radius:4px; }
.gg-design .thumb-block .post-thumbnail img, .gg-design .thumb-block .post-thumbnail video { width:100%; height:100%!important; object-fit:cover; }
.gg-design .thumb-block .premium-video img { width:26px; height:26px!important; object-fit:contain; }
.gg-design .thumb-block .entry-header { padding:10px 0 0!important; background:transparent!important; min-height:44px; }
.gg-design .thumb-block .video-card-title { margin:0!important; font-size:14px!important; line-height:1.45!important; font-weight:500; color:#ddd; }
.gg-design .video-card-title a { color:inherit; text-decoration:none; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
.gg-design .video-card-title a:hover { color:#ff7899; }
.gg-design .thumb-block .duration, .gg-design .video-views-badge { background:rgba(0,0,0,.85)!important; color:#fff!important; font-size:12px!important; border-radius:3px; padding:3px 6px!important; }
.gg-design .gg-pagination { margin-top:30px; }
.gg-design .gg-pagination .nav-links { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; }
.gg-design .gg-pagination .page-numbers { min-width:44px; min-height:44px; display:grid; place-items:center; padding:6px 12px; background:#242424; color:#eee; border-radius:3px; text-decoration:none; box-sizing:border-box; }
.gg-design .gg-pagination .current { background:var(--gg-accent); }
.gg-design .gg-popular { margin-top:44px; padding-top:28px; border-top:1px solid var(--gg-line); }
.gg-design .gg-more { color:#eee; min-height:44px; display:inline-flex; align-items:center; }
.gg-design .gg-empty { padding:48px 20px; text-align:center; background:var(--gg-panel); border:1px solid var(--gg-line); border-radius:4px; }
.gg-design .gg-empty p { color:var(--gg-muted); }
.gg-design .gg-seo { margin-top:32px; color:var(--gg-muted); }
.gg-design .entry-content, .gg-design .site-main { min-width:0; overflow-wrap:break-word; }
.gg-design .video-player iframe, .gg-design #video-player iframe, .gg-design .player iframe, .gg-design .video-player video { max-width:100%; width:100%; aspect-ratio:16/9; height:auto; }
.gg-design.single-post article.type-post > .entry-header iframe { display:block; width:100%; max-width:100%; height:auto; aspect-ratio:16/9; }
@media(min-width:1800px) { body.gg-design .videos-list { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media(max-width:1100px) { body.gg-design .videos-list { grid-template-columns:repeat(3,minmax(0,1fr)); } .gg-design .gg-brand-row { gap:24px; } }
@media(max-width:700px) {
 .gg-design .gg-brand-row { display:grid; grid-template-columns:1fr auto; gap:14px; padding:18px 14px; }
 .gg-design .gg-logo { max-width:100%; min-width:0; } .gg-design .gg-logo img { max-width:min(210px,100%); max-height:45px; }
 .gg-design .gg-search { grid-row:2; grid-column:1/-1; max-width:none; }
 .gg-js .gg-design .gg-menu-toggle { display:inline-flex; align-items:center; gap:10px; min-height:44px; padding:0 12px; border:1px solid #404040; border-radius:4px; background:#222; color:#fff; }
 .gg-js .gg-design .gg-navigation { display:none; } .gg-js .gg-design .gg-navigation.is-open { display:block; }
 .gg-design .gg-nav-inner { padding:0 14px; } .gg-design .gg-menu { display:block; } .gg-design .gg-menu a { padding:0 12px; }
 .gg-design .gg-menu ul, .gg-design .gg-menu ul ul { position:static; margin-left:12px; min-width:0; }
 body.gg-design .site-content.row { padding:22px 12px 32px; }
 body.gg-design .videos-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 10px; }
 .gg-design .gg-section-heading { align-items:flex-start; flex-direction:column; gap:12px; }
 .gg-design .gg-section-heading h1, .gg-design .gg-section-heading h2 { font-size:21px; }
 .gg-design .gg-sorts { width:100%; } .gg-design .gg-sorts a { flex:1; justify-content:center; padding:0 10px; }
 .gg-design .thumb-block .video-card-title { font-size:13px!important; } .gg-design .top-bar-content { flex-wrap:wrap; }
 .gg-design .gg-header-ad { padding:10px 12px; }
}
@media(prefers-reduced-motion:reduce) { .gg-design *, .gg-design *::before, .gg-design *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
