/* ═══════════════════════════════════════════════════════
   GLOBAL.CSS — AC Makine
   Tüm sayfalarda ortak kullanılan stiller
═══════════════════════════════════════════════════════ */

/* ── Reset & Base ── */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; }
body { font-family: 'Barlow', sans-serif; background: #0a0a0a; color: #fff; }
a { text-decoration: none; color: inherit; }

/* ── Topbar ── */
.topbar { background: #111; border-bottom: 1px solid #222; padding: 8px 40px; display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #aaa; }
.topbar a { color: #aaa; margin-left: 20px; transition: color .2s; }
.topbar a:hover { color: #e63946; }
.topbar-left { display: flex; gap: 20px; align-items: center; }

/* ── Navigation ── */
nav { background: #0d0d0d; padding: 0 40px; display: flex; justify-content: space-between; align-items: center; height: 70px; position: sticky; top: 0; z-index: 200; border-bottom: 1px solid #1a1a1a; }
.logo { display: flex; flex-direction: column; align-items: flex-start; }
.logo-main { font-family: 'Bebas Neue', sans-serif; font-size: 28px; letter-spacing: 3px; color: #fff; }
.logo-sub { font-size: 10px; letter-spacing: 6px; color: #e63946; text-transform: uppercase; margin-top: -4px; }
.nav-links { display: flex; gap: 0; align-items: center; height: 100%; }
.nav-item { position: relative; height: 70px; display: flex; align-items: center; }
.nav-item > a { padding: 0 20px; height: 70px; display: flex; align-items: center; gap: 6px; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; font-weight: 500; color: #ccc; border-bottom: 2px solid transparent; transition: all .2s; white-space: nowrap; }
.nav-item:hover > a { color: #fff; border-bottom-color: #e63946; }
.nav-arrow { font-size: 10px; opacity: .6; transition: transform .2s; }
.nav-item:hover .nav-arrow { transform: rotate(180deg); }
.dropdown { position: absolute; top: 70px; left: 0; background: #fff; color: #222; min-width: 300px; box-shadow: 0 8px 30px rgba(0,0,0,0.4); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: all .2s; z-index: 300; }
.nav-item:hover .dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.dropdown a { display: block; padding: 16px 24px; font-size: 14px; color: #333; font-weight: 400; border-bottom: 1px solid #eee; transition: background .15s; letter-spacing: 0; text-transform: none; white-space: nowrap; }
.dropdown a:last-child { border-bottom: none; }
.dropdown a:hover { background: #f5f5f5; color: #e63946; }
.nav-plain { height: 70px; display: flex; align-items: center; }
.nav-plain a { padding: 0 20px; height: 70px; display: flex; align-items: center; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; font-weight: 500; color: #ccc; border-bottom: 2px solid transparent; transition: all .2s; }
.nav-plain a:hover { color: #fff; border-bottom-color: #e63946; }
.nav-search { cursor: pointer; padding: 0 10px; height: 70px; display: flex; align-items: center; color: #888; }
.hamburger { display: flex; flex-direction: column; justify-content: center; gap: 5px; cursor: pointer; padding: 10px; }
.hamburger span { display: block; width: 22px; height: 2px; background: #ccc; transition: all .2s; }
.hamburger.open span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.hamburger.open span:nth-child(2) { opacity: 0; }
.hamburger.open span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

/* ── Footer ── */
footer { background: #080808; border-top: 1px solid #1a1a1a; }
.footer-copy { font-size: 12px; color: #333; line-height: 1.8; }
.footer-bottom-inner { padding: 20px 40px; display: flex; justify-content: space-between; align-items: center; }
.footer-bottom-links { display: flex; gap: 20px; }
.footer-bottom-links a { font-size: 12px; color: #333; transition: color .2s; }
.footer-bottom-links a:hover { color: #e63946; }
.footer-credit { background: #0f1f0f; padding: 14px 40px; text-align: center; font-size: 13px; color: #5a7a5a; border-top: 1px solid #1a2e1a; }
.footer-credit a { color: #7aaa7a; font-weight: 600; transition: color .2s; }
.footer-credit a:hover { color: #a0d0a0; }

/* ── Shared Buttons ── */
.btn-primary { background: #e63946; color: #fff; padding: 13px 28px; font-family: 'Bebas Neue', sans-serif; font-size: 17px; letter-spacing: 2px; transition: background .2s; display: inline-block; }
.btn-primary:hover { background: #c0303b; }
.btn-ghost { border: 1px solid #2a2a2a; color: #666; padding: 13px 28px; font-family: 'Bebas Neue', sans-serif; font-size: 17px; letter-spacing: 2px; transition: all .2s; display: inline-block; }
.btn-ghost:hover { border-color: #555; color: #ccc; }

/* ═══════════════════════════════════════════════════════
   INDEX.PHP — Ana Sayfa
═══════════════════════════════════════════════════════ */
.hero { position: relative; height: 100vh; min-height: 600px; overflow: hidden; }
.video-wrap { position: absolute; inset: 0; z-index: 0; }
.video-wrap iframe { width: 177.78vh; height: 100vh; min-width: 100%; min-height: 56.25vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.8) 100%); z-index: 1; }
.hero-content { position: absolute; bottom: 80px; left: 60px; z-index: 2; max-width: 600px; }
.hero-tag { font-size: 11px; letter-spacing: 4px; text-transform: uppercase; color: #e63946; margin-bottom: 16px; font-weight: 600; }
.hero-title { font-family: 'Bebas Neue', sans-serif; font-size: 72px; line-height: 1; letter-spacing: 2px; margin-bottom: 20px; }
.hero-title span { color: #e63946; }
.hero-desc { font-size: 16px; color: rgba(255,255,255,0.75); line-height: 1.7; max-width: 480px; }
.stats { background: #111; padding: 60px 40px; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; }
.stat { text-align: center; padding: 20px; border-right: 1px solid #1a1a1a; }
.stat:last-child { border-right: none; }
.stat-num { font-family: 'Bebas Neue', sans-serif; font-size: 56px; color: #e63946; line-height: 1; }
.stat-label { font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: #777; margin-top: 8px; }
.about { padding: 100px 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; background: #0d0d0d; }
.about-label { font-size: 11px; letter-spacing: 4px; text-transform: uppercase; color: #e63946; font-weight: 600; margin-bottom: 16px; }
.about-title { font-family: 'Bebas Neue', sans-serif; font-size: 52px; line-height: 1.05; letter-spacing: 1px; margin-bottom: 24px; }
.about-body { color: #aaa; line-height: 1.8; font-size: 15px; margin-bottom: 30px; }
.about-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 10px; }
.about-col { font-size: 14px; color: #999; line-height: 1.7; }
.about-col strong { color: #fff; display: block; margin-bottom: 8px; font-size: 15px; }
.about-img { position: relative; }
.about-img img { width: 100%; height: 500px; object-fit: cover; filter: grayscale(20%); }
.about-img-badge { position: absolute; bottom: -20px; left: -20px; background: #e63946; padding: 24px 28px; }
.about-img-badge .num { font-family: 'Bebas Neue', sans-serif; font-size: 48px; line-height: 1; display: block; }
.about-img-badge .txt { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; opacity: .8; }
.cta { background: #111; padding: 80px 40px; text-align: center; border-top: 1px solid #1a1a1a; }
.cta-label { font-size: 11px; letter-spacing: 4px; text-transform: uppercase; color: #e63946; font-weight: 600; margin-bottom: 16px; }
.cta-title { font-family: 'Bebas Neue', sans-serif; font-size: 52px; letter-spacing: 2px; margin-bottom: 12px; }
.cta-phone { display: block; font-family: 'Bebas Neue', sans-serif; font-size: 44px; color: #e63946; letter-spacing: 2px; margin: 20px 0; }
.contact-section { background: #0a0a0a; padding: 80px 0 0; }
.contact-header { text-align: center; padding: 0 40px 60px; }
.contact-tag { font-size: 11px; letter-spacing: 4px; text-transform: uppercase; color: #e63946; font-weight: 600; margin-bottom: 12px; }
.contact-title { font-family: 'Bebas Neue', sans-serif; font-size: 52px; letter-spacing: 2px; }
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; max-width: 1200px; margin: 0 auto; padding: 0 40px 80px; }
.contact-info { padding-right: 60px; border-right: 1px solid #1a1a1a; }
.contact-info h3, .contact-form-wrap h3 { font-family: 'Bebas Neue', sans-serif; font-size: 28px; letter-spacing: 1px; margin-bottom: 30px; color: #fff; }
.contact-item { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 24px; }
.contact-item-icon { color: #e63946; font-size: 18px; margin-top: 2px; width: 20px; }
.contact-item-label { color: #555; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 4px; }
.contact-item a, .contact-item span { color: #ccc; font-size: 15px; transition: color .2s; }
.contact-item a:hover { color: #fff; }
.contact-form-wrap { padding-left: 60px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.form-group { margin-bottom: 16px; }
.form-group label { display: block; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #555; margin-bottom: 8px; }
.form-group input, .form-group textarea { width: 100%; background: #111; border: 1px solid #222; color: #fff; padding: 12px 16px; font-size: 14px; font-family: 'Barlow', sans-serif; outline: none; transition: border-color .2s; }
.form-group input:focus, .form-group textarea:focus { border-color: #e63946; }
.form-group textarea { resize: vertical; }
.form-submit { background: #e63946; color: #fff; border: none; padding: 14px 32px; font-family: 'Bebas Neue', sans-serif; font-size: 18px; letter-spacing: 2px; cursor: pointer; transition: background .2s; }
.form-submit:hover { background: #c0303b; }
.map-wrap { width: 100%; height: 420px; border-top: 1px solid #1a1a1a; }
.map-wrap iframe { display: block; width: 100%; height: 420px; border: 0; filter: grayscale(20%); }

/* ═══════════════════════════════════════════════════════
   BLOG.PHP — Listing
═══════════════════════════════════════════════════════ */
.blog-main { flex: 1; display: flex; align-items: center; justify-content: center; padding: 60px 40px; text-align: center; }
.blog-badge { display: inline-block; font-size: 11px; letter-spacing: 4px; text-transform: uppercase; color: #e63946; font-weight: 600; border: 1px solid #e63946; padding: 6px 16px; margin-bottom: 32px; }
.blog-title { font-family: 'Bebas Neue', sans-serif; font-size: 80px; letter-spacing: 3px; line-height: 1; margin-bottom: 20px; }
.blog-title span { color: #e63946; }
.blog-sub { font-size: 16px; color: #666; max-width: 480px; margin: 0 auto 40px; line-height: 1.8; }
.blog-links { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.blog-divider { width: 1px; height: 60px; background: #1a1a1a; margin: 60px auto; }
.social-row { display: flex; gap: 12px; justify-content: center; }
.social-row a { width: 40px; height: 40px; border: 1px solid #222; display: flex; align-items: center; justify-content: center; font-size: 13px; color: #555; transition: all .2s; font-weight: 600; }
.social-row a:hover { border-color: #e63946; color: #e63946; }
.page-footer { padding: 20px 40px; display: flex; justify-content: space-between; align-items: center; }

/* Blog Hero */
.blog-hero { background: #0d0d0d; border-bottom: 1px solid #1a1a1a; padding: 72px 40px 0; position: relative; overflow: hidden; }
.blog-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(230,57,70,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(230,57,70,.06) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom right, rgba(0,0,0,.5) 0%, transparent 70%);
  pointer-events: none;
}
.blog-hero::after {
  content: '';
  position: absolute;
  top: -120px;
  right: -80px;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(230,57,70,.07) 0%, transparent 65%);
  pointer-events: none;
}
.blog-hero-inner { position: relative; z-index: 1; max-width: 700px; padding-bottom: 48px; }
.blog-hero-inner { max-width: 700px; padding-bottom: 48px; }
.blog-hero-tag { font-size: 11px; letter-spacing: 4px; text-transform: uppercase; color: #e63946; font-weight: 600; margin-bottom: 20px; }
.blog-hero-title { font-family: 'Bebas Neue', sans-serif; font-size: 64px; letter-spacing: 2px; line-height: 1; margin-bottom: 16px; }
.blog-hero-title span { color: #e63946; }
.blog-hero-sub { font-size: 15px; color: #555; line-height: 1.7; }

/* Stats strip */
.blog-stats-strip { display: flex; align-items: center; gap: 0; border-top: 1px solid #1a1a1a; margin: 0 -40px; padding: 0 40px; position: relative; z-index: 1; }
.blog-stat-pill { display: flex; align-items: baseline; gap: 8px; padding: 18px 0; }
.bsp-num { font-family: 'Bebas Neue', sans-serif; font-size: 22px; letter-spacing: 1px; color: #fff; }
.bsp-label { font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: #444; }
.bsp-sep { width: 1px; height: 32px; background: #1a1a1a; margin: 0 32px; flex-shrink: 0; }

/* Blog Section */
.blog-section { padding: 60px 40px 80px; background: #0a0a0a; }
.blog-container { max-width: 1200px; margin: 0 auto; }

/* Featured Post */
.blog-featured { margin-bottom: 48px; border: 1px solid #1a1a1a; background: #111; transition: border-color .2s; }
.blog-featured:hover { border-color: #333; }
.blog-featured-link { display: grid; grid-template-columns: 1fr 1fr; min-height: 340px; }
.blog-featured-img { position: relative; overflow: hidden; }
.blog-featured-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }
.blog-featured:hover .blog-featured-img img { transform: scale(1.03); }
.blog-featured-img-placeholder { width: 100%; height: 100%; min-height: 300px; background: #161616; display: flex; align-items: center; justify-content: center; }
.blog-featured-img-placeholder span { font-family: 'Bebas Neue', sans-serif; font-size: 24px; letter-spacing: 4px; color: #222; }
.blog-featured-badge { position: absolute; top: 20px; left: 20px; background: #e63946; color: #fff; font-family: 'Bebas Neue', sans-serif; font-size: 13px; letter-spacing: 3px; padding: 5px 14px; }
.blog-featured-body { padding: 40px 44px; display: flex; flex-direction: column; justify-content: center; }
.blog-featured-meta { display: flex; flex-wrap: wrap; gap: 12px; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #444; margin-bottom: 20px; }
.blog-featured-rating { color: #e6b039; }
.blog-featured-comments { color: #555; }
.blog-featured-title { font-family: 'Bebas Neue', sans-serif; font-size: 36px; letter-spacing: 1px; line-height: 1.15; color: #fff; margin-bottom: 16px; transition: color .2s; }
.blog-featured:hover .blog-featured-title { color: #e63946; }
.blog-featured-excerpt { font-size: 14px; color: #666; line-height: 1.75; flex: 1; margin-bottom: 28px; }
.blog-featured-cta { font-family: 'Bebas Neue', sans-serif; font-size: 15px; letter-spacing: 3px; color: #e63946; display: inline-flex; align-items: center; gap: 8px; }
.blog-featured-arrow { transition: transform .2s; display: inline-block; }
.blog-featured:hover .blog-featured-arrow { transform: translateX(5px); }

/* Grid header */
.blog-grid-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid #1a1a1a; }
.blog-grid-title { font-family: 'Bebas Neue', sans-serif; font-size: 20px; letter-spacing: 2px; color: #fff; display: flex; align-items: baseline; gap: 12px; }
.blog-grid-count { font-family: 'Barlow', sans-serif; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #444; font-weight: 400; }
.blog-grid-actions { display: flex; align-items: center; gap: 12px; }
.blog-grid-page { font-size: 12px; letter-spacing: 1px; color: #333; text-transform: uppercase; }
.blog-refresh-btn { display: inline-flex; align-items: center; gap: 6px; background: none; border: 1px solid #222; border-radius: 20px; padding: 5px 13px 5px 10px; color: #444; font-family: 'Barlow', sans-serif; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer; transition: color 0.2s, border-color 0.2s, background 0.2s; }
.blog-refresh-btn:hover { color: #e63946; border-color: #e63946; background: rgba(230,57,70,0.05); }
.blog-refresh-btn:hover .blog-refresh-icon { animation: spin-once 0.5s ease; }
.blog-refresh-btn.spinning .blog-refresh-icon { animation: spin-once 0.4s ease; }
@keyframes spin-once { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

/* Blog Grid */
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.blog-card { background: #111; border: 1px solid #1a1a1a; transition: border-color .2s, transform .2s; display: flex; flex-direction: column; position: relative; }
.blog-card:hover { border-color: #333; transform: translateY(-2px); }
.blog-card-link { display: flex; flex-direction: column; height: 100%; }
.blog-card-img { aspect-ratio: 16/9; overflow: hidden; flex-shrink: 0; position: relative; }
.blog-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; display: block; }
.blog-card:hover .blog-card-img img { transform: scale(1.04); }
.blog-card-img-placeholder { width: 100%; height: 100%; background: #161616; display: flex; align-items: center; justify-content: center; }
.blog-card-img-placeholder span { font-family: 'Bebas Neue', sans-serif; font-size: 18px; letter-spacing: 4px; color: #222; }
.blog-card-badge { position: absolute; top: 12px; left: 12px; background: #e63946; color: #fff; font-family: 'Bebas Neue', sans-serif; font-size: 11px; letter-spacing: 3px; padding: 3px 10px; }
.blog-card-body { padding: 24px; display: flex; flex-direction: column; flex: 1; }
.blog-card-meta { display: flex; gap: 10px; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #444; margin-bottom: 12px; }
.blog-card-title { font-family: 'Bebas Neue', sans-serif; font-size: 22px; letter-spacing: 1px; line-height: 1.2; margin-bottom: 12px; color: #fff; }
.blog-card:hover .blog-card-title { color: #e63946; }
.blog-card-excerpt { font-size: 13px; color: #666; line-height: 1.7; flex: 1; }
.blog-card-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; padding-top: 16px; border-top: 1px solid #1a1a1a; }
.blog-card-stats { display: flex; gap: 12px; font-size: 12px; color: #444; }
.blog-stat-item { display: flex; align-items: center; gap: 4px; }
.blog-stat-star { color: #e6b039; }
.blog-stat-dim { color: #333; }
.blog-card-read { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #555; transition: color .2s; }
.blog-card:hover .blog-card-read { color: #e63946; }

/* Blog Empty */
.blog-empty { text-align: center; padding: 80px 20px; color: #444; }
.blog-empty-icon { font-size: 36px; color: #e63946; margin-bottom: 20px; }
.blog-empty h2 { font-family: 'Bebas Neue', sans-serif; font-size: 32px; letter-spacing: 2px; color: #333; margin-bottom: 12px; }
.blog-empty p { font-size: 14px; color: #444; }

/* Pagination */
.blog-pagination { display: flex; gap: 8px; justify-content: center; margin-top: 48px; }
.blog-page-btn { padding: 10px 16px; border: 1px solid #222; font-size: 13px; color: #555; transition: all .2s; }
.blog-page-btn:hover { border-color: #444; color: #fff; }
.blog-page-btn.active { background: #e63946; border-color: #e63946; color: #fff; }

/* ═══════════════════════════════════════════════════════
   BLOG-POST.PHP — Single Post
═══════════════════════════════════════════════════════ */
/* Breadcrumb */
.post-breadcrumb { background: #0d0d0d; border-bottom: 1px solid #1a1a1a; padding: 12px 40px; }
.post-breadcrumb-inner { max-width: 860px; margin: 0 auto; font-size: 12px; color: #444; display: flex; gap: 8px; align-items: center; }
.post-breadcrumb a { color: #555; transition: color .15s; }
.post-breadcrumb a:hover { color: #e63946; }
.post-breadcrumb span { color: #333; }

/* Layout */
.post-layout { max-width: 860px; margin: 0 auto; padding: 48px 40px 80px; }
.post-main { width: 100%; }

/* Cover */
.post-cover { margin-bottom: 36px; }
.post-cover img { width: 100%; max-height: 480px; object-fit: cover; display: block; }

/* Post Header */
.post-header { margin-bottom: 40px; }
.post-meta-top { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 12px; color: #444; margin-bottom: 20px; letter-spacing: .5px; }
.post-date, .post-author { color: #555; }
.post-sep { color: #333; }
.post-rating-inline { color: #e6b039; }
.post-rating-inline .dim { color: #444; font-size: 11px; }
.post-comment-count { color: #555; }
.post-title { font-family: 'Bebas Neue', sans-serif; font-size: 52px; letter-spacing: 1px; line-height: 1.1; margin-bottom: 16px; color: #fff; }
.post-excerpt { font-size: 17px; color: #888; line-height: 1.7; font-weight: 300; border-left: 3px solid #e63946; padding-left: 16px; }

/* Content */
.post-content { font-size: 15px; line-height: 1.85; color: #aaa; margin-bottom: 60px; }
.post-content h1, .post-content h2, .post-content h3 { font-family: 'Bebas Neue', sans-serif; color: #fff; letter-spacing: 1px; margin: 36px 0 16px; }
.post-content h2 { font-size: 34px; }
.post-content h3 { font-size: 26px; }
.post-content p { margin-bottom: 20px; }
.post-content ul, .post-content ol { padding-left: 24px; margin-bottom: 20px; }
.post-content li { margin-bottom: 8px; }
.post-content blockquote { border-left: 3px solid #e63946; padding: 12px 20px; margin: 24px 0; background: #111; color: #888; font-style: italic; }
.post-content hr { border: none; border-top: 1px solid #1a1a1a; margin: 36px 0; }
.post-content img { max-width: 100%; height: auto; display: block; margin: 24px 0; }
.post-content a { color: #e63946; text-decoration: underline; text-underline-offset: 3px; }
.post-content strong { color: #ddd; font-weight: 600; }

/* Rating */
.post-rating-section { background: #111; border: 1px solid #1a1a1a; padding: 28px; margin-bottom: 40px; }
.rating-label { font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: #555; margin-bottom: 16px; }
.star-group { display: flex; gap: 6px; margin-bottom: 12px; }
.star-btn { background: none; border: none; font-size: 32px; color: #333; cursor: pointer; transition: color .15s, transform .15s; padding: 0 2px; line-height: 1; }
.star-btn.active, .star-btn.hover { color: #e6b039; transform: scale(1.1); }
.rating-form { display: flex; flex-direction: column; }
.rating-summary { font-size: 13px; color: #555; margin-top: 4px; }
.rating-avg { font-family: 'Bebas Neue', sans-serif; font-size: 24px; color: #e6b039; }
.rating-total { color: #444; }

/* Share */
.post-share-section { margin-bottom: 48px; }
.share-label { font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: #555; margin-bottom: 14px; }
.share-btns { display: flex; gap: 10px; flex-wrap: wrap; }
.share-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; font-size: 13px; font-family: 'Barlow', sans-serif; font-weight: 500; border: 1px solid #222; color: #aaa; background: #111; cursor: pointer; transition: all .15s; letter-spacing: .3px; }
.share-btn svg { width: 16px; height: 16px; flex-shrink: 0; }
.share-btn:hover { border-color: #444; color: #fff; }
.share-wa:hover { border-color: #25d366; color: #25d366; }
.share-tw:hover { border-color: #fff; color: #fff; }
.share-li:hover { border-color: #0077b5; color: #0077b5; }
.share-print:hover { border-color: #e63946; color: #e63946; }

/* Messages */
.post-msg { padding: 12px 16px; font-size: 13px; margin-bottom: 20px; border-left: 3px solid; }
.post-msg.success { background: #0d1f0d; color: #5a9a5a; border-color: #5a9a5a; }
.post-msg.error { background: #1f0d0d; color: #c05050; border-color: #c05050; }

/* Comments */
.post-comments-section { margin-bottom: 60px; }
.comments-title { font-family: 'Bebas Neue', sans-serif; font-size: 26px; letter-spacing: 2px; color: #fff; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid #1a1a1a; }
.comments-title span { color: #555; font-size: 20px; margin-left: 6px; }
.no-comments { font-size: 13px; color: #444; padding: 20px 0; }
.comments-list { margin-bottom: 40px; display: flex; flex-direction: column; gap: 16px; }
.comment-item { display: flex; gap: 14px; align-items: flex-start; }
.comment-avatar { width: 40px; height: 40px; background: #1a1a1a; border: 1px solid #222; display: flex; align-items: center; justify-content: center; font-family: 'Bebas Neue', sans-serif; font-size: 18px; color: #e63946; flex-shrink: 0; text-transform: uppercase; }
.comment-body { flex: 1; }
.comment-meta { display: flex; gap: 10px; align-items: center; margin-bottom: 6px; }
.comment-meta strong { font-size: 14px; color: #ddd; }
.comment-date { font-size: 11px; color: #444; }
.comment-text { font-size: 14px; color: #888; line-height: 1.7; }
.comment-form-wrap { background: #111; border: 1px solid #1a1a1a; padding: 28px; }
.comment-form-title { font-family: 'Bebas Neue', sans-serif; font-size: 20px; letter-spacing: 2px; color: #fff; margin-bottom: 20px; }
.comment-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 0; }
.comment-form-group { margin-bottom: 16px; }
.comment-form-group label { display: block; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #444; margin-bottom: 8px; }
.comment-form-group input, .comment-form-group textarea { width: 100%; background: #0d0d0d; border: 1px solid #222; color: #ddd; padding: 10px 14px; font-size: 14px; font-family: 'Barlow', sans-serif; outline: none; transition: border-color .15s; }
.comment-form-group input:focus, .comment-form-group textarea:focus { border-color: #e63946; }
.comment-form-group textarea { resize: vertical; min-height: 110px; }
.comment-submit { background: #e63946; color: #fff; border: none; padding: 12px 28px; font-family: 'Bebas Neue', sans-serif; font-size: 16px; letter-spacing: 2px; cursor: pointer; transition: background .2s; }
.comment-submit:hover { background: #c0303b; }

/* ═══════════════════════════════════════════════════════
   loading.php
═══════════════════════════════════════════════════════ */
.yapim-main { flex: 1; display: flex; align-items: center; justify-content: center; padding: 60px 20px; text-align: center; position: relative; overflow: hidden; }
.bg-line { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 0; }
.bg-line::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: repeating-linear-gradient(45deg, transparent, transparent 60px, rgba(230,57,70,0.03) 60px, rgba(230,57,70,0.03) 61px); animation: slide 20s linear infinite; }
@keyframes slide { 0% { transform: translate(0,0); } 100% { transform: translate(61px,61px); } }
.yapim-content { position: relative; z-index: 1; max-width: 600px; }
.icon-wrap { width: 80px; height: 80px; border: 1px solid #e63946; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 32px; animation: pulse 2s ease-in-out infinite; }
@keyframes pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(230,57,70,0.3); } 50% { box-shadow: 0 0 0 12px rgba(230,57,70,0); } }
.icon-wrap svg { width: 32px; height: 32px; fill: none; stroke: #e63946; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.yapim-badge { display: inline-block; font-size: 11px; letter-spacing: 4px; text-transform: uppercase; color: #e63946; font-weight: 600; border: 1px solid #e63946; padding: 5px 14px; margin-bottom: 24px; }
.yapim-title { font-family: 'Bebas Neue', sans-serif; font-size: 64px; letter-spacing: 3px; line-height: 1; margin-bottom: 16px; }
.yapim-sub { font-size: 15px; color: #666; line-height: 1.8; max-width: 400px; margin: 0 auto 40px; }
.progress-wrap { background: #111; height: 3px; margin: 0 auto 16px; max-width: 300px; overflow: hidden; }
.progress-bar { height: 3px; background: #e63946; width: 0; animation: progress 3s ease-out forwards; }
@keyframes progress { 0% { width: 0; } 100% { width: 72%; } }
.progress-label { font-size: 11px; color: #444; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 40px; }
.yapim-links { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 48px; }
.contact-strip { display: flex; gap: 32px; justify-content: center; flex-wrap: wrap; border-top: 1px solid #111; padding-top: 40px; }
.contact-strip-item { display: flex; align-items: center; gap: 10px; font-size: 13px; color: #555; }
.contact-strip-item a { color: #555; transition: color .2s; }
.contact-strip-item a:hover { color: #fff; }
.contact-strip-item .dot { width: 6px; height: 6px; background: #e63946; border-radius: 50%; flex-shrink: 0; }

/* ═══════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .topbar { display: none; }
  nav { padding: 0 20px; }
  .nav-links { display: none; position: fixed; top: 70px; left: 0; right: 0; bottom: 0; background: #0d0d0d; flex-direction: column; align-items: flex-start; padding: 20px; overflow-y: auto; z-index: 199; gap: 0; height: calc(100vh - 70px); }
  .nav-links.open { display: flex; }
  .nav-item { height: auto; width: 100%; flex-direction: column; align-items: flex-start; border-bottom: 1px solid #1a1a1a; }
  .nav-item > a { height: auto; padding: 16px 0; width: 100%; font-size: 15px; border-bottom: none; }
  .nav-arrow { display: none; }
  .dropdown { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; background: #111; min-width: 100%; display: none; }
  .nav-item.open .dropdown { display: block; }
  .dropdown a { padding: 12px 16px; font-size: 14px; color: #888; border-bottom: 1px solid #1a1a1a; }
  .nav-plain { height: auto; width: 100%; border-bottom: 1px solid #1a1a1a; }
  .nav-plain a { padding: 16px 0; font-size: 15px; width: 100%; height: auto; }
  .nav-search { display: none; }
  .hamburger { display: flex !important; }
  .hero-content { left: 20px; right: 20px; bottom: 40px; max-width: 100%; }
  .hero-title { font-size: 48px; }
  .stats { grid-template-columns: repeat(2, 1fr); padding: 40px 20px; }
  .stat:nth-child(2) { border-right: none; }
  .stat:nth-child(3) { border-top: 1px solid #1a1a1a; }
  .stat:nth-child(4) { border-top: 1px solid #1a1a1a; border-right: none; }
  .about { grid-template-columns: 1fr; gap: 40px; padding: 60px 20px; }
  .about-img img { height: 300px; }
  .about-img-badge { bottom: -10px; left: -10px; padding: 16px 20px; }
  .about-img-badge .num { font-size: 36px; }
  .about-cols { grid-template-columns: 1fr; }
  .about-title { font-size: 38px; }
  .cta { padding: 60px 20px; }
  .cta-title { font-size: 34px; }
  .cta-phone { font-size: 32px; }
  .contact-grid { grid-template-columns: 1fr; padding: 0 20px 60px; }
  .contact-info { padding-right: 0; border-right: none; border-bottom: 1px solid #1a1a1a; padding-bottom: 40px; margin-bottom: 40px; }
  .contact-form-wrap { padding-left: 0; }
  .contact-header { padding: 0 20px 40px; }
  .contact-title { font-size: 38px; }
  .form-row { grid-template-columns: 1fr; }
  .map-wrap, .map-wrap iframe { height: 280px; }
  .footer-mob-brand { float: none !important; width: 100% !important; padding-right: 0 !important; margin-bottom: 40px; }
  .footer-mob-col { float: none !important; width: 100% !important; padding-right: 0 !important; margin-bottom: 32px; }
  .footer-bottom-inner { flex-direction: column; gap: 12px; text-align: center; }
  .blog-title { font-size: 52px; }
  .yapim-title { font-size: 44px; }
  .contact-strip { flex-direction: column; align-items: center; gap: 16px; }
  .page-footer { flex-direction: column; gap: 8px; text-align: center; padding: 16px 20px; }
  /* Blog listing */
  .blog-hero { padding: 48px 20px 0; }
  .blog-hero-inner { padding-bottom: 32px; }
  .blog-hero-title { font-size: 44px; }
  .blog-stats-strip { margin: 0 -20px; padding: 0 20px; flex-wrap: wrap; gap: 0; }
  .bsp-sep { margin: 0 20px; }
  .blog-section { padding: 40px 16px 60px; }
  .blog-featured-link { grid-template-columns: 1fr; }
  .blog-featured-img { min-height: 220px; }
  .blog-featured-body { padding: 28px 24px; }
  .blog-featured-title { font-size: 28px; }
  .blog-grid { grid-template-columns: 1fr; gap: 16px; }
  /* Blog post */
  .post-breadcrumb { padding: 10px 20px; }
  .post-layout { padding: 32px 20px 60px; }
  .post-title { font-size: 36px; }
  .comment-form-row { grid-template-columns: 1fr; }
  .share-btns { gap: 8px; }
  .share-btn { padding: 9px 12px; font-size: 12px; }
}

@media (max-width: 480px) {
  .hero-title { font-size: 38px; }
  .cta-title { font-size: 28px; }
  .about-title { font-size: 32px; }
  .contact-title { font-size: 32px; }
  .yapim-title { font-size: 36px; }
  .blog-title { font-size: 44px; }
  .blog-hero-title { font-size: 36px; }
  .post-title { font-size: 30px; }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .blog-featured-title { font-size: 28px; }
  .blog-featured-body { padding: 28px 28px; }
  .blog-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ═══════════════════════════════════════════════════════
   PRINT — Blog Post
═══════════════════════════════════════════════════════ */
@media print {
  /* Hide everything except the post content */
  .topbar, nav, .post-breadcrumb, .post-rating-section,
  .post-share-section, .post-comments-section,
  footer, .footer-credit { display: none !important; }

  body { background: #fff !important; color: #111 !important; font-size: 12pt; }

  .post-layout { padding: 0 !important; }
  .post-main { max-width: 100% !important; padding: 0 !important; }

  /* Print header: site name + title */
  .post-cover { margin-bottom: 20pt; }
  .post-cover img { max-height: 220pt; width: 100%; object-fit: cover; }

  .post-header { border-bottom: 1pt solid #ccc; padding-bottom: 12pt; margin-bottom: 20pt; }
  .post-meta-top { font-size: 9pt; color: #666 !important; margin-bottom: 6pt; }
  .post-title { font-size: 24pt !important; color: #111 !important; margin-bottom: 8pt; }
  .post-excerpt { font-size: 11pt; color: #444 !important; }

  .post-content { font-size: 11pt; line-height: 1.7; color: #111 !important; }
  .post-content h2 { font-size: 16pt; margin-top: 18pt; border-bottom: 1pt solid #eee; padding-bottom: 4pt; }
  .post-content h3 { font-size: 13pt; margin-top: 14pt; }
  .post-content p { margin-bottom: 9pt; }
  .post-content ul, .post-content ol { padding-left: 18pt; margin-bottom: 9pt; }
  .post-content a { color: #111 !important; text-decoration: underline; }
  .post-content img { max-width: 100%; height: auto; }

  /* Print footer: URL at the bottom */
  .post-main::after {
    content: "acmakine.com — " attr(data-url);
    display: block;
    margin-top: 24pt;
    padding-top: 10pt;
    border-top: 1pt solid #ccc;
    font-size: 9pt;
    color: #888;
  }

  a[href]::after { content: none !important; }
}