/* Področja delovanja — ločeni segmenti storitev (usklajeno z obstojećo shemo) */
.podrocja { padding: 80px 48px 100px; position: relative; background: #F4F1EC; }
.podrocja .wrap { position: relative; }
.podrocja .section-head { margin-bottom: 8px; }
.podrocja-intro { max-width: 720px; margin: 14px 0 0; font-size: 15px; line-height: 1.7; color: #4E576C; }
.podrocja-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 22px; margin-top: 46px; }
.pod-card { background: #FFFFFF; padding: 34px 30px; box-shadow: 0 12px 34px rgba(16,26,51,0.09); border-bottom: 3px solid #B49B6C; display: flex; flex-direction: column; gap: 18px; transition: transform 0.3s, box-shadow 0.3s; }
.pod-card:hover { transform: translateY(-6px); box-shadow: 0 24px 52px rgba(16,26,51,0.16); }
.pod-card .card-num { font-size: 40px; font-weight: 900; color: transparent; -webkit-text-stroke: 1.5px #B49B6C; line-height: 1; }
.pod-card h3 { margin: 2px 0 0; font-size: 19px; font-weight: 800; letter-spacing: 0.01em; color: #101A33; }
.pod-group { display: flex; flex-direction: column; gap: 8px; }
.pod-label { font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: #B49B6C; font-weight: 700; }
.pod-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.pod-list li { position: relative; padding-left: 20px; font-size: 14px; line-height: 1.55; color: #4E576C; }
.pod-list li::before { content: '›'; position: absolute; left: 0; top: 0; color: #C8AE7E; font-weight: 700; }
.pod-card.pod-accent { background: linear-gradient(150deg, #101A33, #0C1428); border-bottom-color: #C8AE7E; }
.pod-card.pod-accent h3 { color: #FFFFFF; }
.pod-card.pod-accent .card-num { -webkit-text-stroke-color: #C8AE7E; }
.pod-card.pod-accent .pod-label { color: #C8AE7E; }
.pod-card.pod-accent .pod-list li { color: #C9CFDD; }
.podrocja-note { margin-top: 34px; font-size: 13px; color: #8A7B5E; }
@media (max-width: 640px) { .podrocja { padding: 60px 20px 70px; } }

/* Kako poteka — koraki postopka + CTA */
.postopek { padding: 80px 48px 90px; position: relative; }
.postopek .wrap { position: relative; }
.postopek-intro { max-width: 700px; margin: 14px 0 0; font-size: 15px; line-height: 1.7; color: #4E576C; }
.steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 22px; margin-top: 44px; }
.step { background: #FFFFFF; padding: 30px 26px; box-shadow: 0 12px 34px rgba(16,26,51,0.09); border-top: 3px solid #C8AE7E; display: flex; flex-direction: column; gap: 4px; }
.step .n { font-size: 34px; font-weight: 900; color: transparent; -webkit-text-stroke: 1.5px #B49B6C; line-height: 1.1; }
.step h4 { margin: 8px 0 2px; font-size: 16px; color: #101A33; letter-spacing: 0.02em; }
.step p { margin: 0; font-size: 14px; line-height: 1.6; color: #4E576C; }
.postopek-cta { margin-top: 40px; display: flex; align-items: center; gap: 18px 26px; flex-wrap: wrap; justify-content: space-between; background: linear-gradient(150deg, #101A33, #0C1428); color: #FFFFFF; padding: 30px 36px; }
.postopek-cta p { margin: 0; font-size: 17px; font-weight: 600; }
.postopek-cta p span { color: #C8AE7E; }
@media (max-width: 640px) { .postopek { padding: 60px 20px 70px; } .postopek-cta { padding: 24px 22px; } }