/* scope: body.ShoppingCart, body.OnePageCheckOut, body.MyAccount, body.Register, body.LostPassword, body.CustomerLogout, body.EditLogin, body.OrderList, body.ViewOrder, body.ProfileEdit, body.BillingAddress, body.SubscriptionList, body.SavedCarts, body.EditDetails, body.ShippingAddress, body.PaymentMethod, body.Statement, body.OrderHistory, body.Profile, body.WishList */ /* Cart, checkout, account (and its sub-pages), register, lost password, logout: token pass, no wire. Owner: agent account. Every selector must start with the scope above; _tools/css_scope_check.py fails the sign-off otherwise. Responsive rules live here too. No wire draws these pages. Colours, type, inputs and buttons reuse the login form idiom (spec/customer-login.md): label 600 16/1.4, input 56 tall pill, orange 70 tall primary button. Nothing is hidden: every control, price, total, error and platform message stays visible. */ /* --- title: the category eyebrow and grid placement in msi-refresh.css (.LayoutContentInner > .page-header) are unscoped --- */ body.ShoppingCart .LayoutContentInner > .page-header, body.OnePageCheckOut .LayoutContentInner > .page-header, body.MyAccount .LayoutContentInner > .page-header, body.Register .LayoutContentInner > .page-header, body.LostPassword .LayoutContentInner > .page-header, body.CustomerLogout .LayoutContentInner > .page-header, body.EditLogin .LayoutContentInner > .page-header, body.OrderList .LayoutContentInner > .page-header, body.ViewOrder .LayoutContentInner > .page-header, body.ProfileEdit .LayoutContentInner > .page-header, body.BillingAddress .LayoutContentInner > .page-header, body.SubscriptionList .LayoutContentInner > .page-header, body.SavedCarts .LayoutContentInner > .page-header, body.EditDetails .LayoutContentInner > .page-header, body.ShippingAddress .LayoutContentInner > .page-header, body.PaymentMethod .LayoutContentInner > .page-header, body.Statement .LayoutContentInner > .page-header, body.OrderHistory .LayoutContentInner > .page-header, body.Profile .LayoutContentInner > .page-header, body.WishList .LayoutContentInner > .page-header { display: block; margin: 40px 0 32px; padding: 0; border: 0; } body.ShoppingCart .LayoutContentInner > .page-header::before, body.OnePageCheckOut .LayoutContentInner > .page-header::before, body.MyAccount .LayoutContentInner > .page-header::before, body.Register .LayoutContentInner > .page-header::before, body.LostPassword .LayoutContentInner > .page-header::before, body.CustomerLogout .LayoutContentInner > .page-header::before, body.EditLogin .LayoutContentInner > .page-header::before, body.OrderList .LayoutContentInner > .page-header::before, body.ViewOrder .LayoutContentInner > .page-header::before, body.ProfileEdit .LayoutContentInner > .page-header::before, body.BillingAddress .LayoutContentInner > .page-header::before, body.SubscriptionList .LayoutContentInner > .page-header::before, body.SavedCarts .LayoutContentInner > .page-header::before, body.EditDetails .LayoutContentInner > .page-header::before, body.ShippingAddress .LayoutContentInner > .page-header::before, body.PaymentMethod .LayoutContentInner > .page-header::before, body.Statement .LayoutContentInner > .page-header::before, body.OrderHistory .LayoutContentInner > .page-header::before, body.Profile .LayoutContentInner > .page-header::before, body.WishList .LayoutContentInner > .page-header::before { content: none; } body.ShoppingCart .LayoutContentInner > .page-header h1, body.OnePageCheckOut .LayoutContentInner > .page-header h1, body.MyAccount .LayoutContentInner > .page-header h1, body.Register .LayoutContentInner > .page-header h1, body.LostPassword .LayoutContentInner > .page-header h1, body.CustomerLogout .LayoutContentInner > .page-header h1, body.EditLogin .LayoutContentInner > .page-header h1, body.OrderList .LayoutContentInner > .page-header h1, body.ViewOrder .LayoutContentInner > .page-header h1, body.ProfileEdit .LayoutContentInner > .page-header h1, body.BillingAddress .LayoutContentInner > .page-header h1, body.SubscriptionList .LayoutContentInner > .page-header h1, body.SavedCarts .LayoutContentInner > .page-header h1, body.EditDetails .LayoutContentInner > .page-header h1, body.ShippingAddress .LayoutContentInner > .page-header h1, body.PaymentMethod .LayoutContentInner > .page-header h1, body.Statement .LayoutContentInner > .page-header h1, body.OrderHistory .LayoutContentInner > .page-header h1, body.Profile .LayoutContentInner > .page-header h1, body.WishList .LayoutContentInner > .page-header h1 { margin: 0; font-size: 40px; font-weight: 500; line-height: 1.2; letter-spacing: normal; color: #000; } body.ShoppingCart .LayoutContentInner > .page-header h1 small, body.OnePageCheckOut .LayoutContentInner > .page-header h1 small, body.MyAccount .LayoutContentInner > .page-header h1 small, body.Register .LayoutContentInner > .page-header h1 small, body.LostPassword .LayoutContentInner > .page-header h1 small, body.CustomerLogout .LayoutContentInner > .page-header h1 small, body.EditLogin .LayoutContentInner > .page-header h1 small, body.OrderList .LayoutContentInner > .page-header h1 small, body.ViewOrder .LayoutContentInner > .page-header h1 small, body.ProfileEdit .LayoutContentInner > .page-header h1 small, body.BillingAddress .LayoutContentInner > .page-header h1 small, body.SubscriptionList .LayoutContentInner > .page-header h1 small, body.SavedCarts .LayoutContentInner > .page-header h1 small, body.EditDetails .LayoutContentInner > .page-header h1 small, body.ShippingAddress .LayoutContentInner > .page-header h1 small, body.PaymentMethod .LayoutContentInner > .page-header h1 small, body.Statement .LayoutContentInner > .page-header h1 small, body.OrderHistory .LayoutContentInner > .page-header h1 small, body.Profile .LayoutContentInner > .page-header h1 small, body.WishList .LayoutContentInner > .page-header h1 small { font-size: 20px; font-weight: 400; color: var(--msi-ink-2); } /* --- inputs (login idiom) --- */ body.ShoppingCart .LayoutContentInner input[type="text"], body.OnePageCheckOut .LayoutContentInner input[type="text"], body.MyAccount .LayoutContentInner input[type="text"], body.Register .LayoutContentInner input[type="text"], body.LostPassword .LayoutContentInner input[type="text"], body.CustomerLogout .LayoutContentInner input[type="text"], body.EditLogin .LayoutContentInner input[type="text"], body.OrderList .LayoutContentInner input[type="text"], body.ViewOrder .LayoutContentInner input[type="text"], body.ProfileEdit .LayoutContentInner input[type="text"], body.BillingAddress .LayoutContentInner input[type="text"], body.SubscriptionList .LayoutContentInner input[type="text"], body.SavedCarts .LayoutContentInner input[type="text"], body.EditDetails .LayoutContentInner input[type="text"], body.ShippingAddress .LayoutContentInner input[type="text"], body.PaymentMethod .LayoutContentInner input[type="text"], body.Statement .LayoutContentInner input[type="text"], body.OrderHistory .LayoutContentInner input[type="text"], body.Profile .LayoutContentInner input[type="text"], body.WishList .LayoutContentInner input[type="text"], body.ShoppingCart .LayoutContentInner input[type="password"], body.OnePageCheckOut .LayoutContentInner input[type="password"], body.MyAccount .LayoutContentInner input[type="password"], body.Register .LayoutContentInner input[type="password"], body.LostPassword .LayoutContentInner input[type="password"], body.CustomerLogout .LayoutContentInner input[type="password"], body.EditLogin .LayoutContentInner input[type="password"], body.OrderList .LayoutContentInner input[type="password"], body.ViewOrder .LayoutContentInner input[type="password"], body.ProfileEdit .LayoutContentInner input[type="password"], body.BillingAddress .LayoutContentInner input[type="password"], body.SubscriptionList .LayoutContentInner input[type="password"], body.SavedCarts .LayoutContentInner input[type="password"], body.EditDetails .LayoutContentInner input[type="password"], body.ShippingAddress .LayoutContentInner input[type="password"], body.PaymentMethod .LayoutContentInner input[type="password"], body.Statement .LayoutContentInner input[type="password"], body.OrderHistory .LayoutContentInner input[type="password"], body.Profile .LayoutContentInner input[type="password"], body.WishList .LayoutContentInner input[type="password"], body.ShoppingCart .LayoutContentInner input[type="email"], body.OnePageCheckOut .LayoutContentInner input[type="email"], body.MyAccount .LayoutContentInner input[type="email"], body.Register .LayoutContentInner input[type="email"], body.LostPassword .LayoutContentInner input[type="email"], body.CustomerLogout .LayoutContentInner input[type="email"], body.EditLogin .LayoutContentInner input[type="email"], body.OrderList .LayoutContentInner input[type="email"], body.ViewOrder .LayoutContentInner input[type="email"], body.ProfileEdit .LayoutContentInner input[type="email"], body.BillingAddress .LayoutContentInner input[type="email"], body.SubscriptionList .LayoutContentInner input[type="email"], body.SavedCarts .LayoutContentInner input[type="email"], body.EditDetails .LayoutContentInner input[type="email"], body.ShippingAddress .LayoutContentInner input[type="email"], body.PaymentMethod .LayoutContentInner input[type="email"], body.Statement .LayoutContentInner input[type="email"], body.OrderHistory .LayoutContentInner input[type="email"], body.Profile .LayoutContentInner input[type="email"], body.WishList .LayoutContentInner input[type="email"], body.ShoppingCart .LayoutContentInner input[type="tel"], body.OnePageCheckOut .LayoutContentInner input[type="tel"], body.MyAccount .LayoutContentInner input[type="tel"], body.Register .LayoutContentInner input[type="tel"], body.LostPassword .LayoutContentInner input[type="tel"], body.CustomerLogout .LayoutContentInner input[type="tel"], body.EditLogin .LayoutContentInner input[type="tel"], body.OrderList .LayoutContentInner input[type="tel"], body.ViewOrder .LayoutContentInner input[type="tel"], body.ProfileEdit .LayoutContentInner input[type="tel"], body.BillingAddress .LayoutContentInner input[type="tel"], body.SubscriptionList .LayoutContentInner input[type="tel"], body.SavedCarts .LayoutContentInner input[type="tel"], body.EditDetails .LayoutContentInner input[type="tel"], body.ShippingAddress .LayoutContentInner input[type="tel"], body.PaymentMethod .LayoutContentInner input[type="tel"], body.Statement .LayoutContentInner input[type="tel"], body.OrderHistory .LayoutContentInner input[type="tel"], body.Profile .LayoutContentInner input[type="tel"], body.WishList .LayoutContentInner input[type="tel"], body.ShoppingCart .LayoutContentInner input[type="number"], body.OnePageCheckOut .LayoutContentInner input[type="number"], body.MyAccount .LayoutContentInner input[type="number"], body.Register .LayoutContentInner input[type="number"], body.LostPassword .LayoutContentInner input[type="number"], body.CustomerLogout .LayoutContentInner input[type="number"], body.EditLogin .LayoutContentInner input[type="number"], body.OrderList .LayoutContentInner input[type="number"], body.ViewOrder .LayoutContentInner input[type="number"], body.ProfileEdit .LayoutContentInner input[type="number"], body.BillingAddress .LayoutContentInner input[type="number"], body.SubscriptionList .LayoutContentInner input[type="number"], body.SavedCarts .LayoutContentInner input[type="number"], body.EditDetails .LayoutContentInner input[type="number"], body.ShippingAddress .LayoutContentInner input[type="number"], body.PaymentMethod .LayoutContentInner input[type="number"], body.Statement .LayoutContentInner input[type="number"], body.OrderHistory .LayoutContentInner input[type="number"], body.Profile .LayoutContentInner input[type="number"], body.WishList .LayoutContentInner input[type="number"], body.ShoppingCart .LayoutContentInner select, body.OnePageCheckOut .LayoutContentInner select, body.MyAccount .LayoutContentInner select, body.Register .LayoutContentInner select, body.LostPassword .LayoutContentInner select, body.CustomerLogout .LayoutContentInner select, body.EditLogin .LayoutContentInner select, body.OrderList .LayoutContentInner select, body.ViewOrder .LayoutContentInner select, body.ProfileEdit .LayoutContentInner select, body.BillingAddress .LayoutContentInner select, body.SubscriptionList .LayoutContentInner select, body.SavedCarts .LayoutContentInner select, body.EditDetails .LayoutContentInner select, body.ShippingAddress .LayoutContentInner select, body.PaymentMethod .LayoutContentInner select, body.Statement .LayoutContentInner select, body.OrderHistory .LayoutContentInner select, body.Profile .LayoutContentInner select, body.WishList .LayoutContentInner select { box-sizing: border-box; height: 56px; min-height: 0; padding: 0 24px; font-family: var(--msi-font); font-size: 16px; font-weight: 400; line-height: 1.4; color: var(--msi-ink); background-color: var(--msi-white); border-width: 1px; border-style: solid; border-radius: 999px; } /* border colour and shadow only when not focused: the text-field focus rule (msi-refresh.css) draws focus */ body.ShoppingCart .LayoutContentInner input[type="text"]:not(:focus), body.OnePageCheckOut .LayoutContentInner input[type="text"]:not(:focus), body.MyAccount .LayoutContentInner input[type="text"]:not(:focus), body.Register .LayoutContentInner input[type="text"]:not(:focus), body.LostPassword .LayoutContentInner input[type="text"]:not(:focus), body.CustomerLogout .LayoutContentInner input[type="text"]:not(:focus), body.EditLogin .LayoutContentInner input[type="text"]:not(:focus), body.OrderList .LayoutContentInner input[type="text"]:not(:focus), body.ViewOrder .LayoutContentInner input[type="text"]:not(:focus), body.ProfileEdit .LayoutContentInner input[type="text"]:not(:focus), body.BillingAddress .LayoutContentInner input[type="text"]:not(:focus), body.SubscriptionList .LayoutContentInner input[type="text"]:not(:focus), body.SavedCarts .LayoutContentInner input[type="text"]:not(:focus), body.EditDetails .LayoutContentInner input[type="text"]:not(:focus), body.ShippingAddress .LayoutContentInner input[type="text"]:not(:focus), body.PaymentMethod .LayoutContentInner input[type="text"]:not(:focus), body.Statement .LayoutContentInner input[type="text"]:not(:focus), body.OrderHistory .LayoutContentInner input[type="text"]:not(:focus), body.Profile .LayoutContentInner input[type="text"]:not(:focus), body.WishList .LayoutContentInner input[type="text"]:not(:focus), body.ShoppingCart .LayoutContentInner input[type="password"]:not(:focus), body.OnePageCheckOut .LayoutContentInner input[type="password"]:not(:focus), body.MyAccount .LayoutContentInner input[type="password"]:not(:focus), body.Register .LayoutContentInner input[type="password"]:not(:focus), body.LostPassword .LayoutContentInner input[type="password"]:not(:focus), body.CustomerLogout .LayoutContentInner input[type="password"]:not(:focus), body.EditLogin .LayoutContentInner input[type="password"]:not(:focus), body.OrderList .LayoutContentInner input[type="password"]:not(:focus), body.ViewOrder .LayoutContentInner input[type="password"]:not(:focus), body.ProfileEdit .LayoutContentInner input[type="password"]:not(:focus), body.BillingAddress .LayoutContentInner input[type="password"]:not(:focus), body.SubscriptionList .LayoutContentInner input[type="password"]:not(:focus), body.SavedCarts .LayoutContentInner input[type="password"]:not(:focus), body.EditDetails .LayoutContentInner input[type="password"]:not(:focus), body.ShippingAddress .LayoutContentInner input[type="password"]:not(:focus), body.PaymentMethod .LayoutContentInner input[type="password"]:not(:focus), body.Statement .LayoutContentInner input[type="password"]:not(:focus), body.OrderHistory .LayoutContentInner input[type="password"]:not(:focus), body.Profile .LayoutContentInner input[type="password"]:not(:focus), body.WishList .LayoutContentInner input[type="password"]:not(:focus), body.ShoppingCart .LayoutContentInner input[type="email"]:not(:focus), body.OnePageCheckOut .LayoutContentInner input[type="email"]:not(:focus), body.MyAccount .LayoutContentInner input[type="email"]:not(:focus), body.Register .LayoutContentInner input[type="email"]:not(:focus), body.LostPassword .LayoutContentInner input[type="email"]:not(:focus), body.CustomerLogout .LayoutContentInner input[type="email"]:not(:focus), body.EditLogin .LayoutContentInner input[type="email"]:not(:focus), body.OrderList .LayoutContentInner input[type="email"]:not(:focus), body.ViewOrder .LayoutContentInner input[type="email"]:not(:focus), body.ProfileEdit .LayoutContentInner input[type="email"]:not(:focus), body.BillingAddress .LayoutContentInner input[type="email"]:not(:focus), body.SubscriptionList .LayoutContentInner input[type="email"]:not(:focus), body.SavedCarts .LayoutContentInner input[type="email"]:not(:focus), body.EditDetails .LayoutContentInner input[type="email"]:not(:focus), body.ShippingAddress .LayoutContentInner input[type="email"]:not(:focus), body.PaymentMethod .LayoutContentInner input[type="email"]:not(:focus), body.Statement .LayoutContentInner input[type="email"]:not(:focus), body.OrderHistory .LayoutContentInner input[type="email"]:not(:focus), body.Profile .LayoutContentInner input[type="email"]:not(:focus), body.WishList .LayoutContentInner input[type="email"]:not(:focus), body.ShoppingCart .LayoutContentInner input[type="tel"]:not(:focus), body.OnePageCheckOut .LayoutContentInner input[type="tel"]:not(:focus), body.MyAccount .LayoutContentInner input[type="tel"]:not(:focus), body.Register .LayoutContentInner input[type="tel"]:not(:focus), body.LostPassword .LayoutContentInner input[type="tel"]:not(:focus), body.CustomerLogout .LayoutContentInner input[type="tel"]:not(:focus), body.EditLogin .LayoutContentInner input[type="tel"]:not(:focus), body.OrderList .LayoutContentInner input[type="tel"]:not(:focus), body.ViewOrder .LayoutContentInner input[type="tel"]:not(:focus), body.ProfileEdit .LayoutContentInner input[type="tel"]:not(:focus), body.BillingAddress .LayoutContentInner input[type="tel"]:not(:focus), body.SubscriptionList .LayoutContentInner input[type="tel"]:not(:focus), body.SavedCarts .LayoutContentInner input[type="tel"]:not(:focus), body.EditDetails .LayoutContentInner input[type="tel"]:not(:focus), body.ShippingAddress .LayoutContentInner input[type="tel"]:not(:focus), body.PaymentMethod .LayoutContentInner input[type="tel"]:not(:focus), body.Statement .LayoutContentInner input[type="tel"]:not(:focus), body.OrderHistory .LayoutContentInner input[type="tel"]:not(:focus), body.Profile .LayoutContentInner input[type="tel"]:not(:focus), body.WishList .LayoutContentInner input[type="tel"]:not(:focus), body.ShoppingCart .LayoutContentInner input[type="number"]:not(:focus), body.OnePageCheckOut .LayoutContentInner input[type="number"]:not(:focus), body.MyAccount .LayoutContentInner input[type="number"]:not(:focus), body.Register .LayoutContentInner input[type="number"]:not(:focus), body.LostPassword .LayoutContentInner input[type="number"]:not(:focus), body.CustomerLogout .LayoutContentInner input[type="number"]:not(:focus), body.EditLogin .LayoutContentInner input[type="number"]:not(:focus), body.OrderList .LayoutContentInner input[type="number"]:not(:focus), body.ViewOrder .LayoutContentInner input[type="number"]:not(:focus), body.ProfileEdit .LayoutContentInner input[type="number"]:not(:focus), body.BillingAddress .LayoutContentInner input[type="number"]:not(:focus), body.SubscriptionList .LayoutContentInner input[type="number"]:not(:focus), body.SavedCarts .LayoutContentInner input[type="number"]:not(:focus), body.EditDetails .LayoutContentInner input[type="number"]:not(:focus), body.ShippingAddress .LayoutContentInner input[type="number"]:not(:focus), body.PaymentMethod .LayoutContentInner input[type="number"]:not(:focus), body.Statement .LayoutContentInner input[type="number"]:not(:focus), body.OrderHistory .LayoutContentInner input[type="number"]:not(:focus), body.Profile .LayoutContentInner input[type="number"]:not(:focus), body.WishList .LayoutContentInner input[type="number"]:not(:focus), body.ShoppingCart .LayoutContentInner select:not(:focus), body.OnePageCheckOut .LayoutContentInner select:not(:focus), body.MyAccount .LayoutContentInner select:not(:focus), body.Register .LayoutContentInner select:not(:focus), body.LostPassword .LayoutContentInner select:not(:focus), body.CustomerLogout .LayoutContentInner select:not(:focus), body.EditLogin .LayoutContentInner select:not(:focus), body.OrderList .LayoutContentInner select:not(:focus), body.ViewOrder .LayoutContentInner select:not(:focus), body.ProfileEdit .LayoutContentInner select:not(:focus), body.BillingAddress .LayoutContentInner select:not(:focus), body.SubscriptionList .LayoutContentInner select:not(:focus), body.SavedCarts .LayoutContentInner select:not(:focus), body.EditDetails .LayoutContentInner select:not(:focus), body.ShippingAddress .LayoutContentInner select:not(:focus), body.PaymentMethod .LayoutContentInner select:not(:focus), body.Statement .LayoutContentInner select:not(:focus), body.OrderHistory .LayoutContentInner select:not(:focus), body.Profile .LayoutContentInner select:not(:focus), body.WishList .LayoutContentInner select:not(:focus) { border-color: rgba(38, 45, 49, 0.2); box-shadow: none; } body.ShoppingCart .LayoutContentInner select, body.OnePageCheckOut .LayoutContentInner select, body.MyAccount .LayoutContentInner select, body.Register .LayoutContentInner select, body.LostPassword .LayoutContentInner select, body.CustomerLogout .LayoutContentInner select, body.EditLogin .LayoutContentInner select, body.OrderList .LayoutContentInner select, body.ViewOrder .LayoutContentInner select, body.ProfileEdit .LayoutContentInner select, body.BillingAddress .LayoutContentInner select, body.SubscriptionList .LayoutContentInner select, body.SavedCarts .LayoutContentInner select, body.EditDetails .LayoutContentInner select, body.ShippingAddress .LayoutContentInner select, body.PaymentMethod .LayoutContentInner select, body.Statement .LayoutContentInner select, body.OrderHistory .LayoutContentInner select, body.Profile .LayoutContentInner select, body.WishList .LayoutContentInner select { -webkit-appearance: none; appearance: none; padding-right: 56px; background: var(--msi-white) url("../images/catalog-request/select-chevron.svg") right 24px center / 16px 16px no-repeat; } body.ShoppingCart .LayoutContentInner textarea, body.OnePageCheckOut .LayoutContentInner textarea, body.MyAccount .LayoutContentInner textarea, body.Register .LayoutContentInner textarea, body.LostPassword .LayoutContentInner textarea, body.CustomerLogout .LayoutContentInner textarea, body.EditLogin .LayoutContentInner textarea, body.OrderList .LayoutContentInner textarea, body.ViewOrder .LayoutContentInner textarea, body.ProfileEdit .LayoutContentInner textarea, body.BillingAddress .LayoutContentInner textarea, body.SubscriptionList .LayoutContentInner textarea, body.SavedCarts .LayoutContentInner textarea, body.EditDetails .LayoutContentInner textarea, body.ShippingAddress .LayoutContentInner textarea, body.PaymentMethod .LayoutContentInner textarea, body.Statement .LayoutContentInner textarea, body.OrderHistory .LayoutContentInner textarea, body.Profile .LayoutContentInner textarea, body.WishList .LayoutContentInner textarea { padding: 16px 24px; font-family: var(--msi-font); font-size: 16px; line-height: 1.4; color: var(--msi-ink); border-width: 1px; border-style: solid; border-radius: 28px; } /* border colour and shadow only when not focused: the text-field focus rule (msi-refresh.css) draws focus */ body.ShoppingCart .LayoutContentInner textarea:not(:focus), body.OnePageCheckOut .LayoutContentInner textarea:not(:focus), body.MyAccount .LayoutContentInner textarea:not(:focus), body.Register .LayoutContentInner textarea:not(:focus), body.LostPassword .LayoutContentInner textarea:not(:focus), body.CustomerLogout .LayoutContentInner textarea:not(:focus), body.EditLogin .LayoutContentInner textarea:not(:focus), body.OrderList .LayoutContentInner textarea:not(:focus), body.ViewOrder .LayoutContentInner textarea:not(:focus), body.ProfileEdit .LayoutContentInner textarea:not(:focus), body.BillingAddress .LayoutContentInner textarea:not(:focus), body.SubscriptionList .LayoutContentInner textarea:not(:focus), body.SavedCarts .LayoutContentInner textarea:not(:focus), body.EditDetails .LayoutContentInner textarea:not(:focus), body.ShippingAddress .LayoutContentInner textarea:not(:focus), body.PaymentMethod .LayoutContentInner textarea:not(:focus), body.Statement .LayoutContentInner textarea:not(:focus), body.OrderHistory .LayoutContentInner textarea:not(:focus), body.Profile .LayoutContentInner textarea:not(:focus), body.WishList .LayoutContentInner textarea:not(:focus) { border-color: rgba(38, 45, 49, 0.2); box-shadow: none; } body.ShoppingCart .LayoutContentInner ::placeholder, body.OnePageCheckOut .LayoutContentInner ::placeholder, body.MyAccount .LayoutContentInner ::placeholder, body.Register .LayoutContentInner ::placeholder, body.LostPassword .LayoutContentInner ::placeholder, body.CustomerLogout .LayoutContentInner ::placeholder, body.EditLogin .LayoutContentInner ::placeholder, body.OrderList .LayoutContentInner ::placeholder, body.ViewOrder .LayoutContentInner ::placeholder, body.ProfileEdit .LayoutContentInner ::placeholder, body.BillingAddress .LayoutContentInner ::placeholder, body.SubscriptionList .LayoutContentInner ::placeholder, body.SavedCarts .LayoutContentInner ::placeholder, body.EditDetails .LayoutContentInner ::placeholder, body.ShippingAddress .LayoutContentInner ::placeholder, body.PaymentMethod .LayoutContentInner ::placeholder, body.Statement .LayoutContentInner ::placeholder, body.OrderHistory .LayoutContentInner ::placeholder, body.Profile .LayoutContentInner ::placeholder, body.WishList .LayoutContentInner ::placeholder { color: #262d31; opacity: 1; } /* --- buttons: the main action is the login idiom's orange pill, every other platform button a secondary pill --- */ body.ShoppingCart .LayoutContentInner input[type="submit"], body.OnePageCheckOut .LayoutContentInner input[type="submit"], body.MyAccount .LayoutContentInner input[type="submit"], body.Register .LayoutContentInner input[type="submit"], body.LostPassword .LayoutContentInner input[type="submit"], body.CustomerLogout .LayoutContentInner input[type="submit"], body.EditLogin .LayoutContentInner input[type="submit"], body.OrderList .LayoutContentInner input[type="submit"], body.ViewOrder .LayoutContentInner input[type="submit"], body.ProfileEdit .LayoutContentInner input[type="submit"], body.BillingAddress .LayoutContentInner input[type="submit"], body.SubscriptionList .LayoutContentInner input[type="submit"], body.SavedCarts .LayoutContentInner input[type="submit"], body.EditDetails .LayoutContentInner input[type="submit"], body.ShippingAddress .LayoutContentInner input[type="submit"], body.PaymentMethod .LayoutContentInner input[type="submit"], body.Statement .LayoutContentInner input[type="submit"], body.OrderHistory .LayoutContentInner input[type="submit"], body.Profile .LayoutContentInner input[type="submit"], body.WishList .LayoutContentInner input[type="submit"], body.ShoppingCart .LayoutContentInner input[type="button"], body.OnePageCheckOut .LayoutContentInner input[type="button"], body.MyAccount .LayoutContentInner input[type="button"], body.Register .LayoutContentInner input[type="button"], body.LostPassword .LayoutContentInner input[type="button"], body.CustomerLogout .LayoutContentInner input[type="button"], body.EditLogin .LayoutContentInner input[type="button"], body.OrderList .LayoutContentInner input[type="button"], body.ViewOrder .LayoutContentInner input[type="button"], body.ProfileEdit .LayoutContentInner input[type="button"], body.BillingAddress .LayoutContentInner input[type="button"], body.SubscriptionList .LayoutContentInner input[type="button"], body.SavedCarts .LayoutContentInner input[type="button"], body.EditDetails .LayoutContentInner input[type="button"], body.ShippingAddress .LayoutContentInner input[type="button"], body.PaymentMethod .LayoutContentInner input[type="button"], body.Statement .LayoutContentInner input[type="button"], body.OrderHistory .LayoutContentInner input[type="button"], body.Profile .LayoutContentInner input[type="button"], body.WishList .LayoutContentInner input[type="button"], body.ShoppingCart .LayoutContentInner .btn, body.OnePageCheckOut .LayoutContentInner .btn, body.MyAccount .LayoutContentInner .btn, body.Register .LayoutContentInner .btn, body.LostPassword .LayoutContentInner .btn, body.CustomerLogout .LayoutContentInner .btn, body.EditLogin .LayoutContentInner .btn, body.OrderList .LayoutContentInner .btn, body.ViewOrder .LayoutContentInner .btn, body.ProfileEdit .LayoutContentInner .btn, body.BillingAddress .LayoutContentInner .btn, body.SubscriptionList .LayoutContentInner .btn, body.SavedCarts .LayoutContentInner .btn, body.EditDetails .LayoutContentInner .btn, body.ShippingAddress .LayoutContentInner .btn, body.PaymentMethod .LayoutContentInner .btn, body.Statement .LayoutContentInner .btn, body.OrderHistory .LayoutContentInner .btn, body.Profile .LayoutContentInner .btn, body.WishList .LayoutContentInner .btn { height: 48px; min-height: 0; padding: 0 24px; font-family: var(--msi-font); font-size: 16px; font-weight: 600; line-height: 1.4; color: var(--msi-ink); background: transparent; border: 1px solid rgba(38, 45, 49, 0.2); border-radius: 999px; box-shadow: none; text-shadow: none; } body.ShoppingCart .LayoutContentInner input[type="submit"]:hover, body.OnePageCheckOut .LayoutContentInner input[type="submit"]:hover, body.MyAccount .LayoutContentInner input[type="submit"]:hover, body.Register .LayoutContentInner input[type="submit"]:hover, body.LostPassword .LayoutContentInner input[type="submit"]:hover, body.CustomerLogout .LayoutContentInner input[type="submit"]:hover, body.EditLogin .LayoutContentInner input[type="submit"]:hover, body.OrderList .LayoutContentInner input[type="submit"]:hover, body.ViewOrder .LayoutContentInner input[type="submit"]:hover, body.ProfileEdit .LayoutContentInner input[type="submit"]:hover, body.BillingAddress .LayoutContentInner input[type="submit"]:hover, body.SubscriptionList .LayoutContentInner input[type="submit"]:hover, body.SavedCarts .LayoutContentInner input[type="submit"]:hover, body.EditDetails .LayoutContentInner input[type="submit"]:hover, body.ShippingAddress .LayoutContentInner input[type="submit"]:hover, body.PaymentMethod .LayoutContentInner input[type="submit"]:hover, body.Statement .LayoutContentInner input[type="submit"]:hover, body.OrderHistory .LayoutContentInner input[type="submit"]:hover, body.Profile .LayoutContentInner input[type="submit"]:hover, body.WishList .LayoutContentInner input[type="submit"]:hover, body.ShoppingCart .LayoutContentInner input[type="submit"]:focus, body.OnePageCheckOut .LayoutContentInner input[type="submit"]:focus, body.MyAccount .LayoutContentInner input[type="submit"]:focus, body.Register .LayoutContentInner input[type="submit"]:focus, body.LostPassword .LayoutContentInner input[type="submit"]:focus, body.CustomerLogout .LayoutContentInner input[type="submit"]:focus, body.EditLogin .LayoutContentInner input[type="submit"]:focus, body.OrderList .LayoutContentInner input[type="submit"]:focus, body.ViewOrder .LayoutContentInner input[type="submit"]:focus, body.ProfileEdit .LayoutContentInner input[type="submit"]:focus, body.BillingAddress .LayoutContentInner input[type="submit"]:focus, body.SubscriptionList .LayoutContentInner input[type="submit"]:focus, body.SavedCarts .LayoutContentInner input[type="submit"]:focus, body.EditDetails .LayoutContentInner input[type="submit"]:focus, body.ShippingAddress .LayoutContentInner input[type="submit"]:focus, body.PaymentMethod .LayoutContentInner input[type="submit"]:focus, body.Statement .LayoutContentInner input[type="submit"]:focus, body.OrderHistory .LayoutContentInner input[type="submit"]:focus, body.Profile .LayoutContentInner input[type="submit"]:focus, body.WishList .LayoutContentInner input[type="submit"]:focus, body.ShoppingCart .LayoutContentInner input[type="button"]:hover, body.OnePageCheckOut .LayoutContentInner input[type="button"]:hover, body.MyAccount .LayoutContentInner input[type="button"]:hover, body.Register .LayoutContentInner input[type="button"]:hover, body.LostPassword .LayoutContentInner input[type="button"]:hover, body.CustomerLogout .LayoutContentInner input[type="button"]:hover, body.EditLogin .LayoutContentInner input[type="button"]:hover, body.OrderList .LayoutContentInner input[type="button"]:hover, body.ViewOrder .LayoutContentInner input[type="button"]:hover, body.ProfileEdit .LayoutContentInner input[type="button"]:hover, body.BillingAddress .LayoutContentInner input[type="button"]:hover, body.SubscriptionList .LayoutContentInner input[type="button"]:hover, body.SavedCarts .LayoutContentInner input[type="button"]:hover, body.EditDetails .LayoutContentInner input[type="button"]:hover, body.ShippingAddress .LayoutContentInner input[type="button"]:hover, body.PaymentMethod .LayoutContentInner input[type="button"]:hover, body.Statement .LayoutContentInner input[type="button"]:hover, body.OrderHistory .LayoutContentInner input[type="button"]:hover, body.Profile .LayoutContentInner input[type="button"]:hover, body.WishList .LayoutContentInner input[type="button"]:hover, body.ShoppingCart .LayoutContentInner .btn:hover, body.OnePageCheckOut .LayoutContentInner .btn:hover, body.MyAccount .LayoutContentInner .btn:hover, body.Register .LayoutContentInner .btn:hover, body.LostPassword .LayoutContentInner .btn:hover, body.CustomerLogout .LayoutContentInner .btn:hover, body.EditLogin .LayoutContentInner .btn:hover, body.OrderList .LayoutContentInner .btn:hover, body.ViewOrder .LayoutContentInner .btn:hover, body.ProfileEdit .LayoutContentInner .btn:hover, body.BillingAddress .LayoutContentInner .btn:hover, body.SubscriptionList .LayoutContentInner .btn:hover, body.SavedCarts .LayoutContentInner .btn:hover, body.EditDetails .LayoutContentInner .btn:hover, body.ShippingAddress .LayoutContentInner .btn:hover, body.PaymentMethod .LayoutContentInner .btn:hover, body.Statement .LayoutContentInner .btn:hover, body.OrderHistory .LayoutContentInner .btn:hover, body.Profile .LayoutContentInner .btn:hover, body.WishList .LayoutContentInner .btn:hover, body.ShoppingCart .LayoutContentInner .btn:focus, body.OnePageCheckOut .LayoutContentInner .btn:focus, body.MyAccount .LayoutContentInner .btn:focus, body.Register .LayoutContentInner .btn:focus, body.LostPassword .LayoutContentInner .btn:focus, body.CustomerLogout .LayoutContentInner .btn:focus, body.EditLogin .LayoutContentInner .btn:focus, body.OrderList .LayoutContentInner .btn:focus, body.ViewOrder .LayoutContentInner .btn:focus, body.ProfileEdit .LayoutContentInner .btn:focus, body.BillingAddress .LayoutContentInner .btn:focus, body.SubscriptionList .LayoutContentInner .btn:focus, body.SavedCarts .LayoutContentInner .btn:focus, body.EditDetails .LayoutContentInner .btn:focus, body.ShippingAddress .LayoutContentInner .btn:focus, body.PaymentMethod .LayoutContentInner .btn:focus, body.Statement .LayoutContentInner .btn:focus, body.OrderHistory .LayoutContentInner .btn:focus, body.Profile .LayoutContentInner .btn:focus, body.WishList .LayoutContentInner .btn:focus { color: var(--msi-ink); background: var(--msi-nav-tint); border-color: var(--msi-blue); } body.ShoppingCart .LayoutContentInner .btn-primary, body.OnePageCheckOut .LayoutContentInner .btn-primary, body.MyAccount .LayoutContentInner .btn-primary, body.Register .LayoutContentInner .btn-primary, body.LostPassword .LayoutContentInner .btn-primary, body.CustomerLogout .LayoutContentInner .btn-primary, body.EditLogin .LayoutContentInner .btn-primary, body.OrderList .LayoutContentInner .btn-primary, body.ViewOrder .LayoutContentInner .btn-primary, body.ProfileEdit .LayoutContentInner .btn-primary, body.BillingAddress .LayoutContentInner .btn-primary, body.SubscriptionList .LayoutContentInner .btn-primary, body.SavedCarts .LayoutContentInner .btn-primary, body.EditDetails .LayoutContentInner .btn-primary, body.ShippingAddress .LayoutContentInner .btn-primary, body.PaymentMethod .LayoutContentInner .btn-primary, body.Statement .LayoutContentInner .btn-primary, body.OrderHistory .LayoutContentInner .btn-primary, body.Profile .LayoutContentInner .btn-primary, body.WishList .LayoutContentInner .btn-primary, body.ShoppingCart .LayoutContentInner input.CheckoutThemeButton, body.OnePageCheckOut .LayoutContentInner input.CheckoutThemeButton, body.MyAccount .LayoutContentInner input.CheckoutThemeButton, body.Register .LayoutContentInner input.CheckoutThemeButton, body.LostPassword .LayoutContentInner input.CheckoutThemeButton, body.CustomerLogout .LayoutContentInner input.CheckoutThemeButton, body.EditLogin .LayoutContentInner input.CheckoutThemeButton, body.OrderList .LayoutContentInner input.CheckoutThemeButton, body.ViewOrder .LayoutContentInner input.CheckoutThemeButton, body.ProfileEdit .LayoutContentInner input.CheckoutThemeButton, body.BillingAddress .LayoutContentInner input.CheckoutThemeButton, body.SubscriptionList .LayoutContentInner input.CheckoutThemeButton, body.SavedCarts .LayoutContentInner input.CheckoutThemeButton, body.EditDetails .LayoutContentInner input.CheckoutThemeButton, body.ShippingAddress .LayoutContentInner input.CheckoutThemeButton, body.PaymentMethod .LayoutContentInner input.CheckoutThemeButton, body.Statement .LayoutContentInner input.CheckoutThemeButton, body.OrderHistory .LayoutContentInner input.CheckoutThemeButton, body.Profile .LayoutContentInner input.CheckoutThemeButton, body.WishList .LayoutContentInner input.CheckoutThemeButton, body.ShoppingCart .LayoutContentInner input.PlaceOrderThemeButton, body.OnePageCheckOut .LayoutContentInner input.PlaceOrderThemeButton, body.MyAccount .LayoutContentInner input.PlaceOrderThemeButton, body.Register .LayoutContentInner input.PlaceOrderThemeButton, body.LostPassword .LayoutContentInner input.PlaceOrderThemeButton, body.CustomerLogout .LayoutContentInner input.PlaceOrderThemeButton, body.EditLogin .LayoutContentInner input.PlaceOrderThemeButton, body.OrderList .LayoutContentInner input.PlaceOrderThemeButton, body.ViewOrder .LayoutContentInner input.PlaceOrderThemeButton, body.ProfileEdit .LayoutContentInner input.PlaceOrderThemeButton, body.BillingAddress .LayoutContentInner input.PlaceOrderThemeButton, body.SubscriptionList .LayoutContentInner input.PlaceOrderThemeButton, body.SavedCarts .LayoutContentInner input.PlaceOrderThemeButton, body.EditDetails .LayoutContentInner input.PlaceOrderThemeButton, body.ShippingAddress .LayoutContentInner input.PlaceOrderThemeButton, body.PaymentMethod .LayoutContentInner input.PlaceOrderThemeButton, body.Statement .LayoutContentInner input.PlaceOrderThemeButton, body.OrderHistory .LayoutContentInner input.PlaceOrderThemeButton, body.Profile .LayoutContentInner input.PlaceOrderThemeButton, body.WishList .LayoutContentInner input.PlaceOrderThemeButton, body.ShoppingCart .LayoutContentInner input.RegisterContinueThemeButton, body.OnePageCheckOut .LayoutContentInner input.RegisterContinueThemeButton, body.MyAccount .LayoutContentInner input.RegisterContinueThemeButton, body.Register .LayoutContentInner input.RegisterContinueThemeButton, body.LostPassword .LayoutContentInner input.RegisterContinueThemeButton, body.CustomerLogout .LayoutContentInner input.RegisterContinueThemeButton, body.EditLogin .LayoutContentInner input.RegisterContinueThemeButton, body.OrderList .LayoutContentInner input.RegisterContinueThemeButton, body.ViewOrder .LayoutContentInner input.RegisterContinueThemeButton, body.ProfileEdit .LayoutContentInner input.RegisterContinueThemeButton, body.BillingAddress .LayoutContentInner input.RegisterContinueThemeButton, body.SubscriptionList .LayoutContentInner input.RegisterContinueThemeButton, body.SavedCarts .LayoutContentInner input.RegisterContinueThemeButton, body.EditDetails .LayoutContentInner input.RegisterContinueThemeButton, body.ShippingAddress .LayoutContentInner input.RegisterContinueThemeButton, body.PaymentMethod .LayoutContentInner input.RegisterContinueThemeButton, body.Statement .LayoutContentInner input.RegisterContinueThemeButton, body.OrderHistory .LayoutContentInner input.RegisterContinueThemeButton, body.Profile .LayoutContentInner input.RegisterContinueThemeButton, body.WishList .LayoutContentInner input.RegisterContinueThemeButton { display: block; width: 100%; height: 70px; padding: 0 32px; color: var(--msi-ink); background: var(--msi-orange); border: 0; } body.ShoppingCart .LayoutContentInner .btn-primary:hover, body.OnePageCheckOut .LayoutContentInner .btn-primary:hover, body.MyAccount .LayoutContentInner .btn-primary:hover, body.Register .LayoutContentInner .btn-primary:hover, body.LostPassword .LayoutContentInner .btn-primary:hover, body.CustomerLogout .LayoutContentInner .btn-primary:hover, body.EditLogin .LayoutContentInner .btn-primary:hover, body.OrderList .LayoutContentInner .btn-primary:hover, body.ViewOrder .LayoutContentInner .btn-primary:hover, body.ProfileEdit .LayoutContentInner .btn-primary:hover, body.BillingAddress .LayoutContentInner .btn-primary:hover, body.SubscriptionList .LayoutContentInner .btn-primary:hover, body.SavedCarts .LayoutContentInner .btn-primary:hover, body.EditDetails .LayoutContentInner .btn-primary:hover, body.ShippingAddress .LayoutContentInner .btn-primary:hover, body.PaymentMethod .LayoutContentInner .btn-primary:hover, body.Statement .LayoutContentInner .btn-primary:hover, body.OrderHistory .LayoutContentInner .btn-primary:hover, body.Profile .LayoutContentInner .btn-primary:hover, body.WishList .LayoutContentInner .btn-primary:hover, body.ShoppingCart .LayoutContentInner .btn-primary:focus, body.OnePageCheckOut .LayoutContentInner .btn-primary:focus, body.MyAccount .LayoutContentInner .btn-primary:focus, body.Register .LayoutContentInner .btn-primary:focus, body.LostPassword .LayoutContentInner .btn-primary:focus, body.CustomerLogout .LayoutContentInner .btn-primary:focus, body.EditLogin .LayoutContentInner .btn-primary:focus, body.OrderList .LayoutContentInner .btn-primary:focus, body.ViewOrder .LayoutContentInner .btn-primary:focus, body.ProfileEdit .LayoutContentInner .btn-primary:focus, body.BillingAddress .LayoutContentInner .btn-primary:focus, body.SubscriptionList .LayoutContentInner .btn-primary:focus, body.SavedCarts .LayoutContentInner .btn-primary:focus, body.EditDetails .LayoutContentInner .btn-primary:focus, body.ShippingAddress .LayoutContentInner .btn-primary:focus, body.PaymentMethod .LayoutContentInner .btn-primary:focus, body.Statement .LayoutContentInner .btn-primary:focus, body.OrderHistory .LayoutContentInner .btn-primary:focus, body.Profile .LayoutContentInner .btn-primary:focus, body.WishList .LayoutContentInner .btn-primary:focus, body.ShoppingCart .LayoutContentInner input.CheckoutThemeButton:hover, body.OnePageCheckOut .LayoutContentInner input.CheckoutThemeButton:hover, body.MyAccount .LayoutContentInner input.CheckoutThemeButton:hover, body.Register .LayoutContentInner input.CheckoutThemeButton:hover, body.LostPassword .LayoutContentInner input.CheckoutThemeButton:hover, body.CustomerLogout .LayoutContentInner input.CheckoutThemeButton:hover, body.EditLogin .LayoutContentInner input.CheckoutThemeButton:hover, body.OrderList .LayoutContentInner input.CheckoutThemeButton:hover, body.ViewOrder .LayoutContentInner input.CheckoutThemeButton:hover, body.ProfileEdit .LayoutContentInner input.CheckoutThemeButton:hover, body.BillingAddress .LayoutContentInner input.CheckoutThemeButton:hover, body.SubscriptionList .LayoutContentInner input.CheckoutThemeButton:hover, body.SavedCarts .LayoutContentInner input.CheckoutThemeButton:hover, body.EditDetails .LayoutContentInner input.CheckoutThemeButton:hover, body.ShippingAddress .LayoutContentInner input.CheckoutThemeButton:hover, body.PaymentMethod .LayoutContentInner input.CheckoutThemeButton:hover, body.Statement .LayoutContentInner input.CheckoutThemeButton:hover, body.OrderHistory .LayoutContentInner input.CheckoutThemeButton:hover, body.Profile .LayoutContentInner input.CheckoutThemeButton:hover, body.WishList .LayoutContentInner input.CheckoutThemeButton:hover, body.ShoppingCart .LayoutContentInner input.PlaceOrderThemeButton:hover, body.OnePageCheckOut .LayoutContentInner input.PlaceOrderThemeButton:hover, body.MyAccount .LayoutContentInner input.PlaceOrderThemeButton:hover, body.Register .LayoutContentInner input.PlaceOrderThemeButton:hover, body.LostPassword .LayoutContentInner input.PlaceOrderThemeButton:hover, body.CustomerLogout .LayoutContentInner input.PlaceOrderThemeButton:hover, body.EditLogin .LayoutContentInner input.PlaceOrderThemeButton:hover, body.OrderList .LayoutContentInner input.PlaceOrderThemeButton:hover, body.ViewOrder .LayoutContentInner input.PlaceOrderThemeButton:hover, body.ProfileEdit .LayoutContentInner input.PlaceOrderThemeButton:hover, body.BillingAddress .LayoutContentInner input.PlaceOrderThemeButton:hover, body.SubscriptionList .LayoutContentInner input.PlaceOrderThemeButton:hover, body.SavedCarts .LayoutContentInner input.PlaceOrderThemeButton:hover, body.EditDetails .LayoutContentInner input.PlaceOrderThemeButton:hover, body.ShippingAddress .LayoutContentInner input.PlaceOrderThemeButton:hover, body.PaymentMethod .LayoutContentInner input.PlaceOrderThemeButton:hover, body.Statement .LayoutContentInner input.PlaceOrderThemeButton:hover, body.OrderHistory .LayoutContentInner input.PlaceOrderThemeButton:hover, body.Profile .LayoutContentInner input.PlaceOrderThemeButton:hover, body.WishList .LayoutContentInner input.PlaceOrderThemeButton:hover, body.ShoppingCart .LayoutContentInner input.RegisterContinueThemeButton:hover, body.OnePageCheckOut .LayoutContentInner input.RegisterContinueThemeButton:hover, body.MyAccount .LayoutContentInner input.RegisterContinueThemeButton:hover, body.Register .LayoutContentInner input.RegisterContinueThemeButton:hover, body.LostPassword .LayoutContentInner input.RegisterContinueThemeButton:hover, body.CustomerLogout .LayoutContentInner input.RegisterContinueThemeButton:hover, body.EditLogin .LayoutContentInner input.RegisterContinueThemeButton:hover, body.OrderList .LayoutContentInner input.RegisterContinueThemeButton:hover, body.ViewOrder .LayoutContentInner input.RegisterContinueThemeButton:hover, body.ProfileEdit .LayoutContentInner input.RegisterContinueThemeButton:hover, body.BillingAddress .LayoutContentInner input.RegisterContinueThemeButton:hover, body.SubscriptionList .LayoutContentInner input.RegisterContinueThemeButton:hover, body.SavedCarts .LayoutContentInner input.RegisterContinueThemeButton:hover, body.EditDetails .LayoutContentInner input.RegisterContinueThemeButton:hover, body.ShippingAddress .LayoutContentInner input.RegisterContinueThemeButton:hover, body.PaymentMethod .LayoutContentInner input.RegisterContinueThemeButton:hover, body.Statement .LayoutContentInner input.RegisterContinueThemeButton:hover, body.OrderHistory .LayoutContentInner input.RegisterContinueThemeButton:hover, body.Profile .LayoutContentInner input.RegisterContinueThemeButton:hover, body.WishList .LayoutContentInner input.RegisterContinueThemeButton:hover { color: var(--msi-ink); background: var(--msi-orange-dark); border: 0; } /* the phone field's country picker (intl-tel-input, live on checkout and register) is a button inside the input; the plugin sets the input's padding-left from this button's width when it starts */ body.ShoppingCart .LayoutContentInner .iti .iti__selected-country, body.OnePageCheckOut .LayoutContentInner .iti .iti__selected-country, body.MyAccount .LayoutContentInner .iti .iti__selected-country, body.Register .LayoutContentInner .iti .iti__selected-country, body.LostPassword .LayoutContentInner .iti .iti__selected-country, body.CustomerLogout .LayoutContentInner .iti .iti__selected-country, body.EditLogin .LayoutContentInner .iti .iti__selected-country, body.OrderList .LayoutContentInner .iti .iti__selected-country, body.ViewOrder .LayoutContentInner .iti .iti__selected-country, body.ProfileEdit .LayoutContentInner .iti .iti__selected-country, body.BillingAddress .LayoutContentInner .iti .iti__selected-country, body.SubscriptionList .LayoutContentInner .iti .iti__selected-country, body.SavedCarts .LayoutContentInner .iti .iti__selected-country, body.EditDetails .LayoutContentInner .iti .iti__selected-country, body.ShippingAddress .LayoutContentInner .iti .iti__selected-country, body.PaymentMethod .LayoutContentInner .iti .iti__selected-country, body.Statement .LayoutContentInner .iti .iti__selected-country, body.OrderHistory .LayoutContentInner .iti .iti__selected-country, body.Profile .LayoutContentInner .iti .iti__selected-country, body.WishList .LayoutContentInner .iti .iti__selected-country, body.ShoppingCart .LayoutContentInner .iti .iti__selected-country:hover, body.OnePageCheckOut .LayoutContentInner .iti .iti__selected-country:hover, body.MyAccount .LayoutContentInner .iti .iti__selected-country:hover, body.Register .LayoutContentInner .iti .iti__selected-country:hover, body.LostPassword .LayoutContentInner .iti .iti__selected-country:hover, body.CustomerLogout .LayoutContentInner .iti .iti__selected-country:hover, body.EditLogin .LayoutContentInner .iti .iti__selected-country:hover, body.OrderList .LayoutContentInner .iti .iti__selected-country:hover, body.ViewOrder .LayoutContentInner .iti .iti__selected-country:hover, body.ProfileEdit .LayoutContentInner .iti .iti__selected-country:hover, body.BillingAddress .LayoutContentInner .iti .iti__selected-country:hover, body.SubscriptionList .LayoutContentInner .iti .iti__selected-country:hover, body.SavedCarts .LayoutContentInner .iti .iti__selected-country:hover, body.EditDetails .LayoutContentInner .iti .iti__selected-country:hover, body.ShippingAddress .LayoutContentInner .iti .iti__selected-country:hover, body.PaymentMethod .LayoutContentInner .iti .iti__selected-country:hover, body.Statement .LayoutContentInner .iti .iti__selected-country:hover, body.OrderHistory .LayoutContentInner .iti .iti__selected-country:hover, body.Profile .LayoutContentInner .iti .iti__selected-country:hover, body.WishList .LayoutContentInner .iti .iti__selected-country:hover { height: 100%; padding: 0 6px 0 16px; background: none; border: 0; border-radius: 999px 0 0 999px; } /* --- surfaces: Bootstrap wells and panels take the site's surface and radius --- */ body.ShoppingCart .LayoutContentInner .well, body.OnePageCheckOut .LayoutContentInner .well, body.MyAccount .LayoutContentInner .well, body.Register .LayoutContentInner .well, body.LostPassword .LayoutContentInner .well, body.CustomerLogout .LayoutContentInner .well, body.EditLogin .LayoutContentInner .well, body.OrderList .LayoutContentInner .well, body.ViewOrder .LayoutContentInner .well, body.ProfileEdit .LayoutContentInner .well, body.BillingAddress .LayoutContentInner .well, body.SubscriptionList .LayoutContentInner .well, body.SavedCarts .LayoutContentInner .well, body.EditDetails .LayoutContentInner .well, body.ShippingAddress .LayoutContentInner .well, body.PaymentMethod .LayoutContentInner .well, body.Statement .LayoutContentInner .well, body.OrderHistory .LayoutContentInner .well, body.Profile .LayoutContentInner .well, body.WishList .LayoutContentInner .well { background: var(--msi-surface); border: 0; border-radius: 24px; box-shadow: none; } body.ShoppingCart .LayoutContentInner .panel, body.OnePageCheckOut .LayoutContentInner .panel, body.MyAccount .LayoutContentInner .panel, body.Register .LayoutContentInner .panel, body.LostPassword .LayoutContentInner .panel, body.CustomerLogout .LayoutContentInner .panel, body.EditLogin .LayoutContentInner .panel, body.OrderList .LayoutContentInner .panel, body.ViewOrder .LayoutContentInner .panel, body.ProfileEdit .LayoutContentInner .panel, body.BillingAddress .LayoutContentInner .panel, body.SubscriptionList .LayoutContentInner .panel, body.SavedCarts .LayoutContentInner .panel, body.EditDetails .LayoutContentInner .panel, body.ShippingAddress .LayoutContentInner .panel, body.PaymentMethod .LayoutContentInner .panel, body.Statement .LayoutContentInner .panel, body.OrderHistory .LayoutContentInner .panel, body.Profile .LayoutContentInner .panel, body.WishList .LayoutContentInner .panel { border: 1px solid rgba(38, 45, 49, 0.2); border-radius: 24px; box-shadow: none; overflow: hidden; } body.ShoppingCart .LayoutContentInner .panel > .panel-heading, body.OnePageCheckOut .LayoutContentInner .panel > .panel-heading, body.MyAccount .LayoutContentInner .panel > .panel-heading, body.Register .LayoutContentInner .panel > .panel-heading, body.LostPassword .LayoutContentInner .panel > .panel-heading, body.CustomerLogout .LayoutContentInner .panel > .panel-heading, body.EditLogin .LayoutContentInner .panel > .panel-heading, body.OrderList .LayoutContentInner .panel > .panel-heading, body.ViewOrder .LayoutContentInner .panel > .panel-heading, body.ProfileEdit .LayoutContentInner .panel > .panel-heading, body.BillingAddress .LayoutContentInner .panel > .panel-heading, body.SubscriptionList .LayoutContentInner .panel > .panel-heading, body.SavedCarts .LayoutContentInner .panel > .panel-heading, body.EditDetails .LayoutContentInner .panel > .panel-heading, body.ShippingAddress .LayoutContentInner .panel > .panel-heading, body.PaymentMethod .LayoutContentInner .panel > .panel-heading, body.Statement .LayoutContentInner .panel > .panel-heading, body.OrderHistory .LayoutContentInner .panel > .panel-heading, body.Profile .LayoutContentInner .panel > .panel-heading, body.WishList .LayoutContentInner .panel > .panel-heading { padding: 16px 24px; background: none; border-bottom: 1px solid rgba(38, 45, 49, 0.2); color: #000; } body.ShoppingCart .LayoutContentInner h3.panel-heading, body.OnePageCheckOut .LayoutContentInner h3.panel-heading, body.MyAccount .LayoutContentInner h3.panel-heading, body.Register .LayoutContentInner h3.panel-heading, body.LostPassword .LayoutContentInner h3.panel-heading, body.CustomerLogout .LayoutContentInner h3.panel-heading, body.EditLogin .LayoutContentInner h3.panel-heading, body.OrderList .LayoutContentInner h3.panel-heading, body.ViewOrder .LayoutContentInner h3.panel-heading, body.ProfileEdit .LayoutContentInner h3.panel-heading, body.BillingAddress .LayoutContentInner h3.panel-heading, body.SubscriptionList .LayoutContentInner h3.panel-heading, body.SavedCarts .LayoutContentInner h3.panel-heading, body.EditDetails .LayoutContentInner h3.panel-heading, body.ShippingAddress .LayoutContentInner h3.panel-heading, body.PaymentMethod .LayoutContentInner h3.panel-heading, body.Statement .LayoutContentInner h3.panel-heading, body.OrderHistory .LayoutContentInner h3.panel-heading, body.Profile .LayoutContentInner h3.panel-heading, body.WishList .LayoutContentInner h3.panel-heading { font-size: 24px; font-weight: 500; line-height: 1.2; letter-spacing: normal; } body.ShoppingCart .LayoutContentInner .panel-body, body.OnePageCheckOut .LayoutContentInner .panel-body, body.MyAccount .LayoutContentInner .panel-body, body.Register .LayoutContentInner .panel-body, body.LostPassword .LayoutContentInner .panel-body, body.CustomerLogout .LayoutContentInner .panel-body, body.EditLogin .LayoutContentInner .panel-body, body.OrderList .LayoutContentInner .panel-body, body.ViewOrder .LayoutContentInner .panel-body, body.ProfileEdit .LayoutContentInner .panel-body, body.BillingAddress .LayoutContentInner .panel-body, body.SubscriptionList .LayoutContentInner .panel-body, body.SavedCarts .LayoutContentInner .panel-body, body.EditDetails .LayoutContentInner .panel-body, body.ShippingAddress .LayoutContentInner .panel-body, body.PaymentMethod .LayoutContentInner .panel-body, body.Statement .LayoutContentInner .panel-body, body.OrderHistory .LayoutContentInner .panel-body, body.Profile .LayoutContentInner .panel-body, body.WishList .LayoutContentInner .panel-body { padding: 24px; } /* --- tables --- */ body.ShoppingCart .LayoutContentInner .table > thead > tr > th, body.OnePageCheckOut .LayoutContentInner .table > thead > tr > th, body.MyAccount .LayoutContentInner .table > thead > tr > th, body.Register .LayoutContentInner .table > thead > tr > th, body.LostPassword .LayoutContentInner .table > thead > tr > th, body.CustomerLogout .LayoutContentInner .table > thead > tr > th, body.EditLogin .LayoutContentInner .table > thead > tr > th, body.OrderList .LayoutContentInner .table > thead > tr > th, body.ViewOrder .LayoutContentInner .table > thead > tr > th, body.ProfileEdit .LayoutContentInner .table > thead > tr > th, body.BillingAddress .LayoutContentInner .table > thead > tr > th, body.SubscriptionList .LayoutContentInner .table > thead > tr > th, body.SavedCarts .LayoutContentInner .table > thead > tr > th, body.EditDetails .LayoutContentInner .table > thead > tr > th, body.ShippingAddress .LayoutContentInner .table > thead > tr > th, body.PaymentMethod .LayoutContentInner .table > thead > tr > th, body.Statement .LayoutContentInner .table > thead > tr > th, body.OrderHistory .LayoutContentInner .table > thead > tr > th, body.Profile .LayoutContentInner .table > thead > tr > th, body.WishList .LayoutContentInner .table > thead > tr > th { padding: 12px 8px; font-size: 16px; font-weight: 600; line-height: 1.4; color: #020202; border-bottom: 1px solid rgba(38, 45, 49, 0.2); } body.ShoppingCart .LayoutContentInner .table > tbody > tr > td, body.OnePageCheckOut .LayoutContentInner .table > tbody > tr > td, body.MyAccount .LayoutContentInner .table > tbody > tr > td, body.Register .LayoutContentInner .table > tbody > tr > td, body.LostPassword .LayoutContentInner .table > tbody > tr > td, body.CustomerLogout .LayoutContentInner .table > tbody > tr > td, body.EditLogin .LayoutContentInner .table > tbody > tr > td, body.OrderList .LayoutContentInner .table > tbody > tr > td, body.ViewOrder .LayoutContentInner .table > tbody > tr > td, body.ProfileEdit .LayoutContentInner .table > tbody > tr > td, body.BillingAddress .LayoutContentInner .table > tbody > tr > td, body.SubscriptionList .LayoutContentInner .table > tbody > tr > td, body.SavedCarts .LayoutContentInner .table > tbody > tr > td, body.EditDetails .LayoutContentInner .table > tbody > tr > td, body.ShippingAddress .LayoutContentInner .table > tbody > tr > td, body.PaymentMethod .LayoutContentInner .table > tbody > tr > td, body.Statement .LayoutContentInner .table > tbody > tr > td, body.OrderHistory .LayoutContentInner .table > tbody > tr > td, body.Profile .LayoutContentInner .table > tbody > tr > td, body.WishList .LayoutContentInner .table > tbody > tr > td, body.ShoppingCart .LayoutContentInner .table > tr > td, body.OnePageCheckOut .LayoutContentInner .table > tr > td, body.MyAccount .LayoutContentInner .table > tr > td, body.Register .LayoutContentInner .table > tr > td, body.LostPassword .LayoutContentInner .table > tr > td, body.CustomerLogout .LayoutContentInner .table > tr > td, body.EditLogin .LayoutContentInner .table > tr > td, body.OrderList .LayoutContentInner .table > tr > td, body.ViewOrder .LayoutContentInner .table > tr > td, body.ProfileEdit .LayoutContentInner .table > tr > td, body.BillingAddress .LayoutContentInner .table > tr > td, body.SubscriptionList .LayoutContentInner .table > tr > td, body.SavedCarts .LayoutContentInner .table > tr > td, body.EditDetails .LayoutContentInner .table > tr > td, body.ShippingAddress .LayoutContentInner .table > tr > td, body.PaymentMethod .LayoutContentInner .table > tr > td, body.Statement .LayoutContentInner .table > tr > td, body.OrderHistory .LayoutContentInner .table > tr > td, body.Profile .LayoutContentInner .table > tr > td, body.WishList .LayoutContentInner .table > tr > td { border-top: 1px solid rgba(38, 45, 49, 0.2); } /* --- errors and required marks: style.css draws them in #df8f8e (2.5:1 on white); Bootstrap's danger red reads at 7:1 --- */ body.ShoppingCart .LayoutContentInner .ErrorText, body.OnePageCheckOut .LayoutContentInner .ErrorText, body.MyAccount .LayoutContentInner .ErrorText, body.Register .LayoutContentInner .ErrorText, body.LostPassword .LayoutContentInner .ErrorText, body.CustomerLogout .LayoutContentInner .ErrorText, body.EditLogin .LayoutContentInner .ErrorText, body.OrderList .LayoutContentInner .ErrorText, body.ViewOrder .LayoutContentInner .ErrorText, body.ProfileEdit .LayoutContentInner .ErrorText, body.BillingAddress .LayoutContentInner .ErrorText, body.SubscriptionList .LayoutContentInner .ErrorText, body.SavedCarts .LayoutContentInner .ErrorText, body.EditDetails .LayoutContentInner .ErrorText, body.ShippingAddress .LayoutContentInner .ErrorText, body.PaymentMethod .LayoutContentInner .ErrorText, body.Statement .LayoutContentInner .ErrorText, body.OrderHistory .LayoutContentInner .ErrorText, body.Profile .LayoutContentInner .ErrorText, body.WishList .LayoutContentInner .ErrorText, body.ShoppingCart .LayoutContentInner .text-danger, body.OnePageCheckOut .LayoutContentInner .text-danger, body.MyAccount .LayoutContentInner .text-danger, body.Register .LayoutContentInner .text-danger, body.LostPassword .LayoutContentInner .text-danger, body.CustomerLogout .LayoutContentInner .text-danger, body.EditLogin .LayoutContentInner .text-danger, body.OrderList .LayoutContentInner .text-danger, body.ViewOrder .LayoutContentInner .text-danger, body.ProfileEdit .LayoutContentInner .text-danger, body.BillingAddress .LayoutContentInner .text-danger, body.SubscriptionList .LayoutContentInner .text-danger, body.SavedCarts .LayoutContentInner .text-danger, body.EditDetails .LayoutContentInner .text-danger, body.ShippingAddress .LayoutContentInner .text-danger, body.PaymentMethod .LayoutContentInner .text-danger, body.Statement .LayoutContentInner .text-danger, body.OrderHistory .LayoutContentInner .text-danger, body.Profile .LayoutContentInner .text-danger, body.WishList .LayoutContentInner .text-danger, body.ShoppingCart .LayoutContentInner .RequiredField, body.OnePageCheckOut .LayoutContentInner .RequiredField, body.MyAccount .LayoutContentInner .RequiredField, body.Register .LayoutContentInner .RequiredField, body.LostPassword .LayoutContentInner .RequiredField, body.CustomerLogout .LayoutContentInner .RequiredField, body.EditLogin .LayoutContentInner .RequiredField, body.OrderList .LayoutContentInner .RequiredField, body.ViewOrder .LayoutContentInner .RequiredField, body.ProfileEdit .LayoutContentInner .RequiredField, body.BillingAddress .LayoutContentInner .RequiredField, body.SubscriptionList .LayoutContentInner .RequiredField, body.SavedCarts .LayoutContentInner .RequiredField, body.EditDetails .LayoutContentInner .RequiredField, body.ShippingAddress .LayoutContentInner .RequiredField, body.PaymentMethod .LayoutContentInner .RequiredField, body.Statement .LayoutContentInner .RequiredField, body.OrderHistory .LayoutContentInner .RequiredField, body.Profile .LayoutContentInner .RequiredField, body.WishList .LayoutContentInner .RequiredField, body.ShoppingCart .LayoutContentInner .ShoppingCartError, body.OnePageCheckOut .LayoutContentInner .ShoppingCartError, body.MyAccount .LayoutContentInner .ShoppingCartError, body.Register .LayoutContentInner .ShoppingCartError, body.LostPassword .LayoutContentInner .ShoppingCartError, body.CustomerLogout .LayoutContentInner .ShoppingCartError, body.EditLogin .LayoutContentInner .ShoppingCartError, body.OrderList .LayoutContentInner .ShoppingCartError, body.ViewOrder .LayoutContentInner .ShoppingCartError, body.ProfileEdit .LayoutContentInner .ShoppingCartError, body.BillingAddress .LayoutContentInner .ShoppingCartError, body.SubscriptionList .LayoutContentInner .ShoppingCartError, body.SavedCarts .LayoutContentInner .ShoppingCartError, body.EditDetails .LayoutContentInner .ShoppingCartError, body.ShippingAddress .LayoutContentInner .ShoppingCartError, body.PaymentMethod .LayoutContentInner .ShoppingCartError, body.Statement .LayoutContentInner .ShoppingCartError, body.OrderHistory .LayoutContentInner .ShoppingCartError, body.Profile .LayoutContentInner .ShoppingCartError, body.WishList .LayoutContentInner .ShoppingCartError, body.ShoppingCart .LayoutContentInner #dvMessageControls .ErrorText, body.OnePageCheckOut .LayoutContentInner #dvMessageControls .ErrorText, body.MyAccount .LayoutContentInner #dvMessageControls .ErrorText, body.Register .LayoutContentInner #dvMessageControls .ErrorText, body.LostPassword .LayoutContentInner #dvMessageControls .ErrorText, body.CustomerLogout .LayoutContentInner #dvMessageControls .ErrorText, body.EditLogin .LayoutContentInner #dvMessageControls .ErrorText, body.OrderList .LayoutContentInner #dvMessageControls .ErrorText, body.ViewOrder .LayoutContentInner #dvMessageControls .ErrorText, body.ProfileEdit .LayoutContentInner #dvMessageControls .ErrorText, body.BillingAddress .LayoutContentInner #dvMessageControls .ErrorText, body.SubscriptionList .LayoutContentInner #dvMessageControls .ErrorText, body.SavedCarts .LayoutContentInner #dvMessageControls .ErrorText, body.EditDetails .LayoutContentInner #dvMessageControls .ErrorText, body.ShippingAddress .LayoutContentInner #dvMessageControls .ErrorText, body.PaymentMethod .LayoutContentInner #dvMessageControls .ErrorText, body.Statement .LayoutContentInner #dvMessageControls .ErrorText, body.OrderHistory .LayoutContentInner #dvMessageControls .ErrorText, body.Profile .LayoutContentInner #dvMessageControls .ErrorText, body.WishList .LayoutContentInner #dvMessageControls .ErrorText { color: #a94442; } /* ======================= cart ======================= */ body.ShoppingCart .ShoppingCartTable .ItemName a { font-size: 16px; font-weight: 600; line-height: 1.4; color: #000; } body.ShoppingCart .ShoppingCartTable .ItemName a:hover { color: var(--msi-blue); } body.ShoppingCart .ShoppingCartTable .ItemNumber { margin-top: 4px; font-size: 14px; line-height: 1.4; color: var(--msi-ink-2); } body.ShoppingCart .ShoppingCartTable .thumbnail { padding: 0; border: 1px solid rgba(38, 45, 49, 0.2); border-radius: 16px; overflow: hidden; } /* the store serves 72x72 thumbnails (productpicturewidth="72") */ body.ShoppingCart .ShoppingCartTable img.ShoppingCartThumbnail { width: 72px; height: 72px; object-fit: contain; } body.ShoppingCart .ShoppingCartTable .RemoveFromCartLink, body.ShoppingCart .ShoppingCartTable .UpdateButton a { font-size: 14px; font-weight: 600; line-height: 1.4; color: var(--msi-blue-bright); } body.ShoppingCart .ShoppingCartTable .ShoppingCartPrice, body.ShoppingCart .LayoutContentInner .LineItemPrice { color: var(--msi-ink); font-weight: 600; } /* the qty box keeps the platform's spinner chevrons at its right edge */ body.ShoppingCart .ShoppingCartTable input.ShoppingCartQtyTextbox { width: 72px; padding: 0 12px; text-align: center; } body.ShoppingCart .SubTotal, body.ShoppingCart .ShoppingCartCouponCode h3 { font-family: var(--msi-font); font-size: 20px; font-weight: 600; line-height: 1.3; letter-spacing: normal; text-transform: none; color: #000; } body.ShoppingCart .LayoutContentInner .OrderTotal strong { font-size: 18px; font-weight: 600; color: #000; } body.ShoppingCart .LayoutContentInner .ShippingSelect .col-sm-7 { float: none; width: 100%; } body.ShoppingCart .LayoutContentInner .ShippingSelect select { width: 100%; } body.ShoppingCart .LayoutContentInner .CouponEntry input[type="text"] { width: 100%; } body.ShoppingCart .ShoppingCartButtons .well { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; } body.ShoppingCart .PayWith { border: 1px solid rgba(38, 45, 49, 0.2); border-radius: 24px; } body.ShoppingCart .PayWith > strong { font-style: normal; font-weight: 600; color: var(--msi-ink); } /* the store leaves express-checkout slots empty when no button loads; they collapse until one fills. PayPal draws into #paypal-button-container, so its wrapper keeps its box (a display:none parent can break the SDK's sizing) and only drops its padding; !important: the store's inline style="padding:10px" */ body.ShoppingCart .PayWith > div[style*="padding"]:empty, body.ShoppingCart .PayWith > .PayPalOrBillMeLaterText:empty, body.ShoppingCart .PayWith > p:empty { display: none; } body.ShoppingCart .PayWith > div[style*="padding"]:has(> #paypal-button-container:empty):not(:has(> .payapl-waiting:not([style*="none"]))) { padding: 0 !important; } /* --- cart on phones (Diego 2026-09-23): each line is a card, no sideways scroll --- row 1 thumbnail + name, row 2 unit price / quantity / Remove, row 3 line total. The first cell, its padding wrapper and .ProductInfo become display: contents so Remove can join row 2. */ @media (max-width: 767px) { body.ShoppingCart .LayoutContentInner .table-responsive { overflow: visible; margin-bottom: 24px; border: 0; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable, body.ShoppingCart .LayoutContentInner .ShoppingCartTable > tbody { display: block; } /* the column headers are repeated inside each card (Unit Price, Total); kept for screen readers */ body.ShoppingCart .LayoutContentInner .ShoppingCartTable > thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable > tbody > tr { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; column-gap: 12px; align-items: center; padding: 24px 0; border-top: 1px solid rgba(38, 45, 49, 0.2); } body.ShoppingCart .LayoutContentInner .ShoppingCartTable > tbody > tr:last-child { border-bottom: 1px solid rgba(38, 45, 49, 0.2); } body.ShoppingCart .LayoutContentInner .ShoppingCartTable > tbody > tr > td { display: block; width: auto; padding: 0; border: 0; white-space: normal; text-align: left; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable > tbody > tr > td:first-child, body.ShoppingCart .LayoutContentInner .ShoppingCartTable > tbody > tr > td:first-child > div, body.ShoppingCart .LayoutContentInner .ShoppingCartTable .ProductInfo { display: contents; } /* .pad-20 { padding: 20px !important } and .no-pad-lr (deputy.css:34, :1029) sit on every cell's wrapper */ body.ShoppingCart .LayoutContentInner .ShoppingCartTable > tbody > tr > td > .pad-20 { padding: 0 !important; } /* style.css:359-360 centres each price and the quantity in a 75px table cell */ body.ShoppingCart .LayoutContentInner .ShoppingCartTable .CartItemPriceArea, body.ShoppingCart .LayoutContentInner .ShoppingCartTable .CartItemTotalArea, body.ShoppingCart .LayoutContentInner .ShoppingCartTable .CartUpdateItemArea, body.ShoppingCart .LayoutContentInner .ShoppingCartTable .CartItemPriceArea > div, body.ShoppingCart .LayoutContentInner .ShoppingCartTable .CartItemTotalArea > div, body.ShoppingCart .LayoutContentInner .ShoppingCartTable .CartUpdateItemArea > div { display: block; height: auto; margin: 0; text-align: left; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable .ShoppingCartChildBranch { grid-column: 1 / -1; grid-row: 1; float: none; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable .dvChkSelect { grid-column: 1 / -1; grid-row: 2; } /* .m-20.m-r-only { margin... !important } (deputy.css:323, :1024) */ body.ShoppingCart .LayoutContentInner .ShoppingCartTable a.thumbnail { grid-column: 1; grid-row: 3 / span 7; align-self: start; float: none; margin: 0 !important; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable .ItemName { grid-column: 2 / -1; grid-row: 3; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable .ItemName a { display: block; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable .CallForShipping { grid-column: 2 / -1; grid-row: 4; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable .ItemNumber { grid-column: 2 / -1; grid-row: 5; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable .ProductInfo > span { grid-column: 2 / -1; grid-row: 6; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable .Variants { grid-column: 2 / -1; grid-row: 7; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable .Personalizations { grid-column: 2 / -1; grid-row: 8; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable .SaveForLaterLink { grid-column: 2 / -1; grid-row: 9; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable td:first-child > div > .clearfix { grid-column: 1 / -1; grid-row: 10; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable td.ShoppingCartSpacer { grid-column: 1 / -1; grid-row: 1; } /* row 2: unit price, quantity, Remove */ body.ShoppingCart .LayoutContentInner .ShoppingCartTable > tbody > tr > td.ShoppingCartPrice:nth-child(3), body.ShoppingCart .LayoutContentInner .ShoppingCartTable > tbody > tr > td.ShoppingCartQuantity, body.ShoppingCart .LayoutContentInner .ShoppingCartTable .RemoveFromCartLink { grid-row: 11; margin-top: 16px; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable > tbody > tr > td.ShoppingCartPrice:nth-child(3) { grid-column: 1; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable > tbody > tr > td.ShoppingCartQuantity { grid-column: 2; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable .RemoveFromCartLink { grid-column: 3; display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable > tbody > tr > td.ShoppingCartPrice:nth-child(3)::before, body.ShoppingCart .LayoutContentInner .ShoppingCartTable > tbody > tr > td.ShoppingCartPrice:last-child::before { font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--msi-ink-2); } body.ShoppingCart .LayoutContentInner .ShoppingCartTable > tbody > tr > td.ShoppingCartPrice:nth-child(3)::before { content: "Unit Price"; display: block; } /* row 3: line total */ body.ShoppingCart .LayoutContentInner .ShoppingCartTable > tbody > tr > td.ShoppingCartPrice:last-child { grid-column: 1 / -1; grid-row: 12; display: flex; align-items: center; justify-content: space-between; margin-top: 16px; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable > tbody > tr > td.ShoppingCartPrice:last-child::before { content: "Total"; } /* quantity: a [down] [n] [up] stepper with 44px targets; the platform's QtySpinner.js writes the chevrons' position and size as inline styles, so only !important moves them */ body.ShoppingCart .LayoutContentInner .ShoppingCartTable .qty-wrapper { display: flex; flex-wrap: wrap; align-items: center; column-gap: 8px; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable .qty-spinner { margin: 0 44px !important; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable input.ShoppingCartQtyTextbox { width: 56px; padding: 0 8px; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable .qty-spinner > a.abs { top: 0 !important; bottom: 0 !important; width: 44px !important; margin: 0 !important; display: flex; align-items: center; justify-content: center; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable .qty-spinner > a.icon-chevron-down { left: auto !important; right: 100%; } body.ShoppingCart .LayoutContentInner .ShoppingCartTable .UpdateButton a { display: inline-flex; align-items: center; min-height: 44px; } /* the coupon heading is the tap target that opens the coupon field */ body.ShoppingCart .ShoppingCartCouponCode h3 { display: flex; align-items: center; min-height: 44px; margin: 0; cursor: pointer; } } /* --- wish list on phones (Diego 2026-09-23): the cart's card, same three rows --- Its rows have no .pad-20 wrapper and carry Shipping Code / Purchased cells and the move buttons, which get rows of their own. */ @media (max-width: 767px) { body.WishList .LayoutContentInner div:has(> table.ShoppingCartTable) { overflow: visible; } body.WishList .LayoutContentInner .ShoppingCartTable, body.WishList .LayoutContentInner .ShoppingCartTable > tbody { display: block; } /* the column headers are repeated inside each card (Unit Price, Total); kept for screen readers */ body.WishList .LayoutContentInner .ShoppingCartTable > thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } body.WishList .LayoutContentInner .ShoppingCartTable > tbody > tr#trSelectAll { display: block; padding: 12px 0; } body.WishList .LayoutContentInner .ShoppingCartTable > tbody > tr#trSelectAll > td { display: block; padding: 0; border: 0; } body.WishList .LayoutContentInner #trSelectAll .ShoppingHTML17865 { display: flex; align-items: center; gap: 12px; min-height: 44px; } /* the select boxes' text is not a