* {margin: 0;padding: 0;box-sizing: border-box;}
html, body {font-family: Arial, sans-serif;background: linear-gradient(180deg, #d1d1d1, #ffffff);color: #333;padding: 0;margin: 0;overflow-x: hidden;}
.container {max-width: 1100px;margin: 0 auto;padding: 20px;}
.logo {position: absolute;z-index: 15;left: 50px;top: 30px;transform: translateX(0) scale(1);transition: transform 0.5s ease, opacity 0.3s ease;border: 2px solid white;background-color: transparent;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);border-radius: 10% 0 10% 0;display: flex;justify-content: center;align-items: center;}
.logo img {height: 60px;display: block;}
.logo.hidden {opacity: 0;transform: translateX(0) scale(0.5) rotate(-180deg);}
header {background-color: transparent;color: #fff;height: 120px;display: flex;justify-content: center;align-items: center;position: fixed;top: 0;width: 100%;z-index: 10;padding: 20px 10px;}
.content h1 {font-size: 65px;margin-bottom: 20px;font-weight: 900;text-transform: uppercase;text-shadow: 6px 6px 15px rgba(0, 0, 0, 0.9);white-space: nowrap;text-align: center;}
.slider {position: relative;width: 100%;height: calc(100vh - 30px);overflow: hidden;}
.slides {display: flex;transition: transform 1s ease;height: 100%;}
.slide {min-width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.slide img {width: 100%;height: 100%;object-fit: cover;}
.content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;color: #fff;text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);}
.cta-text {font-size: 24px;font-weight: bold;background: rgba(0, 0, 0, 0.6);padding: 15px 25px;border-radius: 10px;display: inline-block;}
.buttons {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;margin-top: 25px;}
.buttons a {display: inline-block;background: #ff4500;color: #fff;font-weight: bold;padding: 15px 25px;font-size: 20px;border-radius: 10px;text-decoration: none;box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.9);transition: all 0.3s ease, transform 0.3s ease;margin: 10px;opacity: 0;animation: text-effect 1.5s forwards, shake-interval 5s infinite 2s;}
.buttons a:hover {background: #da3a3a;transform: scale(1.1);}
@keyframes text-effect {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}
@keyframes shake-interval {0%,100% {transform: translateX(0);}10%,30%,50%,70%,90% {transform: translateX(-3px);}20%,40%,60%,80% {transform: translateX(3px);}}
@media (max-width: 1200px) {.content h1 {font-size: 45px;white-space: normal;}.buttons a {font-size: 18px;}.logo {left: 40px;}}
@media (max-width: 900px) {.content h1 {font-size: 50px;}}
@media (max-width: 768px) {header {height: 100px;}
.content h1 {font-size: 35px;margin-bottom: 15px;white-space: normal;}
.cta-text {font-size: 20px;padding: 10px 20px;}
.buttons a {font-size: 16px;padding: 12px 22px;}
.logo {left: 30px;}}
@media (max-width: 480px) {.content h1 {font-size: 30px;margin-bottom: 10px;}
.cta-text {font-size: 18px;padding: 8px 15px;}
.buttons {flex-direction: column;}
.buttons a {width: 80%;text-align: center;font-size: 14px;padding: 10px 18px;}.logo {left: 20px;}
.reviews {padding: 10px;}}
@media (max-width: 375px) and (max-height: 667px) {.content h1 {font-size: 60px;margin-bottom: 10px;}}
@media (max-width: 390px) and (max-height: 844px) {.content h1 {margin: 50px;}}
@media (max-width: 540px) and (max-height: 720px) {.content h1 {font-size: 25px;margin: 80px;}}
@media (max-width: 280px) and (max-height: 653px) {.content h1 {font-size: 30px;margin-bottom: 10px;}}
.pizza-section:first-of-type {margin-top: 50px;}
.pizza-section {background: linear-gradient(180deg, #d1d1d1, #ffffff);padding: 30px 20px;margin-bottom: 50px;border-radius: 15px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;text-align: left;width: 70%;margin-left: auto;margin-right: auto;box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);transition: box-shadow 0.6s ease;}
.pizza-section:hover {box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);}
.pizza-section .text-content {max-width: 650px;margin: 0 20px;padding: 20px;}
.pizza-section h2 {font-size: 2.2rem;color: #ff4500;font-weight: bold;margin-bottom: 15px;transition: transform 0.3s ease, color 0.3s ease;}
.pizza-section h2:hover {transform: translateY(-3px);color: #da3a3a;}
.pizza-section p {font-size: 1.2rem;line-height: 1.6;color: #555;margin-bottom: 15px;max-width: 550px;}
.pizza-section .section-image {max-width: 300px;height: auto;border-radius: 8px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);margin: 10px;object-fit: contain;transition: transform 0.5s ease, box-shadow 0.5s ease, opacity 0.5s ease;max-height: 450px;}
.pizza-section .section-image:hover {transform: scale(1.1) translateY(-10px);opacity: 1;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);}
@keyframes fadeIn {to {opacity: 1;transform: scale(1);}}
@keyframes slideUp {0% {opacity: 0;transform: translateY(30px);}100% {opacity: 1;transform: translateY(0);}}
@media (min-width: 1000px) {.pizza-section {width: 70%;}
.pizza-section .section-content {display: flex;align-items: center;justify-content: space-between;width: 100%;gap: 30px;}
.pizza-section:nth-child(odd) .section-content {flex-direction: row;}
.pizza-section:nth-child(even) .section-content {flex-direction: row-reverse;}}
@media (max-width: 999px) {.pizza-section {width: 100%;margin: 0;border-radius: 0;padding: 20px 10px;}
.pizza-section .section-content {flex-direction: column;text-align: center;}
.pizza-section .text-content {max-width: 90%;margin: 0 auto;padding: 10px;text-align: left;}
.pizza-section h2 {text-align: center;}}
@media (max-width: 320px) {.pizza-section {width: 100%;padding: 10px 5px;box-sizing: border-box;overflow: hidden;}
.pizza-section .text-content {font-size: 1rem;max-width: 100%;text-align: left;}
.pizza-section .section-image {max-width: 100%;height: auto;display: block;margin: 0 auto;object-fit: contain;}
.pizza-section h2 {text-align: center;}}
.reviews-section {font-family: Arial, sans-serif !important;font-size: 1rem;background: linear-gradient(180deg, #d1d1d1, #ffffff);padding: 30px 20px;margin-bottom: 50px;border-radius: 15px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;width: 70%;margin-left: auto;margin-right: auto;box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);transition: box-shadow 0.6s ease;text-align: left; }
.reviews-section:hover {box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);}
.reviews-section .section-content {display: flex;align-items: center;justify-content: space-between;width: 100%;gap: 30px;}
.reviews-section .text-content {max-width: 650px;margin: 0 20px;padding: 20px;}
.reviews-section h2 {font-size: 2.2rem;color: #ff4500;text-align: center;word-wrap: break-word;white-space: normal;margin-bottom: 20px;}
.reviews-section h2:hover {transform: translateY(-3px);color: #da3a3a;}
.reviews h2 {transition: none !important;transform: none !important;}
.reviews-section p {font-size: 1.2rem;line-height: 1.6;color: #555;margin-bottom: 15px;max-width: 550px;}
.reviews {max-width: 100%;padding: 20px;overflow: hidden;text-align: center;}
.review-button {display: inline-block;background: #ff4500;color: #fff;font-weight: bold;padding: 10px 10px;font-size: 20px;border-radius: 10px;text-decoration: none;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);transition: all 0.3s ease, transform 0.3s ease;margin: 10px;opacity: 1;animation: slide-in-bottom 1.5s forwards, shake-interval 8s infinite 2s;}
.review-button:hover {background: #da3a3a;transform: scale(1.1);}
@keyframes fadeIn {to {opacity: 1;transform: scale(1);}}
@keyframes slideUp {0% {opacity: 0;transform: translateY(30px);}100% {opacity: 1;transform: translateY(0);}}
@media (min-width: 1000px) {.reviews-section {width: 70%;}
.reviews-section .section-content {display: flex;align-items: center;justify-content: space-between;width: 100%;gap: 30px;}
.reviews-section:nth-child(odd) .section-content {flex-direction: row;}
.reviews-section:nth-child(even) .section-content {flex-direction: row-reverse;}}
@media (max-width: 999px) {.reviews-section {width: 100%;margin: 0;border-radius: 0;padding: 20px 10px;}
.reviews-section .section-content {flex-direction: column;text-align: center;}
.reviews-section .text-content {max-width: 90%;margin: 0 auto;padding: 10px;text-align: left;}
.reviews-section .section-image {max-width: 90%;height: auto;object-fit: contain;}
.reviews-section h2 {text-align: center;}}
@media (max-width: 320px) {.reviews-section {width: 100%;padding: 10px 5px;box-sizing: border-box;overflow: hidden;}
.reviews-section .text-content {font-size: 1rem;max-width: 100%;text-align: left;}
.reviews-section .section-image {max-width: 100%;height: auto;display: block;margin: 0 auto;object-fit: contain;}
.reviews-section h2 {text-align: center;white-space: wrap; }}
#kontakty {text-align: center;display: flex;justify-content: center;align-items: center;}
.card-container {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 20px;margin: 0 auto;}
.card {background-color: #fff;padding: 30px;border-radius: 15px;background: linear-gradient(180deg, #d1d1d1, #ffffff);width: 32%;text-align: left;transition: transform 0.3s ease, box-shadow 0.3s ease;font-size: 1rem;margin-bottom: 10px;transform: scale(1);transition: transform 0.4s ease-out, box-shadow 0.3s ease;will-change: transform;}
.card:hover {transform: scale(1.05) translateZ(10px);box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);}
.contact-card {padding: 40px;text-align: left;}
.opening-hours p {display: flex;justify-content: space-between;font-weight: 500;margin: 10px 0;}
.opening-hours p.highlight,h3,h4,#kontakty a {font-size: 1rem;color: #ff8c00;font-weight: bold;margin-bottom: 15px;text-decoration: none;}
.opening-hours p.highlight:hover,h3:hover,h4:hover,#kontakty a:hover {color: #da3a3a;}
.contact-card p {display: flex;text-align: left;margin-bottom: 15px;font-weight: 500;}
.map-card {padding: 0;}
.map-card iframe {width: 100%;height: 100%;border-radius: 8px;border: none;display: block;}
@media (max-width: 1024px) {.card {width: 100%;}}
@media (max-width: 768px) {.card {width: 100%;}}
.social-icons {display: flex;justify-content: center;gap: 20px;font-size: 2rem;margin: 0 15px;color: #555;transition: transform 0.4s ease, color 0.4s ease;}
.social-icons a {text-decoration: none;padding-left: 20px;}
.contact-icon {margin-right: 10px;}
@keyframes pulse {0% {transform: scale(1);opacity: 1;}50% {transform: scale(1.1);opacity: 0.8;}100% {transform: scale(1);opacity: 1;}}
footer {background-color: #000;color: #fff;padding: 20px;text-align: center;
}.footer-container {width: 70%;margin: 0 auto;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}.footer-left {text-align: left;flex: 1;min-width: 250px;}
.footer-right {text-align: right;flex: 1;min-width: 250px;}
.footer-right a {display: block;color: white;text-decoration: none;font-weight: bold;transition: color var(--transition-speed);}
.footer-right a:hover {color: #da3a3a;}
.footer-author,.footer-rights {text-align: center;margin-top: 10px;}
@media (max-width: 768px) {.footer-container {flex-direction: column;align-items: center;text-align: center;}.footer-left,.footer-right {text-align: center;flex: 1;min-width: auto;}
.footer-author,.footer-rights {text-align: center;margin-top: 10px;}}
.cookie-banner {position: fixed;bottom: 0;left: 0;width: 100%;background-color: #333;color: white;padding: 15px;text-align: center;display: none;z-index: 1000;}
.cookie-banner-content {width: 70%;margin: 0 auto;text-align: left;line-height: 1.5;}
.cookie-btn {background-color: #d51e1e;color: white;border: none;padding: 10px 20px;margin: 5px;cursor: pointer;border-radius: 5px;}
.cookie-settings-modal {display: none;position: fixed;bottom: 50%;left: 50%;transform: translate(-50%, 50%);background-color: #333;padding: 20px;border: 1px solid #ccc;z-index: 1001;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);}
.cookie-settings-modal h3 {margin-top: 0;}