/* Account and touch refinements shared across the shop. */
.shop-account-link svg{display:none}
.shop-account,.shop-account form,.shop-account .fields>div,.shop-account .cards>*,.shop-account .scroll{min-width:0;max-width:100%}
.shop-account p,.shop-account h1,.shop-account h2,.shop-account td{overflow-wrap:anywhere}
.shop-account iframe{max-width:100%}
.password-quality-head{flex-wrap:wrap}
@media(max-width:700px){
 .shop-account input,.shop-account select,.shop-account textarea{font-size:16px}
 .shop-account .button{max-width:100%;min-height:44px;white-space:normal;text-align:center}
 .shop-account-link{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
 .shop-account-link svg{display:block;width:22px;height:22px}
 .shop-account-link span{display:none}
 .header-left .icon-button,.header-left .menu-button,.header-right .bag{min-width:44px;min-height:44px}
 .shop-account nav a{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:480px){
 .header{grid-template-columns:1fr auto 1fr;row-gap:10px;padding:12px 16px}
 .header>.brand{grid-row:1;grid-column:1/-1;justify-self:center}
 .header-left{grid-row:2;grid-column:1;gap:6px}
 .header-right{grid-row:2;grid-column:3;gap:6px}
 .shop-account .fields,.shop-account .cards{grid-template-columns:minmax(0,1fr)}
}