/* MVC compatibility: design source tokens; original retained in /css. */
.esign-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 40px; }
#ts-form select { display: block; width: 100%; padding: 12px; margin: 7px 0 18px; border: 1px solid var(--ayy-gray-300); border-radius: var(--ayy-radius-md); font: inherit; background: var(--ayy-gray-50); color: var(--ayy-navy-900); }
#ts-form .ts-fields[hidden] { display: none; }
#esign-company:not([hidden]) { margin-bottom: 18px; }
@media(max-width: 800px) { .esign-grid { grid-template-columns: 1fr; } }

/* Inline purchase journey: connected stations, one visible stage at a time. */
.esign-journey { margin:0 0 var(--ayy-space-8); scroll-margin-top:100px; }
.esign-journey ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; margin:0; padding:0; }
.esign-journey li { position:relative; min-width:0; }
.esign-journey li:not(:last-child)::after { content:""; position:absolute; top:23px; left:50%; right:-50%; height:3px; background:var(--ayy-gray-300); }
.esign-journey li.is-complete::after { background:var(--ayy-gold-500); }
.esign-journey button { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:12px; width:100%; padding:0 8px 16px; border:0; background:transparent; font:inherit; font-weight:600; color:var(--ayy-navy-950); cursor:pointer; text-align:center; }
.esign-stop { display:grid; place-items:center; width:48px; height:48px; border:2px solid var(--ayy-gray-300); border-radius:50%; background:var(--ayy-white); color:var(--ayy-text-secondary); font-weight:700; }
.esign-journey button[aria-current] .esign-stop { color:var(--ayy-white); background:var(--ayy-red-600); border-color:var(--ayy-red-600); box-shadow:0 0 0 5px var(--ayy-red-50); }
.esign-journey .is-complete .esign-stop { background:var(--ayy-gold-50); border-color:var(--ayy-gold-500); color:var(--ayy-gold-700); }
.esign-journey small { display:block; margin-top:4px; font-size:var(--ayy-type-caption); font-weight:400; }
.esign-journey button:disabled { cursor:default; color:var(--ayy-text-muted); }
.esign-journey button:focus-visible { outline:2px solid var(--ayy-navy-800); outline-offset:4px; border-radius:var(--ayy-radius-md); }
#ts-order.esign-order-inline { position:static; width:100%; max-height:none; overflow:visible; box-sizing:border-box; margin:0; padding:var(--ayy-space-8); border:1px solid var(--ayy-border-divider); box-shadow:var(--ayy-shadow-card); }
#ts-order.esign-order-inline[hidden],#paketler[hidden],#esign-order-fields[hidden],#esign-campaign[hidden] { display:none!important; }
.esign-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:700px) {
 .esign-journey small { display:none; }
 .esign-journey button { font-size:12px; padding-inline:4px; }
 #ts-order.esign-order-inline { padding:var(--ayy-space-4); }
 .esign-order-inline .ts-dialog-head { flex-direction:column; }
 .esign-order-inline .ts-selection { justify-content:flex-start; }
}

/* Checkout stations appear beside the form only after package selection. */
.esign-checkout { display:grid; grid-template-columns:240px minmax(0,1fr); align-items:start; gap:var(--ayy-space-8); scroll-margin-top:100px; }
.esign-checkout[hidden],.esign-checkout [hidden] { display:none!important; }
.esign-checkout .esign-journey { position:sticky; top:100px; margin:0; }
.esign-checkout .esign-journey ol { display:flex; flex-direction:column; }
.esign-checkout .esign-journey li:not(:last-child)::after { top:24px; bottom:-24px; left:23px; right:auto; width:3px; height:auto; }
.esign-checkout .esign-journey button { flex-direction:row; text-align:left; padding:0 0 32px; gap:16px; }
.esign-checkout .esign-stop { flex:none; }
.esign-checkout .esign-journey small { font-size:12px; }
.esign-step-actions { display:flex; justify-content:flex-end; margin-top:24px; }
@media(max-width:800px) {
 .esign-checkout { grid-template-columns:1fr; gap:24px; }
 .esign-checkout .esign-journey { position:static; }
 .esign-checkout .esign-journey ol { flex-direction:row; }
 .esign-checkout .esign-journey li { flex:1; }
 .esign-checkout .esign-journey button { flex-direction:column; padding:0 2px; gap:8px; font-size:11px; }
 .esign-checkout .esign-journey small { display:none; }
 .esign-checkout .esign-stop { width:36px; height:36px; }
 .esign-checkout .esign-journey li:not(:last-child)::after { top:17px; bottom:auto; left:50%; right:-50%; width:auto; height:3px; }
}

/* Product photography stays at native resolution within a restrained catalogue layout. */
.esign-grid{gap:24px;align-items:stretch}
.esign-grid .esign-offer{padding:24px;border:1px solid var(--ayy-border-divider);border-radius:var(--ayy-radius-lg);background:var(--ayy-white);box-shadow:0 4px 16px rgba(5,22,50,.04);transition:border-color .18s,box-shadow .18s}
.esign-grid .esign-offer:hover{border-color:var(--ayy-gold-500);box-shadow:var(--ayy-shadow-card)}
.esign-grid .esign-offer.featured{border-color:var(--ayy-red-600);background:var(--ayy-white);box-shadow:inset 0 3px 0 var(--ayy-red-600)}
.esign-device-row{display:flex;align-items:center;gap:20px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--ayy-border-divider)}
.esign-device-frame{flex:none;padding:8px;background:var(--ayy-gray-50);border:1px solid var(--ayy-border-divider);border-radius:var(--ayy-radius-md)}
.esign-device-frame .esign-package-photo{width:90px;height:90px;margin:0;border-radius:8px;object-fit:contain}
.esign-device-caption{display:flex;flex-direction:column;gap:5px;min-width:0}
.esign-device-caption>span{font-size:10px;letter-spacing:.1em;font-weight:700;color:var(--ayy-gold-700)}
.esign-device-caption>strong{font-size:28px;line-height:1.2;letter-spacing:-.03em;color:var(--ayy-navy-950)}
.esign-device-caption>small{font-size:13px;color:var(--ayy-text-muted)}
.esign-offer .ts-plan-top{align-items:center;min-height:56px;gap:8px}
.esign-offer .ts-plan-top h3{font-size:18px;font-weight:700;line-height:1.4}
.esign-offer .ts-plan-top>span{background:var(--ayy-red-50);color:var(--ayy-red-600);font-size:11px;font-weight:700;border-radius:6px}
.esign-offer .ts-price{font-size:32px;font-variant-numeric:tabular-nums;letter-spacing:-.035em;margin:20px 0 6px}
.esign-offer .ts-quantity{min-height:0;margin-bottom:20px}
.esign-offer ul{margin-bottom:16px;padding-block:16px}
.esign-offer li::before{color:var(--ayy-gold-700)}
.esign-offer .button{margin-top:auto}
.ts-art.esign-device-showcase{background:var(--ayy-white);border-color:var(--ayy-border-divider);border-radius:var(--ayy-radius-lg);box-shadow:var(--ayy-shadow-card)}
.ts-art.esign-device-showcase img.esign-product-photo{width:90px;height:90px;padding:12px;box-sizing:content-box;background:var(--ayy-gray-50);border:1px solid var(--ayy-border-divider);border-radius:var(--ayy-radius-lg)}
.esign-selection{border:1px solid var(--ayy-border-divider);background:var(--ayy-white);border-radius:var(--ayy-radius-md)}
@media(min-width:801px) and (max-width:1100px){.esign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.esign-grid .esign-offer{transition:none}}