/* Dr. Pepti My Account: restyles the standard WooCommerce My Account markup ([woocommerce_my_account] shortcode) inside .drp-account.
   Figma desktop: login 300:13006, dashboard 300:14128, orders 300:15265, no orders 309:23952, downloads 300:17311, no downloads 300:16328,
   addresses 300:18289, payment methods 300:20154, no payment methods 300:19223, account details 300:21064, new password 309:22046.
   Figma mobile: login 309:22993, menu 314:25241, dashboard 315:26266, no orders 315:27044, orders 315:27776, downloads 315:30052,
   no downloads 315:28506, addresses 315:30815, no payment methods 315:29236, payment methods 315:31590, account details 315:33080, new password 315:33857.
   Load on the My Account page only. account.html adds the profile block, the mobile title row and the small script this file expects
   (the script adds .is-js, .is-in, .is-dash and .is-view to .drp-account and builds the password "change" toggle). */

/* ---------- Page frame ---------- */
.drp-account{padding:83px 0 120px;font-family:var(--drp-font);color:#000}
.drp-account .woocommerce{font-family:var(--drp-font);font-size:16px;line-height:18px;color:#000}
.drp-account .woocommerce a{color:inherit}

/* Mobile title row (title + BACK). Hidden on desktop; the h1 stays for screen readers */
.drp-account .drp-acc__mhead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.drp-account .drp-acc__back{display:none}
.drp-page.drp-account h1.drp-acc__title{font-family:var(--drp-font);font-size:22px;line-height:25px;font-weight:400;margin:0;color:#000}

/* ---------- Profile block above the menu, 300:15251 ---------- */
.drp-account .drp-acc__profile{margin-bottom:50px}
.drp-account:not(:has(.woocommerce-MyAccount-navigation)) .drp-acc__profile{display:none}
.drp-account .drp-acc__avatar{display:block;width:93px;height:93px;border-radius:5px;overflow:hidden;background:#F5F5F5}
.drp-page .drp-acc__avatar img,.drp-page img.drp-acc__avatar{display:block;width:93px;height:93px;max-width:none;object-fit:cover;border-radius:5px}
.drp-account .drp-acc__name{margin:20px 0 0;font-size:20px;line-height:23px}
.drp-account .drp-acc__logout{display:inline-block;margin-top:4px;font-size:13px;line-height:15px;color:var(--drp-grey-text);text-decoration:underline;text-underline-offset:2px}

/* ---------- Two column layout: menu 320 px, content from x 503 ---------- */
.drp-account .woocommerce:has(> .woocommerce-MyAccount-navigation){display:grid;grid-template-columns:320px minmax(0,1fr);column-gap:133px;align-items:start}
.drp-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::before,.drp-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::after{display:none}
.drp-account .woocommerce>.woocommerce-notices-wrapper{grid-column:1 / -1}
.drp-account .woocommerce-MyAccount-navigation,.drp-account .woocommerce-MyAccount-content{float:none;width:auto;margin:0;min-width:0}

/* ---------- Menu, 300:15252 ---------- */
.drp-account .woocommerce-MyAccount-navigation ul{display:grid;gap:15px;margin:0;padding:0;list-style:none}
.drp-account .woocommerce-MyAccount-navigation li{margin:0;padding:0;border:0;list-style:none}
.drp-account .woocommerce-MyAccount-navigation li::before{display:none}
.drp-account .woocommerce-MyAccount-navigation li a{display:flex;align-items:center;height:40px;padding:0 26px;border-radius:4px;background:#F5F5F5;color:#000;font-size:16px;line-height:18px;text-decoration:none;transition:background .15s,color .15s}
.drp-account .woocommerce-MyAccount-navigation li a:hover{text-decoration:underline;text-underline-offset:3px}
.drp-account .woocommerce-MyAccount-navigation li.is-active a{background:#000;color:#fff}

/* ---------- Content text, dashboard 300:15253 and 300:15256 ---------- */
.drp-account .woocommerce-MyAccount-content{font-size:16px;line-height:18px}
.drp-account .woocommerce-MyAccount-content p{margin:0 0 18px;max-width:552px}
.drp-account .woocommerce-MyAccount-content form p,.drp-account .woocommerce-MyAccount-content .woocommerce-info,.drp-account .woocommerce-MyAccount-content address p{max-width:none}
.drp-account .woocommerce-MyAccount-content p a{text-decoration:none}
.drp-account .woocommerce-MyAccount-content strong{font-weight:400}
.drp-account.is-dash .woocommerce-MyAccount-content>p:first-of-type{margin-bottom:43px}
.drp-account.is-dash .woocommerce-MyAccount-content>p:first-of-type a{color:var(--drp-grey-text);text-decoration:underline;text-underline-offset:2px}
.drp-account .woocommerce-MyAccount-content mark{background:none;color:inherit;padding:0}
.drp-page.drp-account .woocommerce-MyAccount-content h2,.drp-page.drp-account .woocommerce-MyAccount-content h3{font-family:var(--drp-font);font-size:20px;line-height:23px;font-weight:400;margin:0 0 20px;color:#000}

/* ---------- Notices ---------- */
/* Inside the content (empty states such as "No downloads available yet.") the notice is plain text, 309:23952, 300:16328, 300:19223 */
.drp-account .woocommerce-message,.drp-account .woocommerce-info,.drp-account .woocommerce-error,.drp-account .woocommerce-notice{margin:0 0 30px;padding:0;border:0;border-radius:0;background:none;color:#000;font-family:var(--drp-font);font-size:16px;line-height:18px;list-style:none;box-shadow:none}
.drp-account .woocommerce-message::before,.drp-account .woocommerce-info::before,.drp-account .woocommerce-error::before{display:none;content:none}
.drp-account .woocommerce-error li{margin:0;padding:0;list-style:none}
.drp-account .woocommerce-MyAccount-content .woocommerce-info .button,.drp-account .woocommerce-MyAccount-content .woocommerce-message--info .button{display:none}
/* Feedback after a save or a failed login (not drawn): a light panel above the account area */
.drp-account .woocommerce-notices-wrapper>*{margin:0 0 30px;padding:14px 20px;border-radius:5px;background:#F5F5F5;font-size:13px;line-height:18px}
.drp-account .woocommerce-notices-wrapper .woocommerce-error,.drp-account .woocommerce-error{color:var(--drp-red)}
.drp-account .woocommerce-notices-wrapper a{text-decoration:underline;text-underline-offset:2px}

/* ---------- Buttons ---------- */
.drp-account .woocommerce a.button,.drp-account .woocommerce button.button,.drp-account .woocommerce input.button,.drp-account .woocommerce .woocommerce-Button{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:40px;min-height:0;margin:0;padding:0 24px;border:1px solid #000;border-radius:4px;background:#000;color:#fff;font-family:var(--drp-font);font-size:13px;line-height:11px;font-weight:400;text-transform:uppercase;text-decoration:none;letter-spacing:0;box-shadow:none;cursor:pointer;transition:background .15s,color .15s}
.drp-account .woocommerce a.button:hover,.drp-account .woocommerce button.button:hover,.drp-account .woocommerce input.button:hover,.drp-account .woocommerce .woocommerce-Button:hover{background:#fff;color:#000;border-color:#000}
/* Text links with the brand dot: VIEW, EDIT, DOWNLOAD (CTA-UNDERLINE 13 px). The dot approximates ctaDot icon */
.drp-account .woocommerce-orders-table a.button,.drp-account .woocommerce-Address a.edit,.drp-account .woocommerce-table--order-downloads a.button,.drp-account .woocommerce-MyAccount-paymentMethods a.button{display:inline-flex;align-items:center;gap:13px;height:auto;padding:0;border:0!important;border-radius:0;background:none!important;color:#000!important;font-family:var(--drp-font);font-size:13px;line-height:13px;text-transform:uppercase;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.drp-account .woocommerce-orders-table a.button::after,.drp-account .woocommerce-Address a.edit::after,.drp-account .woocommerce-table--order-downloads a.button::after,.drp-account .woocommerce-MyAccount-paymentMethods a.button::after{content:"";flex:0 0 auto;width:9px;height:12px;border-radius:50%;background:currentColor}
.drp-account .woocommerce-orders-table a.button:hover,.drp-account .woocommerce-Address a.edit:hover,.drp-account .woocommerce-table--order-downloads a.button:hover{text-decoration-thickness:2px}

/* ---------- Form fields (login, register, account details, addresses, lost password) ---------- */
.drp-account .woocommerce form .form-row{display:block;margin:0 0 20px;padding:0;float:none;width:auto}
.drp-account .woocommerce form .form-row label{display:block;margin:0 0 2px;font-family:var(--drp-font);font-size:13px;line-height:18px;font-weight:400;color:#000}
.drp-account .woocommerce form .form-row .required{color:inherit;border:0;text-decoration:none;font-weight:400}
.drp-account .woocommerce form .form-row input.input-text,.drp-account .woocommerce form .form-row textarea,.drp-account .woocommerce form .form-row select{display:block;width:100%;height:40px;margin:0;padding:0 20px;border:1px solid #000;border-radius:4px;background:#fff;box-shadow:none;font-family:var(--drp-font);font-size:13px;line-height:18px;color:var(--drp-grey-text)}
.drp-account .woocommerce form .form-row input.input-text:focus,.drp-account .woocommerce form .form-row select:focus{color:#000;border-color:#000}
.drp-account .woocommerce form .form-row textarea{height:auto;min-height:96px;padding:11px 20px}
.drp-account .woocommerce form .form-row .password-input{display:block;position:relative}
.drp-account .woocommerce form .show-password-input{position:absolute;top:50%;right:14px;transform:translateY(-50%);padding:0;border:0;background:none;color:#000}
.drp-account .woocommerce form .form-row .select2-container .select2-selection--single{height:40px;border:1px solid #000;border-radius:4px}
.drp-account .woocommerce form .form-row .select2-selection__rendered{line-height:38px;padding-left:20px;font:13px/38px var(--drp-font)}
.drp-account .woocommerce form .form-row .select2-selection__arrow{height:38px}
.drp-account .woocommerce form .clear{display:none}
.drp-account .woocommerce form .woocommerce-input-wrapper{display:block}
.drp-account .woocommerce form .form-row .description,.drp-account .woocommerce form em{font-size:11px;line-height:13px;color:var(--drp-grey-text);font-style:normal}
/* Checkbox, 300:14106 */
.drp-account .woocommerce form input[type="checkbox"]{-webkit-appearance:none;appearance:none;flex:0 0 auto;width:11.4px;height:11.4px;margin:0;padding:0;border:1px solid #000;border-radius:1px;background:#fff;cursor:pointer;vertical-align:middle}
.drp-account .woocommerce form input[type="checkbox"]:checked{background:#000;box-shadow:inset 0 0 0 2px #fff}

/* ---------- Logged out: login (300:14127), register, lost password ---------- */
.drp-account .woocommerce:not(:has(> .woocommerce-MyAccount-navigation)):has(> form){max-width:774px;margin:0 auto;padding:49px 47px 38px;border-radius:5px;background:#F5F5F5}
.drp-account #customer_login{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:none;margin:0;float:none}
.drp-account #customer_login::before,.drp-account #customer_login::after{display:none}
.drp-account #customer_login>.u-column1,.drp-account #customer_login>.u-column2{float:none;width:auto;padding:49px 47px 38px;border-radius:5px;background:#F5F5F5}
.drp-page.drp-account .woocommerce>h2,.drp-page.drp-account #customer_login h2{font-family:var(--drp-font);font-size:20px;line-height:23px;font-weight:400;margin:0 0 38px;color:#000}
.drp-account .woocommerce form.woocommerce-form-login,.drp-account .woocommerce form.woocommerce-form-register,.drp-account .woocommerce form.woocommerce-ResetPassword{margin:0;padding:0;border:0;border-radius:0;text-align:left}
.drp-account .woocommerce form.woocommerce-form-login .form-row:has(.woocommerce-form-login__rememberme){display:flex;flex-wrap:wrap;align-items:center;margin:-5px 0 0}
.drp-account .woocommerce form .woocommerce-form-login__rememberme{display:inline-flex!important;align-items:center;gap:8px;margin:0!important;font-size:11px!important;line-height:18px!important}
.drp-account .woocommerce form.woocommerce-form-login .woocommerce-form-login__submit{flex:0 0 100%;width:100%;margin:36px 0 0;font-size:16px;line-height:11px;float:none}
.drp-account .woocommerce form.woocommerce-form-register .woocommerce-form-register__submit,.drp-account .woocommerce form.woocommerce-ResetPassword .button{width:100%;font-size:16px}
.drp-account .woocommerce .woocommerce-LostPassword{margin:15px 0 0;max-width:none;text-align:center;font-size:13px;line-height:18px}
.drp-account .woocommerce .woocommerce-LostPassword a{color:var(--drp-grey-text);text-decoration:none}
.drp-account .woocommerce .woocommerce-LostPassword a:hover{text-decoration:underline;text-underline-offset:2px}
.drp-account .woocommerce form.woocommerce-ResetPassword>p:first-child,.drp-account .woocommerce form.woocommerce-form-register>p:not(.form-row),.drp-account .woocommerce .woocommerce-privacy-policy-text{margin:0 0 20px;font-size:13px;line-height:18px;max-width:none}
.drp-account .woocommerce .woocommerce-privacy-policy-text p{font-size:13px;line-height:18px;color:var(--drp-grey-text);max-width:none}

/* ---------- Orders table, 300:15265 ---------- */
.drp-account table.shop_table{width:100%;margin:0;border:0;border-radius:0;border-collapse:separate;border-spacing:0;background:none;font-size:16px;line-height:18px}
.drp-account table.shop_table th,.drp-account table.shop_table td{border:0;background:none!important;font-family:var(--drp-font);font-weight:400;text-align:left;vertical-align:middle;color:#000}
.drp-account table.woocommerce-orders-table thead th{height:40px;padding:0 12.5px;background:#F5F5F5!important;font-size:16px;line-height:18px;white-space:nowrap}
.drp-account table.woocommerce-orders-table thead th:first-child{border-radius:4px 0 0 4px}
.drp-account table.woocommerce-orders-table thead th:last-child{border-radius:0 4px 4px 0;text-align:right}
.drp-account table.woocommerce-orders-table tbody th,.drp-account table.woocommerce-orders-table tbody td{padding:18px 12.5px;border-bottom:1px solid #000}
.drp-account table.woocommerce-orders-table tbody tr:first-child>*{padding-top:29px}
.drp-account table.woocommerce-orders-table tbody tr:last-child>*{border-bottom:0}
.drp-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a{color:var(--drp-grey-text);text-decoration:none}
.drp-account table.woocommerce-orders-table .woocommerce-orders-table__header-order-number{width:113px}
.drp-account table.woocommerce-orders-table .woocommerce-orders-table__header-order-date{width:257px}
.drp-account table.woocommerce-orders-table .woocommerce-orders-table__header-order-status{width:158px}
.drp-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions{text-align:right;white-space:nowrap}
.drp-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a.button+a.button{margin-left:20px}
.drp-account table.shop_table_responsive tr td::before{display:none}
.drp-account .woocommerce-pagination{display:flex;justify-content:space-between;margin-top:30px}

/* ---------- Downloads, 300:17311 ---------- */
.drp-account table.woocommerce-table--order-downloads thead{display:none}
.drp-account table.woocommerce-table--order-downloads td{padding:14px 0;border-bottom:1px solid var(--drp-grey-text);font-size:16px;line-height:23px}
.drp-account table.woocommerce-table--order-downloads tbody tr:first-child td{padding-top:0}
.drp-account table.woocommerce-table--order-downloads tbody tr:last-child td{border-bottom:0}
.drp-account table.woocommerce-table--order-downloads .download-remaining,.drp-account table.woocommerce-table--order-downloads .download-expires{display:none}
.drp-account table.woocommerce-table--order-downloads .download-product a{text-decoration:none}
.drp-account table.woocommerce-table--order-downloads .download-file{text-align:right;white-space:nowrap}
.drp-page.drp-account .woocommerce-order-downloads h2{margin-bottom:20px}

/* ---------- Addresses, 300:18289 ---------- */
.drp-account .woocommerce-MyAccount-content>p:has(+ .woocommerce-Addresses){display:none}
.drp-account .woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin:0;float:none;width:auto}
.drp-account .woocommerce-Addresses::before,.drp-account .woocommerce-Addresses::after{display:none;content:none}
.drp-account .woocommerce-Addresses .woocommerce-Address{display:flex;flex-direction:column;float:none;width:auto;min-height:370px;margin:0;padding:28px 22px 24px;border:1px solid #000;border-radius:4px}
.drp-account .woocommerce-Address .woocommerce-Address-title{display:contents}
.drp-account .woocommerce-Address .woocommerce-Address-title::before,.drp-account .woocommerce-Address .woocommerce-Address-title::after{display:none}
.drp-page.drp-account .woocommerce-Address .woocommerce-Address-title h2,.drp-page.drp-account .woocommerce-Address .woocommerce-Address-title h3{order:0;float:none;margin:0;font-family:var(--drp-font);font-size:20px;line-height:23px;font-weight:400;color:#000}
.drp-account .woocommerce-Address address{order:1;margin:auto 0 0;padding-top:30px;font-style:normal;font-size:16px;line-height:18px;color:var(--drp-grey-text)}
.drp-account .woocommerce-Address address::first-line{color:#000}
.drp-account .woocommerce-Address a.edit{order:2;align-self:flex-start;float:none;margin-top:40px}

/* ---------- Account details, 300:21064 (password closed) and 309:22046 (open) ---------- */
.drp-account form.woocommerce-EditAccountForm{display:grid;grid-template-columns:1fr 1fr;column-gap:19px;align-items:start;margin-top:-20px}
.drp-account form.woocommerce-EditAccountForm>*{grid-column:1 / -1}
.drp-account form.woocommerce-EditAccountForm .form-row{margin-bottom:33px}
.drp-account form.woocommerce-EditAccountForm>.form-row-first{grid-column:1}
.drp-account form.woocommerce-EditAccountForm>.form-row-last{grid-column:2}
.drp-account form.woocommerce-EditAccountForm>.form-row:has(#account_display_name){display:none}
.drp-account form.woocommerce-EditAccountForm fieldset{display:grid;grid-template-columns:1fr 1fr;column-gap:19px;margin:13px 0 0;padding:0;border:0;min-width:0}
.drp-account form.woocommerce-EditAccountForm fieldset>*{grid-column:1 / -1}
.drp-account form.woocommerce-EditAccountForm fieldset>.form-row:has(#password_1){grid-column:1}
.drp-account form.woocommerce-EditAccountForm fieldset>.form-row:has(#password_2){grid-column:2}
.drp-account form.woocommerce-EditAccountForm legend{float:left;width:100%;margin:0 0 33px;padding:0;font-size:16px;line-height:18px;color:#000}
.drp-account.is-js form.woocommerce-EditAccountForm legend{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.drp-account.is-js form.woocommerce-EditAccountForm fieldset:not(.is-open)>.form-row{display:none}
.drp-account .drp-acc__pw{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 33px}
.drp-account fieldset:not(.is-open) .drp-acc__pw{margin-bottom:22px}
.drp-account .drp-acc__pwlabel{display:block;font-size:16px;line-height:18px}
.drp-account .drp-acc__pwmask{display:block;font-size:13px;line-height:18px;color:var(--drp-grey-text)}
.drp-account .woocommerce button.drp-acc__pwbtn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:40px;min-width:72px;margin:0;padding:0 14px;border:1px solid #000!important;border-radius:4px!important;background:#000!important;color:#fff!important;font-family:var(--drp-font);font-size:13px;line-height:11px;font-weight:400;text-transform:uppercase;box-shadow:none;cursor:pointer}
.drp-account .woocommerce button.drp-acc__pwbtn[aria-expanded="true"]{height:25px;min-width:95px;background:#fff!important;color:#000!important;font-size:16px;line-height:11px;text-transform:none}
.drp-account form.woocommerce-EditAccountForm>p:has(button[name="save_account_details"]){margin:-3px 0 0}
.drp-account form.woocommerce-EditAccountForm button[name="save_account_details"]{min-width:204px;margin-left:3px}

/* ---------- Payment methods, 300:19223 (none) and 300:20154 (saved card) ---------- */
.drp-account .woocommerce-MyAccount-content:has(> a.button[href*="add-payment-method"]){display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;column-gap:20px}
.drp-account .woocommerce-MyAccount-content:has(> a.button[href*="add-payment-method"])>*{flex:0 1 auto}
.drp-account .woocommerce-MyAccount-content>a.button[href*="add-payment-method"]{min-width:209px;background:#fff;color:#000}
.drp-account .woocommerce-MyAccount-content>a.button[href*="add-payment-method"]:hover{background:#000;color:#fff}
.drp-account .woocommerce-MyAccount-content>table.woocommerce-MyAccount-paymentMethods{flex:1 1 0;width:auto}
.drp-account table.woocommerce-MyAccount-paymentMethods thead{display:none}
.drp-account table.woocommerce-MyAccount-paymentMethods td{padding:0 0 22px;font-size:16px;line-height:18px}
.drp-account table.woocommerce-MyAccount-paymentMethods .woocommerce-PaymentMethod--expires{font-size:13px;color:var(--drp-grey-text)}
.drp-account table.woocommerce-MyAccount-paymentMethods .woocommerce-PaymentMethod--actions{text-align:right}
.drp-account table.woocommerce-MyAccount-paymentMethods .woocommerce-PaymentMethod--actions a.button+a.button{margin-left:20px}

/* ---------- Order detail (view-order, not drawn: same language as the orders table) ---------- */
.drp-account .woocommerce-order-details,.drp-account .woocommerce-customer-details{margin:50px 0 0}
.drp-account table.woocommerce-table--order-details thead th{height:40px;padding:0 12.5px;background:#F5F5F5!important}
.drp-account table.woocommerce-table--order-details thead th:first-child{border-radius:4px 0 0 4px}
.drp-account table.woocommerce-table--order-details thead th:last-child{border-radius:0 4px 4px 0;text-align:right}
.drp-account table.woocommerce-table--order-details tbody td,.drp-account table.woocommerce-table--order-details tfoot th,.drp-account table.woocommerce-table--order-details tfoot td{padding:18px 12.5px;border-bottom:1px solid #000}
.drp-account table.woocommerce-table--order-details td:last-child,.drp-account table.woocommerce-table--order-details tfoot td{text-align:right}
.drp-account table.woocommerce-table--order-details tfoot th{color:var(--drp-grey-text)}
.drp-account table.woocommerce-table--order-details tfoot tr:last-child>*{border-bottom:0}
.drp-account table.woocommerce-table--order-details .wc-item-meta{margin:6px 0 0;padding:0;list-style:none;font-size:13px;line-height:15px;color:var(--drp-grey-text)}
.drp-account table.woocommerce-table--order-details .wc-item-meta p{margin:0;display:inline}
.drp-account .woocommerce-customer-details .woocommerce-columns--addresses{display:grid;grid-template-columns:1fr 1fr;gap:23px;float:none}
.drp-account .woocommerce-customer-details .woocommerce-columns--addresses::before,.drp-account .woocommerce-customer-details .woocommerce-columns--addresses::after{display:none;content:none}
.drp-account .woocommerce-customer-details .woocommerce-column{float:none;width:auto;padding:28px 22px 24px;border:1px solid #000;border-radius:4px}
.drp-account .woocommerce-customer-details address{margin:0;padding:0;border:0;font-style:normal;font-size:16px;line-height:18px;color:var(--drp-grey-text)}
.drp-account .woocommerce-customer-details address::first-line{color:#000}
.drp-account .woocommerce-customer-details address p{margin:10px 0 0;padding:0;color:var(--drp-grey-text)}
.drp-account .woocommerce-customer-details address p::before{display:none}
.drp-account .order-again{margin:30px 0 0}

/* ==================== Mobile ==================== */
@media (max-width:1024px){
 .drp-account{padding:47px 0 70px}
 .drp-account .woocommerce,.drp-account .woocommerce-MyAccount-content{font-size:13px;line-height:18px}

 /* Profile row, 315:26185 */
 .drp-account .drp-acc__profile{display:grid;grid-template-columns:51.5px 1fr;column-gap:41.5px;margin-bottom:47px}
 .drp-account .drp-acc__avatar{width:51.5px;height:51.5px;margin-top:5px}
 .drp-page .drp-acc__avatar img,.drp-page img.drp-acc__avatar{width:51.5px;height:51.5px}
 .drp-account .drp-acc__who{display:flex;flex-direction:column;justify-content:space-between;min-height:57px}
 .drp-account .drp-acc__name{margin:0;font-size:13px;line-height:18px}
 .drp-account .drp-acc__logout{margin:0;font-size:11px;line-height:13px}

 /* Stacked layout */
 .drp-account .woocommerce:has(> .woocommerce-MyAccount-navigation){display:block}

 /* Menu as outlined rows, 315:26234 */
 .drp-account .woocommerce-MyAccount-navigation li a,.drp-account .woocommerce-MyAccount-navigation li.is-active a{height:40px;padding:0 18.5px;border:1px solid #000;border-radius:2px;background:#fff;color:#000;font-size:11px;line-height:11px}
 .drp-account .woocommerce-MyAccount-content{margin-top:47px}

 /* Drill down (needs the script): menu on the dashboard, one panel per endpoint with title and BACK */
 .drp-account.is-js.is-in .drp-acc__mhead{position:static;width:auto;height:auto;margin:0 0 70px;overflow:visible;clip:auto;white-space:normal;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
 .drp-account.is-js.is-in .drp-acc__back{display:inline-flex;margin-top:2px;font-size:11px;line-height:13px;gap:10px}
 .drp-account.is-js.is-dash:not(.is-view) .drp-acc__mhead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}
 .drp-account.is-js.is-dash:not(.is-view) .drp-acc__back{display:none}
 .drp-account.is-js.is-dash:not(.is-view) .woocommerce-MyAccount-content{display:none}
 .drp-account.is-js.is-in:not(.is-dash) .drp-acc__profile,.drp-account.is-js.is-in:not(.is-dash) .woocommerce-MyAccount-navigation,.drp-account.is-js.is-view .drp-acc__profile,.drp-account.is-js.is-view .woocommerce-MyAccount-navigation{display:none}
 .drp-account.is-js.is-in:not(.is-dash) .woocommerce-MyAccount-content,.drp-account.is-js.is-view .woocommerce-MyAccount-content{margin-top:0}

 /* Text */
 .drp-account .woocommerce-MyAccount-content p{max-width:none;margin-bottom:13px}
 .drp-account.is-dash .woocommerce-MyAccount-content>p:first-of-type{margin-bottom:40px}
 .drp-page.drp-account .woocommerce-MyAccount-content h2,.drp-page.drp-account .woocommerce-MyAccount-content h3{font-size:16px;line-height:19px}
 .drp-account .woocommerce-message,.drp-account .woocommerce-info,.drp-account .woocommerce-error,.drp-account .woocommerce-notice{font-size:13px;line-height:18px}
 .drp-account .woocommerce-notices-wrapper>*{padding:12px 14px;border-radius:4px;font-size:11px;line-height:16px}

 /* Buttons */
 .drp-account .woocommerce a.button,.drp-account .woocommerce button.button,.drp-account .woocommerce input.button,.drp-account .woocommerce .woocommerce-Button{border-radius:2px;font-size:11px;line-height:13px}
 .drp-account .woocommerce-orders-table a.button,.drp-account .woocommerce-Address a.edit,.drp-account .woocommerce-table--order-downloads a.button,.drp-account .woocommerce-MyAccount-paymentMethods a.button{font-size:11px;line-height:13px;gap:10px}
 .drp-account .woocommerce-orders-table a.button::after,.drp-account .woocommerce-Address a.edit::after,.drp-account .woocommerce-table--order-downloads a.button::after,.drp-account .woocommerce-MyAccount-paymentMethods a.button::after{width:7.8px;height:11.6px}

 /* Fields, 315:34584 */
 .drp-account .woocommerce form .form-row{margin-bottom:25px}
 .drp-account .woocommerce form .form-row label{margin-bottom:7px}
 .drp-account .woocommerce form .form-row input.input-text,.drp-account .woocommerce form .form-row select,.drp-account .woocommerce form .form-row .password-input{max-width:308px}
 .drp-account .woocommerce form .form-row input.input-text,.drp-account .woocommerce form .form-row select{padding:0 13px;border-radius:2px;font-size:11px}
 .drp-account .woocommerce form .form-row .select2-container .select2-selection--single{border-radius:2px}

 /* Login card, 309:22993 */
 .drp-account .woocommerce:not(:has(> .woocommerce-MyAccount-navigation)):has(> form),.drp-account #customer_login>.u-column1,.drp-account #customer_login>.u-column2{padding:35px 22px 22px;border-radius:4px}
 .drp-account #customer_login{grid-template-columns:1fr}
 .drp-page.drp-account .woocommerce>h2,.drp-page.drp-account #customer_login h2{font-size:16px;line-height:19px;margin-bottom:62px}
 .drp-account .woocommerce form.woocommerce-form-login .form-row input.input-text,.drp-account .woocommerce form.woocommerce-form-login .form-row .password-input{max-width:none}
 .drp-account .woocommerce form.woocommerce-form-login .form-row label{font-size:13px}
 .drp-account .woocommerce form.woocommerce-form-login .form-row:has(.woocommerce-form-login__rememberme){margin-top:0}
 .drp-account .woocommerce form.woocommerce-form-login .woocommerce-form-login__submit{margin-top:58px;font-size:11px}
 .drp-account .woocommerce .woocommerce-LostPassword{margin-top:9px;font-size:11px}

 /* Orders as stacked rows, 315:29996 */
 .drp-account table.woocommerce-orders-table,.drp-account table.woocommerce-orders-table tbody{display:block}
 .drp-account table.woocommerce-orders-table thead{display:none}
 .drp-account table.woocommerce-orders-table tbody tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:"num status" "date act" "total act";column-gap:16px;padding:25px 0 22px;border-bottom:1px solid #000}
 .drp-account table.woocommerce-orders-table tbody tr:first-child{padding-top:0}
 .drp-account table.woocommerce-orders-table tbody tr>*{display:block;padding:0;border:0;width:auto;font-size:13px;line-height:18px;text-align:left}
 .drp-account table.woocommerce-orders-table tbody tr:first-child>*{padding-top:0}
 .drp-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number{grid-area:num;font-size:11px}
 .drp-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-status{grid-area:status;text-align:right;font-size:11px;color:var(--drp-grey-text);text-transform:lowercase}
 .drp-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-date{grid-area:date;margin-top:16px}
 .drp-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-total{grid-area:total}
 .drp-account table.woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions{grid-area:act;align-self:end;text-align:right}

 /* Downloads, 315:30052 */
 .drp-account table.woocommerce-table--order-downloads td{padding:22px 0;font-size:13px;line-height:15px}
 .drp-account table.woocommerce-table--order-downloads .download-file{vertical-align:bottom}

 /* Addresses, 315:30815 */
 .drp-account .woocommerce-Addresses,.drp-account .woocommerce-customer-details .woocommerce-columns--addresses{grid-template-columns:1fr;gap:36px}
 .drp-account .woocommerce-Addresses .woocommerce-Address{min-height:209px;padding:20px 18px 20px}
 .drp-page.drp-account .woocommerce-Address .woocommerce-Address-title h2,.drp-page.drp-account .woocommerce-Address .woocommerce-Address-title h3{font-size:16px;line-height:19px}
 .drp-account .woocommerce-Address address,.drp-account .woocommerce-customer-details address{font-size:13px;line-height:16px;padding-top:24px}
 .drp-account .woocommerce-Address a.edit{margin-top:22px}
 .drp-account .woocommerce-customer-details .woocommerce-column{padding:20px 18px}

 /* Account details, 315:33080 and 315:33857 */
 .drp-account form.woocommerce-EditAccountForm,.drp-account form.woocommerce-EditAccountForm fieldset{grid-template-columns:1fr}
 .drp-account form.woocommerce-EditAccountForm{margin-top:-30px}
 .drp-account form.woocommerce-EditAccountForm>.form-row-first,.drp-account form.woocommerce-EditAccountForm>.form-row-last,.drp-account form.woocommerce-EditAccountForm fieldset>.form-row:has(#password_1),.drp-account form.woocommerce-EditAccountForm fieldset>.form-row:has(#password_2){grid-column:1}
 .drp-account form.woocommerce-EditAccountForm .form-row{margin-bottom:25px}
 .drp-account form.woocommerce-EditAccountForm fieldset{margin-top:50px}
 .drp-account .drp-acc__pw{flex-direction:column;align-items:stretch;gap:0;margin-bottom:25px}
 .drp-account .drp-acc__pwlabel{font-size:13px;line-height:18px}
 .drp-account .drp-acc__pwmask{font-size:11px;line-height:18px;margin-top:3px}
 .drp-account .woocommerce button.drp-acc__pwbtn{width:100%;margin-top:14px;border-radius:2px!important;font-size:11px}
 .drp-account .woocommerce button.drp-acc__pwbtn[aria-expanded="true"]{display:none}
 .drp-account form.woocommerce-EditAccountForm button[name="save_account_details"]{width:100%;margin-left:0}

 /* Payment methods, 315:29236 and 315:31590 */
 .drp-account .woocommerce-MyAccount-content:has(> a.button[href*="add-payment-method"]){display:block}
 .drp-account .woocommerce-MyAccount-content>a.button[href*="add-payment-method"]{display:flex;width:100%;margin-top:6px}
 .drp-account .woocommerce-MyAccount-content>table.woocommerce-MyAccount-paymentMethods{width:100%}
 .drp-account table.woocommerce-MyAccount-paymentMethods,.drp-account table.woocommerce-MyAccount-paymentMethods tbody,.drp-account table.woocommerce-MyAccount-paymentMethods tr,.drp-account table.woocommerce-MyAccount-paymentMethods td{display:block;text-align:left}
 .drp-account table.woocommerce-MyAccount-paymentMethods td{padding:0 0 10px;font-size:13px}
 .drp-account table.woocommerce-MyAccount-paymentMethods .woocommerce-PaymentMethod--actions{text-align:left;padding-bottom:30px}

 /* Order detail */
 .drp-account table.woocommerce-table--order-details thead th,.drp-account table.woocommerce-table--order-details tbody td,.drp-account table.woocommerce-table--order-details tfoot th,.drp-account table.woocommerce-table--order-details tfoot td{padding-left:10px;padding-right:10px;font-size:13px;line-height:16px}
}