/* Keep the navigation in the page flow except while configuring a product. */
body #site-header{position:relative;top:auto;overflow:visible}
body[data-page="customize"] #site-header{position:sticky;top:0;z-index:40}
body #site-header .topbar{background:#0450df;overflow:visible}
body #site-header .account-links{align-items:center;gap:12px}
body #site-header .account-links>.cart-button{position:relative;inset:auto;display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;padding:0;margin:0 4px 0 0;color:#e7efff;overflow:visible}
body #site-header .account-links .cart-visual{display:block;position:relative;width:26px;height:26px;transform:none}
body #site-header .account-links .cart-button svg{width:26px;height:26px}
body #site-header .account-links .cart-badge{position:absolute;top:-5px;right:-6px;width:18px;height:18px;border:1.5px solid #0450df;background:#fff;color:#0051ed;font-size:8px}
:is(.cart-button,.login-link)[data-tooltip]:after{content:attr(data-tooltip);position:absolute;z-index:20;top:calc(100% + 9px);right:0;padding:8px 12px;border:1px solid #c5d3ea;background:#14243d;color:#fff;white-space:nowrap;font-size:12px;line-height:1.2;border-radius:4px;opacity:0;visibility:hidden;transform:translateY(-3px);transition:opacity .15s,transform .15s;pointer-events:none}
:is(.cart-button,.login-link)[data-tooltip]:is(:hover,:focus-visible,.is-touched):after{opacity:1;visibility:visible;transform:none}
#home .home-guest-row{position:absolute;top:calc(7 * var(--u));height:calc(28 * var(--u));z-index:2}
#home-page .functional-template-strip .home-template-card,
#home-page .functional-template-strip .home-template-card:is(:hover,:active,.is-touched){box-shadow:none;border-color:#72a9ff}
#customize-page[hidden],#cart-page[hidden],[hidden].basket-layout,[hidden].basket-empty,[hidden].basket-mobile-bar{display:none!important}
.builder-cart-link{box-sizing:border-box;margin:12px 0 0;text-decoration:none;color:#fff;font-size:12px;line-height:1.4}
.builder-cart-link[hidden]{display:none}
.basket-page{background:#f5f7fc;color:#182a48;min-height:calc(100vh - 60px);padding:28px max(22px,4vw) 80px;font-size:13px}
.basket-container{max-width:1440px;margin:auto}
.basket-breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#8591a5;margin-bottom:28px}
.basket-breadcrumb a{color:#536985;text-decoration:none}
.basket-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px}
.basket-heading h1{font-size:30px;font-weight:600;letter-spacing:-.6px;line-height:1.2;margin:9px 0 0}
#basket-count{font-size:12px;color:#7e8ca1;padding-bottom:4px}
.basket-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.basket-products{border:1px solid #e1e8f4;background:#fff;border-radius:12px;min-width:0;overflow:hidden}
.basket-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;border-bottom:1px solid #edf1f7}
.basket-toolbar label{display:flex;align-items:center;gap:10px;font-size:12px;cursor:pointer}
.basket-toolbar small{font-size:11px;color:#8593a8;margin-left:5px}
.basket-page input[type="checkbox"]{height:17px;width:17px;margin:0;accent-color:#0051ed;cursor:pointer;flex-shrink:0}
.basket-toolbar button{padding:5px 0;background:none;font:inherit;font-size:11px;color:#6c7b92}
.basket-toolbar button:disabled{opacity:.4;cursor:default}
.basket-columns{display:grid;grid-template-columns:minmax(170px,1fr) 84px 116px 104px;gap:14px;padding:15px 18px 12px 56px;font-size:10px;color:#8e9aaf}
.basket-columns>span:not(:first-child){text-align:center}
.basket-columns>span:last-child{text-align:right}
.basket-item{display:grid;grid-template-columns:24px minmax(170px,1fr) 84px 116px 104px;gap:14px;padding:23px 18px;border-top:1px solid #edf1f7;align-items:start}
.basket-check{display:grid;place-items:start;padding-top:23px}
.basket-product{display:flex;align-items:flex-start;gap:14px;min-width:0}
.basket-product>img{display:block;width:67px;height:78px;object-fit:contain;flex-shrink:0;border-radius:6px;background:#f7f9fc}
.basket-product>div{min-width:0}
.basket-product h2{font-size:14px;font-weight:600;line-height:1.4;margin:0 0 7px}
.basket-product p{font-size:10px;line-height:1.75;color:#7c8b9f;margin:0 0 5px;overflow-wrap:anywhere}
.basket-product .basket-template{color:#536b8b}
.basket-product .basket-needs-config{color:#a36121}
.basket-brief{margin:9px 0;font-size:10px;line-height:1.6;color:#617996}
.basket-brief summary{cursor:pointer;color:#0051ed;margin-bottom:7px}
.basket-brief button{display:block;padding:4px 0;background:none;color:#0051ed;text-align:left;max-width:100%;overflow-wrap:anywhere;font-size:10px}
.basket-item-actions{display:flex;gap:14px;margin-top:10px}
.basket-item-actions button{padding:3px 0;background:none;font-size:10px;color:#0051ed}
.basket-item-actions button:last-child{color:#9a6f6a}
.basket-unit{font-size:11px;text-align:center;padding-top:7px;color:#62758f}
.basket-quantity{text-align:center}
.basket-quantity>div{display:grid;grid-template-columns:28px minmax(36px,1fr) 28px;align-items:center;height:33px;border:1px solid #dce4f2;border-radius:5px;overflow:hidden}
.basket-quantity button{height:31px;width:100%;background:#fff;color:#0051ed;font:inherit;font-size:17px;line-height:1;padding:0}
.basket-quantity button:disabled{color:#c0c9d9;cursor:default}
.basket-quantity input{box-sizing:border-box;width:100%;min-width:0;border:0;border-left:1px solid #e3e9f3;border-right:1px solid #e3e9f3;height:31px;text-align:center;font:inherit;font-size:11px;color:#243d60;appearance:textfield;-moz-appearance:textfield;background:#fff}
.basket-quantity input::-webkit-inner-spin-button,.basket-quantity input::-webkit-outer-spin-button{appearance:none;margin:0}
.basket-quantity small{display:block;font-size:9px;color:#8b99ae;line-height:1.6;margin-top:6px}
.basket-price{display:block;text-align:right;color:#0051ed;font-size:12px;font-weight:600;line-height:1.6;padding-top:5px;overflow-wrap:anywhere}
.basket-summary{position:sticky;top:24px;background:#fff;border:1px solid #e1e8f4;border-radius:12px;padding:23px}
.basket-summary h2{font-size:17px;font-weight:600;margin:0 0 24px}
.basket-summary #custom-cart-totals{margin:0 0 23px;max-width:none}
.basket-summary #custom-cart-totals .basket-summary-row{display:flex;justify-content:space-between;align-items:flex-start;font-size:11px;gap:14px;color:#7889a0}
.basket-summary #custom-cart-totals .basket-summary-row strong{font-size:11px;line-height:1.6;color:#304968;text-align:right}
.basket-summary #custom-cart-totals .basket-total{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding-top:20px;margin-top:20px;border-top:1px solid #e7edf6;font-size:12px}
.basket-summary #custom-cart-totals .basket-total strong{font-size:25px;line-height:1.3;letter-spacing:-.5px;overflow-wrap:anywhere}
.basket-summary #custom-cart-totals p{font-size:10px;line-height:1.8;color:#8b98aa;margin:14px 0 0}
.basket-primary{display:flex;align-items:center;justify-content:space-between;gap:25px;box-sizing:border-box;width:100%;min-height:47px;padding:13px 16px;background:#0051ed;color:#fff;border:0;border-radius:6px;text-decoration:none;font:inherit;font-size:12px;cursor:pointer}
.basket-primary>span{font-size:18px;line-height:1}
.basket-primary:hover{background:#003dc1}
.basket-primary:disabled{opacity:.45;cursor:default}
.basket-summary-note{font-size:10px;line-height:1.7;color:#8a97ab;margin:13px 0 0}
.basket-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:420px;padding:35px 22px 55px;border:1px solid #e1e8f4;border-radius:14px;background:#fff}
.basket-empty-icon{display:grid;place-items:center;width:88px;height:88px;background:#eff4ff;border-radius:50%;color:#8eaddd;margin-bottom:24px}
.basket-empty-icon svg{width:44px;height:44px}
.basket-empty h2{font-size:21px;margin:0 0 10px;font-weight:600}
.basket-empty p{font-size:12px;line-height:1.9;color:#8594a9;margin:0 0 24px}
.basket-empty .basket-primary{width:175px}
.basket-feedback{font-size:11px;color:#0051ed;line-height:1.8;margin-top:18px}
.basket-mobile-bar{display:none}
.basket-page :is(a,button,input,summary):focus-visible{outline:2px solid #0051ed;outline-offset:3px}
@media(max-width:1150px){.basket-layout{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.basket-item{grid-template-columns:20px minmax(150px,1fr) 66px 106px 84px;gap:10px;padding:20px 14px}.basket-columns{grid-template-columns:minmax(150px,1fr) 66px 106px 84px;gap:10px;padding-left:44px;padding-right:14px}.basket-product{gap:10px}.basket-product>img{width:55px;height:65px}.basket-summary{padding:20px}}
@media(max-width:1000px){.basket-layout{grid-template-columns:1fr}.basket-summary{position:static}.basket-summary #custom-cart-totals .basket-total{flex-direction:row;align-items:center;justify-content:space-between}.basket-summary #custom-cart-totals .basket-summary-row strong{text-align:left}.basket-summary .basket-primary{max-width:280px;margin-left:auto}}
@media(max-width:649px){
 body #site-header .account-links{gap:8px}
 body #site-header .account-links>.cart-button{width:27px;height:27px;flex-basis:27px;margin-right:2px}
 body #site-header .account-links .cart-visual,body #site-header .account-links .cart-button svg{width:23px;height:23px}
 body #site-header .account-links .cart-badge{width:16px;height:16px;font-size:7px;top:-4px;right:-5px}
 #home .home-guest-row{position:relative;top:auto;height:50px}
 .basket-page{padding:23px 16px 118px}.basket-breadcrumb{margin-bottom:22px}.basket-heading{margin-bottom:20px}.basket-heading h1{font-size:25px}#basket-count{font-size:10px}
 .basket-toolbar{padding:15px}.basket-toolbar label{font-size:11px}.basket-toolbar button{font-size:10px}.basket-columns{display:none}
 .basket-item{grid-template-columns:20px minmax(0,1fr) auto;gap:12px;padding:20px 14px}.basket-check{grid-row:1/3;padding-top:23px}.basket-product{grid-column:2/4;gap:13px}.basket-product>img{width:66px;height:78px}.basket-product h2{font-size:14px}.basket-product p{font-size:10px}.basket-unit{display:none}.basket-quantity{grid-column:2;width:123px;grid-row:2}.basket-price{grid-column:3;grid-row:2;align-self:center;max-width:110px;font-size:12px;padding:0}.basket-quantity small{font-size:8px;margin-top:5px}
 .basket-summary{padding:20px}.basket-summary #custom-cart-totals .basket-total strong{font-size:21px}.basket-summary #custom-cart-totals{margin-bottom:0}.basket-summary #checkout-cart{display:none}
 .basket-mobile-bar{position:fixed;z-index:25;bottom:0;left:0;width:100%;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e1e8f4;box-shadow:0 -4px 18px #163e7b08;box-sizing:border-box}.basket-mobile-bar>div{min-width:0}.basket-mobile-bar small{display:block;font-size:9px;color:#8190a6;margin-bottom:5px}.basket-mobile-bar strong{font-size:16px;color:#0051ed;line-height:1.3}.basket-mobile-bar .basket-primary{width:155px;flex-shrink:0;font-size:12px;gap:7px;min-height:44px}.basket-mobile-bar #basket-mobile-selected{font-size:11px}
 .basket-empty{min-height:360px}.basket-empty h2{font-size:19px}.basket-empty p{font-size:11px}.basket-empty .basket-primary{font-size:11px}
 body[data-page="cart"] .support-fab{bottom:calc(88px + env(safe-area-inset-bottom))}
}
@media(max-width:379px){body #site-header .top-divider,body #site-header .service-link{display:none}.basket-product>img{width:54px}.basket-item{gap:9px}.basket-price{font-size:11px;max-width:87px}.basket-quantity{width:112px}.basket-mobile-bar{padding-left:14px;padding-right:14px}.basket-mobile-bar .basket-primary{width:138px}.basket-mobile-bar strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){:is(.cart-button,.login-link)[data-tooltip]:after{transition:none}}

/* Product navigation actions share the same size and spacing. */
body #site-header .account-links>.login-link{position:relative;display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;padding:0;background:transparent;color:#e7efff;overflow:visible}
body #site-header .account-links>.login-link svg{display:block;width:24px;height:24px}
.basket-add-footer{display:flex;justify-content:flex-end;padding:17px 18px;border-top:1px solid #edf1f7}
.basket-add-product{width:210px}
@media(max-width:649px){body #site-header .account-links>.login-link{width:27px;height:27px;flex-basis:27px}body #site-header .account-links>.login-link svg{width:23px;height:23px}.basket-add-footer{padding:15px}.basket-add-product{width:100%}}

/* Crisp white head-and-shoulders outline for the account link. */
body #site-header .account-links>.login-link{color:#fff}
body #site-header .account-links>.login-link .account-person-icon{pointer-events:none;fill:none}