/* Uygun Beyaz Eşya Servisi - site stili */
:root{
  --brand-blue:#0b5cab;
  --brand-blue-dark:#083f78;
  --brand-blue-light:#e8f1fb;
  --brand-orange:#ff7a1a;
  --wa-green:#25d366;
  --wa-green-dark:#1ebe5b;
  --text-dark:#182430;
  --text-mid:#4a5a68;
  --text-light:#7c8a97;
  --bg:#ffffff;
  --bg-alt:#f5f8fb;
  --border:#e2e8ef;
  --radius:14px;
  --shadow:0 6px 24px rgba(11,92,171,.08);
  --shadow-lg:0 14px 40px rgba(11,92,171,.14);
  --maxw:1180px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;
  color:var(--text-dark);
  background:var(--bg);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;}
.container{max-width:var(--maxw);margin:0 auto;padding:0 20px;}
h1,h2,h3,h4{line-height:1.25;margin:0 0 14px;color:var(--text-dark);}
h1{font-size:clamp(28px,4vw,42px);font-weight:800;}
h2{font-size:clamp(22px,3vw,30px);font-weight:800;}
h3{font-size:19px;font-weight:700;}
p{margin:0 0 14px;color:var(--text-mid);}
.section{padding:56px 0;}
.section-alt{background:var(--bg-alt);}
.eyebrow{
  display:inline-block;font-size:13px;font-weight:700;letter-spacing:.04em;
  color:var(--brand-blue);background:var(--brand-blue-light);
  padding:6px 14px;border-radius:999px;margin-bottom:14px;text-transform:uppercase;
}
.lead{font-size:18px;color:var(--text-mid);max-width:760px;}
.center{text-align:center;margin-left:auto;margin-right:auto;}

/* ---- Top info bar ---- */
.topbar{background:var(--brand-blue-dark);color:#fff;font-size:14px;}
.topbar .container{display:flex;align-items:center;justify-content:space-between;padding-top:8px;padding-bottom:8px;flex-wrap:wrap;gap:6px;}
.topbar a{color:#fff;font-weight:600;}
.topbar .topbar-phone{display:flex;align-items:center;gap:8px;}
.topbar .topbar-note{opacity:.9;}

/* ---- Header / Nav ---- */
header.site-header{
  position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border);
}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:18px;}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;color:var(--brand-blue-dark);}
.logo .logo-mark{flex:none;display:flex;align-items:center;}
.logo .logo-mark img{height:46px;width:auto;display:block;}
.logo small{display:block;font-size:11px;font-weight:600;color:var(--text-light);letter-spacing:.03em;}
nav.main-nav{display:flex;align-items:center;gap:2px;}
nav.main-nav > ul{display:flex;align-items:center;gap:2px;list-style:none;}
nav.main-nav > ul > li{position:relative;}
nav.main-nav > ul > li > a{
  display:block;padding:10px 12px;border-radius:9px;font-weight:600;font-size:14.5px;color:var(--text-dark);white-space:nowrap;
}
nav.main-nav > ul > li > a:hover{background:var(--brand-blue-light);color:var(--brand-blue-dark);}
.dropdown{
  display:none;position:absolute;top:100%;left:0;background:#fff;min-width:260px;
  border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:10px;list-style:none;
  max-height:420px;overflow-y:auto;
}
nav.main-nav > ul > li:hover .dropdown,
nav.main-nav > ul > li:focus-within .dropdown{display:block;}
.dropdown li a{display:block;padding:9px 12px;border-radius:8px;font-size:14.5px;font-weight:500;color:var(--text-mid);}
.dropdown li a:hover{background:var(--brand-blue-light);color:var(--brand-blue-dark);}
.dropdown .dd-all{font-weight:700;color:var(--brand-blue);border-top:1px solid var(--border);margin-top:6px;padding-top:12px;}
.nav-cta{display:flex;align-items:center;gap:10px;}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 22px;border-radius:10px;font-weight:700;font-size:15px;border:2px solid transparent;
  cursor:pointer;white-space:nowrap;
}
.btn-call{background:var(--brand-blue);color:#fff;}
.btn-call:hover{background:var(--brand-blue-dark);}
.btn-wa{background:var(--wa-green);color:#fff;}
.btn-wa:hover{background:var(--wa-green-dark);}
.btn-outline{background:#fff;border-color:var(--brand-blue);color:var(--brand-blue);}
.btn-outline:hover{background:var(--brand-blue-light);}
.btn-lg{padding:15px 28px;font-size:16.5px;}
.btn-sm{padding:9px 16px;font-size:13.5px;}
.hero-ctas,.section-ctas{display:flex;gap:14px;flex-wrap:wrap;}

.menu-toggle{display:none;background:none;border:none;font-size:26px;color:var(--brand-blue-dark);cursor:pointer;}

/* ---- Hero ---- */
.hero{
  background:radial-gradient(1100px 500px at 85% -10%,var(--brand-blue-light),transparent),
             linear-gradient(180deg,#fff, #fff);
  padding:64px 0 56px;border-bottom:1px solid var(--border);
}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;}
.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 26px;}
.hero-badge{
  background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;
  padding:10px 14px;font-size:13.5px;font-weight:700;color:var(--text-mid);display:flex;align-items:center;gap:8px;
}
.hero-visual{
  background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-dark));
  border-radius:22px;padding:34px;color:#fff;box-shadow:var(--shadow-lg);
}
.hero-visual .emoji-row{font-size:38px;display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px;}
.hero-visual h3{color:#fff;margin-bottom:10px;}
.hero-visual p{color:rgba(255,255,255,.88);}
.hero-visual .hv-phone{
  margin-top:18px;background:rgba(255,255,255,.14);border-radius:12px;padding:14px 16px;font-weight:800;font-size:20px;
  display:flex;align-items:center;gap:10px;
}

/* ---- Breadcrumb ---- */
.breadcrumb{font-size:13.5px;color:var(--text-light);padding:14px 0;}
.breadcrumb a{color:var(--brand-blue);font-weight:600;}
.breadcrumb span{margin:0 6px;}

/* ---- Cards / grids ---- */
.grid{display:grid;gap:22px;}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-4{grid-template-columns:repeat(4,1fr);}
.grid-2{grid-template-columns:repeat(2,1fr);}
.card{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);
  transition:transform .15s ease, box-shadow .15s ease;height:100%;
}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);}
.card .card-emoji{font-size:34px;margin-bottom:14px;display:block;}
.card h3{margin-bottom:8px;}
.card p{margin-bottom:12px;font-size:14.5px;}
.card .card-link{font-weight:700;color:var(--brand-blue);font-size:14.5px;}
a.card{display:block;color:inherit;}
.brand-card{text-align:center;}
.brand-card .brand-mark{
  width:64px;height:64px;border-radius:16px;background:var(--brand-blue-light);color:var(--brand-blue-dark);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;margin:0 auto 14px;
}
.brand-card h3{margin-bottom:6px;font-size:17px;}
.brand-card p{font-size:13.5px;margin-bottom:10px;}

/* ---- Lists with check icons ---- */
.check-list{list-style:none;display:grid;gap:12px;}
.check-list li{display:flex;gap:12px;align-items:flex-start;color:var(--text-mid);font-size:15px;}
.check-list li::before{content:"✔";color:var(--wa-green-dark);font-weight:800;flex:none;margin-top:1px;}

.symptom-list{list-style:none;display:grid;gap:10px;}
.symptom-list li{display:flex;gap:12px;align-items:flex-start;color:var(--text-mid);font-size:15px;background:var(--bg-alt);border-radius:10px;padding:12px 14px;}
.symptom-list li::before{content:"⚠";color:var(--brand-orange);font-weight:800;flex:none;}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:step;}
.step{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px;position:relative;}
.step .step-num{
  width:36px;height:36px;border-radius:10px;background:var(--brand-blue);color:#fff;font-weight:800;
  display:flex;align-items:center;justify-content:center;margin-bottom:14px;
}

/* ---- CTA band ---- */
.cta-band{
  background:linear-gradient(135deg,var(--brand-blue-dark),var(--brand-blue));
  border-radius:22px;padding:44px;color:#fff;text-align:center;margin:0 20px;
}
.cta-band h2{color:#fff;}
.cta-band p{color:rgba(255,255,255,.88);}
.cta-band .hero-ctas{justify-content:center;}
.cta-band .btn-call{background:#fff;color:var(--brand-blue-dark);}
.cta-band .btn-call:hover{background:#eef4fb;}

/* ---- FAQ ---- */
details.faq-item{
  background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 20px;margin-bottom:12px;
}
details.faq-item summary{font-weight:700;cursor:pointer;font-size:15.5px;list-style:none;display:flex;justify-content:space-between;gap:10px;}
details.faq-item summary::-webkit-details-marker{display:none;}
details.faq-item summary::after{content:"+";font-size:20px;color:var(--brand-blue);flex:none;}
details.faq-item[open] summary::after{content:"–";}
details.faq-item p{margin-top:12px;margin-bottom:0;}

/* ---- Footer ---- */
footer.site-footer{background:#0d2136;color:#c9d6e2;padding:52px 0 20px;margin-top:40px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:34px;}
footer.site-footer h4{color:#fff;font-size:15.5px;margin-bottom:16px;}
footer.site-footer p{color:#9fb0c0;font-size:14px;}
footer.site-footer ul{list-style:none;display:grid;gap:9px;}
footer.site-footer ul a{font-size:14px;color:#c9d6e2;}
footer.site-footer ul a:hover{color:#fff;}
.footer-logo{display:flex;align-items:center;gap:10px;font-weight:800;color:#fff;font-size:18px;margin-bottom:12px;}
.footer-logo img{height:38px;width:auto;display:block;border-radius:8px;background:#fff;padding:2px;}
.legal-note{margin-top:16px;font-size:12px;line-height:1.6;color:#7f93a6;}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.1);margin-top:32px;padding-top:20px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;color:#8799aa;
}
.footer-bottom a{color:#c9d6e2;}

/* ---- Floating action buttons ---- */
.fab-wrap{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;flex-direction:column;gap:12px;}
.fab{
  width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:26px;box-shadow:0 10px 26px rgba(0,0,0,.22);
}
.fab-call{background:var(--brand-blue);}
.fab-wa{background:var(--wa-green);}
.fab:hover{filter:brightness(1.06);}

/* ---- Misc page content ---- */
.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:start;}
.info-box{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);padding:24px;}
.tag{display:inline-block;background:var(--brand-blue-light);color:var(--brand-blue-dark);font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:8px;margin:0 6px 6px 0;}

/* ---- Responsive ---- */
@media(max-width:980px){
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .grid-3{grid-template-columns:repeat(2,1fr);}
  .hero-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .steps{grid-template-columns:repeat(2,1fr);}
  .two-col{grid-template-columns:1fr;}
}
@media(max-width:720px){
  nav.main-nav{position:fixed;inset:64px 0 0 0;background:#fff;padding:16px;display:none;overflow-y:auto;}
  nav.main-nav.open{display:block;}
  nav.main-nav > ul{flex-direction:column;align-items:stretch;gap:4px;}
  .dropdown{position:static;box-shadow:none;border:none;display:none;padding-left:14px;}
  nav.main-nav > ul > li.open .dropdown{display:block;}
  .menu-toggle{display:block;}
  .nav-cta .btn-call span.txt{display:none;}
  .logo .logo-mark img{height:36px;}
  .logo{font-size:16px;}
  .grid-4,.grid-3,.grid-2{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .steps{grid-template-columns:1fr;}
  .cta-band{margin:0;border-radius:0;}
  .topbar .container{justify-content:center;text-align:center;}
}