/* Consultation card: CSS arcs, dots, waves and existing inline icons only. */
.nkl-shop-help { --shop-green:#00a651; --shop-navy:#102a43; box-sizing:border-box; margin-top:24px; --support-mint:rgba(0,166,81,.07); position:relative; isolation:isolate; container-type:inline-size; overflow:hidden; width:100%; max-width:390px; min-height:300px; padding:28px 16px 26px; border:1px solid rgba(0,166,81,.15); border-radius:20px; background:linear-gradient(145deg,#fbfffd,#f7fcf9 55%,#f1faf5); box-shadow:0 10px 30px rgba(0,70,40,.04); text-align:center; }
.nkl-shop-help::before { content:""; position:absolute; z-index:0; top:-80px; left:-80px; width:180px; height:180px; border-radius:50%; background:radial-gradient(circle,rgba(0,166,81,.05) 0 48px,rgba(0,166,81,.025) 49px 70px,rgba(0,166,81,.04) 71px 90px); pointer-events:none; }
.nkl-shop-help::after,.nkl-shop-help-wave { content:""; position:absolute; z-index:0; right:-12%; bottom:-14%; width:72%; height:38%; border-radius:80% 0 0 0; background:linear-gradient(145deg,rgba(0,166,81,0),rgba(0,166,81,.055)); transform:rotate(-8deg); pointer-events:none; }
.nkl-shop-help-wave { right:-10%; bottom:-18%; width:60%; height:32%; background:linear-gradient(145deg,rgba(0,166,81,0),rgba(0,166,81,.04)); transform:rotate(-16deg); }
.nkl-shop-help-dots { position:absolute; z-index:0; top:20px; right:14px; width:64px; height:48px; background:radial-gradient(circle,rgba(0,166,81,.16) 2px,transparent 2.5px) 0 0/16px 16px; pointer-events:none; }
.nkl-shop-help-icon { position:relative; z-index:2; display:grid; place-items:center; width:68px; height:68px; margin:0 auto 18px; border-radius:50%; background:var(--support-mint); color:var(--shop-green); }
.nkl-shop-help-icon > .nkl-icon { width:40px; height:40px; stroke-width:1.8; }
.nkl-shop-help-rays { position:absolute; top:32px; width:13px; height:3px; border-radius:999px; background:rgba(0,166,81,.35); }
.nkl-shop-help-rays.is-left { left:-23px; }
.nkl-shop-help-rays.is-right { right:-23px; }
.nkl-shop-help-rays::before,.nkl-shop-help-rays::after { content:""; position:absolute; left:0; width:13px; height:3px; border-radius:999px; background:inherit; }
.nkl-shop-help-rays::before { top:-14px; transform:rotate(35deg); }
.nkl-shop-help-rays::after { top:14px; transform:rotate(-35deg); }
.nkl-shop-help-rays.is-right::before { transform:rotate(-35deg); }
.nkl-shop-help-rays.is-right::after { transform:rotate(35deg); }
.nkl-shop-help h2 { position:relative; z-index:2; margin-bottom:12px; font-size:clamp(20px,8cqi,28px); font-weight:700; line-height:1.3; color:var(--shop-navy); }
.nkl-shop-help p { position:relative; z-index:2; max-width:290px; margin:0 auto; color:#6c7685; font-size:clamp(14px,5.5cqi,17px); line-height:1.65; }
.nkl-shop-help-phone { position:relative; z-index:3; display:flex; align-items:center; justify-content:center; gap:8px; width:100%; max-width:300px; min-height:58px; margin:24px auto 0; padding:6px 10px 6px 6px; border:1.5px solid rgba(0,166,81,.18); border-radius:999px; background:rgba(255,255,255,.78); box-shadow:0 5px 18px rgba(0,90,45,.025); color:#008a48; text-decoration:none; transition:transform 250ms ease,border-color 250ms ease,box-shadow 250ms ease; }
.nkl-shop-help-phone-icon { display:grid; place-items:center; flex-shrink:0; width:36px; height:36px; border-radius:50%; background:rgba(0,166,81,.08); transition:background-color 250ms ease,color 250ms ease; }
.nkl-shop-help-phone-icon .nkl-icon { width:22px; height:22px; }
.nkl-shop-help-phone-number { font-size:clamp(13px,6cqi,19px); font-weight:700; letter-spacing:.01em; white-space:nowrap; }
.nkl-shop-help-phone:focus-visible { outline:3px solid rgba(0,166,81,.3); outline-offset:3px; }
@media(hover:hover) {
 .nkl-shop-help-phone:hover { border-color:rgba(0,166,81,.35); transform:translateY(-2px); box-shadow:0 8px 22px rgba(0,100,50,.07); }
 .nkl-shop-help-phone:hover .nkl-shop-help-phone-icon { background:var(--shop-green); color:#fff; }
}
@media(max-width:991px) {
 .nkl-shop-help { padding:26px 18px; }
 .nkl-shop-help-icon { width:60px; height:60px; }
 .nkl-shop-help-icon > .nkl-icon { width:36px; height:36px; }
 .nkl-shop-help-rays { top:28px; }
 .nkl-shop-help-dots { opacity:.7; }
 .nkl-shop-help-phone { min-height:56px; }
}
@media(prefers-reduced-motion:reduce) { .nkl-shop-help-phone:hover { transform:none; } }

.nkl-shop-help h2{margin-top:0}.nkl-shop-help a{box-sizing:border-box}.nkl-shop-help .nkl-icon{flex-shrink:0}