:root{--blue:#1464d2;--blue-dark:#0b438f;--red:#d83b3b;--ink:#172033;--muted:#667085;--line:#dbe3ee;--soft:#f5f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#fff}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(100% - 32px,1100px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);padding:22px 0 16px}.header-inner{display:flex;align-items:center}.site-header h1{font-size:clamp(1.35rem,4vw,1.8rem);letter-spacing:.04em;margin:0}.site-header p{color:var(--muted);font-size:.85rem;margin:4px 0 0}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-top:18px}.tab-button{background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);font-weight:750;min-height:48px;padding:0 18px}.tab-button.is-active{color:var(--blue);border-color:var(--blue)}.tab-panel{padding:20px 0 34px}.browse-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.status-text,.examples{color:var(--muted);font-size:.85rem}.button{border:1px solid transparent;border-radius:8px;min-height:44px;padding:10px 14px;font-weight:750;transition:background .18s,color .18s,border-color .18s}.button-primary{background:var(--blue);color:white}.button-primary:hover,.button-primary:focus-visible{background:var(--blue-dark)}.button-secondary{background:white;border-color:var(--line);color:var(--ink)}.button-secondary:hover,.button-secondary:focus-visible{border-color:var(--blue);color:var(--blue)}.button-ghost{background:transparent;color:var(--blue)}.sim-list{height:440px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--soft);padding:0 12px;position:relative}.sim-list::before,.sim-list::after{content:"";position:absolute;left:0;right:0;height:28px;z-index:2;pointer-events:none}.sim-list::before{top:0;background:linear-gradient(var(--soft),transparent)}.sim-list::after{bottom:0;background:linear-gradient(transparent,var(--soft))}.sim-track{display:flex;flex-direction:column;gap:7px;will-change:transform;padding:24px 0}.sim-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;background:#fff;border:1px solid #e8edf4;border-radius:9px;padding:11px 12px;min-height:64px}.sim-phone{font-size:1.04rem;font-weight:800;letter-spacing:.025em}.sim-price{color:var(--red);font-weight:800;white-space:nowrap}.sim-elements{grid-column:1/-1;color:var(--muted);font-size:.8rem}.desktop-head{display:none}.section-title{font-size:1.35rem;margin:0 0 18px}.search-controls{display:grid;gap:14px}.search-field input{width:100%;border:1px solid var(--line);border-radius:8px;min-height:46px;padding:10px 13px}.examples{margin:-7px 0 2px}.search-controls fieldset{border:0;padding:0;margin:0}.search-controls legend{font-size:.78rem;font-weight:800;letter-spacing:.06em;margin-bottom:7px}.filter-group{display:flex;flex-wrap:wrap;gap:7px}.filter-button{background:white;border:1px solid var(--line);border-radius:999px;color:var(--ink);min-height:40px;padding:7px 13px}.filter-button.is-active{background:#e9f1ff;border-color:var(--blue);color:var(--blue)}.select-label{font-size:.78rem;font-weight:800;letter-spacing:.06em;display:flex;align-items:center;gap:10px}.select-label select{font-size:1rem;font-weight:500;letter-spacing:0;border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff}.results-heading{margin:24px 0 10px}.results-list{display:grid;gap:8px}.result-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;border-bottom:1px solid var(--line);padding:12px 4px;cursor:pointer}.result-row:hover{background:var(--soft)}.site-footer{text-align:center;color:var(--muted);font-size:.75rem;padding:20px 16px 28px}.modal-backdrop{position:fixed;inset:0;background:rgba(20,32,51,.45);display:grid;place-items:end center;padding:12px;z-index:10}.modal{background:white;border-radius:14px;width:min(100%,520px);max-height:calc(100vh - 24px);overflow:auto;padding:24px;position:relative;box-shadow:0 18px 60px rgba(0,0,0,.18)}.modal-close{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:1.8rem;color:var(--muted);line-height:1}.modal h2{margin:0 32px 20px 0;font-size:1.2rem}.detail-phone{font-size:1.65rem;font-weight:850;letter-spacing:.04em;margin:0 0 5px}.detail-price{font-size:1.2rem;color:var(--red);font-weight:800;margin:0}.detail-elements{color:var(--muted);margin:8px 0 20px}.modal-actions{display:grid;gap:8px}.modal label{display:grid;gap:6px;margin:14px 0;font-size:.9rem;font-weight:650}.modal input,.modal textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:10px}.form-message{min-height:1.3em;color:var(--blue);font-size:.9rem}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(20,100,210,.3);outline-offset:2px}@media (min-width:700px){.sim-list{height:480px;padding:0 18px}.sim-row{grid-template-columns:1.2fr .7fr 1fr;min-height:52px}.sim-elements{grid-column:auto}.desktop-head{display:grid;grid-template-columns:1.2fr .7fr 1fr;padding:8px 12px;color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.06em}.modal-backdrop{place-items:center}.modal-actions{grid-template-columns:1fr 1fr}.modal-actions .button-ghost{grid-column:1/-1}.results-list{grid-template-columns:repeat(2,1fr);column-gap:22px}}@media (min-width:1000px){.container{width:min(100% - 56px,1180px)}.results-list{grid-template-columns:repeat(3,1fr)}}
 .sim-row.is-selected,.result-row.is-selected{border-color:#8db8f2!important;background:#eef5ff!important;box-shadow:0 0 0 2px rgba(20,100,210,.1)}
 .modal-backdrop[hidden]{display:none}
 .viettel-section{padding:22px 0 30px;border-bottom:1px solid var(--line)}.store-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.store-heading .section-title{margin-bottom:3px}.store-note{font-size:.78rem;color:var(--muted);margin:0}.viettel-types{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.viettel-search{display:flex;gap:8px;margin:16px 0}.viettel-search input{min-width:0;flex:1;border:1px solid var(--line);border-radius:8px;padding:10px 12px}.store-table{display:grid;gap:7px}.store-table-head,.viettel-row{display:grid;grid-template-columns:1.1fr .8fr 1fr auto;gap:10px;align-items:center}.store-table-head{padding:8px 12px;color:var(--muted);font-size:.73rem;font-weight:800;letter-spacing:.05em}.viettel-row{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 12px}.viettel-row .sim-phone{font-size:1rem}.viettel-row .sim-price{color:var(--red);font-weight:800;white-space:nowrap}.viettel-row .sim-elements{color:var(--muted);font-size:.8rem}.viettel-buy{min-height:38px;padding:7px 10px;font-size:.78rem}.pagination{display:flex;justify-content:center;gap:6px;margin-top:14px}.page-button{min-width:36px;min-height:36px;border:1px solid var(--line);background:#fff;border-radius:7px}.page-button.is-active{background:var(--blue);color:#fff;border-color:var(--blue)}
 @media (max-width:720px){.store-heading{display:block}.viettel-types{justify-content:flex-start;margin-top:12px}.viettel-search{align-items:stretch}.viettel-search .button{padding-inline:12px}.store-table-head{display:none}.viettel-row{grid-template-columns:1fr auto;gap:4px 10px}.viettel-row .sim-phone{grid-column:1}.viettel-row .sim-price{grid-column:2;grid-row:1}.viettel-row .sim-elements{grid-column:1;font-size:.78rem}.viettel-buy{grid-column:2;grid-row:2}}