/* User decision, F5 close: use the shop brand fonts instead of reproducing
   WordPress's broken font URLs/fallback. Existing ThemeGalic font loading is reused.
   px preserve WP's 16px layout scale without changing Shopware's root scale. */
.morgan-blog-shell { background: #1d1d1d; color: #f9f9f9; }
.morgan-blog { max-width: none; padding: min(104px,8vw); font: 400 16.8px/26.04px Lato,sans-serif; color: #f9f9f9; }
.morgan-blog a { color: inherit; text-decoration: underline; }
.morgan-blog a:hover { color: inherit; text-decoration: none; }
.morgan-blog h1, .morgan-blog h2 { color: #f9f9f9; font-family: Syncopate,sans-serif; font-weight: 400; letter-spacing: normal; }
.morgan-blog-listing > h1 { font-size: clamp(40px,calc(40px + (1vw - 3.2px)*1.283),52.32px); line-height: 1.15; text-align: center; max-width:1200px; margin:0 auto; }
.morgan-blog-grid { max-width:1800px; margin:calc(19.2px + min(104px,8vw)) auto 0; gap:min(40px,3vw); }
.morgan-blog-post { padding-bottom:50px; }
.morgan-blog-cover { margin:0 0 min(24px,2vw); }
.morgan-blog-meta { font:400 14.4px/22.32px Lato,sans-serif; color:#b7b7b7; gap:5.04px; }
.morgan-blog-meta a { text-decoration:none; }
.morgan-blog-meta-by, .morgan-blog-meta-separator { font:600 12px/14px Lato,sans-serif; color:#c5ab71; }
.morgan-blog-post h2 { margin:min(24px,2vw) 0 20px; font-size:clamp(22.24px,calc(22.24px + (1vw - 3.2px)*0.767),29.6px); line-height:1.2; }
.morgan-blog-post h2 a { display:inline-block; line-height:36px; text-transform:uppercase; letter-spacing:6px; text-decoration:none; }
.morgan-blog-excerpt { color:#b7b7b7; font:400 14.4px/23.04px Lato,sans-serif; }
.morgan-blog-pagination { max-width:1800px; margin:min(104px,8vw) auto 0; padding: min(40px,3vw) 0; font:400 14.4px/22.32px Lato,sans-serif; }
.morgan-blog-detail { padding-top:calc(19.2px + min(104px,8vw)); }
.morgan-blog-detail-heading { max-width:1200px; margin:0 auto; }
.morgan-blog-detail-heading h1 { font-size:clamp(29.6px,calc(29.6px + (1vw - 3.2px)*1.083),40px); line-height:1.2; text-transform:uppercase; letter-spacing:3px; margin:0; }
.morgan-blog-content { margin-top:80px; }
.morgan-blog-content > * { max-width:1200px; margin-left:auto; margin-right:auto; }
.morgan-blog-content p, .morgan-blog-content li { color:#f9f9f9; font:400 16.8px/26.04px Lato,sans-serif; }
.morgan-blog-content strong { font-weight:700; }
.morgan-blog-content .wp-block-column figure { margin-inline:0; }
.morgan-blog-content .wp-block-gallery > figure { max-width:none; }
.morgan-blog-content figcaption { color:#f9f9f9; }
.morgan-blog-related { max-width:1200px; margin:auto; }
.morgan-blog-tags { margin-top:min(64px,5vw); gap:8px; }
.morgan-blog-tags a { border:0; background:#303030; border-radius:min(24px,2vw); padding:6px 14px; font:400 14.4px/22.32px Lato,sans-serif; text-decoration:none; }
.morgan-blog-adjacent { border-color:#3e3e3e; margin-top:calc(19.2px + min(64px,5vw)); padding-block:min(64px,5vw); }
@media(max-width:525px) { .morgan-blog-cover img { aspect-ratio:auto; height:200px; } .morgan-blog-post h2 a { line-height:29px; letter-spacing:3px; } .morgan-blog-detail .morgan-blog-content { margin-top:35.5px; } }

.morgan-blog-meta a, .morgan-blog-meta > span:last-child { color:#c5ab71; font:600 12px/14px Lato,sans-serif; text-transform:uppercase; }

.galic-blog-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px min(104px,8vw); min-height:97.296875px; box-sizing:border-box; background:#272727; color:#f9f9f9; position:relative; z-index:10; }
.galic-blog-logo { display:block; flex:none; }
.galic-blog-logo img { display:block; width:90px; height:auto; }
.galic-blog-desktop-links { display:flex; gap:32px; flex-wrap:wrap; }
.galic-blog-navigation a { color:#f9f9f9; font:400 13px/21.13px Montserrat,sans-serif; letter-spacing:2.6px; text-transform:uppercase; text-decoration:none; }
.galic-blog-navigation a:hover { text-decoration:underline; }
.galic-blog-mobile-menu { display:none; }
@media(max-width:599px) { .galic-blog-desktop-links { display:none; } .galic-blog-mobile-menu { display:block; } .galic-blog-mobile-menu summary { cursor:pointer; list-style:none; font-size:24px; } .galic-blog-mobile-menu summary::-webkit-details-marker { display:none; } .galic-blog-mobile-menu > div { position:absolute; inset:100% 0 auto; display:flex; flex-direction:column; gap:24px; padding:24px min(104px,8vw); background:#272727; } }
