/* V29 — Sanal POS seçenekleri: ana site vitrin bileşeni */
.ys-pos-section{position:relative;isolation:isolate;padding:clamp(62px,8vw,112px) 0;background:linear-gradient(180deg,#f5fafb 0%,#edf7f6 50%,#f9fbfb 100%)}
.ys-pos-section::before{content:"";position:absolute;left:-190px;top:5%;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,rgba(42,191,171,.12),transparent 70%);pointer-events:none}
.ys-pos-shell{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(22px,4vw,60px);align-items:center}
.ys-pos-copy{position:relative;z-index:1;max-width:510px}
.ys-pos-kicker{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:9px 14px;background:#e0f4ee;border:1px solid #c5e8de;color:#087c72;border-radius:100px;font-size:11px;letter-spacing:.10em;font-weight:850;text-transform:uppercase}
.ys-pos-kicker .ico{width:16px;height:16px;stroke-width:2}
.ys-pos-copy h2{font-size:clamp(34px,3.65vw,57px);letter-spacing:-.055em;line-height:1.1;color:#152d40;margin:21px 0 19px;max-width:560px;text-wrap:balance}
.ys-pos-copy h2 em{font-style:normal;color:#0e9e8b}
.ys-pos-copy>p{font-size:clamp(14px,1.22vw,16px);line-height:1.85;color:#526a76;margin:0;max-width:490px}
.ys-pos-perks{display:grid;gap:13px;margin:26px 0 28px}
.ys-pos-perks span{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:720;color:#234657}
.ys-pos-perks .ico{flex:0 0 auto;width:19px;height:19px;padding:3px;border-radius:7px;background:#dcf7eb;color:#118c78;stroke-width:2.8}
.ys-pos-link{display:inline-flex;align-items:center;gap:9px;color:#078778;font-size:13px;font-weight:820;text-decoration:none;border-bottom:1px solid rgba(8,135,120,.26);padding-bottom:6px;transition:gap .2s ease}
.ys-pos-link:hover,.ys-pos-link:focus-visible{gap:15px;color:#005f55}
.ys-pos-link .ico{width:17px;height:17px}
.ys-pos-board{position:relative;overflow:hidden;border-radius:30px;background:#fff;border:1px solid #d7e8e6;box-shadow:0 24px 80px rgba(9,50,62,.10),0 3px 14px rgba(9,50,62,.05)}
.ys-pos-board::before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;top:-85px;right:-85px;background:#d9f8f1;pointer-events:none;opacity:.7}
.ys-pos-board-top{position:relative;display:flex;align-items:center;gap:12px;padding:21px clamp(18px,2.4vw,32px);background:linear-gradient(120deg,#112b3c,#155064);color:#fff}
.ys-pos-board-icon{display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;border-radius:14px;background:rgba(123,241,206,.14);border:1px solid rgba(154,244,217,.22)}
.ys-pos-board-icon .ico{width:23px;height:23px;color:#91f1d4}
.ys-pos-board-top strong{display:block;font-size:15px;letter-spacing:-.02em}
.ys-pos-board-top small{display:block;color:#a9ccd5;font-size:11px;margin-top:3px}
.ys-pos-board-top .ys-pos-count{margin-left:auto;flex:0 0 auto;padding:8px 11px;border:1px solid rgba(184,241,227,.26);border-radius:999px;font-size:11px;font-weight:800;background:rgba(255,255,255,.07);color:#bef2e2}
.ys-pos-board-body{padding:clamp(18px,2.5vw,29px)}
.ys-pos-group+.ys-pos-group{margin-top:21px;padding-top:21px;border-top:1px solid #edf2f2}
.ys-pos-group-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:12px}
.ys-pos-group-head h3{margin:0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:850;color:#486674}
.ys-pos-status{font-size:10px;font-weight:800;line-height:1.4;letter-spacing:.02em;padding:5px 9px;border-radius:999px;white-space:nowrap}
.ys-pos-status.live{background:#e0f6e9;color:#1a7755}
.ys-pos-status.test{background:#fff3dc;color:#97631c}
.ys-pos-status.setup{background:#edf2f8;color:#587187}
.ys-pos-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.ys-pos-provider{display:flex;align-items:center;gap:9px;min-width:0;min-height:67px;padding:12px 10px;border:1px solid #e3ebea;background:#fbfdfc;border-radius:15px;box-shadow:0 3px 10px rgba(17,55,58,.025);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.ys-pos-provider:hover{transform:translateY(-2px);border-color:#b9dbd3;box-shadow:0 9px 19px rgba(15,66,64,.075)}
.ys-pos-provider-mark{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;font-size:13px;font-weight:900;letter-spacing:-.055em;color:#0f6f67;background:#e1f4ed}
.ys-pos-provider[data-stage="test"] .ys-pos-provider-mark{background:#fff1dd;color:#98672c}
.ys-pos-provider[data-stage="setup"] .ys-pos-provider-mark{background:#eaf0f5;color:#536e86}
.ys-pos-provider b{font-size:12px;color:#1b3947;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.ys-pos-board-foot{display:flex;align-items:flex-start;gap:10px;padding:13px 17px;border-radius:15px;background:#f2f8f7;border:1px solid #e3eeeb;margin-top:22px;color:#5b7378;font-size:11px;line-height:1.65}
.ys-pos-board-foot .ico{flex:0 0 auto;width:18px;height:18px;margin-top:1px;color:#0f8c81}
.ys-pos-board-foot strong{color:#30505a}
@media(max-width:1060px){.ys-pos-shell{grid-template-columns:1fr;gap:30px}.ys-pos-copy{max-width:750px}.ys-pos-copy h2{max-width:700px}.ys-pos-copy>p{max-width:730px}}
@media(max-width:640px){.ys-pos-section{padding:57px 0 65px}.ys-pos-copy h2{font-size:clamp(33px,8vw,43px);margin:17px 0 16px}.ys-pos-board{border-radius:23px}.ys-pos-board-top{padding:17px}.ys-pos-board-icon{height:40px;width:40px;flex-basis:40px}.ys-pos-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ys-pos-provider{padding:10px 9px;min-height:60px}.ys-pos-board-body{padding:17px}.ys-pos-board-top .ys-pos-count{font-size:10px;padding:7px 8px}}
@media(max-width:365px){.ys-pos-provider{gap:6px}.ys-pos-provider-mark{width:29px;flex-basis:29px;height:29px;font-size:11px}.ys-pos-provider b{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ys-pos-provider,.ys-pos-link{transition:none!important}.ys-pos-provider:hover{transform:none}}