/* Shared page-specific layout rules */
.content-article-section { padding: 64px 0; }
.games-grid-section { padding-top: 38px; }
.promotions-grid-section { padding-top: 46px; }
.payment-methods-grid img { object-fit: contain; }
.page-home .bg-dark { background: #151e19; }
.page-games .content-article-section, .page-promotions .content-article-section { border-top: 1px solid rgba(232,237,222,.08); }
.eyebrow { display: block; margin-bottom: 10px; color: var(--accent-gold); font-size: 11px; font-weight: 600; letter-spacing: 1.3px; text-transform: uppercase; }
.image-showcase-section { background: #131b16; }
.image-showcase-section .section-header { max-width: none; text-align: left; }
.image-showcase-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; grid-auto-rows: 190px; gap: 12px; }
.showcase-tile, .strip-tile { position: relative; display: block; min-width: 0; overflow: hidden; border: 1px solid #39473e; border-radius: 3px; background: #202d26; color: #f3f0e7; text-decoration: none; }
.showcase-tile::after, .strip-tile::after { position: absolute; inset: 25% 0 0; background: linear-gradient(transparent, rgba(10,16,12,.86)); content: ""; }
.showcase-tile img, .strip-tile img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.showcase-tile:hover img, .strip-tile:hover img { transform: scale(1.035); }
.showcase-tile span { position: absolute; z-index: 1; right: 16px; bottom: 13px; left: 16px; display: grid; gap: 3px; }
.showcase-tile small { color: #e3c58e; font-size: 10px; letter-spacing: 1px; }
.showcase-tile strong { color: #fffdf5; font-size: 18px; font-weight: 600; }
.showcase-tile-large { grid-row: span 2; }
.editorial-image-section { background: #1a251f; }
.editorial-image-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 48px; align-items: center; }
.editorial-image-copy { width: auto; margin: 0; }
.editorial-image-copy h2, .responsible-feature-layout h2 { margin: 0 0 14px; color: var(--text-primary); font-size: 29px; }
.editorial-image-copy p, .responsible-feature-layout p { color: var(--text-secondary); font-size: 14px; line-height: 1.8; }
.editorial-image { width: 100%; max-height: 400px; aspect-ratio: 16/10; object-fit: cover; border: 1px solid var(--border-color); border-radius: 3px; }
.text-link { display: inline-flex; align-items: center; gap: 10px; color: var(--accent-gold); font-size: 14px; font-weight: 600; text-decoration: none; }
.text-link:hover { gap: 14px; }
.inline-editorial-image { margin: 28px 0; }
.inline-editorial-image img { width: 100%; max-height: 420px; aspect-ratio: 16/9; object-fit: cover; border: 1px solid var(--border-color); border-radius: 3px; }
.inline-editorial-image figcaption { margin-top: 8px; color: var(--text-muted); font-size: 11px; }
.editorial-strip-section { background: #17211c; }
.editorial-strip-section .section-header { max-width: none; text-align: left; }
.editorial-strip-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.strip-tile { aspect-ratio: 4/3; }
.strip-tile span { position: absolute; z-index: 1; bottom: 12px; left: 13px; color: white; font-size: 15px; font-weight: 600; }
.responsible-feature-section { background: #131b16; }
.responsible-feature-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: center; }
.responsible-feature-layout > img { width: 100%; max-height: 360px; aspect-ratio: 16/10; object-fit: cover; border: 1px solid var(--border-color); border-radius: 3px; }
.responsible-feature-layout .content-article { width: auto; margin: 0; }
.gallery-image-label { padding: 8px 12px; border: 1px solid rgba(255,255,255,.5); border-radius: 2px; color: #fff; font-size: 13px; }
.promotion-image-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.promotion-image-grid article { min-width: 0; border-bottom: 1px solid var(--border-color); }
.promotion-image-grid img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 3px; }
.promotion-image-grid h3 { margin: 12px 0 5px; font-size: 16px; }
.promotion-image-grid p { margin-bottom: 14px; color: var(--text-muted); font-size: 12px; line-height: 1.55; }
.promotion-editorial-section { background: #151e19; }
.promotion-editorial-section .section-header { max-width: none; text-align: left; }
.responsible-feature-layout h2 { margin-top: 0; }
@media (max-width: 1000px) {
    .image-showcase-grid { grid-auto-rows: 165px; }
    .editorial-image-layout, .responsible-feature-layout { gap: 28px; }
}
@media (max-width: 700px) {
    .content-article-section { padding: 44px 0; }
    .games-grid-section, .promotions-grid-section { padding-top: 28px; }
    .image-showcase-grid { grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: 145px; gap: 8px; }
    .showcase-tile-large { grid-row: span 2; }
    .showcase-tile span { right: 10px; bottom: 9px; left: 10px; }
    .showcase-tile strong { font-size: 14px; }
    .editorial-image-layout, .responsible-feature-layout { grid-template-columns: 1fr; gap: 22px; }
    .editorial-image-copy h2, .responsible-feature-layout h2 { font-size: 24px; }
    .editorial-image { max-height: 250px; }
    .editorial-strip-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
    .promotion-image-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
    .strip-tile span { font-size: 13px; }
    .inline-editorial-image { margin: 20px 0; }
    .inline-editorial-image img { max-height: 250px; }
}