/* =========================================================
   KuponyJanusza — szablon Friday (inspirowany motywem coupon)
   Bazuje na Modern 2026 (body ma tpl-modern + tpl-friday).
   ========================================================= */

body.tpl-friday {
    --friday-green: #2ecc71;
    --friday-green-dark: #27ae60;
    --friday-slate: #34495e;
    --friday-slate-dark: #2c3e50;
    --friday-red: #e74c3c;
    --kolor-akcentu: #2ecc71;
    --kolor-akcentu-hover: #27ae60;
    --kolor-goracy: #e74c3c;
    --kolor-cieply1: #f39c12;
    --kolor-cieply2: #f1c40f;
    --kolor-zimny: #3498db;
    --kolor-zielony-sukces: #2ecc71;
    --kolor-zielony-sukces-hover: #27ae60;
    --kolor-czerwony-ostrzezenie: #e74c3c;
    --kolor-pomaranczowy-przycisk: #2ecc71;
    --kolor-pomaranczowy-przycisk-hover: #27ae60;
    --kolor-tla-strony: #f2f4f7;
    --kolor-tla-karty: #ffffff;
    --kolor-tla-neutralny: #f5f7fa;
    --kolor-tla-obrazka: #ffffff;
    --kolor-obramowania: #e2e8f0;
    --kolor-obramowania-ciemny: #cbd5e1;
    --kolor-tekstu-glowny: #2f3b4a;
    --kolor-tekstu-drugorzedny: #667085;
    --kolor-tekstu-wygaszony: #98a2b3;
    --kolor-bialy: #fff;
    font-family: 'Montserrat', 'Manrope', system-ui, -apple-system, sans-serif;
    background: var(--kolor-tla-strony);
}
body.tpl-friday h1, body.tpl-friday h2, body.tpl-friday h3, body.tpl-friday .logo-text {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: -.02em;
}
body.tpl-friday #dark-mode-toggle,
body.tpl-friday #dark-mode-toggle-mobile { display: none !important; }

/* ---------- HEADER: biały + ciemny pasek menu ---------- */
body.tpl-friday .nav {
    background: #fff;
    border-bottom: 1px solid #e6ebf1;
    box-shadow: 0 2px 12px rgba(47, 59, 74, .05);
    backdrop-filter: none;
}
body.tpl-friday .nav-logo .logo-text { color: var(--friday-slate); }
body.tpl-friday .nav-logo .logo-icon { border-radius: 4px; background: #fff; box-shadow: none; padding: 2px; }
body.tpl-friday .search-form {
    background: #fff;
    border: 1px solid #dfe5ec;
    border-radius: 3px;
    box-shadow: none;
}
body.tpl-friday .search-form:focus-within {
    background: #fff;
    border-color: var(--friday-green);
    box-shadow: 0 0 0 3px rgba(46, 204, 113, .12);
}
body.tpl-friday .search-form .search-icon { color: #98a2b3; }
body.tpl-friday .input--search,
body.tpl-friday .search-form input[type="search"],
body.tpl-friday .search-form input[type="text"] {
    color: var(--friday-slate) !important;
    background: transparent !important;
}
body.tpl-friday .input--search::placeholder { color: #98a2b3; }
body.tpl-friday .nav-right > .nav-button:not(.nav-button--deals) {
    border: 1px solid #dfe5ec;
    background: #fff;
    color: var(--friday-slate);
    border-radius: 3px;
}
body.tpl-friday .nav-right > .nav-button:not(.nav-button--deals):hover {
    background: #f5f7fa;
    border-color: #cbd5e1;
    color: var(--friday-green-dark);
}
body.tpl-friday .nav-button { color: var(--friday-slate); border-radius: 3px; }
body.tpl-friday .nav-button--deals {
    background: var(--friday-green);
    border-color: var(--friday-green);
    color: #fff;
}
body.tpl-friday .nav-button--deals:hover { background: var(--friday-green-dark); border-color: var(--friday-green-dark); }
body.tpl-friday .nav-post-button .button-post {
    background: var(--friday-green);
    border-radius: 3px;
    box-shadow: 0 10px 22px -12px rgba(46,204,113,.8);
}
body.tpl-friday .button-login {
    border: 1px solid #dfe5ec;
    background: #fff;
    color: var(--friday-slate);
    border-radius: 3px;
}
body.tpl-friday .button-login:hover { background: #f5f7fa; border-color: #cbd5e1; color: var(--friday-green-dark); }
body.tpl-friday #dark-mode-toggle { display: none !important; }

/* Pasek pod nagłówkiem — ciemny jak w Friday */
body.tpl-friday .subNav-sticky {
    background: var(--friday-slate);
    border-bottom: 0;
    box-shadow: 0 2px 10px rgba(47,59,74,.12);
    backdrop-filter: none;
}
body.tpl-friday .subNavMenu-link,
body.tpl-friday .kategorie-dropdown-trigger,
body.tpl-friday .filters-dropdown-trigger {
    color: #e6edf5;
    border-radius: 0;
    margin: 0;
    padding: 16px 18px;
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
}
body.tpl-friday .subNavMenu-link:hover,
body.tpl-friday .kategorie-dropdown-trigger:hover,
body.tpl-friday .filters-dropdown-trigger:hover { background: #3d566e; color: #fff; }
body.tpl-friday .subNavMenu-link--selected,
body.tpl-friday .kategorie-dropdown-trigger.subNavMenu-link--selected,
body.tpl-friday .filters-dropdown-trigger.subNavMenu-link--selected {
    background: var(--friday-green);
    color: #fff;
}
body.tpl-friday .subnav-app-link { color: #e6edf5; }
body.tpl-friday .kategorie-dropdown-content,
body.tpl-friday .filters-dropdown-content { border-radius: 0 0 3px 3px; }

/* Nagłówek podstron */
body.tpl-friday .subNav-title-container {
    background: #eef2f6;
    color: var(--friday-slate);
    border-radius: 0;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
    padding: 32px 24px;
}
body.tpl-friday .subNav-title-container::before { display: none; }
body.tpl-friday .subNav-title-container h1 { color: var(--friday-slate); font-size: 1.6rem; font-weight: 700; }
body.tpl-friday .subNav-title-container h2 { color: #7a8797; font-size: .95rem; margin: 0; }
body.tpl-friday .home-banners { padding-top: 0 !important; }

/* ---------- SIATKA / KARTY ---------- */
body.tpl-friday .threadList,
body.tpl-friday .deals-grid { --tm-cols: 3; --tm-gap: 22px; }
body.tpl-friday .page-content-container { padding-top: 24px; }
body.tpl-friday .sorting-options {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 3px;
    padding: 12px 16px;
    box-shadow: 0 1px 4px rgba(47,59,74,.04);
}
body.tpl-friday .sort-link { border-radius: 0; color: #667085; font-weight: 600; }
body.tpl-friday .sort-link:hover { background: #f5f7fa; color: var(--friday-slate); }
body.tpl-friday .sort-link.active,
body.tpl-friday .sort-link[aria-current="true"] { background: var(--friday-slate); color: #fff; }

body.tpl-friday .karta-oferty {
    border-radius: 3px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 4px rgba(47,59,74,.06);
    background: #fff;
}
body.tpl-friday .karta-oferty:hover {
    transform: translateY(-3px);
    border-color: #cfd8e3;
    box-shadow: 0 12px 26px -18px rgba(47,59,74,.35);
}
body.tpl-friday .karta-oferty__obrazek-wrap {
    aspect-ratio: 16 / 9;
    background: #fff;
    border-bottom: 1px solid #eef2f6;
}
body.tpl-friday .karta-oferty__obrazek-wrap.tm-img-blur::before { display: none; }
body.tpl-friday .karta-oferty__obrazek,
body.tpl-friday .karta-oferty__obrazek-wrap img {
    object-fit: contain;
    padding: 12px;
}
body.tpl-friday .karta-oferty__badge-rabat {
    top: 12px; left: 12px;
    min-width: 54px; height: 54px;
    padding: 0 8px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--friday-red);
    color: #fff;
    font-size: .8rem;
    font-weight: 800;
    box-shadow: 0 4px 10px rgba(231,76,60,.35);
}
body.tpl-friday .karta-oferty__badge-hot {
    top: 12px; right: 12px;
    width: 30px; height: 30px;
    border-radius: 50%;
    background: rgba(47,59,74,.85);
    color: #fff;
}
body.tpl-friday .karta-oferty__glosowanie-pod-obrazkiem {
    left: 10px; bottom: 10px;
    background: rgba(47,59,74,.88);
    border-radius: 3px;
}
body.tpl-friday .karta-oferty__tresc { padding: 16px 18px 18px; }
body.tpl-friday .karta-oferty__tytul a { font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: .96rem; color: var(--friday-slate); }
body.tpl-friday .karta-oferty__tytul a:hover { color: var(--friday-green-dark); }
body.tpl-friday .karta-oferty__cena { color: var(--friday-red); font-weight: 700; }
body.tpl-friday .karta-oferty__cena--stara { color: #98a2b3; }
body.tpl-friday .karta-oferty__dostawa-info { color: #667085; }
body.tpl-friday .tm-card-shop-row .karta-oferty__sklep { color: #667085; }
body.tpl-friday .karta-oferty__opis { color: #7a8797; }
body.tpl-friday .karta-oferty__stopka-i-akcje { border-top-color: #eef2f6; }
body.tpl-friday .karta-oferty__opis,
body.tpl-friday .karta-oferty__tagi { color: #7a8797; }
body.tpl-friday .button-zobacz-okazje {
    background: var(--friday-green);
    border-radius: 3px;
    box-shadow: none;
    font-weight: 700;
}
body.tpl-friday .button-zobacz-okazje:hover { background: var(--friday-green-dark); }
body.tpl-friday .tm-split-cta { border-radius: 3px; }
body.tpl-friday .tm-split-code {
    background: #f5f7fa;
    border-right-color: #dfe5ec;
    color: var(--friday-slate);
}
body.tpl-friday .tm-split-code i { color: var(--friday-green-dark); }
body.tpl-friday .tm-split-go { background: var(--friday-green); }
body.tpl-friday .tm-split-cta:hover .tm-split-code { background: #fff; }
body.tpl-friday .tm-split-cta:hover .tm-split-go { background: var(--friday-green-dark); }
body.tpl-friday .tm-split-cta.is-copied::after { background: var(--friday-green-dark); }
body.tpl-friday .tm-free-badge {
    background: rgba(46,204,113,.12);
    color: var(--friday-green-dark) !important;
}
body.tpl-friday .tm-free-badge i { color: var(--friday-green-dark) !important; }

/* Sekcje / nagłówki */
body.tpl-friday .deals-section-head h2,
body.tpl-friday .deals-lead h2 { color: var(--friday-slate); }
body.tpl-friday .deals-section-head a { color: var(--friday-green-dark); }
body.tpl-friday .deals-stat {
    background: var(--friday-slate);
    border-radius: 3px;
}
body.tpl-friday .deals-stat::after { background: radial-gradient(circle, rgba(46,204,113,.4), transparent 70%); }
body.tpl-friday .deals-stat .num { color: #fff; }
body.tpl-friday .deals-stat .lbl { color: #c9d6e3; }

/* Pasek Gorące 24h — biały panel */
body.tpl-friday .tm-hot-strip {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(47,59,74,.05);
    padding: 16px 18px 14px;
}
body.tpl-friday .tm-hot-strip::before { display: none; }
body.tpl-friday .tm-hot-icon { background: var(--friday-green); box-shadow: none; border-radius: 3px; }
body.tpl-friday .tm-hot-heading h2 { color: var(--friday-slate); }
body.tpl-friday .tm-hot-heading p { color: #98a2b3; }
body.tpl-friday .tm-hot-more { color: var(--friday-green-dark); }
body.tpl-friday .tm-hot-more:hover { color: var(--friday-slate); }
body.tpl-friday .tm-hot-card {
    background: #f8fafc;
    border: 1px solid #e6ebf1;
    border-radius: 3px;
}
body.tpl-friday .tm-hot-card:hover { background: #f1f6f2; border-color: rgba(46,204,113,.45); }
body.tpl-friday .tm-hot-title { color: var(--friday-slate); }
body.tpl-friday .tm-hot-price { color: var(--friday-red); }
body.tpl-friday .tm-hot-price em { color: #98a2b3; }
body.tpl-friday .tm-hot-nav { background: var(--friday-slate); border-color: var(--friday-slate); border-radius: 3px; }
body.tpl-friday .tm-hot-nav:hover { background: var(--friday-green); border-color: var(--friday-green); }

/* Paginacja / doczytywanie */
body.tpl-friday .paginacja__przycisk {
    border-radius: 3px;
    border-color: #e2e8f0;
    color: var(--friday-slate);
}
body.tpl-friday .paginacja__przycisk:hover { border-color: var(--friday-green); color: var(--friday-green-dark); }
body.tpl-friday .paginacja__przycisk--biezacy { background: var(--friday-green); border-color: var(--friday-green); color: #fff; }
body.tpl-friday .button-load-more { border-radius: 3px; }
body.tpl-friday .button-load-more:hover { border-color: var(--friday-green); color: var(--friday-green-dark); }
body.tpl-friday .tm-autoload-stop a { color: var(--friday-green-dark); }

/* Filtry */
body.tpl-friday .tm-filter-fab { background: var(--friday-slate); border-radius: 3px 0 0 3px; }
body.tpl-friday .tm-filter-fab i { color: var(--friday-green); }
body.tpl-friday .tm-filter-count { background: var(--friday-green); }
body.tpl-friday .tm-filter-panel { border-left-color: #e2e8f0; }
body.tpl-friday .tm-filter-eyebrow { color: var(--friday-green-dark); }
body.tpl-friday .tm-filter-apply { background: var(--friday-green); box-shadow: none; }
body.tpl-friday .tm-filter-apply:hover { background: var(--friday-green-dark); }
body.tpl-friday .tm-filter-reset { border-radius: 3px; }
body.tpl-friday .tm-filter-form select:focus,
body.tpl-friday .tm-filter-form input[type="number"]:focus { border-color: var(--friday-green); box-shadow: 0 0 0 3px rgba(46,204,113,.14); }
body.tpl-friday .tm-price-chip:hover,
body.tpl-friday .tm-price-chip.is-active { background: var(--friday-green); border-color: var(--friday-green); }
body.tpl-friday .tm-toggle input:checked + .tm-toggle-ui { background: var(--friday-green); }

/* Karta okazji (podstrona) */
body.tpl-friday .offer-details-container { border-radius: 3px; }
body.tpl-friday .offer-details-container:not(.oferta--wygasla) .offer-actions .button-do-okazje {
    background: var(--friday-green) !important;
    border-radius: 3px;
    box-shadow: none;
}
body.tpl-friday .offer-details-container:not(.oferta--wygasla) .offer-actions .button-do-okazje:hover { background: var(--friday-green-dark) !important; }

/* Stopka */
body.tpl-friday .site-footer {
    background: var(--friday-slate);
    border-radius: 0;
    color: #dbe5ee;
}
body.tpl-friday .site-footer a { color: #fff; }
body.tpl-friday .site-footer a:hover { color: var(--friday-green); }

/* Tło i kontenery */
body.tpl-friday .page-content-container { background: transparent; }
body.tpl-friday .widget-sidebar { display: none; }
body.tpl-friday .glowny-uklad__sidebar { display: none !important; }

/* Ciemny motyw wymuszamy na jasny dla tego szablonu */
html.dark-mode body.tpl-friday,
body.tpl-friday.dark-mode {
    --kolor-tla-strony: #f2f4f7;
    --kolor-tla-karty: #ffffff;
    --kolor-tla-neutralny: #f5f7fa;
    --kolor-tla-obrazka: #ffffff;
    --kolor-obramowania: #e2e8f0;
    --kolor-obramowania-ciemny: #cbd5e1;
    --kolor-tekstu-glowny: #2f3b4a;
    --kolor-tekstu-drugorzedny: #667085;
    --kolor-tekstu-wygaszony: #98a2b3;
    background: #f2f4f7;
}

/* Responsywność siatki Friday (nadpisuje bazowe 3 kolumny) */
@media (max-width: 1180px) {
    body.tpl-friday .threadList,
    body.tpl-friday .deals-grid { --tm-cols: 3; }
}
@media (max-width: 1024px) {
    body.tpl-friday .threadList,
    body.tpl-friday .deals-grid { --tm-cols: 2; }
}
@media (max-width: 760px) {
    body.tpl-friday .threadList,
    body.tpl-friday .deals-grid { --tm-cols: 1; --tm-gap: 16px; }
}

/* ---------- FRIDAY: kategorie + hero pod menu ---------- */
body.tpl-friday.tm-home .subNav-title-container,
body.tpl-friday.tm-home .home-banners { display: none !important; }

body.tpl-friday .friday-hero-row {
    max-width: 1248px;
    margin: 22px auto 0;
    padding: 0 16px;
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 22px;
    align-items: stretch;
}
body.tpl-friday .friday-categories {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(47, 59, 74, .05);
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
}
body.tpl-friday .friday-categories h2 {
    margin: 0 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eef2f6;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #98a2b3;
}
body.tpl-friday .friday-categories ul { list-style: none; margin: 0; padding: 0; flex: 1; }
body.tpl-friday .friday-categories li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 5px;
    border-bottom: 1px dashed #eef2f6;
    color: var(--friday-slate);
    font-size: .84rem;
    font-weight: 600;
    text-decoration: none;
}
body.tpl-friday .friday-categories li:last-child a { border-bottom: 0; }
body.tpl-friday .friday-categories li a:hover { color: var(--friday-green-dark); }
body.tpl-friday .friday-categories li a i { color: var(--friday-green); width: 18px; text-align: center; }
body.tpl-friday .friday-categories li a span { flex: 1; }
body.tpl-friday .friday-categories li a b { color: #98a2b3; font-size: .76rem; font-weight: 700; }
body.tpl-friday .friday-all-cats {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 10px;
    padding: 10px 8px 0;
    border-top: 1px solid #eef2f6;
    color: var(--friday-green-dark);
    font-size: .78rem;
    font-weight: 800;
    text-decoration: none;
}
body.tpl-friday .friday-hero {
    position: relative;
    min-height: 380px;
    border-radius: 3px;
    overflow: hidden;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    box-shadow: 0 2px 10px rgba(47, 59, 74, .1);
    isolation: isolate;
}
body.tpl-friday .friday-hero-link { position: absolute; inset: 0; display: block; }
body.tpl-friday .friday-hero-link img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
body.tpl-friday .friday-hero:hover .friday-hero-link img { transform: scale(1.03); }
body.tpl-friday .friday-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(44, 62, 80, .02) 35%, rgba(44, 62, 80, .86));
    pointer-events: none;
}
body.tpl-friday .friday-hero-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 3;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--friday-red);
    color: #fff;
    font-size: .92rem;
    font-weight: 800;
    box-shadow: 0 6px 16px rgba(231, 76, 60, .4);
}
body.tpl-friday .friday-hero-badge--deal {
    background: var(--friday-green);
    font-size: .64rem;
    letter-spacing: .04em;
    box-shadow: 0 6px 16px rgba(46, 204, 113, .4);
}
body.tpl-friday .friday-hero-body {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 26px 28px;
    color: #fff;
}
body.tpl-friday .friday-hero-kicker {
    display: inline-block;
    margin-bottom: 6px;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #7ff0b0;
}
body.tpl-friday .friday-hero-body h2 {
    margin: 0 0 8px;
    max-width: 760px;
    font-size: clamp(1.15rem, 2.2vw, 1.7rem);
    line-height: 1.2;
    color: #fff;
}
body.tpl-friday .friday-hero-body h2 a { color: #fff; }
body.tpl-friday .friday-hero-body h2 a:hover { color: #b8ffd4; }
body.tpl-friday .friday-hero-body p {
    margin: 0 0 16px;
    max-width: 620px;
    color: #dbe5ee;
    font-size: .85rem;
    line-height: 1.55;
}
body.tpl-friday .friday-hero-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
}
body.tpl-friday .friday-hero-price {
    color: #fff;
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: -.03em;
}
body.tpl-friday .friday-hero-price small {
    margin-left: 8px;
    color: #bdc9d6;
    font-size: .9rem;
    font-weight: 400;
    text-decoration: line-through;
    letter-spacing: 0;
}
body.tpl-friday .friday-hero-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 20px;
    border-radius: 3px;
    background: var(--friday-green);
    color: #fff;
    font-size: .84rem;
    font-weight: 800;
    text-decoration: none;
    transition: background-color .2s ease;
}
body.tpl-friday .friday-hero-btn:hover { background: var(--friday-green-dark); color: #fff; }

@media (max-width: 900px) {
    body.tpl-friday .friday-hero-row { grid-template-columns: 1fr; margin-top: 16px; gap: 14px; }
    body.tpl-friday .friday-categories { order: 1; }
    body.tpl-friday .friday-hero { order: 2; min-height: 300px; }
    body.tpl-friday .friday-categories ul { display: flex; gap: 7px; overflow-x: auto; padding-bottom: 4px; }
    body.tpl-friday .friday-categories li a {
        border: 1px solid #e2e8f0;
        border-radius: 3px;
        padding: 7px 10px;
        white-space: nowrap;
        font-size: .78rem;
    }
    body.tpl-friday .friday-categories li a b { margin-left: 2px; }
    body.tpl-friday .friday-categories h2 { margin-bottom: 8px; padding-bottom: 8px; }
    body.tpl-friday .friday-all-cats { display: none; }
    body.tpl-friday .friday-hero-body { padding: 20px; }
    body.tpl-friday .friday-hero-body p { display: none; }
}

/* Zapobiega rozpychaniu kolumn przez poziomy pasek kategorii */
body.tpl-friday .friday-hero-row > * { min-width: 0; }
body.tpl-friday .friday-categories,
body.tpl-friday .friday-categories ul { min-width: 0; max-width: 100%; }
body.tpl-friday .friday-hero { width: 100%; min-width: 0; }
body.tpl-friday .friday-hero-body h2 { overflow-wrap: anywhere; word-break: break-word; }

/* Sortowanie i szybkie filtry są w panelu po prawej; górne paski zbędne */
body.tpl-friday .sorting-options { display: none !important; }
body.tpl-friday .subNav-sticky { display: none !important; }

/* Friday: prostsze, kanciaste chipy w panelu filtrów */
body.tpl-friday .tm-sort-chip,
body.tpl-friday .tm-quick-chip { border-radius: 3px; }
body.tpl-friday .app-badge { border-radius: 3px; }
body.tpl-friday .nav-app-badge { margin-right: 2px; }

/* Slider hero — Gorące 24h */
body.tpl-friday .friday-hero-slides { position: absolute; inset: 0; }
body.tpl-friday .friday-hero-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease, visibility .5s ease;
}
body.tpl-friday .friday-hero-slide.is-active { opacity: 1; visibility: visible; }
body.tpl-friday .friday-hero-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.45);
    background: rgba(44,62,80,.55);
    color: #fff;
    display: grid;
    place-items: center;
    cursor: pointer;
    backdrop-filter: blur(6px);
    transition: background-color .2s ease, border-color .2s ease;
}
body.tpl-friday .friday-hero-arrow:hover { background: var(--friday-green); border-color: var(--friday-green); }
body.tpl-friday .friday-hero-prev { left: 12px; }
body.tpl-friday .friday-hero-next { right: 12px; }
body.tpl-friday .friday-hero-dots {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 5px;
}
body.tpl-friday .friday-hero-dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.5);
    cursor: pointer;
    transition: width .2s ease, background-color .2s ease;
}
body.tpl-friday .friday-hero-dot.is-active { width: 20px; background: var(--friday-green); }
@media (max-width: 760px) {
    body.tpl-friday .friday-hero-arrow { width: 32px; height: 32px; }
    body.tpl-friday .friday-hero-prev { left: 8px; }
    body.tpl-friday .friday-hero-next { right: 8px; }
}

/* Odstępy: menu → hero i hero → lista identyczne */
body.tpl-friday .page-content-container { padding-top: 0; }
body.tpl-friday .friday-hero-row { margin-top: 18px; margin-bottom: 18px; }

/* Jeszcze mniejszy odstęp góra/dół (header → hero, hero → lista) */
body.tpl-friday .site-content { padding-top: 0; }
body.tpl-friday .friday-hero-row { margin-top: 12px; margin-bottom: 12px; }

/* ---------- FRIDAY: strona pojedynczej okazji (deal single) ---------- */
body.tpl-friday.tm-offer-page .subNav-title-container { display: none !important; }
body.tpl-friday.tm-offer-page .site-content { padding-top: 14px; }
body.tpl-friday.tm-offer-page .page-content-container { padding-top: 0; }

body.tpl-friday .friday-offer-ready {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 20px;
    align-items: start;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
    padding: 0;
    margin: 0 0 20px;
}
body.tpl-friday .friday-offer-ready .offer-main-layout { display: contents; }

body.tpl-friday .friday-offer-ready .offer-image-column {
    grid-column: 1;
    grid-row: 1;
    flex: none;
    max-width: none;
    min-width: 0;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 3px;
    padding: 18px;
    box-shadow: 0 1px 4px rgba(47,59,74,.05);
}
body.tpl-friday .friday-offer-ready .offer-info-column {
    grid-column: 2;
    grid-row: 1 / span 4;
    align-self: start;
    position: sticky;
    top: 88px;
    min-width: 0;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 3px;
    padding: 22px;
    box-shadow: 0 1px 4px rgba(47,59,74,.05);
}
body.tpl-friday .friday-offer-ready .offer-description-section,
body.tpl-friday .friday-offer-ready .offer-comments-section {
    grid-column: 1;
    margin: 0;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 3px;
    padding: 24px;
    box-shadow: 0 1px 4px rgba(47,59,74,.05);
}
body.tpl-friday .friday-offer-ready > .affiliate-disclaimer {
    grid-column: 1 / -1;
    margin: 0;
    padding: 4px 0 0;
    border: 0;
    background: transparent;
}

/* Zdjęcie główne */
body.tpl-friday .friday-offer-ready .main-image-container {
    height: 560px;
    max-height: 560px;
    border: 1px solid #eef2f6;
    border-radius: 3px;
    background: #fff;
}
body.tpl-friday .friday-offer-ready #main-offer-image { max-width: 100%; max-height: 100%; object-fit: contain; }
body.tpl-friday .friday-offer-ready .offer-thumbnails-container { gap: 8px; margin-top: 12px; }
body.tpl-friday .friday-offer-ready .offer-thumbnail-img {
    width: 80px !important;
    height: 60px !important;
    border-radius: 3px;
    background: #fff;
}
body.tpl-friday .friday-offer-ready .offer-thumbnail-img.active { border-color: var(--friday-green); }
body.tpl-friday .friday-offer-ready .offer-voting-widget {
    border-radius: 3px;
    background: #f8fafc;
    margin-top: 12px;
}

/* Buy box */
body.tpl-friday .friday-offer-ready .offer-info__title {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--friday-slate);
    line-height: 1.25;
    margin-bottom: 12px;
}
body.tpl-friday .friday-offer-ready .offer-info__shop-delivery {
    font-size: .84rem;
    color: #667085;
    margin-bottom: 14px;
}
body.tpl-friday .friday-offer-ready .offer-info__shop-delivery a { color: var(--friday-slate); }
body.tpl-friday .friday-offer-ready .offer-price-panel {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 3px;
    padding: 16px;
    margin-bottom: 18px;
}
body.tpl-friday .friday-offer-ready .offer-price-prominent { color: var(--friday-green); font-weight: 800; }
body.tpl-friday .friday-offer-ready .offer-price-original { color: var(--friday-red); text-decoration: line-through; }
body.tpl-friday .friday-offer-ready .offer-discount-badge { background: var(--friday-red); border-radius: 3px; }
body.tpl-friday .friday-offer-ready .offer-actions { margin-bottom: 18px; }
body.tpl-friday .friday-offer-ready .offer-actions .button-do-okazje {
    background: var(--friday-green) !important;
    border-radius: 3px;
    font-size: .92rem;
    padding: 12px 18px;
    width: 100%;
    justify-content: center;
}
body.tpl-friday .friday-offer-ready .offer-actions .button-do-okazje:hover { background: var(--friday-green-dark) !important; }
body.tpl-friday .friday-offer-ready .offer-actions .button-coupon {
    border-radius: 3px;
    border: 1px dashed #cbd5e1;
    background: #f8fafc;
    color: var(--friday-slate);
}
body.tpl-friday .friday-offer-ready .offer-top-actions { flex-wrap: wrap; gap: 8px; }
body.tpl-friday .friday-offer-ready .offer-meta-button {
    border: 1px solid #e2e8f0;
    border-radius: 3px;
    padding: 6px 9px;
    background: #fff;
    font-size: .76rem;
    gap: 5px;
}
body.tpl-friday .friday-offer-ready .offer-meta-button:hover { border-color: var(--friday-green); color: var(--friday-green-dark); }
body.tpl-friday .friday-offer-ready .offer-author-report {
    border-top: 1px solid #eef2f6;
    padding-top: 14px;
    margin-top: 14px;
    font-size: .8rem;
}
body.tpl-friday .friday-offer-ready .offer-breadcrumbs-actions { margin-bottom: 12px; }
body.tpl-friday .friday-offer-ready .offer-info__breadcrumbs { font-size: .76rem; }
body.tpl-friday .friday-offer-ready .offer-rating { font-size: .82rem; }

/* Opis / powiązane / komentarze */
body.tpl-friday .friday-offer-ready .offer-description-section h2,
body.tpl-friday .friday-offer-ready .offer-comments-section h2 {
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eef2f6;
    font-size: 1.15rem;
    color: var(--friday-slate);
}
body.tpl-friday .friday-offer-ready .offer-description-content {
    color: #4b5563;
    font-size: .9rem;
    line-height: 1.7;
}
body.tpl-friday .friday-offer-ready .related-offers-grid { gap: 12px; }
body.tpl-friday .friday-offer-ready .related-offer-card {
    border-radius: 3px;
    border: 1px solid #e2e8f0;
    background: #fff;
}
body.tpl-friday .friday-offer-ready .related-offer-card:hover { border-color: var(--friday-green); }
body.tpl-friday .friday-offer-ready .related-offer-card__price { color: var(--friday-red); }
body.tpl-friday .friday-offer-ready .comment-item {
    border-radius: 3px;
    border-color: #e2e8f0;
    background: #f8fafc;
}
body.tpl-friday .friday-offer-ready .comment-avatar { border-radius: 3px; }

@media (max-width: 900px) {
    body.tpl-friday .friday-offer-ready {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    body.tpl-friday .friday-offer-ready .offer-image-column { grid-column: 1; grid-row: auto; }
    body.tpl-friday .friday-offer-ready .offer-info-column {
        grid-column: 1;
        grid-row: auto;
        position: static;
        top: auto;
    }
    body.tpl-friday .friday-offer-ready .offer-description-section,
    body.tpl-friday .friday-offer-ready .offer-comments-section { grid-column: 1; }
    body.tpl-friday .friday-offer-ready .main-image-container { height: auto; aspect-ratio: 1 / 1; max-height: none; }
}
