:root{--navy:#061b3d;--ink:#172033;--muted:#65728a;--line:#dce5ef;--soft:#f4f8fc;--blue:#0875d1;--cyan:#18bce8;--green:#12965d;--white:#fff}*{box-sizing:border-box}html{font-family:Urbanist,Arial,sans-serif;color:var(--ink);background:var(--soft);letter-spacing:0}body{margin:0}.store-header{height:74px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:42px;color:#fff;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.12)}.store-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.store-brand img{width:154px;filter:brightness(0) invert(1)}.store-brand span{padding:4px 8px;border-left:1px solid rgba(255,255,255,.28);font-size:13px;font-weight:700;color:#9fdff3}.store-header nav{display:flex;gap:30px;margin-right:auto}.store-header nav a{color:#d5e2f1;text-decoration:none;font-size:14px;font-weight:600}.store-header nav a:hover{color:#fff}.basket-button{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:13px;font-weight:700}.basket-button svg{width:19px}.basket-button b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--cyan);font-size:11px}.store-main{width:min(1240px,calc(100% - 38px));min-height:calc(100vh - 132px);margin:0 auto;padding:42px 0 70px}.store-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.eyebrow{display:block;margin-bottom:7px;color:var(--blue);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.store-intro h1{margin:0 0 8px;font-size:38px;line-height:1.05}.store-intro p{margin:0;color:var(--muted);font-size:15px}.checkout-progress{display:flex;gap:22px;margin:0;padding:0;list-style:none}.checkout-progress li{display:flex;align-items:center;gap:7px;color:#8a96aa;font-size:11px;font-weight:700}.checkout-progress b{display:grid;place-items:center;width:28px;height:28px;border:1px solid #cbd7e4;border-radius:50%;background:#fff}.checkout-progress .active{color:var(--ink)}.checkout-progress .active b{border-color:var(--blue);color:#fff;background:var(--blue)}.checkout-progress .done b{border-color:#a8dfc5;color:var(--green);background:#e9f8f1}.alert{display:flex;align-items:center;gap:10px;margin:-10px 0 25px;padding:13px 16px;border-radius:6px;font-size:13px;font-weight:600}.alert svg{width:18px}.alert.error{color:#9b2637;border:1px solid #f0bdc4;background:#fff1f3}.catalog-section{margin-top:35px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.section-heading h2{margin:0;font-size:24px}.section-heading>span{color:var(--muted);font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card,.form-panel,.summary-panel,.cart-panel,.empty{border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:0 10px 25px rgba(24,50,78,.05)}.product-card{display:flex;min-height:360px;flex-direction:column;align-items:flex-start;padding:25px}.product-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:7px;color:var(--blue);background:#e9f5ff}.product-icon.large{width:54px;height:54px}.product-icon svg{width:21px}.product-group{margin-top:16px;color:var(--blue);font-size:10px;font-weight:800;text-transform:uppercase}.product-card h3{margin:7px 0 8px;font-size:20px}.product-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.price{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:1px 8px;margin:auto 0 17px;padding-top:22px}.price small{grid-column:1/-1;color:var(--muted);font-size:10px}.price strong{font-size:25px}.price span{padding-bottom:3px;color:var(--muted);font-size:11px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 17px;border:1px solid transparent;border-radius:5px;font:700 13px Urbanist,Arial,sans-serif;text-decoration:none;cursor:pointer}.button svg{width:16px}.button.primary{color:#fff;background:var(--blue)}.button.primary:hover{background:#0667ba}.button.full{width:100%}.configure-layout,.cart-layout,.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:22px}.form-panel{padding:28px}.summary-panel{position:sticky;top:20px;padding:25px}.product-title{display:flex;gap:17px;margin-bottom:30px}.product-title .product-group{margin:0}.product-title h2,.panel-heading h2,.signed-in h2{margin:5px 0 6px;font-size:24px}.product-title p,.panel-heading p,.signed-in p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.form-panel fieldset{margin:0 0 24px;padding:0;border:0}.form-panel legend,.field>span{display:block;margin-bottom:9px;font-size:12px;font-weight:800}.cycle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cycle-option,.payment-option{position:relative;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:6px;cursor:pointer}.cycle-option input,.payment-option input{position:absolute;opacity:0}.cycle-option>i,.payment-option>i{display:none;width:17px;margin-left:auto;color:var(--blue)}.cycle-option:has(input:checked),.payment-option:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 2px rgba(8,117,209,.09)}.cycle-option:has(input:checked)>i,.payment-option:has(input:checked)>i{display:block}.cycle-option span,.payment-option>span:nth-child(3){display:flex;flex-direction:column}.cycle-option strong,.payment-option strong{font-size:13px}.cycle-option small,.payment-option small{margin-top:3px;color:var(--muted);font-size:11px}.field{display:block;margin:0 0 19px}.field input,.field select{width:100%;height:44px;padding:0 12px;border:1px solid #cfd9e5;border-radius:5px;background:#fff;font:500 13px Urbanist,Arial,sans-serif}.field input:focus,.field select:focus{outline:2px solid rgba(8,117,209,.16);border-color:var(--blue)}.field>small{display:block;margin-top:6px;color:var(--muted);font-size:10px}.field.compact{max-width:140px}.summary-panel h2{margin:5px 0 18px;font-size:20px}.summary-panel ul{margin:0 0 22px;padding:0;list-style:none}.summary-panel li{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf1f5;font-size:12px}.summary-panel li b{color:var(--green)}.text-link{display:block;margin-top:13px;color:var(--blue);text-align:center;font-size:12px;font-weight:700;text-decoration:none}.empty{display:flex;min-height:350px;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.empty>svg{width:40px;height:40px;color:var(--blue)}.empty h2{margin:15px 0 6px}.empty p{margin:0 0 20px;color:var(--muted)}.cart-panel{overflow:hidden}.cart-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto 38px;align-items:center;gap:15px;padding:20px;border-bottom:1px solid #edf1f5}.cart-item:last-child{border:0}.cart-name .product-group{margin:0}.cart-name h2{margin:4px 0 3px;font-size:16px}.cart-name p{margin:0;color:var(--muted);font-size:11px}.icon-button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:5px;color:#9a3443;background:#fff;cursor:pointer}.icon-button svg{width:16px}.summary-panel dl{margin:15px 0 22px}.summary-panel dl>div{display:flex;justify-content:space-between;padding:9px 0;color:var(--muted);font-size:12px}.summary-panel dt,.summary-panel dd{margin:0}.summary-panel dd{font-weight:700}.summary-panel .grand-total{margin-top:8px;padding-top:15px;border-top:1px solid var(--line);color:var(--ink);font-size:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid .wide{grid-column:1/-1}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.signed-in{display:flex;gap:15px;margin-bottom:28px;padding:17px;border:1px solid #cde9db;border-radius:6px;background:#f0fbf6}.signed-in .eyebrow{margin:0}.signed-in h2{font-size:17px}.payment-heading{margin-top:30px}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.payment-option .product-icon{width:38px;height:38px}.terms{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:12px;line-height:1.5}.terms input{margin-top:3px}.terms a{color:var(--blue)}.summary-item{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #edf1f5}.summary-item span{display:flex;flex-direction:column}.summary-item strong{font-size:12px}.summary-item small{margin-top:3px;color:var(--muted);font-size:10px}.summary-item b{font-size:12px}.secure-note{display:flex;align-items:flex-start;gap:7px;margin:14px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.secure-note svg{flex:none;width:15px;color:var(--green)}.store-footer{display:flex;justify-content:space-between;padding:20px max(24px,calc((100vw - 1240px)/2));border-top:1px solid var(--line);color:var(--muted);background:#fff;font-size:11px}.store-footer span{display:flex;align-items:center;gap:6px}.store-footer svg{width:14px;color:var(--green)}
@media(max-width:900px){.store-header nav{display:none}.store-header{padding:0 18px}.store-main{width:min(100% - 28px,700px);padding-top:28px}.store-intro{align-items:flex-start;flex-direction:column}.checkout-progress{width:100%;justify-content:space-between}.product-grid{grid-template-columns:1fr 1fr}.configure-layout,.cart-layout,.checkout-layout{grid-template-columns:1fr}.summary-panel{position:static}.store-footer{padding:18px}}
@media(max-width:600px){.store-header{height:64px;gap:15px}.store-brand img{width:126px}.basket-button span{display:none}.store-intro h1{font-size:30px}.checkout-progress{gap:7px}.checkout-progress li{gap:4px;font-size:9px}.checkout-progress b{width:24px;height:24px}.product-grid,.cycle-grid,.payment-grid,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.product-card{min-height:330px}.form-panel,.summary-panel{padding:20px}.cart-item{grid-template-columns:38px minmax(0,1fr) auto}.cart-item>strong{grid-column:2}.cart-item form{grid-column:3;grid-row:1/3}.store-footer{align-items:flex-start;flex-direction:column;gap:7px}}
.payment-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:22px}.payment-main .form-panel>h2{margin:5px 0 22px}.gateway-output{padding:22px;border:1px solid var(--line);border-radius:6px;background:#f8fbfe}.gateway-output form{margin:0}.gateway-output input[type=submit],.gateway-output button,.gateway-output a.btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 20px;border:0;border-radius:5px;color:#fff;background:var(--blue);font:700 13px Urbanist,Arial,sans-serif;cursor:pointer}.payment-success>svg{color:var(--green)}.alert.success{color:#147044;border:1px solid #b9e5d0;background:#effaf5}.button.secondary{color:var(--ink);border-color:var(--line);background:#fff}.field textarea{width:100%;padding:12px;border:1px solid #cfd9e5;border-radius:5px;resize:vertical;font:500 13px/1.55 Urbanist,Arial,sans-serif}.field textarea:focus{outline:2px solid rgba(8,117,209,.16);border-color:var(--blue)}
.shop-hero{display:grid;grid-template-columns:minmax(280px,.9fr) 1.2fr auto;align-items:center;gap:28px;padding:28px 30px;border:1px solid #16335b;border-radius:7px;color:#fff;background:#061b3d;box-shadow:0 15px 35px rgba(6,27,61,.12)}.shop-hero .eyebrow{color:#21c4ec}.shop-hero h2{margin:4px 0 6px;font-size:25px}.shop-hero p{margin:0;color:#a9bad0;font-size:12px}.shop-hero form{display:grid;grid-template-columns:1fr auto;gap:7px}.shop-hero input{height:46px;min-width:0;padding:0 14px;border:1px solid #294566;border-radius:5px;color:#fff;background:#0a2448;font:600 13px Urbanist,Arial,sans-serif}.shop-hero button{display:flex;align-items:center;gap:7px;padding:0 16px;border:0;border-radius:5px;color:#fff;background:#0875d1;font:800 12px Urbanist,Arial,sans-serif;cursor:pointer}.shop-hero button svg,.shop-hero>a svg{width:14px}.shop-hero>a{display:flex;align-items:center;gap:6px;color:#9ce7f8;text-decoration:none;font-size:11px;font-weight:700}.shop-categories{display:flex;gap:6px;margin:22px 0 5px;padding-bottom:12px;border-bottom:1px solid var(--line);overflow:auto}.shop-categories a{padding:9px 13px;border:1px solid transparent;border-radius:5px;color:#596981;text-decoration:none;white-space:nowrap;font-size:11px;font-weight:800}.shop-categories a:hover,.shop-categories a.active{border-color:#bfdff3;color:#0875d1;background:#edf8ff}
@media(max-width:900px){.payment-layout{grid-template-columns:1fr}.shop-hero{grid-template-columns:1fr}.shop-hero>a{justify-self:start}}
@media(max-width:600px){.shop-hero{padding:23px 19px}.shop-hero form{grid-template-columns:1fr}.shop-hero button{height:43px;justify-content:center}}
.domain-cart-item{grid-template-columns:42px minmax(0,1fr) auto 38px;align-items:start}.domain-config{grid-column:1/-1;margin-top:4px;border-top:1px solid var(--line)}.domain-config>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 2px 4px;color:var(--blue);cursor:pointer;list-style:none;font-size:12px;font-weight:800}.domain-config>summary::-webkit-details-marker{display:none}.domain-config>summary span{display:flex;align-items:center;gap:8px}.domain-config>summary svg{width:16px}.domain-config>summary small{color:var(--muted);font-size:10px;font-weight:600}.domain-config-form{padding:12px 0 2px}.domain-config-form fieldset{margin:0;padding:18px 0;border:0;border-top:1px solid #edf1f5}.domain-config-form legend{padding:0 10px 0 0;font-size:12px;font-weight:800}.term-options{display:flex;flex-wrap:wrap;gap:8px}.term-options label{min-width:120px}.term-options label,.domain-addon-grid label,.switch-option{position:relative;display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer}.term-options input,.domain-addon-grid input,.switch-option input{margin:3px 0 0;accent-color:var(--blue)}.term-options span,.domain-addon-grid span,.switch-option span,.contact-source span{display:flex;min-width:0;flex-direction:column}.term-options b,.domain-addon-grid b,.switch-option b,.contact-source b{font-size:12px}.term-options small,.domain-addon-grid small,.switch-option small,.contact-source small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.45}.term-options label:has(input:checked),.domain-addon-grid label:has(input:checked),.switch-option:has(input:checked){border-color:#7cbce7;background:#f2f9ff;box-shadow:0 0 0 2px rgba(8,117,209,.07)}.domain-addon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.nameserver-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin-top:14px}.nameserver-grid[hidden]{display:none}.nameserver-grid .field{margin-bottom:12px}.nameserver-grid .field span small{color:var(--muted);font-size:9px;font-weight:500}.config-note{margin:9px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.contact-source{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #cde9db;border-radius:6px;background:#f0fbf6}.contact-source>svg{flex:none;width:18px;color:var(--green)}
@media(max-width:700px){.domain-addon-grid,.nameserver-grid{grid-template-columns:1fr}.domain-config>summary{align-items:flex-start;flex-direction:column;gap:4px}.domain-cart-item{grid-template-columns:38px minmax(0,1fr) auto}.domain-cart-item>strong{grid-column:2}.domain-cart-item>form{grid-column:3;grid-row:1/3}}

/* oXnames 2026 website alignment */
:root{--navy:#032d67;--ink:#2b2b2b;--muted:#7e7e7e;--line:#ddd;--soft:#f5f8f7;--blue:#0353ac;--cyan:#0db5e9;--green:#33cc79}
body{background:#f5f8f7}.store-header{color:#2b2b2b;background:rgba(255,255,255,.97);border-bottom:1px solid #ddd;box-shadow:0 5px 18px rgba(3,45,103,.055)}.store-brand{color:#032d67}.store-brand img{filter:none}.store-brand span{color:#0353ac;border-left-color:#ccd5dd}.store-header nav a{color:#687483}.store-header nav a:hover,.basket-button{color:#032d67}.basket-button b{color:#032d67;background:#0db5e9}
.store-main{background-color:#f5f8f7}.store-intro h1,.section-heading h2,.product-card h3,.panel-heading h2,.detail-panel h2{color:#2b2b2b}.eyebrow,.product-group{color:#0353ac}.product-card,.form-panel,.summary-panel,.cart-panel,.empty,.detail-panel{border-color:#ddd;box-shadow:0 8px 20px rgba(3,45,103,.045)}.product-icon,.control-icon{color:#0353ac;background:#e9f7fc}
.button.primary,.gateway-output input[type=submit],.gateway-output button,.gateway-output a.btn{background:#032d67}.button.primary:hover{background:#0353ac}.button.secondary{color:#032d67;border-color:#bac7d2}.shop-hero{border-color:#032d67;background:#032d67;box-shadow:0 15px 35px rgba(3,45,103,.12)}.shop-hero button{color:#032d67;background:#0db5e9}.store-footer{border-color:#ddd;background:#fff}
@media(max-width:900px){.store-header{background:#fff}}

/* Dark Knox header retained by preference */
.store-header{color:#fff;background:#032d67;border-bottom-color:rgba(255,255,255,.1);box-shadow:0 7px 22px rgba(3,45,103,.16)}
.store-brand{color:#fff}.store-brand img{filter:brightness(0) invert(1)}.store-brand span{color:#8ee2f7;border-left-color:rgba(255,255,255,.26)}
.store-header nav a{color:rgba(255,255,255,.82)}.store-header nav a:hover,.basket-button{color:#fff}.basket-button b{color:#032d67;background:#0db5e9}
@media(max-width:900px){.store-header{background:#032d67}}

/* Readable Knox type scale */
.eyebrow{font-size:12px;line-height:1.35}.store-intro p{font-size:16px;line-height:1.5}.store-header nav a{font-size:15px}.basket-button{font-size:14px}.button{font-size:14px}.product-group{font-size:11px}.product-card p{font-size:14px;line-height:1.6}.field>span,.form-panel legend{font-size:13px}.field input,.field select,.field textarea{font-size:14px}.field>small{font-size:11px;line-height:1.45}.summary-panel li,.summary-panel dl>div,.summary-item strong,.summary-item b{font-size:13px}.summary-item small,.secure-note{font-size:11px;line-height:1.5}.store-footer{font-size:12px}

/* Basket and checkout must stay inside the viewport at every width. */
html,body{max-width:100%;overflow-x:hidden}.store-main,.store-main>*,.cart-layout>*,.checkout-layout>*,.configure-layout>*,.cart-name,.summary-panel{min-width:0}.cart-name h2,.cart-name p,.summary-item strong,.summary-item small{overflow-wrap:anywhere}.summary-panel dd{text-align:right;overflow-wrap:anywhere}.button.full{white-space:normal;text-align:center}.checkout-progress{flex-wrap:wrap}
@media(min-width:901px) and (max-width:1200px){.store-header{gap:24px;padding-inline:22px}.store-header nav{gap:18px}.cart-layout,.checkout-layout,.configure-layout{grid-template-columns:minmax(0,1fr) 310px}}

/* A practical ordering flow, not a concept-dashboard treatment. */
.eyebrow,.product-group{letter-spacing:0;text-transform:none}.store-main{padding-top:34px}.store-intro{margin-bottom:26px}.store-intro h1{font-size:35px}.product-card,.form-panel,.summary-panel,.cart-panel,.empty,.detail-panel{border-radius:4px;box-shadow:none}.product-card{min-height:330px;padding:22px}.product-icon,.control-icon{border-radius:3px;background:#f0f5f8}.shop-hero{padding:23px 25px;border-radius:4px;box-shadow:none;background:#082958}.shop-hero h2{font-size:23px}.shop-categories a{border-radius:3px}.button,.icon-button,.field input,.field select,.field textarea,.cycle-option,.payment-option,.domain-addon-grid label,.switch-option,.contact-source{border-radius:3px}.summary-panel{top:14px}.alert{border-radius:3px}.cart-item{padding:18px 20px}.domain-config>summary{padding-top:14px}

/* Category-led plan catalogue matching the public oXnames layout. */
.shop-categories{gap:0;margin-top:25px;padding:0;border:1px solid var(--line);border-radius:4px;background:#fff;overflow:visible}.shop-categories a{flex:1;padding:14px 18px;border:0;border-right:1px solid var(--line);border-radius:0;text-align:center;font-size:13px}.shop-categories a:last-child{border-right:0}.shop-categories a:hover{border-color:var(--line);background:#f6f9fb}.shop-categories a.active{position:relative;color:#032d67;background:#eef7fb}.shop-categories a.active:after{content:"";position:absolute;right:18px;bottom:-1px;left:18px;height:3px;background:#0db5e9}.category-catalog{margin-top:28px}.category-catalog .section-heading{align-items:end;margin-bottom:18px}.category-catalog .section-heading h2{font-size:27px}.category-catalog .section-heading p{margin:5px 0 0;color:var(--muted);font-size:14px}.plan-grid{align-items:stretch}.plan-card{position:relative;min-height:470px;padding:24px 21px}.plan-card.recommended{border-color:#8fcce2}.recommended-label{position:absolute;top:-12px;right:16px;padding:5px 10px;color:#fff;background:#0353ac;border-radius:3px;font-size:11px;font-weight:800}.plan-heading{display:flex;align-items:center;gap:12px}.plan-heading .product-icon{width:38px;height:38px}.plan-heading small{display:block;color:var(--muted);font-size:11px}.plan-heading h3{margin:2px 0 0;font-size:18px}.plan-card>p{display:-webkit-box;min-height:43px;margin:17px 0 0;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}.plan-card .price{display:flex;align-items:baseline;gap:5px;margin:20px 0 16px;padding:0}.plan-card .price strong{font-size:29px}.plan-card .price span{padding:0;font-size:12px}.included-title{font-size:12px}.plan-features{display:grid;gap:10px;margin:12px 0 22px;padding:0;list-style:none}.plan-features li{display:flex;align-items:flex-start;gap:9px;color:#536174;font-size:12px}.plan-features svg{flex:none;width:16px;height:16px;padding:2px;color:#fff;background:#0db5e9;border-radius:50%;stroke-width:3}.plan-card .button{margin-top:auto}.plan-card{display:flex;align-items:stretch}.plan-card>*{flex:none}.plan-card .button{align-self:stretch}
@media(max-width:900px){.shop-categories{display:grid;grid-template-columns:1fr 1fr}.shop-categories a:nth-child(2){border-right:0}.shop-categories a:nth-child(-n+2){border-bottom:1px solid var(--line)}.plan-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.shop-categories{grid-template-columns:1fr}.shop-categories a,.shop-categories a:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.shop-categories a:last-child{border-bottom:0}.plan-grid{grid-template-columns:1fr}.plan-card{min-height:0}}

/* Footer shared with the new public-site design. */
.site-footer{position:relative;color:#4d5c70;background:linear-gradient(0deg,#d3e5ff 0%,#f5f8f7 100%)}.site-footer-inner{width:min(1240px,calc(100% - 38px));margin:0 auto}.site-footer-grid{display:grid;grid-template-columns:1.45fr repeat(4,minmax(130px,1fr));gap:40px;padding:68px 0 48px}.site-footer section{min-width:0}.footer-intro{max-width:310px}.footer-logo{display:inline-flex;margin:0!important}.footer-logo img{width:168px}.site-footer p{margin:17px 0;color:#5f6d80;font-size:14px;line-height:1.65}.site-footer h2{margin:2px 0 20px;color:#2b2b2b;font-size:15px}.site-footer section>a:not(.footer-logo),.site-footer-bottom a{display:block;margin:0 0 13px;color:#536174;font-size:13px;font-weight:600;text-decoration:none}.site-footer a:hover{color:#0353ac}.footer-socials{display:flex;gap:9px;margin-top:23px}.footer-socials a{display:grid!important;place-items:center;width:42px;height:42px;margin:0!important;border:1px solid #9eb1c7;border-radius:50%;color:#032d67!important;background:rgba(255,255,255,.38)}.footer-socials svg{width:18px}.footer-socials a:hover{background:#fff}.site-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0 28px;border-top:1px solid #b7c8da}.site-footer-bottom p{margin:0;font-size:13px}.site-footer-bottom nav{display:flex;align-items:center;gap:22px}.site-footer-bottom a{margin:0}
@media(max-width:1050px){.site-footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}.footer-intro{grid-row:span 2}}
@media(max-width:700px){.site-footer-inner{width:min(100% - 30px,620px)}.site-footer-grid{grid-template-columns:1fr 1fr;gap:35px 25px;padding:48px 0 35px}.footer-intro{grid-column:1/-1;grid-row:auto;max-width:430px}.site-footer-bottom{align-items:flex-start;flex-direction:column}.site-footer-bottom nav{align-items:flex-start;flex-wrap:wrap;gap:10px 18px}}
@media(max-width:430px){.site-footer-grid{grid-template-columns:1fr}.footer-intro{grid-column:auto}}

/* The shop uses the same Knox shell as the account dashboard. */
.main-content.store-main{width:auto;max-width:none;min-height:calc(100vh - var(--header));margin-left:var(--sidebar);padding:34px 38px 70px}
.required-mark{color:#b33a4c;font-size:10px;font-weight:700}
.custom-choice-list{display:flex;flex-wrap:wrap;gap:9px;margin:0!important}
.custom-choice-list label,.custom-tick{display:flex!important;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:5px;font-size:13px;font-weight:600}
.custom-choice-list input,.custom-tick input{width:auto!important;height:auto!important}
.store-main .store-intro{max-width:1240px;margin:0 auto 26px}
.store-main>.alert,.store-main>.shop-hero,.store-main>.shop-categories,.store-main>.catalog-section,.store-main>.empty,.store-main>.configure-layout,.store-main>.cart-layout,.store-main>.checkout-layout{width:min(1240px,100%);margin-left:auto;margin-right:auto}
.shop-sidebar .support-panel{margin-top:auto}
.cart-top-link{position:relative}.cart-top-link b{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;width:19px;height:19px;color:var(--navy);background:var(--cyan);border:2px solid var(--navy);border-radius:50%;font-size:10px}
@media(max-width:900px){.main-content.store-main{width:auto;margin-left:0;padding:26px 20px 60px}.store-main .store-intro{width:100%}}
@media(max-width:620px){.main-content.store-main{padding:22px 14px 45px}}

/* Preserve the official oXnames logo colours. */
.store-brand img{filter:none}
:root{--navy:#061b3d;--ink:#172033;--muted:#65728a;--line:#dce5ef;--soft:#f4f8fc;--blue:#0875d1;--cyan:#18bce8;--green:#12965d;--white:#fff}.custom-field-help{padding:8px 10px;border-left:3px solid var(--cyan);border-radius:3px;background:#eef9fd;color:#425d76!important;font-size:11px!important;line-height:1.45}.required-mark{color:#b42b3b;font-size:10px;font-style:normal}.custom-choice-list{display:flex;flex-wrap:wrap;gap:10px}.custom-choice-list label,.custom-tick{display:flex;align-items:center;gap:7px}.custom-choice-list input,.custom-tick input{width:auto}
.form-panel{font-size:14px}.form-panel .panel-heading p,.form-panel .signed-in p,.product-title p{font-size:15px;line-height:1.55}.form-panel .field>span,.form-panel legend{font-size:14px;line-height:1.3}.form-panel .field input,.form-panel .field select,.form-panel .field textarea{height:48px;font-size:15px}.form-panel .field textarea{height:auto;padding-top:12px;padding-bottom:12px;line-height:1.45}.form-panel .field>small,.form-panel .custom-field-help{font-size:12px!important;line-height:1.5}.form-panel .cycle-option,.form-panel .payment-option{font-size:14px}.form-panel .cycle-option strong,.form-panel .payment-option strong{font-size:15px}.form-panel .cycle-option small,.form-panel .payment-option small{font-size:12px}.form-panel .terms{font-size:13px}.form-panel .button{font-size:14px}
.payment-switch{margin:0 0 22px;padding:14px 16px;border:1px solid var(--line);border-radius:4px;background:#f8fbfe}.payment-switch .field{margin:0}.payment-switch select{height:46px;font-size:14px}
/* Readable basket and domain configuration scale. */
.cart-item{padding:22px 20px}
.cart-name h2{font-size:18px}
.cart-name p{font-size:13px;line-height:1.45}
.domain-config>summary{padding:18px 2px 8px;font-size:14px}
.domain-config>summary small{font-size:12px}
.domain-config-form{padding:14px 0 4px}
.domain-config-form legend{font-size:14px}
.term-options label,.domain-addon-grid label,.switch-option{padding:14px;font-size:14px}
.term-options b,.domain-addon-grid b,.switch-option b,.contact-source b{font-size:14px}
.term-options small,.domain-addon-grid small,.switch-option small,.contact-source small{font-size:12px;line-height:1.45}
.summary-panel h2{font-size:22px}
.summary-panel li,.summary-panel dl>div{font-size:14px}
.summary-panel .grand-total{font-size:18px}
.cart-panel .button,.summary-panel .button{font-size:15px}
/* Keep every ordering step readable: product setup, checkout and payment. */
.product-title{gap:18px;margin-bottom:32px}
.product-title h2,.panel-heading h2,.signed-in h2{font-size:26px;line-height:1.2}
.product-title p,.panel-heading p,.signed-in p{font-size:15px;line-height:1.55}
.form-panel{font-size:15px}
.form-panel fieldset{margin-bottom:28px}
.form-panel legend,.form-panel .field>span{margin-bottom:10px;font-size:15px;line-height:1.35}
.form-panel .field{margin-bottom:22px}
.form-panel .field input,.form-panel .field select,.form-panel .field textarea{height:50px;font-size:15px}
.form-panel .field textarea{height:auto;min-height:110px}
.form-panel .field>small,.form-panel .custom-field-help{font-size:12px!important;line-height:1.55}
.form-panel .cycle-option,.form-panel .payment-option{padding:15px;font-size:15px}
.form-panel .cycle-option strong,.form-panel .payment-option strong{font-size:16px}
.form-panel .cycle-option small,.form-panel .payment-option small{font-size:13px}
.form-panel .terms{font-size:14px;line-height:1.55}
.form-panel .button{min-height:46px;font-size:15px}
.payment-heading{font-size:20px}
.payment-switch{font-size:14px}
.payment-switch select{height:48px;font-size:15px}
.secure-note{font-size:12px;line-height:1.55}
.checkout-layout .summary-panel,.configure-layout .summary-panel{padding:28px}
.checkout-layout .summary-item strong,.checkout-layout .summary-item b{font-size:14px}
.checkout-layout .summary-item small{font-size:12px}
.renewal-note{color:var(--green)!important;font-weight:750;line-height:1.4}.cart-name .renewal-note{margin-top:4px;font-size:11px}.summary-item .renewal-note{margin-top:5px;font-size:11px}
@media(max-width:600px){.product-title h2,.panel-heading h2,.signed-in h2{font-size:22px}.form-panel{padding:22px}.form-panel legend,.form-panel .field>span{font-size:14px}.form-panel .field input,.form-panel .field select,.form-panel .field textarea{font-size:15px}}
@keyframes knox-submit-spin {
  to { transform: rotate(360deg); }
}

.knox-submit-spinner {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  flex: 0 0 auto;
  border: 2px solid rgba(255, 255, 255, 0.45);
  border-top-color: #fff;
  border-radius: 50%;
  animation: knox-submit-spin 0.7s linear infinite;
}

.checkout-layout button[aria-busy="true"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  cursor: wait;
  opacity: 0.9;
}

body.knox-order-is-loading {
  overflow: hidden;
}

.knox-order-loader {
  position: fixed;
  z-index: 10000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(3, 20, 48, .76);
  backdrop-filter: blur(5px);
}

.knox-order-loader__panel {
  width: min(470px, 100%);
  padding: 36px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-top: 4px solid #17bde7;
  border-radius: 7px;
  color: #fff;
  background: #062653;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .32);
  text-align: center;
}

.knox-order-loader__mascot {
  position: relative;
  width: 92px;
  height: 92px;
  margin: -10px auto 17px;
  overflow: hidden;
  border: 1px solid rgba(105, 219, 246, .48);
  border-radius: 50%;
  background: #0a376c;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .24);
}

.knox-order-loader__mascot img {
  position: absolute;
  top: 4px;
  left: 50%;
  width: 102px;
  max-width: none;
  transform: translateX(-50%);
}

.knox-order-loader__status {
  position: absolute;
  right: 6px;
  bottom: 7px;
  width: 17px;
  height: 17px;
  border: 3px solid #062653;
  border-radius: 50%;
  background: #2fd47d;
  box-shadow: 0 0 0 0 rgba(47, 212, 125, .55);
  animation: knox-status-pulse 1.5s ease-out infinite;
}

.knox-order-loader__eyebrow {
  margin: 0 0 8px;
  color: #69dbf6;
  font-size: 12px;
  font-weight: 800;
}

.knox-order-loader h2 {
  margin: 0 0 10px;
  font-size: 30px;
}

.knox-order-loader__message {
  min-height: 24px;
  margin: 0;
  color: #d9e7f4;
  font-size: 15px;
  line-height: 1.55;
}

.knox-order-loader__track {
  height: 7px;
  margin: 24px 0 17px;
  overflow: hidden;
  border-radius: 4px;
  background: rgba(255, 255, 255, .14);
}

.knox-order-loader__track span {
  display: block;
  width: 35%;
  height: 100%;
  border-radius: inherit;
  background: #17bde7;
  animation: knox-order-progress 1.35s ease-in-out infinite;
}

.knox-order-loader small {
  display: block;
  color: #aebfd1;
  font-size: 12px;
  line-height: 1.5;
}

@keyframes knox-order-progress {
  0% { transform: translateX(-110%); }
  100% { transform: translateX(310%); }
}

@keyframes knox-status-pulse {
  0% { box-shadow: 0 0 0 0 rgba(47, 212, 125, .55); }
  70%, 100% { box-shadow: 0 0 0 9px rgba(47, 212, 125, 0); }
}

@media(max-width:600px) {
  .knox-order-loader__panel { padding: 30px 22px; }
  .knox-order-loader__mascot { width: 82px; height: 82px; }
  .knox-order-loader__mascot img { width: 92px; }
  .knox-order-loader h2 { font-size: 26px; }
}

/* Contextual services shown only when a domain is in the basket. */
.domain-upsells {
  padding: 24px 20px 20px;
  border-top: 1px solid #dce7ee;
  background: #f7fbfd;
}

.domain-upsell-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 17px;
}

.domain-upsell-heading .eyebrow { margin-bottom: 4px; }
.domain-upsell-heading h2 { margin: 0 0 4px; color: var(--ink); font-size: 21px; }
.domain-upsell-heading p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }

.domain-upsell-domain {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: 300px;
  padding: 8px 10px;
  color: #075fc8;
  background: #e7f5fc;
  font-size: 12px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.domain-upsell-domain svg { width: 16px; flex: 0 0 auto; }
.domain-upsell-grid { border: 1px solid #d7e3eb; background: #fff; }

.domain-upsell-card {
  display: grid;
  grid-template-columns: 44px minmax(0,1fr) auto;
  align-items: center;
  gap: 15px;
  padding: 16px;
  border-left: 4px solid #0875d1;
}

.domain-upsell-card + .domain-upsell-card { border-top: 1px solid #e5edf2; }
.domain-upsell-card.email { border-left-color: #12a96d; }

.domain-upsell-icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  color: #075fc8;
  background: #e7f5fc;
}

.domain-upsell-card.email .domain-upsell-icon { color: #08784e; background: #e7f7ef; }
.domain-upsell-icon svg { width: 20px; }
.domain-upsell-copy .product-group { display: block; margin: 0 0 3px; }
.domain-upsell-copy h3 { margin: 0 0 3px; color: var(--ink); font-size: 16px; }
.domain-upsell-copy p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }

.domain-upsell-action {
  display: flex;
  align-items: center;
  gap: 13px;
}

.domain-upsell-action > span {
  display: grid;
  grid-template-columns: auto auto;
  align-items: baseline;
  gap: 0 3px;
  min-width: 92px;
  text-align: right;
}

.domain-upsell-action > span small:first-child { grid-column: 1/-1; }
.domain-upsell-action strong { color: var(--ink); font-size: 17px; }
.domain-upsell-action small { color: var(--muted); font-size: 10px; }
.domain-upsell-action .button { white-space: nowrap; }

.domain-upsell-skip {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr) auto;
  align-items: center;
  gap: 14px;
  margin-top: 10px;
  padding: 13px 15px;
  border: 1px solid #d7e3eb;
  border-left: 4px solid #91a2b7;
  background: #fff;
}

.domain-upsell-skip-icon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  color: #52657d;
  background: #edf2f7;
}

.domain-upsell-skip-icon svg { width: 18px; }
.domain-upsell-skip div { display: flex; min-width: 0; flex-direction: column; }
.domain-upsell-skip strong { color: var(--ink); font-size: 14px; }
.domain-upsell-skip small { margin-top: 2px; color: var(--muted); font-size: 11px; line-height: 1.4; }
.domain-upsell-skip .button { white-space: nowrap; }

@media(max-width:700px) {
  .domain-upsells { padding: 20px 15px 15px; }
  .domain-upsell-heading { flex-direction: column; gap: 11px; }
  .domain-upsell-domain { max-width: 100%; }
  .domain-upsell-card { grid-template-columns: 40px minmax(0,1fr); padding: 14px 12px; }
  .domain-upsell-action { grid-column: 1/-1; justify-content: space-between; padding-left: 55px; }
  .domain-upsell-action > span { text-align: left; }
  .domain-upsell-skip { grid-template-columns: 38px minmax(0,1fr); }
  .domain-upsell-skip .button { grid-column: 1/-1; width: 100%; }
}

@media(max-width:430px) {
  .domain-upsell-action { align-items: stretch; flex-direction: column; padding-left: 0; }
  .domain-upsell-action .button { width: 100%; }
}

/* Live basket breakdown and background domain-setting saves. */
.cart-live-summary h2 {
  margin: 4px 0 13px;
  font-size: 21px;
}

.cart-summary-lines {
  margin: 0 0 12px;
  border-top: 1px solid var(--line);
}

.cart-live-summary .summary-item {
  align-items: flex-start;
  padding: 14px 0;
}

.cart-live-summary .summary-item strong {
  color: var(--ink);
  font-size: 14px;
  overflow-wrap: anywhere;
}

.cart-live-summary .summary-item > b {
  flex: 0 0 auto;
  color: var(--ink);
  font-size: 14px;
}

.summary-subitems {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 7px;
}

.summary-subitems:empty { display: none; }

.summary-subitems small {
  margin: 0;
  padding: 3px 6px;
  color: #075fc8;
  background: #eaf5fc;
  font-size: 10px;
  font-weight: 700;
}

.domain-save-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.domain-save-status {
  color: var(--green);
  font-size: 12px;
  font-weight: 700;
}

.domain-save-status[data-state="saving"],
.domain-save-status[data-state="dirty"] { color: #8a6400; }
.domain-save-status[data-state="error"] { color: #a42b3d; }

.cart-live-summary [data-checkout-link][aria-busy="true"] {
  opacity: .72;
  pointer-events: none;
}

@media(max-width:600px) {
  .cart-live-summary { padding: 20px; }
  .cart-live-summary h2 { font-size: 20px; }
  .cart-live-summary .summary-item strong,
  .cart-live-summary .summary-item > b { font-size: 13px; }
  .domain-save-row { align-items: flex-start; flex-direction: column; }
  .domain-save-row .button { width: 100%; }
}