@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:wght@700;800&display=swap');

:root{
  --bg:#05080a;
  --bg2:#090d10;
  --card:#0c1115;
  --card2:#111821;
  --gold:#e5b94d;
  --gold2:#ffd979;
  --text:#f7f7f7;
  --muted:#a9b0b7;
  --line:rgba(229,185,77,.18);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Inter,Arial,sans-serif;
  background:
    radial-gradient(circle at 15% 15%,rgba(229,185,77,.12),transparent 26%),
    radial-gradient(circle at 88% 18%,rgba(229,185,77,.17),transparent 28%),
    linear-gradient(180deg,#05080a,#06090b 55%,#040607);
  color:var(--text);
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font-family:inherit}

.site-header{
  position:sticky;top:0;z-index:100;
  height:82px;
  padding:0 8%;
  display:flex;align-items:center;justify-content:space-between;gap:28px;
  background:rgba(5,8,10,.78);
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
}
.brand{display:flex;flex-direction:column;line-height:.8;color:var(--gold)}
.brand-mark{font-family:Playfair Display,serif;font-size:42px;font-weight:800;letter-spacing:-2px;text-shadow:0 0 18px rgba(229,185,77,.32)}
.brand small{font-size:11px;letter-spacing:6px;margin-left:8px;color:#fff}
.main-nav{display:flex;align-items:center;gap:34px}
.main-nav a{font-size:14px;font-weight:800;color:#e9e9e9;position:relative}
.main-nav a.active,.main-nav a:hover{color:var(--gold)}
.main-nav a::after{
  content:"";position:absolute;left:0;bottom:-10px;width:0;height:2px;background:var(--gold);transition:.25s
}
.main-nav a:hover::after,.main-nav a.active::after{width:100%}
.header-cta,.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-height:44px;padding:0 24px;border-radius:8px;
  font-size:14px;font-weight:900;border:1px solid var(--line);
  transition:.25s;
}
.header-cta,.btn-gold{
  background:linear-gradient(135deg,var(--gold),var(--gold2));color:#050505;
  box-shadow:0 10px 28px rgba(229,185,77,.16)
}
.header-cta:hover,.btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(229,185,77,.25)}
.btn-dark{background:rgba(255,255,255,.03);color:#fff;border-color:rgba(229,185,77,.45)}
.btn-dark:hover,.btn-outline:hover{border-color:var(--gold);color:var(--gold)}
.btn-outline{background:rgba(255,255,255,.03);color:var(--gold);border-color:var(--line)}
.menu-btn{display:none;background:none;border:0;color:#fff;font-size:28px}

.hero{
  position:relative;min-height:720px;padding:95px 8% 70px;
  display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center;
  border-bottom:1px solid rgba(255,255,255,.08);
  overflow:hidden;
}
.hero::before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(5,8,10,.92),rgba(5,8,10,.54),rgba(5,8,10,.76)),
    radial-gradient(circle at 72% 38%,rgba(229,185,77,.18),transparent 34%);
  pointer-events:none;
}
.hero-bg-glow{position:absolute;border-radius:50%;filter:blur(12px);opacity:.45}
.hero-bg-glow.one{right:10%;top:140px;width:270px;height:270px;background:rgba(229,185,77,.23)}
.hero-bg-glow.two{right:25%;bottom:60px;width:180px;height:180px;background:rgba(229,185,77,.28)}
.hero-content,.hero-visual{position:relative;z-index:2}
.eyebrow,.section-title span{
  display:block;color:var(--gold);font-size:12px;font-weight:900;letter-spacing:2.5px;margin-bottom:10px
}
.hero h1{
  font-family:Playfair Display,serif;font-size:66px;line-height:.98;letter-spacing:-1px;margin-bottom:24px
}
.hero h1 span{color:var(--gold)}
.hero p{max-width:560px;color:#cbd0d5;line-height:1.8;font-size:17px;margin-bottom:28px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:34px}
.hero-stats{display:flex;align-items:center;gap:18px;color:#fff}
.avatars{display:flex}
.avatars span,.avatars b{
  width:32px;height:32px;border-radius:50%;border:2px solid #101418;margin-left:-8px;background:linear-gradient(135deg,#fff,#d2a060)
}
.avatars span:first-child{margin-left:0}
.avatars b{display:grid;place-items:center;background:#111;color:var(--gold);font-size:13px}
.hero-stats i{width:1px;height:46px;background:var(--line)}
.hero-stats small{display:block;color:#cfd4da;margin:3px 0}

.hero-visual{height:520px}
.orbit{
  position:absolute;inset:35px 50px 20px 10px;border:1px solid rgba(229,185,77,.45);
  border-radius:50%;transform:rotate(-18deg)
}
.device{
  position:absolute;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,#10161b,#050606);
  border-radius:18px;box-shadow:0 32px 90px rgba(0,0,0,.55)
}
.laptop{right:40px;top:40px;width:480px;height:290px;padding:22px;transform:rotate(4deg)}
.device-topbar{height:18px;border-radius:999px;background:rgba(255,255,255,.08);margin-bottom:26px}
.screen-title{font-family:Playfair Display,serif;font-size:30px;color:#fff;line-height:1.05}
.screen-title::first-line{color:var(--gold)}
.screen-card{position:absolute;right:28px;top:88px;width:150px;height:92px;border-radius:12px;background:linear-gradient(135deg,rgba(229,185,77,.35),rgba(255,255,255,.08))}
.screen-lines{margin-top:28px}
.screen-lines span{display:block;width:180px;height:8px;border-radius:999px;background:rgba(255,255,255,.1);margin:10px 0}
.phone{right:5px;top:140px;width:130px;height:250px;border-radius:26px;padding:18px;transform:rotate(8deg)}
.phone-dot{width:34px;height:5px;border-radius:999px;background:#222;margin:auto auto 26px}
.phone-line,.phone-card{border-radius:8px;background:rgba(255,255,255,.08);height:14px;margin-bottom:14px}
.phone-card{height:95px;background:linear-gradient(135deg,rgba(229,185,77,.35),rgba(229,185,77,.14))}
.phone-line.small{width:70%}
.brand-card,.font-card{
  position:absolute;background:linear-gradient(145deg,#14191d,#08090a);border:1px solid rgba(229,185,77,.28);
  border-radius:18px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.45)
}
.brand-card{left:68px;bottom:64px;width:250px;transform:rotate(-7deg)}
.brand-card span{font-family:Playfair Display,serif;font-size:42px;color:var(--gold)}
.brand-card small{display:block;color:#aeb4bb;margin:8px 0}
.palette{display:flex;gap:8px}.palette i{width:34px;height:34px;border-radius:6px;background:#111;border:1px solid #777}
.palette i:nth-child(2){background:var(--gold)}.palette i:nth-child(3){background:#f4dfae}.palette i:nth-child(4){background:#31353a}
.font-card{right:65px;bottom:36px;width:250px;display:flex;gap:18px;align-items:center}
.font-card strong{font-family:Playfair Display,serif;font-size:52px;color:#fff}
.font-card span{color:#d4d9de;line-height:1.4}

.section{padding:70px 8%;border-bottom:1px solid rgba(255,255,255,.06)}
.section-title{text-align:center;margin-bottom:34px}
.section-title.left{text-align:left;margin-bottom:16px}
.section-title h2{font-family:Playfair Display,serif;font-size:38px;line-height:1.08}
.service-grid,.package-grid,.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.service-card,.package-card,.testimonial-grid article,.faq-box,.contact-panel{
  background:linear-gradient(145deg,rgba(17,24,33,.92),rgba(8,12,15,.96));
  border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.2)
}
.service-card{padding:34px;min-height:220px;transition:.25s}
.service-card:hover,.portfolio-card:hover,.package-card:hover{transform:translateY(-6px);border-color:rgba(229,185,77,.5)}
.icon{width:50px;height:50px;border:1px solid var(--gold);border-radius:10px;color:var(--gold);display:grid;place-items:center;font-size:26px;margin-bottom:24px}
.service-card h3,.package-card h3{font-size:21px;margin-bottom:10px}
.service-card p,.package-card p{color:var(--muted);line-height:1.7;font-size:14px;margin-bottom:22px}
.service-card a{color:var(--gold);font-weight:900;font-size:14px}

.filter-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.filter-row button{
  border:1px solid rgba(255,255,255,.1);background:#111820;color:#d6d8da;border-radius:999px;padding:10px 22px;font-weight:800;cursor:pointer
}
.filter-row button.active,.filter-row button:hover{background:var(--gold);color:#050505}
.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.portfolio-card{
  position:relative;background:#0d1217;border:1px solid var(--line);border-radius:14px;overflow:hidden;padding-bottom:18px;transition:.25s
}
.portfolio-img{height:180px;background:#151b22;display:grid;place-items:center;color:var(--gold);font-family:Playfair Display,serif;font-size:36px}
.web-img{background:linear-gradient(135deg,#313844,#111),linear-gradient(90deg,var(--gold),transparent)}
.logo-img{background:radial-gradient(circle,rgba(229,185,77,.18),#060606 68%)}
.social-img{background:linear-gradient(135deg,#312c26,#10151b)}
.brand-img{background:linear-gradient(135deg,#2d2519,#0c1116)}
.portfolio-card h3{font-size:16px;margin:16px 16px 4px}.portfolio-card p{color:var(--muted);font-size:13px;margin-left:16px}.portfolio-card a{position:absolute;right:18px;bottom:20px;color:var(--gold)}
.center{text-align:center;margin-top:28px}

.process-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.process-card{position:relative;background:#0c1115;border:1px solid var(--line);border-radius:18px;padding:30px 24px}
.process-card b{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);margin-bottom:18px}
.process-card h3{margin-bottom:8px}.process-card p{color:var(--muted);line-height:1.65;font-size:14px}

.package-card{position:relative;padding:30px}
.package-card.featured{border-color:var(--gold);box-shadow:0 0 0 1px rgba(229,185,77,.25),0 30px 80px rgba(229,185,77,.1)}
.badge{position:absolute;right:20px;top:-13px;background:var(--gold);color:#050505;border-radius:999px;padding:7px 14px;font-size:11px;font-weight:900}
.package-card strong{display:block;font-size:34px;margin:22px 0;color:#fff}
.package-card strong small{font-size:12px;color:var(--muted);font-weight:500}
.package-card ul{list-style:none;margin-bottom:24px}.package-card li{color:#cfd4da;margin:12px 0;font-size:14px}
.package-card li::before{content:"•";color:var(--gold);margin-right:10px}
.package-card a{display:flex;justify-content:center;align-items:center;border:1px solid var(--line);border-radius:8px;height:42px;color:#fff;font-weight:900}
.featured a{background:var(--gold);color:#050505}

.testimonial-grid article{padding:28px}
.testimonial-grid p{color:#e7e7e7;line-height:1.7;margin-bottom:18px}
.testimonial-grid p::before{content:"“";display:block;color:var(--gold);font-size:44px;line-height:.4}
.testimonial-grid strong{display:block}.testimonial-grid small{display:block;color:var(--muted);margin:4px 0 10px}.testimonial-grid span{color:var(--gold)}

.faq-contact{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}
.faq-box,.contact-panel{padding:28px}
details{border-bottom:1px solid rgba(255,255,255,.08);padding:18px 0}
summary{cursor:pointer;font-weight:800;color:#fff;list-style:none}
summary::after{content:"+";float:right;color:var(--gold);font-size:22px}
details[open] summary::after{content:"−"}
details p{color:var(--muted);line-height:1.7;margin-top:12px}
.contact-panel{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;align-items:center;background:
  radial-gradient(circle at 0% 50%,rgba(229,185,77,.14),transparent 32%),
  linear-gradient(145deg,rgba(17,24,33,.92),rgba(8,12,15,.96))}
.contact-info span{color:var(--gold);font-weight:900}.contact-info h2{font-family:Playfair Display,serif;font-size:34px;margin:8px 0}.contact-info p{color:var(--muted);line-height:1.7;margin-bottom:18px}
.contact-info li{list-style:none;margin:10px 0;color:#e8e8e8}
.contact-form div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.contact-form input,.contact-form textarea{
  width:100%;background:#090d11;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;padding:14px;margin-bottom:12px
}
.contact-form textarea{min-height:120px;resize:vertical}
.contact-form button{width:100%;height:46px;border:0;border-radius:8px;background:var(--gold);color:#050505;font-weight:900;cursor:pointer}

.footer{padding:48px 8%;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;background:#050708;border-top:1px solid rgba(255,255,255,.08)}
.footer p{color:var(--muted);line-height:1.7;margin:14px 0;max-width:310px}
.footer h4{color:var(--gold);margin-bottom:14px}.footer a{display:block;color:#c7cbd0;margin:9px 0;font-size:14px}.footer a:hover{color:var(--gold)}
.socials{display:flex;gap:10px}.socials a{width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:50%;display:grid;place-items:center;margin:0}
.copyright{padding:18px 8%;display:flex;justify-content:space-between;gap:18px;color:#889098;font-size:13px;background:#030405;border-top:1px solid rgba(255,255,255,.07)}

@media(max-width:1100px){
  .hero{grid-template-columns:1fr;min-height:auto}.hero-visual{height:480px}.main-nav{display:none}
  .main-nav.open{display:flex;position:absolute;top:82px;left:0;right:0;background:#070a0d;flex-direction:column;padding:24px;border-bottom:1px solid var(--line)}
  .menu-btn{display:block}.header-cta{display:none}
  .portfolio-grid,.process-row{grid-template-columns:repeat(2,1fr)}
  .faq-contact,.contact-panel{grid-template-columns:1fr}
}
@media(max-width:760px){
  .site-header,.hero,.section,.footer,.copyright{padding-left:5%;padding-right:5%}
  .hero h1{font-size:44px}.hero-visual{height:360px;transform:scale(.8);transform-origin:top center;margin-bottom:-70px}
  .service-grid,.package-grid,.testimonial-grid,.portfolio-grid,.process-row,.footer{grid-template-columns:1fr}
  .contact-form div{grid-template-columns:1fr}.copyright{flex-direction:column}
}

/* Çok sayfalı yapı ve portföy detayları */
.page-hero{
  padding:95px 8% 75px;
  background:
    linear-gradient(90deg,rgba(5,8,10,.95),rgba(5,8,10,.72)),
    radial-gradient(circle at 80% 25%,rgba(229,185,77,.16),transparent 30%);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.page-hero span,
.project-hero span{
  display:block;
  color:var(--gold);
  font-size:12px;
  font-weight:900;
  letter-spacing:2.5px;
  margin-bottom:14px;
}
.page-hero h1,
.project-hero h1{
  font-family:Playfair Display,serif;
  font-size:54px;
  line-height:1.08;
  max-width:850px;
}
.page-hero p,
.project-hero p{
  color:var(--muted);
  line-height:1.8;
  max-width:760px;
  margin-top:18px;
  font-size:17px;
}
.page-content .content-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.page-content article,
.project-info-card{
  background:linear-gradient(145deg,rgba(17,24,33,.92),rgba(8,12,15,.96));
  border:1px solid var(--line);
  border-radius:18px;
  padding:30px;
}
.page-content h3,
.project-info-card h2{
  color:#fff;
  margin-bottom:12px;
}
.page-content p,
.project-info-card p,
.project-info-card li{
  color:var(--muted);
  line-height:1.7;
}
.portfolio-card span{
  position:absolute;
  right:18px;
  bottom:20px;
  color:var(--gold);
}
.ecommerce-img{
  background:
    linear-gradient(135deg,rgba(229,185,77,.28),rgba(13,18,23,.95)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 26px);
}
.corporate-img{
  background:
    linear-gradient(135deg,#17212b,#080b0e),
    radial-gradient(circle at 70% 30%,rgba(229,185,77,.28),transparent 36%);
}
.landing-img{
  background:
    linear-gradient(135deg,#20121d,#080b0e),
    radial-gradient(circle at 35% 40%,rgba(229,185,77,.24),transparent 32%);
}
.project-hero{
  min-height:580px;
  padding:90px 8%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 82% 28%,rgba(229,185,77,.14),transparent 30%),
    linear-gradient(180deg,#05080a,#080d11);
}
.project-preview{
  min-height:380px;
  border-radius:26px;
  border:1px solid rgba(229,185,77,.22);
  box-shadow:0 34px 90px rgba(0,0,0,.38);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.preview-browser{
  height:54px;
  background:rgba(0,0,0,.35);
  border-bottom:1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 20px;
}
.preview-browser i{
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--gold);
  opacity:.85;
}
.preview-body{
  flex:1;
  display:grid;
  place-items:center;
  text-align:center;
  padding:30px;
}
.preview-body b{
  display:block;
  color:#fff;
  font-family:Playfair Display,serif;
  font-size:42px;
}
.preview-body em{
  display:block;
  color:var(--gold);
  font-style:normal;
  margin-top:10px;
  font-weight:900;
}
.project-detail{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:24px;
}
.project-info-card ul{
  padding-left:18px;
}
.project-info-card li{
  margin:10px 0;
}
@media(max-width:900px){
  .project-hero,
  .project-detail,
  .page-content .content-grid{
    grid-template-columns:1fr;
  }
  .page-hero h1,
  .project-hero h1{
    font-size:38px;
  }
}

/* Satış / sepet / üyelik sistemi */
.header-auth{
  display:flex;
  align-items:center;
  gap:10px;
}
.mini-login,
.mini-account{
  min-height:38px;
  padding:0 14px;
  border:1px solid rgba(229,185,77,.35);
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:13px;
  font-weight:900;
}
.mini-account{
  background:rgba(229,185,77,.12);
  color:var(--gold);
}
.auth-page{
  min-height:650px;
  display:grid;
  place-items:center;
  padding:70px 5%;
}
.auth-card{
  width:min(460px,100%);
  background:linear-gradient(145deg,rgba(17,24,33,.95),rgba(8,12,15,.98));
  border:1px solid var(--line);
  border-radius:22px;
  padding:34px;
  box-shadow:0 30px 90px rgba(0,0,0,.35);
}
.auth-card span{
  color:var(--gold);
  font-size:12px;
  font-weight:900;
  letter-spacing:2px;
}
.auth-card h1{
  font-family:Playfair Display,serif;
  font-size:38px;
  margin:10px 0;
}
.auth-card p,
.auth-card small{
  color:var(--muted);
  line-height:1.6;
}
.auth-card input,
.checkout-card input,
.checkout-card textarea{
  width:100%;
  background:#090d11;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  color:#fff;
  padding:14px;
  margin-top:12px;
}
.auth-card button,
.contact-form button{
  width:100%;
  height:48px;
  border:0;
  border-radius:10px;
  background:var(--gold);
  color:#050505;
  font-weight:900;
  margin:16px 0 10px;
  cursor:pointer;
}
.auth-card a{color:var(--gold);font-weight:900}
.auth-error,
.auth-success{
  padding:12px;
  border-radius:10px;
  margin:14px 0;
  font-size:14px;
}
.auth-error{background:#351313;color:#ffb4b4;border:1px solid #7e3535}
.auth-success{background:#102b18;color:#baffc9;border:1px solid #2f9c52}

.shop-portfolio-card{
  display:flex;
  flex-direction:column;
}
.shop-portfolio-card > a{
  display:block;
}
.portfolio-price{
  padding:0 16px 14px;
}
.portfolio-price del{
  display:block;
  color:#777;
  font-size:12px;
  margin-bottom:3px;
}
.portfolio-price strong{
  color:var(--gold);
  font-size:20px;
}
.shop-card-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:0 16px 16px;
  margin-top:auto;
}
.detail-btn,
.buy-btn{
  min-height:38px;
  display:grid;
  place-items:center;
  border-radius:8px;
  font-size:13px;
  font-weight:900;
}
.detail-btn{
  border:1px solid var(--line);
  color:#fff;
}
.buy-btn{
  background:var(--gold);
  color:#050505;
}
.portfolio-shop-note{
  max-width:850px;
  margin:30px auto 0;
  padding:22px;
  border:1px solid var(--line);
  border-radius:16px;
  text-align:center;
  background:#0c1115;
}
.portfolio-shop-note p{
  color:var(--muted);
  margin-bottom:16px;
}

.project-buy-box{
  margin-top:26px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(5,8,10,.72);
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
}
.project-buy-box span{
  display:block;
  color:var(--muted);
  font-size:13px;
  margin-bottom:6px;
}
.project-buy-box strong{
  display:block;
  color:var(--gold);
  font-size:28px;
}
.project-buy-box del{
  color:#777;
}

.shop-cart-section,
.checkout-section,
.account-section{
  background:#05080a;
}
.empty-cart{
  max-width:600px;
  margin:auto;
  text-align:center;
  background:#0c1115;
  border:1px solid var(--line);
  border-radius:20px;
  padding:40px;
}
.empty-cart h2{
  font-family:Playfair Display,serif;
  font-size:36px;
  margin-bottom:10px;
}
.empty-cart p{color:var(--muted);margin-bottom:22px}
.shop-cart-layout{
  display:grid;
  grid-template-columns:1fr 360px;
  gap:26px;
  align-items:start;
}
.cart-products{
  display:grid;
  gap:16px;
}
.shop-cart-item{
  display:grid;
  grid-template-columns:150px 1fr auto;
  gap:18px;
  align-items:center;
  background:#0c1115;
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px;
}
.shop-cart-item .portfolio-img{
  height:110px;
  border-radius:12px;
}
.shop-cart-item h3{
  margin-bottom:6px;
}
.shop-cart-item p{
  color:var(--muted);
  margin-bottom:8px;
}
.shop-cart-item strong,
.shop-cart-item b{
  color:var(--gold);
}
.qty-control{
  margin-top:12px;
  display:inline-flex;
  border:1px solid var(--line);
  border-radius:999px;
  overflow:hidden;
}
.qty-control a,
.qty-control span{
  width:38px;
  height:34px;
  display:grid;
  place-items:center;
  color:#fff;
}
.qty-control a{
  background:#111820;
  color:var(--gold);
  font-weight:900;
}
.remove-link,
.clear-cart{
  display:block;
  margin-top:12px;
  color:#ff9b9b;
  font-size:13px;
  font-weight:900;
}
.cart-summary,
.checkout-summary,
.checkout-card,
.account-profile,
.account-orders{
  background:#0c1115;
  border:1px solid var(--line);
  border-radius:18px;
  padding:24px;
}
.cart-summary h2,
.checkout-card h2,
.checkout-summary h2,
.account-profile h2,
.account-orders h2{
  font-family:Playfair Display,serif;
  margin-bottom:18px;
}
.cart-summary div,
.checkout-line,
.checkout-total{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.cart-summary span,
.checkout-line span{
  color:var(--muted);
}
.cart-summary strong,
.checkout-line strong,
.checkout-total strong{
  color:#fff;
}
.cart-summary .total,
.checkout-total{
  font-size:22px;
  border-bottom:0;
}
.cart-summary .total strong,
.checkout-total strong{
  color:var(--gold);
}
.full{
  width:100%;
  margin-top:14px;
}

.checkout-grid{
  display:grid;
  grid-template-columns:1fr 1fr 370px;
  gap:22px;
  align-items:start;
}
.checkout-card textarea{
  min-height:120px;
  resize:vertical;
}
.pay-option{
  display:block;
  background:#090d11;
  border:1px solid rgba(255,255,255,.1);
  border-radius:10px;
  padding:14px;
  margin:10px 0;
  color:#ddd;
}
.fake-card-box{
  margin-top:16px;
  padding:16px;
  border:1px dashed rgba(229,185,77,.35);
  border-radius:14px;
}
.fake-card-box div{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.fake-card-box small{
  display:block;
  color:#999;
  line-height:1.6;
  margin-top:12px;
}
.success-page{
  min-height:650px;
  display:grid;
  place-items:center;
  padding:70px 5%;
}
.success-card{
  max-width:640px;
  text-align:center;
  background:#0c1115;
  border:1px solid var(--line);
  border-radius:24px;
  padding:44px;
}
.success-icon{
  width:76px;
  height:76px;
  border-radius:50%;
  background:var(--gold);
  color:#050505;
  font-size:44px;
  font-weight:900;
  display:grid;
  place-items:center;
  margin:0 auto 18px;
}
.success-card h1{
  font-family:Playfair Display,serif;
  font-size:42px;
  margin-bottom:12px;
}
.success-card p{
  color:var(--muted);
  margin:10px 0;
}
.success-card > strong{
  display:block;
  color:var(--gold);
  font-size:28px;
  letter-spacing:1px;
}

.account-section{
  display:grid;
  grid-template-columns:330px 1fr;
  gap:24px;
}
.account-profile p{
  color:#ddd;
  margin:12px 0;
}
.member-order-card{
  background:#090d11;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  padding:18px;
  margin-bottom:14px;
}
.member-order-card > div{
  display:flex;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}
.member-order-card strong{
  color:var(--gold);
}
.member-order-card span,
.member-order-card small,
.member-order-card li{
  color:var(--muted);
}
.member-order-card ul{
  padding-left:18px;
}
@media(max-width:1050px){
  .shop-cart-layout,
  .checkout-grid,
  .account-section{
    grid-template-columns:1fr;
  }
}
@media(max-width:650px){
  .header-auth{
    display:none;
  }
  .shop-cart-item{
    grid-template-columns:1fr;
  }
  .shop-card-actions{
    grid-template-columns:1fr;
  }
  .project-buy-box{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* PORTFÖY SATIŞ KARTI DÜZELTME - eski absolute link çakışmasını kapatır */
.shop-portfolio-grid{
  display:grid!important;
  grid-template-columns:repeat(4, minmax(0, 1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
}

.shop-portfolio-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:430px!important;
  padding:0!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#0d1217,#080c10)!important;
  border:1px solid rgba(229,185,77,.22)!important;
  border-radius:16px!important;
}

.shop-portfolio-card > a{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
  color:inherit!important;
  display:block!important;
  flex:1 1 auto!important;
}

.shop-portfolio-card .portfolio-img{
  height:190px!important;
  width:100%!important;
  border-radius:0!important;
  margin:0!important;
}

.shop-portfolio-card h3{
  position:static!important;
  margin:18px 18px 6px!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1.35!important;
  min-height:46px!important;
  display:block!important;
}

.shop-portfolio-card p{
  position:static!important;
  margin:0 18px 14px!important;
  color:#a9b0b7!important;
  font-size:13px!important;
  display:block!important;
}

.shop-portfolio-card span{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
}

.shop-portfolio-card .portfolio-price{
  padding:0 18px 16px!important;
  margin-top:auto!important;
}

.shop-portfolio-card .portfolio-price del{
  display:block!important;
  color:#777!important;
  font-size:13px!important;
  margin-bottom:4px!important;
  text-decoration:line-through!important;
}

.shop-portfolio-card .portfolio-price strong{
  display:block!important;
  color:#ffd35a!important;
  font-size:24px!important;
  line-height:1.15!important;
  font-weight:900!important;
}

.shop-card-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  padding:0 18px 18px!important;
  margin-top:0!important;
}

.shop-card-actions a,
.shop-portfolio-card .detail-btn,
.shop-portfolio-card .buy-btn{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
  min-height:44px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  font-size:13px!important;
  font-weight:900!important;
  text-align:center!important;
  white-space:nowrap!important;
}

.shop-portfolio-card .detail-btn{
  background:#111820!important;
  border:1px solid rgba(229,185,77,.28)!important;
  color:#fff!important;
}

.shop-portfolio-card .buy-btn{
  background:linear-gradient(135deg,#e5b94d,#ffd979)!important;
  border:1px solid #e5b94d!important;
  color:#050505!important;
}

.shop-portfolio-card .detail-btn:hover,
.shop-portfolio-card .buy-btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 12px 28px rgba(229,185,77,.18)!important;
}

/* portföy kartının içindeki eski ok görünmesin */
.shop-portfolio-card > a > span,
.shop-portfolio-card .portfolio-arrow{
  display:none!important;
}

@media(max-width:1200px){
  .shop-portfolio-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr))!important;
  }
}

@media(max-width:900px){
  .shop-portfolio-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
  }
}

@media(max-width:560px){
  .shop-portfolio-grid{
    grid-template-columns:1fr!important;
  }

  .shop-portfolio-card{
    min-height:auto!important;
  }
}

/* Admin panel uyumluluğu için dinamik proje linkleri */
.contact-sent-alert{
  background:#102b18;
  color:#baffc9;
  border:1px solid #2f9c52;
  border-radius:10px;
  padding:14px;
  margin-bottom:16px;
}


/* 7 demo website portföy entegrasyonu */
.shop-card-actions.three-actions{
  grid-template-columns:1fr 1fr 1fr!important;
}

.shop-portfolio-card .demo-btn{
  background:#111820!important;
  border:1px solid rgba(138,247,255,.35)!important;
  color:#8af7ff!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  font-size:13px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.shop-portfolio-card .demo-btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 12px 28px rgba(138,247,255,.14)!important;
}

@media(max-width:650px){
  .shop-card-actions.three-actions{
    grid-template-columns:1fr!important;
  }
}


/* DEMO GÖR BUTONU VE 7 DEMO PORTFÖY DÜZELTMESİ */
.shop-portfolio-card .portfolio-card-main{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
  display:block!important;
  color:inherit!important;
  flex:1 1 auto!important;
}

.shop-card-actions.three-actions{
  grid-template-columns:1fr 1fr 1fr!important;
}

.shop-portfolio-card .demo-btn{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
  min-height:44px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  background:#111820!important;
  border:1px solid rgba(138,247,255,.45)!important;
  color:#8af7ff!important;
  font-size:13px!important;
  font-weight:900!important;
  text-align:center!important;
  white-space:nowrap!important;
}

.shop-portfolio-card .demo-btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 12px 28px rgba(138,247,255,.14)!important;
}

.project-buy-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

@media(max-width:650px){
  .shop-card-actions.three-actions{
    grid-template-columns:1fr!important;
  }

  .project-buy-actions{
    width:100%;
  }

  .project-buy-actions .btn{
    width:100%;
  }
}


/* Ürün gerçek görsel sistemi */
.portfolio-product-img{
  width:100%!important;
  height:190px!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:0!important;
  background:#111820!important;
}

.project-cover-img{
  width:100%!important;
  height:100%!important;
  min-height:380px!important;
  object-fit:cover!important;
  display:block!important;
}

.cart-product-img{
  width:150px!important;
  height:110px!important;
  object-fit:cover!important;
  border-radius:12px!important;
  display:block!important;
  background:#111820!important;
}

.shop-portfolio-card .portfolio-product-img + h3{
  margin-top:18px!important;
}

@media(max-width:650px){
  .cart-product-img{
    width:100%!important;
    height:190px!important;
  }
}


/* Ana sayfa kartlarında görsel yüksekliği */
.portfolio.section .portfolio-product-img{
  height:220px!important;
}

@media(max-width:768px){
  .portfolio.section .portfolio-product-img{
    height:180px!important;
  }
}


/* Site içi canlı destek widget */
.live-chat-widget{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:9999;
  font-family:Inter,Arial,sans-serif;
}

.live-chat-toggle{
  border:0;
  min-height:54px;
  padding:0 20px;
  border-radius:999px;
  background:linear-gradient(135deg,#e5b94d,#ffd979);
  color:#050505;
  font-weight:900;
  box-shadow:0 18px 46px rgba(0,0,0,.35);
  display:flex;
  align-items:center;
  gap:9px;
  cursor:pointer;
}

.live-chat-toggle span{
  font-size:20px;
}

.live-chat-panel{
  position:absolute;
  right:0;
  bottom:70px;
  width:360px;
  height:520px;
  background:linear-gradient(145deg,#0c1115,#070a0d);
  border:1px solid rgba(229,185,77,.28);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 30px 90px rgba(0,0,0,.45);
  display:none;
  flex-direction:column;
}

.live-chat-panel.open{
  display:flex;
}

.live-chat-head{
  min-height:72px;
  padding:16px;
  background:#070a0d;
  border-bottom:1px solid rgba(255,255,255,.08);
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
}

.live-chat-head strong{
  display:block;
  color:#fff;
  font-size:16px;
}

.live-chat-head small{
  display:block;
  color:#9ca6b2;
  margin-top:3px;
  font-size:12px;
}

.live-chat-head button{
  width:34px;
  height:34px;
  border:1px solid rgba(229,185,77,.2);
  background:#111820;
  color:#fff;
  border-radius:10px;
  font-size:22px;
  cursor:pointer;
}

.live-chat-status{
  padding:10px 14px;
  color:#cbd2d9;
  font-size:12px;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:#0b1014;
}

.live-chat-status span{
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#57ff8a;
  margin-right:6px;
  box-shadow:0 0 0 4px rgba(87,255,138,.08);
}

.live-chat-messages{
  flex:1;
  padding:14px;
  overflow:auto;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.chat-empty{
  margin:auto;
  text-align:center;
  color:#9ca6b2;
  line-height:1.6;
  padding:20px;
}

.live-chat-message{
  max-width:82%;
  padding:11px 12px;
  border-radius:16px;
}

.live-chat-message p{
  margin:0;
  line-height:1.5;
  font-size:14px;
}

.live-chat-message small{
  display:block;
  margin-top:5px;
  font-size:10px;
  opacity:.65;
}

.live-chat-message.me{
  margin-left:auto;
  background:linear-gradient(135deg,#e5b94d,#ffd979);
  color:#050505;
  border-bottom-right-radius:5px;
}

.live-chat-message.support{
  margin-right:auto;
  background:#111820;
  color:#fff;
  border:1px solid rgba(255,255,255,.08);
  border-bottom-left-radius:5px;
}

.live-chat-form{
  padding:12px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:9px;
  border-top:1px solid rgba(255,255,255,.08);
  background:#070a0d;
}

.live-chat-form input{
  min-width:0;
  background:#0c1115;
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  border-radius:12px;
  padding:12px;
  outline:none;
}

.live-chat-form button{
  border:0;
  background:#e5b94d;
  color:#050505;
  font-weight:900;
  border-radius:12px;
  padding:0 14px;
  cursor:pointer;
}

.live-chat-login-box{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  padding:28px;
}

.live-chat-login-box .login-icon{
  font-size:42px;
  margin-bottom:12px;
}

.live-chat-login-box h3{
  color:#fff;
  margin-bottom:8px;
}

.live-chat-login-box p{
  color:#9ca6b2;
  line-height:1.7;
  margin-bottom:18px;
}

.live-chat-login-box a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  border-radius:999px;
  background:#e5b94d;
  color:#050505;
  font-weight:900;
  margin-top:9px;
}

.live-chat-login-box a.secondary{
  background:#111820;
  color:#fff;
  border:1px solid rgba(229,185,77,.25);
}

@media(max-width:520px){
  .live-chat-widget{
    right:14px;
    bottom:14px;
  }

  .live-chat-panel{
    position:fixed;
    left:12px;
    right:12px;
    bottom:82px;
    width:auto;
    height:70vh;
  }

  .live-chat-toggle b{
    display:none;
  }
}


/* İkra Web Tasarım logo entegrasyonu */
.brand-logo-wrap{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  line-height:1;
}

.site-logo-img{
  display:block;
  width:auto;
  height:82px;
  object-fit:contain;
  filter: drop-shadow(0 8px 18px rgba(229,185,77,.12));
}

.footer-site-logo{
  height:96px;
}

@media(max-width:768px){
  .site-logo-img{
    height:64px;
  }

  .footer-site-logo{
    height:74px;
  }
}


/* Updated İkra Web Tasarım logo styles */
.brand-logo-wrap{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  line-height:1;
}
.site-logo-img{
  display:block;
  width:auto;
  height:52px;
  object-fit:contain;
}
.footer-site-logo{
  height:70px;
}
@media (max-width: 992px){
  .site-logo-img{height:46px;}
  .footer-site-logo{height:62px;}
}
@media (max-width: 768px){
  .site-logo-img{height:40px;}
  .footer-site-logo{height:56px;}
}


/* Canlı destek mesai ve bilgi formu */
.live-chat-toggle em{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 8px;
  border-radius:999px;
  font-size:11px;
  font-style:normal;
  margin-left:4px;
}

.live-chat-toggle em.online{
  background:#0e2b16;
  color:#57ff8a;
}

.live-chat-toggle em.offline{
  background:#321515;
  color:#ff9f9f;
}

.live-chat-status.offline span{
  background:#ff7b7b;
  box-shadow:0 0 0 4px rgba(255,123,123,.08);
}

.live-chat-offline-note{
  padding:12px 14px;
  color:#ffd7a0;
  background:#17120a;
  border-bottom:1px solid rgba(229,185,77,.14);
  font-size:12px;
  line-height:1.55;
}

.live-chat-preform{
  flex:1;
  padding:20px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.live-chat-preform h3{
  color:#fff;
  margin-bottom:8px;
}

.live-chat-preform p{
  color:#9ca6b2;
  line-height:1.6;
  margin-bottom:15px;
  font-size:13px;
}

.live-chat-preform form{
  display:grid;
  gap:10px;
}

.live-chat-preform input{
  width:100%;
  background:#0c1115;
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  border-radius:12px;
  padding:12px;
  outline:none;
}

.live-chat-preform button{
  min-height:42px;
  border:0;
  border-radius:12px;
  background:#e5b94d;
  color:#050505;
  font-weight:900;
  cursor:pointer;
}

.live-chat-conversation{
  flex:1;
  min-height:0;
  flex-direction:column;
}


/* Canlı destek müşteri cevap süresi uyarısı */
.live-chat-timeout-notice{
  margin:10px 12px 0;
  padding:10px 12px;
  border-radius:12px;
  font-size:12px;
  line-height:1.5;
}

.live-chat-timeout-notice.warning{
  background:#22170a;
  color:#ffd18c;
  border:1px solid rgba(229,185,77,.32);
}

.live-chat-timeout-notice.closed{
  background:#2a1010;
  color:#ffb4b4;
  border:1px solid rgba(255,123,123,.32);
}

.live-chat-message.system{
  align-self:center;
  max-width:92%;
  background:#111820;
  color:#cbd2d9;
  border:1px dashed rgba(229,185,77,.32);
  text-align:center;
  border-radius:14px;
}


/* Sonlandırılan canlı destek sohbeti */
.live-chat-form input:disabled,
.live-chat-form button:disabled{
  opacity:.55;
  cursor:not-allowed;
}

.live-chat-form input:disabled{
  background:#151515!important;
  color:#888!important;
}


/* Kapalı sohbet sonrası yeni sohbet başlat butonu */
.live-chat-timeout-notice .new-chat-btn{
  margin-top:10px;
  width:100%;
  min-height:38px;
  border:0;
  border-radius:10px;
  background:#e5b94d;
  color:#050505;
  font-weight:900;
  cursor:pointer;
}


/* Orta ödeme yöntemi alanı değiştirme */
.clean-payment-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin:18px 0;
}

.payment-method-card{
  display:flex;
  gap:12px;
  align-items:flex-start;
  background:#080d11;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:16px;
  cursor:pointer;
  transition:.2s;
}

.payment-method-card:hover{
  border-color:rgba(229,185,77,.42);
}

.payment-method-card input{
  margin-top:4px;
  accent-color:#e5b94d;
}

.payment-method-card strong{
  display:block;
  color:#fff;
  font-size:16px;
  line-height:1.25;
  margin-bottom:6px;
}

.payment-method-card small{
  display:block;
  color:#9ca6b2;
  line-height:1.5;
}

.clean-payment-area{
  background:#070a0d;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:18px;
  margin-top:16px;
}

.clean-payment-area h3{
  color:#fff;
  margin-bottom:14px;
}

.clean-payment-area label{
  display:block;
  color:#dfe5ec;
  font-weight:800;
  margin-bottom:13px;
}

.clean-payment-area input,
.clean-payment-area select{
  width:100%;
  margin-top:8px;
  background:#0c1115;
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  border-radius:12px;
  padding:13px;
  outline:none;
  box-sizing:border-box;
}

.payment-card-row{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:12px;
}

.clean-payment-area small{
  display:block;
  color:#cbd2d9;
  background:rgba(229,185,77,.08);
  border:1px solid rgba(229,185,77,.18);
  border-radius:13px;
  padding:12px;
  line-height:1.6;
  margin-top:8px;
}

.iban-info{
  display:grid;
  gap:12px;
}

.iban-info > div{
  background:#0c1115;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:14px;
}

.iban-info span{
  display:block;
  color:#9ca6b2;
  font-size:12px;
  margin-bottom:5px;
}

.iban-info strong{
  display:block;
  color:#e5b94d;
  font-size:18px;
  letter-spacing:.3px;
  word-break:break-word;
}

.iban-info button{
  margin-top:10px;
  border:0;
  border-radius:10px;
  background:#e5b94d;
  color:#050505;
  font-weight:900;
  padding:10px 14px;
  cursor:pointer;
}

@media(max-width:760px){
  .clean-payment-options,
  .payment-card-row{
    grid-template-columns:1fr;
  }
}


/* Profesyonel ödeme sayfası */
.checkout-hero{
  padding-bottom:46px!important;
}

.pro-checkout-section{
  padding-top:34px!important;
}

.pro-checkout-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 390px!important;
  gap:26px!important;
  align-items:start!important;
}

.pro-checkout-main{
  display:grid;
  gap:22px;
  min-width:0;
}

.pro-checkout-card,
.pro-order-summary{
  background:linear-gradient(145deg,rgba(12,17,21,.98),rgba(7,10,13,.98));
  border:1px solid rgba(229,185,77,.22);
  border-radius:26px;
  box-shadow:0 26px 80px rgba(0,0,0,.22);
}

.pro-checkout-card{
  padding:26px;
}

.pro-card-head{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:22px;
}

.step-badge{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#e5b94d,#ffd979);
  color:#050505;
  font-weight:900;
  flex:0 0 auto;
}

.pro-card-head h2,
.summary-head h2{
  color:#fff;
  font-size:26px;
  margin:0 0 6px;
}

.pro-card-head p{
  color:#9ca6b2;
  line-height:1.6;
  margin:0;
}

.pro-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
}

.pro-form-grid label,
.pro-card-form label{
  color:#dfe5ec;
  font-weight:900;
  font-size:14px;
}

.pro-form-grid label.full,
.pro-card-form label.full{
  grid-column:1 / -1;
}

.pro-form-grid input,
.pro-form-grid textarea,
.pro-card-form input,
.pro-card-form select{
  width:100%;
  min-height:50px;
  margin-top:8px;
  background:#070b0f;
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  border-radius:14px;
  padding:14px;
  outline:none;
  box-sizing:border-box;
}

.pro-form-grid textarea{
  min-height:125px;
  resize:vertical;
}

.pro-form-grid input:focus,
.pro-form-grid textarea:focus,
.pro-card-form input:focus,
.pro-card-form select:focus{
  border-color:rgba(229,185,77,.55);
  box-shadow:0 0 0 4px rgba(229,185,77,.08);
}

.pro-payment-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-bottom:18px;
}

.pro-payment-tab{
  position:relative;
  display:flex;
  gap:13px;
  align-items:flex-start;
  background:#070b0f;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  padding:18px;
  cursor:pointer;
  min-height:118px;
  transition:.2s;
}

.pro-payment-tab:hover{
  border-color:rgba(229,185,77,.42);
  transform:translateY(-2px);
}

.pro-payment-tab input{
  margin-top:5px;
  accent-color:#e5b94d;
}

.pro-payment-tab:has(input:checked){
  border-color:rgba(229,185,77,.65);
  background:linear-gradient(145deg,rgba(229,185,77,.1),rgba(7,11,15,.98));
}

.pay-icon{
  width:38px;
  height:38px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:rgba(229,185,77,.1);
  border:1px solid rgba(229,185,77,.2);
  flex:0 0 auto;
}

.pro-payment-tab strong{
  display:block;
  color:#fff;
  font-size:16px;
  line-height:1.25;
  margin-bottom:6px;
}

.pro-payment-tab small{
  color:#9ca6b2;
  line-height:1.5;
}

.pro-payment-panel{
  background:#070b0f;
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  padding:20px;
}

.panel-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}

.panel-title h3{
  color:#fff;
  margin:0;
  font-size:20px;
}

.panel-title span{
  color:#e5b94d;
  font-size:12px;
  font-weight:900;
  background:rgba(229,185,77,.08);
  border:1px solid rgba(229,185,77,.2);
  border-radius:999px;
  padding:7px 10px;
}

.pro-card-preview{
  min-height:126px;
  border-radius:20px;
  padding:20px;
  margin-bottom:18px;
  background:
    radial-gradient(circle at 90% 10%,rgba(229,185,77,.25),transparent 24%),
    linear-gradient(135deg,#151a20,#080b0f);
  border:1px solid rgba(229,185,77,.18);
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
}

.pro-card-preview small{
  display:block;
  color:#9ca6b2;
  margin-bottom:8px;
}

.pro-card-preview strong{
  color:#fff;
  letter-spacing:2px;
  font-size:20px;
}

.pro-card-preview em{
  color:#e5b94d;
  font-style:normal;
  font-weight:900;
  letter-spacing:2px;
}

.pro-card-form{
  display:grid;
  grid-template-columns:1fr 1fr 130px;
  gap:14px;
  align-items:end;
}

.pro-payment-info{
  margin-top:16px;
  color:#cbd2d9;
  background:rgba(229,185,77,.08);
  border:1px solid rgba(229,185,77,.18);
  border-radius:14px;
  padding:13px;
  line-height:1.6;
  font-size:13px;
}

.pro-bank-grid{
  display:grid;
  gap:12px;
}

.pro-bank-grid > div{
  background:#0b1015;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:16px;
}

.pro-bank-grid span{
  display:block;
  color:#9ca6b2;
  font-size:12px;
  margin-bottom:6px;
}

.pro-bank-grid strong{
  display:block;
  color:#e5b94d;
  font-size:18px;
  word-break:break-word;
}

.iban-box button{
  margin-top:12px;
  border:0;
  border-radius:12px;
  background:#e5b94d;
  color:#050505;
  font-weight:900;
  padding:11px 15px;
  cursor:pointer;
}

.pro-order-summary{
  padding:0;
  overflow:hidden;
}

.summary-sticky{
  position:sticky;
  top:105px;
  padding:24px;
}

.summary-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.1);
}

.summary-head span{
  color:#e5b94d;
  background:rgba(229,185,77,.08);
  border:1px solid rgba(229,185,77,.18);
  border-radius:999px;
  padding:7px 10px;
  font-weight:900;
  font-size:12px;
}

.summary-lines{
  display:grid;
  gap:14px;
  padding:18px 0;
}

.summary-line{
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
  align-items:start;
}

.summary-line strong{
  display:block;
  color:#fff;
  line-height:1.35;
}

.summary-line small{
  display:block;
  color:#9ca6b2;
  margin-top:4px;
}

.summary-line b{
  color:#fff;
  white-space:nowrap;
}

.summary-total{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  border-top:1px solid rgba(255,255,255,.1);
  padding-top:18px;
  margin-bottom:18px;
}

.summary-total span{
  color:#fff;
  font-weight:900;
  font-size:18px;
}

.summary-total strong{
  color:#e5b94d;
  font-size:26px;
}

.pro-submit-btn{
  min-height:54px;
  font-size:15px;
  width:100%;
}

.summary-secure{
  display:flex;
  gap:10px;
  margin-top:16px;
  padding:13px;
  border-radius:14px;
  background:#070b0f;
  border:1px solid rgba(255,255,255,.08);
}

.summary-secure p{
  margin:0;
  color:#9ca6b2;
  line-height:1.5;
  font-size:12px;
}

@media(max-width:1100px){
  .pro-checkout-layout{
    grid-template-columns:1fr!important;
  }

  .summary-sticky{
    position:static;
  }
}

@media(max-width:760px){
  .pro-form-grid,
  .pro-payment-tabs,
  .pro-card-form{
    grid-template-columns:1fr!important;
  }

  .pro-checkout-card{
    padding:20px;
  }

  .pro-card-preview{
    min-height:110px;
  }
}


/* Canlı kart önizleme */
.pro-card-preview{
  position:relative;
  overflow:hidden;
  min-height:170px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  align-items:stretch!important;
}

.pro-card-preview:before{
  content:"";
  position:absolute;
  inset:-40%;
  background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.14), transparent 24%);
  pointer-events:none;
}

.pro-card-preview .card-preview-top,
.pro-card-preview .card-preview-bottom{
  position:relative;
  z-index:1;
}

.pro-card-preview .card-preview-top strong{
  display:block;
  color:#fff;
  font-size:23px;
  letter-spacing:2.5px;
  margin-top:8px;
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.pro-card-preview .card-preview-bottom{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
  margin-top:22px;
}

.pro-card-preview .card-preview-bottom strong{
  display:block;
  color:#fff;
  font-size:14px;
  letter-spacing:1px;
  margin-top:6px;
}

.pro-card-preview .card-preview-bottom > div:first-child{
  min-width:0;
}

.pro-card-preview .card-preview-bottom > div:first-child strong{
  max-width:230px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.pro-card-preview em{
  position:absolute;
  right:20px;
  top:18px;
  z-index:2;
}

@media(max-width:520px){
  .pro-card-preview .card-preview-top strong{
    font-size:18px;
    letter-spacing:1.5px;
  }

  .pro-card-preview .card-preview-bottom{
    gap:12px;
  }
}


/* Profesyonel anasayfa tasarımı */
.pro-home-hero{
  position:relative;
  min-height:calc(100vh - 92px);
  padding:110px 6vw 80px;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 15%, rgba(229,185,77,.16), transparent 28%),
    radial-gradient(circle at 85% 20%, rgba(138,247,255,.08), transparent 30%),
    linear-gradient(145deg,#050607,#0a0f14 62%,#050607);
}

.pro-hero-noise{
  position:absolute;
  inset:0;
  opacity:.08;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(to bottom, #000, transparent 82%);
}

.pro-hero-glow{
  position:absolute;
  width:360px;
  height:360px;
  border-radius:50%;
  filter:blur(85px);
  opacity:.45;
}

.pro-hero-glow.gold{background:#e5b94d;left:-90px;top:140px;}
.pro-hero-glow.cyan{background:#54e7ff;right:-120px;top:120px;opacity:.16;}

.pro-hero-inner{
  position:relative;
  z-index:1;
  max-width:1320px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.86fr);
  gap:64px;
  align-items:center;
}

.pro-eyebrow,
.pro-section-head span,
.demo-highlight-copy span,
.pro-cta span{
  display:inline-flex;
  color:#e5b94d;
  font-weight:900;
  letter-spacing:.16em;
  font-size:12px;
  text-transform:uppercase;
}

.pro-hero-copy h1{
  margin:18px 0;
  font-size:clamp(46px,6.2vw,92px);
  line-height:.98;
  color:#fff;
  letter-spacing:-.055em;
  max-width:820px;
}

.pro-hero-copy h1 em{
  color:#e5b94d;
  font-style:normal;
  font-family:Playfair Display,serif;
}

.pro-hero-copy p{
  color:#c2cad3;
  font-size:18px;
  line-height:1.8;
  max-width:680px;
}

.pro-hero-actions,
.pro-cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:30px;
}

.pro-trust-bar{
  margin-top:34px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
  max-width:680px;
}

.pro-trust-bar div{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:16px;
}

.pro-trust-bar strong{
  display:block;
  color:#fff;
  font-size:27px;
}

.pro-trust-bar span{
  color:#9ca6b2;
  font-size:13px;
}

.pro-hero-showcase{
  position:relative;
  min-height:560px;
}

.showcase-window{
  position:absolute;
  inset:60px 0 auto auto;
  width:min(520px,100%);
  min-height:380px;
  border-radius:30px;
  padding:24px;
  background:linear-gradient(145deg,rgba(19,25,31,.96),rgba(6,9,12,.98));
  border:1px solid rgba(229,185,77,.22);
  box-shadow:0 34px 100px rgba(0,0,0,.45);
}

.browser-dots{
  display:flex;
  gap:7px;
  margin-bottom:28px;
}

.browser-dots i{
  width:11px;
  height:11px;
  border-radius:50%;
  background:#e5b94d;
  opacity:.75;
}

.window-hero-line{
  height:82px;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(229,185,77,.2),rgba(138,247,255,.08));
  margin-bottom:20px;
}

.window-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.window-grid span{
  height:82px;
  border-radius:18px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.06);
}

.window-chart{
  display:flex;
  align-items:end;
  gap:12px;
  height:88px;
  margin-top:22px;
}

.window-chart b{
  flex:1;
  border-radius:14px 14px 0 0;
  background:linear-gradient(180deg,#e5b94d,#7b5d18);
}

.window-chart b:nth-child(1){height:42%;}
.window-chart b:nth-child(2){height:72%;}
.window-chart b:nth-child(3){height:55%;}
.window-chart b:nth-child(4){height:88%;}

.floating-panel{
  position:absolute;
  z-index:2;
  background:rgba(9,13,17,.92);
  border:1px solid rgba(229,185,77,.24);
  backdrop-filter:blur(14px);
  border-radius:22px;
  padding:18px;
  box-shadow:0 24px 70px rgba(0,0,0,.35);
}

.brand-panel{left:0;top:18px;width:230px;}
.metric-panel{right:0;bottom:40px;width:190px;}

.floating-panel small{
  display:block;
  color:#9ca6b2;
  font-size:11px;
  letter-spacing:.12em;
}

.floating-panel strong{
  display:block;
  color:#fff;
  margin-top:7px;
  font-size:22px;
}

.metric-panel strong{
  color:#e5b94d;
  font-size:38px;
}

.metric-panel span{
  color:#cbd2d9;
  font-size:13px;
}

.mini-palette{
  display:flex;
  gap:8px;
  margin-top:14px;
}

.mini-palette i{
  width:28px;
  height:28px;
  border-radius:50%;
  background:#e5b94d;
}

.mini-palette i:nth-child(2){background:#111820;}
.mini-palette i:nth-child(3){background:#8af7ff;}
.mini-palette i:nth-child(4){background:#fff;}

.floating-phone{
  position:absolute;
  left:42px;
  bottom:18px;
  width:138px;
  height:230px;
  border-radius:28px;
  background:linear-gradient(145deg,#121820,#050607);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 70px rgba(0,0,0,.35);
  padding:18px;
}

.floating-phone span,
.floating-phone b,
.floating-phone i{
  display:block;
  border-radius:12px;
  background:rgba(255,255,255,.08);
}

.floating-phone span{height:64px;margin-bottom:14px;background:rgba(229,185,77,.22);}
.floating-phone b{height:70px;margin-bottom:14px;}
.floating-phone i{height:34px;}

.pro-client-strip{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  padding-top:26px!important;
  padding-bottom:26px!important;
}

.pro-client-strip span{
  color:#cbd2d9;
  border:1px solid rgba(255,255,255,.1);
  background:#080d11;
  border-radius:999px;
  padding:12px 18px;
  font-weight:800;
}

.pro-section-head{
  max-width:820px;
  margin:0 auto 34px;
  text-align:center;
}

.pro-section-head.split{
  max-width:1320px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:22px;
  text-align:left;
}

.pro-section-head h2{
  color:#fff;
  font-size:clamp(32px,4vw,56px);
  line-height:1.08;
  letter-spacing:-.035em;
  margin:10px 0;
}

.pro-section-head p{
  color:#9ca6b2;
  line-height:1.7;
  font-size:16px;
}

.pro-link-btn{
  color:#050505;
  background:#e5b94d;
  border-radius:999px;
  padding:13px 18px;
  font-weight:900;
  white-space:nowrap;
}

.pro-service-grid,
.pro-package-grid,
.pro-testimonial-grid{
  max-width:1320px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.pro-service-card,
.pro-package-grid article,
.pro-testimonial-grid article,
.demo-mini-card{
  background:linear-gradient(145deg,rgba(12,17,21,.98),rgba(7,10,13,.98));
  border:1px solid rgba(255,255,255,.08);
  border-radius:26px;
  padding:26px;
  transition:.25s;
}

.pro-service-card:hover,
.pro-package-grid article:hover,
.pro-portfolio-card:hover,
.demo-mini-card:hover{
  transform:translateY(-5px);
  border-color:rgba(229,185,77,.32);
}

.pro-service-card.featured{
  border-color:rgba(229,185,77,.35);
  background:linear-gradient(145deg,rgba(229,185,77,.12),rgba(7,10,13,.98));
}

.service-number{
  color:#e5b94d;
  font-weight:900;
  letter-spacing:.12em;
}

.pro-service-card h3,
.pro-package-grid h3{
  color:#fff;
  font-size:25px;
  margin:18px 0 10px;
}

.pro-service-card p,
.pro-package-grid p{
  color:#9ca6b2;
  line-height:1.7;
}

.pro-service-card a,
.pro-package-grid a{
  color:#e5b94d;
  font-weight:900;
  display:inline-flex;
  margin-top:18px;
}

.pro-portfolio-grid{
  max-width:1320px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.pro-portfolio-card{
  background:#080d11;
  border:1px solid rgba(255,255,255,.08);
  border-radius:26px;
  overflow:hidden;
  transition:.25s;
}

.pro-portfolio-card img,
.pro-portfolio-card .portfolio-img{
  width:100%;
  height:230px;
  object-fit:cover;
  display:grid;
  place-items:center;
}

.portfolio-info{
  padding:20px;
}

.portfolio-info span,
.pro-package-grid small{
  color:#e5b94d;
  font-weight:900;
  font-size:12px;
  letter-spacing:.08em;
}

.portfolio-info h3{
  color:#fff;
  margin:8px 0;
  font-size:21px;
}

.portfolio-info strong{
  color:#fff;
}

.pro-demo-highlight{
  max-width:1320px;
  margin:0 auto;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:24px;
  background:linear-gradient(135deg,rgba(229,185,77,.12),rgba(8,13,17,.96));
  border:1px solid rgba(229,185,77,.22);
  border-radius:34px;
  padding:36px!important;
}

.demo-highlight-copy h2{
  color:#fff;
  font-size:clamp(32px,4vw,54px);
  line-height:1.08;
  margin:12px 0;
}

.demo-highlight-copy p{
  color:#c2cad3;
  line-height:1.8;
  margin-bottom:22px;
}

.demo-mini-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.demo-mini-card small{
  color:#9ca6b2;
}

.demo-mini-card strong{
  display:block;
  color:#fff;
  margin:12px 0;
  line-height:1.35;
}

.demo-mini-card span{
  color:#e5b94d;
  font-weight:900;
}

.pro-process-line{
  max-width:1320px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}

.pro-process-line article{
  position:relative;
  background:#080d11;
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  padding:24px;
}

.pro-process-line b{
  color:#e5b94d;
  font-size:14px;
}

.pro-process-line h3{
  color:#fff;
  margin:16px 0 8px;
}

.pro-process-line p{
  color:#9ca6b2;
  line-height:1.6;
}

.pro-package-grid article{
  position:relative;
}

.pro-package-grid article.popular{
  border-color:rgba(229,185,77,.38);
  transform:translateY(-8px);
}

.pro-package-grid em{
  position:absolute;
  right:18px;
  top:18px;
  background:#e5b94d;
  color:#050505;
  border-radius:999px;
  padding:7px 10px;
  font-size:11px;
  font-style:normal;
  font-weight:900;
}

.pro-package-grid strong{
  display:block;
  color:#fff;
  font-size:34px;
  margin:14px 0;
}

.pro-package-grid ul{
  color:#cbd2d9;
  line-height:2;
  margin:16px 0;
  padding-left:20px;
}

.pro-testimonial-grid article p{
  color:#fff;
  line-height:1.8;
  font-size:16px;
}

.pro-testimonial-grid article strong{
  display:block;
  color:#e5b94d;
  margin-top:18px;
}

.pro-testimonial-grid article small{
  color:#9ca6b2;
}

.pro-cta{
  max-width:1320px;
  margin:0 auto 70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  background:linear-gradient(135deg,#e5b94d,#ffe39a);
  border-radius:34px;
  padding:38px!important;
}

.pro-cta span{
  color:#050505;
}

.pro-cta h2{
  color:#050505;
  font-size:clamp(30px,4vw,54px);
  line-height:1.08;
  margin:10px 0;
  max-width:780px;
}

.pro-cta p{
  color:#1a1a1a;
  line-height:1.7;
  max-width:720px;
}

.pro-cta .btn-dark{
  background:#050505;
  color:#fff;
}

@media(max-width:1100px){
  .pro-hero-inner,
  .pro-demo-highlight,
  .pro-cta{
    grid-template-columns:1fr;
  }

  .pro-hero-showcase{
    min-height:480px;
  }

  .pro-service-grid,
  .pro-portfolio-grid,
  .pro-package-grid,
  .pro-testimonial-grid{
    grid-template-columns:1fr 1fr;
  }

  .pro-process-line{
    grid-template-columns:1fr 1fr;
  }

  .pro-section-head.split,
  .pro-cta{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media(max-width:720px){
  .pro-home-hero{
    padding:80px 22px 60px;
  }

  .pro-hero-inner{
    gap:30px;
  }

  .pro-hero-copy h1{
    font-size:44px;
  }

  .pro-trust-bar,
  .pro-service-grid,
  .pro-portfolio-grid,
  .pro-package-grid,
  .pro-testimonial-grid,
  .pro-process-line,
  .demo-mini-grid{
    grid-template-columns:1fr;
  }

  .pro-hero-showcase{
    min-height:420px;
  }

  .showcase-window{
    inset:40px auto auto 0;
  }

  .brand-panel,
  .metric-panel,
  .floating-phone{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    width:auto;
    margin-top:12px;
  }

  .floating-phone{
    height:180px;
  }

  .pro-demo-highlight,
  .pro-cta{
    padding:24px!important;
    border-radius:26px;
  }
}


/* Tüm sayfalara premium tasarım uyarlaması */
.pro-page-hero{
  position:relative;
  overflow:hidden;
  padding:105px 8vw 72px;
  text-align:center;
  background:
    radial-gradient(circle at 18% 10%, rgba(229,185,77,.16), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(138,247,255,.07), transparent 30%),
    linear-gradient(145deg,#050607,#0a0f14 70%,#050607);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.pro-page-hero:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.08;
  background-image:linear-gradient(rgba(255,255,255,.09) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(to bottom,#000,transparent 80%);
}

.pro-page-hero > *{
  position:relative;
  z-index:1;
}

.pro-page-hero span{
  display:inline-flex;
  color:#e5b94d;
  font-weight:900;
  letter-spacing:.16em;
  font-size:12px;
  text-transform:uppercase;
}

.pro-page-hero h1{
  max-width:980px;
  margin:16px auto;
  color:#fff;
  font-size:clamp(38px,5vw,72px);
  line-height:1.02;
  letter-spacing:-.045em;
}

.pro-page-hero p{
  max-width:760px;
  margin:0 auto;
  color:#c2cad3;
  font-size:17px;
  line-height:1.8;
}

.pro-about-grid{
  max-width:1320px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.pro-about-grid article,
.pro-contact-info,
.pro-contact-form,
.pro-faq-grid details,
.account-profile,
.account-orders,
.shop-cart-empty,
.cart-item,
.checkout-summary,
.project-info-card{
  background:linear-gradient(145deg,rgba(12,17,21,.98),rgba(7,10,13,.98))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:26px!important;
  box-shadow:0 24px 70px rgba(0,0,0,.18)!important;
}

.pro-about-grid article{
  padding:28px;
}

.pro-about-grid article.featured{
  border-color:rgba(229,185,77,.32)!important;
  background:linear-gradient(145deg,rgba(229,185,77,.12),rgba(7,10,13,.98))!important;
}

.pro-about-grid span{
  color:#e5b94d;
  font-weight:900;
  letter-spacing:.12em;
}

.pro-about-grid h3{
  color:#fff;
  font-size:25px;
  margin:16px 0 10px;
}

.pro-about-grid p{
  color:#9ca6b2;
  line-height:1.75;
}

.pro-studio-panel{
  max-width:1320px;
  margin:0 auto 70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  background:linear-gradient(135deg,rgba(229,185,77,.12),rgba(8,13,17,.96));
  border:1px solid rgba(229,185,77,.22);
  border-radius:34px;
  padding:36px!important;
}

.pro-studio-panel span{
  color:#e5b94d;
  font-weight:900;
  letter-spacing:.14em;
  font-size:12px;
}

.pro-studio-panel h2{
  color:#fff;
  font-size:clamp(30px,4vw,54px);
  line-height:1.08;
  max-width:780px;
}

.studio-stats{
  display:flex;
  gap:14px;
}

.studio-stats b{
  min-width:110px;
  display:grid;
  gap:4px;
  color:#fff;
  background:#080d11;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  padding:18px;
  font-size:26px;
}

.studio-stats small{
  color:#9ca6b2;
  font-size:12px;
  font-weight:500;
}

.pro-contact-layout{
  max-width:1320px;
  margin:0 auto;
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:22px;
}

.pro-contact-info,
.pro-contact-form{
  padding:30px;
}

.pro-contact-info span{
  color:#e5b94d;
  font-weight:900;
  letter-spacing:.14em;
  font-size:12px;
}

.pro-contact-info h2{
  color:#fff;
  font-size:36px;
  margin:12px 0;
}

.pro-contact-info p,
.pro-contact-info li{
  color:#c2cad3;
  line-height:1.8;
}

.pro-contact-info ul{
  list-style:none;
  padding:0;
  margin:18px 0 0;
}

.pro-contact-form{
  display:grid;
  gap:14px;
}

.pro-contact-form > div{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.pro-contact-form input,
.pro-contact-form textarea,
.auth-card input{
  width:100%;
  background:#070b0f!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
  border-radius:14px!important;
  padding:15px!important;
  outline:none;
  box-sizing:border-box;
}

.pro-contact-form textarea{
  min-height:160px;
  resize:vertical;
}

.pro-contact-form button{
  border:0;
  min-height:52px;
  border-radius:999px;
  background:linear-gradient(135deg,#e5b94d,#ffd979);
  color:#050505;
  font-weight:900;
  cursor:pointer;
}

.pro-faq-grid{
  max-width:1320px;
  margin:0 auto 70px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.pro-faq-grid details{
  padding:22px;
  color:#fff;
}

.pro-faq-grid summary{
  cursor:pointer;
  font-weight:900;
}

.pro-faq-grid p{
  color:#9ca6b2;
  line-height:1.7;
  margin-top:12px;
}

.pro-shop-grid .pro-portfolio-card{
  position:relative;
}

.pro-shop-grid .portfolio-card-main{
  display:block!important;
  color:inherit!important;
}

.pro-shop-grid .portfolio-product-img,
.pro-shop-grid .portfolio-img{
  width:100%!important;
  height:230px!important;
  object-fit:cover!important;
}

.pro-shop-grid h3{
  color:#fff;
  padding:18px 18px 0;
  font-size:21px;
}

.pro-shop-grid p{
  color:#9ca6b2;
  padding:4px 18px 0;
}

.pro-shop-grid .portfolio-price{
  padding:14px 18px;
}

.pro-shop-grid .shop-card-actions{
  padding:0 18px 18px;
}

.shop-cart-section,
.account-section{
  max-width:1320px!important;
  margin:0 auto!important;
}

.cart-item{
  padding:18px!important;
  margin-bottom:14px!important;
}

.account-profile,
.account-orders{
  padding:28px!important;
}

.account-profile h2,
.account-orders h2{
  color:#fff;
}

.account-profile p,
.account-orders p{
  color:#cbd2d9;
}

.pro-auth-page{
  background:
    radial-gradient(circle at 10% 10%, rgba(229,185,77,.14), transparent 28%),
    linear-gradient(145deg,#050607,#0a0f14)!important;
}

.pro-auth-page .auth-card{
  background:linear-gradient(145deg,rgba(12,17,21,.98),rgba(7,10,13,.98))!important;
  border:1px solid rgba(229,185,77,.2)!important;
  border-radius:30px!important;
  box-shadow:0 30px 90px rgba(0,0,0,.35)!important;
}

.pro-auth-page .auth-card span{
  color:#e5b94d!important;
}

.pro-auth-page .auth-card h1{
  color:#fff!important;
}

.pro-auth-page .auth-card p{
  color:#9ca6b2!important;
}

.pro-project-hero{
  background:
    radial-gradient(circle at 20% 18%, rgba(229,185,77,.14), transparent 30%),
    linear-gradient(145deg,#050607,#0a0f14)!important;
}

.project-detail{
  max-width:1320px!important;
  margin:0 auto!important;
}

@media(max-width:1050px){
  .pro-about-grid,
  .pro-contact-layout,
  .pro-faq-grid{
    grid-template-columns:1fr!important;
  }

  .pro-studio-panel{
    flex-direction:column;
    align-items:flex-start;
  }

  .studio-stats{
    width:100%;
    flex-wrap:wrap;
  }
}

@media(max-width:650px){
  .pro-page-hero{
    padding:78px 22px 56px;
  }

  .pro-page-hero h1{
    font-size:38px;
  }

  .pro-contact-form > div{
    grid-template-columns:1fr;
  }

  .studio-stats{
    flex-direction:column;
  }

  .studio-stats b{
    width:100%;
  }
}


/* Hizmet kartı buton düzeltmesi */
.pro-service-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:280px!important;
}

.pro-service-card p{
  flex:1!important;
}

.pro-service-card a{
  align-self:flex-start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:44px!important;
  padding:0 18px!important;
  margin-top:20px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#e5b94d,#ffd979)!important;
  color:#050505!important;
  font-weight:900!important;
  text-decoration:none!important;
  border:0!important;
  width:auto!important;
  min-width:150px!important;
}

.pro-service-card a:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 14px 34px rgba(229,185,77,.22)!important;
}

.pro-service-card a:empty::after{
  content:"Detaylı İncele →";
}

/* Paket kartlarında da linkler metinli buton olarak kalsın */
.pro-package-grid a{
  align-self:flex-start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#e5b94d,#ffd979)!important;
  color:#050505!important;
  font-weight:900!important;
  text-decoration:none!important;
  width:auto!important;
  min-width:130px!important;
}


/* Portföy filtre etiketleri düzeltmesi */
.filter-row{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin:0 auto 28px;
}

.filter-row button{
  border:1px solid rgba(255,255,255,.12);
  background:#080d11;
  color:#cbd2d9;
  border-radius:999px;
  min-height:42px;
  padding:0 16px;
  font-weight:900;
  cursor:pointer;
  transition:.2s;
}

.filter-row button:hover,
.filter-row button.active{
  background:linear-gradient(135deg,#e5b94d,#ffd979);
  color:#050505;
  border-color:transparent;
}

.portfolio-hidden{
  display:none!important;
}


/* Teklif formu modalı */
body.modal-open{
  overflow:hidden;
}

.quote-modal-overlay{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(10px);
}

.quote-modal-overlay.open{
  display:flex;
}

.quote-modal{
  position:relative;
  width:min(720px,100%);
  max-height:92vh;
  overflow:auto;
  background:linear-gradient(145deg,rgba(12,17,21,.98),rgba(7,10,13,.98));
  border:1px solid rgba(229,185,77,.28);
  border-radius:30px;
  padding:30px;
  box-shadow:0 40px 120px rgba(0,0,0,.55);
}

.quote-modal-close{
  position:absolute;
  right:18px;
  top:18px;
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.12);
  background:#080d11;
  color:#fff;
  border-radius:12px;
  font-size:24px;
  cursor:pointer;
}

.quote-modal > span{
  display:inline-flex;
  color:#e5b94d;
  font-weight:900;
  letter-spacing:.16em;
  font-size:12px;
}

.quote-modal h2{
  color:#fff;
  font-size:38px;
  margin:12px 0 8px;
  letter-spacing:-.03em;
}

.quote-modal p{
  color:#9ca6b2;
  line-height:1.7;
  margin-bottom:20px;
}

.quote-form{
  display:grid;
  gap:14px;
}

.quote-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.quote-form input,
.quote-form select,
.quote-form textarea{
  width:100%;
  background:#070b0f;
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  border-radius:14px;
  padding:15px;
  outline:none;
  box-sizing:border-box;
}

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

.quote-form input:focus,
.quote-form select:focus,
.quote-form textarea:focus{
  border-color:rgba(229,185,77,.55);
  box-shadow:0 0 0 4px rgba(229,185,77,.08);
}

.quote-form button{
  border:0;
  min-height:52px;
  border-radius:999px;
  background:linear-gradient(135deg,#e5b94d,#ffd979);
  color:#050505;
  font-weight:900;
  cursor:pointer;
}

.quote-toast{
  position:fixed;
  right:24px;
  top:92px;
  z-index:100000;
  max-width:360px;
  border-radius:16px;
  padding:16px 18px;
  box-shadow:0 20px 60px rgba(0,0,0,.35);
  font-weight:800;
  line-height:1.5;
}

.quote-toast.success{
  background:#0d2d18;
  color:#9dffb4;
  border:1px solid rgba(87,255,138,.25);
}

.quote-toast.error{
  background:#341111;
  color:#ffb4b4;
  border:1px solid rgba(255,123,123,.25);
}

@media(max-width:680px){
  .quote-form-grid{
    grid-template-columns:1fr;
  }

  .quote-modal{
    padding:24px;
  }

  .quote-modal h2{
    font-size:30px;
  }
}


/* Üye profil düzenleme sistemi */
.pro-account-layout{
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  gap:24px!important;
  align-items:start!important;
}

.pro-profile-edit,
.pro-account-orders{
  padding:28px!important;
}

.pro-card-head.small{
  margin-bottom:22px;
}

.pro-card-head.small .step-badge{
  width:38px;
  height:38px;
  border-radius:13px;
}

.pro-card-head.small h2{
  color:#fff;
  margin:0 0 5px;
}

.pro-card-head.small p{
  color:#9ca6b2;
  line-height:1.6;
  margin:0;
}

.profile-edit-form{
  display:grid;
  gap:14px;
}

.profile-edit-form label{
  color:#dfe5ec;
  font-weight:900;
}

.profile-edit-form input{
  width:100%;
  min-height:50px;
  margin-top:8px;
  background:#070b0f;
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  border-radius:14px;
  padding:14px;
  outline:none;
  box-sizing:border-box;
}

.profile-edit-form input:focus{
  border-color:rgba(229,185,77,.55);
  box-shadow:0 0 0 4px rgba(229,185,77,.08);
}

.password-change-box{
  margin-top:10px;
  background:#070b0f;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  padding:18px;
}

.password-change-box h3{
  color:#fff;
  margin:0 0 6px;
}

.password-change-box p{
  color:#9ca6b2;
  line-height:1.6;
  margin:0 0 14px;
}

.profile-two-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.profile-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:8px;
}

.profile-alert{
  border-radius:14px;
  padding:13px 15px;
  margin-bottom:15px;
  font-weight:800;
  line-height:1.5;
}

.profile-alert.success{
  background:#0d2d18;
  color:#9dffb4;
  border:1px solid rgba(87,255,138,.25);
}

.profile-alert.error{
  background:#341111;
  color:#ffb4b4;
  border:1px solid rgba(255,123,123,.25);
}

@media(max-width:980px){
  .pro-account-layout{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:620px){
  .profile-two-grid{
    grid-template-columns:1fr;
  }
}


/* Fatura adres alanları */
.billing-form-grid select,
.profile-edit-form select,
.profile-edit-form textarea{
  width:100%;
  min-height:50px;
  margin-top:8px;
  background:#070b0f;
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  border-radius:14px;
  padding:14px;
  outline:none;
  box-sizing:border-box;
}

.profile-edit-form textarea{
  min-height:115px;
  resize:vertical;
}

.corporate-billing-fields{
  background:#070b0f;
  border:1px solid rgba(229,185,77,.16);
  border-radius:18px;
  padding:16px;
}

.billing-profile-box{
  border-color:rgba(229,185,77,.18)!important;
}

.saved-billing-summary{
  background:#070b0f;
  border:1px solid rgba(229,185,77,.16);
  border-radius:18px;
  padding:16px;
  margin-bottom:18px;
}

.saved-billing-summary h3{
  color:#fff;
  margin:0 0 10px;
}

.saved-billing-summary p{
  color:#cbd2d9;
  margin:7px 0;
  line-height:1.5;
}

.saved-billing-summary strong{
  color:#e5b94d;
}


/* Telefon doğrulama kayıt sistemi */
.phone-verify-card{
  max-width:520px!important;
}

.demo-code-box{
  background:#070b0f;
  border:1px solid rgba(229,185,77,.22);
  border-radius:18px;
  padding:16px;
  margin:14px 0;
  text-align:center;
}

.demo-code-box small{
  display:block;
  color:#9ca6b2;
  letter-spacing:.12em;
  font-size:11px;
  text-transform:uppercase;
}

.demo-code-box strong{
  display:block;
  color:#e5b94d;
  font-size:34px;
  letter-spacing:.22em;
  margin:8px 0;
}

.demo-code-box p{
  color:#9ca6b2!important;
  font-size:12px!important;
  line-height:1.5!important;
  margin:0!important;
}

.btn-reset-register{
  border:1px solid rgba(255,255,255,.12)!important;
  background:#080d11!important;
  color:#cbd2d9!important;
  border-radius:999px!important;
  min-height:44px!important;
  cursor:pointer;
  font-weight:900;
}


/* E-posta doğrulama sistemi */
.profile-alert.warning{
  background:#2b220d;
  color:#ffe0a3;
  border:1px solid rgba(229,185,77,.28);
}

.profile-alert.warning a{
  color:#e5b94d;
  font-weight:900;
  text-decoration:underline;
}

.verify-email-result{
  max-width:760px;
  margin:0 auto;
}

.verify-card{
  background:linear-gradient(145deg,rgba(12,17,21,.98),rgba(7,10,13,.98));
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
  padding:34px;
  text-align:center;
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}

.verify-card.success{
  border-color:rgba(87,255,138,.25);
}

.verify-card.error{
  border-color:rgba(255,123,123,.25);
}

.verify-card h2{
  color:#fff;
  margin-bottom:10px;
}

.verify-card p{
  color:#cbd2d9;
  line-height:1.7;
  margin-bottom:22px;
}


/* Canlı destek üye/misafir bilgi davranışı */
.live-chat-member-notice{
  background:rgba(229,185,77,.08);
  border:1px solid rgba(229,185,77,.18);
  color:#f1d58a;
  border-radius:13px;
  padding:11px 12px;
  margin-bottom:12px;
  font-size:12px;
  line-height:1.5;
}


/* Üye tasarım talebi iletişim formu */
.member-design-request-section{
  max-width:1320px;
  margin:0 auto;
}

.member-design-request{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:22px;
  background:linear-gradient(135deg,rgba(229,185,77,.12),rgba(8,13,17,.96));
  border:1px solid rgba(229,185,77,.22);
  border-radius:34px;
  padding:34px;
}

.design-request-info span,
.member-design-login-box span{
  color:#e5b94d;
  font-weight:900;
  letter-spacing:.16em;
  font-size:12px;
}

.design-request-info h2,
.member-design-login-box h2{
  color:#fff;
  font-size:clamp(30px,4vw,52px);
  line-height:1.1;
  margin:12px 0;
}

.design-request-info p,
.design-request-info li,
.member-design-login-box p{
  color:#c2cad3;
  line-height:1.75;
}

.design-request-info ul{
  padding-left:20px;
}

.member-design-form{
  display:grid;
  gap:14px;
  background:linear-gradient(145deg,rgba(12,17,21,.98),rgba(7,10,13,.98));
  border:1px solid rgba(255,255,255,.08);
  border-radius:26px;
  padding:24px;
}

.design-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.member-design-form label{
  color:#dfe5ec;
  font-weight:900;
}

.member-design-form input,
.member-design-form select,
.member-design-form textarea{
  width:100%;
  margin-top:8px;
  background:#070b0f;
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  border-radius:14px;
  padding:14px;
  outline:none;
  box-sizing:border-box;
}

.member-design-form textarea{
  min-height:150px;
  resize:vertical;
}

.member-design-form small{
  display:block;
  color:#9ca6b2;
  line-height:1.5;
  margin-top:6px;
}

.member-design-form button{
  border:0;
  min-height:52px;
  border-radius:999px;
  background:linear-gradient(135deg,#e5b94d,#ffd979);
  color:#050505;
  font-weight:900;
  cursor:pointer;
}

.member-design-login-box{
  max-width:980px;
  margin:0 auto;
  text-align:center;
  background:linear-gradient(145deg,rgba(12,17,21,.98),rgba(7,10,13,.98));
  border:1px solid rgba(229,185,77,.22);
  border-radius:30px;
  padding:36px;
}

.member-design-login-box div{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}

@media(max-width:980px){
  .member-design-request{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .member-design-request{
    padding:22px;
    border-radius:24px;
  }

  .design-form-grid{
    grid-template-columns:1fr;
  }
}


/* Üyelere özel tasarla sayfası */
.sketch-designer-section{
  max-width:1400px;
  margin:0 auto;
}

.sketch-designer-layout{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:24px;
  align-items:start;
}

.sketch-designer-info{
  background:linear-gradient(145deg,rgba(12,17,21,.98),rgba(7,10,13,.98));
  border:1px solid rgba(229,185,77,.18);
  border-radius:28px;
  padding:30px;
}

.sketch-designer-info span{
  color:#e5b94d;
  font-weight:900;
  letter-spacing:.16em;
  font-size:12px;
}

.sketch-designer-info h2{
  color:#fff;
  font-size:clamp(30px,4vw,48px);
  line-height:1.05;
  margin:10px 0 14px;
}

.sketch-designer-info p,
.sketch-designer-info li{
  color:#c8d0d8;
  line-height:1.75;
}

.sketch-designer-info ul{
  padding-left:20px;
}

.sketch-designer-userbox{
  margin:18px 0;
  background:#090d12;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:16px;
}

.sketch-designer-userbox h3{
  color:#fff;
  margin:0 0 10px;
}

.sketch-designer-userbox p{
  margin:6px 0;
}

.sketch-request-form{
  display:grid;
  gap:16px;
  background:linear-gradient(145deg,rgba(12,17,21,.98),rgba(7,10,13,.98));
  border:1px solid rgba(229,185,77,.18);
  border-radius:28px;
  padding:24px;
}

.sketch-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  padding:14px;
  background:#090d12;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
}

.sketch-toolbar label{
  display:flex;
  align-items:center;
  gap:10px;
  color:#d7dde4;
  font-weight:800;
}

.tool-btn{
  min-height:44px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:#10161d;
  color:#e7edf3;
  cursor:pointer;
  font-weight:900;
}

.tool-btn.active{
  background:linear-gradient(135deg,#e5b94d,#ffd979);
  color:#050505;
  border-color:transparent;
}

.tool-btn.ghost{
  background:#080d11;
}

.sketch-canvas-wrap{
  background:#090d12;
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  padding:18px;
}

#designSketchCanvas{
  width:100%;
  height:auto;
  display:block;
  background:#0b1015;
  border:1px dashed rgba(229,185,77,.28);
  border-radius:18px;
  touch-action:none;
  cursor:crosshair;
}

.sketch-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.sketch-request-form label{
  color:#dfe5ec;
  font-weight:900;
}

.sketch-request-form input,
.sketch-request-form select,
.sketch-request-form textarea{
  width:100%;
  margin-top:8px;
  background:#070b0f;
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  border-radius:14px;
  padding:14px;
  outline:none;
  box-sizing:border-box;
}

.sketch-request-form textarea{
  min-height:150px;
  resize:vertical;
}

.sketch-submit-btn{
  border:0;
  min-height:54px;
  border-radius:999px;
  background:linear-gradient(135deg,#e5b94d,#ffd979);
  color:#050505;
  font-weight:900;
  cursor:pointer;
}

@media(max-width:1080px){
  .sketch-designer-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .sketch-form-grid{
    grid-template-columns:1fr;
  }
  .sketch-toolbar{
    gap:10px;
  }
}


/* Profesyonel üye paneli tasarımı */
.account-pro-hero{
  position:relative;
  overflow:hidden;
  padding:92px 8vw 54px;
  background:
    radial-gradient(circle at 15% 15%, rgba(229,185,77,.16), transparent 28%),
    radial-gradient(circle at 85% 18%, rgba(138,247,255,.07), transparent 30%),
    linear-gradient(145deg,#050607,#0a0f14 70%,#050607);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.account-pro-hero-inner{
  max-width:1320px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:28px;
}

.account-pro-hero span,
.account-panel-title span{
  display:inline-flex;
  color:#e5b94d;
  font-weight:900;
  letter-spacing:.16em;
  font-size:12px;
}

.account-pro-hero h1{
  max-width:900px;
  color:#fff;
  font-size:clamp(38px,5vw,70px);
  line-height:1.02;
  letter-spacing:-.045em;
  margin:14px 0;
}

.account-pro-hero p{
  max-width:780px;
  color:#c2cad3;
  font-size:17px;
  line-height:1.8;
}

.account-identity-card{
  min-width:320px;
  display:flex;
  align-items:center;
  gap:14px;
  background:rgba(12,17,21,.88);
  border:1px solid rgba(229,185,77,.22);
  border-radius:24px;
  padding:16px;
  box-shadow:0 24px 80px rgba(0,0,0,.22);
}

.account-avatar{
  width:58px;
  height:58px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#e5b94d,#ffd979);
  color:#050505;
  font-weight:900;
  font-size:25px;
}

.account-identity-card strong{
  display:block;
  color:#fff;
}

.account-identity-card small{
  display:block;
  color:#9ca6b2;
  margin-top:4px;
}

.account-identity-card a{
  margin-left:auto;
  color:#e5b94d;
  font-weight:900;
  font-size:13px;
}

.account-dashboard-pro{
  max-width:1320px;
  margin:0 auto;
}

.account-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-bottom:24px;
}

.account-stat-grid article{
  background:linear-gradient(145deg,rgba(12,17,21,.98),rgba(7,10,13,.98));
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  padding:22px;
}

.account-stat-grid article.ok{
  border-color:rgba(87,255,138,.22);
}

.account-stat-grid article.warn{
  border-color:rgba(229,185,77,.28);
}

.account-stat-grid span{
  color:#9ca6b2;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
}

.account-stat-grid strong{
  display:block;
  color:#fff;
  font-size:28px;
  margin:10px 0 4px;
}

.account-stat-grid small{
  color:#9ca6b2;
  line-height:1.5;
}

.account-pro-layout{
  display:grid;
  grid-template-columns:360px minmax(0,1fr);
  gap:24px;
  align-items:start;
}

.account-side-panel{
  display:grid;
  gap:18px;
}

.account-panel-card,
.account-main-panel{
  background:linear-gradient(145deg,rgba(12,17,21,.98),rgba(7,10,13,.98));
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}

.account-panel-card{
  padding:22px;
}

.account-panel-card h2{
  color:#fff;
  margin-bottom:16px;
}

.verify-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px;
  border-radius:18px;
  background:#070b0f;
  border:1px solid rgba(255,255,255,.08);
  margin-bottom:12px;
}

.verify-row.ok{
  border-color:rgba(87,255,138,.2);
}

.verify-row.warn{
  border-color:rgba(229,185,77,.24);
}

.verify-row strong{
  display:block;
  color:#fff;
}

.verify-row span{
  display:block;
  color:#9ca6b2;
  font-size:12px;
  line-height:1.5;
  margin-top:4px;
}

.verify-row a,
.verify-row b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(229,185,77,.1);
  border:1px solid rgba(229,185,77,.22);
  color:#e5b94d;
  font-weight:900;
  white-space:nowrap;
}

.billing-preview p{
  color:#cbd2d9;
  line-height:1.65;
  margin:8px 0;
}

.billing-preview strong{
  color:#e5b94d;
}

.account-quick-actions{
  display:grid;
  gap:10px;
}

.account-quick-actions a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:52px;
  padding:0 16px;
  border-radius:16px;
  background:#080d11;
  border:1px solid rgba(229,185,77,.18);
  color:#e5b94d;
  font-weight:900;
}

.account-main-panel{
  overflow:hidden;
}

.account-tabs{
  display:flex;
  gap:8px;
  padding:16px;
  background:#070b0f;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.account-tabs button{
  border:1px solid rgba(255,255,255,.1);
  background:#0d1319;
  color:#cbd2d9;
  border-radius:999px;
  min-height:42px;
  padding:0 16px;
  cursor:pointer;
  font-weight:900;
}

.account-tabs button.active{
  background:linear-gradient(135deg,#e5b94d,#ffd979);
  color:#050505;
  border-color:transparent;
}

.account-tab-panel{
  display:none;
  padding:26px;
}

.account-tab-panel.active{
  display:block;
}

.account-panel-title{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:22px;
}

.account-panel-title h2{
  color:#fff;
  font-size:30px;
  margin-top:6px;
}

.account-panel-title small{
  color:#9ca6b2;
  background:#070b0f;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  padding:8px 11px;
  font-weight:900;
}

.pro-profile-form{
  max-width:none;
}

.account-inner-box{
  background:#070b0f;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  padding:18px;
  margin-top:6px;
}

.account-inner-box h3{
  color:#fff;
  margin-bottom:6px;
}

.account-inner-box p{
  color:#9ca6b2;
  line-height:1.6;
  margin-bottom:14px;
}

.member-order-list,
.member-request-list{
  display:grid;
  gap:14px;
}

.premium-order-card,
.member-request-card{
  background:#070b0f;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  padding:18px;
}

.order-top{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.order-top strong{
  color:#fff;
  font-size:18px;
}

.order-top span,
.request-card-foot small{
  display:block;
  color:#9ca6b2;
  margin-top:5px;
}

.order-top b{
  color:#e5b94d;
  white-space:nowrap;
}

.order-status-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0;
}

.order-status-row span,
.request-card-foot b{
  background:rgba(229,185,77,.1);
  border:1px solid rgba(229,185,77,.22);
  color:#e5b94d;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:900;
}

.premium-order-card ul{
  color:#cbd2d9;
  line-height:1.8;
  padding-left:18px;
}

.member-request-card{
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
}

.member-request-card span{
  color:#e5b94d;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}

.member-request-card h3{
  color:#fff;
  margin:8px 0;
}

.member-request-card p{
  color:#cbd2d9;
  line-height:1.65;
}

.request-card-foot{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
}

.request-card-foot a{
  color:#050505;
  background:#e5b94d;
  border-radius:999px;
  padding:9px 12px;
  font-size:12px;
  font-weight:900;
}

.premium-empty{
  background:#070b0f;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
}

@media(max-width:1100px){
  .account-pro-hero-inner{
    flex-direction:column;
    align-items:flex-start;
  }

  .account-identity-card{
    width:100%;
    min-width:0;
  }

  .account-stat-grid{
    grid-template-columns:1fr 1fr;
  }

  .account-pro-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .account-pro-hero{
    padding:78px 22px 46px;
  }

  .account-pro-hero h1{
    font-size:38px;
  }

  .account-stat-grid{
    grid-template-columns:1fr;
  }

  .account-tabs{
    overflow-x:auto;
  }

  .account-tab-panel{
    padding:18px;
  }

  .account-panel-title{
    flex-direction:column;
  }

  .member-request-card{
    grid-template-columns:1fr;
  }

  .request-card-foot{
    align-items:flex-start;
  }
}


/* Mobil üye giriş / kayıt menü düzeltmesi */
.mobile-nav-auth{
  display:none;
}

@media(max-width:1100px){
  .main-nav.open{
    max-height:calc(100vh - 82px);
    overflow:auto;
  }

  .main-nav.open .mobile-nav-auth{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    width:100%;
    padding-top:16px;
    margin-top:10px;
    border-top:1px solid rgba(255,255,255,.1);
  }

  .main-nav.open .mobile-nav-auth .mini-login,
  .main-nav.open .mobile-nav-auth .mini-account,
  .main-nav.open .mobile-nav-auth .header-cta{
    display:flex!important;
    width:100%;
    min-height:46px;
    border-radius:14px;
  }
}

@media(max-width:650px){
  .header-auth{
    display:none!important;
  }

  .main-nav.open .mobile-nav-auth{
    grid-template-columns:1fr;
  }
}


/* Site mobil menü güvenli düzeltme */
@media(max-width:1100px){
  .menu-btn{
    display:block!important;
    cursor:pointer;
    position:relative;
    z-index:1001;
  }

  .main-nav{
    display:none;
  }

  .main-nav.open{
    display:flex!important;
    position:absolute;
    top:82px;
    left:0;
    right:0;
    background:#070a0d;
    flex-direction:column;
    padding:24px;
    border-bottom:1px solid rgba(255,255,255,.08);
    z-index:1000;
    max-height:calc(100vh - 82px);
    overflow:auto;
  }
}


/* Üye paneli talep ek dosya butonu */
.request-attachment-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.request-attachment-actions a{
  color:#050505;
  background:#e5b94d;
  border-radius:999px;
  padding:9px 12px;
  font-size:12px;
  font-weight:900;
}

.support-current-time{
  display:block;
  color:#9ca6b2;
  font-size:11px;
  margin-top:2px;
}


/* =========================================================
   İkra Web Tasarım YENİ PUBLIC SITE TASARIMI
   Modern ajans / web tasarım / grafik tasarım teması
========================================================= */

:root{
  --orion-bg:#050713;
  --orion-bg2:#080b18;
  --orion-panel:rgba(13,18,34,.78);
  --orion-line:rgba(255,255,255,.105);
  --orion-gold:#f6c85f;
  --orion-gold2:#ffe08a;
  --orion-blue:#66e3ff;
  --orion-pink:#b877ff;
  --orion-text:#f7f8ff;
  --orion-muted:#a7b0c4;
  --orion-radius:28px;
  --orion-shadow:0 28px 90px rgba(0,0,0,.34);
}

html{scroll-behavior:smooth}

body{
  background:
    radial-gradient(circle at 8% 8%, rgba(184,119,255,.18), transparent 28%),
    radial-gradient(circle at 86% 12%, rgba(102,227,255,.13), transparent 30%),
    radial-gradient(circle at 50% 92%, rgba(246,200,95,.12), transparent 34%),
    linear-gradient(145deg,var(--orion-bg),var(--orion-bg2) 52%,#03040a);
  color:var(--orion-text);
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.9), transparent 78%);
}

/* Header */
.site-header,
.main-header,
header.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(5,7,19,.74)!important;
  backdrop-filter:blur(22px);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 12px 50px rgba(0,0,0,.20);
}

.header-inner,
.navbar,
.header-content{
  max-width:1380px!important;
  margin:0 auto;
}

.main-nav a,
.nav-menu a,
.site-nav a{
  position:relative;
  color:rgba(247,248,255,.82)!important;
  font-weight:800!important;
  letter-spacing:-.01em;
  transition:.22s ease;
}

.main-nav a:hover,
.main-nav a.active,
.nav-menu a:hover,
.nav-menu a.active,
.site-nav a:hover,
.site-nav a.active{
  color:#fff!important;
}

.main-nav a::after,
.nav-menu a::after,
.site-nav a::after{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:-8px;
  height:2px;
  background:linear-gradient(90deg,var(--orion-gold),var(--orion-blue));
  border-radius:999px;
  transition:.22s ease;
}

.main-nav a:hover::after,
.main-nav a.active::after,
.nav-menu a:hover::after,
.nav-menu a.active::after,
.site-nav a:hover::after,
.site-nav a.active::after{
  left:0;
  right:0;
}

/* Buttons */
.btn,
button,
.header-cta,
.hero-actions a,
.quote-form button,
.member-design-form button,
.sketch-submit-btn,
.cart-btn,
.checkout-btn,
.product-btn,
.service-card a,
.package-card a,
.portfolio-card a{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}

.btn:hover,
.header-cta:hover,
.hero-actions a:hover,
.cart-btn:hover,
.checkout-btn:hover,
.product-btn:hover,
.service-card a:hover,
.package-card a:hover,
.portfolio-card a:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 42px rgba(246,200,95,.20);
}

.btn-gold,
.header-cta,
.quote-form button,
.member-design-form button,
.sketch-submit-btn,
.checkout-btn,
.product-btn.primary{
  background:linear-gradient(135deg,var(--orion-gold),var(--orion-gold2))!important;
  color:#07070b!important;
  border:0!important;
  font-weight:950!important;
}

.btn-dark,
.mini-login,
.mini-account{
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
}

/* Hero */
.pro-page-hero,
.hero,
.home-hero,
.index-hero,
.page-hero{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(135deg, rgba(102,227,255,.10), transparent 34%),
    linear-gradient(225deg, rgba(246,200,95,.13), transparent 38%),
    rgba(255,255,255,.035)!important;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.pro-page-hero::before,
.hero::before,
.home-hero::before,
.index-hero::before,
.page-hero::before{
  content:"";
  position:absolute;
  width:560px;
  height:560px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(184,119,255,.24), transparent 62%);
  right:-180px;
  top:-190px;
  pointer-events:none;
}

.pro-page-hero > *,
.hero > *,
.home-hero > *,
.index-hero > *,
.page-hero > *{
  position:relative;
  z-index:2;
}

.pro-page-hero span,
.hero span,
.section-title span,
.account-pro-hero span,
.design-request-info span,
.sketch-designer-info span{
  color:var(--orion-gold)!important;
  letter-spacing:.18em!important;
  font-weight:950!important;
}

.pro-page-hero h1,
.hero h1,
.home-hero h1,
.index-hero h1,
.page-hero h1{
  color:#fff!important;
  text-shadow:0 22px 60px rgba(0,0,0,.34);
  letter-spacing:-.055em!important;
}

.pro-page-hero p,
.hero p,
.home-hero p,
.index-hero p,
.page-hero p{
  color:var(--orion-muted)!important;
}

/* Cards */
.service-card,
.package-card,
.portfolio-card,
.product-card,
.pro-card,
.account-panel-card,
.account-main-panel,
.member-design-request,
.member-design-form,
.sketch-designer-info,
.sketch-request-form,
.quote-modal,
.contact-card,
.checkout-card,
.cart-card,
.payment-card,
.auth-card,
.member-order-card,
.member-request-card{
  background:linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.035))!important;
  border:1px solid var(--orion-line)!important;
  border-radius:var(--orion-radius)!important;
  box-shadow:var(--orion-shadow)!important;
  backdrop-filter:blur(18px);
}

.service-card:hover,
.package-card:hover,
.portfolio-card:hover,
.product-card:hover,
.member-request-card:hover{
  border-color:rgba(246,200,95,.32)!important;
  transform:translateY(-4px);
  box-shadow:0 34px 95px rgba(0,0,0,.42)!important;
}

/* Section titles */
.section-title,
.pro-section-title{
  text-align:center;
  max-width:880px;
  margin-left:auto!important;
  margin-right:auto!important;
}

.section-title h2,
.pro-section-title h2{
  color:#fff!important;
  font-size:clamp(34px,4.5vw,58px)!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
}

.section-title p,
.pro-section-title p{
  color:var(--orion-muted)!important;
  line-height:1.75!important;
}

/* Forms */
input,
select,
textarea{
  background:rgba(6,9,18,.86)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
  border-radius:16px!important;
}

input:focus,
select:focus,
textarea:focus{
  border-color:rgba(246,200,95,.55)!important;
  box-shadow:0 0 0 4px rgba(246,200,95,.10)!important;
}

textarea::placeholder,
input::placeholder{
  color:rgba(167,176,196,.74)!important;
}

/* Portfolio/Product images */
.portfolio-card img,
.product-card img,
.service-card img,
.project-card img,
.demo-card img{
  border-radius:22px!important;
  filter:saturate(1.04) contrast(1.02);
}

/* Footer */
.site-footer,
footer{
  background:
    radial-gradient(circle at 12% 10%, rgba(246,200,95,.13), transparent 30%),
    radial-gradient(circle at 84% 40%, rgba(102,227,255,.10), transparent 30%),
    #040611!important;
  border-top:1px solid rgba(255,255,255,.08);
}

/* Live support */
.live-chat-panel{
  background:rgba(7,10,20,.94)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  backdrop-filter:blur(18px);
  box-shadow:0 26px 80px rgba(0,0,0,.44)!important;
}

.live-chat-bubble{
  background:linear-gradient(135deg,var(--orion-gold),var(--orion-gold2))!important;
  color:#050505!important;
  box-shadow:0 18px 45px rgba(246,200,95,.24)!important;
}

/* Account / Tasarla */
.account-pro-hero{
  background:
    radial-gradient(circle at 18% 12%, rgba(184,119,255,.21), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(102,227,255,.12), transparent 31%),
    linear-gradient(145deg,#050713,#080b18 58%,#03040a)!important;
}

.account-stat-grid article,
.account-panel-card,
.account-main-panel{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.105)!important;
}

#designSketchCanvas{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06), 0 18px 50px rgba(0,0,0,.22);
}

.sketch-toolbar{
  background:rgba(6,9,18,.75)!important;
}

/* Mobile */
@media(max-width:1100px){
  .main-nav.open{
    background:rgba(5,7,19,.96)!important;
    backdrop-filter:blur(22px);
    box-shadow:0 28px 80px rgba(0,0,0,.42);
  }

  .main-nav.open a{
    min-height:46px;
    display:flex;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,.075);
  }
}

@media(max-width:760px){
  .pro-page-hero,
  .hero,
  .home-hero,
  .index-hero,
  .page-hero{
    padding-left:22px!important;
    padding-right:22px!important;
  }

  .section{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  .service-card,
  .package-card,
  .portfolio-card,
  .product-card,
  .member-design-request,
  .sketch-designer-info,
  .sketch-request-form{
    border-radius:22px!important;
  }

  .pro-page-hero h1,
  .hero h1,
  .home-hero h1,
  .index-hero h1,
  .page-hero h1{
    font-size:clamp(34px,11vw,52px)!important;
  }
}

::-webkit-scrollbar{
  width:10px;
  height:10px;
}

::-webkit-scrollbar-track{
  background:#050713;
}

::-webkit-scrollbar-thumb{
  background:linear-gradient(var(--orion-gold),var(--orion-blue));
  border-radius:999px;
}


/* Ürün detay fazladan görsel galerisi */
.project-gallery-section{background:#f8fbf9;}
.project-gallery-grid{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.project-gallery-item{display:block;overflow:hidden;border-radius:24px;background:#fff;border:1px solid rgba(12,23,18,.10);box-shadow:0 16px 44px rgba(12,23,18,.08);}
.project-gallery-item img{width:100%;height:280px;display:block;object-fit:cover;transition:transform .22s ease;}
.project-gallery-item:hover img{transform:scale(1.04);}
@media(max-width:1000px){.project-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.project-gallery-grid{grid-template-columns:1fr}.project-gallery-item img{height:230px;}}


/* =========================================================
   FAZLADAN ÜRÜN GÖRSELLERİ - TEMA UYUMLU PUBLIC GALERİ
========================================================= */

.project-gallery-section,
.product-gallery-section,
.extra-product-gallery-section,
.estate-gallery-section{
  background:#f8fbf9!important;
  border-top:1px solid rgba(12,23,18,.06);
  border-bottom:1px solid rgba(12,23,18,.06);
}

.project-gallery-section .pro-section-head,
.product-gallery-section .pro-section-head,
.extra-product-gallery-section .pro-section-head{
  max-width:880px;
  margin:0 auto 28px!important;
  text-align:center;
}

.project-gallery-section .pro-section-head span,
.product-gallery-section .pro-section-head span,
.extra-product-gallery-section .pro-section-head span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 13px;
  border-radius:999px;
  background:#eafaf1!important;
  color:#0f9f63!important;
  border:1px solid rgba(15,159,99,.18)!important;
  font-size:12px;
  font-weight:950;
  letter-spacing:.12em;
}

.project-gallery-section .pro-section-head h2,
.product-gallery-section .pro-section-head h2,
.extra-product-gallery-section .pro-section-head h2{
  margin:14px 0 10px!important;
  color:#101815!important;
  font-size:clamp(32px,4vw,54px)!important;
  line-height:1.06!important;
  letter-spacing:-.045em!important;
}

.project-gallery-section .pro-section-head p,
.product-gallery-section .pro-section-head p,
.extra-product-gallery-section .pro-section-head p{
  color:#607169!important;
  line-height:1.75!important;
}

.project-gallery-grid,
.product-gallery-grid,
.extra-product-gallery-grid{
  max-width:1380px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.project-gallery-item,
.product-gallery-item,
.extra-product-gallery-item{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:26px;
  background:#ffffff!important;
  border:1px solid rgba(12,23,18,.10)!important;
  box-shadow:0 16px 44px rgba(12,23,18,.08)!important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.project-gallery-item:hover,
.product-gallery-item:hover,
.extra-product-gallery-item:hover{
  transform:translateY(-5px);
  border-color:rgba(15,159,99,.24)!important;
  box-shadow:0 28px 82px rgba(12,23,18,.14)!important;
}

.project-gallery-item img,
.product-gallery-item img,
.extra-product-gallery-item img{
  width:100%;
  height:280px;
  display:block;
  object-fit:cover;
  transition:transform .22s ease;
}

.project-gallery-item:hover img,
.product-gallery-item:hover img,
.extra-product-gallery-item:hover img{
  transform:scale(1.04);
}

.project-gallery-item::after,
.product-gallery-item::after,
.extra-product-gallery-item::after{
  content:"Görüntüle";
  position:absolute;
  left:14px;
  bottom:14px;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:0 13px;
  border-radius:999px;
  background:#ffffff;
  color:#0f9f63;
  border:1px solid rgba(15,159,99,.20);
  font-weight:950;
  font-size:12px;
  box-shadow:0 8px 22px rgba(12,23,18,.08);
  opacity:0;
  transform:translateY(8px);
  transition:.22s ease;
}

.project-gallery-item:hover::after,
.product-gallery-item:hover::after,
.extra-product-gallery-item:hover::after{
  opacity:1;
  transform:translateY(0);
}

.web-design-gallery-mini{
  background:#f8fbf9!important;
  border:1px solid rgba(12,23,18,.08)!important;
  border-radius:18px!important;
  padding:8px!important;
}

.web-design-gallery-mini img,
.web-design-gallery-mini b{
  background:#ffffff!important;
  border:1px solid rgba(12,23,18,.10)!important;
  color:#0f9f63!important;
}

@media(max-width:1000px){
  .project-gallery-grid,
  .product-gallery-grid,
  .extra-product-gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:640px){
  .project-gallery-grid,
  .product-gallery-grid,
  .extra-product-gallery-grid{
    grid-template-columns:1fr;
  }

  .project-gallery-item img,
  .product-gallery-item img,
  .extra-product-gallery-item img{
    height:230px;
  }
}


/* =========================================================
   EK ÜRÜN GÖRSELLERİ - KOYU TEMA PUBLIC GALERİ
========================================================= */

body.real-estate-site{
  background:
    radial-gradient(circle at 12% 8%, rgba(31,207,125,.12), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(185,139,38,.10), transparent 30%),
    linear-gradient(180deg,#07100d 0%,#05090b 100%) !important;
  color:#f4f7f5 !important;
}

body.real-estate-site h1,
body.real-estate-site h2,
body.real-estate-site h3,
body.real-estate-site h4,
body.real-estate-site strong,
body.real-estate-site b{
  color:#ffffff !important;
}

body.real-estate-site p,
body.real-estate-site small,
body.real-estate-site li{
  color:#a8b9ae !important;
}

body.real-estate-site .site-header,
body.real-estate-site .estate-header,
body.real-estate-site header{
  background:rgba(5,9,11,.90) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 18px 52px rgba(0,0,0,.34) !important;
}

body.real-estate-site .main-nav a,
body.real-estate-site .header-auth a{
  color:#f4f7f5 !important;
}

body.real-estate-site .main-nav a:hover,
body.real-estate-site .main-nav a.active{
  color:#8cffc2 !important;
}

body.real-estate-site .project-gallery-section,
body.real-estate-site .product-gallery-section,
body.real-estate-site .extra-product-gallery-section,
body.real-estate-site .estate-gallery-section,
body.real-estate-site .web-design-products-section{
  background:#05090b !important;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}

body.real-estate-site .project-gallery-section .pro-section-head,
body.real-estate-site .product-gallery-section .pro-section-head,
body.real-estate-site .extra-product-gallery-section .pro-section-head{
  max-width:880px;
  margin:0 auto 28px !important;
  text-align:center;
}

body.real-estate-site .project-gallery-section .pro-section-head span,
body.real-estate-site .product-gallery-section .pro-section-head span,
body.real-estate-site .extra-product-gallery-section .pro-section-head span,
body.real-estate-site .pro-section-head span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 13px;
  border-radius:999px;
  background:rgba(31,207,125,.12) !important;
  color:#8cffc2 !important;
  border:1px solid rgba(31,207,125,.26) !important;
  font-size:12px;
  font-weight:950;
  letter-spacing:.12em;
}

body.real-estate-site .project-gallery-section .pro-section-head h2,
body.real-estate-site .product-gallery-section .pro-section-head h2,
body.real-estate-site .extra-product-gallery-section .pro-section-head h2,
body.real-estate-site .pro-section-head h2{
  margin:14px 0 10px !important;
  color:#ffffff !important;
  font-size:clamp(32px,4vw,54px) !important;
  line-height:1.06 !important;
  letter-spacing:-.045em !important;
}

body.real-estate-site .project-gallery-section .pro-section-head p,
body.real-estate-site .product-gallery-section .pro-section-head p,
body.real-estate-site .extra-product-gallery-section .pro-section-head p,
body.real-estate-site .pro-section-head p{
  color:#a8b9ae !important;
  line-height:1.75 !important;
}

body.real-estate-site .project-gallery-grid,
body.real-estate-site .product-gallery-grid,
body.real-estate-site .extra-product-gallery-grid{
  max-width:1380px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

body.real-estate-site .project-gallery-item,
body.real-estate-site .product-gallery-item,
body.real-estate-site .extra-product-gallery-item{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:26px;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.035)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.32) !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

body.real-estate-site .project-gallery-item:hover,
body.real-estate-site .product-gallery-item:hover,
body.real-estate-site .extra-product-gallery-item:hover{
  transform:translateY(-5px);
  border-color:rgba(31,207,125,.30) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.42) !important;
}

body.real-estate-site .project-gallery-item img,
body.real-estate-site .product-gallery-item img,
body.real-estate-site .extra-product-gallery-item img{
  width:100%;
  height:280px;
  display:block;
  object-fit:cover;
  transition:transform .22s ease;
}

body.real-estate-site .project-gallery-item:hover img,
body.real-estate-site .product-gallery-item:hover img,
body.real-estate-site .extra-product-gallery-item:hover img{
  transform:scale(1.04);
}

body.real-estate-site .project-gallery-item::after,
body.real-estate-site .product-gallery-item::after,
body.real-estate-site .extra-product-gallery-item::after{
  content:"Görüntüle";
  position:absolute;
  left:14px;
  bottom:14px;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:0 13px;
  border-radius:999px;
  background:rgba(5,9,11,.88);
  color:#8cffc2;
  border:1px solid rgba(31,207,125,.30);
  font-weight:950;
  font-size:12px;
  box-shadow:0 8px 22px rgba(0,0,0,.28);
  opacity:0;
  transform:translateY(8px);
  transition:.22s ease;
}

body.real-estate-site .project-gallery-item:hover::after,
body.real-estate-site .product-gallery-item:hover::after,
body.real-estate-site .extra-product-gallery-item:hover::after{
  opacity:1;
  transform:translateY(0);
}

/* Web tasarım kartları koyu tema */
body.real-estate-site .web-design-card,
body.real-estate-site .estate-property-card,
body.real-estate-site .project-info-card,
body.real-estate-site .project-buy-box,
body.real-estate-site .project-preview{
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.035)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.30) !important;
}

body.real-estate-site .web-design-body h3,
body.real-estate-site .estate-property-body h3{
  color:#ffffff !important;
}

body.real-estate-site .web-design-body p,
body.real-estate-site .estate-property-body p{
  color:#a8b9ae !important;
}

body.real-estate-site .web-design-body small,
body.real-estate-site .estate-property-body small{
  background:rgba(31,207,125,.12) !important;
  color:#8cffc2 !important;
  border:1px solid rgba(31,207,125,.26) !important;
}

body.real-estate-site .web-design-gallery-mini{
  background:#08100e !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:18px !important;
  padding:8px !important;
}

body.real-estate-site .web-design-gallery-mini img,
body.real-estate-site .web-design-gallery-mini b{
  background:#0b1411 !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#8cffc2 !important;
}

body.real-estate-site footer,
body.real-estate-site .footer,
body.real-estate-site .estate-footer,
body.real-estate-site .copyright{
  background:#05090b !important;
  border-color:rgba(255,255,255,.10) !important;
}

body.real-estate-site footer *,
body.real-estate-site .footer *,
body.real-estate-site .copyright *{
  color:#f4f7f5 !important;
}

@media(max-width:1000px){
  body.real-estate-site .project-gallery-grid,
  body.real-estate-site .product-gallery-grid,
  body.real-estate-site .extra-product-gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:640px){
  body.real-estate-site .project-gallery-grid,
  body.real-estate-site .product-gallery-grid,
  body.real-estate-site .extra-product-gallery-grid{
    grid-template-columns:1fr;
  }

  body.real-estate-site .project-gallery-item img,
  body.real-estate-site .product-gallery-item img,
  body.real-estate-site .extra-product-gallery-item img{
    height:230px;
  }
}


/* İkra Web Tasarım FIX: ana site koyu tema ek ürün galerisi */
.project-gallery-section,
.product-gallery-section,
.extra-product-gallery-section{
  background:linear-gradient(180deg,#05080a,#070b0f) !important;
  border-top:1px solid rgba(229,185,77,.14) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.project-gallery-section .section-title,
.project-gallery-section .pro-section-title,
.product-gallery-section .section-title,
.extra-product-gallery-section .section-title{
  max-width:880px;
  margin:0 auto 30px !important;
  text-align:center;
}
.project-gallery-section .section-title span,
.project-gallery-section .pro-section-title span,
.product-gallery-section .section-title span,
.extra-product-gallery-section .section-title span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(229,185,77,.10) !important;
  color:#ffd979 !important;
  border:1px solid rgba(229,185,77,.24) !important;
  font-size:12px;
  font-weight:950;
  letter-spacing:.12em;
}
.project-gallery-section .section-title h2,
.project-gallery-section .pro-section-title h2,
.product-gallery-section .section-title h2,
.extra-product-gallery-section .section-title h2{
  color:#ffffff !important;
  margin-top:14px !important;
}
.project-gallery-section .section-title p,
.project-gallery-section .pro-section-title p,
.product-gallery-section .section-title p,
.extra-product-gallery-section .section-title p{
  color:#a9b0b7 !important;
}
.project-gallery-grid,
.product-gallery-grid,
.extra-product-gallery-grid{
  max-width:1380px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.project-gallery-item,
.product-gallery-item,
.extra-product-gallery-item{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  background:#0c1115 !important;
  border:1px solid rgba(229,185,77,.16) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.32) !important;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.project-gallery-item:hover,
.product-gallery-item:hover,
.extra-product-gallery-item:hover{
  transform:translateY(-5px);
  border-color:rgba(229,185,77,.34) !important;
  box-shadow:0 32px 90px rgba(0,0,0,.48) !important;
}
.project-gallery-item img,
.product-gallery-item img,
.extra-product-gallery-item img{
  width:100%;
  height:280px;
  display:block;
  object-fit:cover;
  transition:transform .22s ease;
}
.project-gallery-item:hover img,
.product-gallery-item:hover img,
.extra-product-gallery-item:hover img{
  transform:scale(1.04);
}
.project-gallery-item::after,
.product-gallery-item::after,
.extra-product-gallery-item::after{
  content:"Görüntüle";
  position:absolute;
  left:14px;
  bottom:14px;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:0 13px;
  border-radius:999px;
  background:rgba(5,8,10,.82);
  color:#ffd979;
  border:1px solid rgba(229,185,77,.26);
  font-weight:950;
  font-size:12px;
  box-shadow:0 10px 28px rgba(0,0,0,.28);
  opacity:0;
  transform:translateY(8px);
  transition:.22s ease;
}
.project-gallery-item:hover::after,
.product-gallery-item:hover::after,
.extra-product-gallery-item:hover::after{
  opacity:1;
  transform:translateY(0);
}
@media(max-width:1000px){
  .project-gallery-grid,
  .product-gallery-grid,
  .extra-product-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
  .project-gallery-grid,
  .product-gallery-grid,
  .extra-product-gallery-grid{grid-template-columns:1fr;}
  .project-gallery-item img,
  .product-gallery-item img,
  .extra-product-gallery-item img{height:230px;}
}

/* ==========================================================
   İkra Web Tasarım UNIFIED DARK THEME
   Site, üye paneli, admin panel ve demo sayfalarında tek renk sistemi.
   Ana renk: koyu zemin + altın vurgu. Mor/mavi farklı tema etkileri kaldırıldı.
   ========================================================== */
:root{
  --orion-bg:#05080a;
  --orion-bg-2:#080d11;
  --orion-panel:#0c1115;
  --orion-panel-2:#111821;
  --orion-panel-3:#151d25;
  --orion-text:#f7f7f7;
  --orion-muted:#a9b0b7;
  --orion-gold:#e5b94d;
  --orion-gold-2:#ffd979;
  --orion-line:rgba(229,185,77,.22);
  --orion-line-soft:rgba(255,255,255,.08);
  --orion-shadow:0 28px 90px rgba(0,0,0,.42);
  --bg:var(--orion-bg);
  --bg2:var(--orion-bg-2);
  --bg-soft:var(--orion-bg-2);
  --card:var(--orion-panel);
  --card2:var(--orion-panel-2);
  --panel:var(--orion-panel);
  --panel2:var(--orion-panel-2);
  --panel3:var(--orion-panel-3);
  --gold:var(--orion-gold);
  --gold2:var(--orion-gold-2);
  --text:var(--orion-text);
  --muted:var(--orion-muted);
  --line:var(--orion-line);
  --line2:var(--orion-line-soft);
}

html,body{
  background:
    radial-gradient(circle at 16% 14%,rgba(229,185,77,.11),transparent 28%),
    radial-gradient(circle at 84% 18%,rgba(229,185,77,.07),transparent 30%),
    linear-gradient(180deg,var(--orion-bg),#06090b 58%,#040607) !important;
  color:var(--orion-text) !important;
}

.site-header,
.admin-topbar,
.admin-sidebar,
.footer,
.copyright,
.main-nav.open{
  background:rgba(5,8,10,.88) !important;
  border-color:var(--orion-line-soft) !important;
  backdrop-filter:blur(18px);
}

.admin-sidebar,
.admin-login-card,
.admin-card,
.stat-card,
.dashboard-card,
.admin-form-card,
.support-thread-list,
.support-chat-area,
.service-card,
.package-card,
.portfolio-card,
.process-card,
.testimonial-grid article,
.faq-box,
.contact-panel,
.auth-card,
.cart-item,
.checkout-card,
.payment-card,
.account-profile,
.account-orders,
.pro-profile-edit,
.pro-account-orders,
.member-design-request,
.member-design-form,
.member-design-login-box,
.account-identity-card,
.account-stat-grid article,
.account-side-panel,
.account-panel-card,
.account-main-panel,
.account-inner-box,
.member-order-card,
.member-request-card,
.pro-payment-panel,
.project-detail-card,
.project-gallery-card,
.gallery-main,
.gallery-thumb,
.live-chat-box,
.live-chat-launch,
.live-chat-conversation,
.live-support-summary,
.support-thread-item,
.quote-detail-box,
.product-gallery-box,
.admin-gallery-current,
.admin-gallery-preview,
.admin-preview-card{
  background:linear-gradient(145deg,rgba(17,24,33,.96),rgba(8,12,15,.98)) !important;
  border-color:var(--orion-line) !important;
  color:var(--orion-text) !important;
  box-shadow:var(--orion-shadow);
}

.hero,
.page-hero,
.account-pro-hero,
.admin-main,
.section,
.page-section,
.checkout-section,
.cart-section,
.auth-section,
.member-design-request-section{
  background:transparent !important;
  border-color:var(--orion-line-soft) !important;
}

.hero::before,
.page-hero::before,
.account-pro-hero::before{
  background:
    linear-gradient(90deg,rgba(5,8,10,.94),rgba(5,8,10,.68),rgba(5,8,10,.86)),
    radial-gradient(circle at 74% 34%,rgba(229,185,77,.15),transparent 36%) !important;
}

.login-bg-orb.one,
.login-bg-orb.two,
.hero-bg-glow.one,
.hero-bg-glow.two{
  background:rgba(229,185,77,.18) !important;
}

h1,h2,h3,h4,h5,h6,
.admin-login-card h1,
.page-heading h1,
.admin-topbar strong,
.service-card h3,
.package-card h3,
.account-panel-title h2,
.member-request-card h3{
  color:var(--orion-text) !important;
}

p,li,small,span,
.admin-login-card p,
.page-heading p,
.service-card p,
.package-card p,
.account-inner-box p,
.member-request-card p,
.pro-table td small,
table td small{
  color:var(--orion-muted);
}

.brand,
.brand-mark,
.eyebrow,
.section-title span,
.admin-logo small,
.login-logo span,
.login-logo small,
.page-heading span,
.account-pro-hero span,
.account-panel-title span,
.service-card a,
.footer h4,
.footer a:hover,
.main-nav a.active,
.main-nav a:hover,
.admin-nav a.active,
.admin-nav a:hover,
.support-thread-item b,
.member-request-card span,
.price,
.badge-soft{
  color:var(--orion-gold) !important;
}

.header-cta,
.btn-gold,
.btn-primary,
.contact-form button,
.auth-card button,
.admin-btn,
.admin-login-card button,
.profile-edit-form button,
.member-design-form button,
.checkout-btn,
.payment-submit,
.live-chat-launch,
.support-thread-head button,
.support-chat-top button,
.filter-row button.active,
.filter-row button:hover,
.account-tabs button.active,
.featured a,
.badge,
.logout-chip,
.table-actions a.primary{
  background:linear-gradient(135deg,var(--orion-gold),var(--orion-gold-2)) !important;
  color:#050505 !important;
  border-color:rgba(229,185,77,.45) !important;
  box-shadow:0 14px 34px rgba(229,185,77,.18) !important;
}

.btn-dark,
.btn-outline,
.mini-login,
.mini-account,
.admin-nav a,
.admin-sidebar-footer a,
.topbar-actions a,
.filter-row button,
.account-tabs button,
.table-actions a,
.support-thread-item,
.support-chat-empty,
.gallery-nav-btn{
  background:rgba(255,255,255,.035) !important;
  border-color:var(--orion-line-soft) !important;
  color:var(--orion-text) !important;
}

.btn-dark:hover,
.btn-outline:hover,
.mini-login:hover,
.mini-account:hover,
.admin-nav a:hover,
.admin-nav a.active,
.admin-sidebar-footer a:hover,
.topbar-actions a:hover,
.table-actions a:hover,
.account-tabs button:hover{
  border-color:var(--orion-line) !important;
  color:var(--orion-gold) !important;
  background:rgba(229,185,77,.08) !important;
}

input,textarea,select,
.admin-form input,
.admin-form textarea,
.admin-form select,
.admin-filters input,
.admin-filters select,
.inline-form select,
.profile-edit-form input,
.profile-edit-form select,
.profile-edit-form textarea,
.member-design-form input,
.member-design-form select,
.member-design-form textarea,
.contact-form input,
.contact-form textarea,
.contact-form select,
.auth-card input,
.checkout-form input,
.checkout-form textarea,
.checkout-form select{
  background:#070a0d !important;
  color:var(--orion-text) !important;
  border:1px solid var(--orion-line-soft) !important;
  box-shadow:none !important;
}

input:focus,textarea:focus,select:focus,
.admin-form input:focus,
.admin-form textarea:focus,
.admin-form select:focus,
.profile-edit-form input:focus,
.profile-edit-form select:focus,
.profile-edit-form textarea:focus,
.member-design-form input:focus,
.member-design-form select:focus,
.member-design-form textarea:focus{
  border-color:rgba(229,185,77,.58) !important;
  box-shadow:0 0 0 3px rgba(229,185,77,.08) !important;
  outline:none !important;
}

.pro-table,
table{
  background:linear-gradient(145deg,rgba(17,24,33,.96),rgba(8,12,15,.98)) !important;
  border-color:var(--orion-line) !important;
  color:var(--orion-text) !important;
}

.pro-table th,
table th{
  background:#080d11 !important;
  color:var(--orion-gold) !important;
  border-color:var(--orion-line-soft) !important;
}

.pro-table td,
table td{
  color:var(--orion-text) !important;
  border-color:var(--orion-line-soft) !important;
}

.auth-error,
.admin-alert.error,
.profile-alert.error{
  background:rgba(255,123,123,.10) !important;
  color:#ffb4b4 !important;
  border-color:rgba(255,123,123,.35) !important;
}
.auth-success,
.admin-alert.success,
.profile-alert.success,
.contact-sent-alert{
  background:rgba(87,255,138,.10) !important;
  color:#baffc9 !important;
  border-color:rgba(87,255,138,.35) !important;
}
.profile-alert.warning,
.admin-alert.warning{
  background:rgba(229,185,77,.10) !important;
  color:var(--orion-gold-2) !important;
  border-color:var(--orion-line) !important;
}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#05080a}
::-webkit-scrollbar-thumb{background:rgba(229,185,77,.38);border-radius:999px;border:2px solid #05080a}
::-webkit-scrollbar-thumb:hover{background:rgba(229,185,77,.58)}