html {scroll-behavior: smooth;}body {margin: 0;background: #e7e4dd;color: #4a453f;overflow-x: hidden;font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}.hero {position: relative;height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;z-index: 0;min-height: 500px;}.hero::before {content: '';position: absolute;inset: 0;will-change: opacity;z-index: 1;background: rgb(94, 94, 94);}.overlay {position: relative;z-index: 2;padding: 40px 20px;border-radius: 16px;opacity: 0.3;}.hero h1 {font-size: 4rem;color: #fff;margin-bottom: 10px;}.hero h1 span {display: block;font-size: 1.5rem;margin-top: 80px;color: #fff;}.hero h2 {font-size: 2rem;color: #aba37b;margin-top: 5px;}body.loaded .overlay {opacity: 1;}body.loaded {font-family: 'Montserrat', sans-serif;}body.loaded .hero {background: url('images/Phoenix-by-the-Pool-5-1-1024x678.jpg') center center / cover no-repeat;}body.loaded .hero::before {background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0,0,0,0.9));}body.loaded .hero h1 {font-family: 'Dancing Script', cursive;}body.loaded .hero h1 span {font-family: 'Montserrat', sans-serif;}body.loaded .hero h2 {font-family: 'Parisienne', cursive;}.hero-button {margin-top: 40px;}.scroll-indicator {position: relative;z-index: 2;margin-top: 20px;font-size: 2.5rem;color: #fff;animation: bounce 2s infinite;text-decoration: none;cursor: pointer;display: inline-block;}@keyframes bounce {0%, 100% {transform: translateY(0);}50% {transform: translateY(8px);}}.content {display: flex;flex-direction: column;align-items: center;padding: 40px 20px;}.details {padding: 40px 30px;border-radius: 30px;background: #f1eee7;border: 2px solid #c1b8a9;box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);width: calc(100% - 60px);max-width: 600px;margin-bottom: 40px;text-align: center;position: relative;}.floral-icon {margin-bottom: 20px;animation: pop-in 0.8s ease forwards;}.floral-icon img {width: 50px;filter: brightness(1) saturate(80%) sepia(10%) hue-rotate(30deg);}.floral-icon svg {width: 60px;height: 60px;}.details p {font-size: 1.3rem;margin: 16px 0;}.details hr {border: none;height: 1px;background: #c1b8a9;opacity: 0.3;margin: 12px 0;}.qr {margin-top: 20px;text-align: center;}.qr img {width: 160px;height: 160px;margin-bottom: 10px;}.link-btn > svg {margin-right: 5px;fill: #222222 }.link-btn > * {vertical-align: text-bottom;}.link-btn {display: inline-block;background: #aba37b;color: #222222;text-decoration: none;padding: 12px 22px;border-radius: 8px;font-weight: bold;transition: background 0.3s ease, transform 0.2s ease;}.qr .link-btn, .details .link-btn {background: #aba37b;}.link-btn:hover > svg {fill: #fff }.link-btn:hover {background: #927b52;color: #fff;transform: scale(1.05);}.confirm-btn {margin-right: 20px;}.hero-button .link-btn > svg {margin-right: 0;}.hero-button .confirm-btn.link-btn > svg {margin-right: 5;}.calendar-btn.link-btn > svg {fill: none;}.hero-button .calendar-btn {margin-right: 20px;}.gallery-grid {margin-top: 40px;display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 20px;max-width: 1000px;width: 100%;}.gallery-grid img {width: 100%;height: auto;border-radius: 12px;box-shadow: 0 4px 12px rgba(0,0,0,0.1);}.lightbox-arrow {position: absolute;top: 50%;font-size: 3rem;color: white;cursor: pointer;user-select: none;transform: translateY(-50%);padding: 8px 16px;background: rgba(0, 0, 0, 0.4);z-index: 10000;transition: background 0.3s;}#lightbox-overlay {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.95);display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 9999;cursor: pointer;flex-direction: column;justify-content: center;}#lightbox-image {margin-bottom: 130px;max-width: 90%;max-height: 70vh;border-radius: 12px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);margin-bottom: 20px;}.lightbox-arrow {position: absolute;top: 50%;transform: translateY(-50%);font-size: 3rem;line-height: 5rem;color: white;padding: 0 20px;cursor: pointer;user-select: none;z-index: 10000;}.lightbox-left {left: 0;}.lightbox-right {right: 0;}.lightbox-close {position: absolute;top: 15px;right: 25px;font-size: 2rem;background: rgba(0,0,0,0.4);border: none;color: white;cursor: pointer;z-index: 10001;padding: 0px 12px;transition: background 0.3s ease;}.lightbox-close:hover {background: rgba(0,0,0,0.7);}#lightbox-position {color: #fff;font-size: 1.2rem;margin-bottom: 10px;}.lightbox-thumbs {display: flex;overflow-x: auto;max-width: 90vw;padding: 6px 10px;background: rgba(0, 0, 0, 0.3);border-radius: 10px;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);z-index: 10001;scrollbar-width: thin;gap: 6px;}.lightbox-thumbs img {max-width: 50px;max-height: 50px;border-radius: 6px;cursor: pointer;opacity: 0.6;transition: transform 0.2s, opacity 0.2s;}.lightbox-thumbs img:hover, .lightbox-thumbs img.active {opacity: 1;transform: scale(1.1);border: 2px solid #fff;}a {color: rgb(171, 163, 123);}a:hover {color: rgb(0, 0, 0);}#detalii p > a {font-size: 1.2rem;}@keyframes pop-in {0% {opacity: 0;transform: scale(0.5);}100% {opacity: 1;transform: scale(1);}}@media (max-width: 768px) {.hero h1 {font-size: 2.5rem;margin-top: 50px;}.hero h1 span {margin-top: 50px;}}@media (max-width: 600px) {.hero h1 {font-size: 2.5rem;}.hero h1 span {font-size: 1.1rem;}.hero h2 {font-size: 1.3rem;}.details p {font-size: 1.1rem;}.floral-icon svg {width: 40px;height: 40px;}.link-btn {padding: 15px 18px;font-size: 0.95rem;}div:not(.hero-button) > .link-btn {min-width: 250px;}.qr img {width: 130px;height: 130px;}.scroll-indicator {font-size: 1.5rem;}.hero-button .calendar-btn, .hero-button .confirm-btn {margin-right: 10px;}div:not(.hero-button) > .confirm-btn {margin-bottom: 30px;margin-right: 0;}}@media (max-width: 400px) {.hero-button .link-btn {padding: 15px 14px;font-size: 0.85rem;}div:not(.hero-button) > .link-btn {min-width: 160px;}}@media (max-width: 360px) {.hero-button .link-btn {padding: 15px 16px;font-size: 0;}}