/* Extracted Production Styles */

    
    
    .live-preview-container {
      --heading-font: "Playfair Display", serif;
      --body-font: "Poppins", sans-serif;
      --nav-font: "Poppins", sans-serif;
    }
    .live-preview-container > div[id] {
      scroll-margin-top: 100px;
    }
    @media (min-width: 1024px) {
      .live-preview-container > div[id] {
        scroll-margin-top: 150px;
      }
    }
    @media (max-width: 767px) {
      .live-preview-container section:not([data-section-type="hero"]):not([data-section-type="page-header"]) {
        padding-top: max(var(--section-pt, 1rem), 1.5rem) !important;
      }
    }
    .live-preview-container h1, .live-preview-container h2, .live-preview-container h3, .live-preview-container .font-serif, .live-preview-container .hero-h1 {
      font-family: var(--heading-font) !important;
    }
     /* Fonty Textu (P): Použijeme --body-font */
    .live-preview-container .p-font,
    .live-preview-container p,
    .live-preview-container li,
    .live-preview-container span:not(.h1-font, .h2-font, .h3-font),
    .live-preview-container .hero-mobile-labels,
    .live-preview-container .footer-value,
    .live-preview-container .footer-label {
      font-family: var(--body-font), sans-serif !important;
    }
    .live-preview-container .nav-link, .live-preview-container .logo-text {
      font-family: var(--nav-font) !important;
    }

    .live-preview-container .hero-h1 { font-size: 1.8125rem !important; line-height: 1.1 !important; color: #FFFFFF !important; }
    .live-preview-container .hero-mobile-labels { font-size: 0.5625rem !important; color: #FFFFFF !important; }
    .live-preview-container .hero-p { font-size: 1.125rem !important; line-height: 1.6 !important; color: #F3F4F6 !important; }
    .live-preview-container h1:not(.hero-h1) { font-size: 2.5rem !important; line-height: 1.1 !important; color: #111827 !important; }
    .live-preview-container h2:not(.footer-h2) { font-size: 1.75rem !important; line-height: 1.2 !important; color: #111827 !important; }
    .live-preview-container h3 { font-size: 1.2291rem !important; line-height: 1.3 !important; color: #111827 !important; }
    .live-preview-container p:not(.hero-p):not(.footer-p):not(.footer-label):not(.footer-value):not(.surroundings-label) { font-size: 0.8125rem !important; line-height: 1.6 !important; color: #374151 !important; }
    .live-preview-container li { font-size: 1rem !important; line-height: 1.6 !important; color: #374151 !important; }
    .live-preview-container .nav-link { font-size: 0.75rem !important; color: #6B7280 !important; }
    .live-preview-container .footer-h2 { font-size: 1.75rem !important; line-height: 1.2 !important; color: #FFFFFF !important; }
    .live-preview-container .footer-p { font-size: 0.8125rem !important; line-height: 1.6 !important; color: #FFFFFF !important; }
    .live-preview-container .footer-label { font-size: 0.75rem !important; color: #9CA3AF !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; }
    .live-preview-container .footer-value { font-size: 1.25rem !important; color: #FFFFFF !important; line-height: 1.2 !important; }
    
    @media (min-width: 768px) {
      .live-preview-container .hero-h1 { font-size: 4.4284rem !important; }
      .live-preview-container .hero-mobile-labels { font-size: 0.875rem !important; }
      .live-preview-container .hero-p { font-size: 1.5rem !important; }
      .live-preview-container h1:not(.hero-h1) { font-size: 3.75rem !important; }
      .live-preview-container h2:not(.footer-h2) { font-size: 3rem !important; }
      .live-preview-container h3 { font-size: 2.125rem !important; }
      .live-preview-container p:not(.hero-p):not(.footer-p):not(.footer-label):not(.footer-value):not(.surroundings-label) { font-size: 1.125rem !important; color: #374151 !important; }
      .live-preview-container li { font-size: 1.125rem !important; }
      .live-preview-container .nav-link { font-size: 0.875rem !important; }
      .live-preview-container .footer-h2 { font-size: 3rem !important; }
      .live-preview-container .footer-p { font-size: 1.125rem !important; }
      .live-preview-container .footer-label { font-size: 0.75rem !important; }
      .live-preview-container .footer-value { font-size: 1.875rem !important; }
      .live-preview-container .nav-link:not([class*="rounded-full"]) {
        display: inline-block;
        will-change: transform;
        transition: color 0.22s ease, transform 0.22s cubic-bezier(0.34,1.56,0.64,1) !important;
      }
      .live-preview-container .nav-link:not([class*="rounded-full"]):hover {
        color: #111827 !important;
        transform: translateY(-2px) scale(1.07) !important;
      }
    }
  

         @keyframes shimmer {
            0% { transform: translateX(-150%) skewX(-25deg); }
            50%, 100% { transform: translateX(250%) skewX(-25deg); }
         }
         .animate-shimmer {
            position: relative;
            overflow: hidden;
         }
         .animate-shimmer::after {
            content: "";
            position: absolute;
            top: 0; left: 0; width: 40%; height: 100%;
            background: linear-gradient(to right, transparent, rgba(255,255,255,0.3), rgba(255,255,255,0.5), rgba(255,255,255,0.3), transparent);
            animation: shimmer 3s infinite linear;
            filter: blur(4px);
         }
          @keyframes border-beam-top {
            0% { transform: translateX(-120%); opacity: 0; }
            30% { opacity: 1; }
            70% { opacity: 1; }
            100% { transform: translateX(120%); opacity: 0; }
          }
          @keyframes border-beam-bottom {
            0% { transform: translateX(120%); opacity: 0; }
            30% { opacity: 1; }
            70% { opacity: 1; }
            100% { transform: translateX(-120%); opacity: 0; }
          }
          .beam-top {
            position: absolute; top: 0; left: 15%; width: 70%; height: 2px;
            background: linear-gradient(to right, transparent, rgba(255,255,255,0.4), transparent);
            animation: border-beam-top 4s ease-in-out infinite;
            filter: blur(1px);
          }
          .beam-bottom {
            position: absolute; bottom: 0; right: 15%; width: 70%; height: 2px;
            background: linear-gradient(to left, transparent, rgba(255,255,255,0.4), transparent);
            animation: border-beam-bottom 4s ease-in-out infinite;
            filter: blur(1px);
          }
         #hero .hero-content-container {
            --hero-x-mobile: 0vw;
            --hero-y-mobile: 0vh;
            --hero-width-mobile: 22rem;
            --hero-x-desktop: -16vw;
            --hero-y-desktop: -4vh;
            --hero-width-desktop: 52rem;
            
            transform: translate(var(--hero-x-mobile), var(--hero-y-mobile)) !important;
            width: var(--hero-width-mobile) !important;
            max-width: 90vw !important;
         }
         #hero .hero-cta-button {
            font-size: 0.775rem !important;
         }
         .hero-mobile-labels {
            white-space: nowrap;
         }
         @media (min-width: 640px) {
            #hero .hero-content-container {
                transform: translate(var(--hero-x-desktop), var(--hero-y-desktop)) !important;
                width: var(--hero-width-desktop) !important;
                max-width: 95vw !important;
            }
            #hero .hero-cta-button {
                font-size: 1rem !important;
            }
         }
         
      

        @keyframes stamp {
          0% { opacity: 0; transform: scale(3) rotate(-15deg); filter: blur(5px); }
          70% { opacity: 1; transform: scale(1) rotate(0deg); filter: blur(0px); }
          85% { transform: scale(1.1); }
          100% { opacity: 1; transform: scale(1) rotate(0deg); }
        }
        .animate-stamp {
          animation: stamp 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
          opacity: 0;
        }
      

    
    
    .live-preview-container {
      --heading-font: "Playfair Display", serif;
      --body-font: "Poppins", sans-serif;
      --nav-font: "Poppins", sans-serif;
    }
    .live-preview-container > div[id] {
      scroll-margin-top: 100px;
    }
    @media (min-width: 1024px) {
      .live-preview-container > div[id] {
        scroll-margin-top: 150px;
      }
    }
    @media (max-width: 767px) {
      .live-preview-container section:not([data-section-type="hero"]):not([data-section-type="page-header"]) {
        padding-top: max(var(--section-pt, 1rem), 1.5rem) !important;
      }
    }
    .live-preview-container h1, .live-preview-container h2, .live-preview-container h3, .live-preview-container .font-serif, .live-preview-container .hero-h1 {
      font-family: var(--heading-font) !important;
    }
     /* Fonty Textu (P): Použijeme --body-font */
    .live-preview-container .p-font,
    .live-preview-container p,
    .live-preview-container li,
    .live-preview-container span:not(.h1-font, .h2-font, .h3-font),
    .live-preview-container .hero-mobile-labels,
    .live-preview-container .footer-value,
    .live-preview-container .footer-label {
      font-family: var(--body-font), sans-serif !important;
    }
    .live-preview-container .nav-link, .live-preview-container .logo-text {
      font-family: var(--nav-font) !important;
    }

    .live-preview-container .hero-h1 { font-size: 1.8125rem !important; line-height: 1.1 !important; color: #FFFFFF !important; }
    .live-preview-container .hero-mobile-labels { font-size: 0.5625rem !important; color: #FFFFFF !important; }
    .live-preview-container .hero-p { font-size: 1.125rem !important; line-height: 1.6 !important; color: #F3F4F6 !important; }
    .live-preview-container h1:not(.hero-h1) { font-size: 2.5rem !important; line-height: 1.1 !important; color: #111827 !important; }
    .live-preview-container h2:not(.footer-h2) { font-size: 1.75rem !important; line-height: 1.2 !important; color: #111827 !important; }
    .live-preview-container h3 { font-size: 1.2291rem !important; line-height: 1.3 !important; color: #111827 !important; }
    .live-preview-container p:not(.hero-p):not(.footer-p):not(.footer-label):not(.footer-value):not(.surroundings-label) { font-size: 0.8125rem !important; line-height: 1.6 !important; color: #374151 !important; }
    .live-preview-container li { font-size: 1rem !important; line-height: 1.6 !important; color: #374151 !important; }
    .live-preview-container .nav-link { font-size: 0.75rem !important; color: #6B7280 !important; }
    .live-preview-container .footer-h2 { font-size: 1.75rem !important; line-height: 1.2 !important; color: #FFFFFF !important; }
    .live-preview-container .footer-p { font-size: 0.8125rem !important; line-height: 1.6 !important; color: #FFFFFF !important; }
    .live-preview-container .footer-label { font-size: 0.75rem !important; color: #9CA3AF !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; }
    .live-preview-container .footer-value { font-size: 1.25rem !important; color: #FFFFFF !important; line-height: 1.2 !important; }
    
    @media (min-width: 768px) {
      .live-preview-container .hero-h1 { font-size: 4.4284rem !important; }
      .live-preview-container .hero-mobile-labels { font-size: 0.875rem !important; }
      .live-preview-container .hero-p { font-size: 1.5rem !important; }
      .live-preview-container h1:not(.hero-h1) { font-size: 3.75rem !important; }
      .live-preview-container h2:not(.footer-h2) { font-size: 3rem !important; }
      .live-preview-container h3 { font-size: 2.125rem !important; }
      .live-preview-container p:not(.hero-p):not(.footer-p):not(.footer-label):not(.footer-value):not(.surroundings-label) { font-size: 1.125rem !important; color: #374151 !important; }
      .live-preview-container li { font-size: 1.125rem !important; }
      .live-preview-container .nav-link { font-size: 0.875rem !important; }
      .live-preview-container .footer-h2 { font-size: 3rem !important; }
      .live-preview-container .footer-p { font-size: 1.125rem !important; }
      .live-preview-container .footer-label { font-size: 0.75rem !important; }
      .live-preview-container .footer-value { font-size: 1.875rem !important; }
      .live-preview-container .nav-link:not([class*="rounded-full"]) {
        display: inline-block;
        will-change: transform;
        transition: color 0.22s ease, transform 0.22s cubic-bezier(0.34,1.56,0.64,1) !important;
      }
      .live-preview-container .nav-link:not([class*="rounded-full"]):hover {
        color: #111827 !important;
        transform: translateY(-2px) scale(1.07) !important;
      }
    }
  

    
    
    .live-preview-container {
      --heading-font: "Playfair Display", serif;
      --body-font: "Poppins", sans-serif;
      --nav-font: "Poppins", sans-serif;
    }
    .live-preview-container > div[id] {
      scroll-margin-top: 100px;
    }
    @media (min-width: 1024px) {
      .live-preview-container > div[id] {
        scroll-margin-top: 150px;
      }
    }
    @media (max-width: 767px) {
      .live-preview-container section:not([data-section-type="hero"]):not([data-section-type="page-header"]) {
        padding-top: max(var(--section-pt, 1rem), 1.5rem) !important;
      }
    }
    .live-preview-container h1, .live-preview-container h2, .live-preview-container h3, .live-preview-container .font-serif, .live-preview-container .hero-h1 {
      font-family: var(--heading-font) !important;
    }
     /* Fonty Textu (P): Použijeme --body-font */
    .live-preview-container .p-font,
    .live-preview-container p,
    .live-preview-container li,
    .live-preview-container span:not(.h1-font, .h2-font, .h3-font),
    .live-preview-container .hero-mobile-labels,
    .live-preview-container .footer-value,
    .live-preview-container .footer-label {
      font-family: var(--body-font), sans-serif !important;
    }
    .live-preview-container .nav-link, .live-preview-container .logo-text {
      font-family: var(--nav-font) !important;
    }

    .live-preview-container .hero-h1 { font-size: 1.8125rem !important; line-height: 1.1 !important; color: #FFFFFF !important; }
    .live-preview-container .hero-mobile-labels { font-size: 0.5625rem !important; color: #FFFFFF !important; }
    .live-preview-container .hero-p { font-size: 1.125rem !important; line-height: 1.6 !important; color: #F3F4F6 !important; }
    .live-preview-container h1:not(.hero-h1) { font-size: 2.5rem !important; line-height: 1.1 !important; color: #111827 !important; }
    .live-preview-container h2:not(.footer-h2) { font-size: 1.75rem !important; line-height: 1.2 !important; color: #111827 !important; }
    .live-preview-container h3 { font-size: 1.2291rem !important; line-height: 1.3 !important; color: #111827 !important; }
    .live-preview-container p:not(.hero-p):not(.footer-p):not(.footer-label):not(.footer-value):not(.surroundings-label) { font-size: 0.8125rem !important; line-height: 1.6 !important; color: #374151 !important; }
    .live-preview-container li { font-size: 1rem !important; line-height: 1.6 !important; color: #374151 !important; }
    .live-preview-container .nav-link { font-size: 0.75rem !important; color: #6B7280 !important; }
    .live-preview-container .footer-h2 { font-size: 1.75rem !important; line-height: 1.2 !important; color: #FFFFFF !important; }
    .live-preview-container .footer-p { font-size: 0.8125rem !important; line-height: 1.6 !important; color: #FFFFFF !important; }
    .live-preview-container .footer-label { font-size: 0.75rem !important; color: #9CA3AF !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; }
    .live-preview-container .footer-value { font-size: 1.25rem !important; color: #FFFFFF !important; line-height: 1.2 !important; }
    
    @media (min-width: 768px) {
      .live-preview-container .hero-h1 { font-size: 4.4284rem !important; }
      .live-preview-container .hero-mobile-labels { font-size: 0.875rem !important; }
      .live-preview-container .hero-p { font-size: 1.5rem !important; }
      .live-preview-container h1:not(.hero-h1) { font-size: 3.75rem !important; }
      .live-preview-container h2:not(.footer-h2) { font-size: 3rem !important; }
      .live-preview-container h3 { font-size: 2.125rem !important; }
      .live-preview-container p:not(.hero-p):not(.footer-p):not(.footer-label):not(.footer-value):not(.surroundings-label) { font-size: 1.125rem !important; color: #374151 !important; }
      .live-preview-container li { font-size: 1.125rem !important; }
      .live-preview-container .nav-link { font-size: 0.875rem !important; }
      .live-preview-container .footer-h2 { font-size: 3rem !important; }
      .live-preview-container .footer-p { font-size: 1.125rem !important; }
      .live-preview-container .footer-label { font-size: 0.75rem !important; }
      .live-preview-container .footer-value { font-size: 1.875rem !important; }
      .live-preview-container .nav-link:not([class*="rounded-full"]) {
        display: inline-block;
        will-change: transform;
        transition: color 0.22s ease, transform 0.22s cubic-bezier(0.34,1.56,0.64,1) !important;
      }
      .live-preview-container .nav-link:not([class*="rounded-full"]):hover {
        color: #111827 !important;
        transform: translateY(-2px) scale(1.07) !important;
      }
    }