#hero { position:relative; min-height:100vh; display:flex; align-items:center; overflow:hidden; }
.hero-bg { position:absolute; inset:0; background:radial-gradient(ellipse at 65% 40%,rgba(212,168,67,0.13) 0%,transparent 55%),radial-gradient(ellipse at 15% 75%,rgba(212,168,67,0.07) 0%,transparent 45%),linear-gradient(135deg,#0d0d0d 0%,#1a1a1a 50%,#0f0f0f 100%); }
.hero-particles { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
.particle { position:absolute; border-radius:50%; background:radial-gradient(circle,rgba(212,168,67,0.18),transparent); animation:floatUp linear infinite; }
@keyframes floatUp { 0%{transform:translateY(110vh) scale(0);opacity:0} 10%{opacity:1} 90%{opacity:0.4} 100%{transform:translateY(-20vh) scale(1.5);opacity:0} }
.hero-content { position:relative; z-index:2; max-width:760px; }
.hero-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(212,168,67,0.12); border:1px solid rgba(212,168,67,0.3); border-radius:50px; padding:8px 20px; font-size:0.78rem; font-weight:600; letter-spacing:0.15em; text-transform:uppercase; color:var(--gold-light); margin-bottom:28px; animation:fadeInDown 0.8s ease both; }
.hero-title { font-family:var(--font-serif); font-size:clamp(3rem,7vw,6rem); font-weight:900; line-height:1.05; margin-bottom:24px; animation:fadeInUp 0.9s ease 0.2s both; }
.hero-title .accent { color:var(--gold-light); }
.hero-title .italic { font-style:italic; }
.hero-desc { font-size:1.1rem; color:var(--gray-light); max-width:520px; margin-bottom:40px; animation:fadeInUp 0.9s ease 0.4s both; }
.hero-actions { display:flex; gap:16px; flex-wrap:wrap; animation:fadeInUp 0.9s ease 0.6s both; }
.hero-scroll { position:absolute; bottom:40px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:8px; color:var(--gray); font-size:0.72rem; letter-spacing:0.12em; text-transform:uppercase; animation:bounceY 2s ease infinite; z-index:2; }
.hero-scroll i { font-size:1.1rem; color:var(--gold); }
@keyframes bounceY { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(8px)} }
@keyframes fadeInDown { from{opacity:0;transform:translateY(-20px)} to{opacity:1;transform:translateY(0)} }
@keyframes fadeInUp { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }
#hizmetler { padding:120px 0; background:var(--bg-dark); }
.services-header { text-align:center; margin-bottom:64px; }
.services-header .section-subtitle { margin:0 auto; }
.services-header .gold-line { margin:20px auto 0; }
.services-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:28px; }
.service-card { background:var(--bg-card); border-radius:16px; padding:40px 32px; border:1px solid rgba(255,255,255,0.06); position:relative; overflow:hidden; transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition); cursor:default; }
.service-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--gold),var(--gold-light)); transform:scaleX(0); transform-origin:left; transition:transform var(--transition); }
.service-card:hover { transform:translateY(-10px); box-shadow:0 20px 50px rgba(0,0,0,0.5),0 0 30px rgba(212,168,67,0.1); border-color:rgba(212,168,67,0.25); }
.service-card:hover::before { transform:scaleX(1); }
.service-icon { width:70px; height:70px; background:rgba(212,168,67,0.12); border-radius:16px; display:flex; align-items:center; justify-content:center; font-size:1.8rem; color:var(--gold); margin-bottom:24px; transition:background var(--transition),transform var(--transition); }
.service-card:hover .service-icon { background:rgba(212,168,67,0.22); transform:scale(1.1) rotate(-5deg); }
.service-card h3 { font-family:var(--font-serif); font-size:1.4rem; font-weight:700; margin-bottom:12px; }
.service-card p { font-size:0.9rem; color:var(--gray); line-height:1.7; }
.service-tag { display:inline-block; margin-top:20px; padding:5px 14px; background:rgba(212,168,67,0.1); border:1px solid rgba(212,168,67,0.25); border-radius:50px; font-size:0.75rem; font-weight:600; color:var(--gold); }
.service-card-bg-icon { position:absolute; bottom:-10px; right:-10px; font-size:7rem; color:rgba(255,255,255,0.02); pointer-events:none; }
#markalar { padding:120px 0; background:var(--bg-section); overflow:hidden; }
.brands-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.brand-card { background:var(--bg-card); border-radius:20px; padding:48px 40px; border:1px solid rgba(212,168,67,0.2); position:relative; overflow:hidden; }
.brand-card-emoji { position:absolute; top:-30px; right:-30px; font-size:10rem; opacity:0.04; pointer-events:none; }
.brand-badge { display:inline-flex; align-items:center; gap:10px; background:rgba(212,168,67,0.12); border:1px solid rgba(212,168,67,0.3); border-radius:50px; padding:8px 20px; font-size:0.75rem; font-weight:700; letter-spacing:0.15em; text-transform:uppercase; color:var(--gold-light); margin-bottom:24px; }
.brand-card h3 { font-family:var(--font-serif); font-size:2.2rem; font-weight:900; color:var(--gold-light); margin-bottom:8px; }
.brand-card > p { font-size:0.9rem; color:var(--gray); margin-bottom:28px; line-height:1.8; }
.brand-features { display:flex; flex-direction:column; gap:12px; }
.brand-feature { display:flex; align-items:center; gap:12px; padding:12px 16px; background:rgba(212,168,67,0.07); border-radius:10px; border:1px solid rgba(212,168,67,0.15); }
.brand-feature i { color:var(--gold); width:18px; text-align:center; }
.brand-feature span { font-size:0.88rem; color:var(--gray-light); }
.brand-feature strong { color:var(--white); }
#galeri { padding:120px 0; background:var(--bg-section); }
.gallery-header { text-align:center; margin-bottom:64px; }
.gallery-header .section-subtitle { margin:0 auto; }
.gallery-header .gold-line { margin:20px auto 0; }
.gallery-grid { display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:auto; gap:16px; }
.gallery-item { border-radius:var(--radius); overflow:hidden; position:relative; cursor:pointer; }
.gallery-item.large { grid-column:span 2; grid-row:span 2; }
.gallery-item-inner { width:100%; height:100%; min-height:200px; overflow:hidden; }
.gallery-item-inner img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.5s ease; }
.gallery-item.large .gallery-item-inner { min-height:420px; }
.gallery-item:hover .gallery-item-inner img { transform:scale(1.05); }
.gallery-overlay { position:absolute; inset:0; background:rgba(0,0,0,0); display:flex; align-items:center; justify-content:center; transition:background var(--transition); }
.gallery-item:hover .gallery-overlay { background:rgba(212,168,67,0.15); }
.gallery-overlay i { color:var(--white); font-size:2rem; opacity:0; transform:scale(0.5); transition:opacity var(--transition),transform var(--transition); }
.gallery-item:hover .gallery-overlay i { opacity:1; transform:scale(1); }
#iletisim { padding:120px 0; background:var(--bg-dark); }
.contact-info-item { display:flex; align-items:flex-start; gap:16px; }
.contact-info-icon { width:48px; height:48px; background:rgba(212,168,67,0.12); border-radius:12px; display:flex; align-items:center; justify-content:center; color:var(--gold); font-size:1.1rem; flex-shrink:0; }
.contact-info-text h4 { font-size:0.9rem; font-weight:600; margin-bottom:4px; }
.contact-info-text p { font-size:0.85rem; color:var(--gray); }
.contact-grid-inner { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; margin-top:32px; }
.map-wrap { margin-top:64px; padding-bottom:80px; }
.map-frame { border-radius:16px; overflow:hidden; border:1px solid rgba(212,168,67,0.2); box-shadow:0 8px 32px rgba(0,0,0,0.4); }
.map-frame iframe { border:0; display:block; width:100%; height:420px; }
.map-link { display:flex; align-items:center; justify-content:center; margin-top:16px; }