/* BigCommerce glue for the Pit Lane port. Loaded after theme.css and pitlane.css. */
body.pg-full .body>.container{display:none}
body.pg-full .body>.container,body.pg-shop .body>.container,body.pg-cart .body>.container,body.pg-product .body>.container{display:none}
/* Cornerstone also uses .cart for the cart table (display:table;width:100%): neutralise it on the header icon */
.icon-btn.cart{display:inline-flex;width:auto;margin:0}
/* Cornerstone .body margins and .login (login page) rules leak into the Pit Lane pages */
body[class*="pg-"] .body{margin:0}
.icon-btn.login{margin:0;max-width:none}
/* current-page underline: prototype uses aria-current per file, BC sets a body class per template */
.pg-home .nav [data-k=home]::after,.pg-team .nav [data-k=team]::after,.pg-services .nav [data-k=services]::after,.pg-service .nav [data-k=services]::after,.pg-shop .nav [data-k=shop]::after,.pg-product .nav [data-k=shop]::after,.pg-cart .nav [data-k=shop]::after,.pg-community .nav [data-k=community]::after{transform:scaleX(1)}

/* shop: Cornerstone sort form + price partial inside Pit Lane toolbar/card */
.tools .actionBar,.tools .form-fieldset,.tools .form-field{margin:0;padding:0;border:0;float:none;width:auto;display:flex;align-items:center}
.tools .form-label{margin:0;color:var(--muted);font:inherit;font-size:.98rem;padding:0}
.tools .form-select{width:auto;height:auto;margin-left:.4rem;background-color:var(--panel);color:var(--text);border:1px solid var(--line);padding:.5rem 2rem .5rem .7rem;font:inherit;border-radius:0}
.pimg{position:relative}
.pbadge{position:absolute;top:.6rem;left:.6rem;background:var(--hot);color:var(--hot-ink);font:800 .95rem/1 var(--display);letter-spacing:.07em;text-transform:uppercase;padding:.35rem .6rem}
.pprice .price-section{margin:0;display:inline;font:inherit;color:inherit}
.pprice .price-label,.pprice .price-now-label{display:none}
.pprice .price{font:inherit;color:inherit}
.pprice .price--rrp,.pprice .price--non-sale{color:var(--muted);text-decoration:line-through;font-size:.8em;margin-right:.4rem}
.pimg-i{position:static;max-width:88%;height:auto}

/* buttons: Cornerstone .button in Pit Lane type */
.button{font:800 1.2rem/1 var(--display);letter-spacing:.07em;text-transform:uppercase;border-radius:0;padding:1rem 1.6rem;border-width:2px}
.button--primary{background:var(--hot);border-color:var(--hot);color:var(--hot-ink)}
.button--primary:hover,.button--primary:focus{background:var(--hot-hover);border-color:var(--hot-hover);color:var(--hot-ink)}
.button--small{font-size:1.05rem;padding:.75rem 1.1rem}

/* product page: Cornerstone productView markup laid out like prototype .pdp-grid */
.pdp{padding-block:2.2rem clamp(3rem,6vw,5rem)}
.pdp .productView{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:0 clamp(2rem,5vw,5rem);align-items:start;padding:0}
.pdp .productView-images,.pdp .productView-details{width:auto;float:none;padding:0;margin:0}
.pdp .productView-images{grid-column:1;grid-row:1/span 2}
.pdp .product-data{grid-column:2;grid-row:1}
.pdp .product-options{grid-column:2;grid-row:2}
.pdp .productView-description{grid-column:2;grid-row:3;margin-top:1.5rem;padding:0;max-width:56ch}
.pdp .productView-description .tabs{display:none}
.pdp .productView-description .tab-content{padding:0;border:0}
.pdp .fit-note{margin:1.4rem 0 0;color:var(--muted)}
.pdp .productView-image{margin:0;background:#fff;aspect-ratio:1;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 92%,92% 100%,0 100%);padding:0;height:auto}
.pdp .productView-img-container{position:static;padding:0;height:auto;width:100%;display:grid;place-items:center}
.pdp .productView-img-container a{display:grid;place-items:center;width:100%}
.pdp .productView-image img{width:90%;max-width:90%;height:auto;max-height:none}
.pdp .productView-thumbnails{display:flex;gap:.5rem;margin:.8rem 0 0;padding:0;list-style:none}
.pdp .productView-thumbnail{width:84px;float:none;padding:0}
.pdp .productView-thumbnail-link{display:block;background:#fff;border:2px solid transparent;padding:4px}
.pdp .productView-thumbnail-link:hover,.pdp .productView-thumbnail-link.is-active{border-color:var(--hot)}
.pdp .productView-title{font:900 clamp(2.6rem,5vw,4.2rem)/.92 var(--display);text-transform:uppercase;color:var(--text);margin:0;letter-spacing:0}
.pdp .productView-brand{font:600 .95rem/1.3 var(--sans);letter-spacing:.04em;color:var(--muted);margin:.5rem 0 0}
.pdp .productView-price{margin:.8rem 0 1.6rem}
.pdp .productView-price .price-section{margin:0;display:inline}
.pdp .productView-price .price{font:800 2.6rem/1 var(--display);color:var(--blue);letter-spacing:.02em}
.pdp .productView-price .price-label,.pdp .productView-price .price-now-label{display:none}
.pdp .productView-price .price--non-sale,.pdp .productView-price .price--rrp{font-size:1.4rem;color:var(--muted);text-decoration:line-through}
.pdp .productView-rating,.pdp .productView-info-name.sku-label+dd:empty{display:none}
.pdp .productView-info{display:flex;gap:.5rem;color:var(--muted);font-size:.95rem;margin:0 0 1.4rem}
.pdp .productView-info dt,.pdp .productView-info dd{margin:0;padding:0;float:none;font:inherit;color:inherit;text-transform:none}
.pdp .form-label,.pdp .form-label--alternate{font:inherit;font-size:.95rem;color:var(--muted);text-transform:none;letter-spacing:0;margin:0 0 .4rem;display:block}
.pdp .form-field{margin:0 0 1rem}
.pdp .form-select,.pdp .form-input{background-color:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:0;height:auto;padding:.7rem .9rem;font:inherit;max-width:none}
.pdp .form-option{border:1px solid var(--line);border-radius:0;color:var(--text);font:800 1.05rem/1 var(--display);letter-spacing:.07em;text-transform:uppercase;padding:.8rem 1.1rem;background:none}
.pdp .form-option:hover{border-color:var(--text)}
.pdp .form-radio:checked+.form-option,.pdp .form-radio:checked+.form-option:hover{border-color:var(--hot);background:var(--hot);color:var(--hot-ink)}
.pdp .form-increment{display:inline-flex;border:1px solid var(--line);width:max-content}
.pdp .form-increment .button{background:none;border:0;color:var(--text);width:46px;height:48px;padding:0;display:grid;place-items:center}
.pdp .form-increment .button:hover{background:var(--panel2)}
.pdp .form-increment .form-input{width:56px;height:48px;text-align:center;background:none;border:0;border-inline:1px solid var(--line);padding:0;font:600 1.1rem var(--sans)}
.pdp .add-to-cart-wallet-buttons,.pdp .add-to-cart-buttons{margin-top:.4rem}
.pdp .form-action{padding:0;margin:0;float:none;width:auto}
.pdp .form-action .button{width:100%}
.pdp .dropdown--wishList,.pdp .wishlist-dropdown,.pdp .shareButtons,.pdp .socialLinks,.pdp [data-wishlist]{display:none}
.pdp .productView-description .productView-description-tab-content,.pdp .productView-description{color:var(--body)}
.pdp .tab-title,.pdp .productView-description .toggleLink{font:800 1.4rem/1 var(--display);letter-spacing:.05em;text-transform:uppercase;color:var(--text)}
@media (max-width:900px){.pdp .productView{display:block}.pdp .productView-images{margin-bottom:2rem}}
.pdp .productView{margin:0;width:100%;max-width:none}
.pdp .productView-details,.pdp .productView-images,.pdp .productView-product,.pdp .productView-options{padding:0;margin:0;border:0;max-width:none}
.pdp .productView-options{width:100%}
.pdp .form-wishlist{display:none}
/* radio option set -> pills (prototype has no option UI; same type as .btn.ghost) */
.pdp .form-radio{position:absolute;opacity:0;width:1px;height:1px}
.pdp .form-radio+.form-label{display:inline-flex;align-items:center;margin:0 .5rem .5rem 0;padding:.8rem 1.1rem;border:1px solid var(--line);color:var(--text);font:800 1.05rem/1 var(--display);letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
.pdp .form-radio+.form-label::before,.pdp .form-radio+.form-label::after{display:none}
.pdp .form-radio+.form-label:hover{border-color:var(--text)}
.pdp .form-radio:checked+.form-label{background:var(--hot);border-color:var(--hot);color:var(--hot-ink)}
.pdp .form-radio:focus-visible+.form-label{outline:3px solid var(--hot);outline-offset:3px}
.pdp .form-label--inlineSmall{display:block;margin-bottom:.6rem}
.pdp .form-radio+.form-label{width:auto;float:none}
.pdp #form-action-addToCart{width:100%;margin:0}
.pdp .add-to-cart-buttons{display:grid;gap:.8rem}
.pdp .form-action:not(.form-wishlist){display:block}
.pdp .form-action.form-wishlist{display:none}

/* service detail + blog pages: copy comes from the web page editor (page.content) */
.svc-copy h2{font-size:clamp(1.9rem,3.5vw,2.8rem);margin-bottom:.8rem}
.svc-copy h2+h3{font:800 1.25rem/1.15 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--hot);margin:0 0 1.1rem}
.post-body{max-width:70ch;font-size:1.1rem}
.post-body h2,.post-body h3{margin:1.6rem 0 .7rem}
.other article h3 a{text-decoration:none}
.svc-copy .link{margin-left:1rem}
.pdp select.form-select{height:auto;min-height:3rem;padding:.7rem 2.2rem .7rem .9rem;line-height:1.4;font-size:1rem;width:100%;color:var(--text);background-color:var(--panel)}
.pdp .form-action,.pdp .add-to-cart-buttons .form-action{float:none;width:100%}
.pdp .fit-note{clear:both;display:block}
.pdp .productView-info{margin-bottom:.6rem}
.pdp .productView-info dd:empty{display:none}
.pdp .add-to-cart-wrapper{display:block}
.pdp .add-to-cart-buttons{float:none;padding:0;width:100%}

/* mobile header: Cornerstone _global.scss pads body by its fixed-header height (55px) below the medium breakpoint; our header is sticky, so that is an empty band */
body{padding-top:0}
@media (max-width:640px){
  .top-in{height:64px;gap:.5rem;width:calc(100% - 32px)}
  .brand img{height:44px}
  .top-act{gap:.15rem}
  .icon-btn.cart{padding:.5rem .4rem}
}

/* product gallery spacing (tt-25): thumbs were 84px wide, indented 8px by li margin, 0 gap above the title; strip is hidden when only one image */
@media (max-width:900px){
  .pdp .productView-thumbnails{gap:12px;align-items:flex-start;overflow-x:auto;margin:12px 0 0;padding:2px 0;-webkit-overflow-scrolling:touch}
  .pdp .productView-thumbnail{flex:0 0 72px;width:72px;margin:0;padding:0}
  .pdp .productView-thumbnail-link img{display:block;width:100%;height:auto}
}
@media (max-width:900px){
  .pdp{padding-top:2rem}
  .pdp .crumbs{margin-bottom:1.25rem;line-height:1.5}
  .pdp .productView-images{margin-bottom:1.75rem}
}

/* footer policy links, plain content pages */
.foot-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:0 0 .8rem}
.foot-links a{color:var(--muted);text-decoration:none}.foot-links a:hover{color:var(--text)}
.pg-page .post-body ul,.pg-page .post-body ol{padding-left:1.4rem;margin:0 0 1rem}
.pg-page .post-body p{margin:0 0 1rem}
.pdp .productView-thumbnails::before,.pdp .productView-thumbnails::after{display:none}
@media (max-width:900px){.pdp .productView-thumbnail-link{box-sizing:border-box;height:auto;max-width:none;width:100%;padding:4px;display:block}}
/* phone product page: Cornerstone grid clearfix pseudo-elements became flex items (8px indent); labels, quantity and fit note were centered */
.pdp .productView-info::before,.pdp .productView-info::after{display:none}
.pdp .form-field,.pdp .form-field--increments,.pdp .form-field--increments .form-label,.pdp .fit-note,.pdp .form-label{text-align:left}
.pdp .fit-note{margin:1rem 0 0}

/* Page Builder widgets: each bullet row renders its own <ul class="ticks">; close up the gap so a run of bullets looks like one list */
ul.ticks:has(+ul.ticks){margin-bottom:0}

/* Page Builder widgets sit inside wrapper divs, which changed two things the theme relied on: */
/* 1. ":first-of-type" now matches the first section inside a widget, so keep the divider line above the first section of a widget */
[data-content-region] .svc:first-of-type{border-top:1px solid var(--line)}
/* 2. the sticky Services jump-to bar must stay a child of the page, not of its own 54px wrapper (see tt-27 report) */
[data-content-region="services_content"],[data-content-region="services_content"]>[data-layout-id],[data-content-region="services_content"] [data-widget-id]:has(>.chips){display:contents}
.foot-social a{width:42px;height:42px}

/* tt-47: Cornerstone pages that keep their own markup (404/403/error, search, login/register/password, account, brands, contact)
   render inside .body>.container; give them the Pit Lane page-head look: left crumbs, big display h1, dark panels */
.body>.container{width:min(1240px,100% - 48px);max-width:none;margin-inline:auto;padding:clamp(3rem,7vw,5.5rem) 0 clamp(3.5rem,8vw,6rem)}
.body>.container .breadcrumbs{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:0;margin:0 0 1.4rem;padding:0;text-align:left;font-size:.95rem;color:var(--muted)}
.body>.container .breadcrumb{display:inline;font:inherit;color:inherit;text-transform:none;letter-spacing:0}
.body>.container .breadcrumb:not(:first-child)::before{content:"/";display:inline;position:static;transform:none;width:auto;height:auto;border:0;background:none;margin:0 .4em;color:var(--muted)}
.body>.container .breadcrumb-label,.body>.container .breadcrumb.is-active .breadcrumb-label{color:var(--muted);text-decoration:none;font:inherit}
.body>.container .breadcrumb-label:hover{color:var(--text)}
.body>.container .page-heading{font:900 clamp(3rem,10vw,6rem)/.88 var(--display);text-transform:uppercase;letter-spacing:0;color:var(--text);text-align:left;margin:0 0 clamp(1.8rem,4vw,2.6rem);overflow-wrap:anywhere}
.body>.container .page,.body>.container .page-content,.body>.container .page-content--centered,.body>.container .account,.body>.container .account--fixed,.body>.container .account--fixedSmall,.body>.container .login{margin:0;padding:0;width:auto;max-width:none}
.body>.container .u-textAlignCenter,.body>.container .page-content--textCenter{text-align:left}
.body>.container p{color:var(--body);max-width:62ch;margin-inline:0;padding-inline:0}
.body>.container h2:not(.page-heading),.body>.container h3,.body>.container h4,.body>.container h5,.body>.container .panel-title{font:800 1.6rem/1.05 var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin:0 0 .9rem}
.body>.container :is(p,.panel-body,.form-actions,.search-suggestion,.account-listItem,td) a:not(.button){color:var(--text);text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:.3em;text-decoration-thickness:2px}
.body>.container :is(p,.panel-body,.form-actions,.search-suggestion,.account-listItem,td) a:not(.button):hover{color:var(--blue)}
/* Cornerstone .wrap (flex-wrap helper) collides with the Pit Lane .wrap container */
.form-prefixPostfix.wrap{width:auto;margin-inline:0}
.body>.container .form-prefixPostfix{display:flex;flex-wrap:wrap;gap:.75rem;max-width:44rem}
.body>.container .form-prefixPostfix .form-input{flex:1 1 16rem;margin:0;min-height:3.2rem}
.body>.container .form-prefixPostfix .button{margin:0;flex:0 0 auto;min-height:3.2rem}
/* panels, alerts: Cornerstone light-grey boxes left unreadable light text on the dark theme */
.body>.container .panel{background:var(--panel);border:1px solid var(--line);border-radius:0;color:var(--body);padding:0;margin:0 0 2rem}
.body>.container .panel-header{background:none;border:0;padding:1.6rem 1.6rem 0}
.body>.container .panel-body{padding:1.2rem 1.6rem 1.6rem;color:var(--body);background:none}
.body>.container .alertBox{background:var(--panel2);border:1px solid var(--line);border-left:4px solid var(--blue);color:var(--text);border-radius:0}
.body>.container .alertBox--error{border-left-color:var(--hot)}
.body>.container .alertBox .alertBox-message,.body>.container .alertBox p{color:var(--text)}
/* form fields */
.body>.container .form-label{color:var(--text);font:600 1rem/1.3 var(--sans);text-transform:none;letter-spacing:0}
.body>.container .form-label small{color:var(--muted);font-size:.75rem;letter-spacing:.06em}
.body>.container .form-input,.body>.container .form-select,.body>.container .form-textarea{border-radius:0;font:inherit;font-size:1rem;min-height:3rem}
.body>.container .form-input:focus,.body>.container .form-select:focus,.body>.container .form-textarea:focus{border-color:var(--hot);box-shadow:none;outline:0}
.body>.container .form-actions{text-align:left;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;margin-top:1.4rem}
.body>.container .form-actions::before,.body>.container .form-actions::after{display:none}
.body>.container .form-actions .button,.body>.container .form-actions input.button{margin:0}
/* the header rules ".nav,.login{display:none}" (phone) and ".brand" also matched the login page wrapper and the brands grid */
.body>.container .login{display:block}
/* login: form left, new-customer panel right */
.login-row{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.login-row::before,.login-row::after{display:none}
.login .login-form,.login .new-customer{width:auto;float:none;padding:0;margin:0;max-width:none}
.new-customer-fact-list{margin:0 0 1.6rem;padding:0;list-style:none}
.new-customer-fact{position:relative;padding-left:1.4rem;margin:.35rem 0;color:var(--body)}
.new-customer-fact::before{content:"";position:absolute;left:0;top:.6em;width:.55rem;height:.55rem;background:var(--hot)}
.new-customer a{text-decoration:none!important}
.forgot-password-form,.forgot-password-form .form-prefixPostfix{max-width:44rem}
.forgot-password-form .form-label{display:block;width:100%;flex:1 0 100%;margin-bottom:.2rem}
/* register: two columns of fields on wide screens */
.body>.container .form-row--half{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.6rem}
.body>.container .form-row--half>.form-field{width:auto;float:none;padding:0}
.body>.container .form-row::before,.body>.container .form-row::after{display:none}
.body>.container .form-row{margin-inline:0}
/* account section nav = Pit Lane category tabs */
.navBar--account,.search-nav{display:block;margin:0 0 2rem;border-bottom:1px solid var(--line)}
.navBar--account .navBar-section::before,.navBar--account .navBar-section::after,.search-nav .navBar-section::before,.search-nav .navBar-section::after{display:none}
.navBar--account .navBar-section,.search-nav .navBar-section{display:flex;flex-wrap:wrap;gap:.4rem 1.8rem;margin:0;padding:0;list-style:none;float:none;text-align:left}
.navBar--account .navBar-item,.search-nav .navBar-item{display:block;margin:0;padding:0;float:none}
.navBar--account .navBar-action,.search-nav .navBar-action,.search-nav .navBar-action-color--active{display:block;font:800 1.25rem/1 var(--display);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;color:var(--muted);padding:.6rem 0;border-bottom:3px solid transparent}
.navBar--account .navBar-action:hover,.search-nav .navBar-action:hover{color:var(--text)}
.navBar--account .is-active .navBar-action,.search-nav .navBar-action-color--active{color:var(--text);border-bottom-color:var(--hot)}
.search-nav .navBar-item--separate{margin-left:auto;border:0}
.search-nav .navBar-item--separate::before{display:none}
/* account lists, orders, addresses */
.body>.container .account-list{list-style:none;margin:0;padding:0}
.body>.container .account-listItem{border-bottom:1px solid var(--line);padding:1.2rem 0}
.body>.container .account-product-title,.body>.container .account-orderStatus-label{font:800 1.2rem/1.1 var(--display);letter-spacing:.05em;text-transform:uppercase;color:var(--text)}
.body>.container .account-orderStatus-label{background:var(--blue);color:#000;padding:.2rem .5rem;border-radius:0;font-size:.95rem}
.body>.container .account-listShipping,.body>.container .account-product-details,.body>.container .definitionList{color:var(--body)}
.body>.container .addressList,.body>.container .paymentMethodsList{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.25rem;margin:0;padding:0;list-style:none}
.body>.container .address,.body>.container .paymentMethodsList-item{width:auto;float:none;padding:0}
.body>.container .panel--address,.body>.container .address .panel{height:100%}
.body>.container .table,.body>.container table{width:100%;border-collapse:collapse;color:var(--body)}
.body>.container th{font:800 1rem/1.1 var(--display);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);text-align:left;border-bottom:1px solid var(--line);padding:.7rem .5rem}
.body>.container td{border-bottom:1px solid var(--line);padding:.7rem .5rem}
/* search: results heading + tabs, suggestion panel */
.search-head{margin:0}
.search-head .page-heading{font-size:clamp(2.6rem,7vw,4.6rem)}
.search-suggestion{color:var(--body);margin:0 0 .8rem}
.search-suggestion strong{color:var(--text)}
.search-refine{margin-left:1rem}
.body>.container .actionBar{float:none;margin:0 0 1rem;padding:0;display:flex;align-items:center}
.body>.container .actionBar .form-fieldset,.body>.container .actionBar .form-field{margin:0;display:flex;align-items:center;gap:.5rem}
.body>.container .actionBar .form-label{margin:0;color:var(--muted);font-weight:400}
.body>.container .actionBar .form-select{color:var(--text);width:auto;min-height:2.6rem;padding:.4rem 2rem .4rem .7rem;margin:0}
#search-results-content .page-heading,#search-results-content h4{font-size:1.4rem}
.body>.container .grid{margin-top:1rem}
.grid>li.product{overflow:visible}
.body>.container .actionBar::before,.body>.container .actionBar::after,.body>.container .actionBar .form-fieldset::before,.body>.container .actionBar .form-fieldset::after{display:none}
/* brands index + brand page */
.brandGrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.25rem}
.brandGrid::before,.brandGrid::after{display:none}
.brandGrid .card-title{text-align:left}
.search-empty{margin:0 0 2rem}
.search-empty ul{margin:0 0 1.6rem;padding-left:1.2rem;color:var(--body)}
.brandGrid .brand{width:auto;float:none;padding:0;margin:0}
.brandGrid .brand img{height:auto;width:100%}
.brandGrid .card{background:none;margin:0}
.brandGrid .card-figure{background:#fff;margin:0;padding:1rem;clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,0 100%)}
.brandGrid .card-title{font:800 1.4rem/1.05 var(--display);letter-spacing:.05em;text-transform:uppercase;margin:.8rem 0 0}
.brandGrid .card-title a{text-decoration:none!important;color:var(--text)}
.brandGrid .card-body{padding:0;text-align:left}
.pt-brand .body>.container .page{display:block}
.pt-brand .page-sidebar{display:none}
.pt-brand .page-content{width:auto;float:none}
.brand-image-container{background:#fff;display:inline-block;padding:1rem;margin:0 0 1.4rem;max-width:16rem}
@media (max-width:900px){
  .login-row{grid-template-columns:1fr}
  .brandGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .body>.container{width:calc(100% - 32px)}
  .body>.container .form-row--half{grid-template-columns:1fr}
  .navBar--account .navBar-section,.search-nav .navBar-section{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}
  .navBar--account .navBar-action,.search-nav .navBar-item a{white-space:nowrap;padding:.85rem 0}
  .search-nav .navBar-item--separate{margin-left:0}
  .body>.container .panel-header{padding:1.2rem 1.2rem 0}
  .body>.container .panel-body{padding:1rem 1.2rem 1.2rem}
}