.customer-panels{display:grid;gap:30px}.customer-panel{padding:25px;background:var(--color-blush)}.customer-panel h2,.customer-page>h2,.customer-addresses h2,.customer-order-lines h2{font-size:32px}.customer-form{display:grid;gap:8px}.customer-form--narrow{max-width:620px}.customer-form label{margin-top:7px;font-size:11px;font-weight:700;text-transform:uppercase}.customer-form input,.customer-form select{width:100%;min-height:46px;padding:10px;border:1px solid #302f2960;background:#fff8}.customer-form .commerce-button{margin-top:12px}.customer-form>a{text-decoration:underline}.customer-nav{display:flex;flex-wrap:wrap;gap:18px;margin:-15px 0 45px}.customer-nav a{text-decoration:underline;text-transform:uppercase}.customer-orders{border-top:1px solid}.customer-orders>a{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:17px 0;border-bottom:1px solid}.customer-orders>a b{text-align:right}.customer-address{margin:0 0 30px;padding:18px 0;border-block:1px solid}.customer-address summary,.customer-addresses summary{display:flex;justify-content:space-between;font-weight:700;cursor:pointer}.customer-address .customer-form,.customer-addresses .customer-form{margin-top:20px}.customer-addresses{display:grid;gap:20px}.customer-addresses article{padding:24px;background:var(--color-blush)}.customer-addresses address{font-style:normal}.customer-addresses details{margin-top:18px;padding-top:14px;border-top:1px solid #302f2940}.customer-check{display:flex!important;align-items:center;gap:8px}.customer-check input{width:auto;min-height:0}.customer-delete{margin-top:14px;padding:0;border:0;background:transparent;text-decoration:underline;text-transform:uppercase;cursor:pointer}.customer-order-lines{border-top:1px solid}.customer-order-lines article{display:grid;grid-template-columns:80px 1fr auto;gap:14px;align-items:start;padding:18px 0;border-bottom:1px solid}.customer-order-lines img{width:80px;aspect-ratio:4/5;object-fit:cover}.customer-order-lines h2{margin-bottom:7px}.customer-order-lines p{margin-bottom:3px}.customer-page .cart-receipt>p:not(.cart-receipt__total){display:flex;justify-content:space-between}
@media(min-width:750px){.customer-panels{grid-template-columns:1fr 1fr}.customer-panel{padding:38px}.customer-orders>a{grid-template-columns:1fr repeat(4,auto);gap:24px}.customer-orders>a b{text-align:left}.customer-addresses{grid-template-columns:repeat(2,minmax(0,1fr))}}
