/*
Theme Name: Defence Industry
Author: Geekon
Author URI: https://geekon.eu/
Description: Szablon strony Defence Industry
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: defence-industry
Template: astra
*/

/* =============================================================
   DIE Hero Section
   ============================================================= */

.die-hero {
    padding: var(--ast-section-spacing, 40px) 0;
    border-bottom: 0px;
}

section.die-hero {
    padding: 0px;
}

.die-hero-col + .die-hero-col {
    border-left: 1px solid var(--ast-border-color, #eee);
    padding-left: 40px;
}

/* Kolumna 1 hero z kolorowym tłem */
.die-hero-col--main {
    border-radius: 5px;
    padding: 25px;
}
.die-col-4.die-hero-col.die-hero-col--main {
    padding: 25px;
    border-radius: 5px;
    margin-top: 30px;
}
.die-hero-col--main .die-hero-title a,
.die-hero-col--main .die-hero-title--large a,
.die-col-4.die-hero-col.die-hero-col--main .die-hero-title a,
.die-col-4.die-hero-col.die-hero-col--main .die-hero-cat,
.die-col-4.die-hero-col.die-hero-col--main p.die-hero-lead,
.die-col-4.die-hero-col.die-hero-col--main a.ast-button.die-read-more {
    color: #fff !important;
}
h2.die-hero-title.die-hero-title--large {
    color: white !important;
}
.die-col-4.die-hero-col.die-hero-col--main a.ast-button.die-read-more {
    border-color: white;
}
.die-col-4.die-hero-col.die-hero-col--main a.ast-button.die-read-more:hover {
    background: white;
    color: var(--ast-global-color-0) !important;
}
.die-hero-col--main .die-hero-title a:hover {
    color: rgba(255,255,255,.8);
}
.die-hero-col--main .die-hero-lead {
    color: rgba(255,255,255,.85);
}
.die-hero-col--main .die-hero-meta {
    color: rgba(255,255,255,.6);
}
.die-hero-col--main .die-hero-cat {
    color: rgba(255,255,255,.9);
    border-bottom: 1px solid rgba(255,255,255,.3);
}

.die-hero-cat {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--ast-global-color-0, var(--e-global-color-primary, #0274be));
    text-decoration: none;
    margin-bottom: 10px;
    font-family: Inter, 'Inter-Roboto', 'Inter-Tahoma', sans-serif;
}
.die-hero-cat:hover { text-decoration: underline; }
.die-hero-cat--light { color: #fff; }

/* Ukryj kategorie w overlayach */
.die-hero-col--main a.die-hero-cat,
.die-hero-image-overlay span.die-hero-cat.die-hero-cat--light,
.die-hero-sub-overlay span.die-hero-cat.die-hero-cat--light,
.die-featured-overlay-content span.die-hero-cat.die-hero-cat--light,
.die-important-overlay span.die-hero-cat.die-hero-cat--light {
    display: none !important;
}

.die-hero-title {
    line-height: 1.25;
    margin: 0 0 12px;
}
.die-hero-title {
}
.die-hero-title a {
    color: var(--ast-global-color-2, #3a3a3a);
    text-decoration: none;
    transition: color .15s;
}
.die-hero-title a:hover { color: var(--ast-global-color-0, #0274be); }

.die-hero-title--large  { font-size: clamp(22px, 2.2vw, 30px); line-height: 1.2; }
.die-hero-title--medium { font-size: clamp(15px, 1.4vw, 20px); line-height: 1.3; margin-bottom: 6px; }
.die-hero-title--image  { font-size: clamp(18px, 1.6vw, 26px); color: #fff; margin: 0; text-shadow: 0 1px 3px rgba(0,0,0,.3); }

.die-hero-lead {
    font-size: clamp(14px, 1.2vw, 19px);
    line-height: 1.6;
    color: var(--ast-global-color-3, #6b7280);
    margin: 0 0 14px;
    font-family: Inter, 'Inter-Roboto', 'Inter-Tahoma', sans-serif;
}

.die-hero-meta {
    font-size: 12px;
    color: var(--ast-global-color-3, #9ca3af);
    display: none;
}
.die-hero-meta time { display: inline; }

.die-hero-col--list { display: flex; flex-direction: column; gap: 0; }

.die-hero-list-item { padding: 16px 0; border-bottom: 1px solid var(--ast-border-color, #eee); }
.die-hero-list-item:first-child { padding-top: 0; }
.die-hero-list-item:last-child  { border-bottom: none; padding-bottom: 0; }

.die-hero-col--image { display: flex; flex-direction: column; }

.die-hero-image-wrap {
    display: block;
    position: relative;
    border-radius: 0px !important;
    overflow: hidden;
    text-decoration: none;
    aspect-ratio: 16/9;
    flex-shrink: 0;
}
.die-hero-sub-img,
.die-hero-image-wrap {
    aspect-ratio: 16/9;
}
.die-hero-img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s ease;
}
.die-hero-image-wrap:hover .die-hero-img { transform: scale(1.03); }

.die-hero-img-placeholder { width: 100%; height: 100%; background: var(--ast-border-color, #e5e7eb); }

.die-hero-image-overlay {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 40px 16px 16px;
    background: linear-gradient(to top, rgba(0,0,0,.75) 0%, transparent 100%);
}

.die-hero-ad {
    flex: 1;
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* ---- Małe wpisy pod głównym w col3 ---- */
.die-hero-sub-item {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 0px !important;
    text-decoration: none;
}

.die-hero-sub-img {
    width: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s ease;
    vertical-align: bottom;
}
.die-hero-sub-item:hover .die-hero-sub-img { transform: scale(1.05); }

.die-hero-sub-placeholder {
    width: 100%;
    aspect-ratio: 4/3;
    background: var(--ast-border-color, #e5e7eb);
}

.die-hero-sub-overlay {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 40px 16px 16px;
    background: linear-gradient(to top, rgba(0,0,0,.8) 0%, transparent 100%);
}

.die-hero-sub-title,
h3.die-featured-list-title,
.die-featured-overlay-title,
.die-related-card-title,
.die-promo-newest-title {
    font-size: 16px;
    color: #fff;
    margin: 3px 0 0;
    line-height: 1.3;
    text-shadow: 0 1px 2px rgba(0,0,0,.4);
}
h2.die-hero-sub-title { font-size: clamp(18px, 1.6vw, 26px); }

.die-hero-ad-label {
    display: block;
    width: 100%;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #aaa;
    text-align: center;
    padding: 8px 0 4px;
}

@media (max-width: 1024px) {
    .die-hero-col--image {
        grid-column: 1 / -1;
        border-left: none !important;
        padding-left: 0 !important;
        border-top: 1px solid var(--ast-border-color, #eee);
        padding-top: 24px;
    }
}
@media (max-width: 768px) {
    .die-hero-col + .die-hero-col {
        border-left: none;
        padding-left: 0;
        border-top: 1px solid var(--ast-border-color, #eee);
        padding-top: 24px;
        margin-top: 24px;
    }
    .die-hero-col--image { border-top: 1px solid var(--ast-border-color, #eee) !important; padding-top: 24px !important; order: 2; }
    .die-hero-title--large { font-size: 22px; }
    .die-hero-image-wrap, .die-promo-img, .die-important-top-img, .die-important-card-img { aspect-ratio: 4/3; }
    .die-col-3.die-hero-col.die-hero-col--list { order: 3; }
    .die-col-5.die-hero-col.die-hero-col--image { margin-top: 0px; }
    section.die-hero { padding: 0px; }
    .die-row--gap-lg { --die-col-gap: 20px; }
    .die-col-4.die-hero-col.die-hero-col--main { margin-top: 30px; }
    h3.die-hero-sub-title, .die-featured-overlay-title, .die-important-card-title { font-size: clamp(18px, 1.5vw, 20px); }
}

/* ---- Boksy reklamowe ---- */
.die-ad-bar { margin-top: 20px; }
.die-ad-bar-top { }
.die-ad-bar-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 8px 0;
    text-align: center;
    width: 100%;
    position: relative;
}


.die-ad-bar-label,
span.die-ad-bar-label,
span.die-hero-ad-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #aaa;
    text-align: center;
    margin-bottom: 4px;
    display: none !important;
}
.die-ad-bar-inner > * { margin-left: auto; margin-right: auto; }
.die-ad-bar-inner .g { margin-left: auto; margin-right: auto; }
.die-ad-bar-inner .adrotate_ad { display: block; margin: 0 auto; text-align: center; }
.die-ad-bar-inner .a-single,
.die-ad-bar-inner .g {
    position: sticky;
    top: 180px;
}

/* =============================================================
   DIE Grid System
   ============================================================= */

.die-row { display: flex; flex-wrap: wrap; gap: var(--die-col-gap, 32px); }
.die-row--gap-sm { --die-col-gap: 16px; }
.die-row--gap-md { --die-col-gap: 24px; }
.die-row--gap-lg { --die-col-gap: 40px; }
.die-row--gap-0  { --die-col-gap: 0px; }

.die-col-1  { width: calc(8.333%  - var(--die-col-gap, 32px) + var(--die-col-gap, 32px) / 12 * 1);  flex: 0 0 auto; }
.die-col-2  { width: calc(16.666% - var(--die-col-gap, 32px) + var(--die-col-gap, 32px) / 12 * 2);  flex: 0 0 auto; }
.die-col-3  { width: calc(25%     - var(--die-col-gap, 32px) + var(--die-col-gap, 32px) / 12 * 3);  flex: 0 0 auto; }
.die-col-4  { width: calc(33.333% - var(--die-col-gap, 32px) + var(--die-col-gap, 32px) / 12 * 4);  flex: 0 0 auto; }
.die-col-5  { width: calc(41.666% - var(--die-col-gap, 32px) + var(--die-col-gap, 32px) / 12 * 5);  flex: 0 0 auto; }
.die-col-6  { width: calc(50%     - var(--die-col-gap, 32px) + var(--die-col-gap, 32px) / 12 * 6);  flex: 0 0 auto; }
.die-col-7  { width: calc(58.333% - var(--die-col-gap, 32px) + var(--die-col-gap, 32px) / 12 * 7);  flex: 0 0 auto; }
.die-col-8  { width: calc(66.666% - var(--die-col-gap, 32px) + var(--die-col-gap, 32px) / 12 * 8);  flex: 0 0 auto; }
.die-col-9  { width: calc(75%     - var(--die-col-gap, 32px) + var(--die-col-gap, 32px) / 12 * 9);  flex: 0 0 auto; }
.die-col-10 { width: calc(83.333% - var(--die-col-gap, 32px) + var(--die-col-gap, 32px) / 12 * 10); flex: 0 0 auto; }
.die-col-11 { width: calc(91.666% - var(--die-col-gap, 32px) + var(--die-col-gap, 32px) / 12 * 11); flex: 0 0 auto; }
.die-col-12 { width: 100%; flex: 0 0 auto; }
.die-col-auto { flex: 1 1 0; min-width: 0; }

@media (max-width: 1024px) {
    .die-col-md-6  { width: calc(50% - var(--die-col-gap, 32px) / 2) !important; }
    .die-col-md-12 { width: 100% !important; }
}
@media (max-width: 768px) {
    .die-col-1,.die-col-2,.die-col-3,.die-col-4,.die-col-5,.die-col-6,
    .die-col-7,.die-col-8,.die-col-9,.die-col-10,.die-col-11 { width: 100%; }
    .die-col-sm-6 { width: calc(50% - var(--die-col-gap, 32px) / 2) !important; }
}

/* =============================================================
   DIE Category Page
   ============================================================= */

.die-cat-hero {
    width: 100%;
    padding: 0 0 32px;
    border-bottom: 1px solid var(--ast-border-color, #eee);
    margin-top: 35px;
}

.die-cat-hero-col--main { position: relative; }

.die-cat-hero-img-wrap {
    display: block; position: relative;
    overflow: hidden; text-decoration: none;
    height: 100%; min-height: 320px;
}
.die-cat-hero-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.die-cat-hero-img-wrap:hover .die-cat-hero-img { transform: scale(1.03); }
.die-cat-hero-img-placeholder { width: 100%; height: 100%; min-height: 320px; background: var(--ast-border-color, #e5e7eb); }

.die-cat-hero-overlay {
    position: absolute; bottom: 0; left: 0; right: 0;
    padding: 60px 20px 20px;
    background: linear-gradient(to top, rgba(0,0,0,.8) 0%, transparent 100%);
}
.die-cat-hero-title--main {
    font-size: clamp(18px, 2vw, 26px);
    color: #fff; line-height: 1.25; margin: 0;
    text-shadow: 0 1px 3px rgba(0,0,0,.3);
}

.die-cat-hero-col--side {
    display: flex; flex-direction: column;
    border: 0px;
}
.die-cat-hero-side-item { display: flex; gap: 14px; padding: 20px; flex: 1; align-items: flex-start; }
.die-cat-hero-side-item + .die-cat-hero-side-item { border-top: 1px solid var(--ast-border-color, #eee); }
.die-cat-hero-side-img-wrap { flex-shrink: 0; width: 110px; height: 80px; display: block; border-radius: 0px; overflow: hidden; }
.die-cat-hero-side-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.die-cat-hero-side-img-wrap:hover .die-cat-hero-side-img { transform: scale(1.05); }
.die-cat-hero-img-placeholder--small { width: 110px; height: 80px; min-height: unset; background: var(--ast-border-color, #e5e7eb); border-radius: 0px; }
.die-cat-hero-side-content { flex: 1; min-width: 0; }
.die-cat-hero-title--side { font-size: clamp(13px, 1.2vw, 16px); line-height: 1.35; margin: 4px 0 6px; }
.die-cat-hero-title--side a { color: var(--ast-global-color-2, #3a3a3a); text-decoration: none; transition: color .15s; }
.die-cat-hero-title--side a:hover { color: var(--ast-global-color-0, #0274be); }

.die-cat-hero-col--ad { display: flex; flex-direction: column; }
.die-hero-ad--full { flex: 1; margin-top: 0; border-radius: 0; }

.die-cat-list-wrap { padding: 32px 0; }
.die-cat-list-wrap .ast-container { padding: 0px; }
.die-cat-list-wrap .die-row.die-row--gap-0 { --die-col-gap: 20px; }
.die-cat-list-wrap .die-col-3 { position: relative; }
.die-cat-list { display: flex; flex-direction: column; gap: 0; }
.die-cat-list-item { display: flex; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--ast-border-color, #eee); align-items: flex-start; }
.die-cat-list-item:first-child { padding-top: 0; }
.die-cat-list-item:last-child  { border-bottom: none; }

.die-cat-list-img-wrap { flex-shrink: 0; width: 160px; height: 110px; display: block; border-radius: 4px; overflow: hidden; }
.die-cat-list-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.die-cat-list-img-wrap:hover .die-cat-list-img { transform: scale(1.04); }
.die-cat-list-content { flex: 1; min-width: 0; }
.die-cat-list-title { font-size: clamp(15px, 1.3vw, 18px); line-height: 1.3; margin: 4px 0 8px; }
.die-cat-list-title a { color: var(--ast-global-color-2, #3a3a3a); text-decoration: none; transition: color .15s; }
.die-cat-list-title a:hover { color: var(--ast-global-color-0, #0274be); }
.die-cat-list-excerpt {
    font-size: 14px;
    line-height: 1.6;
    color: #8b8b8b;
    margin: 0 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: Inter, 'Inter-Roboto', 'Inter-Tahoma', sans-serif;
}

.die-cat-list-wrap .page-numbers { display: flex; gap: 6px; list-style: none; padding: 24px 0 0; margin: 0; flex-wrap: wrap; }
.die-cat-list-wrap .page-numbers li a,
.die-cat-list-wrap .page-numbers li span { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 10px; border: 1px solid var(--ast-border-color, #ddd); border-radius: 4px; font-size: 13px; text-decoration: none; color: var(--ast-global-color-2, #3a3a3a); transition: background .15s, border-color .15s; }
.die-cat-list-wrap .page-numbers li a:hover { background: var(--ast-global-color-0, #0274be); border-color: var(--ast-global-color-0, #0274be); color: #fff; }
.die-cat-list-wrap .page-numbers li span.current { background: var(--ast-global-color-0, #0274be); border-color: var(--ast-global-color-0, #0274be); color: #fff; }

.die-cat-pagination { width: 100%; margin-top: 8px; }

.die-cat-list-wrap .die-hero-ad--full {
    position: sticky;
    top: 180px;
}

@media (max-width: 768px) {
    .die-cat-hero-col--side { border-left: none; border-right: none; border-top: 1px solid var(--ast-border-color, #eee); }
    .die-cat-hero-side-item { padding: 16px 0; }
    .die-cat-list-img-wrap { width: 100px; height: 75px; }
    section.die-cat-section { padding-bottom: 0px; }
}

/* =============================================================
   DIE Featured Section (Top Stories)
   ============================================================= */

.die-featured {
    padding: 32px 0;
    border-bottom: 0px;
}

/* Kolumna 2 i 3 mają border po lewej, kolumna 1 nie */
.die-featured-col { border-left: none; padding-left: 0; }
.die-featured-col--list {
    border-left: 1px solid var(--ast-border-color, #eee);
    padding-left: 24px;
}

.die-featured-main-link { display: flex; flex-direction: column; text-decoration: none; }
.die-featured-main-img-wrap { overflow: hidden; border-radius: 0px !important; aspect-ratio: 900/600; }
.die-featured-main-img { width: 100%; height: auto; display: block; transition: transform .3s; }
.die-featured-main-link:hover .die-featured-main-img { transform: scale(1.03); }
.die-featured-main-body { padding: 14px 0 0; }
.die-featured-main-title {
    font-size: clamp(18px, 1.8vw, 24px);
    line-height: 1.3; color: var(--ast-global-color-2, #1a1a1a);
    margin: 6px 0 8px; transition: color .15s;
}
.die-featured-main-link:hover .die-featured-main-title { color: var(--ast-global-color-0, #0274be); }

.die-featured-main-excerpt {
    font-size: 14px;
    line-height: 1.6;
    color: var(--ast-global-color-3, #6b7280);
    margin: 8px 0 12px;
}

.die-featured-col--overlay { display: flex; flex-direction: column; gap: 6px; }

.die-featured-col--overlay .die-featured-overlay-item {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: 0px;
    text-decoration: none;
    flex: 1;
}
.die-featured-overlay-img {
    width: 100%; aspect-ratio: 4/3;
    object-fit: cover; display: block !important;
    transition: transform .3s; vertical-align: bottom;
}
.die-featured-overlay-item:hover .die-featured-overlay-img { transform: scale(1.05); }
.die-featured-overlay-placeholder { width: 100%; aspect-ratio: 4/3; background: var(--ast-border-color, #e5e7eb); }

.die-featured-col--overlay .die-featured-overlay-item .die-featured-overlay-content {
    position: absolute !important;
    bottom: 0 !important; left: 0 !important; right: 0 !important;
    padding: 32px 10px 10px !important;
    background: linear-gradient(to top, rgba(0,0,0,.8) 0%, transparent 100%) !important;
}
.die-featured-overlay-title {
    font-size: 16px;
    color: #fff;
    margin: 3px 0 0; line-height: 1.3;
    text-shadow: 0 1px 2px rgba(0,0,0,.4);
}

.die-featured-col--list { display: flex; flex-direction: column; }
.die-featured-list-item {
    flex: 1; padding: 10px 0;
    border-bottom: 1px solid var(--ast-border-color, #eee);
    display: flex; flex-direction: column; justify-content: center;
}
.die-featured-list-item:first-child { padding-top: 0; }
.die-featured-list-item:last-child  { border-bottom: none; padding-bottom: 0; }
.die-featured-list-title { font-size: 16px; line-height: 1.4; margin: 3px 0 4px; }
.die-featured-list-title a { color: var(--ast-global-color-2, #1a1a1a); text-decoration: none; transition: color .15s; }
.die-featured-list-title a:hover { color: var(--ast-global-color-0, #0274be); }

.die-read-more { display: none; }
a.ast-button.die-read-more { display: none; }

@media (max-width: 1024px) {
    .die-featured .die-col-6 { width: 100%; }
    .die-featured .die-col-3 { width: calc(50% - 16px); }
    .die-featured-col--overlay,
    .die-featured-col--list { border-left: none; padding-left: 0; border-top: 1px solid var(--ast-border-color, #eee); padding-top: 20px; }
}
@media (max-width: 768px) {
    .die-featured .die-col-3 { width: 100%; }
}

/* =============================================================
   DIE Single Post
   ============================================================= */

.die-single { padding: 0px !important; }
.single .site-content .ast-container { display: block !important; }
.single #primary { margin-top: 30px; }
.single div#primary { padding-top: 0px; }

.die-single-hero-img { margin: 0px 0 8px; }
.die-single-hero-img img { box-shadow: none !important; }
.die-single-img { width: 100%; height: auto; display: block; border-radius: 0px; }
.die-single-img-caption { font-size: 12px; color: var(--ast-global-color-3, #9ca3af); margin: 8px 0 0; font-style: italic; }

.die-single-source {
    font-size: 13px;
    color: var(--ast-global-color-3, #9ca3af);
    margin: 0 0 12px;
    font-style: italic;
}

.die-single-meta-top {
    display: flex; align-items: center; gap: 8px;
    margin-bottom: 0px !important;
    flex-wrap: wrap;
}
.die-single-meta-sep { color: #ccc; margin-bottom: 3px; }
.die-single-date { font-size: 13px; color: var(--ast-global-color-3, #9ca3af); }
single a.die-hero-cat { margin-bottom: 0px; }

h1.die-single-title {
    font-size: clamp(24px, 3vw, 40px);
    line-height: 1.2;
    color: var(--ast-global-color-2, #1a1a1a);
    margin: 35px 0 20px;
}
h1.entry-title { margin-top: 50px; }

.die-single-lead {
    font-size: clamp(14px, 1.2vw, 19px);
    line-height: 1.7;
    color: var(--ast-global-color-2, #3a3a3a);
    margin: 0 0 28px;
}
p.die-single-lead { font-weight: 600; }

.die-single-content {
    font-size: 16px;
    line-height: 1.8;
    color: var(--ast-global-color-2, #3a3a3a);
    margin-bottom: 32px;
    border-top: 0px;
    padding-top: 28px;
}
.die-single-content.entry-content { border-top: 0px; }
.die-single-content p { margin-bottom: 20px; }
.die-single-content h2 { font-size: 22px; margin: 32px 0 16px; }
.die-single-content h3 { font-size: 18px; margin: 24px 0 12px; }
.die-single-content img { max-width: 100%; height: auto; border-radius: 4px; }
.die-single-content a { color: var(--ast-global-color-0, #0274be); }
.die-single-content ul, .die-single-content ol { padding-left: 24px; margin-bottom: 20px; }
.die-single-content li { margin-bottom: 6px; }
.die-single-lead, .die-single-content p { font-size: clamp(14px, 1.2vw, 19px); }

/* Reklamy w treści */
.die-single-content .g,
.die-single-content .a-single {
    padding: 8px;
    margin: 0 auto;
    max-width: 400px;
    overflow: visible;
    text-align: center;
}
.die-single-content .g::before,
.die-single-content .a-single::before {
    content: 'Advertisement';
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #aaa;
    text-align: center;
    margin-bottom: 4px;
}
.g-col {
    position: sticky;
    top: 180px;
    float: none;
}

.die-single-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.die-single-tag { display: inline-block; padding: 4px 12px; background: #f3f4f6; border: 1px solid var(--ast-border-color, #e5e7eb); border-radius: 20px; font-size: 12px; color: var(--ast-global-color-2, #4b5563); text-decoration: none; transition: background .15s, border-color .15s, color .15s; }
.die-single-tag:hover { background: var(--ast-global-color-0, #0274be); border-color: var(--ast-global-color-0, #0274be); color: #fff; }

.die-single-share {
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
    padding: 20px 0;
    border: 0px;
    margin-bottom: 48px;
}
.die-single-share-label { font-size: 13px; color: var(--ast-global-color-2, #3a3a3a); text-transform: uppercase; letter-spacing: .05em; }
.die-single-share-btns { display: flex; gap: 8px; }
.die-share-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: 4px; font-size: 13px; text-decoration: none; transition: opacity .15s, transform .15s; }
.die-share-btn:hover { opacity: .85; transform: translateY(-1px); }
.die-share-btn--fb { background: #1877f2; color: #fff; }
.die-share-btn--x  { background: #000; color: #fff; }
.die-share-btn--li { background: #0a66c2; color: #fff; }

.die-single-related {
    background: white !important;
    padding: 40px 0;
    border: 0px;
}
.die-single-related-title { font-size: 18px; color: var(--ast-global-color-2, #1a1a1a); margin: 0 0 24px; text-transform: uppercase; letter-spacing: .05em; }

.die-related-card { background: #fff; border: 1px solid var(--ast-border-color, #eee); border-radius: 0px; overflow: hidden; height: 100%; transition: box-shadow .2s; }
.die-related-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.08); }
.die-related-card-img-wrap { display: block; overflow: hidden; aspect-ratio: 16/9; }
.die-related-card-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.die-related-card-img-wrap:hover .die-related-card-img { transform: scale(1.04); }
.die-related-card-body { padding: 16px; }
.die-related-card-title { font-size: 15px; line-height: 1.35; margin: 6px 0 8px; }
.die-related-card-title a { color: var(--ast-global-color-2, #1a1a1a); text-decoration: none; transition: color .15s; }
.die-related-card-title a:hover { color: var(--ast-global-color-0, #0274be); }

.die-single-sidebar { padding-top: 4px; }
.die-sidebar-ad {
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    padding: 8px;
    position: sticky;
    top: 20px;
}

.die-single section.die-featured-grid-section { border: 0px; }

@media (max-width: 768px) {
    .die-single-title { font-size: 24px; line-height: 38px; }
    .die-single-lead  { font-size: 17px; line-height: 34px; }
    .die-single-content p { font-size: 17px; line-height: 34px; }
    .die-share-btn svg + * { display: none; }
    .die-share-btn { padding: 8px 12px; }
    .die-single-related .die-col-4 { width: 100%; }
    .die-single-sidebar { display: none; }
    .die-single { padding: 0 5px !important; }
    p.die-single-img-caption { margin-top: 12px; margin-bottom: 12px; }
    .home .die-ad-bar-inner, .die-ad-bar-inner, .die-cat-list-wrap .die-hero-ad--full, .die-single-content .g, .die-single-content .a-single { }
}
@media (min-width: 769px) {
    .die-single .die-col-9 { padding-right: 40px; }
    .mobile-ad { display: none !important; }
}

/* =============================================================
   DIE Important Section
   ============================================================= */

.die-important {
    padding: 32px 0;
    border: 0px;
}
.die-important-top { margin-bottom: 12px; }

.die-important-overlay {
    position: absolute; bottom: 0; left: 0; right: 0;
    padding: 60px 20px 20px;
    background: linear-gradient(to top, rgba(0,0,0,.8) 0%, transparent 100%);
}

.die-important-top-link { display: block; position: relative; overflow: hidden; border-radius: 0px; text-decoration: none; height: 100%; }
.die-important-top-img { width: 100%; aspect-ratio: 3/2; object-fit: cover; display: block; transition: transform .3s ease; vertical-align: bottom; }
.die-important-top-link:hover .die-important-top-img { transform: scale(1.02); }
.die-important-top-placeholder { width: 100%; aspect-ratio: 3/2; background: var(--ast-border-color, #e5e7eb); }
.die-important-top-title { font-size: clamp(20px, 2.2vw, 30px); color: #fff; margin: 6px 0 0; line-height: 1.25; text-shadow: 0 1px 3px rgba(0,0,0,.3); }

.die-important-side { display: flex; flex-direction: column; gap: 8px; }

.die-important-card-below { display: flex; flex-direction: column; }
.die-important-card-below-img-wrap {
    display: block;
    overflow: hidden;
    border-radius: 0px;
    aspect-ratio: 900/600;
    margin-bottom: 12px;
}
.die-important-card-below-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s ease;
}
.die-important-card-below-img-wrap:hover .die-important-card-below-img { transform: scale(1.04); }
.die-important-card-below-body { padding: 0; }
.die-important-card-below-title {
    font-size: clamp(14px, 1.2vw, 17px);
    line-height: 1.35;
    margin: 6px 0 0;
}
.die-important-card-below-title a {
    color: var(--ast-global-color-2, #1a1a1a);
    text-decoration: none;
    transition: color .15s;
}
.die-important-card-below-title a:hover { color: var(--ast-global-color-0, #0274be); }
.die-important-card { display: block; position: relative; overflow: hidden; border-radius: 0px; text-decoration: none; flex: 1; }
.die-important-card-img { width: 100%; aspect-ratio: 3/2; object-fit: cover; display: block; transition: transform .3s ease; vertical-align: bottom; }
.die-important-card:hover .die-important-card-img { transform: scale(1.04); }
.die-important-card-placeholder { width: 100%; aspect-ratio: 3/2; background: var(--ast-border-color, #e5e7eb); }
.die-important-card-title { font-size: clamp(13px, 1.1vw, 15px); color: #fff; margin: 4px 0 0; line-height: 1.3; text-shadow: 0 1px 2px rgba(0,0,0,.4); }

@media (max-width: 768px) {
    .die-important .die-col-8, .die-important .die-col-4 { width: 100%; }
}

/* =============================================================
   DIE Promo Section
   ============================================================= */

.die-promo {
    padding: 32px 0;
    border: 0px;
}
.die-promo-link { display: block; position: relative; overflow: hidden; border-radius: 0px; text-decoration: none; border: 4px solid #003399; }
.die-promo-img { width: 100%; aspect-ratio: 900/600; object-fit: cover; display: block; vertical-align: bottom; transition: transform .3s ease; }
.die-promo-link:hover .die-promo-img { transform: scale(1.02); }
.die-promo-img-placeholder { width: 100%; aspect-ratio: 900/600; background: #003399; }
.die-promo-overlay { position: absolute; bottom: 0; left: 0; right: 0; padding: 80px 28px 28px; background: linear-gradient(to top, rgba(0,0,51,.85) 0%, transparent 100%); }
.die-promo-title { font-size: clamp(22px, 2.5vw, 36px); color: #fff; margin: 0; line-height: 1.2; text-shadow: 0 2px 6px rgba(0,0,0,.4); }

.die-promo-newest { display: flex; flex-direction: column; border-left: 1px solid var(--ast-border-color, #eee); padding-left: 24px; }
.die-promo-newest .die-section-title { margin-bottom: 16px; }
.die-promo-newest-item { flex: 1; padding: 12px 0; border-bottom: 1px solid var(--ast-border-color, #eee); display: flex; flex-direction: column; justify-content: center; }
.die-promo-newest-item:first-of-type { padding-top: 0; }
.die-promo-newest-item:last-child { border-bottom: none; padding-bottom: 0; }
.die-promo-newest-title { font-size: 14px; line-height: 1.4; margin: 4px 0 0; }
.die-promo-newest-title a { color: var(--ast-global-color-2, #1a1a1a); text-decoration: none; transition: color .15s; }
.die-promo-newest-title a:hover { color: var(--ast-global-color-0, #0274be); }

@media (max-width: 768px) {
    .die-promo-newest { border-left: none; padding-left: 0; border-top: 1px solid var(--ast-border-color, #eee); padding-top: 24px; }
    .die-promo .die-col-8, .die-promo .die-col-4 { width: 100%; }
}

/* =============================================================
   DIE Taglist Section
   ============================================================= */

.die-taglist {
    padding: 32px 0;
    border: 0px;
}
.die-taglist .die-section-wrap { padding: 25px; border: 2px solid #003399; }
.die-taglist-item { display: flex; align-items: flex-start; gap: 14px; height: 100%; padding-right: 16px; border-right: 1px solid var(--ast-border-color, #eee); }
.die-taglist .die-col-3:last-child .die-taglist-item { border-right: none; padding-right: 0; }
.die-taglist-num { font-size: 32px; color: var(--ast-global-color-0, #0274be); line-height: 1; flex-shrink: 0; min-width: 30px; }
.die-taglist-content { flex: 1; min-width: 0; }
.die-taglist-title { font-size: clamp(14px, 1.2vw, 18px); line-height: 1.35; margin: 0 0 8px; }
.die-taglist-title a { color: var(--ast-global-color-2, #1a1a1a); text-decoration: none; transition: color .15s; }
.die-taglist-title a:hover { color: var(--ast-global-color-0, #0274be); }

@media (max-width: 768px) {
    .die-taglist .die-col-3 { width: 100%; }
    .die-taglist-item { border-right: none; padding-right: 0; }
}

/* =============================================================
   DIE Section Title
   ============================================================= */

.die-section-header { width: 100%; margin-bottom: 20px; }
.die-section-wrap { display: flex; flex-direction: column; width: 100%; }

.die-section-title {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--ast-global-color-2, #1a1a1a);
    margin: 0 0 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--ast-global-color-0, #0274be);
    display: block;
    width: 100%;
    box-sizing: border-box;
}
h2.die-section-title { margin-bottom: 20px; }

/* =============================================================
   DIE Category Section (strona główna)
   ============================================================= */

section.die-cat-section { border: 0px; padding-bottom: 0px; }
.die-cat-section { padding: 32px 0; border-bottom: 1px solid var(--ast-border-color, #eee); }
.die-cat-section-header { margin-bottom: 20px; }

.die-cat-section-more {
    font-family: Inter, 'Inter-Roboto', 'Inter-Tahoma', sans-serif;
    font-size: 13px;
    color: var(--ast-global-color-0, #0274be);
    text-decoration: none;
    flex-shrink: 0;
    transition: color .15s;
}
.die-cat-section-more:hover { text-decoration: underline; }

.die-cat-section-main { border-right: 1px solid var(--ast-border-color, #eee); padding-right: 24px; }
.die-cat-section-main-link { display: flex; flex-direction: column; height: 100%; }
.die-cat-section-img-wrap { display: block; overflow: hidden; border-radius: 0px; margin-bottom: 14px; text-decoration: none; }
.die-cat-section-img { width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; transition: transform .3s ease; }
.die-cat-section-img-wrap:hover .die-cat-section-img { transform: scale(1.03); }
.die-cat-section-main-body { flex: 1; }
.die-cat-section-main-title { font-size: clamp(18px, 1.8vw, 24px); line-height: 1.3; color: var(--ast-global-color-2, #1a1a1a); margin: 0 0 10px; }
.die-cat-section-main-title a { color: var(--ast-global-color-2, #1a1a1a); text-decoration: none; transition: color .15s; }
.die-cat-section-main-title a:hover { color: var(--ast-global-color-0, #0274be); }

.die-cat-section-grid { padding-left: 8px; }
.die-cat-section-item { padding: 14px 16px; border-bottom: 1px solid var(--ast-border-color, #eee); border-right: 1px solid var(--ast-border-color, #eee); height: 100%; box-sizing: border-box; }
.die-cat-section-grid .die-row > .die-col-6:nth-child(even) .die-cat-section-item { border-right: none; }
.die-cat-section-grid .die-row > .die-col-6:nth-last-child(-n+2) .die-cat-section-item { border-bottom: none; }
.die-cat-section-item-title { font-size: clamp(14px, 1.2vw, 18px); line-height: 1.35; margin: 0 0 8px; }
.die-cat-section-item-title a { color: var(--ast-global-color-2, #1a1a1a); text-decoration: none; transition: color .15s; }
.die-cat-section-item-title a:hover { color: var(--ast-global-color-0, #0274be); }
.die-cat-section-excerpt {
    font-size: 14px;
    line-height: 1.5;
    color: #8b8b8b;
    margin: 6px 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: Inter, 'Inter-Roboto', 'Inter-Tahoma', sans-serif;
}

@media (max-width: 1024px) {
    .die-cat-section-main { border-right: none; padding-right: 0; border-bottom: 1px solid var(--ast-border-color, #eee); padding-bottom: 24px; }
    .die-cat-section .die-col-5, .die-cat-section .die-col-7 { width: 100%; }
}
@media (max-width: 768px) {
    .die-cat-section-grid .die-col-6 { width: 100%; }
    .die-cat-section-item { border-right: none; padding: 0px; padding-bottom: 20px; }
    .die-cat-section-grid .die-col-6 { margin-bottom: 20px; }
    .die-cat-section-grid .die-row > .die-col-6:nth-last-child(-n+2) .die-cat-section-item { border-bottom: 1px solid var(--ast-border-color, #eee); }
    article.die-cat-section-item { padding: 0px; padding-bottom: 20px; }
    p.die-cat-section-excerpt { display: none !important; }
}

/* =============================================================
   DIE Featured Grid Section
   ============================================================= */

.die-featured-grid-section {
    padding: 32px 0;
    border-bottom: 1px solid var(--ast-border-color, #eee);
}
.die-featured-grid-section .ast-container { display: block !important; }
.die-featured-grid-section .die-hero-meta { display: block; font-family: Inter, 'Inter-Roboto', 'Inter-Tahoma', sans-serif; }

.die-featured-grid-wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    width: 100%;
    min-width: 0;
}

.die-featured-grid-article {
    padding: 20px 24px;
    border-bottom: 1px solid var(--ast-border-color, #eee);
    border-right: 1px solid var(--ast-border-color, #eee);
}
.die-featured-grid-article:nth-child(4n) { border-right: none; }

.die-featured-grid-article:nth-last-child(-n+4):nth-child(4n+1),
.die-featured-grid-article:nth-last-child(-n+4):nth-child(4n+2),
.die-featured-grid-article:nth-last-child(-n+4):nth-child(4n+3),
.die-featured-grid-article:nth-last-child(-n+4) { border-bottom: none; }

.die-featured-grid-article-title { font-size: clamp(15px, 1.3vw, 17px); line-height: 1.3; margin: 0 0 10px; }
.die-featured-grid-article-title a { color: var(--ast-global-color-2, #1a1a1a); text-decoration: none; transition: color .15s; }
.die-featured-grid-article-title a:hover { color: var(--ast-global-color-0, #0274be); }
.die-featured-grid-article-excerpt {
    font-size: 13px; line-height: 1.5;
    color: #8b8b8b;
    margin: 0 0 10px;
    font-family: Inter, 'Inter-Roboto', 'Inter-Tahoma', sans-serif;
}

@media (max-width: 768px) {
    .die-featured-grid-wrap { grid-template-columns: 1fr; }
    .die-featured-grid-article { padding: 16px 0; border-right: none; }
    .die-featured-grid-article:not(:nth-child(4n+1)) { padding-left: 0; }
    .die-featured-grid-article:nth-last-child(-n+4) { border-bottom: 1px solid var(--ast-border-color, #eee); }
    .die-featured-grid-article:last-child { border-bottom: none; }
}

/* =============================================================
   DIE Single Read Also (shortcode)
   ============================================================= */

.die-read-also { border: 2px solid var(--ast-border-color, #e5e7eb); border-left: 4px solid var(--ast-global-color-0, #0274be); border-radius: 4px; margin: 24px 0; background: #f9f9f9; }
.die-read-also-link { display: flex; gap: 16px; align-items: center; text-decoration: none; padding: 16px; transition: background .15s; }
.die-read-also-link:hover { background: #f0f6fc; }
.die-read-also-img-wrap { flex-shrink: 0; width: 120px; height: 80px; border-radius: 3px; overflow: hidden; }
.die-read-also-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.die-read-also-link:hover .die-read-also-img { transform: scale(1.05); }
.die-read-also-content { flex: 1; min-width: 0; }
.die-read-also-label { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; color: var(--ast-global-color-0, #0274be); margin-bottom: 4px; }
.die-read-also-title { font-size: clamp(14px, 1.2vw, 16px); line-height: 1.35; color: var(--ast-global-color-2, #1a1a1a); margin: 4px 0 0; transition: color .15s; }
.die-read-also-link:hover .die-read-also-title { color: var(--ast-global-color-0, #0274be); }

@media (max-width: 480px) {
    .die-read-also-img-wrap { width: 80px; height: 60px; }
}

/* =============================================================
   Misc / Global
   ============================================================= */

a { border-radius: 0px !important; }
img { border-radius: 0px !important; }
.die-featured-main-img-wrap { border-radius: 0px !important; }

label.ast-search--posttype-heading { display: none !important; }

.ast-site-title-wrap { display: none; }

#main .ast-container { padding: 0px; }
.ast-separate-container #primary { padding: 1em 0; margin: 0; border: 0; }
.ast-plain-container.ast-no-sidebar #primary { margin-top: 0px; }
.ast-separate-container #primary,
.ast-separate-container.ast-left-sidebar #primary,
.ast-separate-container.ast-right-sidebar #primary { margin: 1em 0; padding: 0; }

.ast-logo-title-inline .ast-site-identity { padding: 0.5em 0; }
.site-header-primary-section-left.site-header-section.ast-flex.site-header-section-left { justify-content: center; }
.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section p { margin: 10px; }

.footer-nav-wrap li, section#nav_menu-3 li { font-family: Inter, 'Inter-Roboto', 'Inter-Tahoma', sans-serif; }

.ast-above-header-wrap .widget p { margin: 0px; }
#ast-mobile-header section#block-11 p { margin: 0px; }
div#ast-mobile-header { padding-top: 5px; }

/* Fix paginacji */
.die-cat-pagination { width: 100%; margin-top: 8px; }

/* Sticky sidebar w kategorii */
@media (min-width: 993px) {
    .ast-sticky-below-shrink .ast-sticky-shrunk .site-logo-img img { max-height: 97px !important; }
    .die-ad-bar-inner .a-single,
    .die-ad-bar-inner .g,
    .die-sidebar-ad,
    .g-col { position: sticky; top: 215px; }
    .die-cat-list-wrap .die-hero-ad--full { top: 180px; }
}

@media (max-width: 768px) {
    .ast-below-sticky-header-active .ast-below-header-wrap .ast-below-header { background: white; }
    section#nav_menu-3 { text-align: center; }
    section#block-8 { text-align: center; }
    span.desktop-ad { display: none !important; }
}

/* CLS fix — rezerwuj miejsce dla reklam AdRotate */
.g-col img,
.desktop-ad img,
.die-ad-bar-inner img {
    width: 100%;
    height: auto;
    display: block;
}
.g-col span.desktop-ad,
span.desktop-ad {
    display: block;
}

/* Important — górny wpis: zdjęcie + tekst obok */
.die-important-top-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.die-important-top-title-text {
    font-size: clamp(20px, 2vw, 28px);
    line-height: 1.25;
    margin: 8px 0 14px;
}
.die-important-top-title-text a {
    color: var(--ast-global-color-2, #1a1a1a);
    text-decoration: none;
    transition: color .15s;
}
.die-important-top-title-text a:hover { color: var(--ast-global-color-0, #0274be); }
.die-important-top-lead {
    font-size: clamp(14px, 1.2vw, 16px);
    line-height: 1.6;
    color: var(--ast-global-color-3, #6b7280);
    margin: 0;
    font-family: Inter, 'Inter-Roboto', 'Inter-Tahoma', sans-serif;
}
.die-important-top-link {
    display: block;
    overflow: hidden;
    aspect-ratio: 900/600;
}
.die-important-top-link .die-important-top-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s ease;
}
.die-important-top-link:hover .die-important-top-img { transform: scale(1.03); }

/* Important — dolne karty na mobile: zdjęcie po lewej, tytuł po prawej */
@media (max-width: 768px) {
    .die-important-card-below {
        flex-direction: row;
        gap: 12px;
        align-items: center;
    }
    .die-important-card-below-img-wrap {
        flex-shrink: 0;
        width: 120px;
        aspect-ratio: 900/600;
        margin-bottom: 0;
    }
    .die-important-card-below-body {
        flex: 1;
        min-width: 0;
    }
    .die-important-card-below-title {
        font-size: 14px;
    }
}

/* =============================================================
   DIE Important — nowy layout
   ============================================================= */

/* Lewa — kafelki */
.die-important-tile {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
}
.die-important-tile-img-wrap {
    display: block;
    overflow: hidden;
    aspect-ratio: 900/600;
    margin-bottom: 10px;
}
.die-important-tile-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s ease;
}
.die-important-tile-img-wrap:hover .die-important-tile-img { transform: scale(1.04); }
.die-important-tile-placeholder {
    width: 100%;
    aspect-ratio: 900/600;
    background: var(--ast-border-color, #e5e7eb);
}
.die-important-tile-title {
    font-size: clamp(14px, 1.2vw, 16px);
    line-height: 1.35;
    margin: 0;
}
.die-important-tile-title a {
    color: var(--ast-global-color-2, #1a1a1a);
    text-decoration: none;
    transition: color .15s;
}
.die-important-tile-title a:hover { color: var(--ast-global-color-0, #0274be); }

/* Prawa — lista z obrazkiem po lewej */
.die-important-right {
    border-left: 1px solid var(--ast-border-color, #eee);
    padding-left: 24px;
}
.die-important-side-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px 0;
    border-bottom: 1px solid var(--ast-border-color, #eee);
}
.die-important-side-item:first-child { padding-top: 0; }
.die-important-side-item:last-child  { border-bottom: none; padding-bottom: 0; }
.die-important-side-img-wrap {
    flex-shrink: 0;
    width: 90px;
    height: 65px;
    display: block;
    overflow: hidden;
    border-radius: 2px;
}
.die-important-side-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s ease;
}
.die-important-side-img-wrap:hover .die-important-side-img { transform: scale(1.05); }
.die-important-side-title {
    font-size: clamp(13px, 1.1vw, 15px);
    line-height: 1.35;
    margin: 0;
    flex: 1;
    min-width: 0;
}
.die-important-side-title a {
    color: var(--ast-global-color-2, #1a1a1a);
    text-decoration: none;
    transition: color .15s;
}
.die-important-side-title a:hover { color: var(--ast-global-color-0, #0274be); }

@media (max-width: 768px) {
    .die-important-right { border-left: none; padding-left: 0; border-top: 1px solid var(--ast-border-color, #eee); padding-top: 24px; }
    .die-important-tile { margin-bottom: 16px; }
}

/* =============================================================
   DIE Featured — nowy layout (Top Stories)
   ============================================================= */

.die-featured-tile {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
}
.die-featured-tile-img-wrap {
    display: block;
    overflow: hidden;
    aspect-ratio: 900/600;
    margin-bottom: 10px;
    border-radius: 0px;
}
.die-featured-tile-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s ease;
}
.die-featured-tile-img-wrap:hover .die-featured-tile-img { transform: scale(1.04); }
.die-featured-tile-placeholder {
    width: 100%;
    aspect-ratio: 900/600;
    background: var(--ast-border-color, #e5e7eb);
}
.die-featured-tile-title {
    font-size: clamp(14px, 1.2vw, 16px);
    line-height: 1.35;
    margin: 0;
}
.die-featured-tile-title a {
    color: var(--ast-global-color-2, #1a1a1a);
    text-decoration: none;
    transition: color .15s;
}
.die-featured-tile-title a:hover { color: var(--ast-global-color-0, #0274be); }

.die-featured-right {
    padding-left: 24px;
}
.die-featured-side-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px 0;
    border-bottom: 1px solid var(--ast-border-color, #eee);
}
.die-featured-side-item:first-child { padding-top: 0; }
.die-featured-side-item:last-child  { border-bottom: none; padding-bottom: 0; }
.die-featured-side-img-wrap {
    flex-shrink: 0;
    width: 90px;
    height: 65px;
    display: block;
    overflow: hidden;
    border-radius: 0px;
}
.die-featured-side-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s ease;
}
.die-featured-side-img-wrap:hover .die-featured-side-img { transform: scale(1.05); }
.die-featured-side-title {
    font-size: clamp(13px, 1.1vw, 15px);
    line-height: 1.35;
    margin: 0;
    flex: 1;
    min-width: 0;
}
.die-featured-side-title a {
    color: var(--ast-global-color-2, #1a1a1a);
    text-decoration: none;
    transition: color .15s;
}
.die-featured-side-title a:hover { color: var(--ast-global-color-0, #0274be); }

@media (max-width: 768px) {
    .die-featured-right { border-left: none; padding-left: 0; border-top: 1px solid var(--ast-border-color, #eee); padding-top: 24px; }
    .die-featured-tile { margin-bottom: 16px; }
}

/* Featured tile — radius fix */
.die-featured-tile-img-wrap { border-radius: 0px !important; overflow: hidden; }
.die-featured-tile-img { border-radius: 0px !important; }
.die-featured-side-img-wrap { border-radius: 0px !important; overflow: hidden; }
.die-featured-side-img { border-radius: 0px !important; }

/* Featured — mobile */
@media (max-width: 768px) {

    /* Pierwszy news — pełne zdjęcie z tytułem na obrazku */
    .die-featured-left .die-col-4:first-child .die-featured-tile {
        position: relative;
    }
    .die-featured-left .die-col-4:first-child .die-featured-tile-img-wrap {
        aspect-ratio: 900/600;
        margin-bottom: 0;
    }
    .die-featured-left .die-col-4:first-child .die-featured-tile-title {
        position: absolute;
        bottom: 0; left: 0; right: 0;
        padding: 40px 16px 16px;
        background: linear-gradient(to top, rgba(0,0,0,.8) 0%, transparent 100%);
        border-radius: 0 0 0px 0px;
        margin: 0;
    }
    .die-featured-left .die-col-4:first-child .die-featured-tile-title a {
        color: #fff;
        font-size: 16px;
    }

    /* Pozostałe newsy z lewej kolumny — poziomo */
    .die-featured-left .die-col-4:not(:first-child) .die-featured-tile {
        flex-direction: row;
        gap: 12px;
        align-items: center;
        margin-bottom: 0;
    }
    .die-featured-left .die-col-4:not(:first-child) .die-featured-tile-img-wrap {
        flex-shrink: 0;
        width: 100px;
        height: 70px;
        aspect-ratio: unset;
        margin-bottom: 0;
    }
    .die-featured-left .die-col-4:not(:first-child) .die-featured-tile-title {
        font-size: 14px;
        flex: 1;
        min-width: 0;
    }

    /* Prawa kolumna — już jest pozioma, tylko padding */
    .die-featured-right {
        padding-left: 0;
        border-top: 1px solid var(--ast-border-color, #eee);
        padding-top: 16px;
    }
}

/* Featured mobile — ujednolicenie rozmiaru zdjęć poziomych */
@media (max-width: 768px) {
    .die-featured-left .die-col-4:not(:first-child) .die-featured-tile-img-wrap {
        width: 120px;
        height: 80px;
    }
    .die-featured-side-img-wrap {
        width: 120px;
        height: 80px;
    }
}

/* Featured mobile — usuń bordery między newsami */
@media (max-width: 768px) {
    .die-featured-side-item {
        border-bottom: none;
    }
    .die-featured-left .die-col-4:not(:first-child) .die-featured-tile {
        border-bottom: none;
    }
}

/* Reklamy — bez zaoblenia */
.die-ad-bar img,
.die-ad-bar-inner img,
.die-sidebar-ad img,
.die-hero-ad img,
.g-col img,
.desktop-ad img,
.g img,
.a-single img {
    border-radius: 0px !important;
}

/* Single — sidebar Top Stories */
.die-single-sidebar-top {
    padding-left: 24px;
    border-left: 1px solid var(--ast-border-color, #eee);
    position: sticky;
    top: 20px;
    align-self: flex-start;
}

@media (max-width: 768px) {
    .die-single-sidebar-top { display: none; }
}

/* Important — kategoria nad zdjęciem tylko na mobile */
.die-important-top-cat-mobile {
    display: none;
    width: 100%;
}
@media (max-width: 768px) {
    .die-important-top-cat-mobile { display: block; margin-bottom: 8px; }
    .die-important-top-cat-desktop { display: none; }
}

/* Important — tytuł na zdjęciu tylko mobile */
.die-important-top-overlay-mobile {
    display: none;
}
@media (max-width: 768px) {
    .die-important-top-link { position: relative; }
    .die-important-top-overlay-mobile {
        display: block;
        position: absolute;
        bottom: 0; left: 0; right: 0;
        padding: 40px 16px 16px;
        background: linear-gradient(to top, rgba(0,0,0,.8) 0%, transparent 100%);
        border-radius: 0 0 0px 0px;
    }
    .die-important-top-title-mobile {
        color: #fff;
        font-size: 18px;
        line-height: 1.3;
        margin: 0;
        text-shadow: 0 1px 3px rgba(0,0,0,.4);
    }
    /* Ukryj tytuł w prawej kolumnie na mobile */
    .die-important-top-text .die-important-top-title-text {
        display: none;
    }
}