/* Dozzer – Services Grid styles 1.1.0 */
.dozzer-services{
  --accent:#e6c642; --ink:#111; --muted:#6b7280; --line:#ececef;
  --radius:14px; --clip:42px; --badge:64px; --icon-size:28px;
  --shadow:0 14px 32px rgba(0,0,0,.08);
  --gap:22px; --card-bg:#f7f7f8;
  color:var(--ink); background:#fff; font-family:inherit;
}
.dozzer-services *{box-sizing:border-box}
.dozzer-services .header{
  display:grid; gap:clamp(12px,2vw,24px); grid-template-columns:1.2fr 1fr; align-items:end;
  margin-bottom:clamp(14px,2.8vw,26px);
}
@media (max-width:900px){.dozzer-services .header{grid-template-columns:1fr}}
.dozzer-services .h-title{margin:0; font-weight:900; text-transform:uppercase; letter-spacing:.3px;
  font-size:clamp(28px,6vw,56px); line-height:1.05}
.dozzer-services .h-title .accent{color:var(--accent)}
.dozzer-services .h-right p{margin:0 0 8px; color:var(--muted); line-height:1.7}
.dozzer-services .h-link{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:#111;text-decoration:none;border-bottom:2px solid #111;padding-bottom:2px}
.dozzer-services .grid{display:grid; gap:var(--gap); grid-template-columns:repeat(var(--cols,3),1fr)}
@media (max-width:1024px){.dozzer-services .grid{grid-template-columns:repeat(var(--cols,2),1fr)}}
@media (max-width:700px){.dozzer-services .grid{grid-template-columns:repeat(var(--cols,1),1fr)}}

.dozzer-services .card{
  position:relative; background:var(--card-bg); border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow); padding:18px; display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:flex-start;
  overflow:hidden; min-height:180px;
}
.dozzer-services .card::after{
  content:""; position:absolute; right:0; bottom:0; width:var(--clip); height:var(--clip);
  background:linear-gradient(135deg,#efefef 0%, #f9f9f9 60%, transparent 61%);
  clip-path:polygon(100% 0,100% 100%,0 100%);
}
.dozzer-services .card.is-accent{ background:var(--accent); border-color:#d8bd3f }
.dozzer-services .card.is-accent .c-link{ color:#111; border-color:#111 }

/* Badge (hex benzeri) */
.dozzer-services .badge{
  width:var(--badge); height:var(--badge);
  background:var(--accent); display:grid; place-items:center; border-radius:10px;
  clip-path:polygon(25% 6%, 75% 6%, 94% 35%, 75% 94%, 25% 94%, 6% 35%);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);
}
.dozzer-services .badge i{font-size:var(--icon-size); color:#111}
.dozzer-services .badge svg{width:var(--icon-size); height:var(--icon-size); fill:#111}

.dozzer-services .c-content h4{margin:.2rem 0 .4rem; font-size:1.15rem; font-weight:800; text-transform:uppercase}
.dozzer-services .c-content p{margin:0 0 10px; color:var(--muted); line-height:1.65}
.dozzer-services .c-link{display:inline-flex; align-items:center; gap:10px; font-weight:800; color:#111; text-decoration:none; border-bottom:2px solid #111; padding-bottom:2px}