@import url("brand-font.css");
:root {
  --clr-heading: #203f37;
  --clr-body: #354d46;
  --clr-bg: #f2f7f4;
  --clr-def: #517e73;
  --clr-def-2: #3d655b;
  --clr-def-3: #648e81;
  --clr-menu: #517e73;
  --clr-ftr: #c7dcd2;
  --clr-1: #173c32;
  --clr-2: #e7f0ea;
  --clr-3: #517e73;
  --clr-overlay: rgba(23,60,50,.88);
}
.brand-lockup { display: inline-flex; align-items: center; gap: 13px; text-decoration: none; flex-shrink: 0; }
.brand-lockup .brand-mark { display: block; width: 66px; height: 68px; object-fit: contain; border-radius: 8px; flex-shrink: 0; }
.brand-wordmark { display: flex; flex-direction: column; gap: 5px; color: #203f37; font-family: 'Montserrat', Arial, sans-serif; line-height: 1.15; }
.brand-wordmark strong { font-family: inherit; font-size: 22px; font-weight: 700; letter-spacing: .025em; white-space: nowrap; }
.brand-wordmark > span { font-family: inherit; font-size: 12px; font-weight: 600; letter-spacing: .26em; white-space: nowrap; }
.header-1 .navbar:not(.fixed-top) .brand-wordmark, footer .brand-wordmark { color: #f2f7f4; }
.hero-section, .serv-overlay {
  background-image: url('../img/photos/arkadan-saha-olcumu-1600.webp') !important;
  background-size: cover !important;
  background-position: center 44% !important;
  background-repeat: no-repeat;
}
.hero-section::before, .serv-overlay::before {
  background: linear-gradient(110deg,rgba(15,48,39,.83),rgba(23,60,50,.67));
}
@media(max-width:767px){
  .hero-section, .serv-overlay {background-image:url('../img/photos/arkadan-saha-olcumu-800.webp') !important;}
}
@media(min-width:1600px){
  .hero-section, .serv-overlay {background-image:url('../img/photos/arkadan-saha-olcumu-1920.webp') !important;}
}
footer { background-color: #173c32; }
.hero-shape img, .service-shape img, .footer-shp, img[src*="assets/img/shape/"] { filter: grayscale(1) sepia(.65) hue-rotate(95deg) saturate(.65); }
.tm-btn-2 { box-shadow: none; }
::selection { background: #517e73; color: #fff; }
footer .brand-lockup { gap: 10px; }
footer .brand-wordmark strong { font-size: 17px; }
footer .brand-wordmark > span { font-size: 10px; }
footer .brand-mark { width: 52px; height: 54px; }
@media (max-width: 991px) {
  .header-1 .navbar:not(.fixed-top) .brand-wordmark { color: #203f37; }
  .brand-lockup .brand-mark { width: 49px; height: 51px; }
  .brand-wordmark strong { font-size: 18px; }
  .brand-wordmark > span { font-size: 10px; letter-spacing: .2em; }
  .navbar .container { padding-left: 15px; padding-right: 15px; }
}
@media (max-width: 380px) {
  .brand-lockup { gap: 8px; }
  .brand-wordmark strong { font-size: 15px; }
  .brand-wordmark > span { font-size: 9px; }
}

.about-left-pic .about-line, img[src*='about-line.png'] { filter: grayscale(1) sepia(.65) hue-rotate(95deg) saturate(.65); }
.hero-sldr .tm-btn-2 {background-color:#70b39a;color:#102e26;box-shadow:0 5px 18px rgba(0,0,0,.25);}
.hero-sldr .tm-btn-2 i {color:#24644c;}
.hero-sldr .tm-btn-2:hover, .hero-sldr .tm-btn-2:focus-visible {background-color:#94cdb6;color:#102e26;}
.hero-sldr.owl-theme .owl-nav [class*=owl-] {background:#70b39a;color:#102e26;box-shadow:0 0 0 10px #305e4e;}
.hero-sldr.owl-theme .owl-nav [class*=owl-]:hover,
.hero-sldr.owl-theme .owl-nav [class*=owl-]:focus-visible {background:#94cdb6;color:#102e26;}

.brand-lockup .brand-mark { border-radius: 0; background: transparent; }

/* Menu colors follow the section underneath the fixed navigation. */
.header-1 { height: 0; }
.main { margin-top: 0; }
#navbar_top {
  --nav-text: #f2f7f4;
  --nav-hover: #b8d7c9;
  background: transparent !important;
  box-shadow: none;
  transition: background-color .2s ease, box-shadow .2s ease;
}
#navbar_top[data-surface="body"] { background: #173c32 !important; box-shadow: 0 3px 15px rgba(10,35,27,.12); }
#navbar_top[data-surface="footer"] {
  --nav-text: #203f37;
  --nav-hover: #517e73;
  background: #fff !important;
  box-shadow: 0 3px 15px rgba(10,35,27,.12);
}
#navbar_top .brand-wordmark,
#navbar_top .nav-item .nav-link,
#navbar_top .navbar-toggler,
#navbar_top .navbar-toggler i { color: var(--nav-text) !important; }
#navbar_top .nav-item .nav-link:hover,
#navbar_top .nav-item .nav-link:focus-visible { color: var(--nav-hover) !important; }
#navbar_top a:focus-visible, #navbar_top button:focus-visible { outline: 2px solid var(--nav-text); outline-offset: 4px; }
@media (max-width: 991px) {
  #navbar_top { padding: 10px 0; }
  #navbar_top #main_nav { background: transparent; }
  #navbar_top[data-surface="hero"] #main_nav.show,
  #navbar_top[data-surface="hero"] #main_nav.collapsing { background: #173c32; border-radius: 8px; padding: 8px 16px; }
}
@media (prefers-reduced-motion: reduce) { #navbar_top { transition: none; } }

.footer-contact-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 48px;
  padding: 14px 24px;
  border-radius: 30px;
  background: #e7f0ea;
  color: #173c32;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}
.footer-contact-btn:hover { background: #fff; color: #173c32; }
.footer-contact-btn:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }

.service-drone-icon { width: 1em; height: 1em; vertical-align: -.125em; }
.service-icon .service-drone-icon { width: 50px; height: 50px; }
.footer-address address { font-style: normal; font-size: 17px; line-height: 1.9; }
.footer-address address a { color: #f2f7f4; }
.footer-address address a:hover { color: #b8d7c9; }
.footer-address strong { font-weight: 800; }
.footer-address a:focus-visible { outline: 2px solid white; outline-offset: 5px; }
.copyright .copyright-content { flex-direction: column; justify-content: center; gap: 18px; text-align: center; }
.copyright .copyright-content > p { width: 100%; text-align: center; }
.copyright .footer-social { justify-content: center; margin: 0; padding: 0; }
.copyright .maker-credit { display: inline-block; }
.copyright .copyright-content p a { color: #b8d7c9; }

.review-disclosure { color: #586c62; font-size: 14px; text-align: center; margin-bottom: 24px; }
.review-initials { display: grid; place-items: center; width: 100px; height: 100px; border-radius: 50%; background: #e7f0ea; color: #3d655b; font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 600; }
.review-content blockquote { margin-top: 18px; }

/* Equal-height testimonial cards, with ratings aligned along the bottom. */
.rev-sldr .owl-stage { display: flex; align-items: stretch; }
.rev-sldr .owl-item { display: flex; float: none; }
.rev-sldr .review-box { width: 100%; height: auto; align-self: stretch; }
.rev-sldr .review-content { display: flex; flex-direction: column; min-width: 0; }
.rev-sldr .review-content blockquote { flex: 1; }
.rev-sldr .review-content .sh-de-rating { margin-top: auto; padding-top: 16px; }
.rev-sldr .review-pic { flex-shrink: 0; }

/* S.S.S selected question follows the green brand palette. */
#accordionExample .accordion-button:not(.collapsed) {
  background-color: #e7f0ea;
  color: #203f37;
  box-shadow: inset 0 -1px 0 rgba(81,126,115,.15);
}
#accordionExample .accordion-button:focus {
  border-color: #b8d7c9;
  box-shadow: 0 0 0 3px rgba(81,126,115,.18);
}
#accordionExample .accordion-button::after { color: inherit; }

#accordionExample .faq-contact-link { color: #173c32; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
#accordionExample .faq-contact-link:hover { color: #3d655b; }
#accordionExample .faq-contact-link:focus-visible { outline: 2px solid #517e73; outline-offset: 3px; }
img[src$="helmet-green.png"] { width: 110px; height: 90px; object-fit: contain; }

#iletisim .addr-desc a { color: #203f37; overflow-wrap: anywhere; }
#iletisim .addr-desc a:hover { color: #517e73; text-decoration: underline; }
#iletisim .addr-desc a:focus-visible { outline: 2px solid #517e73; outline-offset: 4px; }
.contact-form label { display:block; margin-bottom:8px; color:#203f37; font-size:15px; font-weight:600; }
.phone-field { display:flex; align-items:center; border:1px solid #ccc; border-radius:6px; background:white; overflow:hidden; }
.phone-prefix { display:flex; align-items:center; gap:8px; padding:0 14px; color:#203f37; white-space:nowrap; font-size:16px; }
.phone-field input { border:0; border-left:1px solid #ddd; border-radius:0; min-width:0; padding-left:14px; }
.phone-field:focus-within { outline:2px solid #517e73; outline-offset:1px; }
.contact-form .field-error { display:block; color:#a32a29; font-size:14px; line-height:1.5; margin-top:6px; }
.contact-form [aria-invalid="true"] { border-color:#a32a29; }
#phone-hint { display:block; font-size:13px; color:#586c62; margin-top:6px; }
#message { margin-top:20px; color:#203f37; }

/* Consistent green focus treatment across contact fields. */
.contact-form .form-control:focus {
  border-color: #517e73;
  outline: none;
  box-shadow: 0 0 0 3px rgba(81,126,115,.18);
}
.contact-form .phone-field:focus-within {
  border-color: #517e73;
  outline: none;
  box-shadow: 0 0 0 3px rgba(81,126,115,.18);
}
.contact-form .phone-field .form-control:focus { box-shadow: none; }

/* Footer columns: aligned headings and consistent list indentation. */
footer .footer-widget-wpr > .row > div:not(:first-child) .footer-widget-title {
  white-space: nowrap;
  line-height: 1.3;
  margin-top: 0;
  padding-bottom: 24px;
  margin-bottom: 32px;
}
footer .footer-list li a { display: flex; align-items: baseline; gap: 12px; }
footer .footer-list li a i { flex: 0 0 20px; width: 20px; margin-right: 0; text-align: center; }
footer .footer-address address { margin: 0; line-height: 1.9; }
@media (min-width: 1200px) {
  footer .footer-widget-wpr > .row {
    display: grid;
    grid-template-columns: minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);
    gap: 36px;
    margin-left: 0;
    margin-right: 0;
  }
  footer .footer-widget-wpr > .row > div { width: auto; padding-left: 0; padding-right: 0; }
  footer .footer-widget-wpr > .row > div:last-child { padding-left: 16px; }
  footer .footer-widget-title { font-size: 22px; }
  footer .about-us { padding-right: 0; }
}

/* WhatsApp contact shortcut beside the scroll-to-top button. */
a.whatsapp-contact,
a.whatsapp-contact:hover,
a.whatsapp-contact:focus {
  position: fixed;
  right: 92px;
  bottom: 20px;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #25D366;
  color: #fff;
  font-size: 30px;
  text-decoration: none;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .18);
}
a.whatsapp-contact:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}
.whatsapp-bubble {
  position: fixed;
  right: 92px;
  bottom: 86px;
  z-index: 100;
  width: max-content;
  max-width: calc(100vw - 112px);
  padding: 17px 38px 17px 20px;
  border-radius: 22px;
  background: #fff;
  color: #203f37;
  box-shadow: 0 4px 24px rgba(0,0,0,.2);
  font-size: 16px;
  line-height: 1.5;
}
.whatsapp-bubble[hidden] { display: none; }
.whatsapp-bubble::after {
  content: '';
  position: absolute;
  right: 18px;
  bottom: -9px;
  width: 18px;
  height: 18px;
  background: #fff;
  transform: rotate(45deg);
}
.whatsapp-bubble a { color: inherit; }
.whatsapp-bubble button {
  position: absolute;
  right: 9px;
  top: 8px;
  background: transparent;
  border: 0;
  color: #203f37;
  font-size: 24px;
  cursor: pointer;
  line-height: 1;
}

/* Keep the three feature cards equal without clipping their copy. */
.feature-area .feature-wpr { align-items: stretch; grid-auto-rows: 1fr; }
.feature-area .feature-box { display: flex; min-width: 0; }
.feature-area .feature-box-content { width: 100%; height: 100%; }

.feature-area > .survey-sketch {
  top: 100px;
  left: 12px;
  width: clamp(180px, 28vw, 400px);
  height: auto;
  opacity: .2;
  pointer-events: none;
}
@media (max-width: 767px) {
  .feature-area > .survey-sketch { width: 180px; left: 0; opacity: .15; }
}

.feature-area { position: relative; isolation: isolate; }
.feature-area > .survey-sketch { position: absolute; z-index: -1; }

/* A soft pulse draws attention without changing the WhatsApp brand color. */
a.whatsapp-contact { isolation: isolate; }
a.whatsapp-contact::before {
  content: '';
  position: absolute;
  inset: -2px;
  border: 2px solid #b8d7c9;
  border-radius: 50%;
  background: rgba(184, 215, 201, .22);
  z-index: -1;
  pointer-events: none;
  animation: whatsapp-halo 2.8s ease-in-out infinite;
}
a.whatsapp-contact i { position: relative; }
@keyframes whatsapp-halo {
  0%, 100% { transform: scale(1); opacity: .35; }
  50% { transform: scale(1.48); opacity: .8; }
}
@media (prefers-reduced-motion: reduce) {
  a.whatsapp-contact::before { animation: none; transform: scale(1.15); opacity: .4; }
}

#navbar_top .language-picker { position: relative; margin-left: 14px; color: var(--nav-text); flex-shrink: 0; }
.language-picker summary { display: flex; align-items: center; gap: 6px; cursor: pointer; list-style: none; padding: 10px 4px; font-size: 14px; }
.language-picker summary::-webkit-details-marker { display: none; }
.language-picker img { display: block; width: 24px; height: 16px; border-radius: 2px; object-fit: cover; }
.language-options { position: absolute; right: 0; top: 100%; min-width: 160px; padding: 6px; background: #fff; color: #203f37; border-radius: 10px; box-shadow: 0 6px 24px #0003; z-index: 110; }
.language-options button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px; border: 0; border-radius: 6px; background: transparent; color: inherit; font-size: 15px; text-align: left; }
.language-options button[aria-current] { background: #e7f0ea; }
.language-options button:disabled { opacity: .6; cursor: not-allowed; }
.language-picker summary:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (max-width: 991px) {
  #navbar_top .brand-lockup { margin-right: auto; }
  #navbar_top .language-picker { order: 2; margin-left: 6px; }
  #navbar_top .navbar-toggler { order: 1; }
  #navbar_top #main_nav { order: 3; }
  #navbar_top .language-picker summary { gap: 4px; }
}
@media (max-width: 480px) {
  #navbar_top .brand-lockup { gap: 6px; }
  #navbar_top .brand-mark { width: 38px; height: 42px; }
  #navbar_top .brand-wordmark strong { font-size: 13px; }
  #navbar_top .brand-wordmark > span { font-size: 8px; }
  #navbar_top .navbar-toggler { padding: 4px; }
}

/* First-slide Hatay map: arrival, ground shadow and staggered pin drops. */
.hatay-map-scene {position:relative;width:min(100%,460px);margin:0 auto;padding-bottom:24px;isolation:isolate;}
.hatay-map-arrival {position:relative;transform-origin:center bottom;}
.hero-sldr .hatay-map-image {display:block;width:100%;height:auto;border-radius:16px;}
.hatay-map-shadow {position:absolute;bottom:4px;left:15%;width:70%;height:30px;border-radius:50%;background:rgba(0,0,0,.3);filter:blur(12px);z-index:-1;}
.hatay-pin {position:absolute;left:var(--pin-x);top:var(--pin-y);width:clamp(15px,2.1vw,27px);height:auto;transform:translate(-50%,-100%);filter:drop-shadow(2px 5px 2px rgba(0,0,0,.22));}
.hatay-pin svg {display:block;width:100%;height:auto;}
.hero-sldr .owl-item:not(.active) .hatay-map-arrival,.hero-sldr .owl-item:not(.active) .hatay-pin {opacity:0;}
.hero-sldr .owl-item.active .hatay-map-arrival {animation:hatay-arrive 1.2s cubic-bezier(.18,.7,.25,1) both;}
.hero-sldr .owl-item.active .hatay-map-shadow {animation:hatay-shadow 1.2s ease-out both;}
.hero-sldr .owl-item.active .hatay-pin {animation:hatay-pin-drop .65s cubic-bezier(.2,.75,.35,1.2) var(--pin-delay) both;}
@keyframes hatay-arrive {from{opacity:0;transform:translateX(160px) rotate(4deg) scale(.92);}to{opacity:1;transform:translateX(0) rotate(0) scale(1);}}
@keyframes hatay-shadow {from{opacity:0;transform:scale(.4);}to{opacity:1;transform:scale(1);}}
@keyframes hatay-pin-drop {0%{opacity:0;transform:translate(-50%,calc(-100% - 90px)) scale(.7);}70%{opacity:1;transform:translate(-50%,-100%) scale(1.08);}100%{opacity:1;transform:translate(-50%,-100%) scale(1);}}
@media(prefers-reduced-motion:reduce){
 .hero-sldr .owl-item.active .hatay-map-arrival,.hero-sldr .owl-item.active .hatay-map-shadow,.hero-sldr .owl-item.active .hatay-pin {animation:none;opacity:1;}
}
.hero-sldr .hdr-pic .hatay-map-scene .hatay-map-image {width:100% !important;max-width:100% !important;height:auto !important;}

/* Slower assembled-map sequence. */
.hatay-map-arrival {aspect-ratio:1 / 1;}
.hatay-map-piece {position:absolute;inset:0;}
.hero-sldr .hdr-pic .hatay-map-piece img {width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain;border-radius:0;}
.hero-sldr .owl-item.active .hatay-map-arrival {animation:none;}
.hero-sldr .owl-item.active .hatay-map-piece {animation:hatay-assemble 3.2s cubic-bezier(.16,.7,.24,1) var(--piece-delay) both;}
.hero-sldr .owl-item.active .hatay-map-shadow {animation:hatay-shadow 5s ease-out both;}
.hero-sldr .owl-item.active .hatay-pin {animation-duration:1.25s;}
@keyframes hatay-assemble {
 from {opacity:0;transform:translate(var(--piece-x),var(--piece-y)) rotate(var(--piece-turn));}
 to {opacity:1;transform:translate(0,0) rotate(0);}
}
@media(prefers-reduced-motion:reduce){
 .hero-sldr .owl-item.active .hatay-map-piece,.hero-sldr .owl-item.active .hatay-pin,.hero-sldr .owl-item.active .hatay-map-shadow {animation:none;opacity:1;}
}
.hatay-map-arrival {aspect-ratio:1208 / 1302;}
.hatay-map-shadow {bottom:6%;left:24%;width:52%;height:24px;}

/* Apply depth outside the clip so each moving fragment has visible side edges. */
.hatay-piece-solid,.hatay-piece-face {position:absolute;inset:0;}
.hatay-piece-solid {filter:drop-shadow(0 1px 0 #a6aaa7) drop-shadow(0 2px 0 #8a918c) drop-shadow(-1px 3px 0 #69746c) drop-shadow(1px 7px 5px rgba(0,0,0,.25));}
.hero-sldr .hdr-pic .hatay-map-assembled {position:absolute;inset:0;width:100%!important;max-width:100%!important;height:100%!important;object-fit:contain;pointer-events:none;opacity:0;}
.hero-sldr .owl-item.active .hatay-map-assembled {animation:hatay-finish .35s ease 5s both;}
.hero-sldr .owl-item.active .hatay-piece-solid {animation:hatay-depth-settle .35s ease 5s forwards;}
.hatay-pin {z-index:2;}
@keyframes hatay-finish {from{opacity:0;}to{opacity:1;}}
@keyframes hatay-depth-settle {to{opacity:0;}}
@media(prefers-reduced-motion:reduce){
 .hero-sldr .owl-item.active .hatay-map-assembled {animation:none;opacity:1;}
 .hero-sldr .owl-item.active .hatay-piece-solid {animation:none;opacity:0;}
}

/* Solid fragments: no translucent arrival or blurred perimeter. */
.hatay-filter-defs {position:absolute;pointer-events:none;}
.hatay-piece-face img,.hero-sldr .hdr-pic .hatay-map-assembled {filter:url(#hatay-crisp-alpha);}
.hatay-piece-solid {filter:drop-shadow(0 1px 0 #a6aaa7) drop-shadow(0 2px 0 #8a918c) drop-shadow(-1px 2px 0 #69746c);}
@keyframes hatay-assemble {
 from {opacity:1;transform:translate(var(--piece-x),var(--piece-y)) rotate(var(--piece-turn));}
 to {opacity:1;transform:translate(0,0) rotate(0);}
}
/* Swap only once assembly is complete; no overlapping cross-fade silhouettes. */
.hero-sldr .owl-item.active .hatay-map-assembled {animation:hatay-finish .01s step-end 5s both;}
.hero-sldr .owl-item.active .hatay-piece-solid {animation:hatay-depth-settle .01s step-end 5s forwards;}
@media(prefers-reduced-motion:reduce){
 .hero-sldr .owl-item.active .hatay-map-assembled {animation:none;opacity:1;}
 .hero-sldr .owl-item.active .hatay-piece-solid {animation:none;opacity:0;}
}

/* Gentle helmet lift with a synchronized ground shadow. */
.feature-area .feature-helmet {isolation:isolate;}
.feature-area .feature-helmet img.up-move {
  position:relative;
  display:block;
  animation:helmet-float 3.6s ease-in-out infinite !important;
}
.feature-area .feature-helmet::after {
  content:'';
  position:absolute;
  left:20%;
  bottom:1px;
  width:64%;
  height:9px;
  border-radius:50%;
  background:rgba(23,60,50,.25);
  filter:blur(3px);
  z-index:-1;
  pointer-events:none;
  animation:helmet-ground-shadow 3.6s ease-in-out infinite;
}
@keyframes helmet-float {
  0%,100% {transform:translateY(0);}
  50% {transform:translateY(-7px);}
}
@keyframes helmet-ground-shadow {
  0%,100% {transform:scale(1);opacity:.8;}
  50% {transform:scale(1.2);opacity:.35;}
}
@media(prefers-reduced-motion:reduce) {
  .feature-area .feature-helmet img.up-move,
  .feature-area .feature-helmet::after {animation:none !important;}
}

/* Float the completed map only after the final pin has landed (11.05s). */
.hero-sldr .owl-item.active .hatay-map-arrival {
  animation:hatay-complete-float 3.6s ease-in-out 11.2s infinite;
}
.hero-sldr .owl-item.active .hatay-map-shadow {
  animation:hatay-shadow 5s ease-out both, hatay-complete-shadow 3.6s ease-in-out 11.2s infinite;
}
@keyframes hatay-complete-float {
  0%,100% {transform:translateY(0);}
  50% {transform:translateY(-7px);}
}
@keyframes hatay-complete-shadow {
  0%,100% {transform:scale(1);opacity:.8;}
  50% {transform:scale(1.15);opacity:.45;}
}
@media(prefers-reduced-motion:reduce) {
  .hero-sldr .owl-item.active .hatay-map-arrival,
  .hero-sldr .owl-item.active .hatay-map-shadow {animation:none;}
}

.counter-1 .fun-icon .turkey-counter-icon {
 display:inline-block;
 width:1.25em;
 height:1em;
 vertical-align:middle;
 background:currentColor;
 -webkit-mask:url('../img/about/turkey-counter.svg') center / contain no-repeat;
 mask:url('../img/about/turkey-counter.svg') center / contain no-repeat;
}
.review-example-label {display:block;font-size:12px;line-height:1.4;color:#517e73;margin-bottom:8px;}

.institution-shortcuts {padding:36px 0 10px;background:#fff;position:relative;z-index:1;}
.institution-shortcuts h2 {font-size:17px;font-weight:600;letter-spacing:.04em;text-align:center;margin:0 0 22px;color:#517e73;}
.shortcut-grid {display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px;}
.institution-shortcut {position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 6px 14px;color:#203f37;border:1px solid #e7f0ea;border-radius:12px;text-align:center;min-width:0;transition:background-color .2s,border-color .2s,transform .2s;}
.institution-shortcut:hover {background:#f2f7f4;border-color:#b8d7c9;color:#173c32;transform:translateY(-3px);}
.institution-shortcut:focus-visible {outline:2px solid #517e73;outline-offset:3px;}
.shortcut-icon {height:52px;width:58px;display:flex;align-items:center;justify-content:center;color:#517e73;font-size:32px;}
.shortcut-icon img {width:48px;height:48px;object-fit:contain;}
.shortcut-monogram {font:700 16px Arial,sans-serif;border:2px solid currentColor;border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center;}
.shortcut-label {font-size:12px;line-height:1.5;font-weight:500;}
.shortcut-external {position:absolute;top:7px;right:7px;font-size:8px;opacity:.4;}
.institution-shortcuts + .feature-area {padding-top:65px;}
@media(max-width:991px){.shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}.institution-shortcuts{padding-top:24px;}}
@media(prefers-reduced-motion:reduce){.institution-shortcut{transition:none;}}
.shortcut-filter-defs {position:absolute;pointer-events:none;}
.institution-shortcuts .shortcut-icon img {filter:url(#shortcut-green);}
.institution-shortcuts .shortcut-icon .shortcut-hkmo {clip-path:inset(6.5% 0 3% 0);width:48px;height:56px;object-fit:fill;}
.institution-shortcuts .shortcut-icon:has(.shortcut-gazette) {width:90px;}
.institution-shortcuts .shortcut-icon .shortcut-gazette {width:90px;height:48px;}
.hatay-map-arrival.real-district-map {aspect-ratio:600/650;}
.real-district-map .hatay-piece-solid {filter:none;}
.hero-sldr .hdr-pic .real-district-map .hatay-map-assembled {filter:none;}
.hero-sldr .owl-item.active .hatay-map-arrival.real-district-map {animation-delay:12.4s;}
.hero-sldr .owl-item.active .hatay-map-shadow {animation-delay:0s,12.4s;}
.district-intro {max-width:850px;margin:0 auto 48px;line-height:1.8;text-align:center;}
.service-guidance {margin-top:18px;text-align:start;border-top:1px solid #d9e6df;padding-top:14px;}
.service-guidance summary {cursor:pointer;font-weight:600;color:#173c32;line-height:1.6;}
.service-guidance p {margin-top:12px;}