:root{
  --emerald:#006039; --dark:#07110d; --dark2:#0d1a14; --gold:#c9a96e; --goldLight:#f2dc93;
  --cream:#f7f4ef; --paper:#fff7e8; --ink:#132219; --muted:#746d61;
  --line:rgba(201,169,110,.45); --serif:'Cormorant Garamond',serif; --sans:'Jost',sans-serif;
  --logo:'Cinzel',serif; --script:'Parisienne',cursive;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--dark)}
body{font-family:var(--sans);color:var(--cream);background:var(--dark);overflow-x:hidden}
a{text-decoration:none;color:inherit} img{display:block;width:100%}
.container{width:min(1220px,calc(100% - 48px));margin:0 auto}
.site-header{position:fixed;top:0;left:0;width:100%;z-index:100;padding:18px 0 12px;transition:.35s ease}
.site-header.scrolled{padding:10px 0;background:rgba(7,17,13,.88);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.25)}
.navbar{display:grid;grid-template-columns:minmax(390px,460px) 1fr 250px;align-items:center;gap:26px;border-bottom:1px solid rgba(201,169,110,.34);padding-bottom:12px;min-height:86px}
.site-header.scrolled .navbar{border-bottom-color:transparent;padding-bottom:0;min-height:70px}
.brand{display:inline-flex;align-items:center;gap:9px;position:relative;white-space:nowrap;overflow:visible;color:var(--goldLight);text-shadow:0 2px 0 rgba(84,57,15,.55),0 14px 28px rgba(0,0,0,.35);min-height:70px;padding:8px 0 10px}
.brand-main{font-family:var(--logo);font-size:clamp(1.45rem,2.2vw,2.3rem);letter-spacing:.075em;font-weight:600;display:inline-block;white-space:nowrap;line-height:1.25}
.brand-script{font-family:var(--script);font-size:clamp(1.95rem,3vw,3.15rem);line-height:1.25;display:inline-block;white-space:nowrap;padding-top:.12em;padding-right:7px}
.brand::after{content:"";position:absolute;left:calc(100% - 95px);top:52%;width:80px;height:1px;background:linear-gradient(90deg,var(--goldLight),transparent);animation:brandFlourish 1.8s ease forwards}
.brand-main,.brand-script{clip-path:inset(0 100% 0 0);animation:writeLogo 1.15s cubic-bezier(.2,.8,.2,1) forwards}
.brand-script{animation-delay:.52s} @keyframes writeLogo{to{clip-path:inset(0 0 0 0)}} @keyframes brandFlourish{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}
.menu{display:flex;justify-content:center;align-items:center;gap:28px}
.menu a{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(247,244,239,.78);padding:8px 0;position:relative;transition:.25s ease}
.menu a::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;background:var(--goldLight);transform:translateX(-50%);transition:.25s ease}
.menu a:hover,.menu a.active{color:var(--goldLight)} .menu a:hover::after,.menu a.active::after{width:100%}
.whatsapp-top{justify-self:end;display:flex;align-items:center;gap:14px;min-width:236px;height:62px;padding:0 20px;border:1px solid var(--gold);background:rgba(8,19,14,.68);color:var(--goldLight);box-shadow:0 0 0 1px rgba(201,169,110,.08) inset;transition:.3s ease}
.whatsapp-top:hover{background:var(--gold);color:var(--dark);transform:translateY(-3px)}
.whatsapp-icon{width:42px;height:42px;min-width:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid currentColor;color:currentColor;box-sizing:content-box;padding:0}
.wa-svg{width:22px;height:22px;min-width:22px;min-height:22px;display:block;pointer-events:none}
.whatsapp-top span{display:block;font-size:.72rem;line-height:1.35;letter-spacing:.17em;text-transform:uppercase;font-weight:700}
.hero{min-height:100vh;position:relative;overflow:hidden;padding:170px 0 70px;background:linear-gradient(90deg,rgba(7,17,13,.96) 0%,rgba(7,17,13,.82) 32%,rgba(7,17,13,.40) 62%,rgba(7,17,13,.55) 100%)}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 24% 20%,rgba(201,169,110,.13),transparent 28%),radial-gradient(circle at 82% 70%,rgba(0,96,57,.24),transparent 32%);pointer-events:none;z-index:0}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);gap:44px;align-items:end}
.kicker{display:inline-flex;align-items:center;gap:18px;margin:22px 0 24px;color:var(--goldLight);font-size:.74rem;font-weight:600;letter-spacing:.29em;text-transform:uppercase}
.kicker::before,.kicker::after{content:"";width:64px;height:1px;background:currentColor;opacity:.75}
.hero-title{font-family:var(--serif);font-weight:300;line-height:.92;font-size:clamp(4rem,7.8vw,8.6rem);letter-spacing:-.055em;max-width:650px;color:var(--cream,#f7f4ef)}
.hero-title em{font-style:italic;color:var(--goldLight)} .hero-text{max-width:575px;margin-top:26px;color:rgba(247,244,239,.84);font-size:1.03rem;line-height:1.85}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 24px;border:1px solid var(--gold);color:var(--cream);background:rgba(8,19,14,.36);font-size:.76rem;letter-spacing:.17em;text-transform:uppercase;font-weight:600;transition:.3s ease}
.btn.gold{background:var(--gold);color:var(--dark)} .btn:hover{background:var(--cream);color:var(--dark);transform:translateY(-4px);box-shadow:0 18px 42px rgba(0,0,0,.24)}
.services-strip{position:relative;z-index:3;margin-top:58px;border:1px solid rgba(201,169,110,.42);background:rgba(7,17,13,.60);backdrop-filter:blur(8px);perspective:1100px}
.strip-title{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;transform:translateY(-12px);color:var(--goldLight);font-size:.78rem;letter-spacing:.30em;text-transform:uppercase;font-weight:600}
.strip-title::before,.strip-title::after{content:"";width:120px;height:1px;background:var(--gold)}
.service-icons{display:grid;grid-template-columns:repeat(6,1fr)}
.service-icon,.service-link-card{min-height:132px;padding:22px 18px;text-align:center;border-right:1px solid rgba(201,169,110,.28);position:relative;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.2,.8,.2,1), background .38s ease, box-shadow .38s ease, border-color .38s ease}
.service-icon:last-child{border-right:0}
.service-icon::before,.service-link-card::before{content:"";position:absolute;inset:10px;border:1px solid rgba(201,169,110,.0);transform:translateZ(-1px);transition:.38s ease;pointer-events:none}
.service-icon:hover,.service-link-card:hover{background:linear-gradient(145deg,rgba(201,169,110,.22),rgba(0,96,57,.22));transform:translateY(-14px) rotateX(8deg) rotateY(-5deg) scale(1.035);box-shadow:0 28px 55px rgba(0,0,0,.34);border-color:rgba(241,217,144,.75);z-index:5}
.service-icon:hover::before,.service-link-card:hover::before{inset:6px;border-color:rgba(241,217,144,.55)}
.service-icon .ico,.service-link-card .ico{font-size:2.05rem;color:var(--goldLight);margin-bottom:10px;transition:.38s ease;filter:drop-shadow(0 8px 12px rgba(0,0,0,.25))}
.service-icon:hover .ico,.service-link-card:hover .ico{transform:translateZ(45px) scale(1.18) rotate(-4deg);text-shadow:0 0 18px rgba(241,217,144,.45)}
.service-icon strong,.service-link-card strong{display:block;color:var(--goldLight);font-size:.75rem;letter-spacing:.20em;text-transform:uppercase;margin-bottom:7px;transition:.38s ease}
.service-icon p,.service-link-card p{color:rgba(247,244,239,.72);font-size:.82rem;line-height:1.45;transition:.38s ease}
.service-icon:hover strong,.service-link-card:hover strong{transform:translateZ(32px)} .service-icon:hover p,.service-link-card:hover p{color:rgba(247,244,239,.92);transform:translateZ(22px)}
.mid-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.4fr .9fr;gap:22px;margin-top:30px}
.gallery-card,.why-card{border:1px solid rgba(201,169,110,.42);background:rgba(7,17,13,.60);backdrop-filter:blur(8px);padding:26px}
.section-mini-title{display:flex;align-items:center;gap:14px;justify-content:center;color:var(--goldLight);font-size:.78rem;letter-spacing:.30em;text-transform:uppercase;margin-bottom:18px;font-weight:600}
.section-mini-title::before,.section-mini-title::after{content:"";width:55px;height:1px;background:var(--gold)}
.gallery-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px} .gallery-row img{height:104px;object-fit:cover;border:1px solid rgba(201,169,110,.30);border-radius:4px}
.gallery-more{margin:16px auto 0;display:flex;width:max-content;min-width:190px}
.why-list{display:grid;gap:14px}
.why-item{
  display:grid;grid-template-columns:42px 1fr;gap:16px;align-items:start;
  padding:14px 16px;
  border:1px solid rgba(201,169,110,.0);
  transition:all .32s ease;
  cursor:default;
  position:relative;
  overflow:hidden;
}
.why-item::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(201,169,110,.08),rgba(0,96,57,.08));
  opacity:0;transition:.32s ease;
}
.why-item:hover{
  border-color:rgba(201,169,110,.25);
  transform:translateX(6px);
  background:rgba(201,169,110,.04);
}
.why-item:hover::before{opacity:1}
.why-ico{
  font-size:1.8rem;color:var(--goldLight);
  transition:.32s ease;
  position:relative;z-index:1;
}
.why-item:hover .why-ico{
  transform:scale(1.2) rotate(-5deg);
  filter:drop-shadow(0 4px 8px rgba(201,169,110,.4));
}
.why-item strong{
  display:block;color:var(--cream);
  font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px;
  transition:.32s ease;position:relative;z-index:1;
}
.why-item:hover strong{color:var(--goldLight,#f1d990)}
.why-item p{
  color:rgba(247,244,239,.70);font-size:.92rem;line-height:1.55;
  transition:.32s ease;position:relative;z-index:1;
}
.why-item:hover p{color:rgba(247,244,239,.9)}
.bottom-cta{position:relative;z-index:3;margin-top:30px;background:rgba(255,247,232,.94);color:var(--ink);border:1px solid var(--line);display:grid;grid-template-columns:1.1fr .9fr auto;gap:24px;align-items:center;padding:28px 42px}
.bottom-cta h2{font-family:var(--serif);font-weight:300;font-size:2.35rem;letter-spacing:-.03em;line-height:1} .bottom-cta h2 em{font-family:var(--script);font-size:3rem;color:var(--gold);font-style:normal} .bottom-cta p{color:var(--muted);line-height:1.65}
.phone-box{display:flex;align-items:center;gap:14px;color:var(--ink)} .phone-ico{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center}
.floating-socials{position:fixed;right:26px;bottom:28px;z-index:120;display:grid;gap:14px} .float-btn{display:flex;align-items:center;gap:14px;min-width:190px;padding:14px 20px;color:#fff;border-radius:999px;box-shadow:0 14px 34px rgba(0,0,0,.26);font-size:.76rem;letter-spacing:.10em;text-transform:uppercase;font-weight:700;transition:.25s ease} .float-btn:hover{transform:translateY(-4px)} .float-btn .social-ico{width:26px;height:26px} .instagram{background:linear-gradient(135deg,#e84a86,#f3a042)} .whatsapp{background:linear-gradient(135deg,#138c44,#0f6c35)}
.page-transition{position:fixed;inset:0;z-index:999;display:grid;place-items:center;background:rgba(7,17,13,.96);opacity:0;pointer-events:none;transition:opacity .22s ease}
.page-transition.active{opacity:1;pointer-events:auto}
.transition-logo{color:var(--goldLight);text-shadow:0 0 22px rgba(241,217,144,.35);display:flex;align-items:baseline;gap:10px}
.transition-logo .t-main{font-family:var(--logo);font-size:2.3rem;letter-spacing:.08em;font-weight:600;clip-path:inset(0 100% 0 0)}
.transition-logo .t-script{font-family:var(--script);font-size:3.4rem;line-height:1.25;padding-top:.1em;clip-path:inset(0 100% 0 0)}
.page-transition.active .t-main{animation:transitionWrite .7s cubic-bezier(.2,.8,.2,1) forwards}
.page-transition.active .t-script{animation:transitionWrite .75s cubic-bezier(.2,.8,.2,1) .35s forwards}
@keyframes transitionWrite{to{clip-path:inset(0 0 0 0)}}
.subpage{min-height:100vh;padding:178px 0 90px;background:linear-gradient(90deg,rgba(7,17,13,.94),rgba(7,17,13,.70));border:1px solid rgba(201,169,110,.5);background:rgba(7,17,13,.74);backdrop-filter:blur(10px)} .sub-card h1{font-family:var(--serif);font-size:clamp(3.8rem,7vw,7.5rem);font-weight:300;letter-spacing:-.055em;line-height:.92;margin-bottom:24px} .sub-card p{color:rgba(247,244,239,.78);font-size:1.05rem;line-height:1.9;max-width:760px}
.service-detail-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:34px;margin-top:40px;align-items:start} .service-detail-image{border:1px solid rgba(201,169,110,.45);overflow:hidden;min-height:430px;background:rgba(255,247,232,.08);position:relative} .service-detail-image img{height:430px;object-fit:cover;transition:.6s ease} .service-detail-image:hover img{transform:scale(1.06)} .image-cta{position:absolute;left:22px;bottom:22px;right:22px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:rgba(7,17,13,.72);border:1px solid rgba(201,169,110,.5);backdrop-filter:blur(10px)} .image-cta strong{color:var(--goldLight);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase} .image-cta a{color:var(--cream);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--gold)}
.detail-panel{display:grid;gap:16px} .detail-box{padding:24px;border:1px solid rgba(201,169,110,.35);background:rgba(255,247,232,.08)} .detail-box strong{display:block;color:var(--goldLight);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px} .detail-box span,.detail-box li{color:rgba(247,244,239,.74);line-height:1.65} .detail-box ul{padding-left:18px}
.services-page-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;margin-top:40px;align-items:start;perspective:1100px} .service-list{display:grid;gap:16px} .service-link-card{display:grid;grid-template-columns:56px 1fr auto;gap:18px;align-items:center;text-align:left;min-height:104px;border:1px solid rgba(201,169,110,.38);background:rgba(255,247,232,.07);padding:20px 24px} .service-link-card .ico{margin:0;text-align:center} .service-link-card strong{margin-bottom:6px} .service-link-card .go{color:var(--goldLight);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap} .services-side-image{border:1px solid rgba(201,169,110,.45);background:rgba(255,247,232,.08);padding:18px;position:sticky;top:130px} .services-side-image img{height:520px;object-fit:cover} .services-side-image .side-caption{padding:18px 0 0;color:rgba(247,244,239,.78);line-height:1.6} .services-side-image .btn{margin-top:16px;width:100%}
@media(max-width:1160px){.navbar{grid-template-columns:1fr auto}.menu{display:none}.whatsapp-top{min-width:220px}.hero-grid,.mid-grid,.bottom-cta,.service-detail-grid,.services-page-grid{grid-template-columns:1fr}.service-icons{grid-template-columns:repeat(3,1fr)}.services-side-image{position:static}}
@media(max-width:720px){.container{width:min(100% - 34px,1220px)}.site-header{padding:12px 0}.navbar{gap:14px;min-height:76px}.brand{flex-direction:column;gap:0;align-items:flex-start;min-height:68px;padding:6px 0 8px}.brand-main{font-size:1.32rem}.brand-script{font-size:1.9rem;margin-left:28px;margin-top:-5px;line-height:1.25}.brand::after{display:none}.whatsapp-top{height:54px;min-width:54px;width:54px;padding:0;justify-content:center}.whatsapp-top span{display:none}.whatsapp-icon{width:42px;height:42px;min-width:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid currentColor;color:currentColor;box-sizing:content-box;padding:0}.hero{padding:132px 0 54px}.hero-title{font-size:clamp(3.6rem,16vw,5.2rem)}.kicker{font-size:.66rem;letter-spacing:.20em;gap:10px}.kicker::before,.kicker::after{width:32px}.hero-actions,.btn{width:100%}.service-icons{grid-template-columns:1fr 1fr}.service-icon{border-bottom:1px solid rgba(201,169,110,.25)}.gallery-row{grid-template-columns:1fr 1fr}.gallery-row img{height:130px}.floating-socials{right:16px;bottom:16px}.float-btn{min-width:auto;width:54px;height:54px;border-radius:50%;padding:0;justify-content:center}.float-btn span{display:none}.sub-card{padding:30px}.service-link-card{grid-template-columns:44px 1fr}.service-link-card .go{grid-column:2}}


/* Ana sayfa galeri seçkileri: 10 görsel / 2 satır */
.gallery-row-10 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.gallery-row-10 img {
  height: 104px;
}

@media (max-width: 900px) {
  .gallery-row-10 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gallery-row-10 img {
    height: 135px;
  }
}


/* Galeri hizmet kategorileri */
.gallery-categories {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 38px;
  perspective: 1100px;
}

.gallery-service-card {
  position: relative;
  min-height: 340px;
  overflow: hidden;
  border: 1px solid rgba(201,169,110,.45);
  background: rgba(255,247,232,.08);
  transform-style: preserve-3d;
  transition: transform .42s cubic-bezier(.2,.8,.2,1), box-shadow .42s ease, border-color .42s ease;
}

.gallery-service-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(180deg, transparent 24%, rgba(7,17,13,.90));
}

.gallery-service-card img {
  height: 340px;
  object-fit: cover;
  filter: saturate(.9) contrast(1.04);
  transition: transform .7s ease;
}

.gallery-service-card:hover {
  transform: translateY(-14px) rotateX(7deg) rotateY(-4deg) scale(1.025);
  box-shadow: 0 28px 58px rgba(0,0,0,.36);
  border-color: rgba(241,217,144,.8);
  z-index: 5;
}

.gallery-service-card:hover img {
  transform: scale(1.08);
}

.gallery-service-content {
  position: absolute;
  z-index: 3;
  left: 22px;
  right: 22px;
  bottom: 22px;
}

.gallery-service-content small {
  display: block;
  color: var(--goldLight);
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: .68rem;
  margin-bottom: 9px;
}

.gallery-service-content h3 {
  font-family: var(--serif);
  font-size: 2.35rem;
  font-weight: 300;
  letter-spacing: -.035em;
  line-height: .96;
  margin-bottom: 12px;
}

.gallery-service-content p {
  color: rgba(247,244,239,.74);
  font-size: .9rem;
  line-height: 1.55;
  margin-bottom: 14px;
}

.gallery-service-content span {
  display: inline-flex;
  color: var(--cream);
  border-bottom: 1px solid var(--gold);
  font-size: .72rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  padding-bottom: 5px;
}

.gallery-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
}

.gallery-detail-grid figure {
  position: relative;
  height: 260px;
  overflow: hidden;
  border: 1px solid rgba(201,169,110,.42);
  background: rgba(255,247,232,.07);
}

.gallery-detail-grid img {
  height: 100%;
  object-fit: cover;
  transition: .55s ease;
}

.gallery-detail-grid figure:hover img {
  transform: scale(1.07);
}

.gallery-detail-grid figcaption {
  position: absolute;
  left: 14px;
  bottom: 14px;
  right: 14px;
  background: rgba(7,17,13,.70);
  border: 1px solid rgba(201,169,110,.45);
  padding: 10px 12px;
  color: var(--goldLight);
  font-size: .68rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}

/* Ana sayfa galeri görselleri artık link */
.gallery-row a {
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(201,169,110,.30);
  border-radius: 4px;
}

.gallery-row a img {
  border: 0 !important;
  transition: .35s ease;
}

.gallery-row a::after {
  content: "Galeriye Git";
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 8px;
  padding: 8px 9px;
  background: rgba(7,17,13,.72);
  border: 1px solid rgba(201,169,110,.42);
  color: var(--goldLight);
  font-size: .58rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-align: center;
  opacity: 0;
  transform: translateY(8px);
  transition: .25s ease;
}

.gallery-row a:hover img {
  transform: scale(1.08);
}

.gallery-row a:hover::after {
  opacity: 1;
  transform: translateY(0);
}

/* Teklif al sayfası */
.quote-form-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 28px;
  margin-top: 38px;
  align-items: start;
}

.quote-info {
  border: 1px solid rgba(201,169,110,.38);
  background: rgba(255,247,232,.08);
  padding: 28px;
}

.quote-info strong {
  display: block;
  color: var(--goldLight);
  font-size: .78rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.quote-info ul {
  padding-left: 18px;
  color: rgba(247,244,239,.74);
  line-height: 1.8;
}

.quote-form {
  display: grid;
  gap: 14px;
  border: 1px solid rgba(201,169,110,.38);
  background: rgba(255,247,232,.08);
  padding: 28px;
}

.quote-form label {
  color: var(--goldLight);
  font-size: .68rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 700;
}

.quote-form input,
.quote-form select,
.quote-form textarea {
  width: 100%;
  min-height: 50px;
  margin-top: 8px;
  padding: 13px 14px;
  border: 1px solid rgba(201,169,110,.48);
  background: rgba(255,247,232,.94);
  color: var(--ink);
  outline: none;
}

.quote-form textarea {
  min-height: 130px;
  resize: vertical;
}

.quote-form input:focus,
.quote-form select:focus,
.quote-form textarea:focus {
  border-color: var(--goldLight);
  box-shadow: 0 0 0 4px rgba(201,169,110,.12);
}

@media(max-width: 1000px) {
  .gallery-categories,
  .gallery-detail-grid,
  .quote-form-grid {
    grid-template-columns: 1fr;
  }
}


/* İletişim sayfası harita alanı */
.map-section {
  margin-top: 42px;
  border: 1px solid rgba(201,169,110,.45);
  background: rgba(255,247,232,.08);
  padding: 24px;
}

.map-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 20px;
}

.map-head strong {
  display: block;
  color: var(--goldLight);
  font-size: .78rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.map-head p {
  margin: 0;
  color: rgba(247,244,239,.72);
  font-size: .95rem;
  line-height: 1.65;
}

.map-note {
  color: rgba(247,244,239,.62);
  font-size: .82rem;
  line-height: 1.65;
  max-width: 360px;
}

.map-frame {
  position: relative;
  width: 100%;
  min-height: 420px;
  overflow: hidden;
  border: 1px solid rgba(201,169,110,.38);
  background:
    linear-gradient(135deg, rgba(7,17,13,.82), rgba(0,96,57,.36)),
}

.map-frame iframe {
  width: 100%;
  height: 420px;
  border: 0;
  display: block;
  filter: saturate(.8) contrast(1.02);
}

.map-placeholder {
  min-height: 420px;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 34px;
}

.map-placeholder-inner {
  max-width: 620px;
  padding: 34px;
  border: 1px solid rgba(201,169,110,.46);
  background: rgba(7,17,13,.70);
  backdrop-filter: blur(10px);
}

.map-placeholder-inner span {
  display: block;
  color: var(--goldLight);
  font-family: var(--serif);
  font-size: clamp(2.6rem, 5vw, 4.7rem);
  line-height: .95;
  margin-bottom: 16px;
}

.map-placeholder-inner p {
  color: rgba(247,244,239,.76);
  line-height: 1.75;
  margin: 0 0 20px;
}

.map-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

@media(max-width: 760px) {
  .map-head {
    display: block;
  }

  .map-note {
    margin-top: 12px;
  }

  .map-frame,
  .map-frame iframe,
  .map-placeholder {
    min-height: 330px;
    height: 330px;
  }

  .map-placeholder-inner {
    padding: 24px;
  }
}

.float-btn .social-ico{display:flex;align-items:center;justify-content:center;line-height:0}
.float-btn .social-ico .wa-svg{width:18px;height:18px;display:block;flex:0 0 18px}