/* Yunus Bilgisayar - Satış / Servis / Vitrin entegrasyon stili
   Bu dosya ana renk temasını bozmaz; mevcut kırmızı-turuncu tema değişkenlerini kullanır. */

.topbar-panels{display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.topbar-panels a{font-weight:800;color:var(--text)!important}

.nav-menu{gap:6px!important}
.nav-menu a{font-size:14px!important;padding:10px 11px!important;white-space:nowrap}

.quick-grid-integrated{grid-template-columns:repeat(5,1fr)!important}
.quick-grid-integrated a{min-height:96px;position:relative;overflow:hidden}
.quick-grid-integrated a::after{content:"";position:absolute;right:-35px;bottom:-35px;width:90px;height:90px;border-radius:999px;background:radial-gradient(circle,rgba(255,72,22,.22),transparent 66%);pointer-events:none}

.service-grid-four{grid-template-columns:repeat(4,1fr)!important}
.service-grid-four .service-card img{height:205px!important}

.vitrin-section{position:relative;overflow:hidden}
.vitrin-section::before{content:"";position:absolute;inset:auto -10% -25% auto;width:420px;height:420px;border-radius:999px;background:radial-gradient(circle,rgba(255,106,0,.18),transparent 68%);pointer-events:none}
.vitrin-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:26px}
.vitrin-head h2{max-width:760px}
.vitrin-head p{max-width:820px}
.vitrin-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.vitrin-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.vitrin-card{border:1px solid var(--line);border-radius:24px;background:var(--glass-bg,linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035)));box-shadow:0 18px 48px rgba(0,0,0,.18);overflow:hidden;transition:.2s}
.vitrin-card:hover{transform:translateY(-4px);border-color:rgba(255,72,22,.38);box-shadow:0 24px 58px rgba(255,72,22,.13)}
.vitrin-image-link{display:block;background:rgba(255,255,255,.04)}
.vitrin-card img{width:100%;height:210px;object-fit:cover}
.vitrin-card-body{padding:16px}
.vitrin-badge{display:inline-flex;margin-bottom:10px;padding:5px 9px;border-radius:999px;border:1px solid rgba(255,72,22,.35);background:rgba(255,72,22,.12);color:var(--orange-2);font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.vitrin-card h3{font-size:20px;line-height:1.2;margin:0 0 8px;color:var(--text)}
.vitrin-card p{margin:0 0 14px;color:var(--muted);font-size:14px;min-height:46px}
.vitrin-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:13px}
.vitrin-price{font-size:17px;color:var(--orange-2)}
.vitrin-card-bottom a{font-weight:900;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.05)}
.vitrin-empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:22px;padding:22px;color:var(--muted);background:rgba(255,255,255,.04)}

.panel-section{padding-top:34px}
.panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.panel-card{position:relative;border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:var(--glass-bg,linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035)));box-shadow:0 18px 48px rgba(0,0,0,.18);overflow:hidden}
.panel-card::after{content:"";position:absolute;right:-60px;top:-60px;width:160px;height:160px;border-radius:999px;background:radial-gradient(circle,rgba(255,72,22,.18),transparent 66%);pointer-events:none}
.panel-icon{font-size:34px;display:inline-flex;width:58px;height:58px;align-items:center;justify-content:center;border-radius:20px;border:1px solid rgba(255,72,22,.28);background:rgba(255,72,22,.10);margin-bottom:14px}
.panel-card h2{font-size:26px;margin:0 0 10px}
.panel-card p{color:var(--muted);margin:0 0 18px}

@media(max-width:1180px){
  .nav-menu a{font-size:13px!important;padding:9px 9px!important}
  .brand span{font-size:18px!important}
}
@media(max-width:960px){
  .quick-grid-integrated{grid-template-columns:1fr!important}
  .service-grid-four,.vitrin-products,.panel-grid{grid-template-columns:1fr 1fr!important}
  .vitrin-head{display:block}
  .vitrin-actions{justify-content:flex-start;margin-top:16px}
  .nav-menu a{font-size:15px!important;padding:13px 15px!important}
  .topbar-panels{display:none}
}
@media(max-width:620px){
  .service-grid-four,.vitrin-products,.panel-grid{grid-template-columns:1fr!important}
  .vitrin-card img{height:220px}
  .vitrin-actions .btn{width:100%}
}