/* DEMO BUILD v24 - PRODUCTION FILE: assets/css/style.css
   Changes: forced new filename, stronger hero height, visible demo image handling, mobile sticky reservation button, language/social/logo support. */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  background: #f6f3ee;
  color: #161616;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  display: block;
}

/* HEADER */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 14px 7%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  z-index: 100;
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 12px 35px rgba(0,0,0,.04);
}

.logo-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  flex-shrink: 0;
}

.logo-img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  background: linear-gradient(135deg, #d6b56d, #fff1c8);
  border: 1px solid rgba(184,144,63,.45);
}

.logo-text {
  color: #b8903f;
  font-size: 23px;
  font-weight: 900;
  letter-spacing: -.5px;
  white-space: nowrap;
}

.main-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.main-nav a {
  color: #161616;
  text-decoration: none;
  margin: 0 10px;
  font-size: 15px;
  font-weight: 700;
  transition: .25s ease;
}

.main-nav a:hover {
  color: #b8903f;
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 13px;
  flex-shrink: 0;
}

.lang-switch {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  font-weight: 900;
  color: #888;
}

.lang-switch a {
  color: #777;
  text-decoration: none;
}

.lang-switch a.active,
.lang-switch a:hover {
  color: #b8903f;
}

.social-links {
  display: flex;
  align-items: center;
  gap: 7px;
}

.social-links a {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  border: 1px solid rgba(184,144,63,.38);
  color: #b8903f;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 10px;
  font-weight: 900;
  transition: .25s ease;
  background: #fff;
}

.social-links a:hover {
  background: #b8903f;
  color: #fff;
}

.book-btn,
.hero-reservation-btn,
.chef-book-btn,
.mobile-book-btn {
  background: #d6b56d;
  color: #111;
  padding: 12px 22px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 900;
  display: inline-block;
  transition: .25s ease;
  border: 1px solid rgba(184,144,63,.25);
}

.book-btn:hover,
.hero-reservation-btn:hover,
.chef-book-btn:hover,
.mobile-book-btn:hover {
  background: #b8903f;
  color: #fff;
}

#menu-toggle {
  display: none;
}

.hamburger,
.mobile-nav-tools {
  display: none;
}

.hamburger {
  width: 34px;
  cursor: pointer;
  position: relative;
  z-index: 120;
}

.hamburger span {
  display: block;
  height: 3px;
  background: #161616;
  margin: 6px 0;
  border-radius: 4px;
}

/* HERO */
.chef-hero {
  background: #efefef;
  padding-bottom: 80px;
}

.chef-hero-bg {
  min-height: calc(100vh - 74px);
  background:
    linear-gradient(rgba(0,0,0,.28), rgba(0,0,0,.46)),
    url('https://images.unsplash.com/photo-1551218808-94e220e084d2?auto=format&fit=crop&w=1800&q=80') center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 155px 8% 125px;
}

.chef-hero-title {
  max-width: 920px;
}

.hero-kicker {
  display: inline-block;
  color: #f1d18a;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 900;
  margin-bottom: 18px;
}

.chef-hero-title h1 {
  color: #fff;
  font-size: clamp(44px, 6vw, 78px);
  line-height: 1.04;
  margin-bottom: 12px;
  text-shadow: 0 18px 45px rgba(0,0,0,.36);
}

.chef-hero-title p {
  color: rgba(255,255,255,.94);
  font-size: clamp(17px, 2vw, 22px);
  font-weight: 700;
  margin-bottom: 28px;
}

.hero-reservation-btn {
  padding: 14px 30px;
}

/* CHEF CARD */
.chef-profile-card {
  width: min(1040px, 90%);
  margin: -105px auto 0;
  background: #fff;
  border-radius: 28px;
  padding: 38px;
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: 1fr 1.08fr 1fr;
  gap: 34px;
  box-shadow: 0 28px 75px rgba(0,0,0,.13);
  border: 1px solid rgba(184,144,63,.16);
}

.chef-profile-intro h2 {
  font-size: 34px;
  line-height: 1.15;
  margin-bottom: 18px;
  color: #111;
}

.chef-quote {
  font-size: 17px;
  line-height: 1.7;
  font-style: italic;
  color: #222;
  margin-bottom: 24px;
}

.chef-profile-text p {
  color: #3c3c3c;
  font-size: 15px;
  line-height: 1.85;
}

.chef-profile-image img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 18px;
  box-shadow: 0 18px 38px rgba(0,0,0,.14);
}

.chef-more {
  grid-column: 1 / -1;
  border-top: 1px solid rgba(0,0,0,.11);
  padding-top: 28px;
  margin-top: 6px;
}

.chef-more h3 {
  font-size: 24px;
  margin-bottom: 18px;
}

.chef-more-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.chef-more-grid strong {
  display: block;
  margin-bottom: 8px;
  color: #111;
}

.chef-more-grid p {
  color: #555;
  font-size: 14px;
  line-height: 1.65;
}

/* SECTIONS */
.services,
.experiences,
.gallery-section,
.faq-section {
  padding: 86px 8%;
}

.contact-section {
  padding: 70px 8%;
  background: #f6f3ee;
}

.section-title {
  text-align: center;
  max-width: 790px;
  margin: 0 auto 34px;
}

.section-title span {
  color: #b8903f;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 13px;
}

.section-title h2 {
  font-size: clamp(30px, 3.4vw, 42px);
  margin-top: 12px;
  color: #111;
  line-height: 1.15;
}

.section-title p {
  color: #666;
  line-height: 1.65;
  margin-top: 12px;
}

/* SERVICES WITH IMAGES */
.services {
  background: #f6f3ee;
}

.service-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.service-card {
  background: #fff;
  border: 1px solid rgba(184,144,63,.20);
  border-radius: 24px;
  overflow: hidden;
  transition: .3s ease;
  box-shadow: 0 18px 45px rgba(0,0,0,.055);
}

.service-card:hover {
  transform: translateY(-7px);
  border-color: #b8903f;
  box-shadow: 0 26px 65px rgba(0,0,0,.10);
}

.service-image {
  height: 215px;
  overflow: hidden;
  background: #e8dfd1;
}

.service-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .5s ease;
}

.service-card:hover .service-image img {
  transform: scale(1.06);
}

.service-content {
  padding: 25px 24px 28px;
  text-align: center;
}

.service-content h3,
.service-card h3 {
  font-size: 23px;
  margin-bottom: 10px;
  color: #111;
}

.service-content p,
.service-card p {
  color: #666;
  font-size: 15px;
  line-height: 1.65;
}

/* PACKAGES */
.experiences {
  background: #fff;
}

.experience-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.experience-card {
  background: #fff;
  border: 1px solid rgba(184,144,63,.20);
  border-radius: 26px;
  overflow: hidden;
  transition: .3s ease;
  box-shadow: 0 18px 45px rgba(0,0,0,.055);
}

.experience-card:hover {
  transform: translateY(-7px);
  border-color: #b8903f;
  box-shadow: 0 26px 65px rgba(0,0,0,.10);
}

.package-image {
  position: relative;
  height: 220px;
  overflow: hidden;
  background: #e8dfd1;
}

.package-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .5s ease;
}

.experience-card:hover .package-image img {
  transform: scale(1.06);
}

.package-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,.05), rgba(0,0,0,.55));
}

.package-image span {
  position: absolute;
  left: 20px;
  bottom: 18px;
  z-index: 2;
  color: #fff;
  font-size: 14px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 900;
}

.experience-info {
  padding: 24px;
  text-align: left;
}

.experience-info h3 {
  font-size: 22px;
  margin-bottom: 10px;
}

.experience-info p {
  color: #666;
  font-size: 14px;
  line-height: 1.65;
  margin-bottom: 16px;
}

.experience-info strong {
  display: block;
  color: #b8903f;
  font-size: 16px;
  margin-bottom: 18px;
}

.package-btn {
  display: inline-block;
  padding: 11px 20px;
  border: 1px solid #b8903f;
  color: #b8903f;
  text-decoration: none;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: .25s ease;
}

.package-btn:hover {
  background: #b8903f;
  color: #fff;
}

/* GALLERY */
.gallery-section {
  background: #f1eee8;
}

.masonry-gallery {
  max-width: 1120px;
  margin: 0 auto;
  background: #fff;
  border-radius: 30px;
  padding: 36px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  box-shadow: 0 28px 75px rgba(0,0,0,.09);
}

.masonry-col {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.masonry-col:nth-child(1) { margin-top: 45px; }
.masonry-col:nth-child(3) { margin-top: 35px; }
.masonry-col:nth-child(4) { margin-top: 20px; }

.masonry-item {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  background: #e8dfd1;
  box-shadow: 0 16px 35px rgba(0,0,0,.13);
}

.masonry-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .5s ease;
}

.masonry-item:hover img {
  transform: scale(1.06);
}

.masonry-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,.02), rgba(0,0,0,.58));
}

.masonry-item span {
  position: absolute;
  left: 18px;
  bottom: 18px;
  z-index: 2;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  text-shadow: 0 10px 25px rgba(0,0,0,.45);
}

.h-small { height: 185px; }
.h-medium { height: 255px; }
.h-large { height: 395px; }

/* FAQ */
.faq-section {
  background: #fff;
}

.faq-list {
  max-width: 900px;
  margin: 0 auto;
  display: grid;
  gap: 18px;
}

.faq-item {
  background: #f6f3ee;
  padding: 28px;
  border-radius: 20px;
  border: 1px solid rgba(184,144,63,.20);
}

.faq-item h3 {
  font-size: 20px;
  color: #111;
  margin-bottom: 10px;
}

.faq-item p {
  color: #666;
  line-height: 1.7;
}

/* CLEAN CONTACT - FORM REMOVED */
.contact-wrapper {
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.contact-wrapper-clean {
  max-width: 900px;
}

.contact-info,
.contact-info-clean {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.info-card,
.whatsapp-card {
  padding: 24px;
  background: #fff;
  border: 1px solid rgba(184,144,63,.20);
  border-radius: 20px;
  box-shadow: 0 18px 45px rgba(0,0,0,.045);
}

.info-card h3 {
  font-size: 18px;
  margin-bottom: 8px;
  color: #111;
}

.info-card p,
.whatsapp-card p {
  color: #666;
  font-size: 15px;
  line-height: 1.6;
}

.whatsapp-card {
  grid-column: 1 / -1;
  background:
    radial-gradient(circle at top left, rgba(214,181,109,.22), transparent 35%),
    #fffaf2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.whatsapp-card a {
  flex-shrink: 0;
  display: inline-block;
  background: #d6b56d;
  color: #111;
  padding: 13px 22px;
  text-decoration: none;
  border-radius: 30px;
  font-weight: 900;
  transition: .25s ease;
}

.whatsapp-card a:hover {
  background: #b8903f;
  color: #fff;
}

/* MAP */
.map-section {
  height: 420px;
  width: 100%;
}

.map-section iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/* FOOTER */
.site-footer {
  background: #111;
  color: #fff;
  padding: 65px 8% 0;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 40px;
}

.footer-brand h3 {
  color: #d6b56d;
  font-size: 28px;
  margin-bottom: 14px;
}

.footer-brand p,
.footer-contact p {
  color: #ccc;
  line-height: 1.7;
}

.footer-social {
  margin-top: 18px;
}

.footer-social a {
  background: transparent;
}

.footer-links h4,
.footer-contact h4 {
  color: #d6b56d;
  margin-bottom: 18px;
}

.footer-links a {
  display: block;
  color: #ccc;
  text-decoration: none;
  margin-bottom: 10px;
  transition: .25s ease;
}

.footer-links a:hover {
  color: #d6b56d;
}

.footer-bottom {
  margin-top: 50px;
  padding: 20px;
  text-align: center;
  border-top: 1px solid rgba(255,255,255,.1);
}

.footer-bottom p {
  color: #aaa;
  font-size: 14px;
}

/* TABLET */
@media(max-width: 1200px) {
  .site-header {
    padding: 13px 5%;
  }

  .main-nav a {
    margin: 0 7px;
    font-size: 14px;
  }

  .header-actions {
    gap: 9px;
  }

  .experience-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .masonry-gallery {
    grid-template-columns: repeat(2, 1fr);
  }

  .masonry-col:nth-child(1),
  .masonry-col:nth-child(2),
  .masonry-col:nth-child(3),
  .masonry-col:nth-child(4) {
    margin-top: 0;
  }
}

/* MOBILE */
@media(max-width: 900px) {
  .site-header {
    padding: 13px 6%;
  }

  .logo-img {
    width: 42px;
    height: 42px;
  }

  .logo-text {
    font-size: 20px;
  }

  .hamburger {
    display: block;
    order: 3;
  }

  .header-actions {
    display: none;
  }

  .main-nav {
    position: absolute;
    top: 74px;
    left: 6%;
    right: 6%;
    background: #fff;
    border: 1px solid rgba(184,144,63,.25);
    border-radius: 20px;
    padding: 15px;
    display: none;
    box-shadow: 0 22px 55px rgba(0,0,0,.14);
    z-index: 110;
  }

  .main-nav a {
    display: block;
    margin: 0;
    padding: 13px 10px;
    border-bottom: 1px solid rgba(0,0,0,.06);
  }

  .main-nav > a:last-of-type {
    border-bottom: none;
  }

  #menu-toggle:checked ~ .main-nav {
    display: block;
  }

  .mobile-nav-tools {
    display: grid;
    gap: 13px;
    padding: 13px 8px 6px;
  }

  .mobile-lang,
  .mobile-social {
    display: flex;
  }

  .mobile-book-btn {
    text-align: center;
    width: 100%;
    padding: 13px 20px;
  }

  .chef-hero-bg {
    min-height: 88vh;
    padding: 130px 6% 100px;
  }

  .hero-kicker {
    font-size: 11px;
    letter-spacing: 2px;
    margin-bottom: 14px;
  }

  .chef-hero-title h1 {
    font-size: clamp(38px, 11vw, 58px);
  }

  .chef-hero-title p {
    font-size: 17px;
  }

  .chef-profile-card {
    width: 90%;
    grid-template-columns: 1fr;
    padding: 30px 24px;
    margin-top: -72px;
  }

  .chef-profile-image {
    order: -1;
  }

  .chef-profile-image img {
    height: 310px;
  }

  .chef-more-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .service-grid,
  .contact-info,
  .contact-info-clean,
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .whatsapp-card {
    display: block;
  }

  .whatsapp-card p {
    margin-bottom: 16px;
  }
}

/* SMALL MOBILE */
@media(max-width: 600px) {
  .site-header {
    padding: 12px 5%;
  }

  .logo-text {
    font-size: 18px;
  }

  .chef-hero-bg {
    min-height: 86vh;
    padding: 120px 6% 90px;
  }

  .hero-reservation-btn {
    width: 100%;
    max-width: 280px;
  }

  .chef-profile-card {
    width: 91%;
    padding: 24px 19px;
    border-radius: 24px;
    margin-top: -60px;
  }

  .chef-profile-intro h2 {
    font-size: 30px;
  }

  .chef-profile-image img {
    height: 255px;
  }

  .services,
  .experiences,
  .gallery-section,
  .faq-section,
  .contact-section {
    padding: 64px 6%;
  }

  .section-title {
    margin-bottom: 28px;
  }

  .section-title h2 {
    font-size: 32px;
  }

  .service-grid,
  .experience-grid,
  .masonry-gallery {
    grid-template-columns: 1fr;
  }

  .service-image,
  .package-image {
    height: 210px;
  }

  .masonry-gallery {
    padding: 18px;
    border-radius: 24px;
  }

  .h-small,
  .h-medium,
  .h-large {
    height: 220px;
  }

  .info-card,
  .whatsapp-card {
    padding: 22px 20px;
  }

  .map-section {
    height: 320px;
  }

  .site-footer {
    text-align: center;
    padding: 55px 6% 0;
  }

  .footer-social {
    justify-content: center;
  }
}


/* === FINAL DEMO OVERRIDES v20 === */
.chef-hero-bg {
  min-height: 96vh;
}

.chef-profile-card {
  margin-top: -105px;
}

.service-card {
  padding: 0;
  overflow: hidden;
}

.service-image img,
.package-image img,
.masonry-item img {
  filter: saturate(1.04) contrast(1.02);
}

.contact-wrapper-clean {
  max-width: 920px;
}

.contact-info-clean {
  grid-template-columns: repeat(3, 1fr);
}

.contact-cta-card {
  grid-column: 1 / -1;
  text-align: center;
}

@media(max-width: 900px) {
  .chef-hero-bg {
    min-height: 92vh;
    padding-top: 130px;
  }

  .mobile-book-btn {
    width: 100%;
    text-align: center;
    margin-top: 14px;
  }

  .contact-info-clean {
    grid-template-columns: 1fr;
  }
}

@media(max-width: 600px) {
  .chef-hero-bg {
    min-height: 88vh;
  }

  .chef-profile-card {
    margin-top: -70px;
  }
}


/* v21 FORCE REFRESH ADDITIONS */
.chef-hero-bg { min-height: clamp(560px, 78vh, 820px); }
.service-card.has-image, .experience-card.has-image, .gallery-card { position: relative; }
.demo-version-note { display:none; }
@media(max-width:600px){
  .chef-hero-bg { min-height: 560px; }
  .mobile-reservation-fixed { display:flex !important; }
}


/* === FINAL PREMIUM OVERRIDES v22 === */
:root {
  --gold: #b8903f;
  --gold-soft: #d6b56d;
  --cream: #f6f3ee;
  --dark: #111;
}

.site-header {
  z-index: 999;
}

.logo-img {
  width: 60px;
  height: 60px;
  padding: 3px;
}

.logo-text {
  font-size: 25px;
}

.social-links a.social-icon {
  font-size: 0;
  position: relative;
  overflow: hidden;
}

.social-links a.social-icon::before {
  font-size: 13px;
  line-height: 1;
  font-weight: 900;
  color: inherit;
}

.instagram-icon::before { content: "◎"; font-size: 18px !important; }
.facebook-icon::before { content: "f"; font-size: 17px !important; font-family: Arial, Helvetica, sans-serif; }
.whatsapp-icon::before { content: "☎"; font-size: 15px !important; }

.mobile-reservation-fixed {
  display: none;
}

@media(max-width: 900px) {
  body.menu-open {
    overflow: hidden;
  }

  .site-header {
    padding: 10px 5%;
  }

  .logo-img {
    width: 54px;
    height: 54px;
  }

  .logo-text {
    font-size: 20px;
  }

  .hamburger {
    width: 36px;
  }

  .hamburger span {
    transition: .25s ease;
  }

  #menu-toggle:checked + .hamburger span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
  }

  #menu-toggle:checked + .hamburger span:nth-child(2) {
    opacity: 0;
  }

  #menu-toggle:checked + .hamburger span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
  }

  .main-nav {
    position: fixed;
    top: 78px;
    left: 5%;
    right: 5%;
    max-height: calc(100vh - 104px);
    overflow-y: auto;
  }

  .main-nav a {
    font-size: 16px;
  }

  .mobile-social {
    justify-content: center;
  }

  .mobile-social a {
    width: 38px;
    height: 38px;
  }

  .chef-profile-card {
    gap: 20px;
  }

  .chef-profile-intro h2 {
    font-size: 28px;
    margin-bottom: 12px;
  }

  .chef-quote {
    font-size: 15px;
    line-height: 1.55;
    margin-bottom: 18px;
  }

  .chef-profile-text p {
    font-size: 14px;
    line-height: 1.65;
  }

  .chef-more {
    padding-top: 20px;
  }

  .chef-more h3 {
    font-size: 21px;
    margin-bottom: 13px;
  }

  .chef-more-grid p {
    line-height: 1.5;
  }

  .mobile-reservation-fixed {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 14px;
    height: 52px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #25D366;
    color: #fff;
    text-decoration: none;
    border-radius: 999px;
    font-weight: 900;
    z-index: 998;
    box-shadow: 0 14px 35px rgba(0,0,0,.25);
    border: 1px solid rgba(255,255,255,.35);
  }

  .mobile-reservation-fixed span::before {
    content: "☎";
    margin-right: 8px;
  }

  .site-footer {
    padding-bottom: 78px;
  }
}

@media(max-width: 600px) {
  .logo-img {
    width: 50px;
    height: 50px;
  }

  .logo-text {
    font-size: 18px;
  }

  .main-nav {
    top: 74px;
  }

  .chef-hero-title h1 {
    font-size: 42px;
  }

  .chef-profile-image img {
    height: 220px;
  }

  .chef-profile-card {
    padding: 22px 17px;
  }
}


/* === v24 HARD OVERRIDES - DO NOT REMOVE === */
@media(max-width:900px){
  .site-header{z-index:9999!important;}
  .main-nav{
    position:fixed!important;
    top:74px!important;
    left:5%!important;
    right:5%!important;
    width:auto!important;
    max-height:calc(100vh - 94px)!important;
    overflow-y:auto!important;
    display:block!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-12px)!important;
    transition:.25s ease!important;
  }
  #menu-toggle:checked ~ .main-nav{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }
  .main-nav a{display:block!important;}
  .mobile-nav-tools{display:grid!important;}
  .header-actions{display:none!important;}
  .hamburger{display:block!important;}
  #menu-toggle:checked + .hamburger span:nth-child(1){transform:translateY(9px) rotate(45deg)!important;}
  #menu-toggle:checked + .hamburger span:nth-child(2){opacity:0!important;}
  #menu-toggle:checked + .hamburger span:nth-child(3){transform:translateY(-9px) rotate(-45deg)!important;}
  .hamburger span{transition:.25s ease!important;}
}
@media(min-width:901px){
  .main-nav{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;}
}


/* === v27 FINAL CLIENT DELIVERY OVERRIDES === */
.logo-img{
  width:68px!important;
  height:68px!important;
  object-fit:contain!important;
  border-radius:50%!important;
  background:#fff!important;
  padding:4px!important;
}

.mobile-header-tools{display:none;}

.lang-switch a{
  min-width:34px;
  height:28px;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(184,144,63,.28);
  background:#fff;
}

.lang-switch a.active{
  background:#b8903f;
  color:#fff!important;
}

.lang-switch a:first-child::before{content:"🇬🇧"; margin-right:4px; font-size:12px;}
.lang-switch a:last-child::before{content:"🇹🇷"; margin-right:4px; font-size:12px;}

.whatsapp-icon::before{
  content:"☘"!important;
  color:inherit;
  transform:rotate(-18deg);
}

.header-actions .whatsapp-icon{
  background:#25D366!important;
  color:#fff!important;
  border-color:#25D366!important;
}

.contact-wrapper-clean{max-width:1040px!important;}

.reservation-form{
  margin-top:22px;
  background:#fff;
  border:1px solid rgba(184,144,63,.22);
  border-radius:26px;
  padding:30px;
  box-shadow:0 22px 60px rgba(0,0,0,.06);
}

.form-head{text-align:center;max-width:620px;margin:0 auto 24px;}
.form-head span{color:#b8903f;letter-spacing:2px;text-transform:uppercase;font-weight:900;font-size:12px;}
.form-head h3{font-size:30px;margin:9px 0;color:#111;}
.form-head p{color:#666;line-height:1.6;}

.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;}
.reservation-form label{display:grid;gap:7px;font-weight:900;color:#111;font-size:14px;}
.reservation-form input,
.reservation-form textarea{
  width:100%;
  border:1px solid rgba(0,0,0,.12);
  border-radius:16px;
  padding:14px 15px;
  font:inherit;
  background:#fbfaf7;
  outline:none;
  transition:.2s ease;
}
.reservation-form input:focus,
.reservation-form textarea:focus{
  border-color:#b8903f;
  background:#fff;
  box-shadow:0 0 0 4px rgba(184,144,63,.11);
}
.full-field{grid-column:1 / -1;}
.reservation-submit{
  width:100%;
  margin-top:18px;
  border:0;
  border-radius:999px;
  background:#25D366;
  color:#fff;
  padding:16px 24px;
  font-weight:900;
  font-size:15px;
  cursor:pointer;
  box-shadow:0 14px 35px rgba(37,211,102,.28);
}
.reservation-submit:hover{filter:brightness(.95);}

@media(max-width:900px){
  .site-header{gap:10px!important;}
  .logo-img{width:52px!important;height:52px!important;}
  .logo-text{font-size:17px!important;}
  .mobile-header-tools{
    margin-left:auto;
    display:flex!important;
    align-items:center;
    gap:8px;
    order:2;
  }
  .mobile-top-lang{gap:3px;font-size:11px;}
  .mobile-top-lang span{display:none;}
  .mobile-top-lang a{
    min-width:30px;
    height:30px;
    padding:0 6px;
    font-size:0;
  }
  .mobile-top-lang a::before{margin:0!important;font-size:15px!important;}
  .mobile-top-social{gap:5px;}
  .mobile-top-social a{
    width:30px!important;
    height:30px!important;
    font-size:0!important;
  }
  .mobile-top-social a::before{font-size:13px!important;}
  .hamburger{order:3!important;flex-shrink:0;}
  .mobile-nav-tools .mobile-lang,
  .mobile-nav-tools .mobile-social{display:none!important;}
  .main-nav{top:76px!important;}

  .reservation-form{padding:24px 18px;border-radius:24px;}
  .form-grid{grid-template-columns:1fr;}
  .form-head h3{font-size:25px;}

  .mobile-reservation-fixed{
    left:auto!important;
    right:16px!important;
    bottom:18px!important;
    width:58px!important;
    height:58px!important;
    border-radius:50%!important;
    padding:0!important;
    font-size:0!important;
    background:#25D366!important;
  }
  .mobile-reservation-fixed span{font-size:0!important;}
  .mobile-reservation-fixed span::before{
    content:"☎"!important;
    margin:0!important;
    font-size:24px!important;
    color:#fff!important;
  }
}

@media(max-width:600px){
  .logo-text{display:none!important;}
  .mobile-header-tools{gap:6px;}
  .mobile-top-social a{width:28px!important;height:28px!important;}
  .mobile-top-lang a{min-width:28px;height:28px;}
}

/* v27 packaged with critical inline fixes in index.html */


/* === v27 HEADER + ICON FINAL OVERRIDES === */
.header-actions .lang-switch::before,
.mobile-top-lang::before,
.mobile-lang::before{
  content:'🌐'!important;
  font-size:16px!important;
  margin-right:4px!important;
}
.social-links a.whatsapp-icon::before{
  content:''!important;
  width:18px!important;
  height:18px!important;
  display:block!important;
  background:currentColor!important;
  -webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.33 4.96L2 22l5.25-1.38a9.9 9.9 0 0 0 4.79 1.22h.01c5.46 0 9.91-4.45 9.91-9.91A9.86 9.86 0 0 0 19.05 4.9 9.84 9.84 0 0 0 12.04 2Zm5.82 14.18c-.25.7-1.44 1.34-2.02 1.43-.52.08-1.18.11-1.91-.12-.44-.14-1-.32-1.72-.63-3.03-1.31-5.01-4.35-5.16-4.55-.15-.2-1.23-1.64-1.23-3.13 0-1.49.78-2.22 1.06-2.52.28-.3.61-.38.81-.38h.58c.18.01.43-.07.67.51.25.6.93 2.24 1.01 2.41.08.16.13.36.03.56-.1.2-.15.32-.3.5-.15.18-.32.4-.46.54-.15.15-.3.31-.13.61.18.3.77 1.27 1.66 2.06 1.14 1.02 2.1 1.33 2.4 1.48.3.15.48.13.65-.08.18-.2.76-.89.96-1.19.2-.3.4-.25.68-.15.28.1 1.79.85 2.1 1 .3.15.51.23.58.35.08.13.08.72-.17 1.42Z"/%3E%3C/svg%3E') center/contain no-repeat!important;
  mask:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.33 4.96L2 22l5.25-1.38a9.9 9.9 0 0 0 4.79 1.22h.01c5.46 0 9.91-4.45 9.91-9.91A9.86 9.86 0 0 0 19.05 4.9 9.84 9.84 0 0 0 12.04 2Zm5.82 14.18c-.25.7-1.44 1.34-2.02 1.43-.52.08-1.18.11-1.91-.12-.44-.14-1-.32-1.72-.63-3.03-1.31-5.01-4.35-5.16-4.55-.15-.2-1.23-1.64-1.23-3.13 0-1.49.78-2.22 1.06-2.52.28-.3.61-.38.81-.38h.58c.18.01.43-.07.67.51.25.6.93 2.24 1.01 2.41.08.16.13.36.03.56-.1.2-.15.32-.3.5-.15.18-.32.4-.46.54-.15.15-.3.31-.13.61.18.3.77 1.27 1.66 2.06 1.14 1.02 2.1 1.33 2.4 1.48.3.15.48.13.65-.08.18-.2.76-.89.96-1.19.2-.3.4-.25.68-.15.28.1 1.79.85 2.1 1 .3.15.51.23.58.35.08.13.08.72-.17 1.42Z"/%3E%3C/svg%3E') center/contain no-repeat!important;
}
.mobile-reservation-fixed span::before{
  content:''!important;
  width:30px!important;
  height:30px!important;
  display:block!important;
  background:#fff!important;
  -webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.33 4.96L2 22l5.25-1.38a9.9 9.9 0 0 0 4.79 1.22h.01c5.46 0 9.91-4.45 9.91-9.91A9.86 9.86 0 0 0 19.05 4.9 9.84 9.84 0 0 0 12.04 2Zm5.82 14.18c-.25.7-1.44 1.34-2.02 1.43-.52.08-1.18.11-1.91-.12-.44-.14-1-.32-1.72-.63-3.03-1.31-5.01-4.35-5.16-4.55-.15-.2-1.23-1.64-1.23-3.13 0-1.49.78-2.22 1.06-2.52.28-.3.61-.38.81-.38h.58c.18.01.43-.07.67.51.25.6.93 2.24 1.01 2.41.08.16.13.36.03.56-.1.2-.15.32-.3.5-.15.18-.32.4-.46.54-.15.15-.3.31-.13.61.18.3.77 1.27 1.66 2.06 1.14 1.02 2.1 1.33 2.4 1.48.3.15.48.13.65-.08.18-.2.76-.89.96-1.19.2-.3.4-.25.68-.15.28.1 1.79.85 2.1 1 .3.15.51.23.58.35.08.13.08.72-.17 1.42Z"/%3E%3C/svg%3E') center/contain no-repeat!important;
  mask:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.33 4.96L2 22l5.25-1.38a9.9 9.9 0 0 0 4.79 1.22h.01c5.46 0 9.91-4.45 9.91-9.91A9.86 9.86 0 0 0 19.05 4.9 9.84 9.84 0 0 0 12.04 2Zm5.82 14.18c-.25.7-1.44 1.34-2.02 1.43-.52.08-1.18.11-1.91-.12-.44-.14-1-.32-1.72-.63-3.03-1.31-5.01-4.35-5.16-4.55-.15-.2-1.23-1.64-1.23-3.13 0-1.49.78-2.22 1.06-2.52.28-.3.61-.38.81-.38h.58c.18.01.43-.07.67.51.25.6.93 2.24 1.01 2.41.08.16.13.36.03.56-.1.2-.15.32-.3.5-.15.18-.32.4-.46.54-.15.15-.3.31-.13.61.18.3.77 1.27 1.66 2.06 1.14 1.02 2.1 1.33 2.4 1.48.3.15.48.13.65-.08.18-.2.76-.89.96-1.19.2-.3.4-.25.68-.15.28.1 1.79.85 2.1 1 .3.15.51.23.58.35.08.13.08.72-.17 1.42Z"/%3E%3C/svg%3E') center/contain no-repeat!important;
}
@media(max-width:900px){
  .site-header{height:82px!important;padding:10px 18px!important;display:grid!important;grid-template-columns:62px 1fr 44px!important;align-items:center!important;gap:8px!important;}
  .logo-wrap{justify-self:start!important;margin:0!important;min-width:0!important;}
  .logo-img{width:56px!important;height:56px!important;padding:3px!important;}
  .mobile-header-tools{margin:0!important;justify-self:center!important;justify-content:center!important;display:flex!important;}
  .mobile-top-lang{gap:4px!important;}
  .mobile-top-lang::before{display:inline-flex!important;}
  .mobile-top-lang a{width:auto!important;min-width:auto!important;height:32px!important;padding:0 7px!important;font-size:11px!important;}
  .mobile-top-lang a::before{font-size:13px!important;margin-right:3px!important;}
  .hamburger{justify-self:end!important;margin:0!important;width:38px!important;}
  .main-nav{top:82px!important;}
}


/* === v28 REAL FINAL OVERRIDES === */
html{scroll-padding-top:110px!important;}
.logo-img{content:url('../images/logo.jpg')!important;}
.header-actions .whatsapp-icon,
.mobile-header-tools .whatsapp-icon,
.mobile-nav-tools .whatsapp-icon{display:none!important;}
.header-actions .lang-switch::before,
.mobile-top-lang::before,
.mobile-lang::before{content:''!important;display:none!important;}
.lang-switch{gap:6px!important;}
.lang-switch .sep{color:#b8903f!important;font-weight:900!important;}
.lang-switch a{gap:5px!important;font-size:12px!important;min-width:auto!important;padding:0 10px!important;}
.lang-switch a::before{content:''!important;display:none!important;}
.lang-switch .flag{display:inline-flex!important;font-size:15px!important;line-height:1!important;}
.header-actions{gap:14px!important;}
.header-actions .social-links{gap:8px!important;}
.header-actions .social-links a{width:34px!important;height:34px!important;}
.book-btn{padding:13px 28px!important;}
#reservationForm{scroll-margin-top:120px!important;}
.reservation-form{max-width:1040px!important;margin:28px auto 0!important;}
.reservation-submit{appearance:none!important;-webkit-appearance:none!important;}
@media(max-width:900px){
  html{scroll-padding-top:92px!important;}
  #reservationForm{scroll-margin-top:96px!important;}
  .site-header{height:82px!important;padding:10px 16px!important;display:grid!important;grid-template-columns:64px 1fr 44px!important;align-items:center!important;}
  .logo-wrap{justify-self:start!important;width:64px!important;}
  .logo-img{width:58px!important;height:58px!important;object-fit:contain!important;}
  .mobile-header-tools{display:flex!important;justify-self:center!important;margin:0!important;}
  .mobile-top-social{display:none!important;}
  .mobile-top-lang{display:flex!important;align-items:center!important;gap:4px!important;}
  .mobile-top-lang .sep{display:none!important;}
  .mobile-top-lang a{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border-radius:50%!important;font-size:0!important;}
  .mobile-top-lang a span:not(.flag){display:none!important;}
  .mobile-top-lang .flag{font-size:18px!important;margin:0!important;}
  .hamburger{justify-self:end!important;order:unset!important;margin:0!important;width:40px!important;}
  .main-nav{top:82px!important;}
  .mobile-nav-tools .mobile-social{display:flex!important;justify-content:center!important;gap:12px!important;}
  .mobile-nav-tools .mobile-social .whatsapp-icon{display:none!important;}
  .mobile-book-btn{display:block!important;}
}


/* === v29 FINAL PRESENTATION FIXES === */
.package-btn{min-width:150px!important;text-align:center!important;}
.reservation-form{
  border:2px solid rgba(184,144,63,.32)!important;
  background:linear-gradient(180deg,#fff,#fffaf1)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.10)!important;
  position:relative!important;
  overflow:hidden!important;
}
.reservation-form::before{
  content:''!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:6px!important;
  background:linear-gradient(90deg,#b8903f,#e3c574,#b8903f)!important;
}
.reservation-form input,.reservation-form textarea{font-size:15px!important;}
@media(max-width:900px){
  .site-header{
    display:flex!important;
    grid-template-columns:none!important;
    justify-content:flex-start!important;
  }
  .logo-wrap{
    order:1!important;
    margin-right:auto!important;
    width:auto!important;
    flex:0 0 auto!important;
  }
  .mobile-header-tools{
    order:2!important;
    justify-self:auto!important;
    margin-left:auto!important;
    margin-right:10px!important;
    flex:0 0 auto!important;
  }
  .hamburger{
    order:3!important;
    justify-self:auto!important;
    flex:0 0 40px!important;
  }
  .reservation-form{
    margin:22px auto 0!important;
    padding:26px 18px 22px!important;
    border-radius:24px!important;
    border-width:2px!important;
  }
  .form-grid{grid-template-columns:1fr!important;gap:13px!important;}
  .reservation-form label span{font-size:13px!important;}
  .reservation-form input,.reservation-form textarea{
    min-height:48px!important;
    border-radius:14px!important;
    font-size:16px!important;
  }
  .reservation-submit{
    padding:15px 18px!important;
    font-size:14px!important;
    line-height:1.35!important;
  }
}
@media(max-width:430px){
  .site-header{padding:10px 14px!important;}
  .mobile-header-tools{margin-right:8px!important;}
  .mobile-top-lang a{width:34px!important;height:34px!important;min-width:34px!important;}
  .hamburger{width:38px!important;flex-basis:38px!important;}
}