/* My account (Elementor's My Account widget) in the site's look, as the basket and checkout, with a "Your account / My
   account" heading (account.js), 20px under the header and 110px above the footer as those pages.
   Signed out (body without .logged-in): Login and Register in grey rounded panels, white rounded fields, red pill
   buttons, links with one red underline.
   Signed in (1.0.2, body.logged-in, further down): the tabs as pills (the page you're on red, Logout on its own), each
   tab's content in one grey panel, tables and forms in Poppins (they were Roboto) with the same fields and buttons. */
.ac-head { margin: 0 0 22px; }
.ac-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 12px; color: #e50914; font: 600 12px Poppins, sans-serif; letter-spacing: .2em; text-transform: uppercase; }
.ac-eyebrow::before { content: ""; width: 28px; height: 2px; background: #e50914; }
.ac-head h1 { margin: 0; color: #000; font: 900 44px/1.05 "Varela Round", sans-serif; letter-spacing: -.015em; }
/* the page */
html body.woocommerce-account:not(.logged-in) .elementor-widget-woocommerce-my-account > .elementor-widget-container { margin-top: 20px !important; }
html body.woocommerce-account:not(.logged-in) .elementor-widget-woocommerce-my-account { padding-bottom: 110px !important; margin-top: 20px !important; } /* (1.0.1) Elementor set 50px above it; 20px, so the heading sits 20px under the header, as the basket and checkout (this widget has no inner .elementor-widget-container for the 20px) */
/* Login and Register: two grey panels (one above the other on phones) */
html body.woocommerce-account:not(.logged-in) .woocommerce .u-columns.col2-set { display: grid !important; grid-template-columns: 1fr 1fr; gap: 28px; }
html body.woocommerce-account:not(.logged-in) .woocommerce .u-columns.col2-set::before, html body.woocommerce-account:not(.logged-in) .woocommerce .u-columns.col2-set::after { display: none !important; }
html body.woocommerce-account:not(.logged-in) .woocommerce .u-columns > div { float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 28px !important; border-radius: 20px; background: #f5f5f7; }
html body.woocommerce-account:not(.logged-in) .woocommerce .u-columns h2 { margin: 0 0 18px !important; color: #000 !important; font: 900 24px "Varela Round", sans-serif !important; text-transform: none !important; }
html body.woocommerce-account:not(.logged-in) .woocommerce form.login, html body.woocommerce-account:not(.logged-in) .woocommerce form.register { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; height: auto !important; } /* (Elementor's script sets both forms to one height: on phones the shorter panel had empty space) */
/* fields: white, rounded, black text */
html body.woocommerce-account:not(.logged-in) .woocommerce form .form-row { margin: 0 0 14px !important; padding: 0 !important; }
html body.woocommerce-account:not(.logged-in) .woocommerce form .form-row label:not(.woocommerce-form__label-for-checkbox) { display: block; margin: 0 0 6px !important; color: #000 !important; font: 500 15px Poppins, sans-serif !important; line-height: 1.4 !important; }
html body.woocommerce-account:not(.logged-in) .woocommerce form .form-row .required { color: #e50914 !important; text-decoration: none !important; border: 0 !important; }
html body.woocommerce-account:not(.logged-in) .woocommerce form .form-row input.input-text { height: 50px !important; padding: 0 16px !important; border: 2px solid #e4e4e8 !important; border-radius: 12px !important; background: #fff !important; color: #000 !important; -webkit-text-fill-color: #000 !important; font: 400 16px Poppins, sans-serif !important; box-shadow: none !important; }
html body.woocommerce-account:not(.logged-in) .woocommerce form .form-row input.input-text:focus { border-color: #e50914 !important; outline: 0 !important; }
html body.woocommerce-account:not(.logged-in) .woocommerce form .form-row .password-input { display: block; position: relative; }
html body.woocommerce-account:not(.logged-in) .woocommerce form .form-row .show-password-input { top: 50% !important; right: 14px !important; transform: translateY(-50%); }
/* Log in, then Remember me beside it */
html body.woocommerce-account:not(.logged-in) .woocommerce form.login .form-row:has(.woocommerce-form-login__submit) { display: flex !important; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-top: 6px !important; }
/* (WooCommerce's clearfix pieces would count as items in that row and push the button in) */
html body.woocommerce-account:not(.logged-in) .woocommerce form.login .form-row:has(.woocommerce-form-login__submit)::before, html body.woocommerce-account:not(.logged-in) .woocommerce form.login .form-row:has(.woocommerce-form-login__submit)::after { display: none !important; }
html body.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login__rememberme { order: 2; display: inline-flex !important; align-items: center; gap: 8px; margin: 0 !important; color: #555 !important; font: 400 14px Poppins, sans-serif !important; }
html body.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login__submit, html body.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-register__submit { order: 1; margin: 0 !important; padding: 14px 34px !important; border: 0 !important; border-radius: 999px !important; background: #e50914 !important; color: #fff !important; font: 600 15px Poppins, sans-serif !important; }
html body.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login__submit:hover, html body.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-register__submit:hover { background: #c80711 !important; }
html body.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-LostPassword { margin: 16px 0 0 !important; font: 400 14px Poppins, sans-serif !important; }
/* links: one red underline (the site's custom CSS underlines the account page's links) */
html body.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-LostPassword a:not(.button), html body.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-privacy-policy-text a:not(.button) { color: #000 !important; font-weight: 600 !important; text-decoration: none !important; border-bottom: 2px solid #e50914; }
html body.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-privacy-policy-text, html body.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-privacy-policy-text p { margin: 0 0 18px !important; color: #555 !important; font: 400 14px/1.6 Poppins, sans-serif !important; }
html body.woocommerce-account:not(.logged-in) .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button { margin: 0 0 18px !important; }
/* tablets and phones: the pages' 88%, as the basket and checkout */
@media (max-width: 1024px) { html body.woocommerce-account:not(.logged-in) .elementor-widget-woocommerce-my-account { padding-left: 6% !important; padding-right: 6% !important; } }
@media (max-width: 767px) {
  .ac-head h1 { font-size: 34px; }
  html body.woocommerce-account:not(.logged-in) .woocommerce .u-columns.col2-set { grid-template-columns: 1fr; gap: 20px; }
  html body.woocommerce-account:not(.logged-in) .woocommerce .u-columns > div { padding: 22px 18px !important; }
  html body.woocommerce-account:not(.logged-in) .elementor-widget-woocommerce-my-account { padding-bottom: 72px !important; }
}

/* ---- signed in: the dashboard, Orders, Downloads, Addresses, Payment methods, Account Details, VAT Number ---- */
html body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account { margin-top: 20px !important; padding-bottom: 110px !important; }
/* the tabs: a row of pills, the page you're on in red */
html body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul { display: flex !important; flex-wrap: wrap; justify-content: flex-start !important; gap: 8px; margin: 0 !important; padding: 0 !important; list-style: none; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li { flex: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a { display: block; padding: 11px 20px !important; border: 0 !important; border-radius: 999px !important; background: #e9e9ec !important; color: #000 !important; font: 500 14px/1.2 Poppins, sans-serif !important; text-decoration: none !important; white-space: nowrap; transition: background-color .2s, color .2s, box-shadow .2s; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a:hover { box-shadow: inset 0 0 0 2px #e50914; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active a { background: #e50914 !important; color: #fff !important; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout { margin-left: auto !important; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a { background: #fff !important; box-shadow: inset 0 0 0 2px #e4e4e8; }
/* the page's content: one grey rounded panel (as the basket's and checkout's), no lines */
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content { margin-top: 20px !important; padding: 28px !important; border-radius: 20px; background: #f5f5f7; color: #000; font: 400 16px/1.6 Poppins, sans-serif; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content > form, html body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-EditAccountForm, html body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
/* Elementor draws a white bordered box round each tab's content (its content-wrapper) */
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content p { color: #000; font: 400 16px/1.6 Poppins, sans-serif; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content h2, html body.woocommerce-account.logged-in .woocommerce-MyAccount-content h3, html body.woocommerce-account.logged-in .woocommerce-MyAccount-content legend { margin: 8px 0 16px !important; padding: 0 !important; color: #000 !important; font: 900 22px "Varela Round", sans-serif !important; text-transform: none !important; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content fieldset { margin: 18px 0 0 !important; padding: 0 !important; border: 0 !important; }
/* links: one red underline (the site's custom CSS underlines every account link) */
html body.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content a:not(.button) { color: #000 !important; font-weight: 600 !important; text-decoration: none !important; border-bottom: 2px solid #e50914; }
/* fields: white, rounded, black text, bold labels (as signed out) */
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content .form-row { margin: 0 0 14px !important; padding: 0 !important; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content .form-row label { display: block; margin: 0 0 6px !important; color: #000 !important; font: 500 15px Poppins, sans-serif !important; line-height: 1.4 !important; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content .form-row .required { color: #e50914 !important; text-decoration: none !important; border: 0 !important; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content .form-row input.input-text, html body.woocommerce-account.logged-in .woocommerce-MyAccount-content .form-row select, html body.woocommerce-account.logged-in .woocommerce-MyAccount-content .select2-container .select2-selection--single { height: 50px !important; padding: 0 16px !important; border: 2px solid #e4e4e8 !important; border-radius: 12px !important; background: #fff !important; color: #000 !important; -webkit-text-fill-color: #000 !important; font: 400 16px Poppins, sans-serif !important; box-shadow: none !important; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content .form-row input.input-text:focus { border-color: #e50914 !important; outline: 0 !important; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content .form-row .password-input { display: block; position: relative; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content .form-row .show-password-input { top: 50% !important; right: 14px !important; transform: translateY(-50%); }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content .form-row em, html body.woocommerce-account.logged-in .woocommerce-MyAccount-content .form-row span#account_display_name_description { display: block; margin-top: 6px; color: #8a8a90; font: italic 400 13px Poppins, sans-serif; }
/* tables (Orders, Downloads, Payment methods): no box, light lines, the basket's sizes */
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table { width: 100%; margin: 0 !important; border: 0 !important; border-collapse: collapse !important; border-radius: 0 !important; background: none !important; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table th { padding: 0 12px 12px 0 !important; border: 0 !important; border-bottom: 1px solid #e4e4e8 !important; background: none !important; color: #555 !important; font: 500 13px Poppins, sans-serif !important; text-align: left; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table td { padding: 14px 12px 14px 0 !important; border: 0 !important; border-bottom: 1px solid #e4e4e8 !important; background: none !important; color: #000 !important; font: 400 15px Poppins, sans-serif !important; vertical-align: middle; }
/* (the order number is a header cell in each row) */
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table tbody th { padding: 14px 12px 14px 0 !important; color: #000 !important; font: 400 15px Poppins, sans-serif !important; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table tr:last-child td, html body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table tr:last-child th { border-bottom: 0 !important; }
/* an order's page: Subtotal, VAT and Total lined up with their amounts, Total in bold; space above Order again */
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table tfoot th, html body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table tfoot td { padding: 12px 12px 12px 0 !important; border: 0 !important; border-top: 1px solid #e4e4e8 !important; vertical-align: baseline !important; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table tfoot th { color: #555 !important; font: 400 15px Poppins, sans-serif !important; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table tfoot tr:last-child th, html body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table tfoot tr:last-child td { color: #000 !important; font-weight: 600 !important; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content .order-again { margin: 18px 0 0 !important; }
/* buttons: red pills (View, Download, Save changes, Add payment method) */
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button, html body.woocommerce-account.logged-in .woocommerce-MyAccount-content button[type="submit"] { display: inline-block; margin: 0 !important; padding: 11px 24px !important; border: 0 !important; border-radius: 999px !important; background: #e50914 !important; color: #fff !important; font: 600 14px Poppins, sans-serif !important; text-decoration: none !important; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button:hover, html body.woocommerce-account.logged-in .woocommerce-MyAccount-content button[type="submit"]:hover { background: #c80711 !important; }
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content form button[type="submit"] { margin-top: 8px !important; padding: 14px 34px !important; font-size: 15px !important; }
/* tablets and phones: the pages' 88%; on phones smaller tabs, a smaller panel padding, and each order's number shown on
   top of it (WooCommerce hides it on small screens) with a line between orders */
@media (max-width: 1024px) { html body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account { padding-left: 6% !important; padding-right: 6% !important; } }
@media (max-width: 767px) {
  html body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul { gap: 6px; }
  html body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a { padding: 9px 15px !important; font-size: 13px !important; }
  html body.woocommerce-account.logged-in .woocommerce-MyAccount-content { padding: 22px 18px !important; }
  html body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account { padding-bottom: 72px !important; }
  html body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table_responsive tbody th { display: block !important; padding: 18px 0 6px !important; border: 0 !important; border-top: 2px solid #e4e4e8 !important; font: 600 16px Poppins, sans-serif !important; text-align: left !important; }
  html body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table_responsive tbody tr:first-child th { border-top: 0 !important; padding-top: 0 !important; }
  html body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table_responsive tbody td { padding: 10px 0 !important; }
}
/* (1.0.4) No page fade onto My account pages: each tab is a new page, and Header's crossfade between pages of different
   heights made the panel and footer seem to slide up and down (owner, still after Header 1.0.34 took the footer out of
   the fade). Loaded only on account pages, so only arriving here swaps at once; the rest of the site keeps its fade. */
::view-transition-old(root), ::view-transition-new(root) { animation: none !important; }
::view-transition-old(root) { opacity: 0 !important; }

/* (1.0.10) (owner, 25 Oct 2026: the top of every page as the shop's) on computers: "Your account" 32px under the header (was 30), its size and line the site's label rule
   (12px at 1512 to 19px; it stayed 12), "My account" 8px under it (10 at 2K) at the site's heading size (44px at 1512 to 64px;
   it stayed 44), and the panels 24px under it (were 39). Measured at 1512 and 2560. */
@media (min-width: 1025px) {
  html body .ac-head { margin: 13px 0 7px !important; }
  html body .ac-eyebrow { display: flex !important; width: max-content; font-size: clamp(12px, calc(12px + (100vw - 1512px) * .0028), 19px) !important; line-height: 1.3 !important; gap: .834em !important; margin: 0 0 .985em !important; }
  html body .ac-eyebrow::before { flex: none; width: 2.334em !important; height: max(2px, .167em) !important; }
  html body .ac-head h1 { font-size: clamp(44px, calc(44px + (100vw - 1512px) * .00763), 64px) !important; line-height: 1.05 !important; }
}