/*
 * Antalya Teknik — private Efor Bilgisayar technical service skin.
 *
 * Architecture contract:
 * - Keep Template.tsx as a thin shared Renderer wrapper.
 * - Use only the public .site-* / .block-* class contract below.
 * - --primary-color, --secondary-color and --font-family come from site settings.
 * - No remote fonts, images or JavaScript: fast by default and easy to fork.
 */

:root {
  --primary: var(--primary-color, #d92332);
  --secondary: var(--secondary-color, #1c3d6e);
  --ink: #131a24;
  --ink-soft: #5f6573;
  --muted: #8b91a0;
  --canvas: #ecece8;
  --canvas-deep: #f6f6f3;
  --surface: #ffffff;
  --surface-soft: rgba(255, 255, 255, 0.72);
  --line: rgba(18, 20, 27, 0.11);
  --line-strong: rgba(18, 20, 27, 0.18);
  --font-heading: var(--font-family, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  --font-body: var(--font-family, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  --radius-sm: 12px;
  --radius: 20px;
  --radius-lg: 32px;
  --shadow-sm: 0 1px 2px rgba(18, 20, 27, 0.04), 0 8px 28px rgba(18, 20, 27, 0.06);
  --shadow: 0 28px 80px rgba(18, 20, 27, 0.12);
  --container: 1200px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  overflow-x: hidden;
  color: var(--ink);
  background: var(--canvas);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
::selection { color: #fff; background: var(--primary); }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3, h4 {
  color: var(--ink);
  font-family: var(--font-heading);
  font-weight: 760;
  line-height: 1.08;
  letter-spacing: -0.04em;
}
a { color: inherit; }
img, svg { display: block; max-width: 100%; }
button, input, textarea, select { font: inherit; }
:focus-visible { outline: 3px solid var(--primary); outline-offset: 3px; }
.container { width: min(100% - 40px, var(--container)); margin-inline: auto; }

/* Header */
.site-header {
  position: sticky;
  top: 0;
  z-index: 60;
  border-bottom: 1px solid rgba(255, 255, 255, 0.44);
  background: rgba(245, 245, 240, 0.82);
  box-shadow: 0 1px 0 var(--line);
  backdrop-filter: saturate(150%) blur(18px);
}
.site-header__inner { display: flex; align-items: center; justify-content: space-between; min-height: 76px; gap: 2rem; }
.site-header__brand { display: inline-flex; align-items: center; min-width: 0; color: inherit; text-decoration: none; }
.site-header__logo { width: auto; max-width: 220px; max-height: 44px; }
.site-header__name { position: relative; color: var(--ink); font-family: var(--font-heading); font-size: 1.28rem; font-weight: 820; letter-spacing: -0.04em; }
.site-header__name::after { content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 5px; border-radius: 999px; background: var(--primary); vertical-align: 0.08em; }
.site-header__nav-list { display: flex; align-items: center; gap: 0.3rem; margin: 0; padding: 0; list-style: none; }
.site-header__nav-link { display: inline-flex; align-items: center; min-height: 42px; padding: 0 0.85rem; border-radius: 999px; color: var(--ink-soft); font-size: 0.9rem; font-weight: 650; text-decoration: none; transition: color 160ms ease, background 160ms ease; }
.site-header__nav-link:hover { color: var(--ink); background: rgba(255, 255, 255, 0.82); }
.site-header__menu-toggle { display: none; width: 44px; height: 44px; padding: 11px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); cursor: pointer; }
.site-header__menu-toggle span { display: block; width: 100%; height: 2px; margin: 4px 0; border-radius: 2px; background: var(--ink); }
.site-header__mobile-nav { display: none; padding: 0.25rem 0 1rem; }
.site-header__mobile-nav ul { display: grid; gap: 0.25rem; margin: 0; padding: 0; list-style: none; }
.site-header__mobile-nav a { display: block; min-height: 44px; padding: 0.68rem 0.85rem; border-radius: var(--radius-sm); color: var(--ink); font-weight: 650; text-decoration: none; }
.site-header__mobile-nav a:hover { background: var(--surface); }
.site-header__mobile-nav.open, .site-header__mobile-nav[aria-hidden="false"] { display: block; }

/* Buttons */
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0.85rem 1.35rem; border: 1px solid transparent; border-radius: 999px; cursor: pointer; font-size: 0.94rem; font-weight: 760; line-height: 1.1; text-decoration: none; transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease; }
.btn-primary { color: #fff; background: var(--primary); box-shadow: 0 14px 30px color-mix(in srgb, var(--primary) 27%, transparent); }
.btn-primary:hover { filter: brightness(1.06); transform: translateY(-2px); }
.btn-primary:active { transform: translateY(0); }

/* Hero — works with either the theme background or a user image. */
.block-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  align-items: center;
  min-height: clamp(570px, 76vh, 760px);
  overflow: hidden;
  color: #fff;
  background-color: var(--secondary);
  background-image:
    radial-gradient(circle at 82% 22%, color-mix(in srgb, var(--primary) 72%, transparent), transparent 34%),
    radial-gradient(circle at 12% 88%, color-mix(in srgb, var(--primary) 30%, transparent), transparent 36%),
    linear-gradient(135deg, var(--secondary), #090b11 78%);
  background-position: center;
  background-size: cover;
}
.block-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(7, 9, 14, 0.84) 0%, rgba(7, 9, 14, 0.34) 66%, rgba(7, 9, 14, 0.18) 100%); }
.block-hero__content { max-width: 840px; padding: clamp(5.5rem, 11vw, 9rem) 0; }
.block-hero__title { max-width: 830px; margin-bottom: 1.4rem; color: #fff; font-size: clamp(3rem, 7.2vw, 6.6rem); font-weight: 780; line-height: 0.96; letter-spacing: -0.065em; text-wrap: balance; }
.block-hero__subtitle { max-width: 660px; margin-bottom: 2rem; color: rgba(255, 255, 255, 0.76); font-size: clamp(1.05rem, 2vw, 1.35rem); line-height: 1.6; text-wrap: pretty; }
.block-hero .btn-primary { color: var(--ink); background: #fff; box-shadow: 0 16px 36px rgba(0, 0, 0, 0.24); }

/* Shared section rhythm */
.block-about, .block-services, .block-contact, .block-gallery, .block-text { padding: clamp(4.8rem, 9vw, 8rem) 0; }
.block-about__title, .block-services__title, .block-contact__title, .block-gallery__title, .block-text__title { font-size: clamp(2.15rem, 4.6vw, 4.25rem); text-wrap: balance; }

/* About */
.block-about { position: relative; background: var(--surface); }
.block-about__inner { display: flex; align-items: center; gap: clamp(2.5rem, 7vw, 6.5rem); }
.block-about__inner--image-right, .block-about__inner--reversed { flex-direction: row-reverse; }
.block-about__image { flex: 1; min-width: 0; overflow: hidden; aspect-ratio: 4 / 3; border-radius: var(--radius-lg); background: var(--canvas-deep); box-shadow: var(--shadow); }
.block-about__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms cubic-bezier(.22, 1, .36, 1); }
.block-about__image:hover img { transform: scale(1.025); }
.block-about__text { flex: 1.05; min-width: 0; }
.block-about__title { margin-bottom: 1.35rem; }
.block-about__content { margin: 0; color: var(--ink-soft); font-size: clamp(1.02rem, 1.5vw, 1.16rem); line-height: 1.85; }

/* Services / blog cards */
.block-services { background: var(--canvas); }
.block-services__title { max-width: 780px; margin: 0 auto 3.25rem; text-align: center; }
.block-services__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr)); gap: 1.15rem; }
.block-services__card { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); color: inherit; background: var(--surface); box-shadow: var(--shadow-sm); transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease; }
.block-services__card:hover { z-index: 1; border-color: color-mix(in srgb, var(--primary) 38%, var(--line)); box-shadow: var(--shadow); transform: translateY(-6px); }
.block-services__card-image { overflow: hidden; aspect-ratio: 16 / 10; background: var(--canvas-deep); }
.block-services__card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms cubic-bezier(.22, 1, .36, 1); }
.block-services__card:hover .block-services__card-image img { transform: scale(1.035); }
.block-services__card-body { padding: 1.55rem; }
.block-services__card-title { margin-bottom: 0.6rem; font-size: 1.18rem; letter-spacing: -0.025em; }
.block-services__card-description { margin-bottom: 0; color: var(--ink-soft); font-size: 0.94rem; line-height: 1.7; }
.block-services__card-price { margin: 1rem 0 0; color: var(--primary); font-size: 1.12rem; font-weight: 800; }

/* Contact, booking and custom forms */
.block-contact { background: var(--surface); }
.block-contact:nth-of-type(even) { background: var(--canvas); }
.block-contact__title { max-width: 820px; margin: 0 auto 3rem; text-align: center; }
.block-contact__inner { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr); gap: clamp(2rem, 6vw, 5rem); max-width: 1040px; margin: 0 auto; }
.block-contact__info { align-self: start; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--canvas); }
.block-contact__item { padding: 1.25rem 1.4rem; border-bottom: 1px solid var(--line); }
.block-contact__item:last-child { border-bottom: 0; }
.block-contact__item strong { display: block; margin-bottom: 0.4rem; color: var(--primary); font-size: 0.7rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; }
.block-contact__item a, .block-contact__item p { margin: 0; color: var(--ink); text-decoration: none; }
.block-contact__item a:hover { color: var(--primary); }
.block-contact__form { width: 100%; }
.form-group { display: grid; gap: 0.45rem; margin-bottom: 1rem; }
.form-group label { color: var(--ink); font-size: 0.82rem; font-weight: 700; }
.form-group input, .form-group textarea, .form-group select { width: 100%; min-height: 50px; padding: 0.85rem 1rem; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); color: var(--ink); background: var(--surface); transition: border-color 160ms ease, box-shadow 160ms ease; }
.form-group textarea { min-height: 132px; resize: vertical; }
.form-group input:focus, .form-group textarea:focus, .form-group select:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary) 13%, transparent); }
.block-contact__form .btn { margin-top: 0.35rem; }
.block-contact__form-status { min-height: 1.35rem; margin: 0.85rem 0 0; color: var(--ink-soft); font-size: 0.88rem; }
.block-contact__map { grid-column: 1 / -1; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.block-contact__map iframe { display: block; width: 100%; }

/* Gallery */
.block-gallery { background: var(--canvas-deep); }
.block-gallery__title { margin: 0 auto 3rem; text-align: center; }
.block-gallery__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.9rem; }
.block-gallery__grid--cols-2 { grid-template-columns: repeat(2, 1fr); }
.block-gallery__grid--cols-4 { grid-template-columns: repeat(4, 1fr); }
.block-gallery__item { overflow: hidden; border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); }
.block-gallery__image { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform 500ms cubic-bezier(.22, 1, .36, 1); }
.block-gallery__item:hover .block-gallery__image { transform: scale(1.035); }
.block-gallery__caption { margin: 0; padding: 0.8rem 1rem; color: var(--ink-soft); font-size: 0.82rem; }

/* Rich text */
.block-text { background: var(--surface); }
.block-text .container { max-width: 820px; }
.block-text--center { text-align: center; }
.block-text--right { text-align: right; }
.block-text__title { margin-bottom: 1.2rem; }
.block-text__content { color: var(--ink-soft); font-size: clamp(1.02rem, 1.5vw, 1.13rem); line-height: 1.9; }
.block-text__content p:last-child { margin-bottom: 0; }

/* Shared module polish. The body prefix intentionally wins over modules.css. */
body .block-faq, body .block-pricing, body .block-team, body .block-menu, body .block-hours, body .block-testimonials { padding: clamp(4.8rem, 9vw, 8rem) 0; }
body .block-faq__title, body .block-pricing__title, body .block-team__title, body .block-menu__title, body .block-hours__title, body .block-testimonials__title { max-width: 820px; margin: 0 auto 3rem; font-size: clamp(2.15rem, 4.6vw, 4.25rem); line-height: 1.08; letter-spacing: -0.04em; text-wrap: balance; }
body .block-faq, body .block-team, body .block-hours { background: var(--surface); }
body .block-pricing, body .block-menu, body .block-testimonials { background: var(--canvas); }
body .block-faq__list { max-width: 860px; gap: 0.8rem; }
body .block-faq__item { padding: 1.35rem 1.5rem; border-color: var(--line); border-radius: var(--radius-sm); background: var(--canvas); }
body .block-faq__q { margin-bottom: 0.45rem; font-size: 1.05rem; }
body .block-faq__a { color: var(--ink-soft); opacity: 1; }
body .block-pricing__grid { gap: 1rem; max-width: 1080px; }
body .block-pricing__plan { padding: 2rem; border-color: var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); }
body .block-pricing__plan--featured { border-color: var(--primary); box-shadow: 0 24px 64px color-mix(in srgb, var(--primary) 14%, transparent); transform: translateY(-8px); }
body .block-pricing__price, body .block-menu__cat-name, body .block-menu__item-price, body .block-team__role { color: var(--primary); }
body .block-team__grid { gap: 2rem; }
body .block-team__photo { width: 150px; height: 150px; box-shadow: 0 0 0 8px var(--canvas), var(--shadow-sm); }
body .block-team__bio { color: var(--ink-soft); opacity: 1; }
body .block-menu__categories { max-width: 820px; }
body .block-menu__cat-name { border-color: var(--line); }
body .block-menu__item-desc { color: var(--ink-soft); opacity: 1; }
body .block-hours__table { max-width: 560px; border-color: var(--line); border-radius: var(--radius); background: var(--canvas); }
body .block-hours__row { min-height: 54px; align-items: center; padding-inline: 1.4rem; }
body .block-hours__row:nth-child(even) { background: var(--surface); }
body .block-testimonials__grid { gap: 1rem; }
body .block-testimonials__item { padding: 2rem; border-color: var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); }
body .block-testimonials__text { color: var(--ink-soft); font-size: 1.02rem; font-style: normal; }
body .block-testimonials__text::before { color: var(--primary); }

/* Slider inherits the shared accessible runtime, with Nova visual identity. */
body .block-slider { background: linear-gradient(135deg, var(--secondary), #090b11); }
body .block-slider__media { background: radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--primary) 68%, transparent), transparent 42%), linear-gradient(135deg, var(--secondary), #090b11); }
body .block-slider__overlay { background: linear-gradient(90deg, rgba(7, 9, 14, var(--hs-slider-overlay, .48)) 0%, rgba(7, 9, 14, calc(var(--hs-slider-overlay, .48) * .7)) 66%, rgba(7, 9, 14, calc(var(--hs-slider-overlay, .48) * .35)) 100%); }
body .block-slider__content { width: min(var(--container), 100%); padding-inline: clamp(4rem, 8vw, 6.5rem); }
body .block-slider__title { max-width: 900px; font-size: clamp(2.8rem, 7vw, 6.25rem); font-weight: 780; line-height: 0.98; letter-spacing: -0.06em; }
body .block-slider__subtitle { max-width: 670px; color: rgba(255, 255, 255, 0.78); }
body .block-slider__cta { min-height: 48px; padding: 0.85rem 1.35rem; border: 0; color: #fff; background: var(--primary); }
body .block-slider__arrow, body .block-slider__toggle, body .block-slider__dots { border-color: rgba(255, 255, 255, 0.24); background: rgba(10, 12, 18, 0.48); }

/* Footer */
.site-footer { padding: 3.5rem 0; color: rgba(255, 255, 255, 0.68); background: #0c0e13; text-align: center; }
.site-footer__copy { margin: 0 0 0.35rem; font-size: 0.9rem; }
.site-footer__powered { margin: 0; font-size: 0.8rem; opacity: 0.68; }
.site-footer__powered a { color: #fff; font-weight: 700; text-decoration: none; }

@media (max-width: 900px) {
  .site-header__inner { min-height: 68px; }
  .site-header__nav { display: none; }
  .site-header__menu-toggle { display: block; flex: 0 0 auto; }
  .block-about__inner, .block-about__inner--image-right, .block-about__inner--reversed { flex-direction: column; gap: 2.5rem; }
  .block-about__image, .block-about__text { width: 100%; }
  .block-contact__inner { grid-template-columns: 1fr; }
  .block-gallery__grid, .block-gallery__grid--cols-4 { grid-template-columns: repeat(2, 1fr); }
  body .block-pricing__plan--featured { transform: none; }
}

@media (max-width: 640px) {
  .container { width: min(100% - 28px, var(--container)); }
  .block-hero { min-height: 540px; }
  .block-hero::after { right: -11rem; bottom: -8rem; width: 520px; }
  .block-hero__content { padding: 5.5rem 0; }
  .block-hero__title { font-size: clamp(2.35rem, 11.5vw, 3.65rem); }
  .block-hero__subtitle { font-size: 1rem; }
  .block-about, .block-services, .block-contact, .block-gallery, .block-text { padding: 4.5rem 0; }
  .block-services__grid { grid-template-columns: 1fr; }
  .block-gallery__grid, .block-gallery__grid--cols-2, .block-gallery__grid--cols-4 { grid-template-columns: 1fr; }
  body .block-slider__content { padding: 4.8rem 3.4rem 5.2rem; }
  body .block-slider__title { font-size: clamp(2.25rem, 12vw, 3.65rem); }
  body .block-faq, body .block-pricing, body .block-team, body .block-menu, body .block-hours, body .block-testimonials { padding: 4.5rem 0; }
  body .block-testimonials__grid, body .block-pricing__grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}

/* Antalya identity: paper surfaces, red details and a native repair visual. */
:root { --container:1180px; --radius:18px; --radius-lg:24px; --primary:var(--primary-color,#d92332); --secondary:var(--secondary-color,#1c3d6e); }
body { background:#ecece8; }
h1,h2,h3 { letter-spacing:-.035em; }
.site-header { background:rgba(255,255,255,.97); border-top:4px solid var(--primary); }
.site-header__inner { min-height:88px; gap:1.25rem; }
.site-header__logo { max-height:62px; max-width:248px; }
.site-header__nav-link { padding-inline:.65rem; font-size:.84rem; border-radius:8px; color:#3c4758; }
.site-header__nav-link:hover { color:var(--primary); background:#fdf0f1; }
.btn { border-radius:9px; }
.block-hero { min-height:600px; background:#f6f6f3; color:var(--ink); }
.block-hero::before { display:none; }
.block-hero__content { max-width:650px; padding:5rem 0; }
.block-hero__eyebrow { color:var(--primary); font-size:.78rem; letter-spacing:.11em; text-transform:uppercase; font-weight:800; }
.block-hero__title { color:#131a24; font-size:clamp(2.3rem,4.35vw,3.9rem); line-height:1.09; max-width:700px; }
.block-hero__subtitle { color:#5b6675; max-width:570px; font-size:1.06rem; line-height:1.8; }
.block-hero__actions { display:flex; flex-wrap:wrap; gap:.7rem; }
.block-hero .btn-ghost { color:#fff; background:#131a24; border-color:#131a24; }
.block-services { background:#fff; }
.block-services__title { font-size:clamp(1.8rem,3vw,2.6rem); text-align:center; margin-bottom:2.25rem; }
.block-services__grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.block-services__card { border:1px solid #e6e7e3; border-radius:15px; background:#fff; box-shadow:none; text-decoration:none; }
.block-services__card::before { content:""; display:block; width:34px; height:5px; border-radius:4px; margin:1.6rem 1.6rem 0; background:var(--primary); }
.block-services__card:nth-child(even)::before { background:var(--secondary); }
.block-services__card:hover { border-color:var(--primary); box-shadow:0 20px 40px -28px #1c3d6e; }
.block-services__card-title { font-size:1.18rem; line-height:1.35; }
.block-services__card-description { font-size:.95rem; color:#5b6675; line-height:1.75; }
.block-about { background:#142032; color:#fff; }
.block-about__title { color:#fff; }
.block-about__text { color:#d0d7e0; }
.block-about__image img { padding:1.5rem; object-fit:contain; background:#fff; }
.block-contact { background:#f6f6f3; }
.block-contact__info a { color:var(--secondary); }
.block-text--proof { background:#1c3d6e; padding:2rem 0; }
.block-text--proof .block-text__content { color:#fff; font-weight:650; text-align:center; }
.block-faq { background:#fff; }
.site-footer { background:#131a24; color:#e1e6ed; }
.site-footer__copy,.site-footer__powered,.site-footer__powered a,.site-footer__nav-link { color:#d0d7e0; }
.site-footer__logo { background:white; padding:12px; border-radius:10px; }
.at-tracking { background:#fff; padding:32px 0; border-bottom:1px solid #e6e7e3; }
.at-tracking__inner { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:start; }
.at-tracking h2 { font-size:1.65rem; margin:0 0 .55rem; }
.at-tracking p { font-size:.88rem; color:#5b6675; margin-bottom:0; }
.at-tracking .at-eyebrow { color:var(--primary); font-size:.66rem; letter-spacing:.12em; font-weight:800; margin:0 0 .6rem; }
.at-tracking label { display:block; font-size:.84rem; font-weight:750; margin-bottom:.5rem; }
.at-tracking__fields { display:flex; gap:.65rem; }
.at-tracking input { min-width:0; width:100%; min-height:48px; border:1px solid #ccd0d7; border-radius:9px; padding:.8rem 1rem; background:#f7f8fa; font-size:.95rem; color:#131a24; }
.at-tracking button { flex-shrink:0; white-space:nowrap; }
.at-tracking .at-privacy-note { font-size:.72rem; margin-top:.7rem; }
[data-at-repair-result]:not(:empty) { margin-top:1.2rem; padding:1rem; background:#f6f6f3; border-radius:10px; font-size:.88rem; }
[data-at-repair-result] h3 { font-size:1.15rem; color:var(--secondary); }
[data-at-repair-result] dl { margin:0; }
[data-at-repair-result] dt { font-weight:750; margin-top:.7rem; }
[data-at-repair-result] dd { margin:.2rem 0 0; overflow-wrap:anywhere; }
.at-policy-nav { background:#0d1522; padding:1.2rem 0; }
.at-policy-nav .container { display:flex; gap:1.2rem; flex-wrap:wrap; }
.at-policy-nav a { color:#c6d0dc; font-size:.76rem; text-underline-offset:4px; }
@media(max-width:1080px) { .block-hero::after{inset:20% 3% 20% 67%;} .block-hero__content{max-width:65%;} .site-header__nav-link{font-size:.77rem;padding-inline:.4rem;} }
@media(max-width:767px) { .block-hero{min-height:auto;} .block-hero::after{display:none;} .block-hero__content{max-width:100%;padding:3.2rem 0;} .block-hero__title{font-size:clamp(2.25rem,9vw,3.3rem);} .block-services__grid{grid-template-columns:1fr;} .at-tracking__inner{grid-template-columns:1fr;gap:1.3rem;} .site-header__inner{min-height:76px;} .site-header__logo{max-height:48px;max-width:215px;} }
@media(max-width:380px) { .container{width:calc(100% - 32px);} .at-tracking__fields{flex-direction:column;} .block-hero__actions .btn{width:100%;} }
@media(prefers-reduced-motion:reduce) { html{scroll-behavior:auto;} *,*::before,*::after{animation:none!important;transition:none!important;} }

.at-inquiry { padding:3.5rem 0; background:#fff; }
.at-inquiry > .container { max-width:900px; }
.at-inquiry h2,.at-reviews h2 { font-size:clamp(1.7rem,3vw,2.4rem); }
.at-inquiry p,.at-reviews p { color:#5b6675; }
.at-inquiry__grid { display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; margin:1.5rem 0; }
.at-inquiry label { display:grid; gap:.5rem; font-weight:700; font-size:.85rem; }
.at-inquiry input,.at-inquiry textarea,.at-inquiry select { width:100%; min-height:48px; border:1px solid #cbd0d8; border-radius:9px; padding:.8rem; background:#f7f8fa; color:#131a24; }
.at-inquiry textarea { min-height:140px; resize:vertical; }
.at-inquiry__message { grid-column:1/-1; }
.at-inquiry .at-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.at-privacy-note { font-size:.8rem; }
[data-at-inquiry-result]:not(:empty) { padding:1rem 0; font-size:.9rem; }
.at-reviews { padding:4rem 0; background:#f6f6f3; }
.at-reviews[hidden] { display:none; }
.at-reviews__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem; margin:2rem 0; }
.at-site .at-reviews__loader { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; margin:1.5rem 0; padding:1.35rem; border:1px solid #dce0e3; border-radius:16px; background:#fff; }
.at-site .at-reviews__loader strong { display:block; color:#182330; }
.at-site .at-reviews__loader p { margin:.3rem 0 0; font-size:.88rem; }
.at-site .at-reviews__loader .btn { flex-shrink:0; color:#fff; background:#182330; }
.at-site .at-reviews__loader .btn:disabled { cursor:default; background:#475463; }
.at-site .at-reviews__loader[hidden],.at-site .at-reviews__status:empty { display:none; }
.at-site .at-reviews__status { max-width:70ch; font-size:.9rem; }
.at-site [data-at-review-summary] { color:#1c3d6e; font-weight:750; }
.at-site .at-review-card { height:22.5rem; min-width:0; display:flex; flex-direction:column; gap:.8rem; padding:1.25rem; background:#fff; border:1px solid #dde2e6; border-radius:16px; box-shadow:0 3px 12px rgba(18,35,48,.035); }
.at-site .at-review-card__header { display:flex; align-items:center; gap:.75rem; height:3.75rem; flex-shrink:0; min-width:0; }
.at-site .at-review-card__avatar { width:40px; height:40px; flex:0 0 40px; border-radius:50%; object-fit:cover; display:flex; align-items:center; justify-content:center; color:#1c3d6e; background:#eef2f6; font-size:1.05rem; font-weight:750; }
.at-site .at-review-card__identity { min-width:0; }
.at-site .at-review-card__author { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; overflow-wrap:anywhere; color:#182330; font-size:.92rem; font-weight:750; line-height:1.4; text-decoration:none; }
.at-site .at-review-card__author:hover { text-decoration:underline; }
.at-site .at-review-card time { display:block; margin:.25rem 0 0; color:#5b6675; font-size:.75rem; line-height:1.4; }
.at-site .at-review-card__rating { display:flex; align-items:center; gap:3px; min-height:24px; flex-shrink:0; color:#9b6200; }
.at-site .at-review-card__rating span { margin-left:.35rem; font-size:.78rem; color:#5b6675; }
.at-site .at-review-star { flex:0 0 20px; stroke:#85909d; stroke-width:1.5; fill:transparent; }
.at-site .at-review-star--filled { fill:#b67508; stroke:#b67508; }
.at-site .at-review-card__rating--missing { color:#5b6675; font-size:.8rem; }
.at-site .at-review-card__text { margin:0; min-height:0; max-height:8.5em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; white-space:pre-wrap; overflow-wrap:anywhere; color:#44505f; font-size:.9rem; line-height:1.7; }
.at-site .at-review-card__text--empty { color:#687381; font-style:italic; }
.at-site .at-review-card__footer { margin-top:auto; padding-top:.65rem; border-top:1px solid #e7ebee; flex-shrink:0; }
.at-site .at-review-card__source { display:flex; align-items:center; min-height:44px; color:#1c3d6e; font-size:.84rem; font-weight:750; line-height:1.4; text-underline-offset:4px; }
.at-site .at-review-card--all { background:#edf2f7; border-color:#ccd8e4; }
.at-site .at-review-card--all h3 { margin:0; max-width:14ch; color:#1c3d6e; font-size:1.6rem; line-height:1.15; letter-spacing:-.025em; }
.at-site .at-review-card__eyebrow { margin:0; color:#496079; font-size:.7rem; font-weight:750; letter-spacing:.13em; }
.at-site .at-reviews__explanation { max-width:75ch; font-size:.82rem; }
@media(max-width:1050px) { .at-reviews__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) { .at-inquiry__grid { grid-template-columns:1fr; } .at-site .at-reviews__loader { align-items:stretch; flex-direction:column; gap:1rem; } }
@media(max-width:680px) { .at-reviews__grid { grid-template-columns:1fr; } }

/* Override later shared module defaults with this private site's explicit scope. */
.at-site .block-text--proof { background:#1c3d6e; }
.at-site .block-text--proof .block-text__content { color:#fff; }
.at-site .block-about__content { color:#d0d7e0; }
.at-site .site-footer__nav-link { color:#d0d7e0; }
.at-site .block-hero .btn-primary { color:#fff; background:var(--primary); }
.at-site .at-policy-nav a { min-height:32px; display:inline-flex; align-items:center; }
.at-site .block-contact__info a { display:inline-flex; align-items:center; min-height:32px; }
.at-site .at-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.at-google-attribution { margin:.7rem 0; width:100px; }
.at-google-attribution svg { width:100%; height:auto; }
.at-site input::placeholder,.at-site textarea::placeholder { color:#626b78; opacity:1; }
.at-site .block-contact__info strong { color:#b31d2a; }
.at-site .at-honeypot,.at-site .at-honeypot input { display:none; }

.at-site .block-contact__inner:not(:has(form)) { display:block; max-width:1040px; }
.at-site .block-contact__inner:not(:has(form)) .block-contact__info { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; padding:0; border:0; background:transparent; box-shadow:none; }
.at-site .block-contact__inner:not(:has(form)) .block-contact__item { margin:0; padding:1.4rem; border:1px solid #d6d9d4; border-radius:12px; background:#f7f7f4; }
/* Page-specific art uses the shared, editable split-image block. */
.at-site .block-hero--layout-split.block-hero--has-media {
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(2rem, 4.2vw, 4rem);
  min-height: 0;
  padding: clamp(3.5rem, 6vw, 5rem) max(20px, calc((100% - 1180px) / 2));
  background: #f6f6f3;
}
.at-site .block-hero--layout-split.block-hero--has-media::after { display: none; }
.at-site .block-hero--layout-split.block-hero--has-media > .container {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.at-site .block-hero--layout-split.block-hero--has-media .block-hero__content { max-width: 100%; padding: 0; }
.at-site .block-hero--layout-split.block-hero--has-media .block-hero__eyebrow { display: block; width: auto; padding: 0; border: 0; border-radius: 0; font-size: .69rem; line-height: 1.55; letter-spacing: .11em; }
.at-site .block-hero--layout-split.block-hero--has-media .block-hero__title {
  margin-bottom: 1.4rem;
  font-size: clamp(2.65rem, 4.1vw, 3.7rem);
  line-height: 1.08;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.at-site .block-hero--layout-split.block-hero--has-media .block-hero__subtitle { margin-bottom: 1.8rem; font-size: 1rem; line-height: 1.75; }
.at-site .block-hero--layout-split.block-hero--has-media .block-hero__media {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  min-width: 0;
  min-height: 0;
  max-height: none;
  aspect-ratio: 1.16;
  overflow: hidden;
  border: 1px solid rgba(19, 26, 36, .12);
  border-radius: 22px;
  background: #17232c;
  box-shadow: 0 24px 48px -32px rgba(16, 30, 46, .45);
}
.at-site .block-hero--layout-split.block-hero--has-media .block-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  animation: at-hero-settle 1.8s cubic-bezier(.2,.65,.3,1) both;
}
@keyframes at-hero-settle { from { transform: scale(1.035); } to { transform: scale(1); } }
@media(max-width: 900px) {
  .at-site .block-contact__inner:not(:has(form)) .block-contact__info { grid-template-columns: 1fr; }
}
@media(max-width: 860px) {
  .at-site .block-hero--layout-split.block-hero--has-media {
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
    padding: 3.3rem 20px 2rem;
  }
  .at-site .block-hero--layout-split.block-hero--has-media .block-hero__title { max-width: 680px; font-size: clamp(2.25rem, 6.7vw, 3.7rem); }
  .at-site .block-hero--layout-split.block-hero--has-media .block-hero__subtitle { max-width: 610px; }
  .at-site .block-hero--layout-split.block-hero--has-media .block-hero__media { grid-column: 1; grid-row: 2; aspect-ratio: 3 / 2; max-height: 420px; border-radius: 16px; }
  .at-site .block-hero--layout-split .block-hero__actions { display: flex; flex-wrap: wrap; gap: .7rem; }
  .at-site .block-hero--layout-split .block-hero__actions .btn { width: auto; }
}
@media(max-width: 480px) {
  .at-site .block-hero--layout-split.block-hero--has-media { padding: 2.8rem 20px 1.5rem; gap: 1.6rem; }
  .at-site .block-hero--layout-split.block-hero--has-media .block-hero__title { font-size: clamp(2rem, 8.5vw, 2.6rem); line-height: 1.1; }
  .at-site .block-hero--layout-split.block-hero--has-media .block-hero__subtitle { font-size: .95rem; line-height: 1.65; }
  .at-site .block-hero--layout-split .block-hero__actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .at-site .block-hero--layout-split .block-hero__actions .btn { width: 100%; }
}
@media(prefers-reduced-motion: reduce) {
  .at-site .block-hero--layout-split.block-hero--has-media .block-hero__media img { animation: none; transform: none; }
}
.at-site .block-services__card { position:relative; }
.at-legacy-anchor { position:absolute; top:0; left:0; width:1px; height:1px; overflow:hidden; scroll-margin-top:110px; }

/* Each inner page has its own visual; never synthesize the old circuit backdrop. */
.at-site .block-hero::after { content: none; display: none; }
.at-site:not([data-at-page="home"]):not([data-at-page="hakkimizda"]) .block-hero__media { background: #eef0f1; aspect-ratio: 4 / 3; border: 0; box-shadow: none; }
.at-site:not([data-at-page="home"]):not([data-at-page="hakkimizda"]) .block-hero__media img { object-fit: contain; animation: none; }
.at-site[data-at-page="bga-rework"] .block-hero__media { background: #fff; border: 1px solid #e3e5e0; }
.at-site[data-at-page="hakkimizda"] .block-hero__media { aspect-ratio: 1.5; }
.at-site[data-at-page="hakkimizda"] .block-hero__media img { animation: none; }
.at-site .block-hero--layout-minimal { min-height: 0; padding: 3.8rem 0; border-bottom: 1px solid #dedfd9; }
.at-site .block-hero--layout-minimal .block-hero__content { padding: 0; max-width: 860px; }
.at-site .block-hero--layout-minimal .block-hero__title { font-size: clamp(2.15rem, 4vw, 3.3rem); }
.at-site .block-hero--layout-minimal .block-hero__subtitle { margin-bottom: 0; }
.at-site .block-hero--layout-minimal .block-hero__eyebrow { background: none; border: none; padding: 0; }
.at-site .at-tracking { scroll-margin-top: 100px; }
@media(max-width: 860px) {
  .at-site:not([data-at-page="home"]):not([data-at-page="hakkimizda"]) .block-hero__media { aspect-ratio: 4 / 3; max-height: 430px; }
}

/* Equipment has its own light showcase, distinct from the business story. */
.at-site .block-about:has(img[alt*="Weller WQB"]) { background: #eef1f1; color: #171b21; }
.at-site .block-about:has(img[alt*="Weller WQB"]) .block-about__title { color: #171b21; }
.at-site .block-about:has(img[alt*="Weller WQB"]) .block-about__content { color: #52616b; }
.at-site .block-about:has(img[alt*="Weller WQB"]) .block-about__image { background: white; border: 1px solid #dce1df; border-radius: 22px; }
.at-site .block-about:has(img[alt*="Weller WQB"]) .block-about__image img { width: 100%; max-height: 460px; aspect-ratio: 1; object-fit: contain; padding: 1rem; }

.at-site[data-at-page="bga-rework"] .block-hero.block-hero--has-media .block-hero__media { background: #fff; border: 1px solid #e3e5e0; }
.at-site[data-at-page="hakkimizda"] .block-hero.block-hero--has-media .block-hero__media { aspect-ratio: 3 / 2; }
.at-site[data-at-page="tamir-takip"] .block-hero__subtitle { margin-bottom: 0; }
.at-site[data-at-page="tamir-takip"] .at-tracking__inner > div > p:not(.at-eyebrow) { display: none; }
@media(max-width: 480px) {
  .at-site[data-at-page="tamir-takip"] .block-hero.block-hero--has-media { padding-top: 2rem; }
  .at-site[data-at-page="tamir-takip"] .at-tracking { padding-top: 1.4rem; }
}

/* Verified business map and Google profile links, scoped to Antalya only. */
.at-site .block-contact__map { margin-top: 1.75rem; border: 1px solid #d6d9d4; background: #e9ece8; }
.at-site .block-contact__map iframe { height: 400px; }
.at-site .at-reviews__actions { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: .8rem; margin: 1.4rem 0 1.8rem; }
.at-site [data-at-review-content][hidden] { display: none; }
.at-site .at-reviews__terms { font-size: .82rem; }
@media (max-width: 560px) { .at-site .block-contact__map iframe { height: 330px; } .at-site .at-reviews__actions { flex-direction: column; } }

.at-site .at-reviews__actions .btn-dark { color: #fff; background: #182330; border-color: #182330; }

/* Contact introduction: editable hero beside its existing Google map. */
.at-site[data-at-page="iletisim"] .at-contact-intro { padding: 3.5rem 0; background: #f6f6f3; border-bottom: 1px solid #dedfd9; }
.at-site[data-at-page="iletisim"] .at-contact-intro__grid { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(0, 1fr); align-items: center; gap: clamp(28px, 4.6vw, 66px); }
.at-site[data-at-page="iletisim"] .at-contact-intro .block-hero { min-width: 0; padding: 0; border: 0; background: none; }
.at-site[data-at-page="iletisim"] .at-contact-intro .block-hero > .container { width: 100%; max-width: none; margin: 0; padding: 0; }
.at-site[data-at-page="iletisim"] .at-contact-intro .block-hero__content { max-width: none; }
.at-site[data-at-page="iletisim"] .at-contact-intro .block-hero__title { font-size: clamp(2.2rem, 3.55vw, 3.3rem); line-height: 1.08; letter-spacing: -.04em; }
.at-site[data-at-page="iletisim"] .at-contact-intro .block-hero__subtitle { font-size: 1rem; line-height: 1.75; }
.at-site[data-at-page="iletisim"] .at-contact-intro .block-hero__actions { margin-top: 1.6rem; }
.at-site[data-at-page="iletisim"] .at-contact-map { min-width: 0; width: 100%; margin: 0; overflow: hidden; border: 1px solid #d6d9d4; border-radius: 20px; background: #fff; box-shadow: 0 18px 46px -30px #18233060; }
.at-site[data-at-page="iletisim"] .at-contact-map iframe { display: block; width: 100%; height: 360px; border: 0; background: #e9ece8; }
.at-site[data-at-page="iletisim"] .at-contact-map figcaption { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 22px; }
.at-site[data-at-page="iletisim"] .at-contact-map strong { color: #182330; font-size: .93rem; }
.at-site[data-at-page="iletisim"] .at-contact-map a { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; color: #9f2632; font-size: .88rem; font-weight: 700; white-space: nowrap; }
.at-site[data-at-page="iletisim"] .at-contact-map a:hover { text-decoration: underline; }
@media (max-width: 860px) {
  .at-site[data-at-page="iletisim"] .at-contact-intro { padding: 2.5rem 0; }
  .at-site[data-at-page="iletisim"] .at-contact-intro__grid { grid-template-columns: minmax(0, 1fr); gap: 30px; }
}
@media (max-width: 560px) {
  .at-site[data-at-page="iletisim"] .at-contact-intro .block-hero__title { font-size: 2.13rem; }
  .at-site[data-at-page="iletisim"] .at-contact-intro .block-hero__cta { width: 100%; }
  .at-site[data-at-page="iletisim"] .at-contact-map iframe { height: 310px; }
}