/* Burger button */
  /* Прячем бургер и мобильное меню на десктопах */
  @media (min-width: 769px) {
    .burger-button,
    .mobile-menu {
      display: none !important;
      visibility: hidden !important;
    }
  }

  .burger-button {
    display: none;
    cursor: pointer;
    padding: 10px;
    background: none;
    border: none;
    color: #333;
  }
  
  @media (max-width: 768px) {
    .burger-button {
      display: block;
    }
    
    .desktop-menu {
      display: none;
    }
    
    .mobile-menu {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background: white;
      z-index: 1000;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      padding: 10px 0;
    }
    
    .mobile-menu.active {
      display: block;
    }
    
    .mobile-menu a {
      display: block;
      padding: 12px 20px;
      color: #333;
      text-decoration: none;
      border-bottom: 1px solid #eee;
      transition: background 0.3s;
    }
    
    .mobile-menu a:hover {
      background: #f5f5f5;
    }
    
    .mobile-menu a:last-child {
      background: #4f46e5;
      color: white;
      text-align: center;
      margin: 10px;
      border-radius: 6px;
      border: none;
    }
    
    .mobile-menu a:last-child:hover {
      background: #4338ca;
    }
  }
/*! Optimized Tailwind CSS for villa-princa.ru */
*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}
:before,:after{--tw-content:''}
.container{width:100%}
@media (min-width:640px){.container{max-width:640px}}
@media (min-width:768px){.container{max-width:768px}}
@media (min-width:1024px){.container{max-width:1024px}}
@media (min-width:1280px){.container{max-width:1280px}}
@media (min-width:1536px){.container{max-width:1536px}}
.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}
.sticky{position:sticky}.top-0{top:0}.z-40{z-index:40}.z-50{z-index:50}
.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}
.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}
.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}
.mb-10{margin-bottom:2.5rem}.mr-2{margin-right:.5rem}.mt-4{margin-top:1rem}
.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}
.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}
.h-24{height:6rem}.h-48{height:12rem}.h-56{height:14rem}.h-64{height:16rem}
.h-400{height:400px}.w-full{width:100%}.w-24{width:6rem}
.max-w-3xl{max-width:48rem}.max-w-6xl{max-width:72rem}
.flex-col{flex-direction:column}.items-start{align-items:flex-start}
.items-center{align-items:center}.items-end{align-items:flex-end}
.justify-center{justify-content:center}.justify-between{justify-content:space-between}
.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}
.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}
.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}
.overflow-hidden{overflow:hidden}
.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}
.border{border-width:1px}.border-t{border-top-width:1px}
.border-gray-300{border-color:rgb(209 213 219/1)}
.border-indigo-800{border-color:rgb(55 48 163/1)}
.bg-black\/50{background-color:rgb(0 0 0/.5)}
.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}
.bg-gray-100{background-color:#f3f4f5}.bg-indigo-50{background-color:#eef2ff}
.bg-indigo-600{background-color:#4f46e5}.bg-indigo-700{background-color:#4338ca}
.bg-indigo-800{background-color:#3730a3}.bg-indigo-900{background-color:#312e81}
.object-cover{object-fit:cover}
.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}
.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-8{padding-top:2rem;padding-bottom:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}
.pb-8{padding-bottom:2rem}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}
.pt-8{padding-top:2rem}
.text-center{text-align:center}
.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-6xl{font-size:3.75rem;line-height:1}.text-\[10px\]{font-size:10px}
.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}
.font-extrabold{font-weight:800}.leading-tight{line-height:1.25}
.text-white{color:#fff}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}
.text-gray-900{color:#111827}.text-indigo-200{color:#c7d2fe}
.text-indigo-300{color:#a5b4fc}.text-indigo-600{color:#4f46e5}
.text-indigo-700{color:#4338ca}.text-indigo-800{color:#3730a3}
.text-indigo-900{color:#312e81}
.opacity-70{opacity:.7}.opacity-95{opacity:.95}
.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}
.shadow-sm{box-shadow:0 1px 2px 0 #0000000d}
.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}
.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}
.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}
.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000}
.ring-indigo-500{--tw-ring-color:#6366f1}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.duration-300{transition-duration:300ms}
.cursor-pointer{cursor:pointer}.select-none{user-select:none}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.flex-wrap{flex-wrap:wrap}.gap-3{gap:.75rem}

/* Mobile menu */
@media (min-width:769px){.burger-button,.mobile-menu{display:none!important;visibility:hidden!important}}
.burger-button{display:none;cursor:pointer;padding:10px;background:none;border:none;color:#333}
@media (max-width:768px){.burger-button{display:block}.desktop-menu{display:none}
.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;z-index:1000;box-shadow:0 4px 6px #0000001a;padding:10px 0}
.mobile-menu.active{display:block}
.mobile-menu a{display:block;padding:12px 20px;color:#333;text-decoration:none;border-bottom:1px solid #eee;transition:background .3s}
.mobile-menu a:hover{background:#f5f5f5}
.mobile-menu a:last-child{background:#4f46e5;color:#fff;text-align:center;margin:10px;border-radius:6px;border:none}
.mobile-menu a:last-child:hover{background:#4338ca}}

/* Custom styles */
.hero{background:linear-gradient(#0000008c,#0000008c),url('/img/hero-main.webp') center/cover no-repeat;min-height:92vh}
.card{transition:all .3s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}
.section-narrow{max-width:1080px}
.details-list li{margin:.4rem 0;padding-left:1.25rem;position:relative}
.details-list li:before{content:'•';position:absolute;left:0;top:0;color:#4f46e5}
.faq summary{cursor:pointer}
.faq summary .chev{transition:transform .2s ease}
.faq[open] summary .chev{transform:rotate(180deg)}
.footer-tags__title{font-weight:600;margin-bottom:.5rem}
.footer-tags__list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}
.footer-tags .tag{display:inline-block;padding:.4rem .7rem;border:1px solid #ffffff66;border-radius:999px;text-decoration:none;background:#ffffff2e}
html{scroll-behavior:smooth}

/* Hover states */
.hover\:bg-indigo-700:hover{background-color:#4338ca}
.hover\:bg-gray-100:hover{background-color:#f3f4f5}
.hover\:text-indigo-600:hover{color:#4f46e5}
.hover\:text-indigo-900:hover{color:#312e81}
.hover\:text-white:hover{color:#fff}
.hover\:scale-\[1\.02\]:hover{transform:scale(1.02)}
.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}

/* Focus states */
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000}
.focus\:ring-indigo-500:focus{--tw-ring-color:#6366f1}

/* Responsive */
@media (min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.md\:col-span-2{grid-column:span 2/span 2}
.md\:flex-row{flex-direction:row}
.md\:items-start{align-items:flex-start}
.md\:justify-between{justify-content:space-between}
.md\:gap-6{gap:1.5rem}
.md\:space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}
.md\:p-6{padding:1.5rem}
.md\:px-4{padding-left:1rem;padding-right:1rem}
.md\:py-16{padding-top:4rem;padding-bottom:4rem}
.md\:text-2xl{font-size:1.5rem;line-height:2rem}
.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}
.md\:text-6xl{font-size:3.75rem;line-height:1}
.md\:mb-0{margin-bottom:0}}

/* Print */
@media print{.no-print{display:none!important}}