:root{--card-bg:#fff;--muted:#666}
        body{font-family:Inter,Arial,sans-serif;margin:0;background:#f4f5f7;color:#111}
        header{background:#222;color:#fff;padding:18px 12px;text-align:center}
        
        section{background:var(--card-bg);padding:14px;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
        h2{margin:0 0 10px;font-size:18px;color:#222}
        label{display:block;margin:8px 0;font-size:14px}
        input[type="number"], input[type="text"], input[type="color"]{padding:8px;border-radius:8px;border:1px solid #d1d5db;width:140px}
        button{background:#0b74ff;color:#fff;padding:8px 12px;border-radius:8px;border:0;cursor:pointer; transition: background-color 0.2s; white-space: nowrap;}
        button:hover { background-color: #0861cc; }
        input[type="checkbox"] { margin-right: 8px; }
       .full{grid-column:1 / -1}
        #status{font-size:13px;color:var(--muted);margin-top:8px}
        #scene-container{width:100%;height:380px;background:#e9eef7;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}
       .small{font-size:13px;color:var(--muted)}
       .cost-summary{font-size:24px;font-weight:700;margin-top:10px}
       .cost-details{display:block}
       .cost-details span, .cost-details-item {font-weight:700; margin-bottom: 4px; display: block;}
       .cut-list table {width: 100%; border-collapse: collapse; margin-top: 10px;}
       .cut-list th, .cut-list td {border: 1px solid #ddd; padding: 8px; text-align: left; font-size: 14px;}
       .cut-list th {background-color: #f2f2f2; font-weight: bold;}
       #acceptOfferBtn { background-color: #1a73e8; margin-top: 20px; }
       #acceptOfferBtn:hover { background-color: #155bb3; }
        @media (max-width:900px){main{grid-template-columns:1fr;}}
		 .logo {
            border-radius: 50%;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease;
        }

        .logo:hover {
            transform: scale(1.05);
        }

        .site-nav {
            margin-top: 1rem;
            width: 100%;
        }

        .site-nav ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .site-nav ul li a {
            color: var(--text-color);
            text-decoration: none;
            padding: 10px 15px;
            display: block;
            border-radius: 5px;
            transition: background-color 0.3s ease, color 0.3s ease;
            text-transform: uppercase;
            font-weight: 700;
        }

        .site-nav ul li a:hover {
            background-color: var(--primary-color);
            color: #fff;
        }

        /* ----- Media queries dla responsywności ----- */
        @media (min-width: 768px) {
            header {
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
            }

            .site-nav {
                margin-top: 0;
                width: auto;
            }
        }
		 .site-footer {
            background-color: #333;
            color: #fff;
            padding: 40px 20px;
            text-align: center;
        }

        .footer-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            max-width: 1200px;
            margin: 0 auto;
            gap: 20px;
        }

        .footer-column {
            flex: 1;
            min-width: 250px;
            padding: 10px;
        }

        .footer-column h3 {
            border-bottom: 2px solid #555;
            padding-bottom: 10px;
            margin-bottom: 20px;
            font-size: 1.2em;
        }

        .footer-column ul {
            list-style: none;
            padding: 0;
        }

        .footer-column ul li {
            margin-bottom: 10px;
        }

        .footer-column a {
            color: #fff;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .footer-column a:hover {
            color: #ccc;
        }

        .footer-bottom-text {
            margin-top: 40px;
            font-size: 0.9em;
            color: #aaa;
        }