:root{
  --blue:#1769e0;--blue2:#0b4fb6;--purple:#8b2fbc;--purple2:#a83ad0;--green:#1dbb73;
  --ink:#16233f;--muted:#6f7c92;--line:#dce5f0;--page:#f4f7fb;--soft:#f7f9fc;
  --radius:22px;--shadow:0 18px 55px rgba(25,42,74,.08)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#f7f9fd 0%,#eef3fa 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
svg{display:block}
.hidden{display:none!important}
.app-shell{min-height:100vh}
.topbar{height:68px;background:rgba(255,255,255,.98);border-bottom:1px solid #e1e7ef;display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100% - 1160px)/2));position:sticky;top:0;z-index:40}
.brand-logo{display:inline-flex;align-items:center;min-width:0;text-decoration:none;height:46px}
.brand-logo img{display:block;width:auto;height:38px;max-width:min(250px,56vw);object-fit:contain;object-position:left center}
.brand-fallback{display:none;font-size:22px;font-weight:950;letter-spacing:-.7px;color:var(--ink);white-space:nowrap}.brand-fallback b{color:var(--blue)}
.secure{display:flex;align-items:center;gap:8px;color:#65758c}.secure>svg{width:18px;height:18px;color:var(--blue)}.secure b{display:block;font-size:12px;line-height:1.1}.secure small{display:block;font-size:10px;line-height:1.2;margin-top:3px}
.container{max-width:1160px;margin:0 auto;padding:20px 18px 60px}
.steps{display:flex;justify-content:center;align-items:center;margin:0 0 24px;gap:0}.steps .step{display:flex;align-items:center;gap:8px;color:#a3adbd;font-size:13px;font-weight:800}.steps .step b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e2e8f1;color:#77849a}.steps .step.active,.steps .step.done{color:var(--blue)}.steps .step.active b,.steps .step.done b{background:var(--blue);color:#fff;box-shadow:0 6px 16px rgba(23,105,224,.2)}.steps>i{width:52px;height:2px;background:#d8e1ec;margin:0 10px}
.card{max-width:1080px;margin:0 auto;background:#fff;border:1px solid #dce5ef;border-radius:var(--radius);box-shadow:var(--shadow)}.page{overflow:hidden}.page-address{padding:0 0 26px}
/* shared controls */
.section-panel{margin:22px 28px 0;padding:24px 26px;border:1px solid #e1e8f1;border-radius:22px;background:linear-gradient(180deg,#fff,#fbfcff)}
.section-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.section-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,#6e51f4,#8b2fbc);color:#fff}.section-icon svg{width:22px;height:22px}.section-heading h2{margin:0;font-size:25px;letter-spacing:-.4px}.section-heading p{margin:4px 0 0;color:var(--muted);font-size:14px;line-height:1.4}
.subscription-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.subscription-card{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:110px;padding:18px 56px 18px 18px;border:1.5px solid #e0e7ef;border-radius:18px;background:#fff;text-align:left;color:var(--ink);box-shadow:0 6px 20px rgba(27,39,65,.05);cursor:pointer;transition:.18s ease}.subscription-card:hover{transform:translateY(-1px);border-color:#c8d6e9}.subscription-card.selected{border:2px solid var(--blue);background:#f6f9ff;box-shadow:0 12px 24px rgba(23,105,224,.10)}.subscription-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none;background:#edf3fc;color:var(--blue)}.subscription-card.selected .subscription-icon{background:var(--blue);color:#fff}.subscription-icon svg{width:22px;height:22px}.subscription-card b{display:block;font-size:16px}.subscription-card small{display:block;color:#74829a;font-size:12px;line-height:1.4;margin-top:4px}.subscription-card em{position:absolute;right:16px;top:16px;font-style:normal;font-size:10px;font-weight:900;color:#7f8ba0}.subscription-card.selected em{color:var(--blue)}.selection-dot{position:absolute;right:16px;bottom:17px;width:24px;height:24px;border:2px solid #b4bfce;border-radius:50%;background:#fff}.subscription-card.selected .selection-dot{border-color:var(--blue);background:radial-gradient(circle,#fff 0 32%,var(--blue) 34% 100%)}
.existing-line-wrap{margin-top:18px;padding:18px 0 0;border-top:1px solid #e6ecf3}.existing-line-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.existing-line-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eef4ff;color:var(--blue);flex:none}.existing-line-icon svg{width:20px;height:20px}.existing-line-head b{display:block;font-size:14px}.existing-line-head span{display:block;color:#71809a;font-size:11px;margin-top:2px}.xdsl-field>span{display:block;font-size:13px;font-weight:900}.xdsl-input-wrap{position:relative;display:flex;align-items:center;gap:10px;min-height:54px;margin-top:8px;padding:0 14px;border:1px solid #d6e0ec;border-radius:14px;background:#fff}.xdsl-input-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(23,105,224,.08)}.xdsl-input-wrap svg{width:18px;height:18px;color:#5073a5;flex:none}.xdsl-input-wrap input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-weight:800}.xdsl-input-wrap input::placeholder{color:#9ca8ba;font-weight:700}.xdsl-hint{font-size:10px;color:#8a97a9;white-space:nowrap}.subscription-result{margin-top:12px;padding:12px;border:1px solid #bfe8d5;border-radius:14px;background:#f3fff8}.subscription-result.ok{color:#185f3f}.subscription-result .result-item{display:inline-flex;flex-direction:column;min-width:42%;margin-right:5%;vertical-align:top}.subscription-result small{font-size:9px;color:#6e8b7d;font-weight:800}.subscription-result b{font-size:13px;margin-top:2px}.subscription-result .result-note{font-size:10px;font-weight:800;color:#178654;margin-top:8px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.address-grid{row-gap:18px}.address-field-label,.field-label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:900;line-height:1.25}.address-field-label svg,.field-label svg{width:16px;height:16px;color:#55739d;flex:none}.address-grid select,.identity-grid input,.identity-grid select{width:100%;min-height:52px;margin-top:8px;border:1px solid #dce4ef;border-radius:14px;background:#fff;color:#1f2a40;padding:13px 14px;outline:none;transition:.15s}.address-grid select:focus,.identity-grid input:focus,.identity-grid select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(23,105,224,.08)}.address-grid select:disabled{background:#f5f7fa;color:#a6b0bf}
.btn{width:100%;min-height:52px;margin-top:20px;border:0;border-radius:14px;padding:14px 18px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:950;cursor:pointer;transition:.18s}.btn svg{width:18px;height:18px}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#1974f5,#0b51bb);color:#fff;box-shadow:0 12px 26px rgba(23,105,224,.18)}.btn-xl{min-height:58px;font-size:16px}.btn.secondary{margin-top:12px;background:#eef3f8;color:#30405a;box-shadow:none}
.helper-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 0;color:#65738a;font-size:12px;text-align:center}.helper-note>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#2a73e8;color:#fff}.helper-note svg{width:14px;height:14px}.message{display:none;margin-top:12px;padding:13px 14px;border-radius:11px;font-size:13px}.message.show{display:block;background:#fff1f3;color:#c92b3b}
.summary{margin-top:12px;padding:10px 12px;border:1px solid #dce5f0;border-radius:12px;background:#f7f9fc;color:#65758b;font-size:11px}
/* exact user hero image */
.image-hero-banner{margin:0;padding:0;line-height:0;border:0;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;background:transparent}.image-hero-banner img{width:100%;max-width:982px;height:auto;display:block;object-fit:contain;margin:0 auto}
/* page 2 */
#page2{max-width:1080px;padding:0 0 28px}.page2-topline{text-align:center;padding:18px 22px 14px}.page-kicker{font-size:10px;letter-spacing:1.7px;font-weight:900;color:#8e35b9}.page2-topline h1{margin:4px 0 4px;font-size:34px;line-height:1.08;letter-spacing:-1px}.page2-topline p{margin:0;color:#71809a;font-size:13px}
.infra-showcase{margin:0 24px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#9c36c1 0%,#7d2ea3 50%,#5a2e86 100%);color:#fff;box-shadow:0 18px 35px rgba(98,43,145,.23)}.infra-showcase-head{height:36px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.16);font-size:9px;font-weight:900;letter-spacing:.5px}.infra-live-dot{width:7px;height:7px;border-radius:50%;margin-right:7px;background:#ffe15a}.infra-showcase-body{display:grid;grid-template-columns:1fr 1fr 1fr;min-height:178px}.infra-showcase-col{min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:13px 12px;border-right:1px solid rgba(255,255,255,.18)}.infra-showcase-col:last-child{border-right:0}.infra-type-col{align-items:flex-start;text-align:left;padding-left:28px}.infra-main-title{font-size:30px;font-weight:950;line-height:1;letter-spacing:-.6px}.infra-type-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:3px;color:#fff}.infra-type-icon svg{width:42px;height:42px;stroke-width:1.7}.infra-chip,.ready-chip{margin-top:9px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:rgba(255,255,255,.06);font-size:8px;font-weight:900;white-space:nowrap}.chip-dot{width:7px;height:7px;border-radius:50%;background:#47f19b}.ready-title{font-size:28px;font-weight:950;line-height:1}.ready-chip{border-color:#48e89b}.ready-check{margin-top:7px;color:#32ef91;font-size:44px;line-height:1;font-weight:950;text-shadow:0 4px 16px rgba(50,240,145,.18)}
.infra-speed-col{position:relative}.speed-label{font-size:9px;letter-spacing:.8px;color:#ffe15a;font-weight:900;margin-bottom:0}.speed-stage{position:relative;width:min(270px,100%);height:145px;margin-top:0;display:grid;place-items:center;overflow:visible}.speed-gauge-art{position:absolute;width:210px;height:auto;bottom:0;left:50%;transform:translateX(-50%);z-index:0}.speed-needle-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:2}.speed-needle-svg line{stroke:#fff;stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(255,255,255,.45))}.speed-needle-svg circle{fill:#fff;filter:drop-shadow(0 0 5px rgba(255,255,255,.45))}.speed-number{position:absolute;z-index:3;top:45px;left:0;right:0;display:flex;align-items:baseline;justify-content:center;gap:6px}.speed-number strong{font-size:48px;line-height:.9;font-weight:1000;letter-spacing:-1px}.speed-number span{font-size:14px;font-weight:900}.gauge-caption{display:none}
.infra-summary{display:flex;justify-content:center;gap:10px;padding:8px 12px 10px;background:#fff;color:#6c788c;font-size:10px;font-weight:800}.infra-summary b{color:#8e35b8}
.tariff-wrap{padding:20px 24px 6px}.tariff-title{text-align:center;margin:0 0 6px}.tariff-title h3{margin:0;font-size:29px;letter-spacing:-.8px}.tariff-title .under{width:42px;height:3px;margin:8px auto 0;border-radius:999px;background:linear-gradient(90deg,#a83bd0,#64258a)}.speed-meta{text-align:center;color:#71809a;font-size:11px!important;margin:0 0 14px!important}.tariff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.packet-card{position:relative;min-width:0;display:flex;flex-direction:column;padding:12px 12px 10px;border:2px solid #dfe6ee;border-radius:17px;background:#fff;box-shadow:0 8px 18px rgba(28,43,71,.05);cursor:pointer;overflow:hidden;transition:.18s}.packet-card:hover{transform:translateY(-1px);border-color:#bfd0e4}.packet-card.selected{border-color:#9b26d0;background:linear-gradient(180deg,#fff,#fcf7ff);box-shadow:0 10px 24px rgba(157,39,215,.13)}.packet-card>input{position:absolute;opacity:0;pointer-events:none}.packet-choice-badge{position:absolute;right:0;top:0;padding:6px 9px;border-radius:0 0 0 10px;background:#eef1f6;color:#77839a;font-size:8px;font-weight:900}.packet-card.selected .packet-choice-badge{background:linear-gradient(135deg,#9d2fe0,#8424c7);color:#fff}.packet-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0;padding-right:56px}.packet-title-wrap{min-width:0;flex:1}.packet-name{font-size:14px;font-weight:950;line-height:1.15;color:#15223c;overflow-wrap:normal;word-break:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.packet-sub{font-size:8px;line-height:1.25;color:#9250b6;font-weight:800;margin-top:3px;overflow-wrap:anywhere}.packet-price{flex:none;font-size:20px;font-weight:1000;line-height:1;text-align:right;color:#8528d3;white-space:nowrap}.packet-price small{font-size:8px;color:#778398;font-weight:800}.packet-specs{display:grid;gap:4px;margin-top:9px}.packet-specs>div{display:grid;grid-template-columns:22px auto 1fr;align-items:center;gap:5px;min-height:28px;padding:4px 6px;border:1px solid #e6ebf2;border-radius:9px;background:#f7f9fc;min-width:0}.packet-spec-icon{width:21px;height:21px;border-radius:7px;display:grid;place-items:center;background:#e8f1ff;color:#1769e0;flex:none}.packet-specs>div:nth-child(2) .packet-spec-icon{background:#f5e8ff;color:#9d27d7}.packet-specs>div:nth-child(3) .packet-spec-icon{background:#edf0f5;color:#58677e}.packet-spec-icon svg{width:13px;height:13px;stroke-width:2.2}.packet-specs b{font-size:9px;line-height:1.1;color:#26334a;white-space:nowrap}.packet-specs>div>span:last-child{font-size:7px;color:#7a8799;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.packet-select-button{margin-top:7px;min-height:31px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d9e1eb;color:#1769e0;font-size:10px;font-weight:950}.packet-card.selected .packet-select-button{background:linear-gradient(135deg,#a52de0,#8527c3);border-color:transparent;color:#fff}.packet-trust{margin-top:14px;padding:10px 12px;border:1px solid #e7e3eb;border-radius:12px;background:#faf9fc;text-align:center;color:#738097;font-size:10px}.packet-trust strong{display:inline-flex;align-items:center;gap:5px;color:#2b3950;margin-right:4px}.packet-trust strong svg{width:15px;height:15px}
.page2-trust{margin:20px 24px 0;padding-top:14px}.page2>.btn{margin-left:24px;margin-right:24px;width:calc(100% - 48px)}.page2>.btn.secondary{margin-bottom:0}
/* pages 3/4 */
#page3,#page4{max-width:1080px;padding:24px 28px 24px}.asset-banner{margin:0 0 16px;line-height:0;overflow:hidden}.asset-banner img{width:100%;height:auto;display:block;object-fit:contain}.identity-notice,.identity-submit-note{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid #c2ead7;border-radius:15px;background:linear-gradient(90deg,#f1fff8,#fff)}.identity-notice-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#1ec57a;color:#fff}.identity-notice-icon svg{width:16px;height:16px}.identity-notice b,.identity-submit-note b{display:block;font-size:13px}.identity-notice span,.identity-submit-note small{display:block;color:#6a778b;font-size:10px;line-height:1.5;margin-top:3px}.identity-notice>strong{color:#149447;text-align:center;font-size:12px}.identity-notice>strong svg{width:20px;height:20px;margin:0 auto 2px}.identity-grid{margin-top:18px}.identity-grid small{display:block;color:#738097;font-size:10px;margin-top:5px}.kvkk-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}.check{display:flex;gap:9px;align-items:flex-start;font-weight:600;line-height:1.45;color:#334055}.check input{width:19px;height:19px;margin:2px 0 0;flex:none}.kvkk-btn{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:42px;padding:8px 14px;border:1px solid #dbe4f0;border-radius:999px;background:#fff;color:#1769e0;font-size:11px;font-weight:900;cursor:pointer;box-shadow:0 5px 16px rgba(28,43,71,.04)}.kvkk-btn svg{width:16px;height:16px}.identity-verify-result{margin-top:12px;padding:12px;border:1px solid #bae8cf;border-radius:12px;background:#effcf6;color:#197349;font-size:12px;font-weight:800}
.asset-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.asset-upload-box{position:relative;min-height:270px;padding:20px 16px 16px;border:1.5px dashed #cdd9ea;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;cursor:pointer}.asset-upload-box:hover{border-color:#8db1e8;background:#fbfdff}.upload-id-asset{width:auto;max-width:173px;height:auto;margin:0 auto 7px;object-fit:contain}.upload-title{display:flex;align-items:center;justify-content:center;gap:7px;font-size:16px;font-weight:950;color:#17233d}.upload-title svg{width:17px;height:17px;color:#1769e0}.asset-upload-box>small{display:block;color:#74839a;font-size:10px;line-height:1.45;margin-top:4px}.upload-action{width:min(100%,360px);margin:13px 0 7px;padding:13px 12px;border:1px solid #d8e2ef;border-radius:13px;background:#fbfdff;color:#1769e0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:900}.upload-action svg{width:18px;height:18px}.upload-action em{display:block;font-style:normal;font-size:9px;font-weight:700;color:#8390a3}.asset-upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-success-asset{width:64px;height:auto;margin-top:8px;display:none}.asset-upload-box.has-file{border-color:#38bd7a;background:#f8fffb}.asset-upload-box.has-file .upload-success-asset{display:block}.asset-upload-box.has-file .upload-action{border-color:#9cddbb;background:#f1fff7;color:#198a57}.upload-security{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px 16px;border:1px solid #bfe8d5;border-radius:15px;background:#effcf6}.upload-security>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#22bf75;color:#fff;flex:none}.upload-security svg{width:20px;height:20px}.upload-security b{display:block;font-size:13px}.upload-security small{display:block;color:#6c798c;font-size:10px;margin-top:3px}.final-check{margin-top:18px}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;padding-top:16px;border-top:1px solid #e3e8ef}.trust-strip>div{text-align:center;padding:0 12px;min-width:0}.trust-strip>div+div{border-left:1px solid #e3e8ef}.trust-strip b{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px}.trust-strip b svg{width:18px;height:18px;color:#1769e0}.trust-strip span{display:block;color:#768399;font-size:9px;margin-top:4px}
/* success */
.success-card{max-width:1080px;padding:20px 28px 24px}.success-top-asset{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:20px;align-items:center;min-height:250px;padding:10px 8px 18px}.success-copy{grid-column:1;grid-row:1;max-width:620px;padding-top:4px}.success-visual{grid-column:2;grid-row:1;position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:0}.success-gov-logo{width:112px;height:auto;margin:0 auto 2px;object-fit:contain}.success-visual .success-pc{width:390px;max-width:100%;height:auto;margin:0 auto;object-fit:contain}.success-note-asset{position:absolute;right:-2px;top:4px;width:120px;height:auto;z-index:3}.success-check-asset img{width:96px;height:auto;margin:0 0 5px}.success-copy h1{margin:0;font-size:38px;line-height:1.03;letter-spacing:-1.2px}.success-copy h2{margin:7px 0 10px;font-size:19px;line-height:1.3;color:#5e708a}.success-copy p{margin:0;max-width:600px;color:#6d7a8e;font-size:12px;line-height:1.55}.success-pc{width:390px;max-width:100%;height:auto;margin:0 auto;object-fit:contain}.success-note-asset{position:absolute;right:-2px;top:4px;width:120px;height:auto;z-index:3}.application-box{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;margin-top:12px;padding:11px 12px;border:1px solid #cfe0fb;border-radius:14px;background:#f8fbff}.application-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#e8f1ff;color:#1769e0}.application-icon svg{width:21px;height:21px}.application-box small{display:block;color:#62718a;font-size:10px}.application-box strong{display:block;color:#1769e0;font-size:27px;line-height:1.05;letter-spacing:-.6px;margin-top:3px}.copy-btn{min-width:68px;min-height:50px;border:0;border-radius:11px;background:#edf4ff;color:#1769e0;font-size:9px;font-weight:900;cursor:pointer}.copy-btn svg{width:17px;height:17px;margin:0 auto 2px}.steps-heading{margin:18px 0 7px}.steps-heading h2{margin:0;font-size:19px}.steps-heading p{margin:4px 0 0;color:#71809a;font-size:10px}.edevlet-process-asset{width:100%;margin:0;line-height:0;border:0;background:transparent;overflow:hidden}.edevlet-process-asset img{width:100%;height:auto;display:block}.edevlet-action-block{display:block;margin-top:10px}.edevlet-image-link{display:block;width:100%;line-height:0;border:0;overflow:hidden}.edevlet-image-link img{width:100%;max-width:1014px;height:auto;display:block;margin:0 auto}.important-note{margin-top:9px;padding:9px 11px;border:1px solid #ffcbd0;border-radius:10px;background:#fff4f5;color:#a32b36;font-size:9px;line-height:1.45}.asset-video-box{display:grid;grid-template-columns:261px 1fr;align-items:center;gap:16px;margin-top:12px;padding:10px;border:1px solid #e2eaf3;border-radius:14px;background:#fbfcff}.video-asset{width:261px;max-width:100%;height:auto}.asset-video-box h3{margin:0 0 4px;font-size:14px}.asset-video-box p{margin:0;color:#71809a;font-size:10px;line-height:1.45}.video-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin-top:9px;padding:0 13px;border:1px solid #1769e0;border-radius:10px;background:#fff;color:#1769e0;text-decoration:none;font-size:10px;font-weight:900}.success-card>.trust-strip{margin-top:15px}.success-card>.btn.secondary{margin-top:10px}
/* Lucide sizing */
.secure svg,.btn svg,.helper-note svg,.section-icon svg,.subscription-icon svg,.existing-line-icon svg,.address-field-label svg,.field-label svg,.kvkk-btn svg,.trust-strip svg,.application-icon svg,.copy-btn svg,.upload-security svg,.upload-title svg{stroke-width:1.9}
/* small screens */


/* V73 visual system: desktop + responsive mobile */
.page2{padding-bottom:24px}
.page2 .btn{margin-top:14px}
.page2 .trust-strip{margin-bottom:0}
.infra-showcase{margin:0 24px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#a83ad0 0%,#7f2fb0 48%,#54207f 100%);box-shadow:0 18px 42px rgba(100,36,146,.18)}
.infra-showcase-head{height:32px;font-size:10px;letter-spacing:.25px}
.infra-showcase-body{min-height:168px}
.infra-showcase-col{padding:16px 18px}
.infra-type-col{padding-left:28px}
.infra-main-title{font-size:30px}
.infra-type-icon{width:54px;height:54px;margin-bottom:4px}
.infra-type-icon svg{width:43px;height:43px;stroke-width:1.8}
.infra-chip,.ready-chip{font-size:8px;padding:6px 10px}
.ready-title{font-size:28px}
.ready-check{font-size:42px}
.speed-stage{width:230px;height:140px}
.speed-gauge-art{width:220px;max-width:220px;position:absolute;left:50%;bottom:0;transform:translateX(-50%);opacity:.98;object-fit:contain}
.speed-needle-css{position:absolute;left:50%;bottom:27px;width:62px;height:4px;border-radius:999px;background:#fff;transform-origin:0 50%;transform:translateX(0) rotate(var(--needle-deg,0deg));z-index:3;box-shadow:0 0 8px rgba(255,255,255,.55)}
.speed-needle-css::after{content:"";position:absolute;left:-5px;top:50%;width:10px;height:10px;border-radius:50%;background:#fff;transform:translateY(-50%);box-shadow:0 0 7px rgba(255,255,255,.65)}
.speed-number{top:43px}
.speed-number strong{font-size:46px}
.infra-summary{font-size:11px;padding:9px 12px 10px}

.tariff-wrap{padding:22px 24px 8px}
.tariff-title h3{font-size:31px;font-weight:950}
.tariff-title .under{display:none}
.speed-meta{font-size:12px!important;margin-bottom:18px!important}
.tariff-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.packet-card{min-height:194px;padding:16px 14px 13px;border-radius:18px}
.packet-card.selected{border-width:2px}
.packet-choice-badge{padding:7px 11px;font-size:9px;border-radius:0 0 0 11px}
.packet-top{padding-right:72px;gap:12px}
.packet-name{font-size:17px;line-height:1.12;-webkit-line-clamp:2}
.packet-sub{display:none}
.packet-price{font-size:23px}
.packet-price small{font-size:10px}
.packet-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px}
.packet-specs>div{grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;gap:0 7px;min-height:62px;padding:8px 8px;border-radius:10px;background:#f7f9fc}
.packet-spec-icon{grid-row:1 / span 2;width:28px;height:28px;border-radius:50%}
.packet-spec-icon svg{width:15px;height:15px}
.packet-specs b{font-size:10px;white-space:nowrap;align-self:end}
.packet-specs>div>span:last-child{font-size:8px;white-space:nowrap;align-self:start;overflow:visible;text-overflow:clip}
.packet-select-button{min-height:40px;margin-top:10px;border-radius:10px;font-size:12px}
.packet-trust{margin-top:18px}
.page2>.btn{margin-left:24px;margin-right:24px;width:calc(100% - 48px)}
.page2-trust{margin:22px 24px 0;padding:18px 0 0}

.existing-line-wrap{margin-top:18px;padding:20px 0 0}
.existing-line-head{margin-bottom:14px}
.xdsl-field>span{font-size:14px}
.xdsl-input-wrap{min-height:56px;margin-top:9px;border-radius:14px}
.xdsl-input-wrap input{font-size:15px}
.subscription-result{padding:13px 14px}

/* Clean unavailable/error result */
.infra-empty-card{margin:24px;padding:42px 28px 32px;border:1px solid #e1e8f1;border-radius:22px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 12px 30px rgba(27,39,65,.06);text-align:center}
.infra-empty-icon{width:74px;height:74px;margin:0 auto 18px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#edf4ff,#eef0ff);color:#1769e0;font-size:32px;font-weight:950;border:1px solid #d8e6fb}
.infra-empty-title{font-size:26px;font-weight:950;letter-spacing:-.4px}
.infra-empty-text{max-width:620px;margin:10px auto 0;color:#6d7b90;font-size:14px;line-height:1.55}
.infra-empty-actions{display:flex;justify-content:center;gap:10px;max-width:600px;margin:22px auto 0}
.infra-empty-actions .btn{margin-top:0;flex:1}
.no-infra .infra-empty-card,.query-error-state .infra-empty-card{margin-bottom:8px}
.no-infra .page2-trust,.query-error-state .page2-trust{margin-top:20px}

/* Personal / upload / success visual spacing */
#page3,#page4{padding-bottom:28px}
.asset-banner img{border-radius:18px}
.trust-strip{align-items:stretch}
.trust-strip b{white-space:nowrap}
.success-card{padding-bottom:26px}
.success-top-asset{min-height:270px}

@media(max-width:900px){
  .topbar{height:60px;padding:0 14px}.brand-logo img{height:30px;max-width:175px}.secure b{font-size:10px}.secure small{font-size:8px}
  .container{padding:12px 10px 34px}.steps{margin-bottom:14px}.steps .step{gap:5px;font-size:9px}.steps .step b{width:31px;height:31px;font-size:11px}.steps>i{width:42px;margin:0 5px}
  .card{border-radius:18px}
  .section-panel{margin:12px 8px 0;padding:18px 14px;border-radius:17px}
  .section-heading h2{font-size:19px}.section-heading p{font-size:11px}
  .subscription-grid{grid-template-columns:1fr;gap:10px}.subscription-card{min-height:88px;padding:14px 46px 14px 14px;border-radius:15px}.subscription-card b{font-size:15px}.subscription-card small{font-size:10px}.subscription-icon{width:38px;height:38px}.selection-dot{width:20px;height:20px;right:12px;bottom:12px}
  .existing-line-wrap{padding-top:15px}.existing-line-head{align-items:flex-start}.existing-line-head b{font-size:13px}.existing-line-head span{font-size:10px;line-height:1.4}.xdsl-input-wrap{min-height:52px;padding:0 12px}.xdsl-hint{display:none}.subscription-result .result-item{display:flex;min-width:0;margin:0 0 7px}.subscription-result .result-item:last-of-type{margin-bottom:0}
  .grid{grid-template-columns:1fr;gap:12px}.address-grid select,.identity-grid input,.identity-grid select{min-height:50px}
  .infra-showcase{margin:0 10px;border-radius:16px}.infra-showcase-head{height:32px;font-size:8px}.infra-showcase-body{grid-template-columns:1fr 1fr 1fr;min-height:134px}.infra-showcase-col{padding:10px 6px}.infra-type-col{align-items:center;text-align:center;padding-left:6px}.infra-main-title{font-size:20px}.infra-type-icon{width:42px;height:38px}.infra-type-icon svg{width:31px;height:31px}.infra-chip,.ready-chip{font-size:6px;padding:4px 6px;margin-top:6px}.ready-title{font-size:21px}.ready-check{font-size:30px;margin-top:3px}.speed-label{font-size:7px}.speed-stage{width:150px;height:104px}.speed-gauge-art{width:144px;max-width:144px}.speed-needle-css{bottom:21px;width:43px;height:3px}.speed-needle-css::after{width:8px;height:8px}.speed-number{top:37px}.speed-number strong{font-size:32px}.speed-number span{font-size:9px}.infra-summary{font-size:9px;padding:7px 4px;gap:6px}
  .tariff-wrap{padding:18px 12px 8px}.tariff-title h3{font-size:27px;line-height:1.05}.speed-meta{font-size:10px!important;line-height:1.45!important;margin-bottom:14px!important}
  .tariff-grid{grid-template-columns:1fr;gap:12px}.packet-card{min-height:0;padding:15px 14px 13px;border-radius:18px}.packet-choice-badge{padding:6px 9px;font-size:8px}.packet-top{padding-right:78px;gap:8px}.packet-name{font-size:17px;line-height:1.15}.packet-price{font-size:24px}.packet-price small{font-size:10px}.packet-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.packet-specs>div{min-height:58px;grid-template-columns:27px minmax(0,1fr);padding:7px 7px;gap:0 6px}.packet-spec-icon{width:27px;height:27px}.packet-spec-icon svg{width:14px;height:14px}.packet-specs b{font-size:10px}.packet-specs>div>span:last-child{font-size:8px}.packet-select-button{min-height:40px;margin-top:10px;font-size:12px}.packet-trust{font-size:9px}
  .page2>.btn{margin-left:12px;margin-right:12px;width:calc(100% - 24px)}.page2-trust{grid-template-columns:1fr;margin:16px 12px 0;padding-top:14px}.page2-trust>div{padding:10px 6px}.page2-trust>div+div{border-left:0;border-top:1px solid #e3e8ef}.page2-trust b{justify-content:flex-start;font-size:11px}.page2-trust span{font-size:9px;text-align:left;padding-left:26px}
  .infra-empty-card{margin:14px 12px;padding:32px 18px 24px;border-radius:18px}.infra-empty-icon{width:64px;height:64px;margin-bottom:14px;font-size:27px}.infra-empty-title{font-size:21px}.infra-empty-text{font-size:12px}.infra-empty-actions{flex-direction:column;margin-top:18px}.infra-empty-actions .btn{width:100%}
  #page3,#page4{padding:12px 12px 18px}.asset-banner img{border-radius:14px}.identity-notice,.identity-submit-note{grid-template-columns:auto 1fr;padding:11px 12px}.identity-notice>strong{display:none}.identity-grid{margin-top:12px}.kvkk-row{display:flex;flex-direction:column;align-items:stretch;gap:8px}.kvkk-btn{width:100%;justify-content:center;margin-top:0}.asset-upload-grid{grid-template-columns:1fr;gap:12px}.asset-upload-box{min-height:0;padding:16px 10px;border-radius:15px}.upload-id-asset{max-width:170px}.upload-action{width:100%}.upload-security{margin-top:12px}.trust-strip{grid-template-columns:1fr;margin-top:14px}.trust-strip>div{padding:9px 4px}.trust-strip>div+div{border-left:0;border-top:1px solid #e3e8ef}.trust-strip b{justify-content:flex-start;font-size:10px}.trust-strip span{text-align:left;padding-left:26px;font-size:8px}
  .success-card{padding:14px 12px 18px}.success-top-asset{grid-template-columns:1fr;min-height:0;padding:10px 0 8px;text-align:center}.success-copy{max-width:none;padding-top:0}.success-check-asset img{width:78px;margin:0 auto 4px}.success-copy h1{font-size:30px}.success-copy h2{font-size:15px;margin:7px 0 8px}.success-copy p{font-size:10px;max-width:700px;margin:0 auto}.success-visual{grid-column:1;grid-row:2;padding-top:10px}.success-gov-logo{width:70px}.success-pc{width:280px}.success-note-asset{width:95px;right:4%;top:4px}.application-box{grid-template-columns:42px minmax(0,1fr) auto;gap:9px;padding:9px}.application-box strong{font-size:18px;overflow-wrap:anywhere}.steps-heading h2{font-size:17px}.steps-heading p{font-size:9px}.edevlet-process-asset img{width:100%;height:auto}.edevlet-action-block img{width:100%;height:auto}.important-note{font-size:9px}.asset-video-box{grid-template-columns:120px 1fr;gap:10px;padding:8px}.video-asset{width:120px}.asset-video-box h3{font-size:11px}.asset-video-box p{font-size:8px}.video-btn{font-size:8px}.success-card>.trust-strip{margin-top:12px}
}
@media(max-width:520px){
  .secure small{display:none}.secure b{font-size:9px}.topbar{padding:0 10px}.brand-logo img{height:28px;max-width:160px}
  .steps .step span{font-size:8px}.steps>i{width:20px;margin:0 3px}
  .infra-showcase-body{min-height:124px}.infra-showcase-col{padding:9px 4px}.infra-main-title{font-size:18px}.infra-type-icon{width:36px;height:34px}.infra-type-icon svg{width:27px;height:27px}.infra-chip,.ready-chip{font-size:5.5px;padding:3px 4px}.ready-title{font-size:18px}.ready-check{font-size:27px}.speed-stage{width:122px;height:96px}.speed-gauge-art{width:118px}.speed-needle-css{bottom:19px;width:36px}.speed-number{top:34px}.speed-number strong{font-size:28px}.speed-number span{font-size:8px}.infra-summary{font-size:8px}
  .tariff-title h3{font-size:24px}.speed-meta{font-size:9px!important}.packet-card{padding:13px 12px}.packet-top{padding-right:70px}.packet-name{font-size:16px}.packet-price{font-size:21px}.packet-specs{gap:5px}.packet-specs>div{grid-template-columns:24px minmax(0,1fr);min-height:54px;padding:6px}.packet-spec-icon{width:24px;height:24px}.packet-spec-icon svg{width:12px;height:12px}.packet-specs b{font-size:9px}.packet-specs>div>span:last-child{font-size:7px}.packet-select-button{min-height:38px}
  .success-copy h1{font-size:26px}.success-copy h2{font-size:13px}.success-copy p{font-size:9px}.success-note-asset{right:0;width:76px}.application-box{grid-template-columns:34px minmax(0,1fr) auto}.application-icon{width:34px;height:34px}.application-box strong{font-size:15px}.copy-btn{min-width:48px}
  .asset-video-box{grid-template-columns:1fr}.video-asset{width:100%;max-width:240px;margin:0 auto}.asset-video-box>div{text-align:center}.trust-strip b{font-size:10px}
}

/* V74 — package cards: reference design, desktop 5-col / mobile 1-col */
.tariff-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:stretch;
}
.packet-card{
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  min-height:0!important;
  height:100%!important;
  padding:12px 10px 10px!important;
  border:1px solid #dfe7f2!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(24,42,72,.055)!important;
  overflow:hidden!important;
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
}
.packet-card.selected{
  border:2px solid #a92be4!important;
  background:linear-gradient(180deg,#fff 0%,#fff 82%,#fcf5ff 100%)!important;
  box-shadow:0 6px 18px rgba(155,37,215,.16)!important;
}
.packet-card>input{display:none!important}
.packet-card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(87,150,255,.035),transparent 40%,rgba(168,52,227,.03));}
.packet-main{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;min-width:0}
.packet-choice-badge{
  position:absolute!important;
  top:0!important;
  right:0!important;
  left:auto!important;
  z-index:4!important;
  padding:4px 8px!important;
  border:0!important;
  border-radius:0 0 0 10px!important;
  background:#edf3fb!important;
  color:#6680a3!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.packet-card.selected .packet-choice-badge{background:#9b24d4!important;color:#fff!important}
.packet-card:nth-child(3) .packet-choice-badge{display:none!important}
.packet-card:nth-child(3)::before{
  content:"En Popüler";
  position:absolute;
  top:0;
  left:50%;
  transform:translate(-50%,-1px);
  z-index:5;
  min-width:72px;
  padding:4px 10px;
  border-radius:0 0 9px 9px;
  background:linear-gradient(90deg,#9b24d4,#7e2de0);
  color:#fff;
  text-align:center;
  font-size:7px;
  font-weight:900;
  line-height:1;
  box-shadow:0 4px 10px rgba(126,45,224,.18);
}
.packet-top{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:5px!important;
  padding:0!important;
  min-width:0!important;
  align-items:start!important;
}
.packet-title-wrap{min-width:0!important;padding-top:1px!important}
.packet-name{
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:950!important;
  color:#16254a!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
}
.packet-sub{font-size:7px!important;line-height:1.15!important;margin-top:4px!important;color:#7f91ac!important;display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.packet-price{
  flex:none!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:1000!important;
  color:#8124d5!important;
  white-space:nowrap!important;
  text-align:right!important;
  margin-top:1px!important;
}
.packet-price small{font-size:7px!important;color:#6d7f9d!important;font-weight:800!important;margin-left:2px}
.packet-specs{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:4px!important;
  margin-top:8px!important;
}
.packet-specs>div{
  display:grid!important;
  grid-template-columns:20px auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:4px!important;
  min-height:24px!important;
  padding:3px 5px!important;
  border:1px solid #e3eaf4!important;
  border-radius:7px!important;
  background:#f8faff!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.packet-spec-icon{
  width:20px!important;height:20px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;flex:none!important;
  background:#1d7de9!important;color:#fff!important;
}
.packet-specs>div:nth-child(2) .packet-spec-icon{background:#b324da!important;color:#fff!important}
.packet-specs>div:nth-child(3) .packet-spec-icon{background:#59647a!important;color:#fff!important}
.packet-spec-icon svg{width:11px!important;height:11px!important;stroke-width:2.5!important}
.packet-specs b{font-size:8px!important;line-height:1!important;color:#23324b!important;white-space:nowrap!important}
.packet-specs>div>span:last-child{font-size:6.5px!important;line-height:1!important;color:#70819a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important}
.packet-select-button{
  margin-top:auto!important;
  padding-top:7px!important;
  min-height:30px!important;
  border-radius:7px!important;
  border:1px solid #cbd9eb!important;
  background:#fff!important;
  color:#1769e0!important;
  font-size:8px!important;
  font-weight:950!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
.packet-card.selected .packet-select-button{background:linear-gradient(90deg,#a52de3,#8a2bcf)!important;border-color:transparent!important;color:#fff!important}
.packet-trust{display:none!important}

@media (max-width:1100px){
  .tariff-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
}
@media (max-width:760px){
  .tariff-grid{grid-template-columns:1fr!important;gap:12px!important}
  .packet-card{padding:16px 14px 13px!important;border-radius:16px!important}
  .packet-name{font-size:18px!important;line-height:1.12!important}
  .packet-sub{font-size:9px!important;margin-top:4px!important}
  .packet-price{font-size:24px!important}
  .packet-price small{font-size:10px!important}
  .packet-specs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:12px!important}
  .packet-specs>div{grid-template-columns:28px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:0 6px!important;min-height:56px!important;padding:7px!important;border-radius:9px!important}
  .packet-spec-icon{width:28px!important;height:28px!important;grid-row:1 / span 2!important}
  .packet-spec-icon svg{width:14px!important;height:14px!important}
  .packet-specs b{font-size:10px!important;align-self:end!important}
  .packet-specs>div>span:last-child{font-size:8px!important;align-self:start!important;overflow:visible!important;text-overflow:clip!important}
  .packet-select-button{min-height:42px!important;margin-top:10px!important;font-size:12px!important}
  .packet-choice-badge{font-size:8px!important;padding:6px 9px!important}
  .packet-card:nth-child(3)::before{font-size:8px!important;min-width:84px;padding:6px 11px!important}
}
@media (max-width:420px){
  .packet-card{padding:14px 12px 12px!important}
  .packet-name{font-size:16px!important}
  .packet-price{font-size:21px!important}
  .packet-specs{grid-template-columns:1fr!important;gap:6px!important}
  .packet-specs>div{grid-template-columns:28px auto 1fr!important;grid-template-rows:none!important;min-height:36px!important;padding:4px 6px!important}
  .packet-spec-icon{grid-row:auto!important}
  .packet-specs b{font-size:10px!important;align-self:center!important}
  .packet-specs>div>span:last-child{font-size:8px!important;align-self:center!important}
}

/* V75 — faithful reference rebuild for infrastructure + package results */
#page2{max-width:1160px!important;padding:0 0 34px!important;background:#fff!important}
#page2 .infra-showcase{margin:0 14px!important;border-radius:0 0 22px 22px!important;overflow:hidden!important;background:linear-gradient(135deg,#a83de1 0%,#8429b9 48%,#4d2380 100%)!important;box-shadow:0 18px 42px rgba(98,35,148,.18)!important;color:#fff!important}
#page2 .infra-showcase-head{height:40px!important;font-size:11px!important;letter-spacing:.15px!important;background:rgba(255,255,255,.06)!important;border-bottom:1px solid rgba(255,255,255,.18)!important}
#page2 .infra-showcase-body{min-height:214px!important;grid-template-columns:1.08fr 1fr 1.08fr!important}
#page2 .infra-showcase-col{padding:18px 24px!important;border-right:1px solid rgba(255,255,255,.23)!important}
#page2 .infra-type-col{align-items:flex-start!important;justify-content:center!important;text-align:left!important;padding-left:38px!important}
#page2 .infra-type-inner{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
#page2 .infra-type-icon{width:62px!important;height:62px!important;margin:0 0 4px!important;color:#fff!important}
#page2 .infra-type-icon svg{width:56px!important;height:56px!important;stroke-width:1.6!important}
#page2 .infra-main-title{font-size:39px!important;line-height:1!important;letter-spacing:-1px!important;font-weight:950!important}
#page2 .infra-chip{margin-top:13px!important;padding:7px 12px!important;border:1px solid rgba(255,255,255,.62)!important;background:rgba(255,255,255,.045)!important;font-size:9px!important;letter-spacing:.15px!important}
#page2 .ready-title{display:flex!important;align-items:center!important;gap:8px!important;font-size:37px!important;line-height:1!important;font-weight:1000!important}
#page2 .ready-title svg{width:29px!important;height:29px!important;stroke-width:2.8!important;color:#48f49a!important}
#page2 .ready-chip{margin-top:12px!important;padding:7px 12px!important;border-color:rgba(255,255,255,.58)!important;font-size:9px!important;background:rgba(255,255,255,.05)!important}
#page2 .ready-check{margin-top:16px!important;color:#38f39a!important;font-size:43px!important;line-height:.9!important;text-shadow:0 6px 18px rgba(56,243,154,.18)!important}
#page2 .infra-speed-col{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:0!important}
#page2 .speed-copy{min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
#page2 .speed-label{font-size:13px!important;letter-spacing:.3px!important;color:#ffe564!important;font-weight:950!important;white-space:nowrap!important;margin-bottom:4px!important}
#page2 .speed-value{display:flex;flex-direction:column;align-items:flex-start;line-height:.86!important}
#page2 .speed-value strong{font-size:60px!important;letter-spacing:-2px!important;font-weight:1000!important;color:#fff!important}
#page2 .speed-value span{font-size:21px!important;font-weight:950!important;align-self:flex-end;margin-right:4px;margin-top:5px!important;color:#fff!important}
#page2 .speed-gauge-wrap{position:relative;flex:none;width:190px!important;height:145px!important;overflow:visible!important}
#page2 .speed-gauge-art{position:absolute!important;left:50%!important;bottom:3px!important;width:190px!important;max-width:none!important;height:auto!important;transform:translateX(-50%)!important;opacity:1!important;z-index:1!important}
#page2 .speed-needle-css{position:absolute!important;left:50%!important;bottom:21px!important;width:70px!important;height:5px!important;background:#fff!important;border-radius:999px!important;transform-origin:0 50%!important;transform:translateX(0) rotate(var(--needle-deg,60deg))!important;z-index:3!important;box-shadow:0 0 8px rgba(255,255,255,.55)!important}
#page2 .speed-needle-css i{position:absolute!important;left:-6px!important;top:50%!important;width:12px!important;height:12px!important;border-radius:50%!important;background:#fff!important;transform:translateY(-50%)!important;box-shadow:0 0 8px rgba(255,255,255,.65)!important}
#page2 .infra-summary{min-height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;padding:10px 16px!important;background:#fff!important;color:#71809a!important;font-size:13px!important;font-weight:800!important}
#page2 .infra-summary span{display:flex;align-items:center;gap:7px;white-space:nowrap}
#page2 .infra-summary svg{width:18px;height:18px;color:#1769e0;stroke-width:2}
#page2 .infra-summary b{color:#8d31c3!important}
#page2 .summary-divider{width:1px!important;height:25px!important;background:#d8dff0!important}

#page2 .tariff-wrap{padding:26px 24px 4px!important}
#page2 .tariff-title{text-align:center!important;margin:0!important}
#page2 .tariff-title h3{font-size:34px!important;line-height:1.05!important;letter-spacing:-1px!important;font-weight:1000!important;margin:0!important}
#page2 .tariff-title h3{background:linear-gradient(90deg,#182744 0%,#2252c8 45%,#8225d7 78%);-webkit-background-clip:text;background-clip:text;color:transparent}
#page2 .tariff-title p{margin:9px 0 0!important;color:#65758e!important;font-size:14px!important}
#page2 .speed-meta{text-align:center!important;margin:4px 0 18px!important;color:#7c889c!important;font-size:12px!important}
#page2 .speed-meta b{color:#7e2bcc!important}
#page2 .tariff-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important}
#page2 .packet-card{min-width:0!important;width:100%!important;min-height:275px!important;padding:15px 11px 12px!important;border:1px solid #e0e7f2!important;border-radius:13px!important;background:#fff!important;box-shadow:0 8px 24px rgba(34,57,89,.075)!important;overflow:hidden!important;position:relative!important;display:flex!important;flex-direction:column!important;color:#1b2c4c!important}
#page2 .packet-card:hover{transform:translateY(-2px)!important;border-color:#bccbe2!important}
#page2 .packet-card.selected{border:2px solid #a72be2!important;background:linear-gradient(180deg,#fff 0%,#fff 100%)!important;box-shadow:0 10px 28px rgba(156,39,214,.14)!important}
#page2 .packet-card.is-popular{border-color:#8c2be0!important}
#page2 .packet-card>input{display:none!important}
#page2 .packet-choice-badge{position:absolute!important;right:7px!important;top:6px!important;z-index:5!important;padding:4px 7px!important;border-radius:999px!important;background:#eef3fb!important;color:#58739a!important;font-size:7px!important;font-weight:900!important;line-height:1!important}
#page2 .packet-card.selected .packet-choice-badge{background:#8f25cf!important;color:#fff!important}
#page2 .popular-badge{position:absolute!important;left:50%!important;top:0!important;transform:translate(-50%,-1px)!important;z-index:6!important;display:flex!important;align-items:center!important;gap:4px!important;padding:5px 11px!important;border-radius:0 0 10px 10px!important;background:linear-gradient(90deg,#8126d4,#a42be3)!important;color:#fff!important;font-size:8px!important;font-weight:950!important;white-space:nowrap!important;box-shadow:0 5px 12px rgba(130,35,211,.16)!important}
#page2 .popular-badge svg{width:11px!important;height:11px!important;fill:currentColor!important}
#page2 .packet-main{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;height:100%!important;min-width:0!important}
#page2 .packet-card-head{display:flex!important;align-items:flex-start!important;gap:8px!important;min-width:0!important;padding-right:58px!important}
#page2 .packet-icon-wrap{width:34px!important;height:34px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#edf4ff!important;color:#236ce4!important;flex:none!important}
#page2 .packet-card:nth-child(2) .packet-icon-wrap{background:#f2ecff!important;color:#8830d4!important}
#page2 .packet-card:nth-child(3) .packet-icon-wrap{background:#f0e8ff!important;color:#7e2bd7!important}
#page2 .packet-card:nth-child(4) .packet-icon-wrap{background:#eaf7ff!important;color:#2c75dd!important}
#page2 .packet-card:nth-child(5) .packet-icon-wrap{background:#fff1e8!important;color:#e88b36!important}
#page2 .packet-icon-wrap svg{width:18px!important;height:18px!important;stroke-width:2!important}
#page2 .packet-title-wrap{min-width:0!important}
#page2 .packet-brand{font-size:11px!important;font-weight:950!important;line-height:1!important;color:#152650!important}
#page2 .packet-name{font-size:16px!important;line-height:1.08!important;font-weight:1000!important;color:#152650!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;overflow-wrap:anywhere!important;margin-top:2px!important}
#page2 .packet-sub{font-size:8px!important;line-height:1.15!important;color:#7890ad!important;margin-top:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#page2 .packet-speed-title{display:flex!important;align-items:baseline!important;gap:6px!important;margin-top:8px!important}
#page2 .packet-speed-title strong{font-size:22px!important;line-height:1!important;font-weight:1000!important;color:#6923d2!important;letter-spacing:-.5px!important}
#page2 .packet-speed-title span{font-size:8px!important;color:#74829a!important;font-weight:700!important}
#page2 .packet-specs{display:grid!important;gap:5px!important;margin-top:8px!important}
#page2 .packet-specs>div{display:grid!important;grid-template-columns:24px auto minmax(0,1fr)!important;align-items:center!important;gap:5px!important;min-height:29px!important;padding:4px 6px!important;border:1px solid #e4ebf4!important;border-radius:8px!important;background:#f8fbff!important;min-width:0!important}
#page2 .packet-spec-icon{width:22px!important;height:22px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#1976ec!important;color:#fff!important}
#page2 .packet-specs>div:nth-child(2) .packet-spec-icon{background:#ad25d5!important}
#page2 .packet-specs>div:nth-child(3) .packet-spec-icon{background:#57667f!important}
#page2 .packet-spec-icon svg{width:12px!important;height:12px!important;stroke-width:2.2!important}
#page2 .packet-specs b{font-size:8px!important;line-height:1!important;font-weight:950!important;color:#273650!important;white-space:nowrap!important}
#page2 .packet-specs>div>span:last-child{font-size:7px!important;color:#76869e!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important}
#page2 .packet-price-row{margin-top:auto!important;padding-top:10px!important;border-top:1px solid #e7edf5!important}
#page2 .packet-price{font-size:21px!important;line-height:1!important;font-weight:1000!important;color:#7622d1!important;text-align:center!important;white-space:nowrap!important}
#page2 .packet-price small{font-size:8px!important;color:#74839b!important;font-weight:800!important;margin-left:2px!important}
#page2 .packet-select-button{margin-top:8px!important;min-height:38px!important;border:1px solid #bcd0ea!important;border-radius:8px!important;background:#fff!important;color:#1769e0!important;font-size:10px!important;font-weight:950!important;display:flex!important;align-items:center!important;justify-content:center!important}
#page2 .packet-card.selected .packet-select-button{background:linear-gradient(90deg,#9d2be0,#8429ce)!important;border-color:transparent!important;color:#fff!important}
#page2 .packet-trust{display:none!important}

@media (max-width:1080px){
  #page2 .tariff-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:900px){
  #page2 .infra-showcase{margin:0 10px!important}
  #page2 .infra-showcase-body{min-height:190px!important}
  #page2 .infra-showcase-col{padding:15px 14px!important}
  #page2 .infra-type-col{padding-left:22px!important}
  #page2 .infra-main-title{font-size:32px!important}
  #page2 .ready-title{font-size:31px!important}
  #page2 .speed-value strong{font-size:50px!important}
  #page2 .speed-gauge-wrap{width:165px!important;height:130px!important}
  #page2 .speed-gauge-art{width:165px!important}
  #page2 .speed-needle-css{width:60px!important;bottom:19px!important}
  #page2 .tariff-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:700px){
  #page2 .infra-showcase{margin:0 8px!important;border-radius:16px!important}
  #page2 .infra-showcase-head{height:34px!important;font-size:8px!important}
  #page2 .infra-showcase-body{grid-template-columns:1fr 1fr 1fr!important;min-height:156px!important}
  #page2 .infra-showcase-col{padding:10px 6px!important}
  #page2 .infra-type-col{padding-left:6px!important;align-items:center!important;text-align:center!important}
  #page2 .infra-type-icon{width:40px!important;height:40px!important}
  #page2 .infra-type-icon svg{width:34px!important;height:34px!important}
  #page2 .infra-main-title{font-size:21px!important}
  #page2 .infra-chip{font-size:5px!important;padding:4px 6px!important;margin-top:6px!important;text-align:center!important}
  #page2 .ready-title{font-size:20px!important;gap:3px!important}
  #page2 .ready-title svg{width:18px!important;height:18px!important}
  #page2 .ready-chip{font-size:5px!important;padding:4px 5px!important;max-width:100%!important;text-align:center!important;white-space:normal!important}
  #page2 .ready-check{font-size:30px!important;margin-top:6px!important}
  #page2 .infra-speed-col{gap:0!important}
  #page2 .speed-copy{position:relative;z-index:4}
  #page2 .speed-label{font-size:7px!important}
  #page2 .speed-value strong{font-size:31px!important;letter-spacing:-1px!important}
  #page2 .speed-value span{font-size:9px!important;margin-right:0!important}
  #page2 .speed-gauge-wrap{width:100px!important;height:92px!important;margin-left:-13px!important}
  #page2 .speed-gauge-art{width:118px!important;left:50%!important;bottom:0!important}
  #page2 .speed-needle-css{width:40px!important;height:3px!important;bottom:15px!important}
  #page2 .speed-needle-css i{width:8px!important;height:8px!important;left:-4px!important}
  #page2 .infra-summary{min-height:44px!important;font-size:9px!important;gap:8px!important;padding:7px!important}
  #page2 .infra-summary svg{width:14px!important;height:14px!important}
  #page2 .summary-divider{height:18px!important}
  #page2 .tariff-wrap{padding:20px 12px 4px!important}
  #page2 .tariff-title h3{font-size:27px!important;line-height:1.05!important}
  #page2 .tariff-title p{font-size:12px!important;line-height:1.35!important}
  #page2 .speed-meta{font-size:10px!important;line-height:1.35!important;margin-top:7px!important;margin-bottom:14px!important}
  #page2 .tariff-grid{grid-template-columns:1fr!important;gap:12px!important}
  #page2 .packet-card{min-height:274px!important;padding:17px 14px 13px!important;border-radius:18px!important}
  #page2 .packet-card-head{padding-right:74px!important}
  #page2 .packet-icon-wrap{width:40px!important;height:40px!important}
  #page2 .packet-icon-wrap svg{width:20px!important;height:20px!important}
  #page2 .packet-brand{font-size:12px!important}
  #page2 .packet-name{font-size:21px!important;line-height:1.08!important}
  #page2 .packet-sub{font-size:9px!important;margin-top:5px!important}
  #page2 .packet-speed-title{margin-top:11px!important}
  #page2 .packet-speed-title strong{font-size:28px!important}
  #page2 .packet-speed-title span{font-size:10px!important}
  #page2 .packet-specs{gap:7px!important;margin-top:12px!important}
  #page2 .packet-specs>div{min-height:40px!important;padding:6px 8px!important;border-radius:10px!important;grid-template-columns:30px auto minmax(0,1fr)!important}
  #page2 .packet-spec-icon{width:29px!important;height:29px!important}
  #page2 .packet-spec-icon svg{width:14px!important;height:14px!important}
  #page2 .packet-specs b{font-size:11px!important}
  #page2 .packet-specs>div>span:last-child{font-size:9px!important}
  #page2 .packet-price-row{padding-top:11px!important}
  #page2 .packet-price{text-align:right!important;font-size:27px!important}
  #page2 .packet-price small{font-size:10px!important}
  #page2 .packet-select-button{min-height:44px!important;font-size:13px!important;border-radius:10px!important;margin-top:9px!important}
  #page2 .packet-choice-badge{font-size:8px!important;padding:6px 9px!important}
  #page2 .popular-badge{font-size:8px!important;padding:6px 12px!important}
}
@media (max-width:420px){
  #page2 .infra-showcase-body{min-height:148px!important}
  #page2 .infra-main-title{font-size:18px!important}
  #page2 .infra-chip{font-size:4.7px!important;padding:3px 4px!important}
  #page2 .ready-title{font-size:18px!important}
  #page2 .ready-chip{font-size:4.7px!important}
  #page2 .speed-label{font-size:6px!important}
  #page2 .speed-value strong{font-size:28px!important}
  #page2 .speed-gauge-wrap{width:88px!important;height:82px!important;margin-left:-16px!important}
  #page2 .speed-gauge-art{width:106px!important}
  #page2 .speed-needle-css{width:36px!important}
  #page2 .infra-summary{font-size:8px!important;gap:5px!important}
  #page2 .tariff-title h3{font-size:24px!important}
  #page2 .packet-card{min-height:266px!important;padding:15px 12px 12px!important}
  #page2 .packet-name{font-size:19px!important}
  #page2 .packet-price{font-size:24px!important}
}

/* V75 package card alignment refinements */
#page2 .packet-card-head{padding-right:0!important;min-height:57px!important}
#page2 .packet-icon-wrap{position:absolute!important;right:10px!important;top:11px!important;width:36px!important;height:36px!important;border-radius:50%!important;z-index:4!important}
#page2 .packet-choice-badge{display:none!important}
#page2 .packet-card .packet-sub{max-width:76%!important}
#page2 .packet-card .packet-speed-title{padding-right:42px!important}
#page2 .packet-card.selected .packet-speed-title strong{color:#7622d1!important}
@media (max-width:700px){
  #page2 .packet-card-head{min-height:58px!important}
  #page2 .packet-icon-wrap{right:12px!important;top:13px!important;width:42px!important;height:42px!important}
  #page2 .packet-card .packet-sub{max-width:82%!important}
}

/* V76 — final visual refinements from reference screenshots */
:root{
  --font-main:'Plus Jakarta Sans',Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
html,body,button,input,select,textarea{font-family:var(--font-main)!important}
body{font-weight:500;letter-spacing:-.01em}

/* Page 2: keep the infrastructure panel perfectly centered and balanced. */
#page2{width:100%!important;max-width:1160px!important;margin:0 auto!important;overflow:visible!important}
#page2 .infra-showcase{width:calc(100% - 28px)!important;max-width:1120px!important;margin:0 auto!important;border-radius:0 0 22px 22px!important;overflow:hidden!important}
#page2 .infra-showcase-body{grid-template-columns:1fr 1fr 1fr!important}
#page2 .infra-showcase-col{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:20px 26px!important}
#page2 .infra-type-col{align-items:center!important;text-align:center!important;padding-left:26px!important}
#page2 .infra-type-inner{align-items:center!important;text-align:center!important}
#page2 .infra-main-title{font-size:40px!important;line-height:1!important;text-align:center!important}
#page2 .infra-chip{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
#page2 .ready-title{justify-content:center!important;text-align:center!important}
#page2 .ready-chip{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
#page2 .ready-check{text-align:center!important}
#page2 .infra-speed-col{flex-direction:column!important;gap:0!important;text-align:center!important}
#page2 .speed-copy{align-items:center!important;text-align:center!important}
#page2 .speed-value{align-items:center!important;text-align:center!important}
#page2 .speed-value strong{font-size:70px!important;line-height:.9!important;letter-spacing:-2.8px!important}
#page2 .speed-value span{font-size:23px!important;align-self:center!important;margin:6px 0 0!important;line-height:1!important}
#page2 .speed-gauge-wrap,#page2 .speed-gauge-art,#page2 .speed-needle-css{display:none!important}
#page2 .infra-summary{width:calc(100% - 28px)!important;max-width:1120px!important;margin:0 auto!important;justify-content:center!important;text-align:center!important}

/* Packet heading: always visible, centered and readable. */
#page2 .tariff-wrap{width:100%!important;max-width:1120px!important;margin:0 auto!important;padding:28px 20px 6px!important}
#page2 .tariff-title{display:block!important;width:100%!important;text-align:center!important;visibility:visible!important;opacity:1!important}
#page2 .tariff-title h3{display:block!important;visibility:visible!important;opacity:1!important;font-size:34px!important;line-height:1.12!important;margin:0 auto!important;max-width:100%!important}
#page2 .tariff-title p{display:block!important;visibility:visible!important;opacity:1!important;font-size:14px!important;line-height:1.5!important;margin:9px auto 0!important}
#page2 .speed-meta{text-align:center!important;max-width:1040px!important;margin:6px auto 18px!important;line-height:1.45!important}

/* Packet cards: reference-like proportions, cleaner type, no duplicated Taahhüt label. */
#page2 .packet-card{height:auto!important;min-height:0!important;padding:15px 11px 12px!important;border-radius:14px!important}
#page2 .packet-main{min-height:0!important}
#page2 .packet-card-head{min-height:64px!important;padding-right:50px!important}
#page2 .packet-icon-wrap{right:10px!important;top:11px!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;overflow:hidden!important}
#page2 .packet-icon-wrap svg{width:19px!important;height:19px!important;max-width:19px!important;max-height:19px!important}
#page2 .packet-brand{font-size:11px!important;line-height:1.05!important}
#page2 .packet-name{font-size:17px!important;line-height:1.08!important;letter-spacing:-.35px!important}
#page2 .packet-sub{font-size:8px!important;line-height:1.2!important;margin-top:4px!important;max-width:78%!important}
#page2 .packet-speed-title{display:flex!important;align-items:center!important;justify-content:center!important;margin:8px 0 10px!important;padding:0!important;text-align:center!important}
#page2 .packet-speed-title strong{font-size:27px!important;line-height:1!important;letter-spacing:-.8px!important;color:#7425d3!important;text-align:center!important}
#page2 .packet-specs{gap:5px!important;margin-top:0!important}
#page2 .packet-specs>div{grid-template-columns:24px auto minmax(0,1fr)!important;min-height:33px!important;padding:4px 6px!important}
#page2 .packet-spec-icon{width:24px!important;height:24px!important;overflow:hidden!important}
#page2 .packet-spec-icon svg{width:12px!important;height:12px!important;max-width:12px!important;max-height:12px!important}
#page2 .packet-specs b{font-size:9px!important}
#page2 .packet-specs>div>span:last-child{font-size:7px!important}
#page2 .packet-specs>div:nth-child(3)>span:last-child{display:none!important}
#page2 .packet-price-row{margin-top:10px!important;padding-top:10px!important}
#page2 .packet-price{text-align:center!important;font-size:24px!important;letter-spacing:-.5px!important}
#page2 .packet-price small{font-size:9px!important}
#page2 .packet-select-button{min-height:40px!important;margin-top:9px!important;border-radius:9px!important;font-size:10px!important}

/* Footer: center the full width of the page and eliminate drift. */
#page2 .page2-trust{width:calc(100% - 48px)!important;max-width:1000px!important;margin:22px auto 0!important;padding:16px 0 0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;text-align:center!important}
#page2 .page2-trust>div{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:0 18px!important}
#page2 .page2-trust>div+div{border-left:1px solid #e3e8ef!important}
#page2 .page2-trust b{justify-content:center!important;white-space:nowrap!important;text-align:center!important}
#page2 .page2-trust span{padding:0!important;text-align:center!important}

/* Global footer strips on all steps. */
#page3 .trust-strip,#page4 .trust-strip,#success .trust-strip{width:100%!important;max-width:1000px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
#page3 .trust-strip>div,#page4 .trust-strip>div,#success .trust-strip>div{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}
#page3 .trust-strip>div+div,#page4 .trust-strip>div+div,#success .trust-strip>div+div{border-left:1px solid #e3e8ef!important}
#page3 .trust-strip b,#page4 .trust-strip b,#success .trust-strip b{justify-content:center!important;text-align:center!important;white-space:nowrap!important}
#page3 .trust-strip span,#page4 .trust-strip span,#success .trust-strip span{padding:0!important;text-align:center!important}

/* Responsive: mobile = single wide card, never squeeze the package cards into columns. */
@media(max-width:760px){
  #page2 .infra-showcase{width:calc(100% - 20px)!important;margin:0 auto!important;border-radius:16px!important}
  #page2 .infra-showcase-body{grid-template-columns:1fr!important;min-height:0!important}
  #page2 .infra-showcase-col{min-height:142px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important;padding:20px 14px!important}
  #page2 .infra-showcase-col:last-child{border-bottom:0!important}
  #page2 .infra-type-icon{width:54px!important;height:54px!important}
  #page2 .infra-type-icon svg{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important}
  #page2 .infra-main-title{font-size:34px!important}
  #page2 .ready-title{font-size:31px!important}
  #page2 .speed-value strong{font-size:56px!important}
  #page2 .speed-value span{font-size:20px!important}
  #page2 .infra-summary{width:calc(100% - 20px)!important;max-width:none!important;flex-wrap:wrap!important;gap:8px 12px!important;font-size:10px!important;padding:10px!important}
  #page2 .infra-summary span{justify-content:center!important}
  #page2 .tariff-wrap{padding:24px 14px 8px!important}
  #page2 .tariff-title h3{font-size:30px!important;line-height:1.08!important}
  #page2 .tariff-title p{font-size:13px!important}
  #page2 .speed-meta{font-size:11px!important}
  #page2 .tariff-grid{grid-template-columns:1fr!important;gap:14px!important}
  #page2 .packet-card{padding:18px 14px 14px!important;border-radius:18px!important}
  #page2 .packet-card-head{min-height:66px!important;padding-right:58px!important}
  #page2 .packet-icon-wrap{right:12px!important;top:13px!important;width:44px!important;height:44px!important}
  #page2 .packet-icon-wrap svg{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important}
  #page2 .packet-brand{font-size:13px!important}
  #page2 .packet-name{font-size:22px!important}
  #page2 .packet-sub{font-size:10px!important;max-width:82%!important}
  #page2 .packet-speed-title{margin:9px 0 12px!important}
  #page2 .packet-speed-title strong{font-size:31px!important}
  #page2 .packet-specs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  #page2 .packet-specs>div{grid-template-columns:28px minmax(0,1fr)!important;grid-template-rows:auto auto!important;min-height:62px!important;padding:8px!important;border-radius:10px!important;gap:0 6px!important}
  #page2 .packet-spec-icon{width:28px!important;height:28px!important;grid-row:1 / span 2!important}
  #page2 .packet-spec-icon svg{width:14px!important;height:14px!important;max-width:14px!important;max-height:14px!important}
  #page2 .packet-specs b{font-size:11px!important;align-self:end!important}
  #page2 .packet-specs>div>span:last-child{font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #page2 .packet-price-row{padding-top:12px!important;margin-top:12px!important}
  #page2 .packet-price{font-size:29px!important}
  #page2 .packet-price small{font-size:10px!important}
  #page2 .packet-select-button{min-height:48px!important;font-size:13px!important;border-radius:11px!important}
  #page2 .page2-trust{width:calc(100% - 28px)!important;grid-template-columns:1fr!important;margin:20px auto 0!important}
  #page2 .page2-trust>div{padding:12px 8px!important}
  #page2 .page2-trust>div+div{border-left:0!important;border-top:1px solid #e3e8ef!important}
  #page2 .page2-trust b{font-size:12px!important}
  #page2 .page2-trust span{font-size:9px!important}
  #page3 .trust-strip,#page4 .trust-strip,#success .trust-strip{grid-template-columns:1fr!important;width:100%!important}
  #page3 .trust-strip>div+div,#page4 .trust-strip>div+div,#success .trust-strip>div+div{border-left:0!important;border-top:1px solid #e3e8ef!important}
}
@media(max-width:430px){
  #page2 .tariff-title h3{font-size:26px!important}
  #page2 .packet-name{font-size:20px!important}
  #page2 .packet-price{font-size:27px!important}
  #page2 .packet-specs>div{min-height:58px!important;padding:7px!important}
  #page2 .packet-specs b{font-size:10px!important}
  #page2 .packet-specs>div>span:last-child{font-size:7.5px!important}
}


/* V77 — final UI corrections requested by user */
:root{--font-main:'Manrope',Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
html,body,button,input,select,textarea{font-family:var(--font-main)!important}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* Prevent the page-2 infrastructure panel from escaping its card/header area. */
#page2{
  position:relative!important;
  overflow:visible!important;
  width:100%!important;
  max-width:1080px!important;
  margin:0 auto!important;
  padding:16px 0 30px!important;
  border-radius:22px!important;
}
#page2 .infra-showcase{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  width:calc(100% - 28px)!important;
  max-width:1052px!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
}
#page2 .infra-showcase-body{box-sizing:border-box!important;min-height:214px!important}
#page2 .infra-showcase-col{box-sizing:border-box!important;overflow:hidden!important}
#page2 .infra-summary{box-sizing:border-box!important;width:calc(100% - 28px)!important;max-width:1052px!important;margin:0 auto!important;position:relative!important}

/* Infrastructure typography: larger, centered and symmetric. */
#page2 .infra-main-title{font-size:42px!important;line-height:1!important;text-align:center!important}
#page2 .ready-title{font-size:39px!important;line-height:1.03!important;justify-content:center!important;white-space:nowrap!important}
#page2 .speed-label{font-size:14px!important;line-height:1.2!important}
#page2 .speed-value{align-items:center!important}
#page2 .speed-value strong{font-size:74px!important;line-height:.9!important;letter-spacing:-3px!important}
#page2 .speed-value span{font-size:24px!important;margin-top:7px!important}

/* Package title, speed and commitment readability. */
#page2 .packet-brand{font-size:12px!important;line-height:1.05!important}
#page2 .packet-name{font-size:18px!important;line-height:1.08!important}
#page2 .packet-sub{font-size:9px!important;line-height:1.2!important;max-width:80%!important}
#page2 .packet-speed-title{margin:10px 0 12px!important;padding:0!important;justify-content:center!important}
#page2 .packet-speed-title strong{font-size:31px!important;line-height:1!important;letter-spacing:-1px!important}
#page2 .packet-specs b{font-size:11px!important;line-height:1.1!important}
#page2 .packet-specs>div>span:last-child{font-size:8px!important;line-height:1.15!important}
#page2 .packet-specs>div:nth-child(3)>span:last-child{display:none!important}
#page2 .packet-price{font-size:26px!important}
#page2 .packet-price small{font-size:10px!important}

/* Keep the popular badge fully inside the card — never clipped or floating above it. */
#page2 .popular-badge{
  top:6px!important;
  transform:translateX(-50%)!important;
  padding:6px 12px!important;
  border-radius:999px!important;
  min-width:94px!important;
  min-height:24px!important;
  box-sizing:border-box!important;
  justify-content:center!important;
  font-size:8px!important;
  line-height:1!important;
}
#page2 .packet-card.is-popular .packet-card-head{padding-top:22px!important}
#page2 .packet-card.is-popular .packet-icon-wrap{top:13px!important}

/* Footer strips stay centered at every breakpoint. */
#page2 .page2-trust,
#page3 .trust-strip,
#page4 .trust-strip,
#success .trust-strip{
  box-sizing:border-box!important;
  margin-left:auto!important;
  margin-right:auto!important;
  justify-self:center!important;
  text-align:center!important;
}
#page2 .page2-trust>div,
#page3 .trust-strip>div,
#page4 .trust-strip>div,
#success .trust-strip>div{
  min-width:0!important;
  overflow:hidden!important;
}

/* KVKK button: real link, compact, safe and centered. */
.kvkk-btn{text-decoration:none!important}
.kvkk-btn:focus-visible{outline:3px solid rgba(23,105,224,.2);outline-offset:2px}

@media(max-width:760px){
  #page2{padding:12px 0 24px!important;overflow:visible!important}
  #page2 .infra-showcase{width:calc(100% - 20px)!important;max-width:none!important;margin:0 auto!important}
  #page2 .infra-showcase-body{min-height:0!important}
  #page2 .infra-showcase-col{min-height:150px!important;padding:20px 12px!important}
  #page2 .infra-main-title{font-size:36px!important}
  #page2 .ready-title{font-size:32px!important;white-space:normal!important}
  #page2 .speed-value strong{font-size:58px!important}
  #page2 .speed-value span{font-size:20px!important}
  #page2 .infra-summary{width:calc(100% - 20px)!important;max-width:none!important}
  #page2 .packet-brand{font-size:13px!important}
  #page2 .packet-name{font-size:22px!important}
  #page2 .packet-sub{font-size:10px!important}
  #page2 .packet-speed-title strong{font-size:32px!important}
  #page2 .packet-specs b{font-size:12px!important}
  #page2 .packet-specs>div>span:last-child{font-size:9px!important}
  #page2 .packet-price{font-size:30px!important}
  #page2 .popular-badge{top:6px!important;min-width:106px!important;min-height:26px!important;font-size:9px!important;padding:6px 13px!important}
  #page2 .packet-card.is-popular .packet-card-head{padding-top:24px!important}
  #page2 .page2-trust,
  #page3 .trust-strip,
  #page4 .trust-strip,
  #success .trust-strip{width:calc(100% - 28px)!important;grid-template-columns:1fr!important}
  .kvkk-btn{width:100%!important;justify-content:center!important}
}
@media(max-width:430px){
  #page2 .infra-showcase{width:calc(100% - 16px)!important}
  #page2 .infra-main-title{font-size:32px!important}
  #page2 .ready-title{font-size:29px!important}
  #page2 .speed-value strong{font-size:52px!important}
  #page2 .speed-value span{font-size:18px!important}
  #page2 .packet-name{font-size:21px!important}
  #page2 .packet-price{font-size:28px!important}
}


/* V78 — final polish: typography, package badge, infrastructure alignment and mobile safety */
:root{--font-main:'Plus Jakarta Sans',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
html,body,button,input,select,textarea{font-family:var(--font-main)!important}
body{font-weight:500;letter-spacing:-.01em;text-rendering:optimizeLegibility}

/* Package cards: clearer type, no duplicate/popover badge and no tiny commitment label. */
#page2 .packet-card{overflow:hidden!important}
#page2 .packet-card:nth-child(3)::before{content:none!important;display:none!important}
#page2 .popular-badge{top:6px!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;z-index:8!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:108px!important;min-height:28px!important;padding:6px 14px!important;border-radius:0 0 12px 12px!important;box-sizing:border-box!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important}
#page2 .packet-card.is-popular .packet-card-head{padding-top:34px!important}
#page2 .packet-card.is-popular .packet-icon-wrap{top:14px!important}
#page2 .packet-name{font-size:19px!important;line-height:1.12!important;font-weight:800!important}
#page2 .packet-brand{font-size:12.5px!important;font-weight:800!important}
#page2 .packet-sub{font-size:9.5px!important;line-height:1.2!important;font-weight:700!important}
#page2 .packet-speed-title{margin:12px 0 12px!important;min-height:38px!important}
#page2 .packet-speed-title strong{font-size:33px!important;line-height:1!important;font-weight:800!important;letter-spacing:-1.2px!important}
#page2 .packet-specs>div{min-height:34px!important}
#page2 .packet-specs b{font-size:12px!important;font-weight:800!important}
#page2 .packet-specs>div>span:last-child{font-size:8.5px!important}
#page2 .packet-specs>div:nth-child(3)>span:last-child{display:none!important}
#page2 .packet-price{font-size:27px!important;font-weight:800!important}
#page2 .packet-price small{font-size:10px!important;font-weight:700!important}
#page2 .packet-select-button{font-size:11px!important;font-weight:800!important}

/* Infrastructure panel: fully contained, centered and with squared top corners. */
#page2{position:relative!important;overflow:visible!important;padding:24px 0 30px!important}
#page2 .infra-showcase{position:relative!important;top:auto!important;transform:none!important;width:calc(100% - 28px)!important;max-width:1052px!important;margin:0 auto!important;overflow:hidden!important;border-radius:10px 10px 20px 20px!important}
#page2 .infra-showcase-body{min-height:190px!important}
#page2 .infra-showcase-col{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;overflow:hidden!important}
#page2 .infra-type-col{align-items:center!important;padding-left:18px!important}
#page2 .infra-main-title{font-size:40px!important;text-align:center!important}
#page2 .ready-title{font-size:38px!important;white-space:nowrap!important;text-align:center!important}
#page2 .speed-label{font-size:14px!important;text-align:center!important}
#page2 .speed-value{justify-content:center!important;text-align:center!important}
#page2 .speed-value strong{font-size:76px!important}
#page2 .speed-value span{font-size:24px!important}
#page2 .infra-summary{width:calc(100% - 28px)!important;max-width:1052px!important;margin:0 auto!important;justify-content:center!important;text-align:center!important}

/* Package heading must remain visible and centered. */
#page2 .tariff-wrap{position:relative!important;z-index:1!important;margin-top:22px!important;padding:0 24px 10px!important}
#page2 .tariff-title{text-align:center!important}
#page2 .tariff-title h3{margin:0!important;font-size:35px!important;line-height:1.1!important;font-weight:800!important;letter-spacing:-1.1px!important;text-align:center!important}
#page2 .tariff-title p{font-size:14px!important;text-align:center!important;margin:7px 0 0!important}
#page2 .speed-meta{text-align:center!important;font-size:11.5px!important;margin-top:7px!important}

/* Page 3 KVKK row: checked by default and compact readable action. */
#page3 .kvkk-row{align-items:center!important;justify-content:space-between!important}
#page3 .kvkk-row .check{font-size:13px!important;font-weight:600!important}
#page3 .kvkk-row .check input{accent-color:#1769e0!important}
#page3 .kvkk-btn{font-size:11px!important;font-weight:800!important;white-space:nowrap!important}

/* Trust strips: always centered and symmetrical. */
#page2 .page2-trust,#page3 .trust-strip,#page4 .trust-strip,#success .trust-strip{width:calc(100% - 48px)!important;max-width:1000px!important;margin-left:auto!important;margin-right:auto!important}
#page2 .page2-trust>div,#page3 .trust-strip>div,#page4 .trust-strip>div,#success .trust-strip>div{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}

@media(max-width:760px){
  #page2{padding:18px 0 24px!important}
  #page2 .infra-showcase{width:calc(100% - 20px)!important;border-radius:10px 10px 16px 16px!important}
  #page2 .infra-showcase-body{grid-template-columns:1fr!important;min-height:0!important}
  #page2 .infra-showcase-col{min-height:148px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important;padding:20px 14px!important}
  #page2 .infra-showcase-col:last-child{border-bottom:0!important}
  #page2 .infra-main-title{font-size:35px!important}
  #page2 .ready-title{font-size:32px!important;white-space:normal!important}
  #page2 .speed-value strong{font-size:58px!important}
  #page2 .speed-value span{font-size:20px!important}
  #page2 .infra-summary{width:calc(100% - 20px)!important;font-size:10px!important;flex-wrap:wrap!important;justify-content:center!important}
  #page2 .tariff-wrap{padding:0 14px 8px!important;margin-top:22px!important}
  #page2 .tariff-title h3{font-size:28px!important;line-height:1.08!important}
  #page2 .tariff-title p{font-size:13px!important}
  #page2 .speed-meta{font-size:10px!important;line-height:1.45!important}
  #page2 .packet-card{min-height:0!important;padding:18px 14px 14px!important;border-radius:18px!important}
  #page2 .packet-card.is-popular .packet-card-head{padding-top:30px!important}
  #page2 .packet-name{font-size:22px!important}
  #page2 .packet-brand{font-size:13px!important}
  #page2 .packet-sub{font-size:10px!important}
  #page2 .packet-speed-title strong{font-size:35px!important}
  #page2 .packet-specs{grid-template-columns:1fr!important;gap:7px!important}
  #page2 .packet-specs>div{grid-template-columns:30px auto minmax(0,1fr)!important;min-height:46px!important;padding:7px 9px!important}
  #page2 .packet-spec-icon{width:30px!important;height:30px!important}
  #page2 .packet-spec-icon svg{width:15px!important;height:15px!important}
  #page2 .packet-specs b{font-size:12px!important}
  #page2 .packet-specs>div>span:last-child{font-size:9px!important}
  #page2 .packet-price{font-size:31px!important}
  #page2 .packet-select-button{min-height:48px!important;font-size:13px!important}
  #page2 .popular-badge{min-width:112px!important;min-height:28px!important;font-size:10px!important;padding:6px 14px!important}
  #page3 .kvkk-row{flex-direction:column!important;align-items:stretch!important}
  #page3 .kvkk-row .check{font-size:13px!important}
  #page3 .kvkk-btn{width:max-content!important;max-width:100%!important;align-self:flex-end!important}
  #page2 .page2-trust,#page3 .trust-strip,#page4 .trust-strip,#success .trust-strip{width:calc(100% - 28px)!important;grid-template-columns:1fr!important}
  #page2 .page2-trust>div+div,#page3 .trust-strip>div+div,#page4 .trust-strip>div+div,#success .trust-strip>div+div{border-left:0!important;border-top:1px solid #e3e8ef!important;padding-top:14px!important;margin-top:14px!important}
}
@media(max-width:430px){
  #page2 .packet-name{font-size:21px!important}
  #page2 .packet-price{font-size:29px!important}
  #page2 .packet-speed-title strong{font-size:33px!important}
}
/* V79 — package cards rebuilt to match the supplied tall reference card */
.tariff-wrap{padding:22px 18px 10px!important}
.tariff-title{text-align:center!important;margin-bottom:8px!important}
.tariff-title h3{font-size:31px!important;line-height:1.08!important;letter-spacing:-1.1px!important;margin:0!important;font-weight:950!important;background:linear-gradient(90deg,#18284d,#7a25d5);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.tariff-title p{font-size:14px!important;margin:7px 0 0!important;color:#6d7c96!important}
.speed-meta{font-size:12px!important;text-align:center!important;margin:7px auto 18px!important;color:#8190a7!important}
.tariff-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important}
.packet-card{position:relative!important;min-width:0!important;height:auto!important;min-height:430px!important;padding:24px 14px 13px!important;border:1.5px solid #dce6f2!important;border-radius:16px!important;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;box-shadow:0 8px 22px rgba(24,42,72,.07)!important;overflow:hidden!important;display:flex!important;cursor:pointer!important}
.packet-card.selected{border:2px solid #8d25d7!important;background:linear-gradient(180deg,#fff,#fbf5ff)!important;box-shadow:0 12px 26px rgba(141,37,215,.13)!important}
.packet-card>input{display:none!important}
.packet-main{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;height:100%!important;min-width:0!important;text-align:left!important}
.packet-icon-wrap{position:absolute!important;z-index:3!important;top:12px!important;right:12px!important;width:42px!important;height:42px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#edf3ff!important;color:#1f6fe8!important}
.packet-icon-wrap svg{width:21px!important;height:21px!important;stroke-width:2.2!important}
.packet-card:nth-child(2) .packet-icon-wrap{background:#f1eaff!important;color:#8d2bda!important}
.packet-card:nth-child(3) .packet-icon-wrap{background:#eee5ff!important;color:#6f2bd7!important}
.packet-card:nth-child(4) .packet-icon-wrap{background:#eaf5ff!important;color:#1683dd!important}
.packet-card:nth-child(5) .packet-icon-wrap{background:#fff1e4!important;color:#dc7c20!important}
.popular-badge{position:absolute!important;top:-1px!important;left:50%!important;transform:translateX(-50%)!important;z-index:7!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:116px!important;height:31px!important;padding:0 14px!important;border-radius:0 0 14px 14px!important;background:linear-gradient(90deg,#9c22df,#7f24d9)!important;color:#fff!important;box-shadow:0 6px 14px rgba(126,38,214,.25)!important;font-size:10px!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important}
.popular-badge svg{width:14px!important;height:14px!important;fill:#fff!important;stroke-width:2!important}
.packet-card.is-popular{border-color:#9c29dc!important;box-shadow:0 12px 26px rgba(149,38,220,.14)!important}
.packet-brand{font-size:13px!important;line-height:1.05!important;font-weight:900!important;color:#7a25d5!important;padding-right:54px!important;margin-bottom:2px!important}
.packet-name{font-size:22px!important;line-height:1.03!important;letter-spacing:-.45px!important;font-weight:1000!important;color:#142341!important;padding-right:8px!important;display:block!important;overflow-wrap:anywhere!important;word-break:normal!important;white-space:normal!important}
.packet-sub{font-size:11px!important;line-height:1.25!important;font-weight:700!important;color:#71809a!important;margin-top:7px!important;min-height:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.packet-speed-title{margin:20px 0 13px!important;text-align:left!important}
.packet-speed-title strong{display:block!important;font-size:34px!important;line-height:.98!important;letter-spacing:-1.4px!important;font-weight:1000!important;color:#7a20d3!important}
.packet-speed-title span{display:none!important}
.packet-specs{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-top:0!important}
.packet-specs>div{display:grid!important;grid-template-columns:34px minmax(0,auto) minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-height:43px!important;padding:6px 8px!important;border:1px solid #e0e8f3!important;border-radius:11px!important;background:#f8faff!important;min-width:0!important}
.packet-spec-icon{width:30px!important;height:30px!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#fff!important;background:#2784e9!important}
.packet-specs>div:nth-child(2) .packet-spec-icon{background:#b326dc!important}
.packet-specs>div:nth-child(3) .packet-spec-icon{background:#65728b!important}
.packet-spec-icon svg{width:16px!important;height:16px!important;stroke-width:2.5!important}
.packet-specs b{font-size:11px!important;line-height:1!important;color:#20304a!important;white-space:nowrap!important}
.packet-specs>div>span:last-child{font-size:8px!important;line-height:1.1!important;color:#71809a!important;white-space:nowrap!important;text-transform:none!important;overflow:hidden!important;text-overflow:ellipsis!important}
.packet-specs>div:nth-child(3)>span:last-child{display:none!important}
.packet-specs>div:nth-child(3){grid-template-columns:34px minmax(0,1fr)!important}
.packet-price-row{margin-top:auto!important;padding-top:18px!important;border-top:1px solid #e3e9f2!important}
.packet-price{text-align:center!important;font-size:31px!important;line-height:1!important;font-weight:1000!important;color:#7c1fd0!important;letter-spacing:-.8px!important;white-space:nowrap!important}
.packet-price small{font-size:11px!important;color:#65748d!important;font-weight:800!important;margin-left:3px!important}
.packet-select-button{margin-top:15px!important;min-height:47px!important;border-radius:11px!important;border:1px solid #bcd0ea!important;background:#fff!important;color:#1769e0!important;font-size:12px!important;font-weight:950!important;display:flex!important;align-items:center!important;justify-content:center!important}
.packet-card.selected .packet-select-button{background:linear-gradient(90deg,#a92be3,#8423cc)!important;color:#fff!important;border-color:transparent!important}
.packet-choice-badge{display:none!important}

@media(max-width:1100px){
  .tariff-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .tariff-wrap{padding:20px 12px 10px!important}
  .tariff-title h3{font-size:30px!important;line-height:1.06!important}
  .tariff-title p{font-size:13px!important}
  .speed-meta{font-size:10px!important;line-height:1.4!important}
  .tariff-grid{grid-template-columns:1fr!important;gap:14px!important}
  .packet-card{min-height:0!important;padding:26px 16px 15px!important;border-radius:17px!important}
  .packet-icon-wrap{top:13px!important;right:14px!important;width:48px!important;height:48px!important}
  .packet-icon-wrap svg{width:24px!important;height:24px!important}
  .popular-badge{min-width:130px!important;height:34px!important;font-size:11px!important}
  .packet-brand{font-size:15px!important}
  .packet-name{font-size:26px!important;line-height:1.02!important}
  .packet-sub{font-size:12px!important;margin-top:6px!important}
  .packet-speed-title{margin:23px 0 14px!important}
  .packet-speed-title strong{font-size:40px!important}
  .packet-specs>div{min-height:50px!important;padding:7px 10px!important;grid-template-columns:38px minmax(0,auto) minmax(0,1fr)!important;gap:9px!important;border-radius:12px!important}
  .packet-spec-icon{width:34px!important;height:34px!important}
  .packet-spec-icon svg{width:17px!important;height:17px!important}
  .packet-specs b{font-size:12px!important}
  .packet-specs>div>span:last-child{font-size:9px!important}
  .packet-price-row{padding-top:20px!important}
  .packet-price{font-size:37px!important}
  .packet-price small{font-size:12px!important}
  .packet-select-button{min-height:54px!important;font-size:15px!important;border-radius:12px!important;margin-top:16px!important}
}
@media(max-width:430px){
  .tariff-title h3{font-size:26px!important}
  .packet-card{padding:24px 13px 13px!important}
  .packet-brand{font-size:14px!important}
  .packet-name{font-size:23px!important}
  .packet-speed-title strong{font-size:36px!important}
  .packet-specs>div{grid-template-columns:34px minmax(0,auto) minmax(0,1fr)!important}
  .packet-spec-icon{width:31px!important;height:31px!important}
  .packet-specs b{font-size:11px!important}
  .packet-specs>div>span:last-child{font-size:8px!important}
  .packet-price{font-size:33px!important}
  .packet-select-button{min-height:50px!important}
}
/* V79 — package detail card reference design */
.tariff-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important}
.packet-card{min-height:435px!important;padding:48px 14px 13px!important;border-radius:17px!important;overflow:visible!important;background:#fff!important;border:1.5px solid #dfe7f2!important;box-shadow:0 8px 24px rgba(24,42,72,.07)!important}
.packet-card.selected{border:2px solid #8d27d8!important;background:linear-gradient(180deg,#fff 0%,#fff 75%,#fcf6ff 100%)!important;box-shadow:0 12px 28px rgba(141,37,215,.14)!important}
.packet-main{height:100%!important;display:flex!important;flex-direction:column!important}
.packet-icon-wrap{top:18px!important;right:16px!important;width:48px!important;height:48px!important;border-radius:50%!important;background:#f0e8ff!important;color:#7f25d6!important;box-shadow:0 6px 16px rgba(125,38,215,.08)!important}
.packet-icon-wrap svg{width:24px!important;height:24px!important;stroke-width:2.2!important}
.packet-card:nth-child(1) .packet-icon-wrap{background:#eaf3ff!important;color:#1d73e6!important}
.packet-card:nth-child(2) .packet-icon-wrap{background:#f1eaff!important;color:#8b2bd4!important}
.packet-card:nth-child(3) .packet-icon-wrap{background:#f0e6ff!important;color:#7525d5!important}
.packet-card:nth-child(4) .packet-icon-wrap{background:#e9f5ff!important;color:#1686df!important}
.packet-card:nth-child(5) .packet-icon-wrap{background:#fff1e2!important;color:#dd7d1d!important}
.popular-badge{top:-1px!important;left:50%!important;transform:translateX(-50%)!important;min-width:132px!important;height:36px!important;padding:0 16px!important;border-radius:0 0 15px 15px!important;gap:6px!important;font-size:11px!important;line-height:1!important;box-shadow:0 7px 16px rgba(127,36,217,.24)!important}
.popular-badge svg{width:15px!important;height:15px!important;fill:#fff!important}
.packet-brand{font-size:14px!important;line-height:1.05!important;font-weight:950!important;color:#7d26d2!important;margin-bottom:3px!important;padding-right:60px!important}
.packet-name{font-size:22px!important;line-height:1.03!important;font-weight:1000!important;letter-spacing:-.5px!important;color:#152342!important;padding-right:4px!important}
.packet-sub{font-size:11px!important;line-height:1.2!important;font-weight:700!important;color:#71809a!important;margin-top:6px!important;min-height:14px!important}
.packet-speed-title{margin:25px 0 13px!important;text-align:left!important}
.packet-speed-title strong{font-size:36px!important;line-height:.98!important;font-weight:1000!important;letter-spacing:-1px!important;color:#7925d1!important}
.packet-specs{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-top:0!important}
.packet-specs>div{min-height:44px!important;padding:6px 8px!important;grid-template-columns:34px minmax(0,auto) minmax(0,1fr)!important;gap:8px!important;border-radius:11px!important;background:#f8faff!important;border:1px solid #e0e8f3!important}
.packet-spec-icon{width:30px!important;height:30px!important}
.packet-spec-icon svg{width:16px!important;height:16px!important}
.packet-specs b{font-size:11px!important;font-weight:950!important;color:#21304a!important}
.packet-specs>div>span:last-child{font-size:8px!important;color:#7b879a!important;text-transform:none!important}
.packet-specs>div:nth-child(3){grid-template-columns:34px minmax(0,1fr)!important}
.packet-specs>div:nth-child(3)>span:last-child{display:none!important}
.packet-price-row{margin-top:auto!important;padding-top:20px!important;border-top:1px solid #e3e9f2!important}
.packet-price{text-align:center!important;font-size:32px!important;line-height:1!important;letter-spacing:-.8px!important;color:#7920ce!important;font-weight:1000!important}
.packet-price small{font-size:11px!important;color:#65738a!important;font-weight:800!important;margin-left:3px!important}
.packet-select-button{min-height:48px!important;margin-top:16px!important;border-radius:11px!important;border:1px solid #c7d8ed!important;background:#fff!important;color:#1769e0!important;font-size:13px!important;font-weight:950!important}
.packet-card.selected .packet-select-button{background:linear-gradient(90deg,#a92be2,#8226c9)!important;border-color:transparent!important;color:#fff!important}

@media(max-width:1100px){
  .tariff-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .tariff-grid{grid-template-columns:1fr!important;gap:14px!important}
  .packet-card{min-height:0!important;padding:52px 16px 16px!important;border-radius:18px!important}
  .packet-icon-wrap{top:16px!important;right:16px!important;width:50px!important;height:50px!important}
  .packet-icon-wrap svg{width:25px!important;height:25px!important}
  .popular-badge{min-width:138px!important;height:37px!important;font-size:11px!important}
  .packet-brand{font-size:15px!important}
  .packet-name{font-size:28px!important;line-height:1.02!important}
  .packet-sub{font-size:12px!important;margin-top:7px!important}
  .packet-speed-title{margin:28px 0 15px!important}
  .packet-speed-title strong{font-size:42px!important}
  .packet-specs>div{min-height:54px!important;grid-template-columns:38px minmax(0,auto) minmax(0,1fr)!important;padding:7px 10px!important;gap:9px!important}
  .packet-spec-icon{width:34px!important;height:34px!important}
  .packet-spec-icon svg{width:18px!important;height:18px!important}
  .packet-specs b{font-size:12px!important}
  .packet-specs>div>span:last-child{font-size:9px!important}
  .packet-price-row{padding-top:22px!important}
  .packet-price{font-size:39px!important}
  .packet-price small{font-size:13px!important}
  .packet-select-button{min-height:54px!important;font-size:15px!important;margin-top:17px!important}
}
@media(max-width:430px){
  .tariff-wrap{padding-left:10px!important;padding-right:10px!important}
  .tariff-title h3{font-size:27px!important}
  .packet-card{padding:50px 14px 14px!important}
  .packet-name{font-size:25px!important}
  .packet-speed-title strong{font-size:38px!important}
  .packet-price{font-size:35px!important}
}


/* V80 — package cards rebuilt from the supplied large reference card */
:root{--font-main:'Manrope',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
html,body,button,input,select,textarea{font-family:var(--font-main)!important}

/* Keep one and only one popularity ribbon. */
#page2 .packet-card:nth-child(3)::before,
#page2 .packet-card:nth-child(3)::after{content:none!important;display:none!important}
#page2 .packet-choice-badge{display:none!important}

#page2{max-width:1360px!important;margin:0 auto!important}
#page2 .infra-showcase{max-width:1320px!important;width:calc(100% - 40px)!important;margin-left:auto!important;margin-right:auto!important}
#page2 .infra-summary{max-width:1320px!important;width:calc(100% - 40px)!important}
#page2 .tariff-wrap{max-width:1320px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;padding:30px 24px 12px!important}
#page2 .tariff-title h3{font-size:40px!important;line-height:1.08!important;letter-spacing:-1.2px!important}
#page2 .tariff-title p{font-size:15px!important;margin-top:9px!important}
#page2 .speed-meta{font-size:12px!important;margin-top:8px!important;margin-bottom:22px!important}
#page2 .tariff-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}

#page2 .packet-card{
  min-height:535px!important;
  height:auto!important;
  padding:48px 16px 16px!important;
  border:1.8px solid #dce5f2!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff 0%,#fff 78%,#fcf8ff 100%)!important;
  box-shadow:0 10px 26px rgba(25,43,72,.07)!important;
  overflow:visible!important;
}
#page2 .packet-card.selected{
  border:2.5px solid #9826db!important;
  box-shadow:0 14px 34px rgba(145,36,214,.14)!important;
}
#page2 .packet-main{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important}
#page2 .packet-icon-wrap{
  top:18px!important;right:16px!important;width:54px!important;height:54px!important;
  border-radius:50%!important;box-shadow:0 7px 18px rgba(101,48,184,.10)!important;
}
#page2 .packet-icon-wrap svg{width:27px!important;height:27px!important;stroke-width:2.1!important}
#page2 .packet-card:nth-child(1) .packet-icon-wrap{background:#eaf3ff!important;color:#1b70e6!important}
#page2 .packet-card:nth-child(2) .packet-icon-wrap{background:#f0e9ff!important;color:#8b2bd8!important}
#page2 .packet-card:nth-child(3) .packet-icon-wrap{background:#f0e6ff!important;color:#7625d5!important}
#page2 .packet-card:nth-child(4) .packet-icon-wrap{background:#e8f5ff!important;color:#1b83de!important}
#page2 .packet-card:nth-child(5) .packet-icon-wrap{background:#fff0df!important;color:#de7b20!important}

#page2 .popular-badge{
  top:-1px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  min-width:154px!important;height:40px!important;padding:0 18px!important;
  border-radius:0 0 16px 16px!important;gap:7px!important;
  font-size:12px!important;line-height:1!important;white-space:nowrap!important;
}
#page2 .popular-badge svg{width:17px!important;height:17px!important;fill:#fff!important}

#page2 .packet-brand{
  padding-right:68px!important;margin:0!important 0 3px!important;
  font-size:15px!important;line-height:1.05!important;font-weight:900!important;color:#7426cf!important;
}
#page2 .packet-name{
  padding-right:4px!important;font-size:24px!important;line-height:1.02!important;
  font-weight:1000!important;letter-spacing:-.55px!important;color:#15233f!important;
  display:block!important;overflow-wrap:normal!important;word-break:normal!important;
}
#page2 .packet-sub{
  max-width:88%!important;margin-top:7px!important;min-height:16px!important;
  font-size:11px!important;line-height:1.2!important;font-weight:700!important;
  color:#75839b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#page2 .packet-speed-title{
  margin:20px 0 14px!important;padding:16px 10px 15px!important;
  min-height:104px!important;border-radius:16px!important;
  background:linear-gradient(180deg,#fbf8ff,#f3edff)!important;
  border:1px solid #eee3ff!important;text-align:center!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
#page2 .packet-speed-title strong{
  display:block!important;font-size:45px!important;line-height:.95!important;
  font-weight:1000!important;letter-spacing:-1.1px!important;color:#7925d2!important;
  text-align:center!important;white-space:normal!important;
}
#page2 .packet-specs{gap:8px!important;margin-top:0!important}
#page2 .packet-specs>div{
  min-height:52px!important;padding:8px 10px!important;border-radius:13px!important;
  grid-template-columns:38px minmax(0,auto) minmax(0,1fr)!important;gap:9px!important;
  background:#f7faff!important;border:1px solid #dfe7f2!important;
}
#page2 .packet-spec-icon{width:34px!important;height:34px!important;border-radius:50%!important}
#page2 .packet-spec-icon svg{width:18px!important;height:18px!important;stroke-width:2.4!important}
#page2 .packet-specs b{font-size:12px!important;line-height:1!important;font-weight:950!important;color:#1d2c48!important}
#page2 .packet-specs>div>span:last-child{font-size:9px!important;line-height:1.1!important;color:#77859a!important;white-space:nowrap!important}
#page2 .packet-specs>div:nth-child(3){grid-template-columns:38px minmax(0,1fr)!important}
#page2 .packet-specs>div:nth-child(3)>span:last-child{display:none!important}

#page2 .packet-price-row{
  margin-top:auto!important;padding-top:22px!important;border-top:1px solid #e2e8f1!important;
}
#page2 .packet-price{
  text-align:center!important;font-size:38px!important;line-height:1!important;
  font-weight:1000!important;letter-spacing:-1px!important;color:#7a20d0!important;white-space:nowrap!important;
}
#page2 .packet-price small{font-size:12px!important;font-weight:800!important;color:#65748d!important;margin-left:4px!important}
#page2 .packet-select-button{
  min-height:56px!important;margin-top:16px!important;border-radius:13px!important;
  border:1px solid #c6d8ef!important;background:#fff!important;color:#1769e0!important;
  font-size:14px!important;font-weight:950!important;letter-spacing:-.1px!important;
}
#page2 .packet-card.selected .packet-select-button{background:linear-gradient(90deg,#a92de1,#8127ca)!important;color:#fff!important;border-color:transparent!important}

@media(max-width:1100px){
  #page2 .tariff-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #page2 .tariff-wrap{padding-left:18px!important;padding-right:18px!important}
}
@media(max-width:760px){
  #page2{max-width:none!important;padding-left:0!important;padding-right:0!important}
  #page2 .infra-showcase,#page2 .infra-summary{width:calc(100% - 20px)!important;max-width:none!important}
  #page2 .tariff-wrap{padding:24px 14px 10px!important;max-width:none!important}
  #page2 .tariff-title h3{font-size:31px!important;line-height:1.07!important}
  #page2 .tariff-title p{font-size:13px!important;line-height:1.4!important}
  #page2 .speed-meta{font-size:10px!important;line-height:1.45!important;margin-bottom:18px!important}
  #page2 .tariff-grid{grid-template-columns:1fr!important;gap:16px!important}
  #page2 .packet-card{
    min-height:0!important;padding:54px 17px 17px!important;border-radius:20px!important;
  }
  #page2 .packet-icon-wrap{top:17px!important;right:17px!important;width:56px!important;height:56px!important}
  #page2 .packet-icon-wrap svg{width:29px!important;height:29px!important}
  #page2 .popular-badge{min-width:158px!important;height:40px!important;font-size:12px!important}
  #page2 .packet-brand{font-size:16px!important}
  #page2 .packet-name{font-size:29px!important;line-height:1.02!important}
  #page2 .packet-sub{font-size:12px!important;margin-top:8px!important}
  #page2 .packet-speed-title{min-height:124px!important;margin:24px 0 15px!important;padding:18px 12px!important;border-radius:18px!important}
  #page2 .packet-speed-title strong{font-size:48px!important}
  #page2 .packet-specs{gap:9px!important}
  #page2 .packet-specs>div{min-height:58px!important;padding:9px 11px!important;border-radius:14px!important;grid-template-columns:40px minmax(0,auto) minmax(0,1fr)!important;gap:10px!important}
  #page2 .packet-spec-icon{width:36px!important;height:36px!important}
  #page2 .packet-spec-icon svg{width:19px!important;height:19px!important}
  #page2 .packet-specs b{font-size:13px!important}
  #page2 .packet-specs>div>span:last-child{font-size:10px!important}
  #page2 .packet-price-row{padding-top:22px!important}
  #page2 .packet-price{font-size:40px!important}
  #page2 .packet-price small{font-size:13px!important}
  #page2 .packet-select-button{min-height:58px!important;margin-top:17px!important;border-radius:14px!important;font-size:15px!important}
}
@media(max-width:430px){
  #page2 .tariff-title h3{font-size:28px!important}
  #page2 .packet-card{padding:52px 15px 15px!important}
  #page2 .packet-brand{font-size:15px!important}
  #page2 .packet-name{font-size:26px!important}
  #page2 .packet-speed-title strong{font-size:44px!important}
  #page2 .packet-price{font-size:37px!important}
}

/* V81 — package cards final readability / overflow fix */
#page2 .tariff-grid{align-items:stretch!important}
#page2 .packet-card{min-width:0!important;width:100%!important;overflow:hidden!important}
#page2 .packet-main{min-width:0!important;width:100%!important}

/* Remove duplicate popular badge generated by older pseudo rules. */
#page2 .packet-card:nth-child(3)::before{display:none!important;content:none!important}
#page2 .packet-card:nth-child(3) .packet-choice-badge{display:none!important}
#page2 .popular-badge{z-index:8!important;box-sizing:border-box!important}

/* Header: never let badge cover or collide with card content. */
#page2 .packet-top{position:relative!important;z-index:2!important;padding-right:60px!important}
#page2 .packet-brand,#page2 .packet-name,#page2 .packet-sub{max-width:100%!important}
#page2 .packet-sub{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Speed block: keep value large but fully inside the card. */
#page2 .packet-speed-title{box-sizing:border-box!important;width:100%!important}
#page2 .packet-speed-title strong{font-size:42px!important;line-height:.98!important;white-space:normal!important;overflow-wrap:anywhere!important}

/* Spec rows: icon + value + full label, with no clipped ellipsis. */
#page2 .packet-specs>div{
  grid-template-columns:34px minmax(56px,auto) minmax(0,1fr)!important;
  gap:8px!important;
  min-width:0!important;
  overflow:hidden!important;
}
#page2 .packet-specs b{font-size:11px!important;white-space:nowrap!important}
#page2 .packet-specs>div>span:last-child{
  min-width:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  font-size:8.5px!important;
}
#page2 .packet-specs>div:nth-child(3){grid-template-columns:34px minmax(0,1fr)!important}

/* Price: keep amount + /Ay together and inside the card. */
#page2 .packet-price-row{width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
#page2 .packet-price{
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:3px!important;
  width:100%!important;
  font-size:31px!important;
  line-height:1!important;
  white-space:nowrap!important;
  letter-spacing:-.8px!important;
  overflow:hidden!important;
}
#page2 .packet-price small{font-size:10px!important;flex:0 0 auto!important;margin-left:0!important}

/* Selection button is always fully contained. */
#page2 .packet-select-button{width:100%!important;box-sizing:border-box!important}

@media (max-width:1200px){
  #page2 .tariff-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #page2 .packet-price{font-size:29px!important}
}
@media (max-width:760px){
  #page2 .tariff-grid{grid-template-columns:1fr!important}
  #page2 .packet-card{width:100%!important;min-height:0!important;padding:52px 16px 16px!important}
  #page2 .packet-price{font-size:40px!important}
  #page2 .packet-specs>div{grid-template-columns:40px minmax(72px,auto) minmax(0,1fr)!important;gap:9px!important}
  #page2 .packet-specs b{font-size:13px!important}
  #page2 .packet-specs>div>span:last-child{font-size:10px!important}
  #page2 .packet-specs>div:nth-child(3){grid-template-columns:40px minmax(0,1fr)!important}
}
@media (max-width:430px){
  #page2 .packet-price{font-size:37px!important}
  #page2 .packet-speed-title strong{font-size:42px!important}
  #page2 .packet-specs>div{grid-template-columns:38px minmax(66px,auto) minmax(0,1fr)!important;gap:8px!important}
}


/* V82 — package typography + symmetry refinement */
#page2 .tariff-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
#page2 .packet-card{
  box-sizing:border-box!important;
  min-width:0!important;
  width:100%!important;
  min-height:500px!important;
  height:100%!important;
  padding:18px 14px 14px!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
#page2 .packet-card-head{
  min-height:78px!important;
  padding-right:52px!important;
}
#page2 .packet-brand{
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:900!important;
}
#page2 .packet-name{
  font-size:18px!important;
  line-height:1.08!important;
  letter-spacing:-.25px!important;
  max-width:100%!important;
}
#page2 .packet-sub{
  font-size:9.5px!important;
  line-height:1.2!important;
  margin-top:5px!important;
  max-width:100%!important;
}
#page2 .packet-icon-wrap{
  width:42px!important;
  height:42px!important;
  right:13px!important;
  top:13px!important;
}
#page2 .packet-icon-wrap svg{
  width:21px!important;
  height:21px!important;
}
#page2 .popular-badge{
  top:0!important;
  left:50%!important;
  transform:translate(-50%,0)!important;
  min-width:118px!important;
  height:34px!important;
  padding:0 12px!important;
  border-radius:0 0 12px 12px!important;
  font-size:10px!important;
  box-sizing:border-box!important;
}
#page2 .packet-speed-title{
  width:100%!important;
  min-height:88px!important;
  margin:10px 0 12px!important;
  padding:10px 8px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#fbf7ff,#f4ecff)!important;
  border:1px solid #eadcff!important;
  text-align:center!important;
}
#page2 .packet-speed-title strong{
  display:block!important;
  font-size:34px!important;
  line-height:1!important;
  letter-spacing:-.8px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  color:#7524cf!important;
}
#page2 .packet-speed-title span{display:none!important}
#page2 .packet-specs{
  gap:7px!important;
  margin-top:0!important;
}
#page2 .packet-specs>div{
  min-height:44px!important;
  padding:6px 8px!important;
  border-radius:10px!important;
  grid-template-columns:30px minmax(52px,auto) minmax(0,1fr)!important;
  gap:7px!important;
  box-sizing:border-box!important;
}
#page2 .packet-spec-icon{
  width:30px!important;
  height:30px!important;
  border-radius:50%!important;
}
#page2 .packet-spec-icon svg{
  width:16px!important;
  height:16px!important;
}
#page2 .packet-specs b{
  font-size:10.5px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  min-width:0!important;
}
#page2 .packet-specs>div>span:last-child{
  font-size:8px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  min-width:0!important;
}
#page2 .packet-specs>div:nth-child(3){
  grid-template-columns:30px minmax(0,1fr)!important;
}
#page2 .packet-specs>div:nth-child(3) b{
  font-size:11px!important;
}
#page2 .packet-price-row{
  margin-top:auto!important;
  padding-top:13px!important;
  border-top:1px solid #e7edf5!important;
  width:100%!important;
}
#page2 .packet-price{
  width:100%!important;
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:3px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-.65px!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
#page2 .packet-price small{
  flex:0 0 auto!important;
  font-size:9px!important;
  margin:0!important;
  letter-spacing:0!important;
}
#page2 .packet-select-button{
  width:100%!important;
  min-height:44px!important;
  margin-top:12px!important;
  padding:0 10px!important;
  border-radius:11px!important;
  font-size:11px!important;
  box-sizing:border-box!important;
}
#page2 .page2-trust{
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
html,body,button,input,select,textarea{
  font-family:'Manrope',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
}
@media(max-width:1200px){
  #page2 .tariff-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
  #page2 .packet-card{min-height:500px!important}
}
@media(max-width:760px){
  #page2 .tariff-grid{grid-template-columns:1fr!important;gap:16px!important}
  #page2 .packet-card{
    min-height:0!important;
    height:auto!important;
    padding:18px 16px 16px!important;
    border-radius:20px!important;
  }
  #page2 .packet-card-head{min-height:82px!important;padding-right:62px!important}
  #page2 .packet-brand{font-size:13px!important}
  #page2 .packet-name{font-size:22px!important;line-height:1.08!important}
  #page2 .packet-sub{font-size:10px!important}
  #page2 .packet-icon-wrap{width:48px!important;height:48px!important;right:15px!important;top:15px!important}
  #page2 .packet-icon-wrap svg{width:24px!important;height:24px!important}
  #page2 .popular-badge{height:38px!important;min-width:140px!important;font-size:11px!important;border-radius:0 0 13px 13px!important}
  #page2 .packet-speed-title{min-height:104px!important;margin:12px 0 14px!important}
  #page2 .packet-speed-title strong{font-size:43px!important}
  #page2 .packet-specs{gap:8px!important}
  #page2 .packet-specs>div{min-height:50px!important;padding:7px 10px!important;grid-template-columns:38px minmax(70px,auto) minmax(0,1fr)!important;gap:9px!important}
  #page2 .packet-spec-icon{width:34px!important;height:34px!important}
  #page2 .packet-spec-icon svg{width:18px!important;height:18px!important}
  #page2 .packet-specs b{font-size:12px!important}
  #page2 .packet-specs>div>span:last-child{font-size:9px!important}
  #page2 .packet-price{font-size:34px!important}
  #page2 .packet-price small{font-size:11px!important}
  #page2 .packet-select-button{min-height:54px!important;font-size:14px!important}
}
@media(max-width:430px){
  #page2 .packet-name{font-size:20px!important}
  #page2 .packet-speed-title strong{font-size:39px!important}
  #page2 .packet-specs>div{grid-template-columns:36px minmax(64px,auto) minmax(0,1fr)!important;gap:8px!important}
  #page2 .packet-specs b{font-size:11.5px!important}
  #page2 .packet-price{font-size:31px!important}
}


/* V83 — final package alignment pass: centered content, equal spacing, no overflow, popular badge between specs and price. */
#page2 .tariff-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
#page2 .packet-card{
  min-width:0!important;
  width:100%!important;
  min-height:468px!important;
  height:468px!important;
  padding:20px 12px 12px!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
#page2 .packet-main{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  text-align:center!important;
}
#page2 .packet-icon-wrap{
  top:14px!important;
  right:12px!important;
  width:44px!important;
  height:44px!important;
}
#page2 .packet-icon-wrap svg{width:21px!important;height:21px!important}
#page2 .packet-brand{
  padding:0 54px!important;
  margin:0!important;
  text-align:center!important;
  font-size:12px!important;
  line-height:1.1!important;
}
#page2 .packet-name{
  padding:0 34px!important;
  margin:3px 0 0!important;
  text-align:center!important;
  font-size:18px!important;
  line-height:1.08!important;
  letter-spacing:-.25px!important;
  overflow-wrap:anywhere!important;
}
#page2 .packet-sub{
  max-width:100%!important;
  margin:6px 0 0!important;
  text-align:center!important;
  font-size:9px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#page2 .packet-speed-title{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:66px!important;
  margin:18px 0 12px!important;
  text-align:center!important;
}
#page2 .packet-speed-title strong{
  width:100%!important;
  text-align:center!important;
  font-size:31px!important;
  line-height:1.0!important;
  letter-spacing:-.7px!important;
}
#page2 .packet-specs{
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  margin:0!important;
}
#page2 .packet-specs>div{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  padding:5px 8px!important;
  grid-template-columns:32px minmax(0,1fr) minmax(0,1fr)!important;
  align-items:center!important;
  justify-items:center!important;
  gap:6px!important;
  border-radius:11px!important;
}
#page2 .packet-spec-icon{
  width:30px!important;
  height:30px!important;
  grid-column:1!important;
  justify-self:center!important;
}
#page2 .packet-spec-icon svg{width:15px!important;height:15px!important}
#page2 .packet-specs b{
  min-width:0!important;
  width:100%!important;
  text-align:center!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
#page2 .packet-specs>div>span:last-child{
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
  font-size:7.5px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#page2 .packet-specs>div:nth-child(3){
  grid-template-columns:32px minmax(0,1fr)!important;
}
#page2 .packet-specs>div:nth-child(3) b{
  text-align:center!important;
}
#page2 .packet-price-row{
  margin-top:auto!important;
  padding-top:13px!important;
  border-top:1px solid #e3e9f2!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
}
#page2 .packet-price{
  width:100%!important;
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:3px!important;
  text-align:center!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-.45px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
#page2 .packet-price small{
  flex:0 0 auto!important;
  font-size:9px!important;
  line-height:1!important;
  margin:0!important;
}
#page2 .popular-badge{
  position:static!important;
  transform:none!important;
  min-width:0!important;
  width:auto!important;
  height:30px!important;
  margin:0 auto 9px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  font-size:10px!important;
  line-height:1!important;
  box-shadow:0 5px 12px rgba(127,36,217,.2)!important;
}
#page2 .popular-badge svg{width:14px!important;height:14px!important}
#page2 .packet-select-button{
  width:100%!important;
  min-height:46px!important;
  margin-top:14px!important;
  border-radius:11px!important;
  font-size:12px!important;
  text-align:center!important;
  white-space:nowrap!important;
}
#page2 .packet-card:nth-child(3)::before{content:none!important;display:none!important}

@media(max-width:1100px){
  #page2 .tariff-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
  #page2 .packet-card{height:468px!important}
}
@media(max-width:760px){
  #page2 .tariff-grid{grid-template-columns:1fr!important;gap:16px!important}
  #page2 .packet-card{
    height:auto!important;
    min-height:0!important;
    padding:22px 16px 16px!important;
  }
  #page2 .packet-brand{font-size:13px!important;padding:0 64px!important}
  #page2 .packet-name{font-size:22px!important;padding:0 46px!important}
  #page2 .packet-sub{font-size:10px!important}
  #page2 .packet-speed-title{min-height:76px!important;margin:18px 0 13px!important}
  #page2 .packet-speed-title strong{font-size:42px!important}
  #page2 .packet-specs>div{min-height:50px!important;grid-template-columns:38px minmax(0,1fr) minmax(0,1fr)!important;padding:7px 10px!important;gap:8px!important}
  #page2 .packet-spec-icon{width:34px!important;height:34px!important}
  #page2 .packet-spec-icon svg{width:17px!important;height:17px!important}
  #page2 .packet-specs b{font-size:12px!important}
  #page2 .packet-specs>div>span:last-child{font-size:9px!important}
  #page2 .packet-price-row{padding-top:16px!important}
  #page2 .packet-price{font-size:34px!important}
  #page2 .packet-price small{font-size:11px!important}
  #page2 .packet-select-button{min-height:54px!important;font-size:14px!important;margin-top:16px!important}
  #page2 .popular-badge{height:34px!important;font-size:11px!important;padding:0 15px!important;margin-bottom:10px!important}
}
@media(max-width:430px){
  #page2 .packet-brand{font-size:12px!important;padding:0 58px!important}
  #page2 .packet-name{font-size:20px!important;padding:0 40px!important}
  #page2 .packet-speed-title strong{font-size:38px!important}
  #page2 .packet-specs>div{grid-template-columns:35px minmax(0,1fr) minmax(0,1fr)!important}
  #page2 .packet-specs b{font-size:11px!important}
  #page2 .packet-specs>div>span:last-child{font-size:8.5px!important}
  #page2 .packet-price{font-size:31px!important}
}

/* V84 — package header alignment, joined popularity ribbon, larger brand logo */
:root{--brand-logo-max:300px}
.topbar{
  height:76px!important;
}
.brand-logo{
  height:56px!important;
  align-items:center!important;
}
.brand-logo img{
  height:48px!important;
  max-width:min(var(--brand-logo-max),58vw)!important;
  width:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.brand-fallback{
  font-size:24px!important;
}

/* Package header: brand/name/tagline aligned to the left, while the main speed remains centered. */
#page2 .packet-main{
  text-align:left!important;
}
#page2 .packet-brand,
#page2 .packet-name,
#page2 .packet-sub{
  text-align:left!important;
}
#page2 .packet-brand{
  padding:0 54px 0 0!important;
}
#page2 .packet-name{
  padding:0 34px 0 0!important;
}
#page2 .packet-sub{
  padding:0!important;
}

/* Popular ribbon: outside the card's content, physically joined to the top edge. */
#page2 .packet-card.is-popular{
  overflow:visible!important;
  position:relative!important;
}
#page2 .packet-card.is-popular .popular-badge{
  position:absolute!important;
  top:-1px!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-100%)!important;
  z-index:20!important;
  margin:0!important;
  min-width:132px!important;
  width:auto!important;
  height:34px!important;
  padding:0 16px!important;
  border-radius:14px 14px 0 0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  white-space:nowrap!important;
  box-shadow:0 5px 12px rgba(127,36,217,.22)!important;
}
#page2 .packet-card.is-popular .popular-badge svg{
  width:15px!important;
  height:15px!important;
}
#page2 .packet-card.is-popular::before{
  content:none!important;
  display:none!important;
}

@media(max-width:760px){
  .topbar{height:68px!important}
  .brand-logo{height:50px!important}
  .brand-logo img{height:42px!important;max-width:240px!important}
  .brand-fallback{font-size:21px!important}
  #page2 .packet-brand{padding-right:62px!important}
  #page2 .packet-name{padding-right:46px!important}
  #page2 .packet-card.is-popular .popular-badge{
    min-width:140px!important;
    height:36px!important;
    font-size:11px!important;
    transform:translate(-50%,-100%)!important;
  }
}
@media(max-width:430px){
  .brand-logo img{height:40px!important;max-width:220px!important}
  #page2 .packet-brand{padding-right:58px!important}
  #page2 .packet-name{padding-right:40px!important}
  #page2 .packet-card.is-popular .popular-badge{
    min-width:132px!important;
    height:34px!important;
    font-size:10px!important;
  }
}

/* V86 — installation fee notice, fiber pricing campaigns and centered small grids */
.setup-fee-box{
  margin-top:16px;
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:16px 18px;
  border:1px solid #dce6f2;
  border-radius:16px;
  background:linear-gradient(135deg,#f8fbff 0%,#fff 72%);
  box-shadow:0 6px 20px rgba(29,55,92,.05);
}
.setup-fee-icon{
  width:42px;height:42px;flex:none;border-radius:12px;
  display:grid;place-items:center;background:#edf3ff;color:#1769e0;
}
.setup-fee-icon svg{width:21px;height:21px;stroke-width:2.15}
.setup-fee-content{min-width:0;flex:1}
.setup-fee-title{display:block;font-size:15px;line-height:1.25;font-weight:900;color:#192947}
.setup-fee-content p{margin:5px 0 10px;color:#6d7d95;font-size:11px;line-height:1.5}
.setup-fee-options{display:flex;gap:10px;flex-wrap:wrap}
.setup-fee-option{
  min-width:190px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;
  padding:9px 11px;border:1px solid #dfe7f2;border-radius:11px;background:#fff;
}
.setup-fee-option span{font-size:10px;color:#70819a;font-weight:800}
.setup-fee-option strong{font-size:14px;color:#1d3150;font-weight:950;white-space:nowrap}
.setup-fee-option small{grid-column:1/-1;font-size:8.5px;color:#8b98aa;font-weight:700}
.setup-fee-note{display:block;margin-top:9px;color:#75849a;font-size:9px;line-height:1.45}
.setup-fee-note b{color:#1a2f4e}

#page2 .tariff-grid.tariff-count-2{
  grid-template-columns:repeat(2,minmax(260px,360px))!important;
  justify-content:center!important;
}
#page2 .tariff-grid.tariff-count-1{justify-content:center!important}
#page2 .packet-campaign{
  margin:10px auto 2px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex-wrap:wrap;
  text-align:center;
}
#page2 .packet-campaign span{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:25px;padding:5px 9px;border-radius:999px;
  background:#fff0f6;color:#d12b68;border:1px solid #ffd2e1;
  font-size:8px;font-weight:950;line-height:1;white-space:nowrap;
}
#page2 .packet-campaign small{
  font-size:8px;color:#7c8ba0;font-weight:800;line-height:1.2;white-space:nowrap;
}
#page2 .packet-price-row{margin-top:10px!important;display:flex!important;justify-content:center!important}
#page2 .packet-price{text-align:center!important;white-space:nowrap!important}

@media(max-width:760px){
  .setup-fee-box{padding:14px;gap:11px;border-radius:15px}
  .setup-fee-icon{width:38px;height:38px;border-radius:11px}
  .setup-fee-title{font-size:14px}
  .setup-fee-content p{font-size:10px;margin-bottom:9px}
  .setup-fee-options{display:grid;grid-template-columns:1fr;gap:8px}
  .setup-fee-option{min-width:0}
  .setup-fee-note{font-size:8.5px}
  #page2 .tariff-grid.tariff-count-2{grid-template-columns:1fr!important;justify-content:stretch!important}
  #page2 .packet-campaign{margin-top:9px}
  #page2 .packet-campaign span{font-size:9px;min-height:28px;padding:6px 10px}
  #page2 .packet-campaign small{font-size:8.5px}
}


/* Searchable address dropdowns */
.address-grid>label{position:relative;z-index:1}
.address-grid>label.select-label-open{z-index:80}
.searchable-select{position:relative;width:100%;margin-top:8px}
.searchable-select>select.native-address-select{position:absolute!important;inset:0!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;border:0!important}
.searchable-trigger{width:100%;min-height:52px;border:1px solid #dce4ef;border-radius:14px;background:#fff;color:#1f2a40;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer;font:inherit;font-weight:700;transition:.15s;box-sizing:border-box}
.searchable-trigger:hover:not(:disabled){border-color:#b9c9df}
.searchable-trigger:focus-visible{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(23,105,224,.08)}
.searchable-trigger.is-disabled{background:#f5f7fa;color:#a6b0bf;cursor:not-allowed}
.searchable-trigger-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.searchable-trigger>svg{width:18px;height:18px;flex:none;color:#55739d}
.searchable-panel{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:1000;background:#fff;border:1px solid #d8e1ed;border-radius:16px;box-shadow:0 18px 40px rgba(32,50,80,.16);overflow:hidden}
.searchable-select.open .searchable-panel{display:block}
.searchable-search-wrap{position:sticky;top:0;padding:10px;background:rgba(255,255,255,.98);border-bottom:1px solid #e8edf4;display:flex;align-items:center;gap:8px;z-index:2}
.searchable-search-wrap>svg{width:17px;height:17px;color:#6e7e97;flex:none}
.searchable-search{width:100%;height:42px;border:1px solid #dce4ef;border-radius:11px;background:#f8fafc;color:#1f2a40;padding:0 12px;outline:none;font:inherit;font-size:13px;box-sizing:border-box}
.searchable-search:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,105,224,.08);background:#fff}
.searchable-options{max-height:280px;overflow:auto;padding:6px}
.searchable-option{display:block;width:100%;border:0;background:transparent;color:#26354d;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer;font:inherit;font-size:13px;font-weight:750}
.searchable-option:hover,.searchable-option.selected{background:#eef5ff;color:#155fd3}
.searchable-empty{padding:18px 12px;text-align:center;color:#8b97a9;font-size:12px}
@media(max-width:700px){
  .searchable-panel{top:calc(100% + 6px)}
  .searchable-options{max-height:240px}
}


/* V88 — package campaign ribbons and in-dropdown address search */
#page2 .packet-card.has-badge{overflow:visible!important;position:relative!important;}
#page2 .packet-card.has-badge .popular-badge{
  position:absolute!important;top:-1px!important;left:50%!important;right:auto!important;bottom:auto!important;
  transform:translate(-50%,-100%)!important;z-index:30!important;
  min-width:132px!important;height:34px!important;padding:0 16px!important;box-sizing:border-box!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  border-radius:14px 14px 0 0!important;color:#fff!important;
  background:linear-gradient(90deg,#9c22df,#7f24d9)!important;
  box-shadow:0 7px 16px rgba(127,36,217,.24)!important;font-size:11px!important;font-weight:900!important;line-height:1!important;
  white-space:nowrap!important;
}
#page2 .packet-card.has-campaign .popular-badge{background:linear-gradient(90deg,#ef3f7f,#d92c66)!important;box-shadow:0 7px 16px rgba(217,44,102,.20)!important}
#page2 .packet-card.has-badge .popular-badge svg{width:14px!important;height:14px!important;stroke-width:2.25!important}
#page2 .packet-card.has-badge::before,#page2 .packet-card.has-badge::after{content:none!important;display:none!important}
#page2 .packet-campaign{display:none!important}
#page2 .packet-price-row{display:flex!important;justify-content:center!important;text-align:center!important;overflow:visible!important}
#page2 .packet-price-block{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;max-width:100%!important}
#page2 .packet-price{display:flex!important;align-items:baseline!important;justify-content:center!important;gap:4px!important;white-space:nowrap!important;max-width:100%!important}
#page2 .packet-next-price{margin-top:5px!important;font-size:10px!important;line-height:1.2!important;font-weight:800!important;color:#7a8798!important;white-space:nowrap!important}
#page2 .searchable-panel{z-index:3000!important;max-width:100%!important}
@media(max-width:760px){
  #page2 .packet-card.has-badge .popular-badge{min-width:136px!important;height:36px!important;font-size:11px!important;padding:0 14px!important}
  #page2 .packet-next-price{font-size:9.5px!important}
}
@media(max-width:430px){
  #page2 .packet-card.has-badge .popular-badge{min-width:132px!important;height:34px!important;font-size:10px!important}
  #page2 .packet-next-price{font-size:9px!important}
}


/* V89 — package campaign fit + in-dropdown address search */
#page2 .tariff-wrap{padding-top:36px!important;overflow:visible!important;box-sizing:border-box!important}
#page2 .tariff-grid{padding-top:22px!important;align-items:stretch!important;overflow:visible!important}
#page2 .packet-card{height:auto!important;min-height:535px!important;overflow:visible!important;box-sizing:border-box!important}
#page2 .packet-main{height:100%!important;min-height:0!important}
#page2 .packet-card.has-badge .popular-badge{top:0!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:20!important}
#page2 .packet-price-row{margin-top:auto!important;min-height:92px!important;padding-top:14px!important;overflow:visible!important;box-sizing:border-box!important}
#page2 .packet-price-block{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;width:100%!important;min-width:0!important}
#page2 .packet-next-price{display:block!important;margin-top:5px!important;font-size:10px!important;line-height:1.2!important;color:#7a8798!important;font-weight:800!important;white-space:nowrap!important}
.searchable-select{position:relative!important;width:100%!important;margin-top:8px!important;z-index:1!important}
.searchable-select.open{z-index:100!important}
.searchable-select>select.native-address-select{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.searchable-trigger{width:100%!important;min-height:52px!important;box-sizing:border-box!important}
.searchable-panel{display:none!important;position:absolute!important;left:0!important;right:0!important;top:calc(100% + 6px)!important;z-index:5000!important;background:#fff!important;border:1px solid #d8e1ed!important;border-radius:16px!important;box-shadow:0 18px 40px rgba(32,50,80,.16)!important;overflow:hidden!important}
.searchable-select.open .searchable-panel{display:block!important}
.searchable-search-wrap{position:sticky!important;top:0!important;padding:10px!important;background:#fff!important;border-bottom:1px solid #e8edf4!important;display:flex!important;align-items:center!important;gap:8px!important;z-index:2!important}
.searchable-search-wrap svg{width:17px!important;height:17px!important;color:#6e7e97!important;flex:none!important}
.searchable-search{width:100%!important;height:42px!important;box-sizing:border-box!important;border:1px solid #dce4ef!important;border-radius:11px!important;background:#f8fafc!important;color:#1f2a40!important;padding:0 12px!important;outline:none!important;font:inherit!important;font-size:13px!important}
.searchable-search:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px rgba(23,105,224,.08)!important;background:#fff!important}
.searchable-options{max-height:280px!important;overflow:auto!important;padding:6px!important;background:#fff!important}
.searchable-option{display:block!important;width:100%!important;border:0!important;background:transparent!important;color:#26354d!important;text-align:left!important;padding:11px 12px!important;border-radius:10px!important;cursor:pointer!important;font:inherit!important;font-size:13px!important;font-weight:750!important}
.searchable-option:hover,.searchable-option.selected{background:#eef5ff!important;color:#155fd3!important}
.searchable-empty{padding:18px 12px!important;text-align:center!important;color:#8b97a9!important;font-size:12px!important}
@media(max-width:760px){
  #page2 .tariff-wrap{padding-top:30px!important}
  #page2 .tariff-grid{padding-top:20px!important}
  #page2 .packet-card{min-height:0!important}
}

/* V90 — selected address summary (session-scoped, non-shared) */
.address-summary{
  margin:16px 0 18px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  font-size:inherit!important;
  color:inherit!important;
}
.address-summary.hidden{display:none!important}
.address-summary-inner{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  box-sizing:border-box;
  padding:10px 12px;
  min-height:56px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:12px;
  background:linear-gradient(135deg,#1f6fb6 0%,#2e78b9 100%);
  color:#fff;
  box-shadow:0 6px 18px rgba(31,94,155,.10);
}
.address-summary-icon{width:32px;height:32px;display:grid;place-items:center;flex:none;color:#dff0ff}
.address-summary-icon svg{width:20px;height:20px;stroke-width:1.9}
.address-summary-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.address-summary-text strong{font-size:13px;line-height:1.35;font-weight:850;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.address-summary-text span{font-size:10px;line-height:1.35;color:rgba(255,255,255,.78)}
.address-summary-actions{display:flex;align-items:center;gap:8px;flex:none}
.address-summary-btn,.address-summary-icon-btn{
  appearance:none;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.10);color:#fff;
  min-height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:0 12px;font:inherit;font-weight:850;font-size:12px;cursor:pointer;white-space:nowrap;
}
.address-summary-btn:hover,.address-summary-icon-btn:hover{background:rgba(255,255,255,.18)}
.address-summary-btn svg{width:16px;height:16px}.address-summary-icon-btn{width:38px;padding:0}.address-summary-icon-btn svg{width:16px;height:16px}
@media(max-width:760px){
  .address-summary-inner{align-items:flex-start;flex-wrap:wrap;padding:10px}
  .address-summary-icon{margin-top:1px}
  .address-summary-text{flex-basis:calc(100% - 44px)}
  .address-summary-text strong{white-space:normal;font-size:12px}
  .address-summary-text span{font-size:9px}
  .address-summary-actions{width:100%;justify-content:flex-end;padding-left:44px}
  .address-summary-btn{flex:1;min-width:0}
}


/* V92 — public header removed from the application flow */
.topbar{display:none!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important}
.app-shell>.container{margin-top:0!important}

/* V94 — single address dropdown portal: one open list at a time, viewport-safe */
.searchable-select{position:relative!important;width:100%!important;margin-top:8px!important;z-index:1!important}
.searchable-select.open{z-index:500!important}
.searchable-select>select.native-address-select{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;border:0!important}
.searchable-trigger{width:100%!important;min-height:52px!important;border:1px solid #dce4ef!important;border-radius:14px!important;background:#fff!important;color:#1f2a40!important;padding:13px 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;text-align:left!important;cursor:pointer!important;box-sizing:border-box!important;font:inherit!important;font-weight:700!important}
.searchable-trigger:focus-visible{outline:none!important;border-color:var(--blue)!important;box-shadow:0 0 0 4px rgba(23,105,224,.08)!important}
.searchable-trigger.is-disabled{background:#f5f7fa!important;color:#a6b0bf!important;cursor:not-allowed!important}
.searchable-trigger>svg{width:18px!important;height:18px!important;flex:none!important;color:#55739d!important}
.address-search-portal{position:fixed!important;display:none!important;z-index:99999!important;background:#fff!important;border:1px solid #d8e1ed!important;border-radius:16px!important;box-shadow:0 18px 40px rgba(32,50,80,.18)!important;overflow:hidden!important;box-sizing:border-box!important;max-width:calc(100vw - 20px)!important}
.address-search-portal.open{display:flex!important;flex-direction:column!important}
.address-search-portal.hidden{display:none!important}
.address-search-portal-search{flex:0 0 auto!important;padding:10px!important;background:#fff!important;border-bottom:1px solid #e8edf4!important;display:flex!important;align-items:center!important;gap:8px!important;box-sizing:border-box!important}
.address-search-portal-search>svg{width:17px!important;height:17px!important;color:#6e7e97!important;flex:none!important}
.address-search-portal-input{width:100%!important;height:42px!important;border:1px solid #dce4ef!important;border-radius:11px!important;background:#f8fafc!important;color:#1f2a40!important;padding:0 12px!important;outline:none!important;font:inherit!important;font-size:13px!important;box-sizing:border-box!important}
.address-search-portal-input:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px rgba(23,105,224,.08)!important;background:#fff!important}
.address-search-portal-list{min-height:0!important;overflow:auto!important;padding:6px!important;background:#fff!important;box-sizing:border-box!important;overscroll-behavior:contain!important}
.address-search-portal-option{display:block!important;width:100%!important;border:0!important;background:transparent!important;color:#26354d!important;text-align:left!important;padding:11px 12px!important;border-radius:10px!important;cursor:pointer!important;font:inherit!important;font-size:13px!important;font-weight:750!important;box-sizing:border-box!important}
.address-search-portal-option:hover,.address-search-portal-option.selected{background:#eef5ff!important;color:#155fd3!important}
.address-search-portal-empty{padding:18px 12px!important;text-align:center!important;color:#8b97a9!important;font-size:12px!important}
@media(max-width:760px){
  .address-search-portal{max-width:calc(100vw - 16px)!important}
  .address-search-portal-option{padding:12px!important;font-size:13px!important}
}