/* Yazılım siparişi — Web hosting belirleme adımı (ref-02 paket kartı, ref-06 seçici) */
.cv2-swh{--swh-fg:var(--foreground,#0f172a);--swh-muted:var(--muted-foreground,#64748b);--swh-card:var(--card,#fff);--swh-line:var(--border,#e2e8f0);--swh-pri:var(--primary,#4a8a6a);margin-top:8px}
.cv2-swh svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.cv2-swh-head{margin:0 0 22px}
.cv2-swh-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:color-mix(in oklab,var(--swh-pri) 12%,transparent);color:var(--swh-pri);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.cv2-swh-kicker svg{width:15px;height:15px}
.cv2-swh-head h2{margin:14px 0 6px;font-size:clamp(22px,2.4vw,28px);line-height:1.2;font-weight:700;color:var(--swh-fg)}
.cv2-swh-head p{margin:0;color:var(--swh-muted);font-size:14.5px;line-height:1.6;max-width:60ch}
.cv2-swh-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:stretch}
.cv2-swh-card{position:relative;display:flex;flex-direction:column;gap:16px;margin:0;padding:22px;border:1px solid var(--swh-line);border-radius:20px;background:var(--swh-card);transition:border-color .2s,box-shadow .2s,transform .2s}
.cv2-swh-card:hover{border-color:color-mix(in oklab,var(--swh-pri) 45%,var(--swh-line));transform:translateY(-1px)}
.cv2-swh-card.is-primary{border-color:color-mix(in oklab,var(--swh-pri) 55%,var(--swh-line));background:linear-gradient(180deg,color-mix(in oklab,var(--swh-pri) 7%,var(--swh-card)) 0%,var(--swh-card) 60%)}
.cv2-swh-card-top{display:flex;align-items:flex-start;gap:14px}
.cv2-swh-card-top h3{margin:0 0 4px;font-size:16.5px;font-weight:700;color:var(--swh-fg);line-height:1.3}
.cv2-swh-card-top small{display:block;color:var(--swh-muted);font-size:13px;line-height:1.5}
.cv2-swh-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:color-mix(in oklab,var(--swh-pri) 14%,transparent);color:var(--swh-pri);flex:none}
.cv2-swh-ico svg{width:22px;height:22px}
.cv2-swh-field{position:relative}
.cv2-swh-field select:not(.cv2-os-native){width:100%;min-height:52px;padding:0 16px;border:1px solid var(--swh-line);border-radius:14px;background:var(--swh-card);color:var(--swh-fg);font:inherit;font-size:14.5px}
.cv2-swh-field select.cv2-os-native{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;opacity:0!important;pointer-events:none!important}
.cv2-swh-field .cv2-os-trigger{width:100%;min-height:52px;border-radius:14px}
.cv2-swh-field select.danger+.cv2-os-trigger,.cv2-swh-field select.danger{border-color:#e05252;}
.cv2-swh-note{margin:0;font-size:13px;line-height:1.6;color:var(--swh-muted)}
.cv2-swh-note a{color:var(--swh-pri);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}
.cv2-swh-req{flex:1;padding:14px 16px;border:1px dashed var(--swh-line);border-radius:14px;background:color-mix(in oklab,var(--swh-fg) 3%,transparent)}
.cv2-swh-req p{margin:0;font-size:13px;line-height:1.7;color:var(--swh-muted)}
.cv2-swh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;margin-top:auto;padding:0 22px;border-radius:14px;background:var(--swh-pri);color:var(--primary-foreground,#fff)!important;font-weight:700;font-size:14.5px;text-decoration:none!important;border:1px solid var(--swh-pri);transition:filter .2s,transform .2s}
.cv2-swh-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.cv2-swh-btn.is-ghost{background:transparent;color:var(--swh-fg)!important;border-color:var(--swh-line)}
.cv2-swh-btn.is-ghost:hover{border-color:var(--swh-pri);color:var(--swh-pri)!important}
@media (max-width:860px){.cv2-swh-grid{grid-template-columns:1fr}.cv2-swh-card{padding:18px;border-radius:18px}.cv2-swh-btn{width:100%;min-height:52px}}

/* Gerekli bilgiler adımı: tablo satırları kart alanlarına dönüştürülür */
.cv2-swr{--swr-fg:var(--foreground,#0f172a);--swr-muted:var(--muted-foreground,#64748b);--swr-card:var(--card,#fff);--swr-line:var(--border,#e2e8f0);--swr-pri:var(--primary,#4a8a6a)}
.cv2-swr table.cv2-order-fields-table,.cv2-swr table.cv2-order-fields-table tbody{display:block;width:100%;border:0;background:none}
.cv2-swr table.cv2-order-fields-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px;align-items:start;margin:0 0 12px;padding:18px 20px;border:1px solid var(--swr-line);border-radius:18px;background:var(--swr-card);}
.cv2-swr table.cv2-order-fields-table tr:first-child{display:block;padding:0 2px 4px;border:0;background:none;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--swr-muted)}
.cv2-swr table.cv2-order-fields-table tr:last-child:has(.mio-ajax-submit,.order-cta,button){display:block;padding:0;border:0;background:none;}
.cv2-swr td{display:block;padding:0!important;border:0!important;font-size:14px;line-height:1.6;color:var(--swr-muted)}
.cv2-swr td>span.danger{float:left;margin-right:4px;color:#e05252;font-weight:700}
.cv2-swr td label strong{display:inline;font-size:15px;font-weight:700;color:var(--swr-fg)}
.cv2-swr td label span{display:block;margin-top:4px;font-size:13px;color:var(--swr-muted)}
.cv2-swr td label br{display:none}
.cv2-swr input[type=text],.cv2-swr input[type=password],.cv2-swr textarea,.cv2-swr select:not(.cv2-os-native){width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--swr-line);border-radius:14px;background:var(--swr-card);color:var(--swr-fg);font:inherit;font-size:14px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}
.cv2-swr textarea{min-height:110px;resize:vertical}
.cv2-swr input:focus,.cv2-swr textarea:focus{outline:0;border-color:var(--swr-pri);}
.cv2-swr input[type=file]{width:100%;padding:16px;border:1.5px dashed color-mix(in oklab,var(--swr-pri) 45%,var(--swr-line));border-radius:14px;background:color-mix(in oklab,var(--swr-pri) 5%,var(--swr-card));color:var(--swr-muted);font:inherit;font-size:13px;box-sizing:border-box;cursor:pointer}
.cv2-swr input[type=file]::file-selector-button{margin-right:12px;padding:9px 14px;border:0;border-radius:10px;background:var(--swr-pri);color:var(--primary-foreground,#fff);font:inherit;font-weight:700;cursor:pointer}
.cv2-swr .danger:is(input,textarea,select){border-color:#e05252!important;}
@media (max-width:760px){.cv2-swr table.cv2-order-fields-table tr{grid-template-columns:1fr;gap:12px;padding:16px}}