:root{--ux-white:#fff;--ux-ink:#171717;--ux-mid:#666;--ux-line:#cfcfcf;--ux-soft:#f2f2f2}
.ux-entry,.ux-panel,.ux-inline,.ux-deadend,.ux-series{margin:1.5rem auto;padding:clamp(1rem,3vw,2rem);border:1px solid var(--ux-line);border-radius:1rem;background:var(--ux-white);color:var(--ux-ink)}
.ux-entry{display:flex;align-items:center;justify-content:space-between;gap:1rem}.ux-entry h2,.ux-panel h2,.ux-inline h2,.ux-deadend h2{font-weight:900;font-size:clamp(1.35rem,3vw,2rem)}

.ux-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1rem;border:1px solid var(--ux-ink);border-radius:.5rem;background:var(--ux-ink);color:var(--ux-white);font-weight:800}.ux-btn--light{background:var(--ux-white);color:var(--ux-ink)}
.ux-panel[hidden]{display:none}.ux-progress{color:var(--ux-mid);font-weight:700}.ux-options,.ux-chips,.ux-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.ux-options button,.ux-chips button{min-height:44px;padding:.6rem .9rem;border:1px solid var(--ux-line);border-radius:999px;background:var(--ux-white)}.ux-options button:hover,.ux-options button:focus{border-color:var(--ux-ink)}
.ux-results,.ux-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.ux-card{padding:1rem;border:1px solid var(--ux-line);border-radius:.75rem;background:var(--ux-soft)}.ux-card b,.ux-card strong{display:block}.ux-card p{margin:.45rem 0;color:var(--ux-mid)}
.ux-compare{width:100%;border-collapse:collapse}.ux-compare th,.ux-compare td{padding:.8rem;border-bottom:1px solid var(--ux-line);text-align:left}.ux-compare thead{position:sticky;top:0;background:var(--ux-white)}.ux-compare .ux-group th{background:var(--ux-soft);color:var(--ux-mid)}
.ux-compare-page{position:relative}.ux-compare-page .ux-compare{table-layout:fixed;min-width:760px}.ux-compare-page .ux-compare thead{z-index:2}.ux-compare-page .ux-compare thead th{vertical-align:bottom}.ux-compare-page .ux-compare thead th:first-child{width:180px}.ux-compare-page .ux-compare thead span,.ux-compare-page .ux-compare thead small{display:block}.ux-compare-page .ux-compare thead small{min-height:2.5em;margin:.35rem 0;color:var(--ux-mid);font-weight:500}.ux-product-visual{display:grid!important;place-items:center;width:72px;height:56px;margin-bottom:.5rem;border-radius:.5rem;background:var(--ux-soft);font-size:.7rem;letter-spacing:.08em}.ux-show-all{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;margin-top:1rem;font-weight:800}.ux-show-all input{width:20px;height:20px}
.ux-tray{position:fixed;z-index:60;right:1rem;bottom:1rem;left:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem;border:1px solid var(--ux-ink);border-radius:.75rem;background:var(--ux-white);box-shadow:0 8px 30px #0003}.ux-tray__compact{display:none}.ux-tray__items{display:flex;flex:1;justify-content:center;gap:.5rem}.ux-tray__items>span{display:flex;align-items:center;gap:.6rem;padding:.4rem .55rem;border:1px solid var(--ux-line);border-radius:.5rem}.ux-tray__items small{display:block;color:var(--ux-mid)}.ux-tray__items button{width:2rem;height:2rem;border-radius:50%;font-size:1.25rem}.ux-tray__actions{display:flex;align-items:center;gap:.6rem}.ux-tray__clear{text-decoration:underline}.ux-tray [disabled]{cursor:not-allowed;opacity:.45}.ux-compare-notice{position:fixed;z-index:90;right:1rem;bottom:6rem;max-width:22rem;padding:1rem;border:1px solid var(--ux-ink);border-radius:.75rem;background:var(--ux-white);box-shadow:0 8px 30px #0003}.ux-compare-notice p{margin-bottom:.7rem;font-weight:800}.ux-compare-notice button{min-height:44px;padding:.6rem .8rem;border-radius:.45rem;background:var(--ux-ink);color:var(--ux-white);font-weight:800}
.ux-summary{padding:1rem;border-left:4px solid var(--ux-ink);background:var(--ux-soft);font-size:1.05rem}.ux-app{margin-top:1rem}.ux-app-placeholder{display:none;margin-top:.7rem;padding:1rem;border:1px dashed var(--ux-mid);background:var(--ux-soft)}.ux-app-placeholder.is-open{display:block}
@media(max-width:700px){.ux-entry{align-items:flex-start;flex-direction:column}.ux-panel{position:fixed;z-index:80;right:0;bottom:0;left:0;max-height:82vh;margin:0;overflow:auto;border-radius:1.25rem 1.25rem 0 0;box-shadow:0 -12px 40px #0004}.ux-results,.ux-cards{grid-template-columns:1fr}.ux-tray{left:auto;padding:.55rem .7rem}.ux-tray--above-cta{bottom:5rem}.ux-tray__compact{display:block;white-space:nowrap;font-weight:800}.ux-tray__items,.ux-tray__actions{display:none}.ux-tray.is-expanded{left:1rem;flex-wrap:wrap}.ux-tray.is-expanded .ux-tray__items,.ux-tray.is-expanded .ux-tray__actions{display:flex}.ux-tray.is-expanded .ux-tray__items{order:2;flex-basis:100%;overflow-x:auto}.ux-tray__actions .ux-btn{min-height:38px;padding:.45rem .65rem}.ux-table-scroll{overflow-x:auto}.ux-compare{min-width:720px}.ux-compare-page .ux-compare{min-width:680px}.ux-compare-page .ux-compare thead th:first-child{width:128px}.ux-compare-page .ux-compare th,.ux-compare-page .ux-compare td{width:184px;padding:.65rem}.ux-product-visual{width:56px;height:44px}}

/* Make personalization-preview differences explicit during stakeholder review. */



/* P16 acceptance: every standalone mobile control keeps a 44px hit area. */
@media(max-width:1023px){.ux-tray__items button,.ux-tray__actions .ux-btn,.hero-dots button,.deal-tabs button,.search-tabs button{min-width:44px;min-height:44px}}
/* P14 — page-specific content completion */
.home-hero-track{width:100%}.home-hero-slide{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}.home-hero-slide[hidden]{display:none}.home-hero-controls{position:absolute;left:clamp(20px,5vw,64px);right:clamp(20px,5vw,64px);bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:16px}.hero-dots{display:flex;gap:8px;flex-wrap:wrap}.hero-dots button,.deal-tabs button,.search-tabs button{border:1px solid #777;background:#fff;padding:8px 14px;border-radius:999px}.hero-dots button[aria-pressed="true"],.deal-tabs button[aria-pressed="true"],.search-tabs button[aria-pressed="true"]{background:#111;color:#fff}.p14-card-grid,.help-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.p14-card-grid article,.help-topic-grid>a,.service-notice,.campaign-meta{border:1px solid #ccc;border-radius:16px;padding:20px;background:#fff}.help-topic-grid{grid-template-columns:repeat(4,1fr)}.help-topic-grid>a{color:inherit;text-decoration:none}.p14-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;padding:0;counter-reset:step}.p14-steps li{display:grid;gap:8px;padding:24px;border-top:3px solid #111;background:#eee}.deal-tabs,.search-tabs{display:flex;gap:8px;overflow:auto;padding-top:24px;padding-bottom:12px}.campaign-end{margin-top:16px;border-top:1px solid #ccc;padding-top:12px}.campaign-meta{margin-top:20px}.search-empty nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.search-empty a{padding:10px 14px;border:1px solid #777;border-radius:999px}.search-summary{padding-top:20px;font-size:1.05rem}.number-flow{margin-top:24px;padding:20px;border:1px solid #aaa;border-radius:12px;display:grid;gap:12px}.number-options{display:flex;gap:8px;flex-wrap:wrap}.number-options button{padding:10px;border:1px solid #777;background:#fff;border-radius:8px}
@media(max-width:760px){.home-hero-slide{grid-template-columns:1fr}.home-hero-controls{position:static;margin-top:16px}.p14-card-grid,.help-topic-grid,.p14-steps{grid-template-columns:1fr}}
/* Direct product-detail entry points required by the IA acceptance checklist. */
.featured-product-links{display:flex;gap:8px;overflow-x:auto;padding-top:16px;padding-bottom:4px;scrollbar-width:thin}
.featured-product-links a{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;padding:8px 14px;border:1px solid var(--border,#dedede);border-radius:999px;background:#fff;color:var(--text,#202020);font-weight:700;text-decoration:none}
.featured-product-links a:hover,.featured-product-links a:focus-visible{background:#202020;color:#fff}

/* Guided selling: in-page on desktop and accessible modal sheet below 1024px. */
.ux-panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.ux-panel__head>button{min-height:44px;padding:.5rem .75rem;border:1px solid var(--ux-line);border-radius:.5rem;background:var(--ux-white);font-weight:800}.ux-backdrop[hidden]{display:none}.ux-result-reason{margin:.5rem 0 1rem;color:var(--ux-mid)}.ux-guided-filter{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;border:1px solid var(--ux-ink);border-radius:999px;background:var(--ux-soft);font-weight:800}.ux-guided-filter button{min-height:44px;padding:.4rem .8rem;text-decoration:underline}.ux-options [aria-pressed="true"]{background:var(--ux-ink);color:var(--ux-white)}
@media(min-width:1024px){.ux-panel__head>button,.ux-backdrop{display:none!important}.ux-panel{position:static}.ux-guided[data-guided="fibre"]{margin-top:2rem}}
@media(max-width:1023px){body.guided-open{overflow:hidden}.ux-backdrop{position:fixed;z-index:79;inset:0;background:#0008}.ux-panel{position:fixed;z-index:80;right:0;bottom:0;left:0;max-height:88vh;margin:0;overflow:auto;border-radius:1.25rem 1.25rem 0 0;box-shadow:0 -12px 40px #0004}.ux-results{grid-template-columns:1fr}.ux-guided-filter{align-items:flex-start;border-radius:.75rem}}
.ux-load-fallback,.ux-page-tool{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem auto;padding:1rem;border:1px solid var(--ux-line);border-radius:.75rem;background:#fff}.ux-load-fallback a,.ux-page-tool button,.ux-ussd button,.ux-addon-facts button{min-height:44px;padding:.55rem .8rem;text-decoration:underline}.ux-coverage form{width:100%}.ux-coverage label{display:block;margin-bottom:.4rem;font-weight:800}.ux-coverage form>div{display:flex;gap:.5rem}.ux-coverage input{min-height:44px;flex:1;border:1px solid var(--ux-line);border-radius:.5rem;padding:.65rem}.ux-ussd{margin-top:.75rem;font-size:.8125rem}.ux-ussd code,.ux-addon-facts code{font-weight:900}.ux-variants,.ux-number-picker,.ux-addon-facts{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--ux-line)}.ux-variants h3,.ux-number-picker h3,.ux-addon-facts h3{margin:.75rem 0;font-weight:900}.ux-variants>div,.ux-number-picker>div{display:flex;flex-wrap:wrap;gap:.5rem}.ux-variants button,.ux-number-picker button{min-height:44px;padding:.55rem .8rem;border:1px solid var(--ux-line);border-radius:.5rem}.ux-variants button[aria-pressed="true"],.ux-number-picker button[aria-pressed="true"]{border-color:var(--ux-ink);background:var(--ux-ink);color:#fff}.ux-addon-facts dl{margin-top:1rem;border-top:1px solid var(--ux-line)}.ux-addon-facts dl>div{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--ux-line)}.ux-addon-facts dt{font-weight:800}.ux-search-dialog{position:fixed;z-index:100;inset:0;display:grid;place-items:start center;padding:6rem 1rem;background:#0009}.ux-search-dialog form{width:min(720px,100%);padding:1.5rem;border-radius:1rem;background:#fff}.ux-search-dialog label{display:block;margin-bottom:.75rem;font-size:1.2rem;font-weight:900}.ux-search-dialog form>div{display:flex;gap:.5rem}.ux-search-dialog input{min-height:48px;min-width:0;flex:1;border:2px solid var(--ux-ink);border-radius:.5rem;padding:.7rem}.ux-search-dialog [data-close]{min-height:44px;padding:.5rem}
@media(max-width:767px){.schedule>div,.schedule .live-now{grid-template-columns:4.5rem 1fr}.schedule>div>*:last-child{grid-column:2}.schedule>div{margin-bottom:.75rem;padding:1rem;border:1px solid var(--ux-line);border-radius:.75rem}.ux-coverage form>div,.ux-search-dialog form>div{align-items:stretch;flex-direction:column}.ux-addon-facts dl>div{grid-template-columns:1fr}.ux-page-tool{align-items:flex-start;flex-direction:column}}
/* U3 page-template improvements */
.mobile-catalog-bar{display:none}.variant-selector fieldset{border:0;padding:0;margin:18px 0}.variant-selector legend{font-weight:700;margin-bottom:8px}.variant-selector button{min-height:44px;padding:8px 16px;margin:0 8px 8px 0;border:1px solid #aaa;border-radius:999px;background:#fff}.variant-selector button[aria-pressed="true"]{border:2px solid #111;background:#f4f8e9}.pdp-breadcrumb{padding-top:20px}.cart-progress{display:flex;justify-content:center;gap:12px;list-style:none;padding:18px}.cart-progress li{color:#666}.cart-progress li[aria-current="step"]{font-weight:700;color:#111}.quantity-stepper{display:flex;align-items:center;gap:12px;margin:12px 0}.quantity-stepper button{width:44px;height:44px}.cart-actions{display:flex;gap:12px;align-items:center}.cart-undo{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:50;background:#222;color:#fff;padding:14px 20px;border-radius:8px}.search-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.help-intro-search{margin-top:20px}.ux-compare-page thead{position:sticky;top:0;z-index:3}.ux-compare-note{text-align:center;color:#555}.compare-remove{display:block;margin:4px auto;min-height:40px}.compare-remove:disabled{cursor:not-allowed;opacity:.5}.compare-remove-help{display:block;max-width:13rem;margin:0 auto 4px;color:#555;font-weight:400}.decision-tiles>a{min-height:0}.fibre-plans article>div{display:flex;align-items:center;gap:12px}
@media(max-width:700px){.mobile-catalog-bar{display:flex;position:sticky;top:0;z-index:20;justify-content:space-between;padding:10px;background:#fff;border-block:1px solid #ddd}.mobile-catalog-bar button,.mobile-catalog-bar select{min-height:44px}.filter-panel{display:none}.filter-panel.is-open{display:block;position:fixed;inset:0;z-index:60;overflow:auto;background:#fff;padding:24px}.plp-intro{padding-block:18px}.page-section:has(.plp-layout){padding-top:0}.pdp-decision{display:flex;flex-direction:column}.pdp-art{order:-1}.help-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important}.search-categories{grid-template-columns:1fr}.mobile-pdp-cta span{display:flex;flex-direction:column}.mobile-pdp-cta small{font-size:11px}}