body{font-family: Arial, sans-serif;background: #f0f0f0;margin: 0;padding: 0;}.login-container, .admin-container{max-width: 800px;margin: 50px auto;background: #fff;padding: 20px;border-radius: 10px;box-shadow: 0 4px 12px rgba(0,0,0,0.2);text-align: center;}.login-container h2, .admin-container h2{margin-bottom: 20px;}.login-container form label{display: block;margin-bottom: 5px;font-size: 1rem;}.login-container form input{width: 80%;padding: 10px;font-size: 1rem;margin-bottom: 15px;border: 1px solid #ccc;border-radius: 5px;}.login-container form button{padding: 10px 20px;font-size: 1rem;background: #D4AF37;border: none;color: #fff;border-radius: 5px;cursor: pointer;transition: background 0.3s ease;}.login-container form button:hover{background: #b38c2d;}.error{color: red;margin-bottom: 15px;}.table-container{overflow: auto;cursor: grab;border: 1px solid #ccc;background: #fff;margin-bottom: 20px;max-height: 500px;}table{width: 100%;border-collapse: collapse;}th, td{padding: 10px;border: 1px solid #ddd;text-align: left;}th{background: #D4AF37;color: #fff;}.editable{cursor: pointer;}.editable input{width: 100%;box-sizing: border-box;}.delete-btn{background: red;color: #fff;border: none;padding: 5px 10px;border-radius: 3px;cursor: pointer;transition: background 0.3s ease;}.delete-btn:hover{background: darkred;}#logout{padding: 10px 20px;font-size: 1rem;background: #D4AF37;border: none;color: #fff;border-radius: 5px;cursor: pointer;transition: background 0.3s ease;}#logout:hover{background: #b38c2d;}.toast-message{position: fixed;bottom: 20px;left: 50%;transform: translateX(-50%);background: rgba(0,0,0,0.8);color: #fff;padding: 10px 20px;border-radius: 5px;z-index: 300;font-size: 1rem;}#powrot{width: 150px;height: 50px;display: flex;justify-content: center;align-items: center;font-size: 1.2rem;font-weight: 700;text-decoration: none;color: #000;background: #D4AF37;cursor: pointer;transition: .3s ease;position: fixed;top: 10px;left: 10px;border-radius: 8px;}#powrot:hover{transform: scale(1.1);}body, html{margin: 0;padding: 0;font-family: Arial, sans-serif;scroll-behavior: smooth;}button, .cta-btn{box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);transition: box-shadow 0.3s ease, transform 0.3s ease;}button:hover, .cta-btn:hover{box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);transform: translateY(-2px);}#zobaczzdjecia{width: 200px;height: 40px;display: flex;justify-content: center;align-items: center;font-size: 1.1rem;cursor: pointer;background: rgb(255, 208, 0);text-decoration: none;color: #000;position: absolute;margin-top: 30px;left: 50%;border-radius: 8px;transform: translate(-50%);}.cta-btn{border-radius: 14px;padding: 12px 18px;letter-spacing: .2px;box-shadow: 0 8px 20px rgba(0, 0, 0, .16);}.cta-btn.invert{background: #dfbd00;color: #ffffff;border-color: transparent;}.cta-btn.invert:hover{filter: brightness(1.05);}#navbar.scrolled{background: rgba(10, 10, 10, .8);backdrop-filter: blur(8px);box-shadow: 0 6px 24px rgba(0, 0, 0, .25);}.blog{background: #fff;padding: 80px 20px;text-align: center;border-top: 3px solid #D4AF37;}.blog-container{max-width: 1200px;margin: auto;}.blog-container h2{font-size: 2.5rem;color: #333;margin-bottom: 40px;}.blog-content-container{display: flex;flex-wrap: wrap;gap: 30px;justify-content: center;}.blog-element{flex: 0 0 320px;background: #fff;border-radius: 10px;overflow: hidden;box-shadow: 0 4px 8px rgba(0,0,0,0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;}.blog-element:hover{transform: translateY(-5px);box-shadow: 0 8px 16px rgba(0,0,0,0.2);}.blog-element img{width: 100%;height: 200px;object-fit: cover;}.blog-element-content{padding: 20px;}.blog-element-content h3{font-size: 1.5rem;color: #333;margin: 0 0 20px 0;}.blog-element-content p{font-size: 1rem;color: #555;margin-bottom: 15px;}.blog-element-content a{display: inline-block;padding: 10px 20px;background: #D4AF37;color: #fff;text-decoration: none;border-radius: 5px;transition: background 0.3s ease;}.blog-element-content a:hover{background: #b89b2f;}.blog{padding: clamp(40px, 6vw, 80px) 0;}.blog-container h2{text-align: center;margin-bottom: 24px;}.blog-slider{position: relative;display: grid;grid-template-columns: auto 1fr auto;gap: 12px;align-items: center;}.blog-track{display: grid;grid-auto-flow: column;grid-auto-columns: minmax(260px, 360px);gap: 18px;overflow-x: auto;scroll-snap-type: x mandatory;padding: 8px 4px 16px;-webkit-overflow-scrolling: touch;scrollbar-width: none;}.blog-track::-webkit-scrollbar{display: none;}.blog-card{background: rgba(255, 255, 255, .06);border: 1px solid rgba(255, 255, 255, .08);backdrop-filter: blur(6px);border-radius: 16px;overflow: hidden;color: inherit;text-decoration: none;scroll-snap-align: start;display: flex;flex-direction: column;transition: transform .25s ease, box-shadow .25s ease;}.blog-card:hover{transform: translateY(-4px);box-shadow: 0 10px 30px rgba(0, 0, 0, .25);}.blog-card img{width: 100%;height: 190px;object-fit: cover;display: block;}.blog-card-body{padding: 14px 14px 16px;display: flex;flex-direction: column;gap: 6px;}.blog-card h3{margin: 0;font-size: 1.1rem;line-height: 1.25;}.blog-card p{margin: 0;opacity: .85;}.blog-card .link{margin-top: 8px;font-weight: 600;opacity: .9;}.slider-btn{display: grid;place-items: center;width: 44px;height: 44px;border-radius: 12px;border: 1px solid rgba(255, 255, 255, .12);background: rgba(0, 0, 0, .35);color: #fff;cursor: pointer;transition: transform .18s ease, background .18s ease;}.slider-btn:hover{background: rgba(0, 0, 0, .55);transform: translateY(-1px);}.slider-btn i{pointer-events: none;}.slider-dots{display: flex;justify-content: center;gap: 8px;margin-top: 12px;}.slider-dots button{width: 8px;height: 8px;border-radius: 50%;background: rgba(255, 255, 255, .3);border: 0;cursor: pointer;}.slider-dots button[aria-current="true"]{background: #dfbd00;}@media (max-width: 640px){.blog-track{grid-auto-columns: calc(85vw - 24px);}.blog-card img{height: 170px;}}.fa-solid.fa-angle-down{margin-left: 8px;}.fa-solid.fa-camera{margin-right: 3px;}.fa-solid.fa-images{margin-right: 5px;}.fa-solid.fa-envelope{margin-right: 5px;}.fa-solid.fa-circle-question{margin-left: 8px;font-size: 1.2rem;}.fa-arrow-right{font-size: 1.5rem;transform: translate(-1px, 1px);}.fa-arrow-left{font-size: 1.5rem;transform: translate(1px, 1px);}.footer{background-color: #333;color: #fff;padding: 20px 10px;text-align: center;display: flex;flex-direction: column;}.footer-content{max-width: 800px;margin: 0 auto;display: flex;flex-direction: column;justify-content: center;}.footer p{margin: 1px 0;font-size: 1.1rem;}.footer-social{margin-top: 10px;}.footer-social a{color: #D4AF37;text-decoration: none;margin: 0 10px;font-size: 1.1rem;transition: color 0.3s ease;}.footer-social a:hover{color: #fff;}.footer-social img{width: 50px;}@media only screen and (max-width: 768px){.footer{padding: 20px 10px 90px 10px;}}.full-screen-viewer{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.9);z-index: 10000;justify-content: center;align-items: center;overflow: hidden;}.full-screen-viewer img{max-width: 90%;max-height: 90%;object-fit: contain;transition: transform 0.3s ease;}.viewer-close{position: absolute;top: 20px;right: 20px;font-size: 2rem;color: #fff;cursor: pointer;z-index: 101;transition: transform 0.3s ease;}.viewer-close:hover{transform: scale(1.1);}.viewer-arrow{position: absolute;top: 50%;transform: translateY(-50%);font-size: 2rem;padding: 200px 40px;color: #fff;cursor: pointer;user-select: none;z-index: 101;transition: transform 0.3s ease;}.left-arrow{left: 20px;}.right-arrow{right: 20px;}.viewer-arrow:hover{transform: translateY(-50%) scale(1.1);}.hero-content p{color: #fff;font-size: 1.2rem;text-align: center;max-width: 600px;width: 100%;margin: auto;line-height: 1.5rem;}.gallery-modal{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 150;}.gallery-modal-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);}.gallery-modal-content{position: relative;width: 90%;height: 90%;margin: auto;top: 5%;background: #fff;border-radius: 8px;overflow-y: auto;z-index: 160;padding: 20px;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);max-width: 1300px;}.gallery-modal-close{position: absolute;top: 10px;right: 10px;font-size: 2rem;cursor: pointer;color: #333;z-index: 170;}/* Masonry (Pinterest) dla galerii w modalu */
.gallery-modal-grid{
  column-count: 3;
  column-gap: 16px;
  padding-top: 40px;
}

.gallery-modal-grid img{
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 16px;
  border-radius: 4px;
  break-inside: avoid;
  transition: transform .3s ease-in-out;
}

.gallery-modal-grid img:hover{
  transform: scale(1.02);
}

/* Responsywność kolumn */
@media (max-width: 1200px){
  .gallery-modal-grid{ column-count: 2; }
}
@media (max-width: 700px){
  .gallery-modal-grid{ column-count: 1; }
}
.hero{position: relative;height: 100vh;overflow: hidden;background: #FFFFFF;}
#hero-video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1;}.hero-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 2;}.hero-content{position: relative;z-index: 3;text-align: center;top: 50%;transform: translateY(-50%);}.hero-content h1{color: #FFFFFF;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);font-size: 3rem;margin-bottom: 20px;}.cta-btn{background: #D4AF37;color: #FFFFFF;border: 2px solid #D4AF37;padding: 15px 30px;border-radius: 8px;font-size: 1rem;cursor: pointer;transition: all 0.3s ease;font-weight: 700;}.hero-content .left_button{background: #D4AF37;color: black;}.right_button{font-weight: 200;letter-spacing: .5px;background: rgba(0, 0, 0, 0.5) !important;color: goldenrod;margin-left: 10px;}.right_button:hover{background: rgba(0, 0, 0, 0.8) !important;}.cta-btn.invert{border: 3px solid #D4AF37;background: transparent;margin-top: 10px;}.cta-btn:hover{background: #b38c2d;}#loading-screen{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg, #000000, #333333);z-index: 9999;display: flex;justify-content: center;align-items: center;overflow: hidden;flex-direction: column;}#loading-screen span{font-size: 1.8rem;color: rgb(231, 197, 0);font-weight: 700;margin-top: 30px;}#loading-logo{width: 150px;height: 150px;filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.5));opacity: 1;transition: transform 0.5s ease, opacity 0.5s ease;}#logo-container{position: fixed;z-index: 3;top: 35%;left: 50%;transform: translate(-50%, -60%);width: 250px;height: 250px;overflow: hidden;transition: all 0.5s ease;}#logo-container.scrolled{top: 0;left: 0;transform: translate(-5px, -5px);width: 70px;height: 70px;z-index: 30;}#logo-container img{width: 100%;height: 100%;object-fit: cover;object-position: center;}.modal{display: none;position: fixed;z-index: 100;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.5);}.modal-content{background: #fff;margin: 5% auto;padding: 40px;border-radius: 10px;max-width: 600px;position: relative;box-shadow: 0 8px 20px rgba(0,0,0,0.3);max-height: 80vh;overflow-y: auto;}.modal-content h2{font-size: 2rem;margin-bottom: 20px;color: #333;}.modal-content form label{display: block;margin-bottom: 5px;color: #555;font-weight: bold;}.modal-content form input, .modal-content form select, .modal-content form textarea{width: 95%;margin-bottom: 15px;border: 1px solid #ccc;border-radius: 5px;}.modal-content form button{width: 100%;padding: 12px;background: #D4AF37;color: #fff;border: none;border-radius: 5px;font-size: 1.1rem;cursor: pointer;transition: background 0.3s ease;}.modal-content form button:hover{background: #b38c2d;}.modal-content .close{position: absolute;right: 15px;top: 15px;font-size: 1.5rem;cursor: pointer;}#navbar{position: fixed;top: 0;left: 0;width: 100%;background: rgba(0, 0, 0, 0.8);backdrop-filter: blur(10px);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);z-index: 20;transition: all 0.3s ease;}#navbar .container{display: flex;align-items: center;justify-content: flex-end;padding: 10px 20px;height: 30px;transition: height 0.3s ease;}#navbar .container.scrolled{height: 40px;}.nav-links{list-style: none;display: flex;margin: 0;padding: 0;}.nav-links li{margin: 0 15px;position: relative;}.nav-links a{text-decoration: none;color: #ececec;font-weight: bold;transition: color 0.3s ease;}.nav-links a.oferta_a_block{background: #D4AF37;color: black;height: 100%;padding: 10px 30px;border-radius: 8px;}.nav-links a:hover{color: #D4AF37;}.nav-links a.oferta_a_block:hover{color: #000000;background: #c4990d;}.dropdown-menu{position: absolute;top: 100%;left: -100%;background: rgba(24, 24, 24, 1);color: #fff;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);list-style: none;padding: 10px 0;margin: 0;min-width: 150px;border-radius: 8px;text-align: center;z-index: 60;opacity: 0;transform: translateY(-20px);pointer-events: none;transition: opacity 0.3s ease, transform 0.3s ease;}.dropdown.active .dropdown-menu{opacity: 1;transform: translateY(0);pointer-events: auto;}.dropdown-menu li{padding: 5px 20px;}.dropdown-menu li a{color: #fff;text-decoration: none;transition: color 0.3s ease;}.dropdown-menu li a:hover{color: #D4AF37;}.burger-menu{display: none;width: 30px;height: 25px;position: absolute;top: 7px;right: 10px;z-index: 60;cursor: pointer;transition: .3s ease;}.burger-menu.scrolled{top: 16px}.burger-menu .line{position: absolute;width: 100%;height: 4px;background: #ececec;transition: all 0.3s ease;}.burger-menu .line:nth-child(1){top: 0;}.burger-menu .line:nth-child(2){top: 50%;transform: translateY(-50%);}.burger-menu .line:nth-child(3){bottom: 0;}.burger-menu.active .line:nth-child(1){transform: translateY(10px) rotate(45deg);}.burger-menu.active .line:nth-child(2){opacity: 0;}.burger-menu.active .line:nth-child(3){transform: translateY(-10px) rotate(-45deg);}.packages{display: flex;justify-content: center;flex-wrap: wrap;gap: 20px;user-select: none;}.package{background: #fff;padding: 10px 30px 100px 30px;border: 1px solid #e0e0e0;border-radius: 10px;transition: transform 0.3s ease, box-shadow 0.3s ease;max-width: 320px;text-align: left;position: relative;margin: 5px 0;}.package:hover{transform: translateY(-5px);box-shadow: 0 8px 20px rgba(0,0,0,0.2);}.package h3{font-size: 1.4rem;margin-bottom: 15px;text-align: center;font-weight: 500;color: #D4AF37;margin-bottom: 5px;}.package .price{font-size: 2.1rem;color: #D4AF37;margin-bottom: 25px;color: black;text-align: center;font-weight: 700;}.package .price span{font-weight: bold;}.package ul{list-style: none;padding: 0;margin: 0 0 15px 0;}.package ul li{font-size: 1rem;margin: 8px 0;padding-left: 0px;position: relative;color: #333;}.package ul li img{width: 20px;transform: translateY(4px);}.package ul li::before{content: "";display: inline-block;background-size: contain;width: 16px;height: 16px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}.album-option{position: absolute;bottom: 70px;display: flex;align-items: center;}.album-option label{display: flex;align-items: center;cursor: pointer;user-select: none;}.album-option input[type="checkbox"]{display: none;}.custom-checkbox{width: 20px;height: 20px;border: 2px solid #D4AF37;border-radius: 4px;margin-right: 10px;position: relative;transition: background 0.3s ease;}.custom-checkbox::after{content: "";position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;background: #D4AF37;transform: translate(-50%, -50%) scale(0);transition: transform 0.3s ease;border-radius: 2px;}.album-option input[type="checkbox"]:checked + .custom-checkbox::after{transform: translate(-50%, -50%) scale(1);}.album-option .album-popup{position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%) translateY(-10px);background: rgba(0, 0, 0, 0.8);color: #fff;padding: 10px;border-radius: 8px;font-size: 0.9rem;white-space: normal;width: 280px;opacity: 0;pointer-events: none;transition: opacity 0.3s ease, transform 0.3s ease;z-index: 10;text-align: center;line-height: 1.2rem;}.album-option:hover .album-popup{opacity: 1;transform: translateX(-50%) translateY(0);}.package .cta-btn{display: block;width: 90%;margin-left: -10px;margin-top: 15px;padding: 12px;background: #D4AF37;color: #fff;border: none;border-radius: 5px;font-size: 1rem;cursor: pointer;transition: background 0.3s ease;position: absolute;bottom: 10px;}.package .cta-btn:hover{background: #b38c2d;}.event-selector{display: inline-block;position: relative;margin-bottom: 30px;font-family: Arial, sans-serif;}.event-selector label{font-size: 1.2rem;color: #333;margin-right: 10px;vertical-align: middle;}.event-selector select{appearance: none;-webkit-appearance: none;-moz-appearance: none;background: #fff;border: 2px solid #D4AF37;border-radius: 5px;padding: 10px 40px 10px 15px;font-size: 1rem;color: #333;transition: transform 0.3s ease, box-shadow 0.3s ease;cursor: pointer;outline: none;}.event-selector select:focus{transform: scale(1.02);box-shadow: 0 0 8px rgba(212, 175, 55, 0.8);}.event-selector::after{content: "\25BC";font-size: 1rem;color: #D4AF37;position: absolute;top: 50%;right: 15px;transform: translateY(-50%);transition: transform 0.3s ease;}.event-selector select:focus + .arrow{transform: translateY(-50%) rotate(180deg);}.event-selector select:focus ~ ::after{transform: translateY(-50%) rotate(180deg);}#party-code-container{position: fixed;padding: 0 10px;background: #D4AF37;color: black;font-weight: 700;border-radius: 8px;cursor: pointer;overflow: hidden;z-index: 50;transition: all 0.5s ease;}#party-code-container.closed{width: 150px;height: 50px;bottom: 20px;left: 20px;}#party-code-container.expanded{width: 300px;height: 150px;left: 50%;bottom: 40%;right: auto;transform: translate(-50%, -50%);display: flex;justify-content: center;flex-direction: column;align-items: center;position: fixed;}#party-code-container.gallery{width: 80%;height: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);}#party-code-container .button-text{display: block;text-align: center;line-height: 50px;font-size: 16px;}#party-code-container .popup-content{display: none;position: relative;padding: 20px;}#party-code-container.expanded .button-text{display: none;}#party-code-container.expanded .popup-content{display: flex;justify-content: center;align-items: center;flex-direction: column;}#party-code-container .close-btn{position: absolute;top: 5px;right: 5px;background: transparent;border: none;font-size: 18px;cursor: pointer;color: #fff;box-shadow: none;display: none;}#party-code-container .close-btn.expanded{display: block;}#party-code-container .popup-content input{width: 95%;padding: 10px;margin: 15px 0;border: none;border-radius: 4px;}#party-code-container .popup-content button{padding: 10px 20px;background: #333;color: #fff;border: none;border-radius: 4px;cursor: pointer;margin-right: 10px;}
#party-code-container .gallery-content{display: none;text-align: center;padding: 20px;}#party-code-container.gallery .popup-content{display: none;}#party-code-container.gallery .gallery-content{display: block;}#party-code-container .gallery-content img{width: 30%;margin: 5px;border-radius: 4px;}#overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);display: none;z-index: 40;}.timeline-step{position: relative;}.timeline-step .process-desc{position: absolute;bottom: 100%;left: 50%;width: 300px;transform: translateX(-50%) translateY(-10px);background: rgba(0, 0, 0, 0.8);padding: 10px 15px;border-radius: 8px;white-space: normal;text-align: center;opacity: 0;pointer-events: none;transition: opacity 0.3s ease, transform 0.3s ease;z-index: 10;}.timeline-step .process-desc p{color: #fff;line-height: 25px;}.timeline-step .process-desc::after{content: "";position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border-width: 5px;border-style: solid;border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;}.timeline-step:hover .process-desc{opacity: 1;transform: translateX(-50%) translateY(0);}.process-container{max-width: 100%;margin: 0 auto;position: relative;}.process{padding: 60px 20px;text-align: center;background: #fff;}.process h2{font-size: 2.5rem;margin-bottom: 40px;color: #333;position: relative;}.process-steps{width: 90%;margin-left: 50%;transform: translate(-50%);display: flex;justify-content: space-between;align-items: center;position: relative;flex-wrap: wrap;gap: 20px;}.process-steps::before{content: "";position: absolute;top: 50%;left: 0;right: 0;border-top: 2px solid #D4AF37;z-index: 1;width: 100%;}.process-step{flex: 50%;max-width: 200px;position: relative;z-index: 2;padding: 0 10px;background: #f9f9f9;padding: 30px;border-radius: 10px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}.icon-circle{width: 80px;height: 80px;margin: 0 auto 10px;border-radius: 50%;background: #fff;display: flex;justify-content: center;align-items: center;font-size: 2.5rem;color: #D4AF37;box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);transition: transform 0.3s ease;margin-bottom: 20px;}.process-step:hover .icon-circle{transform: scale(1.1);}.process-step h3{margin: 10px 0 5px;font-size: 1.3rem;color: #333;margin-bottom: 10px;}.process-step p{font-size: 0.95rem;color: #666;margin: 0;}.process-desc{position: absolute;bottom: 100%;left: 50%;width: 300px;transform: translateX(-50%) translateY(-10px);background: rgba(0, 0, 0, 0.8);padding: 10px 15px;border-radius: 8px;white-space: normal;text-align: center;opacity: 0;pointer-events: none;transition: opacity 0.3s ease, transform 0.3s ease;z-index: 10;}.process-desc::after{content: "";position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border-width: 5px;border-style: solid;border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;}.process-step:hover .process-desc{opacity: 1;transform: translateX(-50%) translateY(0);}@media (max-width: 1263px){.process-steps{width: 100%;}}@media (max-width: 1150px){.process-steps::before{border-top: 0;}.process-steps{justify-content: center;}}.reservation-modal{display: none;position: fixed;z-index: 200;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 90%;max-width: 600px;border-radius: 10px;padding: 20px;box-shadow: 0 8px 20px rgba(0,0,0,0.3);animation: modalIn 0.5s ease forwards;}@keyframes modalIn{from{opacity: 0;transform: translate(-50%, -60%);}to{opacity: 1;transform: translate(-50%, -50%);}}.reservation-overlay{display: none;position: fixed;z-index: 150;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);}.modal-close{position: absolute;top: 10px;right: 15px;font-size: 2rem;cursor: pointer;color: #333;}.form-group{margin-bottom: 15px;}.form-group label{display: block;font-size: 1rem;margin-bottom: 5px;color: #333;}.form-group input{width: 100%;padding: 10px;font-size: 1rem;border: 1px solid #ccc;border-radius: 5px;}#custom-calendar{margin-top: 10px;border: 1px solid #D4AF37;border-radius: 5px;overflow: hidden;}.calendar-header{display: flex;justify-content: space-between;align-items: center;background: #D4AF37;color: #fff;padding: 10px;font-size: 1.2rem;border-radius: 5px 5px 0 0;}.calendar-header button.prev-month, .calendar-header button.next-month{background: transparent;width: 50px;border: none;color: #fff;font-size: 1.2rem;cursor: pointer;transition: transform 0.3s ease;}.calendar-header button.prev-month:hover, .calendar-header button.next-month:hover{transform: scale(1.1);}.calendar-title{flex-grow: 1;text-align: center;}.calendar-body{display: grid;grid-template-columns: repeat(7, 1fr);gap: 1px;background: #D4AF37;}.calendar-day{background: #fff;text-align: center;padding: 10px 0;font-size: 0.9rem;cursor: pointer;transition: background 0.3s ease;}.calendar-day.header{background: #f0f0f0;font-weight: bold;}.calendar-day:hover{background: #f0f0f0;}.calendar-day.free{background: #fff;border: 2px solid yellow;}.calendar-day.busy{background: #ff0e38;border: 2px solid red;}.calendar-day.selected{background: #D4AF37;color: #fff;}.toast-message{position: fixed;bottom: 20px;left: 50%;transform: translateX(-50%);background: rgba(0, 0, 0, 0.8);color: #fff;padding: 10px 20px;border-radius: 5px;z-index: 300;font-size: 1rem;text-align: center;}@media (max-width: 768px){.about-container{flex-direction: column;}.timeline{flex-direction: column;align-items: center;}.testimonial{flex: 0 0 100%;}.packages{flex-direction: column;align-items: center;}#navbar .container{justify-content: space-between;}.burger-menu{display: block;}.nav-links{display: flex;justify-content: center;align-items: center;flex-direction: column;gap: 16px;background: rgba(0, 0, 0, 0.8);position: absolute;top: 100%;left: 0;width: 100%;padding: 10px 0 30px 0;opacity: 0;transform: translateY(-20px);pointer-events: none;transition: opacity 0.3s ease, transform 0.3s ease;}.nav-links.active{opacity: 1;transform: translateY(0);pointer-events: auto;}.nav-links .dropdown > a{display: block;padding: 10px;}.nav-links .dropdown .dropdown-menu{display: block;border-radius: 8px;position: absolute;left: -50%;}.nav-links .dropdown.active .dropdown-menu{}#party-code-container{width: 90% !important;left: 50% !important;bottom: 20px;transform: translateX(-50%);padding: 0;}.right_button{margin-left: 0;}.about-text{text-align: center;padding: 20px;}.about-text h2::after{left: 50%;transform: translate(-50%);bottom: -12px;}.about-image{transform: translate(00px, 40px) !important;}.hero-content h1{font-size: 2rem;}#logo-container img{margin-top: -40px;}.testimonial-controls{display: none !important;}}@media (max-width: 540px){.event-selector::after{display: none;}.event-selector select{margin-top: 8px;}.album-option .album-popup{left: 75% !important;}.kontakt{width: 230px !important;margin-left: 0;margin-top: 10px;}#button_container_from_about{margin-top: 15px;}#logo-container{transform: translate(-50%, -70%) !important;}}.about{background: #f9f9f9;padding: 80px 20px;border-top: 3px solid #D4AF37;}.about-container{display: flex;align-items: center;justify-content: center;max-width: 1200px;margin: auto;flex-wrap: wrap;gap: 30px;position: relative;}.about-image{flex: 0 0 150px;}.about-image img{width: 200px;height: 200px;border-radius: 50%;object-fit: cover;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);border: 2px solid #D4AF37;}.about-image span{position: absolute;bottom: -10px;right: 0px;color: #fff;padding: 8px 15px;background: #D4AF37;border-radius: 50px;font-size: .85rem;letter-spacing: .5px;}.about-text{flex: 1;display: flex;flex-direction: column;justify-content: center;padding: 20px 20px 20px 80px;}.about-text h2{font-size: 2.5rem;color: #333;margin-bottom: 20px;position: relative;}.about-text h2::after{position: absolute;bottom: -5px;left: 0;background: #D4AF37;width: 80px;height: 3px;content: '';}.about-text p{font-size: 1.1rem;line-height: 1.8;color: #555;margin-bottom: 20px;}.about-text .cta-btn{width: 230px;}.kontakt{margin-left: 8px;width: 180px !important;background: transparent;color:rgba(212, 175, 55, 0.8)}.kontakt:hover{background: #eee;}.features li{list-style: none;margin: 10px 0;padding-left: 20px;position: relative;font-size: 1rem;color: #333;}.features li::before{content: "✔";position: absolute;left: 0;color: #D4AF37;}.portfolio{background: #fff;padding: 80px 20px;text-align: center;position: relative;}.portfolio h2{font-size: 2.5rem;color: #333;margin-bottom: 40px;}.gallery{display: flex;flex-wrap: wrap;gap: 30px;justify-content: center;}.gallery-item{position: relative;overflow: hidden;border-radius: 10px;cursor: pointer;}.gallery-item img{width: 300px;height: 200px;object-fit: cover;transition: transform 0.4s ease, box-shadow 0.4s ease;}.gallery-item:hover img{transform: scale(1.08);box-shadow: 0 8px 20px rgba(0,0,0,0.2);}.gallery-item .overlay{position: absolute;bottom: 0;left: 0;right: 0;backdrop-filter: blur(1px);-webkit-backdrop-filter: blur(1px);color: #fff;padding: 10px;opacity: 0;transition: opacity 0.3s ease;box-shadow: inset 0px -50px 50px -20px rgba(0, 0, 0, 1);}.gallery-item .overlay p{font-weight: 700;}.gallery-item:hover .overlay{opacity: 1;}.scroll-arrow{margin-top: 20px;}#strzalka_w_dol{position: absolute;width: 80px;top: 99px;transform: translate(140px, -5px);display: none;}#napis_nad_strzalka{display: none;position: absolute;font-size: .7rem;color: #444;top: 65px;transform: translate(120px, 0px);text-align: center;}.process{background: #fafafa;padding: 80px 20px;text-align: center;border-top: 3px solid #D4AF37;}.process h2{font-size: 2.5rem;color: #333;margin-bottom: 40px;}.timeline{display: flex;justify-content: space-evenly;flex-wrap: wrap;gap: 20px;}.timeline-step{background: #fff;padding: 20px;border-radius: 10px;box-shadow: 0 4px 8px rgba(0,0,0,0.1);transition: transform 0.3s ease;flex: 1;max-width: 220px;display: flex;flex-direction: column;align-items: center;text-align: center;}
.timeline-step:hover{transform: translateY(-8px);}.timeline-step img{width: 150px;height: 150px;object-fit: cover;border-radius: 10px;margin-bottom: 15px;}.timeline-step p{font-size: 1rem;color: #444;}.opinie{background: #f0f0f0;padding: 80px 20px;text-align: center;}.opinie h2{font-size: 2.5rem;color: #333;margin-bottom: 20px;padding-bottom: 0;}.oferta{background: #fff;padding: 80px 20px;text-align: center;border-top: 3px solid #D4AF37;}.oferta h2{font-size: 2.5rem;color: #333;margin-bottom: 40px;}.footer{background: #333;color: #fff;padding: 60px 20px;}.footer h2{font-size: 2rem;margin-bottom: 20px;color: #fff;}.footer p, .footer a{font-size: 1rem;color: #ccc;}.footer a:hover{color: #D4AF37;}.footer .footer-content{display: flex;gap: 30px;flex-wrap: wrap;justify-content: space-between;}.back-to-top{text-align: center;margin-top: 20px;}.back-to-top a{font-size: 1rem;color: #D4AF37;text-decoration: none;transition: color 0.3s ease;}.back-to-top a:hover{color: #fff;}@media only screen and (max-width: 660px){#strzalka_w_dol{display: block;}#napis_nad_strzalka{display: block;}}.testimonial-carousel-container{position: relative;width: 100%;height: 300px;overflow: hidden;margin: 40px auto;user-select: none;}.testimonial-carousel{position: absolute;width: 100%;height: 100%;transform-origin: 50% 150px;transition: transform 0.5s ease;margin-top: 540px;}.testimonial-item{position: absolute;width: 400px;height: 200px;left: 50%;top: 150px;margin-left: -200px;margin-top: -100px;background: #fff;border-radius: 10px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);padding: 10px;text-align: center;display: flex;flex-direction: column;justify-content: center;transition: opacity 0.3s ease;cursor: grab;}.testimonial-item:active{cursor: grabbing;}.testimonial-item img{width: 30px;border-radius: 50%;position: absolute;top: 10px;left: 10px;}#imie{font-size: 1.2rem;font-weight: 700;position: absolute;top: 40px;left: 50%;transform: translate(-50%);}.testimonial-item:nth-child(1){transform: rotate(0deg) translateY(-550px);}.testimonial-item:nth-child(2){transform: rotate(45deg) translateY(-550px);}.testimonial-item:nth-child(3){transform: rotate(90deg) translateY(-550px);}.testimonial-item:nth-child(4){transform: rotate(135deg) translateY(-550px);}.testimonial-item:nth-child(5){transform: rotate(180deg) translateY(-550px);}.testimonial-item:nth-child(6){transform: rotate(225deg) translateY(-550px);}.testimonial-item:nth-child(7){transform: rotate(270deg) translateY(-550px);}.testimonial-item:nth-child(8){transform: rotate(315deg) translateY(-550px);}.testimonial-item .rating{margin-top: 10px;font-size: 1.2rem;color: #D4AF37;position: absolute;bottom: 10px;left: 50%;transform: translate(-50%);}.testimonial-controls{position: absolute;width: 80%;margin-left: 50%;transform: translate(-50%);bottom: 120px;display: flex;justify-content: space-between;padding: 0 20px;z-index: 10;}.control-btn{background: rgba(0, 0, 0, 0.6);border: none;color: #fff;font-size: 1.5rem;padding: 5px 10px;border-radius: 5px;cursor: pointer;transition: background 0.3s ease;}.control-btn:hover{background: rgba(0, 0, 0, 0.8);}#opinie_tel_container{width: 90%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;margin: auto;gap: 10px;display: none;}.opinia{width: 100%;height: auto;background: #fff;border-radius: 10px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);padding: 10px;text-align: center;display: flex;flex-direction: column;justify-content: center;transition: opacity 0.3s ease;cursor: grab;}.opinia img{width: 30px;border-radius: 50%;}@media (max-width: 540px){.testimonial-carousel-container{display: none;}.opinie h2{margin-bottom: 50px;}#opinie_tel_container{display: flex;}}
/* === DEMO OVERLAY === */
.demo-overlay{
  position: fixed; inset: 0;
  background: rgba(0,0,0,.72);
  color: #fff; z-index: 9999;
  display: grid; place-items: center;
  text-align: center; padding: 24px;
  pointer-events: none; /* klik przez overlay */
  opacity: 0; transform: scale(1.02);
  transition: opacity .35s ease, transform .35s ease;
}
.demo-overlay.show{ opacity:1; transform: scale(1); }
.demo-overlay .demo-box{
  max-width: 680px; line-height: 1.5; font-size: clamp(16px,2.2vw,20px);
  background: rgba(0,0,0,.35); border:1px solid rgba(255,255,255,.15);
  border-radius: 16px; padding: 22px 20px;
  backdrop-filter: blur(6px);
}
.demo-overlay .demo-title{ font-weight: 700; margin-bottom: 6px; font-size: 1.15em; }

/* === DEMO HIGHLIGHT (złoty puls) === */
.demo-highlight{
  position: relative; isolation: isolate;
  animation: demoPulseScale 1.4s ease-in-out .5s infinite;
}
.demo-highlight::after{
  content: ""; position: absolute; inset: -8px;
  border-radius: 14px; z-index: -1;
  box-shadow: 0 0 0 0 rgba(223,189,0,.65);
  animation: demoPulseShadow 1.4s ease-in-out .5s infinite;
}

@keyframes demoPulseScale{
  0%,100%{ transform: scale(1); }
  50%    { transform: scale(1.04); }
}
@keyframes demoPulseShadow{
  0%,100%{ box-shadow: 0 0 0 0 rgba(223,189,0,.65); }
  50%    { box-shadow: 0 0 24px 6px rgba(223,189,0,.55); }
}

/* Tip pod polem kodu */
.demo-tip{
  margin-top: 10px; font-size: .95rem; color: #dfbd00; text-align: center;
}
/* upewnij się, że demo stoi ponad przyciskiem i innymi overlay’ami */
#party-code-container{z-index:11000}
/* === DEMO overlay / highlight === */
.demo-overlay{
  position:fixed; inset:0; z-index:99999;
  background:rgba(0,0,0,.7);
  display:flex; align-items:center; justify-content:center;
  padding:24px; opacity:0; pointer-events:none;
  transition:opacity .25s ease;
}
.demo-overlay.is-visible{opacity:1; pointer-events:auto;}
.demo-box{
  max-width:820px; width:92%;
  background:rgba(18,18,18,.9);
  border:1px solid rgba(212,175,55,.6);
  border-radius:16px; color:#fff;
  box-shadow:0 20px 60px rgba(0,0,0,.5);
  padding:28px; text-align:center;
}
.demo-box h3{margin:0 0 10px 0; font-size:clamp(18px,2.5vw,28px);}
.demo-box p{margin:0; opacity:.92; line-height:1.5;}
.demo-close{
  margin-top:16px; background:#D4AF37; color:#000; font-weight:700;
  border:0; border-radius:10px; padding:10px 16px; cursor:pointer;
}
.demo-highlight{
  position:relative; z-index:99998 !important;
  animation:demoPulseShadow 1.2s ease-in-out infinite;
}
