﻿        @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&display=swap');

        body,
        main,
        section,
        .page-section,
        .bg-surface,
        .bg-surface-lowest,
        .bg-surface-container {
            background-color: white !important;
            color: black !important;
            padding: 0 !important;
            margin: 0 !important;
            box-shadow: none !important;
        }

        #main-nav,
        #contact-footer,
        #chatbot-container,
        #mobile-menu,
        #loading-screen,
        .no-print,
        button {
            display: none !important;
        }

        #offer-screen-content {
            display: none !important;
        }

        .print-poster-layout {
            display: flex !important;
            flex-direction: column !important;
            width: 100% !important;
            min-height: 100vh !important;
            max-height: 297mm !important;
            page-break-inside: avoid !important;
            page-break-after: avoid !important;
            font-family: 'Inter', sans-serif !important;
            box-sizing: border-box !important;
            position: relative !important;
            overflow: hidden !important;
            background: white !important;
            z-index: 9999 !important;
        }

        .poster-hero {
            position: relative !important;
            width: 100% !important;
            height: 350px !important;
            margin-bottom: 0 !important;
            flex-shrink: 0 !important;
        }

        .poster-hero::after {
            content: "" !important;
            position: absolute !important;
            bottom: -1px !important;
            left: 0 !important;
            width: 100% !important;
            height: 200px !important;
            background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.85) 35%, rgba(255, 255, 255, 0) 100%) !important;
            z-index: 1 !important;
        }

        .poster-hero-img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
            display: block !important;
        }

        .poster-badge {
            position: absolute !important;
            top: 25px !important;
            left: -10px !important;
            background-color: #C5A059 !important;
            color: white !important;
            padding: 12px 40px 12px 30px !important;
            font-size: 16px !important;
            font-weight: bold !important;
            text-transform: uppercase !important;
            clip-path: polygon(0 0, 100% 0, 92% 50%, 100% 100%, 0 100%) !important;
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2) !important;
            letter-spacing: 1px !important;
            z-index: 2 !important;
        }

        .poster-header {
            display: flex !important;
            justify-content: space-between !important;
            align-items: flex-end !important;
            padding: 0 40px !important;
            margin-top: -100px !important;
            margin-bottom: 10px !important;
            position: relative !important;
            z-index: 2 !important;
            flex-shrink: 0 !important;
        }

        .poster-title-col {
            display: flex !important;
            flex-direction: column !important;
            max-width: 60% !important;
        }

        .poster-price-col {
            position: relative !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: flex-end !important;
        }

        .poster-title {
            font-family: 'Playfair Display', serif !important;
            font-size: 38px !important;
            font-weight: normal !important;
            line-height: 1.1 !important;
            margin: 0 0 5px 0 !important;
            color: #111 !important;
        }

        .poster-subtitle {
            color: #C5A059 !important;
            font-size: 22px !important;
            letter-spacing: 4px !important;
            margin: 0 0 15px 0 !important;
            font-weight: 500 !important;
        }

        .poster-location {
            font-size: 16px !important;
            font-weight: 600 !important;
            color: #444 !important;
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
            letter-spacing: 1px !important;
        }

        .poster-location i {
            color: #C5A059 !important;
            font-size: 18px !important;
        }

        .poster-price-col {
            display: flex !important;
            flex-direction: column !important;
            align-items: flex-end !important;
        }

        .poster-price-box {
            border: 2px solid #C5A059 !important;
            padding: 15px 35px !important;
            text-align: center !important;
            margin-bottom: 8px !important;
            min-width: 200px !important;
            background: white !important;
        }

        .poster-price {
            font-family: 'Playfair Display', serif !important;
            font-size: 45px !important;
            color: #C5A059 !important;
            display: block !important;
            line-height: 1 !important;
            margin-bottom: 5px !important;
        }

        .poster-price-sub {
            font-size: 13px !important;
            color: #333 !important;
            letter-spacing: 2px !important;
            font-weight: 600 !important;
        }

        .poster-price-extra {
            background-color: #C5A059 !important;
            color: white !important;
            font-weight: bold !important;
            font-size: 13px !important;
            padding: 8px 20px !important;
            width: 100% !important;
            text-align: center !important;
            box-sizing: border-box !important;
            letter-spacing: 1px !important;
        }

        .poster-params-row {
            display: flex !important;
            justify-content: space-between !important;
            align-items: center !important;
            border-top: 1px solid #e5d1a4 !important;
            border-bottom: 1px solid #e5d1a4 !important;
            margin: 0 40px 15px 40px !important;
            padding: 12px 0 !important;
            flex-shrink: 0 !important;
        }

        .poster-prm {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            text-align: center !important;
            width: 16% !important;
        }

        .poster-prm i {
            font-size: 26px !important;
            color: #C5A059 !important;
            margin-bottom: 8px !important;
        }

        .poster-prm strong {
            font-size: 16px !important;
            color: #111 !important;
            margin-bottom: 4px !important;
            font-weight: 800 !important;
        }

        .poster-prm span {
            font-size: 9px !important;
            font-weight: 700 !important;
            color: #555 !important;
            text-transform: uppercase !important;
            letter-spacing: 1px !important;
        }

        .poster-details-row {
            display: flex !important;
            justify-content: space-between !important;
            padding: 0 40px !important;
            margin-bottom: 15px !important;
            flex-shrink: 1 !important;
            min-height: 100px !important;
            overflow: hidden !important;
        }

        .poster-split-col {
            width: 48% !important;
            display: flex !important;
            flex-direction: column !important;
            position: relative !important;
            overflow: hidden !important;
        }

        .poster-split-col.is-overflowing::after {
            content: "Więcej na stronie w kodzie QR..." !important;
            position: absolute !important;
            bottom: 0 !important;
            left: 0 !important;
            width: 100% !important;
            height: 40px !important;
            background: linear-gradient(to top, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0)) !important;
            display: flex !important;
            align-items: flex-end !important;
            justify-content: center !important;
            padding-bottom: 5px !important;
            color: #C5A059 !important;
            font-weight: bold !important;
            font-size: 11px !important;
            font-family: 'Inter', sans-serif !important;
            text-transform: uppercase !important;
        }

        .poster-section-title {
            font-family: 'Playfair Display', serif !important;
            font-size: 16px !important;
            color: #111 !important;
            margin-bottom: 15px !important;
            display: flex !important;
            align-items: center !important;
            gap: 15px !important;
            white-space: nowrap !important;
        }

        .poster-section-title::after {
            content: "" !important;
            flex-grow: 1 !important;
            height: 1px !important;
            background-color: #e5d1a4 !important;
        }

        .poster-params-grid {
            display: flex !important;
            flex-direction: column !important;
        }

        .poster-feat {
            display: flex !important;
            justify-content: space-between !important;
            padding: 6px 0 !important;
            border-bottom: 1px solid rgba(197, 160, 89, 0.2) !important;
            font-size: 11px !important;
        }

        .poster-feat-key {
            font-weight: 700 !important;
            color: #555 !important;
            text-transform: uppercase !important;
            letter-spacing: 0.5px !important;
        }

        .poster-feat-val {
            font-weight: 400 !important;
            color: #111 !important;
        }

        .poster-features-grid {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 8px !important;
        }

        .poster-feat-pill {
            background: rgba(197, 160, 89, 0.1) !important;
            color: #C5A059 !important;
            padding: 6px 12px !important;
            border-radius: 6px !important;
            font-size: 10px !important;
            font-weight: 700 !important;
            text-transform: uppercase !important;
            letter-spacing: 0.5px !important;
            display: flex !important;
            align-items: center !important;
            gap: 6px !important;
            border: 1px solid rgba(197, 160, 89, 0.3) !important;
        }

        .poster-desc-box {
            position: relative !important;
        }

        .poster-mini-gallery {
            display: flex !important;
            flex-direction: column !important;
            align-items: flex-end !important;
            gap: 15px !important;
            position: absolute !important;
            bottom: 100% !important;
            right: 0 !important;
            margin-bottom: 30px !important;
        }

        .poster-mini-img {
            max-width: 150px !important;
            max-height: 110px !important;
            width: auto !important;
            height: auto !important;
            object-fit: contain !important;
            border: 2px solid #C5A059 !important;
            border-radius: 6px !important;
            box-shadow: 0 0 15px rgba(197, 160, 89, 0.5) !important;
        }

        .poster-desc-row {
            padding: 0 40px !important;
            margin-bottom: 15px !important;
            font-family: 'Inter', sans-serif !important;
            font-size: 13px !important;
            line-height: 1.5 !important;
            color: #333 !important;
            text-align: justify !important;
            display: block !important;
            flex-shrink: 0 !important;
        }

        .poster-desc-box *,
        .offer-desc-content,
        .offer-desc-content * {
            font-family: 'Inter', sans-serif !important;
        }

        .poster-desc-box * {
            font-size: 13px !important;
            color: #333 !important;
            line-height: 1.5 !important;
        }

        .poster-footer {
            display: flex !important;
            justify-content: space-between !important;
            align-items: center !important;
            margin: auto 40px 15px 40px !important;
            padding: 15px 0 0 0 !important;
            border-top: 1px solid #e5d1a4 !important;
            flex-shrink: 0 !important;
            box-sizing: border-box !important;
        }

        .poster-agent {
            display: flex !important;
            align-items: center !important;
            gap: 20px !important;
        }

        .poster-agent-img {
            width: 100px !important;
            height: 100px !important;
            border-radius: 50% !important;
            object-fit: cover !important;
        }

        .poster-agent-info {
            display: flex !important;
            flex-direction: column !important;
        }

        .poster-agent-info h3 {
            font-family: 'Playfair Display', serif !important;
            font-size: 22px !important;
            margin: 0 0 2px 0 !important;
            color: #222 !important;
            font-weight: 600 !important;
            letter-spacing: 1px !important;
        }

        .poster-agent-info h4 {
            color: #C5A059 !important;
            font-size: 11px !important;
            margin: 0 0 10px 0 !important;
            letter-spacing: 2px !important;
            font-weight: 600 !important;
        }

        .poster-agent-phone {
            font-size: 22px !important;
            font-weight: bold !important;
            color: #222 !important;
            margin-bottom: 4px !important;
        }

        .poster-agent-phone i {
            color: #C5A059 !important;
            margin-right: 5px !important;
            font-size: 16px !important;
        }

        .poster-agent-email {
            font-size: 12px !important;
            font-weight: bold !important;
            color: #666 !important;
        }

        .poster-agent-email i {
            color: #C5A059 !important;
            margin-right: 5px !important;
            font-size: 14px !important;
        }

        .poster-qr {
            display: flex !important;
            align-items: center !important;
            gap: 25px !important;
        }

        .poster-qr-text {
            text-align: right !important;
            font-size: 14px !important;
            font-weight: bold !important;
            color: #333 !important;
            position: relative !important;
            letter-spacing: 1px !important;
            line-height: 1.4 !important;
        }

        .poster-qr-text span {
            color: #C5A059 !important;
            font-weight: 500 !important;
            font-size: 12px !important;
        }

        .poster-arrow {
            width: 40px !important;
            height: 40px !important;
            position: absolute !important;
            bottom: -25px !important;
            right: -20px !important;
            transform: rotate(-10deg) !important;
        }

        .poster-qr-img {
            width: 90px !important;
            height: 90px !important;
            border: 1px solid #ddd !important;
        }


        .poster-bottom-bar {
            background-color: #C5A059 !important;
            color: white !important;
            display: flex !important;
            justify-content: space-evenly !important;
            align-items: center !important;
            padding: 12px 20px !important;
            font-size: 11px !important;
            font-weight: 500 !important;
            width: 100% !important;
            letter-spacing: 1px !important;
            flex-shrink: 0 !important;
            box-sizing: border-box !important;
        }

        .poster-bottom-bar span {
            display: flex !important;
            align-items: center !important;
            gap: 6px !important;
        }
