/* UmkaPro unified visual system v7
   Rule: numbered processes use numbers only; service/benefit/system cards may use icons. */

/* Restore native cursor and disable the old decorative cursor. */
html.umka-no-custom-cursor body,
html.umka-no-custom-cursor body *{cursor:auto!important}
html.umka-no-custom-cursor a,
html.umka-no-custom-cursor button,
html.umka-no-custom-cursor summary,
html.umka-no-custom-cursor [role="button"],
html.umka-no-custom-cursor [data-href]{cursor:pointer!important}
.u-cursor{display:none!important}

/* Header and drawer action icons. */
.iconbtn{display:inline-flex;align-items:center;justify-content:center;gap:0!important}
.iconbtn svg{width:18px!important;height:18px!important;display:block;fill:none;stroke:currentColor;stroke-width:1.45!important;stroke-linecap:round;stroke-linejoin:round}
.iconbtn .fill-current{fill:currentColor;stroke:none}
.iconbtn--close svg{width:17px!important;height:17px!important}
.iconbtn--wa,.iconbtn--tg,.iconbtn--close{border-width:1px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 10px 26px rgba(0,0,0,.18)!important}
.iconbtn--wa{color:#83d9a5!important;background:linear-gradient(145deg,rgba(26,54,42,.56),rgba(18,29,25,.72))!important;border-color:rgba(91,199,137,.20)!important}
.iconbtn--tg{color:#8fd5f5!important;background:linear-gradient(145deg,rgba(27,54,69,.58),rgba(18,27,32,.72))!important;border-color:rgba(83,170,214,.20)!important}
.iconbtn--close{color:rgba(245,247,249,.88)!important;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;border-color:rgba(255,255,255,.11)!important}

/* Messenger menu icons. */
.umka-menu-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.018))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 24px rgba(0,0,0,.22)!important;transition:transform .2s ease,border-color .2s ease}
.umka-menu-icon svg{width:20px!important;height:20px!important;fill:none;stroke:currentColor;stroke-width:1.42!important;stroke-linecap:round;stroke-linejoin:round}
.umka-menu-icon .fill-current{fill:currentColor;stroke:none}
.umka-menu-icon--wa{color:#86dca8!important;border-color:rgba(77,190,122,.22)!important}
.umka-menu-icon--tg{color:#8ed6f8!important;border-color:rgba(76,163,208,.22)!important}
.umka-menu-icon--max{color:#b8a6f5!important;border-color:rgba(151,119,225,.23)!important}
.umka-messenger__menu a{gap:12px!important}
.umka-messenger__menu a:hover .umka-menu-icon{transform:translateY(-1px);border-color:rgba(215,165,68,.32)!important}
.umka-menu-label{font-weight:700;letter-spacing:.01em}

/* Shared premium icon badge. */
.stepnum.stepnum--icon,
.service-card-icon,
.page-service .service-tile__icon,
.design-feature__icon,
.design-icon-badge{
  display:grid!important;place-items:center!important;
  width:44px!important;height:44px!important;min-width:44px!important;
  border-radius:14px!important;
  border:1px solid rgba(215,165,68,.24)!important;
  background:linear-gradient(145deg,rgba(215,165,68,.075),rgba(255,255,255,.018))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 24px rgba(0,0,0,.16)!important;
  color:#d7a544!important;
}
.stepnum.stepnum--icon svg,
.service-card-icon svg,
.page-service .service-tile__icon svg,
.design-feature__icon svg,
.design-icon-badge svg{
  width:21px!important;height:21px!important;
  fill:none;stroke:#d7a544!important;stroke-width:1.45!important;
  stroke-linecap:round;stroke-linejoin:round;
}
.stepnum.stepnum--icon .fill-current,
.service-card-icon .fill-current,
.page-service .service-tile__icon .fill-current,
.design-feature__icon .fill-current,
.design-icon-badge .fill-current{fill:#d7a544!important;stroke:none!important}
.service-card-icon{margin:16px 0 17px!important}
.page-service .service-tile__icon{margin:0 0 16px!important}
.design-feature__icon,.design-icon-badge{margin:0 0 13px!important}
.service-card-premium:hover .service-card-icon,
.page-service .service-tile:hover .service-tile__icon{transform:translateY(-2px);border-color:rgba(215,165,68,.42)!important}

/* A process already has a number: never place a second icon beside it. */
.design-step>.design-icon-badge{display:none!important}
.design-step::before,
.page-service .process-step::before{
  background:linear-gradient(145deg,#dfb456,#ca9638)!important;
  color:#14110c!important;
  border:1px solid rgba(242,212,141,.34)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.design-step::before{width:40px!important;height:40px!important;margin-bottom:16px!important;border-radius:50%!important}
.page-service .process-step::before{color:#14110c!important}
.service-flow-v7__num,
.umka-arch-card__num,
.page-service .service-tile__num,
.turnkey-step::before,
.price-saving::before{color:#d7a544!important}

/* Keep hierarchy clean on information cards. */
.design-package-card h3,
.design-result h3,
.design-step h3,
.design-feature h3{margin-top:0!important}
.design-audience .card h2{font-size:clamp(20px,2vw,25px)!important;line-height:1.18!important}

@media(max-width:760px){
  .umka-menu-icon{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:13px!important}
  .stepnum.stepnum--icon,.service-card-icon,.page-service .service-tile__icon,.design-feature__icon,.design-icon-badge{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important}
  .stepnum.stepnum--icon svg,.service-card-icon svg,.page-service .service-tile__icon svg,.design-feature__icon svg,.design-icon-badge svg{width:20px!important;height:20px!important}
}

/* About section benefit icons. */
#about .card__inner>.stepnum--icon{margin:0 0 16px!important}
#about .tagrow{margin-top:0!important}